:root {
  --color-pink: #e90766;
  --color-pink-2: #ff4e5e;
  --color-pink-3: #f33b89;
  --color-pink-4: #ec0766;
  --color-red: #e63131;
  --color-purple: #682897;
  --color-purple-2: #923ed0;
  --color-purple-3: #743090;
  --color-purple-4: #513f91;
  --color-purple-5: #a150dd;
  --color-purple-6: #6d32c5;
  --color-purple-7: #5d52e6;
  --color-purple-8: #9046cf;
  --color-black: #000;
  --color-white: #fff;
  --color-cyan: #00ebea;
  --color-orange: #f7b500;
  --color-orange-1: #ee8e07;
  --color-orange-2: #ffc423;
  --color-orange-3: #eca022;
  --color-green: #00be52;
  --color-green-1: #009942;
  --color-blue: #00badc;
  --color-blue-1: #064286;
  --color-blue-2: #042f5b;
  --color-blue-3: #00385d;
  --color-blue-4: #113255;
  --color-blue-5: #011d3a;
  --color-blue-6: #021835;
  --color-blue-7: #010c26;
  --color-blue-8: #163d67;
  --color-blue-9: rgba(1, 12, 38, .6);
  --color-blue-10: #005160;
  --color-blue-11: #0087a0;
  --color-blue-12: #082648;
  --color-blue-13: #002a45;
  --color-blue-14: #01172e;
  --color-blue-15: #1a243c;
  --color-blue-16: #061d3a;
  --color-blue-17: #071432;
  --color-blue-18: #00b0d2;
  --color-blue-19: #01264c;
  --color-blue-20: #102442;
  --color-blue-21: #081a34;
  --color-blue-22: #5b84b1;
  --color-blue-23: #102442;
  --color-blue-24: #022f52;
  --color-blue-25: #001234;
  --color-blue-26: #001639;
  --color-blue-27: #091635;
  --color-blue-28: #3366a1;
  --color-blue-29: #193252;
  --color-gray: #a3acc1;
  --color-gray-1: #c6cee2;
  --color-gray-2: #4d5772;
  --color-gray-3: #434c65;
  --color-gray-4: #3b455c;
  --color-gray-5: rgba(122, 137, 174, .6);
  --color-gray-6: #efeff2;
  --color-gray-7: #bec2cd;
  --color-gray-8: #232323;
  --color-gray-9: #a4b8cf;
  --color-gray-10: #4f4f4f;
  --color-gray-11: #e8ebf4;
  --gradient-pink: to right, #ec0766 0%, #743090 100%;
  --gradient-blue: to right, #007894 0%, #006ab6 100%;
  --skeleton-color: #05254b;
  --filter-white: invert(100%) sepia(0%) saturate(7470%) hue-rotate(116deg) brightness(109%) contrast(109%);
  --filter-cyan: invert(90%) sepia(29%) saturate(4034%) hue-rotate(121deg) brightness(90%) contrast(105%);
  --filter-blue: invert(60%) sepia(42%) saturate(4256%) hue-rotate(150deg) brightness(96%) contrast(104%);
  --filter-purple-6: invert(23%) sepia(66%) saturate(1974%) hue-rotate(247deg) brightness(101%) contrast(105%);
  --filter-orange: invert(64%) sepia(75%) saturate(2156%) hue-rotate(9deg) brightness(108%) contrast(105%);
  --grid-column-count: 12;
  --notification-index: 1000;
  --side-panel-index: 600;
  --datepicker-index: 550;
  --topline-index: 500;
  --header-index: 400;
  --winners-index: 200;
  --app-root-index: 10;
  --fasttrack-index: 1100;
  --fasttrack-inbox-index: 1110;
  --toast-notification-index: 1005000;
  --preloader-index: 100500;
  --panic-button-height: 32px;
  --panic-button-big-height: 42px;
  --topline-height: 0;
  --header-height: 56px
}

@media (min-width:960px) {
  :root {
    --header-height: 62px
  }
}

body {
  background: var(--color-white);
  color: var(--color-black)
}

a,
button,
input[type=checkbox] {
  &:focus-visible {
    box-shadow: 0 0 5px rgba(var(--color-cyan), .7);
    outline: 2px solid var(--color-blue);
    outline-offset: -1px
  }
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/41ad4700cd59edfe5d41.woff2) format("woff2"), url(/assets/fonts/07e71905135b2233c55b.woff) format("woff");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/ac010e3f760083074d6e.woff2) format("woff2"), url(/assets/fonts/07e71905135b2233c55b.woff) format("woff");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/78e4eeeac3e315991005.woff2) format("woff2"), url(/assets/fonts/07e71905135b2233c55b.woff) format("woff");
  unicode-range: u+1f??
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/12e1449f1d1be830f520.woff2) format("woff2"), url(/assets/fonts/07e71905135b2233c55b.woff) format("woff");
  unicode-range: u+0370-03ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/8936a0a1de4691563979.woff2) format("woff2"), url(/assets/fonts/07e71905135b2233c55b.woff) format("woff");
  unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/d14982135918a6566260.woff2) format("woff2"), url(/assets/fonts/07e71905135b2233c55b.woff) format("woff");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/3e8ef2460e4c213ff506.woff2) format("woff2"), url(/assets/fonts/07e71905135b2233c55b.woff) format("woff");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/c93abfae8b4c45ec0929.woff2) format("woff2"), url(/assets/fonts/07e71905135b2233c55b.woff) format("woff");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/01b11c560bc52c756c23.woff2) format("woff2"), url(/assets/fonts/cb2542fccedadc68d737.woff) format("woff");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/5a546777799f438b6bb4.woff2) format("woff2"), url(/assets/fonts/cb2542fccedadc68d737.woff) format("woff");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/1ed998a42083750e175e.woff2) format("woff2"), url(/assets/fonts/cb2542fccedadc68d737.woff) format("woff");
  unicode-range: u+1f??
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/3064bf7e87155fcb14a1.woff2) format("woff2"), url(/assets/fonts/cb2542fccedadc68d737.woff) format("woff");
  unicode-range: u+0370-03ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/daafcec89c2332b84c25.woff2) format("woff2"), url(/assets/fonts/cb2542fccedadc68d737.woff) format("woff");
  unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/473f6b09ca8f5658857e.woff2) format("woff2"), url(/assets/fonts/cb2542fccedadc68d737.woff) format("woff");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/ccfa20f8de7f73249c39.woff2) format("woff2"), url(/assets/fonts/cb2542fccedadc68d737.woff) format("woff");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/a1535f451fb7bb98f526.woff2) format("woff2"), url(/assets/fonts/cb2542fccedadc68d737.woff) format("woff");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/1557831c773400619b42.woff2) format("woff2"), url(/assets/fonts/3d9fdb588191bb613107.woff) format("woff");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/c80c929093d3b4be75ad.woff2) format("woff2"), url(/assets/fonts/3d9fdb588191bb613107.woff) format("woff");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/2b5698df19ba213dc494.woff2) format("woff2"), url(/assets/fonts/3d9fdb588191bb613107.woff) format("woff");
  unicode-range: u+1f??
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/9e0c3f1887e128e9363e.woff2) format("woff2"), url(/assets/fonts/3d9fdb588191bb613107.woff) format("woff");
  unicode-range: u+0370-03ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/2bc96b28b53d52dbe9da.woff2) format("woff2"), url(/assets/fonts/3d9fdb588191bb613107.woff) format("woff");
  unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/fcc151f70433aa31d5b8.woff2) format("woff2"), url(/assets/fonts/3d9fdb588191bb613107.woff) format("woff");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/2b6b4e6c5b21536d981f.woff2) format("woff2"), url(/assets/fonts/3d9fdb588191bb613107.woff) format("woff");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/80a88fd1b15e99551462.woff2) format("woff2"), url(/assets/fonts/3d9fdb588191bb613107.woff) format("woff");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/abf6f49082872c3630f1.woff2) format("woff2"), url(/assets/fonts/2e341a4b136b06b66e3d.woff) format("woff");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/cb4c15f11ee9f9f62bff.woff2) format("woff2"), url(/assets/fonts/2e341a4b136b06b66e3d.woff) format("woff");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/4aea64b37028d201c33e.woff2) format("woff2"), url(/assets/fonts/2e341a4b136b06b66e3d.woff) format("woff");
  unicode-range: u+1f??
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/109400355671295088f5.woff2) format("woff2"), url(/assets/fonts/2e341a4b136b06b66e3d.woff) format("woff");
  unicode-range: u+0370-03ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/f9d737d5f0195a929f22.woff2) format("woff2"), url(/assets/fonts/2e341a4b136b06b66e3d.woff) format("woff");
  unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/e45d25461788b2f7129d.woff2) format("woff2"), url(/assets/fonts/2e341a4b136b06b66e3d.woff) format("woff");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/0c2b9ee06365d7e045ae.woff2) format("woff2"), url(/assets/fonts/2e341a4b136b06b66e3d.woff) format("woff");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/7ef3bbc98d285227e83a.woff2) format("woff2"), url(/assets/fonts/2e341a4b136b06b66e3d.woff) format("woff");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/e3bd52c5ded9599698f3.woff2) format("woff2"), url(/assets/fonts/6a0d4db93959eeb8d8c6.woff) format("woff");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/1ec5bd3bd6e6ec298d7e.woff2) format("woff2"), url(/assets/fonts/6a0d4db93959eeb8d8c6.woff) format("woff");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/39308b490d9fe59e46d8.woff2) format("woff2"), url(/assets/fonts/6a0d4db93959eeb8d8c6.woff) format("woff");
  unicode-range: u+1f??
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/861c18edd0f0ee90be98.woff2) format("woff2"), url(/assets/fonts/6a0d4db93959eeb8d8c6.woff) format("woff");
  unicode-range: u+0370-03ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/80a2f4c000d3adbed74b.woff2) format("woff2"), url(/assets/fonts/6a0d4db93959eeb8d8c6.woff) format("woff");
  unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/b2377ffdd507ad1cfb9a.woff2) format("woff2"), url(/assets/fonts/6a0d4db93959eeb8d8c6.woff) format("woff");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/034b6698eccd2727a226.woff2) format("woff2"), url(/assets/fonts/6a0d4db93959eeb8d8c6.woff) format("woff");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 600;
  src: url(/assets/fonts/9934eba5db905a32086d.woff2) format("woff2"), url(/assets/fonts/6a0d4db93959eeb8d8c6.woff) format("woff");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/00b4dd1737b042f58e99.woff2) format("woff2"), url(/assets/fonts/105e43091a26bbed22fe.woff) format("woff");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/2cf6253fec5056197d00.woff2) format("woff2"), url(/assets/fonts/105e43091a26bbed22fe.woff) format("woff");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/8850c90c4b61e6472307.woff2) format("woff2"), url(/assets/fonts/105e43091a26bbed22fe.woff) format("woff");
  unicode-range: u+1f??
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/a0312547715346ffccb1.woff2) format("woff2"), url(/assets/fonts/105e43091a26bbed22fe.woff) format("woff");
  unicode-range: u+0370-03ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/3befb44d920b69550008.woff2) format("woff2"), url(/assets/fonts/105e43091a26bbed22fe.woff) format("woff");
  unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/b4c5968d5737aea8ed2d.woff2) format("woff2"), url(/assets/fonts/105e43091a26bbed22fe.woff) format("woff");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/64471a17dcb915ab3332.woff2) format("woff2"), url(/assets/fonts/105e43091a26bbed22fe.woff) format("woff");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/b245bc85ddeedb27a549.woff2) format("woff2"), url(/assets/fonts/105e43091a26bbed22fe.woff) format("woff");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/3cf2fd046b991a3f07c4.woff2) format("woff2"), url(/assets/fonts/ba48a8dfb63a3aca42d8.woff) format("woff");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/bc54460d76cb65437539.woff2) format("woff2"), url(/assets/fonts/ba48a8dfb63a3aca42d8.woff) format("woff");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/6381153994852c099688.woff2) format("woff2"), url(/assets/fonts/ba48a8dfb63a3aca42d8.woff) format("woff");
  unicode-range: u+1f??
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/d91563e5896426134b6b.woff2) format("woff2"), url(/assets/fonts/ba48a8dfb63a3aca42d8.woff) format("woff");
  unicode-range: u+0370-03ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/23668a494ec5ddf52310.woff2) format("woff2"), url(/assets/fonts/ba48a8dfb63a3aca42d8.woff) format("woff");
  unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/cdddd7112bf94a746748.woff2) format("woff2"), url(/assets/fonts/ba48a8dfb63a3aca42d8.woff) format("woff");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/1b15c760c6c8ef5cc847.woff2) format("woff2"), url(/assets/fonts/ba48a8dfb63a3aca42d8.woff) format("woff");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/c580d11cd39cb1fee4f1.woff2) format("woff2"), url(/assets/fonts/ba48a8dfb63a3aca42d8.woff) format("woff");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/2c1c4cc5acc8299bcf8b.woff2) format("woff2"), url(/assets/fonts/86e783c72f00c6c5e376.woff) format("woff");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/4190293319a7753725d3.woff2) format("woff2"), url(/assets/fonts/86e783c72f00c6c5e376.woff) format("woff");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/fe3583f2e467c6e7ce1c.woff2) format("woff2"), url(/assets/fonts/86e783c72f00c6c5e376.woff) format("woff");
  unicode-range: u+1f??
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/d60c6496c558a11cdea7.woff2) format("woff2"), url(/assets/fonts/86e783c72f00c6c5e376.woff) format("woff");
  unicode-range: u+0370-03ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/bfe88fedf7216a98ea0a.woff2) format("woff2"), url(/assets/fonts/86e783c72f00c6c5e376.woff) format("woff");
  unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/27b69d870542191053d9.woff2) format("woff2"), url(/assets/fonts/86e783c72f00c6c5e376.woff) format("woff");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/988eae1a6ba349b2eee4.woff2) format("woff2"), url(/assets/fonts/86e783c72f00c6c5e376.woff) format("woff");
  unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 800;
  src: url(/assets/fonts/185f6b038323b60834d2.woff2) format("woff2"), url(/assets/fonts/86e783c72f00c6c5e376.woff) format("woff");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@media(min-width:320px) {
  .page__section {
    margin-bottom: 6px
  }
}

@media(min-width:480px) {
  .page__section {
    margin-bottom: 10px
  }
}

@media(min-width:768px) {
  .page__section {
    margin-bottom: 16px
  }
}

@media(min-width:960px) {
  .page__section {
    margin-bottom: 20px
  }
}

@media(min-width:1024px) {
  .page__section {
    margin-bottom: 22px
  }
}

@media(min-width:1280px) {
  .page__section {
    margin-bottom: 22px
  }
}

@media(min-width:1440px) {
  .page__section {
    margin-bottom: 32px
  }
}

@media(min-width:1920px) {
  .page__section {
    margin-bottom: 32px
  }
}

abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
menu,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline
}

:focus {
  outline: 0
}

body {
  background: #fff;
  color: #000;
  line-height: 1
}

ol,
ul {
  list-style: none
}

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

caption,
td,
th {
  font-weight: 400;
  text-align: left
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: ""
}

blockquote,
q {
  quotes: """"
}

button {
  background-color: transparent;
  font-size: inherit;
  line-height: inherit
}

a:focus-visible,
button:focus-visible,
input[type=checkbox]:focus-visible {
  box-shadow: 0 0 5px rgba(0, 235, 234, .7);
  outline: 2px solid #00badc;
  outline-offset: -1px
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

button,
input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  font-family: inherit
}

img {
  max-width: 100%
}

* {
  box-sizing: border-box
}

.game-group {
  --list-column-count: 6;
  --item-min-width: 152px;
  --item-max-width: 224px;
  --gap-count: calc(var(--list-column-count) - 1);
  --total-gap-width: calc(var(--gap-count)*(var(--list-gap)));
  --item--width: calc((100% - var(--total-gap-width))/var(--list-column-count));
  grid-gap: var(--list-gap);
  --list-gap: 8px;
  display: grid;
  float: none;
  grid-template-columns: repeat(auto-fill, minmax(clamp(var(--item-min-width), var(--item--width), var(--item-max-width)), 1fr));
  position: relative;
  width: 100%
}

@media(min-width:768px) {
  .game-group {
    --list-gap: 16px
  }
}

.game-group__no-results {
  color: #00badc;
  font: 400 16px/1.2 Open Sans, sans-serif;
  padding: 20px 0 10px;
  text-align: center
}

.game-group_animation {
  overflow: hidden
}

.game-group_animation:after {
  animation: skeleton-shine 1.8s ease-in infinite;
  background: linear-gradient(-45deg, transparent 45%, rgba(1, 25, 51, .5) 50%, transparent 55%);
  background-size: 400% 100%;
  content: "";
  height: calc(100% - 22px);
  left: 11px;
  position: absolute;
  top: 11px;
  width: calc(100% - 22px);
  z-index: 100
}

@keyframes skeleton-shine {
  0% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

.game-group__wrapper {
  display: flex
}

.game-group__more {
  float: left;
  margin-top: 24px;
  position: relative;
  text-align: center;
  width: 100%
}

.game-group__more_bottom-indent {
  margin-top: 0;
  padding-bottom: 30px
}

.game-group_collapsed .game-cell-outer:nth-of-type(n+7) {
  display: none
}

@media(min-width:768px) {
  .game-group_collapsed .game-cell-outer:nth-of-type(n) {
    display: block
  }

  .game-group_collapsed .game-cell-outer:nth-of-type(n+10) {
    display: none
  }
}

@media(min-width:1024px) {
  .game-group_collapsed .game-cell-outer:nth-of-type(n) {
    display: block
  }

  .game-group_collapsed .game-cell-outer:nth-of-type(n+13) {
    display: none
  }
}

@media(min-width:1280px) {
  .game-group_collapsed .game-cell-outer:nth-of-type(n) {
    display: block
  }

  .game-group_collapsed .game-cell-outer:nth-of-type(n+16) {
    display: none
  }
}

@media(min-width:1440px) {
  .game-group_collapsed .game-cell-outer:nth-of-type(n) {
    display: block
  }

  .game-group_collapsed .game-cell-outer:nth-of-type(n+19) {
    display: none
  }
}

.game-group__filter-wrapper {
  display: flex
}

.popup__ban-wagering-bonus-popup {
  max-width: 460px !important;
  padding: 32px 16px 24px !important
}

.popup__ban-wagering-bonus-popup .game-group {
  --item-min-width: 120px;
  --list-column-count: 2;
  margin-top: 16px
}

@media(min-width:380px) {
  .popup__ban-wagering-bonus-popup .game-group {
    --item-min-width: 138px
  }
}

@media(min-width:480px) {
  .popup__ban-wagering-bonus-popup .game-group {
    --item-min-width: 152px
  }
}

html {
  min-height: var(--min-height, 100%);
  width: 100%
}

body,
html {
  height: 100%
}

body {
  -webkit-overflow-scrolling: touch;
  background: #010c26;
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  margin: 0;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  scrollbar-color: #3b455c #00385d;
  scrollbar-width: thin
}

body::-webkit-scrollbar {
  width: 4px
}

body::-webkit-scrollbar-track {
  background-color: #00385d;
  border-radius: 4px;
  margin-bottom: 2px
}

body::-webkit-scrollbar-thumb {
  background-color: #3b455c;
  border-radius: 4px
}

#root {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  height: 100%;
  height: calc(100dvh - 1px);
  min-width: 320px;
  overflow: auto;
  padding-top: calc(var(--header-height) + var(--topline-height));
  position: relative;
  width: 100vw;
  z-index: 10
}

#root>* {
  flex-shrink: 0
}

#root.hide-display {
  visibility: hidden
}

#root.no-scroll {
  overflow-y: hidden
}

#root.no-scroll-ios {
  left: 0;
  overflow-y: hidden;
  position: fixed;
  right: 0;
  touch-action: none
}

#notifications-root {
  position: relative;
  z-index: 1000
}

#notifications-root .notifications {
  z-index: 2
}

#notifications-root .bottomline-panel {
  z-index: 1
}

#notifications-root .notifications-auth_with-padding-top {
  top: var(--topline-height)
}

@media(min-width:960px) {
  #notifications-root .notifications-auth_with-padding-top {
    top: 0
  }
}

.row,
footer,
section {
  float: left;
  position: relative;
  width: 100%
}

.inner {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 4px;
  position: relative
}

@media(min-width:480px) {
  .inner {
    padding: 0 15px
  }
}

@media(min-width:768px) {
  .inner {
    padding: 0 12px
  }
}

@media(min-width:960px) {
  .inner {
    padding: 0 12px
  }
}

@media(min-width:1024px) {
  .inner {
    padding: 0 8px
  }
}

@media(min-width:1920px) {
  .inner {
    padding: 0 16px
  }
}

.container {
  width: 100%
}

.container,
[class*=col-] {
  float: left;
  position: relative
}

@media(min-width:320px) {

  .container,
  [class*=col-] {
    padding: 0 3px
  }
}

@media(min-width:480px) {

  .container,
  [class*=col-] {
    padding: 0 5px
  }
}

@media(min-width:768px) {

  .container,
  [class*=col-] {
    padding: 0 8px
  }
}

@media(min-width:960px) {

  .container,
  [class*=col-] {
    padding: 0 10px
  }
}

@media(min-width:1024px) {

  .container,
  [class*=col-] {
    padding: 0 11px
  }
}

@media(min-width:1280px) {

  .container,
  [class*=col-] {
    padding: 0 11px
  }
}

@media(min-width:1440px) {

  .container,
  [class*=col-] {
    padding: 0 16px
  }
}

@media(min-width:1920px) {

  .container,
  [class*=col-] {
    padding: 0 16px
  }
}

.col-12 {
  width: 100%
}

.intersection-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 100%;
  overflow: hidden;
  width: 100%
}

.disabled-scroll {
  overflow: hidden !important
}

.color-green,
.color-green:active,
.color-green:link,
.color-green:visited {
  color: #00be52
}

.color-red,
.color-red:active,
.color-red:link,
.color-red:visited {
  color: #e63131
}

.color-blue,
a.color-blue,
a.color-blue:active,
a.color-blue:link,
a.color-blue:visited {
  color: #00badc
}

.color-grey,
a.color-grey,
a.color-grey:active,
a.color-grey:link,
a.color-grey:visited {
  color: #a4a1a1
}

.nowrap {
  white-space: nowrap
}

.scrollbar-measure {
  height: 50px;
  overflow-y: auto;
  position: absolute;
  scrollbar-color: #3b455c #00385d;
  scrollbar-width: thin;
  top: -9999px;
  width: 50px
}

.scrollbar-measure::-webkit-scrollbar {
  width: 4px
}

.scrollbar-measure::-webkit-scrollbar-track {
  background-color: #00385d;
  border-radius: 4px;
  margin-bottom: 2px
}

.scrollbar-measure::-webkit-scrollbar-thumb {
  background-color: #3b455c;
  border-radius: 4px
}

.scrollbar-measure {
  overflow: scroll
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.page {
  float: left;
  position: relative;
  width: 100%
}

.page__title {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
  text-shadow: 0 0 5px #00badc, 0 0 2px #00badc;
  text-transform: uppercase
}

@media(min-width:768px) {
  .page__title {
    font-size: 21px;
    margin-bottom: 30px
  }
}

@media(min-width:1280px) {
  .page__title {
    font-size: 24px
  }
}

@media(min-width:1440px) {
  .page__title {
    font-size: 30px
  }
}

.page a.page__link,
.page__link {
  background-color: transparent;
  color: #a3acc1;
  cursor: pointer;
  display: inline-block;
  font: 400 15px/17px Open Sans, sans-serif;
  vertical-align: middle
}

.page a.page__link:hover,
.page__link:hover {
  filter: url(#overlay-pink)
}

.page a.page__link:before,
.page__link:before {
  background: url(/assets/fonts/f69fb935280a8b9e930c.svg) 0 50% no-repeat;
  content: "";
  display: inline-block;
  height: 27px;
  margin: -3px 4px 0 -3px;
  vertical-align: middle;
  width: 24px
}

.page__section {
  background: #011d3a;
  float: left;
  padding: 37px 20px;
  position: relative;
  width: 100%
}

@media(min-width:480px) {
  .page__section {
    padding-bottom: 37px;
    padding-top: 37px
  }
}

@media(min-width:768px) {
  .page__section {
    padding: 31px 50px
  }
}

@media(min-width:960px) {
  .page__section {
    padding-left: 32px;
    padding-right: 32px
  }
}

@media(min-width:1024px) {
  .page__section {
    padding: 47px 65px
  }
}

@media(min-width:1280px) {
  .page__section {
    padding: 46px 75px
  }
}

@media(min-width:1440px) {
  .page__section {
    padding: 41px 90px
  }
}

.page__section_center {
  text-align: center
}

.section {
  float: left;
  padding-bottom: 30px;
  position: relative;
  width: 100%
}

.section_home-page {
  padding-bottom: 0
}

@media(min-width:768px) {
  .section_home-page {
    padding-top: 10px
  }
}

.section_lg {
  padding-bottom: 40px
}

.menu-games+.section {
  padding-bottom: 0
}

.section__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 8px;
  position: relative;
  text-align: center;
  text-shadow: 0 0 5px #00badc, 0 0 2px #00badc;
  text-transform: uppercase
}

.section__title-inner {
  align-items: center;
  display: flex;
  justify-content: center
}

.section__title-inner:after,
.section__title-inner:before {
  background: url(/assets/fonts/c8bd556e64b339d0ef5e.svg) 100% 50%/contain no-repeat;
  content: "";
  display: block;
  height: 30px;
  width: 70px
}

@media(min-width:768px) {

  .section__title-inner:after,
  .section__title-inner:before {
    width: 135px
  }
}

.section__title-inner:before {
  transform: translateX(-15px)
}

.section__title-inner:after {
  transform: translateX(15px) rotateY(180deg)
}

@media(min-width:768px) {
  .section__title {
    font-size: 21px
  }
}

@media(min-width:1024px) {
  .section__title {
    margin-bottom: 21px
  }
}

@media(min-width:1280px) {
  .section__title {
    font-size: 24px
  }
}

@media(min-width:1440px) {
  .section__title {
    font-size: 30px;
    margin-bottom: 12px
  }
}

.section__title_offers {
  margin: 28px 0 11px
}

@media(min-width:480px) {
  .section__title_offers {
    margin: 38px 0 11px
  }
}

@media(min-width:768px) {
  .section__title_offers {
    margin: 46px 0 21px
  }
}

.section__title_statuses {
  margin-bottom: 10px
}

@media(min-width:768px) {
  .section__title_statuses {
    margin-bottom: 20px
  }
}

.section__title-label {
  background-color: #f7b500;
  border-radius: 4px;
  color: #000;
  font: 700 10px/1.4 Open Sans, sans-serif;
  margin-left: 12px;
  padding: 2px 8px;
  text-transform: lowercase
}

.section__content {
  float: left;
  position: relative;
  width: 100%
}

.section__content_tourney {
  margin-top: 15px;
  text-align: center
}

.section__section {
  float: left;
  margin-bottom: 15px;
  padding: 30px 20px;
  position: relative;
  width: 100%
}

.section__section.no-background {
  background: none
}

@media(min-width:1280px) {
  .section__section {
    margin-bottom: 30px
  }
}

@media(min-width:480px) {
  .section__section {
    padding-bottom: 37px;
    padding-top: 37px
  }
}

@media(min-width:768px) {
  .section__section {
    padding: 31px 50px
  }
}

@media(min-width:960px) {
  .section__section {
    padding-left: 32px;
    padding-right: 32px
  }
}

@media(min-width:1024px) {
  .section__section {
    padding: 47px 65px
  }
}

@media(min-width:1280px) {
  .section__section {
    padding: 46px 75px
  }
}

@media(min-width:1440px) {
  .section__section {
    padding: 41px 90px
  }
}

.section__information {
  color: #4d5772;
  float: left;
  padding-top: 16px;
  position: relative;
  width: 100%
}

.section__information,
.section__information p {
  font: 400 14px/17px Open Sans, sans-serif
}

.section__information_detailed {
  border-top: 1px solid #162b45;
  padding-top: 16px
}

.section__information-link {
  display: block;
  margin-top: 8px;
  text-decoration: underline
}

.section__information-link,
.section__information-link:active,
.section__information-link:link,
.section__information-link:visited {
  color: #00badc
}

.section__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2
}

.section__header_with-margin-down {
  margin-bottom: 12px
}

.section__title-small {
  align-items: center;
  display: inline-flex;
  font: 600 18px/1.33 Open Sans, sans-serif;
  padding-right: 10px;
  text-align: left;
  text-transform: none
}

@media(max-width:320px) {
  .section__title-small {
    font-size: 16px
  }
}

@media(min-width:768px) {
  .section__title-small {
    font-size: 21px
  }
}

@media(min-width:1280px) {
  .section__title-small {
    font-size: 21px
  }
}

.section__title-icon {
  display: flex;
  flex-shrink: 0;
  margin-right: 5px
}

.section__title-icon img {
  height: 34px;
  margin-right: 8px;
  width: auto
}

.section__title-icon_jackpotmeter {
  margin-right: 10px
}

.section__title-icon_jackpotmeter img {
  height: 25px;
  width: auto
}

.section__title-icon_lottery img {
  height: auto;
  width: 34px
}

.section__title-icon_recommended {
  border-radius: 50%;
  display: block;
  height: 24px;
  margin-right: 12px;
  overflow: hidden;
  position: relative;
  width: 24px
}

.section__title-icon_recommended img {
  height: 100%;
  left: 50%;
  max-width: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto
}

.section__title-link {
  align-items: center;
  display: inline-flex
}

.section__title-link:hover .section__title-link-text {
  border-color: #fff
}

.section__title-link_disabled {
  cursor: default
}

.section__title-link_disabled:hover .section__title-link-text {
  border-color: transparent
}

.section__title-link_highlight {
  background-color: #e90766;
  border-radius: 20px;
  min-height: 32px;
  padding: 0 22px
}

.section__title-link_highlight:hover .section__title-link-text {
  border-color: transparent
}

@media(min-width:960px) {
  .section__title-link_highlight {
    min-height: 38px
  }
}

.section__view-all-link {
  font-size: 12px;
  text-decoration: underline;
  white-space: nowrap
}

.section__view-all-link,
.section__view-all-link:active,
.section__view-all-link:link,
.section__view-all-link:visited {
  color: #fff
}

.section__title-link-text {
  border-bottom: 1px solid transparent;
  color: #fff;
  position: relative;
  transition: border-color .15s ease-in
}

a,
a:active,
a:link,
a:visited {
  color: #00badc
}

a,
a:hover {
  text-decoration: none
}

.link {
  color: #00badc;
  cursor: pointer;
  text-decoration: underline
}

@media(max-width:5000px) {

  .game-group__title,
  .h1,
  h1 {
    font-size: 36px
  }

  .h2,
  h2 {
    font-size: 30px
  }

  .h3,
  h3 {
    font-size: 21px
  }

  .h4,
  h4 {
    font-size: 16px
  }
}

@media(max-width:1920px) {

  .game-group__title,
  .h1,
  h1 {
    font-size: 36px
  }

  .h2,
  h2 {
    font-size: 30px
  }

  .h3,
  h3 {
    font-size: 21px
  }

  .h4,
  h4 {
    font-size: 16px
  }
}

@media(max-width:1440px) {

  .game-group__title,
  .h1,
  .h2,
  h1,
  h2 {
    font-size: 30px
  }

  .h3,
  h3 {
    font-size: 18px
  }

  .h4,
  h4 {
    font-size: 16px
  }
}

@media(max-width:1280px) {

  .game-group__title,
  .h1,
  .h2,
  h1,
  h2 {
    font-size: 24px
  }

  .h3,
  h3 {
    font-size: 16px
  }

  .h4,
  h4 {
    font-size: 12px
  }
}

@media(max-width:1024px) {

  .game-group__title,
  .h1,
  .h2,
  h1,
  h2 {
    font-size: 21px
  }

  .h3,
  h3 {
    font-size: 14px
  }

  .h4,
  h4 {
    font-size: 10px
  }
}

@media(max-width:960px) {

  .game-group__title,
  .h1,
  .h2,
  h1,
  h2 {
    font-size: 21px
  }

  .h3,
  h3 {
    font-size: 14px
  }

  .h4,
  h4 {
    font-size: 12px
  }
}

@media(max-width:768px) {

  .game-group__title,
  .h1,
  .h2,
  h1,
  h2 {
    font-size: 21px
  }

  .h3,
  h3 {
    font-size: 14px
  }

  .h4,
  h4 {
    font-size: 12px
  }
}

@media(max-width:480px) {

  .game-group__title,
  .h1,
  h1 {
    font-size: 18px
  }

  .h2,
  h2 {
    font-size: 14px
  }

  .h3,
  h3 {
    font-size: 12px
  }

  .h4,
  h4 {
    font-size: 10px
  }
}

@media(max-width:320px) {

  .game-group__title,
  .h1,
  h1 {
    font-size: 18px
  }

  .h2,
  h2 {
    font-size: 14px
  }

  .h3,
  h3 {
    font-size: 12px
  }

  .h4,
  h4 {
    font-size: 10px
  }
}

.game-group__title,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
  text-transform: uppercase
}

.game-group__title,
.h1,
h1 {
  text-shadow: 0 0 3px #00badc
}

.text-center {
  text-align: center
}

.currency-name {
  display: inline-block;
  margin-bottom: -5px
}

.currency-amount {
  white-space: nowrap
}

.article,
.article p {
  color: #bababa;
  font: 400 15px/1.2 Open Sans, sans-serif
}

.article p+p {
  margin-top: 14px
}

.article h1 {
  color: #fff;
  text-transform: uppercase
}

.article h1+p {
  margin-top: 35px
}

.article h2 {
  color: #00badc;
  font: 400 18px/1.2 Open Sans, sans-serif;
  margin: 35px 0 20px;
  text-transform: uppercase
}

.article h3 {
  color: #fff;
  text-transform: uppercase
}

.article h3,
.article h4 {
  font: 400 16px/1.2 Open Sans, sans-serif;
  margin: 30px 0 14px
}

.article h4 {
  color: #00badc;
  text-transform: none
}

.article h1,
.article h2,
.article h3,
.article h4 {
  text-align: left
}

.article ol,
.article ul {
  margin: 18px 0 30px
}

.article ol li,
.article ul li {
  list-style: none;
  padding-left: 33px;
  position: relative
}

.article ol li:before,
.article ul li:before {
  color: #00badc;
  font: 700 20px/18px Open Sans, sans-serif;
  left: 20px;
  position: absolute;
  top: 0
}

.article ol li+li,
.article ul li+li {
  margin-top: 5px
}

.article ul li:before {
  content: "•"
}

.article ol {
  counter-reset: ol__li
}

.article ol li {
  padding-left: 10px
}

.article ol li:before {
  color: inherit;
  content: counter(ol__li) ".";
  counter-increment: ol__li;
  font: inherit;
  margin: 0 4px 0 10px;
  position: static
}

.article table {
  background: #031832;
  border-collapse: collapse;
  color: #bababa;
  font: inherit;
  margin: 14px 0;
  table-layout: fixed;
  width: 100%
}

.article table thead td,
.article table thead th {
  color: #00badc;
  padding-top: 14px
}

.article table td,
.article table th {
  padding: 7px 20px;
  width: 2%
}

.article table td+td,
.article table th+th {
  border-left: 1px solid #1a253e
}

.article table tr {
  border-bottom: 1px solid #1a253e
}

.article table tr:last-child:not(:first-child) {
  border-bottom: 0
}

.article a {
  text-decoration: underline
}

.article a:hover {
  text-decoration: none
}

.article__updated-date {
  margin-bottom: 35px
}

.table-scroller {
  overflow-x: auto;
  scrollbar-color: #00badc #3b455c;
  scrollbar-width: thin;
  width: 100%
}

.table-scroller::-webkit-scrollbar {
  height: 4px
}

.table-scroller::-webkit-scrollbar-track {
  background-color: #3b455c;
  height: 4px
}

.table-scroller::-webkit-scrollbar-thumb {
  background-color: #00badc;
  background-image: linear-gradient(90deg, #00badc, #00ebea);
  border-radius: 2px
}

.table-scroller table {
  min-width: 900px
}

.table-scroller tbody {
  background: #031832
}

.table-scroller__header {
  border-bottom: 1px solid #1a253e;
  color: #00badc;
  font-weight: 600
}

.table-scroller td {
  border-bottom: 1px solid #1a253e;
  border-left: 1px solid #1a253e;
  min-width: 120px;
  padding: 4px 10px
}

.table-scroller td:first-child {
  border-left: none;
  padding: 6px 10px
}

.table-scroller tr:last-child td {
  border-bottom: none
}

.promotions table {
  border-collapse: collapse;
  color: #bababa;
  font: inherit;
  margin: 14px 0;
  min-width: auto;
  table-layout: fixed;
  width: 100%
}

.promotions .table-scroller {
  margin-bottom: 14px;
  overflow: hidden;
  overflow-x: auto
}

.promotions .table-scroller table {
  min-width: auto
}

.promotions tbody {
  display: table;
  min-width: 560px;
  width: 100%
}

@media(min-width:1280px) {
  .promotions tbody {
    min-width: 730px
  }
}

.input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #a3acc1;
  border-radius: 6px;
  caret-color: #00badc;
  color: #a3acc1;
  font-size: 16px;
  height: 40px;
  line-height: 1.43;
  padding: 0 14px;
  position: relative;
  width: 100%
}

.input:focus,
.input:not([value=""]),
.input_active {
  border-color: #00badc;
  color: #fff
}

.input[name=password] {
  padding-right: 36px
}

.input-pseudo,
.input[type=number],
.input[type=password],
.input[type=tel],
.input[type=text] {
  color: #fff
}

.input-pseudo::-moz-placeholder,
.input[type=number]::-moz-placeholder,
.input[type=password]::-moz-placeholder,
.input[type=tel]::-moz-placeholder,
.input[type=text]::-moz-placeholder {
  color: #a3acc1;
  opacity: 1
}

.input-pseudo::placeholder,
.input[type=number]::placeholder,
.input[type=password]::placeholder,
.input[type=tel]::placeholder,
.input[type=text]::placeholder {
  color: #a3acc1;
  opacity: 1
}

.input_icon-calendar[type=password],
.input_icon-calendar[type=text] {
  background-image: url(/assets/fonts/6e54f2870392ddf78217.svg);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: auto 80%
}

.input[type=password],
.input[type=text] {
  display: flex
}

.input[type=password][placeholder=••••••]::-webkit-input-placeholder,
.input[type=text][placeholder=••••••]::-webkit-input-placeholder {
  font-family: arial;
  font-size: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.input[type=password][placeholder=••••••]::-moz-placeholder,
.input[type=text][placeholder=••••••]::-moz-placeholder {
  font-family: arial;
  font-size: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.input[type=password][placeholder=••••••]:-ms-input-placeholder,
.input[type=text][placeholder=••••••]:-ms-input-placeholder {
  font-family: arial;
  font-size: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.input[type=password][placeholder=••••••]:-moz-placeholder,
.input[type=text][placeholder=••••••]:-moz-placeholder {
  font-family: arial;
  font-size: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.input:-moz-read-only {
  border-color: #434c65;
  color: #434c65;
  cursor: inherit
}

.input:disabled,
.input:read-only,
.input_disabled {
  border-color: #434c65;
  color: #434c65;
  cursor: inherit
}

.input_error,
.input_wrong {
  border-color: #e63131 !important
}

.btn {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  background: linear-gradient(90deg, #ec0766 0, #743090);
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
  cursor: pointer;
  display: inline-flex;
  font: 400 14px/1 Open Sans, sans-serif;
  height: 32px;
  justify-content: center;
  min-width: 80px;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-indent: 1px;
  text-transform: none;
  z-index: 0
}

.btn,
.btn:active,
.btn:link,
.btn:visited {
  color: #fff
}

.btn:hover {
  background: linear-gradient(90deg, #c20554 0, #5f2776)
}

.btn:active {
  background: linear-gradient(90deg, #8d043d 0, #451c56)
}

.btn:disabled,
.btn:disabled:active,
.btn:disabled:link,
.btn:disabled:visited,
.btn_disabled,
.btn_disabled:active,
.btn_disabled:link,
.btn_disabled:visited {
  color: #434c65
}

.btn:disabled,
.btn_disabled {
  background: #202945;
  color: #434c65
}

.btn:disabled:hover,
.btn:disabled:hover:active,
.btn:disabled:hover:link,
.btn:disabled:hover:visited,
.btn_disabled:hover,
.btn_disabled:hover:active,
.btn_disabled:hover:link,
.btn_disabled:hover:visited {
  color: #434c65
}

.btn:disabled:hover,
.btn_disabled:hover {
  background: #202945;
  color: #434c65
}

.btn.btn_loading {
  background: linear-gradient(90deg, #8d043d 0, #451c56) !important
}

.btn_small {
  font-size: 12px;
  height: 28px;
  padding: 0 12px
}

.btn_medium {
  height: 36px
}

.btn_large {
  height: 40px
}

.btn_stretch {
  width: 100%
}

.btn_half-width {
  max-width: 50%;
  width: 100%
}

.btn_secondary {
  background: linear-gradient(90deg, #007894 0, #006ab6)
}

.btn_secondary:hover {
  background: linear-gradient(90deg, #006279 0, #005795)
}

.btn_secondary.btn_loading {
  background: linear-gradient(90deg, #004859 0, #003f6d) !important
}

.btn_green {
  color: #fff
}

.btn_green,
.btn_green:hover {
  background: #00be52
}

.btn_green.btn_loading {
  background: rgba(0, 190, 82, .3) !important
}

.btn_pink {
  background: #e90766 !important
}

.btn_pink:disabled {
  color: #a3acc1 !important
}

.btn_pink:disabled,
.btn_pink:disabled:hover {
  background: #202945 !important
}

.btn_pink.btn_loading,
.btn_pink:hover {
  background: linear-gradient(90deg, #e90766 0, #c20554) !important
}

.btn_bordered-blue,
.btn_bordered-blue:active,
.btn_bordered-blue:link,
.btn_bordered-blue:visited {
  color: #00badc
}

.btn_bordered-blue {
  background: none !important;
  border: 2px solid #00badc;
  border-radius: 6px;
  box-shadow: none !important;
  color: #00badc
}

@media(min-width:768px) {
  .btn_bordered-blue:hover {
    border-color: #0087a0;
    color: #0087a0
  }
}

.btn_bordered-blue_active,
.btn_bordered-blue_active:active,
.btn_bordered-blue_active:link,
.btn_bordered-blue_active:visited {
  color: #fff
}

.btn_bordered-blue_active {
  background: linear-gradient(90deg, #007894 0, #006ab6) !important;
  border: none;
  color: #fff;
  color: #fff !important
}

.btn_bordered-blue:disabled {
  border-color: #005160 !important;
  color: #005160 !important;
  cursor: not-allowed
}

.btn_bordered-blue.btn_loading {
  background: none !important;
  color: transparent !important
}

.btn_bordered-white,
.btn_bordered-white:active,
.btn_bordered-white:link,
.btn_bordered-white:visited {
  color: #fff
}

.btn_bordered-white {
  background: none !important;
  border: 2px solid #fff;
  border-radius: 6px;
  box-shadow: none !important;
  color: #fff
}

@media(min-width:768px) {
  .btn_bordered-white:hover {
    opacity: .8
  }
}

.btn_bordered-white_active,
.btn_bordered-white_active:active,
.btn_bordered-white_active:link,
.btn_bordered-white_active:visited {
  color: #fff
}

.btn_bordered-white_active {
  background: #fff !important;
  border: 2px solid #fff;
  color: #fff;
  color: #000 !important
}

.btn_bordered-pink,
.btn_bordered-pink:active,
.btn_bordered-pink:link,
.btn_bordered-pink:visited {
  color: #e90766
}

.btn_bordered-pink {
  background: none !important;
  border: 2px solid #e90766;
  border-radius: 6px;
  box-shadow: none !important;
  color: #e90766
}

.btn_border-red,
.btn_border-red:active,
.btn_border-red:link,
.btn_border-red:visited {
  color: #e63131
}

.btn_border-red {
  background: none !important;
  border: 2px solid #e63131;
  border-radius: 6px;
  box-shadow: none !important;
  color: #e63131
}

.btn_border-red:disabled {
  opacity: .5
}

.btn_border-red.btn_loading {
  background: none !important;
  color: transparent !important
}

.btn_uppercase {
  text-transform: uppercase
}

.btn_as-link {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none !important;
  border: none;
  box-shadow: none;
  color: #00badc;
  font: inherit;
  height: auto;
  padding: 0;
  text-decoration: underline
}

.btn_as-link:before {
  display: none
}

.btn_as-link:hover {
  box-shadow: none;
  transform: none
}

.btn_purple {
  background: #5d52e6 !important
}

.btn_purple:disabled {
  color: #a3acc1 !important
}

.btn_purple:disabled,
.btn_purple:disabled:hover {
  background: #202945 !important
}

.btn_purple.btn_loading,
.btn_purple:hover {
  background: #5d52e6 !important
}

.btn_flat {
  box-shadow: none
}

.btn_loading {
  color: transparent !important;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.btn_loading:before {
  background: url(/assets/fonts/e7dbc59dbc0c8dfc598c.svg) 50% no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: none;
  width: 100%
}

.btn_icon {
  justify-content: flex-start
}

.btn__icon {
  margin-right: 8px
}

.btn_trash {
  padding-left: 34px;
  position: relative
}

@media(min-width:960px) {
  .btn_trash {
    padding-left: 45px
  }
}

.btn_trash:not(.btn_loading):before {
  background: transparent url(/assets/fonts/ab2433ef2bba4bfd01a4.svg) 50% no-repeat;
  content: "";
  display: block;
  height: 16px;
  left: 11px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px
}

@media(min-width:960px) {
  .btn_trash:not(.btn_loading):before {
    height: 20px;
    left: 16px;
    width: 20px
  }
}

.select {
  box-shadow: 0 1px 0 0 #3b455c;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: 400;
  height: 21px;
  line-height: 1;
  position: relative;
  width: 100%;
  z-index: 1
}

.select.active {
  z-index: 10
}

.select.active .select__list {
  display: block
}

.select.active .select__value:after {
  border-bottom: 4px solid #00badc;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 0
}

.select__value {
  color: #3b455c;
  display: block;
  height: inherit;
  line-height: 1.25;
  overflow: hidden;
  position: relative
}

.select__value:before {
  content: " ";
  display: inline-block
}

.select__value:after {
  border-bottom: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #00badc;
  content: " ";
  margin-top: -2px;
  position: absolute;
  right: 0;
  top: 50%
}

.select__list {
  background: linear-gradient(90deg, #007894 0, #006ab6);
  color: #fff;
  cursor: pointer;
  display: none;
  left: 0;
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  scrollbar-color: #3b455c #00385d;
  scrollbar-width: thin;
  top: 21px;
  width: 100%
}

.select__list::-webkit-scrollbar {
  width: 4px
}

.select__list::-webkit-scrollbar-track {
  background-color: #00385d;
  border-radius: 4px;
  margin-bottom: 2px
}

.select__list::-webkit-scrollbar-thumb {
  background-color: #3b455c;
  border-radius: 4px
}

.select__list-item {
  padding: 11px 14px
}

.select__list-item.active,
.select__list-item.highlight,
.select__list-item:hover {
  background: #163d67
}

.select_short {
  font-size: 14px;
  margin-right: 20px;
  width: 80px
}

.select_short .select__value {
  padding-left: 10px
}

.select_short .select__list-item {
  padding: 8px 10px;
  text-align: center
}

.select_new {
  background-color: #163d67;
  border-radius: 6px;
  font-size: 12px;
  line-height: 24px;
  min-width: 130px;
  position: relative
}

.select_new.active {
  border-radius: 6px 6px 0 0
}

.select_new.active .select_new__list {
  display: block
}

.select_new.active .select_new__value:after {
  transform: rotate(180deg) translateY(33%)
}

.select_new.read-only .select_new__value {
  color: #adadad;
  pointer-events: none
}

.select_new.read-only .select_new__value:after {
  content: none
}

.select_new__value {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 40px;
  padding: 8px 43px 8px 16px;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.select_new__value:after {
  background-image: url(/assets/fonts/b2df97ff340f0ca91264.svg);
  content: " ";
  height: 5px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-33%);
  transition: transform .3s ease;
  width: 9px
}

.select_new__list {
  border-radius: 0 0 6px 6px;
  display: none;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  scrollbar-color: #3b455c #00385d;
  scrollbar-width: thin;
  width: 100%;
  z-index: 2
}

.select_new__list::-webkit-scrollbar {
  width: 4px
}

.select_new__list::-webkit-scrollbar-track {
  background-color: #00385d;
  border-radius: 4px;
  margin-bottom: 2px
}

.select_new__list::-webkit-scrollbar-thumb {
  background-color: #3b455c;
  border-radius: 4px
}

.select_new__list-item {
  background-color: #163d67;
  color: #fff;
  cursor: pointer;
  padding: 8px 16px;
  text-align: left;
  width: 100%
}

.select_new__list-item.active,
.select_new__list-item.highlight,
.select_new__list-item:focus-visible,
.select_new__list-item:hover {
  background: #094d73;
  outline: none
}

.checkbox {
  cursor: pointer;
  display: block;
  float: left;
  font: 400 14px/1.4 Open Sans, sans-serif;
  min-height: 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.checkbox__tick {
  background-color: #00385d;
  border-radius: 3px;
  cursor: pointer;
  height: 20px;
  left: 0;
  margin: 0;
  position: absolute;
  width: 20px;
  z-index: 1
}

.checkbox__tick_bordered {
  border: 1px solid #fff
}

.checkbox__tick_error {
  border: 1px solid #e63131
}

.checkbox__text {
  padding-left: 30px;
  position: relative;
  width: 100%
}

.checkbox.active .checkbox__tick {
  background-image: url(/assets/fonts/9b8f5fb500ab8e8a6377.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 65%
}

.checkbox+.checkbox {
  margin-top: 8px
}

.checkbox_phone {
  margin-bottom: 17px
}

.error-container {
  display: flex;
  position: relative;
  width: 100%
}

.error-container:not(:empty) {
  margin-bottom: 12px
}

.error-container svg {
  height: 16px;
  margin-right: 5px;
  margin-top: 2px;
  width: 16px
}

.error {
  color: #e63131;
  font: 400 10px/1.2 Open Sans, sans-serif;
  padding: 4px 10px
}

.error,
.field {
  position: relative;
  width: 100%
}

.field {
  float: left;
  margin-bottom: 20px
}

.field__title {
  margin-bottom: 1px
}

.field__title_marked {
  color: #fff
}

.field__status {
  background-image: url(/assets/fonts/9b8f5fb500ab8e8a6377.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: auto 65%;
  color: #00badc;
  font: 400 14px/16px Open Sans, sans-serif;
  margin: 7px 0 10px;
  padding-left: 20px
}

.field__outer,
.field__status {
  float: left;
  position: relative;
  width: 100%
}

.radiobuttons .radiobutton {
  cursor: pointer;
  float: left;
  font: 400 14px/27px Open Sans, sans-serif;
  height: 27px;
  margin: 2px 0 -2px;
  padding-left: 24px;
  position: relative
}

.radiobuttons .radiobutton:before {
  background: #212b44;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #212b44;
  content: "";
  height: 10px;
  left: 5px;
  position: absolute;
  top: 7px;
  width: 10px
}

.radiobuttons .radiobutton.active:before {
  background: #00badc !important
}

.radiobuttons .radiobutton.disabled {
  color: #3b455c
}

.radiobuttons .radiobutton.disabled.active:before {
  background: #006d81 !important
}

.radiobuttons .radiobutton+.radiobutton {
  margin-left: 30px
}

.radiobuttons .radiobutton input {
  height: 14px;
  left: -2px;
  opacity: 0;
  position: absolute;
  top: 2px;
  width: 14px
}

.radiobuttons .radiobutton input:focus-visible {
  border-radius: 50%;
  opacity: 1;
  outline: 1px solid #00badc
}

.radiobuttons_new,
.radiobuttons_new .radiobutton_new {
  align-items: center;
  display: flex;
  justify-content: center
}

.radiobuttons_new .radiobutton_new {
  border: 2px solid #163d67;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  height: 36px;
  line-height: 1;
  margin-right: 8px;
  padding: 0 16px;
  white-space: nowrap
}

.radiobuttons_new .radiobutton_new:last-child {
  margin-right: 0
}

.radiobuttons_new .radiobutton_new.active {
  background: #163d67
}

.table {
  text-align: left
}

.table__header .table__row {
  border-bottom: 1px solid #3b455c
}

.table__row {
  display: flex;
  flex-flow: row nowrap
}

.table__row+.table__row {
  border-top: 1px solid #3b455c
}

.table__cell {
  color: #00bbde;
  flex-basis: 1px;
  flex-grow: 1;
  font: 400 14px/1 Open Sans, sans-serif;
  padding: 10px 15px
}

.table__cell+.table__cell {
  border-left: 1px solid #3b455c
}

.table__cell_title {
  color: #a3acc1
}

.table__header .table__cell {
  color: #fff
}

.table__header_grey .table__cell {
  color: #787b86
}

.table__body:after {
  clear: both;
  content: "";
  display: block
}

.table__body_with-title .table__row .table__cell:first-child {
  color: #a3acc1
}

.table__body_first-3-highlighted .table__row:nth-of-type(-n+3) .table__cell:first-child,
.table__body_first-3-white .table__row:nth-of-type(-n+3) .table__cell {
  color: #fff
}

.table.empty-borders * {
  border: 0
}

.table.table_short .table__cell {
  padding: 4px 15px
}

.rollex,
.rollex-digits,
.rollex-segment-wrapper {
  display: flex;
  flex-flow: row nowrap
}

.rollex {
  align-items: center;
  justify-content: center
}

.rollex-digit {
  color: #00badc;
  font: 700 23px/23px Open Sans, sans-serif;
  text-align: center;
  width: 14px
}

.rollex-separator {
  font: 400 23px/23px Open Sans, sans-serif;
  margin: 0 3px
}

:root {
  --button-font-family-1f1d9: "Open Sans", sans-serif;
  --button-text-align-5ece7: center;
  --button-font-size-4e89e: 14px;
  --button-border-radius-3526c: 6px;
  --button-border-748fc: 0;
  --button-background-f356a: transparent;
  --button-disabled-opacity-03311: .5;
  --button-small-margin-b43be: 0;
  --button-small-padding-0dc5a: 4px;
  --button-medium-margin-8ab79: 0;
  --button-medium-padding-c3f8f: 6px 12px;
  --button-big-margin-a0660: 0;
  --button-big-padding-8ddd8: 8px 12px;
  --button-cursor-3220a: default;
  --button-cursor-hover-18c0e: pointer;
  --button-default-main-color-9366e: #00badc;
  --button-default-main-border-6085a: 2px solid #00badc;
  --button-default-main-shadow-f4cf1: none;
  --button-default-main-bg-90851: transparent;
  --button-default-main-color-hover-473ab: rgba(0, 186, 220, .8);
  --button-default-main-border-hover-2265f: 2px solid rgba(0, 186, 220, .8);
  --button-default-main-shadow-hover-43d66: none;
  --button-default-main-bg-hover-3716c: transparent;
  --button-success-main-color-86254: #fff;
  --button-success-main-border-f5de3: 0;
  --button-success-main-shadow-15601: 0 2px 4px 0 rgba(0, 0, 0, .24);
  --button-success-main-bg-5df9f: linear-gradient(90deg, #ec0766 0%, #743090);
  --button-success-main-color-hover-6b865: #fff;
  --button-success-main-border-hover-1877a: 0;
  --button-success-main-shadow-hover-11e61: 0 2px 4px 0 rgba(0, 0, 0, .24);
  --button-success-main-bg-hover-d781a: linear-gradient(90deg, #c20554 0%, #5f2776);
  --button-link-main-padding-09e29: 0;
  --button-link-main-color-9d068: #fff;
  --button-link-main-text-decoration-36d81: underline;
  --button-link-main-color-hover-bcec1: hsla(0, 0%, 100%, .8);
  --button-link-main-text-decoration-hover-30856: none;
  --button-preloader-bg-color-63791: hsla(0, 0%, 100%, .2);
  --checkbox-width-2ef89: 20px;
  --checkbox-height-fa626: 20px;
  --checkbox-border-adcf6: 0;
  --checkbox-border-radius-b8fab: 3px;
  --checkbox-background-267d9: #12385a;
  --checkbox-check-width-79a62: 16px;
  --checkbox-check-heigth-bf96d: 12px;
  --close-button-top-a2ce8: 5px;
  --close-button-right-86859: 5px;
  --close-button-border-7cb79: 0;
  --close-button-border-radius-424f7: 0;
  --close-button-background-93478: transparent;
  --close-button-color-021e5: #fff;
  --close-button-color-hover-341f9: #00badc;
  --close-button-small-095ff: 25px;
  --close-button-line-small-64fde: 1px;
  --close-button-medium-1f279: 30px;
  --close-button-line-medium-4d0d1: 2px;
  --close-button-big-1b18e: 35px;
  --close-button-line-big-d24fb: 2px;
  --close-button-transform-hover-cd34a: none;
  --close-button-cross-lines-size-00d3d: 65%;
  --radioinput-dot-main-bg-cbd27: transparent;
  --radioinput-dot-medium-bg-fc382: #00badc;
  --radioinput-dot-hard-bg-7948e: #e90766;
  --radioinput-dot-width-3af50: 10px;
  --radioinput-dot-height-307d0: 10px;
  --radioinput-dot-border-1ba2e: 0;
  --radioinput-dot-border-radius-bcda3: 50%;
  --radioinput-bg-cfb91: hsla(0, 0%, 100%, .17);
  --radioinput-width-47006: 20px;
  --radioinput-height-614af: 20px;
  --radioinput-border-8b493: 0;
  --radioinput-border-radius-f679b: 50%;
  --switch-width-7d4ef: 40px;
  --switch-height-707fc: 24px;
  --switch-disabled-opacity-928a0: .4;
  --switch-track-border-radius-b815c: 12px;
  --switch-track-before-background-994ad: linear-gradient(90deg, #113255, #07485f);
  --switch-track-after-background-0b256: linear-gradient(90deg, #006ab6, #007894);
  --switch-thumb-height-0eb22: 12px;
  --switch-thumb-width-6ad53: 12px;
  --switch-thumb-bottom-e318c: 6px;
  --switch-thumb-left-d0cf3: 6px;
  --switch-thumb-background-8a38d: #fff;
  --switch-thumb-border-radius-ab140: 6px;
  --titleline-aling-a73b6: center;
  --titleline-padding-ebdb3: 40px 0 24px;
  --titleline-title-font-style-e7992: normal;
  --titleline-title-font-weight-f95e3: 600;
  --titleline-title-font-size-72da3: 18px;
  --titleline-title-color-5658c: #fff;
  --titleline-subtitle-font-style-b6fc6: normal;
  --titleline-subtitle-font-weight-cb7cd: 600;
  --titleline-subtitle-font-size-8ede1: 12px;
  --titleline-subtitle-text-align-636ec: right;
  --titleline-subtitle-color-c822b: #a8b0bf;
  --skeleton-border-radius-aa340: 8px;
  --skeleton-background-314a8: #092a4f;
  --phone-number-font-family-8aeb5: "Open Sans", sans-serif;
  --phone-number-wrapper-gap-3e9b6: 0 10px;
  --phone-number-flag-width-30b36: 16px;
  --phone-number-flag-height-98b80: 12px;
  --phone-number-flag-shadow-7c4d6: inset 0 0 0 1px hsla(0, 0%, 100%, .2);
  --phone-number-flag-empty-bg-7fedc: #fff;
  --phone-number-flag-empty-font-weight-02183: 600;
  --phone-number-flag-empty-font-size-2a87c: 10px;
  --phone-number-flag-empty-line-height-765fe: 12px;
  --phone-number-flag-empty-color-50cbd: #70716f;
  --phone-number-value-block-padding-537ca: 8px 0;
  --phone-number-value-block-word-spacing-2e812: -4px;
  --phone-number-input-and-first-part-color-93e65: #fff;
  --phone-number-input-and-first-part-font-family-a7492: monospace;
  --phone-number-input-and-first-part-font-size-db895: 16px;
  --phone-number-input-and-first-part-font-style-f87d9: normal;
  --phone-number-input-and-first-part-font-weight-8493f: 400;
  --phone-number-first-part-color-b6e5a: transparent;
  --phone-number-second-part-color-6a78d: #a8b0bf;
  --phone-number-second-part-font-family-4d619: monospace;
  --phone-number-second-part-font-size-9ff46: 16px;
  --phone-number-second-part-font-style-30626: normal;
  --phone-number-second-part-font-weight-1feaa: 400;
  --phone-number-message-line-gap-80ba7: .3em;
  --phone-number-message-line-padding-a394e: 4px 0;
  --phone-number-message-line-border-top-14357: 1px solid #00badc;
  --phone-number-message-line-border-top-error-5b65e: 1px solid #d5433b;
  --phone-number-message-line-border-top-success-4ddf5: 1px solid #00eb7a;
  --phone-number-message-color-c011a: #a8b0bf;
  --phone-number-message-font-size-a354f: 10px;
  --phone-number-message-font-style-eba5f: normal;
  --phone-number-message-font-weight-9df89: 400;
  --phone-number-message-line-height-8ec16: 14px;
  --phone-number-error-message-color-784c5: #d5433b;
  --phone-number-success-message-color-3bb2a: #00eb7a;
  --phone-number-example-title-color-ef936: #a8b0bf;
  --phone-number-example-title-font-size-b8e3b: 10px;
  --phone-number-example-title-font-style-e1c9c: normal;
  --phone-number-example-title-font-weight-d05e8: 400;
  --phone-number-example-title-line-height-672dd: 14px;
  --phone-number-example-text-color-fde06: #a8b0bf;
  --phone-number-example-text-font-size-126c7: 10px;
  --phone-number-example-text-font-style-70e47: normal;
  --phone-number-example-text-font-weight-ff557: 400;
  --phone-number-example-text-line-height-dfaf3: 14px;
  --phone-number-example-empty-line-font-size-d8c91: 10px;
  --phone-number-example-title-user-select-dc5ac: none;
  --phone-number-input-disabled-opacity-28120: 1
}

.notifications {
  -webkit-overflow-scrolling: touch;
  background: rgba(1, 12, 38, .7);
  bottom: 0;
  display: flex;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px;
  position: fixed;
  right: 0;
  scrollbar-color: #3b455c #00385d;
  scrollbar-width: thin;
  top: 0
}

.notifications::-webkit-scrollbar {
  width: 4px
}

.notifications::-webkit-scrollbar-track {
  background-color: #00385d;
  border-radius: 4px;
  margin-bottom: 2px
}

.notifications::-webkit-scrollbar-thumb {
  background-color: #3b455c;
  border-radius: 4px
}

.notifications_filter-mobile {
  background-color: transparent;
  padding: 0
}

.notifications_filter-mobile:before {
  content: none
}

.notifications_filter-mobile {
  scrollbar-width: none
}

.notifications_filter-mobile::-webkit-scrollbar {
  display: none
}

.notifications_dark {
  background: rgba(1, 12, 38, .8)
}

.notifications_full-size {
  padding: 0
}

@media(min-width:480px) {
  .notifications_full-size {
    padding: 10px
  }
}

.notifications_hide-scroll {
  scrollbar-width: none
}

.notifications_hide-scroll::-webkit-scrollbar {
  display: none
}

.notifications_full {
  padding: 0
}

.notifications_empty {
  display: none !important
}

.notifications_signup-widget {
  padding: 0
}

.notifications_signup-widget-se,
.notifications_signup-widget-se:before {
  top: 32px
}

.auth-popup-notifications {
  padding: 0
}

@media(min-width:480px) {
  .auth-popup-notifications {
    padding: 10px;
    top: 0
  }
}

@media(max-width:740px) {
  .cashier-popup-notifications {
    padding: 0
  }

  .cashier-popup-notifications:before {
    content: none
  }
}

@media(max-width:1024px)and (orientation:landscape) {
  .cashier-popup-notifications {
    padding: 0
  }

  .cashier-popup-notifications:before {
    content: none
  }
}

@media(max-width:740px) {
  .cashier-popup-notifications .popup_with-cashier {
    padding: 0
  }
}

@media(max-width:1024px)and (orientation:landscape) {
  .cashier-popup-notifications .popup_with-cashier {
    padding: 0
  }
}

.popup {
  animation: popup-reveal .1s 1;
  background: #042f5b;
  border: 1px solid #00badc;
  margin: auto;
  max-width: 600px;
  min-width: 320px;
  padding: 0 25px 48px;
  position: relative;
  width: 100%;
  z-index: 99
}

@media(min-width:480px) {
  .popup {
    padding-left: 50px;
    padding-right: 50px
  }
}

.popup_with-cashier {
  background: none;
  border: none;
  margin: auto;
  max-width: 1124px;
  min-height: 120px;
  padding-top: 30px
}

.popup__title {
  color: #00badc;
  font: 400 16px/1.5 Open Sans, sans-serif;
  padding: 46px 0 20px;
  text-align: center;
  text-transform: uppercase
}

.popup__content,
.popup__title {
  float: left;
  position: relative;
  width: 100%;
  word-break: break-word
}

.popup__content {
  padding-top: 20px
}

.popup__content,
.popup__content p {
  color: #fff;
  font: 400 16px/1.3 Open Sans, sans-serif
}

.popup__content p+p {
  margin-top: 16px
}

.popup__action {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-top: 26px;
  white-space: nowrap;
  width: 100%
}

.popup__close {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px
}

.popup__close:after,
.popup__close:before {
  background: #fff;
  bottom: -10px;
  content: "";
  height: 60%;
  left: 50%;
  margin: auto 0 auto -2px;
  position: absolute;
  top: -10px;
  transform-origin: 50% 50%;
  width: 2px
}

.popup__close:before {
  transform: rotate(45deg)
}

.popup__close:after {
  transform: rotate(-45deg)
}

.popup__close:hover:after,
.popup__close:hover:before {
  background: #00badc
}

.popup__line+.popup__line {
  margin-top: 5px
}

.popup .input-outer {
  margin: 13px 0 10px;
  max-width: 270px
}

.popup .input-outer__title {
  color: #787b85;
  display: block;
  font-size: 12px;
  margin-bottom: 7px
}

.popup .btn {
  margin: 10px 15px
}

.popup .form {
  margin: 14px 0;
  max-width: 270px;
  width: 100%
}

.popup_new {
  animation: popup-reveal .1s 1;
  background: #082648;
  border-radius: 8px;
  height: auto;
  margin: auto;
  max-width: 600px;
  min-width: 300px;
  padding: 25px 25px 40px;
  position: relative;
  width: 100%;
  z-index: 99
}

.popup_new_max-width_380 {
  max-width: 380px
}

.popup_new_max-width_450 {
  max-width: 450px
}

.popup_new_max-width_500 {
  max-width: 500px
}

.popup_new_max-width_750 {
  max-width: 750px
}

.popup_new_scrollable {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 140px);
  padding: 35px 15px 40px 25px;
  position: relative
}

@media(min-width:480px) {
  .popup_new_scrollable {
    max-height: calc(100vh - 60px)
  }
}

.popup_new__header {
  align-items: center;
  background-image: radial-gradient(circle at 67% 50%, rgba(104, 40, 151, .7), rgba(0, 186, 220, .7) 145%);
  color: #fff;
  display: flex;
  font: 700 16px/24px Open Sans, sans-serif;
  height: 70px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-shadow: 1px 2px 0 #682897;
  width: 100%
}

.popup_new__header:after,
.popup_new__header:before {
  background: url(/assets/fonts/5771b2f225b59d67cddb.svg) 50%/100% no-repeat;
  content: "";
  height: 94px;
  left: 9px;
  opacity: .7;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 94px
}

.popup_new__header:after {
  left: auto;
  right: 9px
}

.popup_new__header .popup_new__close {
  z-index: 1
}

.popup_new__title {
  color: #00badc;
  font: 700 16px/1.5 Open Sans, sans-serif;
  padding: 5px;
  text-align: center;
  text-transform: inherit
}

.popup_new__content,
.popup_new__title {
  position: relative;
  width: 100%;
  word-break: break-word
}

.popup_new__content {
  color: #fff;
  font: 400 14px/1.3 Open Sans, sans-serif;
  padding-top: 10px
}

.popup_new__content_centered {
  text-align: center
}

.popup_new__content_scrollable {
  height: auto;
  max-height: 100%;
  overflow-y: auto;
  padding-bottom: 10px;
  scrollbar-color: #3b455c #00385d;
  scrollbar-width: thin
}

.popup_new__content_scrollable::-webkit-scrollbar {
  width: 4px
}

.popup_new__content_scrollable::-webkit-scrollbar-track {
  background-color: #00385d;
  border-radius: 4px;
  margin-bottom: 2px
}

.popup_new__content_scrollable::-webkit-scrollbar-thumb {
  background-color: #3b455c;
  border-radius: 4px
}

.popup_new__content_scrollable>* {
  padding-right: 10px
}

.popup_new__content p {
  font-weight: 600
}

.popup_new__action {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: 20px;
  white-space: nowrap;
  width: 100%
}

.popup_new__action_centered {
  align-items: flex-start;
  justify-content: center
}

.popup_new__action_centered .btn {
  margin: 10px 15px 0
}

.popup_new__action_column {
  align-items: center;
  flex-direction: column
}

.popup_new__action_column *+* {
  margin-top: 15px
}

.popup_new__action_around {
  justify-content: space-around
}

.popup_new__action_between {
  flex-direction: row;
  justify-content: space-between
}

.popup_new__close {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px
}

.popup_new__close:after,
.popup_new__close:before {
  background: #fff;
  bottom: -10px;
  content: "";
  height: 60%;
  left: 50%;
  margin: auto 0 auto -2px;
  position: absolute;
  top: -10px;
  width: 2px
}

.popup_new__close:before {
  transform: rotate(45deg)
}

.popup_new__close:after {
  transform: rotate(-45deg)
}

.popup_new__close:hover:after,
.popup_new__close:hover:before {
  background: #00badc
}

.popup_new__close.disabled {
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none
}

.popup_new__close.disabled:after,
.popup_new__close.disabled:before {
  background: #adadad
}

.popup_new__form {
  margin: auto;
  max-width: 270px
}

.popup_new__link {
  cursor: pointer;
  text-decoration: underline
}

.popup_new .switch-form-button {
  border-top: 1px solid #2b5680;
  margin-top: 8px;
  overflow: hidden;
  padding-top: 18px
}

.popup_new .switch-form-button__button {
  background: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  margin: 0 auto;
  padding: 0
}

.popup_new .switch-form-button__icon {
  background: #36597c;
  border-radius: 100%;
  height: 60px;
  margin: 0 auto 20px;
  width: 60px
}

.popup_new .switch-form-button img {
  margin-top: 15px;
  width: 30px
}

.popup_new p+p {
  margin-top: 20px
}

.popup_new__line {
  font: 400 14px/1.6 Open Sans, sans-serif
}

.popup_new__line_strikeout {
  text-decoration: line-through
}

.popup_new .btn_large {
  min-width: 100px
}

.popup_full-size {
  animation: popup-reveal .1s 1;
  background: #082648;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: auto;
  max-width: 550px;
  min-width: 300px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 100%;
  z-index: 99
}

@media(min-width:480px) {
  .popup_full-size {
    border-radius: 12px;
    height: auto;
    padding: 20px 70px
  }
}

.popup_full-size__without-padding {
  padding: 0
}

@media(min-width:480px) {
  .popup_full-size__without-padding {
    padding: 0
  }
}

.popup_full-size_max-width_max-content {
  max-width: 100vw
}

@media(min-width:480px) {
  .popup_full-size_max-width_max-content {
    max-width: -moz-max-content;
    max-width: max-content
  }
}

.popup_full-size_max-width_450 {
  max-width: 450px
}

.popup_full-size__close {
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px
}

.popup_full-size__close:after,
.popup_full-size__close:before {
  background: #fff;
  border-radius: 1px;
  content: "";
  height: 75%;
  left: calc(50% - 1px);
  position: absolute;
  top: 2px;
  width: 2px
}

.popup_full-size__close:before {
  transform: rotate(45deg)
}

.popup_full-size__close:after {
  transform: rotate(-45deg)
}

.popup_full-size__close:hover:after,
.popup_full-size__close:hover:before {
  background: #00badc
}

.popup_full-size__close.disabled {
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none
}

.popup_full-size__close.disabled:after,
.popup_full-size__close.disabled:before {
  background: #adadad
}

.popup_full-size__icon-top {
  display: flex;
  justify-content: center;
  margin-bottom: 20px
}

.popup_full-size__title {
  font: 700 21px/28px Open Sans, sans-serif;
  text-align: center
}

.popup_full-size__content,
.popup_full-size__title {
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  word-break: break-word
}

.popup_full-size__content {
  font: 400 14px/1.5 Open Sans, sans-serif
}

.popup_full-size__content strong {
  font-weight: 700
}

@media(min-width:480px) {
  .popup_full-size__content {
    text-align: center
  }
}

.popup_full-size__action {
  display: flex;
  flex-flow: column-reverse nowrap;
  margin-top: auto;
  width: 100%
}

.popup_full-size__action>* {
  margin-bottom: 10px
}

.popup_full-size__action>:first-child {
  margin-bottom: 0
}

@media(min-width:480px) {
  .popup_full-size__action {
    flex-direction: row
  }

  .popup_full-size__action>* {
    margin-bottom: 0;
    margin-right: 16px;
    width: 100%
  }

  .popup_full-size__action>:last-child {
    margin-right: 0
  }

  .popup_full-size__action_auto-width {
    justify-content: center
  }

  .popup_full-size__action_auto-width>* {
    width: auto
  }
}

.popup_base {
  max-width: 390px;
  padding: 32px 16px
}

@media(min-width:1024px) {
  .popup_base {
    padding: 32px
  }
}

.popup_base .popup_new__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 16px
}

.popup_base .popup_new__title {
  color: #fff;
  font-size: 18px;
  line-height: 1.17;
  margin-bottom: 16px;
  padding: 0;
  text-transform: none
}

.popup_base .popup_new__title span {
  font-size: 12px;
  font-weight: 400
}

.popup_base .popup_new__content {
  font-size: 12px;
  line-height: 1.33;
  padding-top: 0
}

.popup_base .popup_new__content p {
  font-weight: 400
}

.popup_base .popup_new__action {
  margin-top: 8px
}

.popup_base .popup_new__close {
  padding: 0;
  right: 8px;
  top: 8px
}

.popup_base .popup_new__close:after,
.popup_base .popup_new__close:before {
  border-radius: 6px;
  bottom: auto;
  height: 80%;
  left: auto;
  margin: 0;
  right: auto;
  top: 3px
}

@keyframes popup-reveal {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.signup-popup {
  border-radius: 0;
  display: flex;
  min-height: 100%;
  overflow: hidden;
  padding: 0;
  width: 100%
}

@media(min-width:480px) {
  .signup-popup {
    border-radius: 8px;
    height: auto;
    max-width: 392px;
    min-height: auto
  }
}

@media(min-width:768px) {
  .signup-popup {
    max-width: 786px;
    width: auto
  }
}

.signup-popup .recaptcha-privacy {
  margin-top: 12px
}

.signup-popup__close {
  height: 25px;
  right: 12px;
  top: 16px;
  width: 25px;
  z-index: 9
}

@media(min-width:480px) {
  .signup-popup__close {
    right: 4px;
    top: 4px
  }
}

.calendar-old .react-datepicker-popper {
  top: -11px !important;
  z-index: 550
}

.calendar-old .react-datepicker-wrapper,
.calendar-old .react-datepicker__input-container {
  display: block;
  line-height: 0;
  width: 100%
}

.calendar-old .react-datepicker-wrapper.disabled .react-datepicker__input-container {
  cursor: not-allowed
}

.calendar-old .react-datepicker-wrapper.disabled .react-datepicker__input-container:before {
  content: none
}

.calendar-old .react-datepicker__input-container {
  cursor: pointer;
  position: relative
}

.calendar-old .react-datepicker__input-container .input {
  cursor: pointer;
  z-index: 0 !important
}

.calendar-old .react-datepicker__input-container:before {
  background: url(/assets/fonts/d3cbfdae7f81c19bad2b.svg) 50% no-repeat;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px
}

.calendar-old .calendar-arrow {
  border-bottom: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #00badc;
  bottom: 15px;
  filter: grayscale(.8);
  pointer-events: none;
  position: absolute;
  right: 6px;
  transform: rotate(0deg);
  transition: transform .2s ease-in
}

.calendar-old .calendar-arrow.rotate,
.calendar-old .calendar-icon.react-datepicker-ignore-onclickoutside+.calendar-arrow {
  transform: rotate(180deg)
}

.calendar-old .react-datepicker {
  background: #0071a4;
  border: none;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700
}

.calendar-old .react-datepicker__header {
  font-size: 16px;
  padding-top: 0
}

.calendar-old .react-datepicker__current-month {
  background: #163d67;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 11px 20px
}

.calendar-old .react-datepicker__current-month:first-letter {
  text-transform: uppercase
}

.calendar-old .react-datepicker__header {
  background: #0071a4;
  border: none;
  color: #fff
}

.calendar-old .react-datepicker__header__dropdown {
  padding: 15px 0 7px
}

.calendar-old .react-datepicker__month {
  margin: 0 25px 15px
}

.calendar-old .react-datepicker__month-read-view--down-arrow,
.calendar-old .react-datepicker__year-read-view--down-arrow {
  border-color: #00badc transparent transparent;
  border-width: .3rem;
  display: block;
  margin-left: 24px;
  top: 4px;
  transform: rotate(0deg);
  transition: transform .2s ease-in
}

.calendar-old .react-datepicker__month-read-view--down-arrow:before,
.calendar-old .react-datepicker__year-read-view--down-arrow:before {
  border-width: 6px;
  left: -7px
}

.calendar-old .react-datepicker__month-dropdown+.react-datepicker__month-read-view .react-datepicker__month-read-view--down-arrow,
.calendar-old .react-datepicker__year-dropdown+.react-datepicker__year-read-view .react-datepicker__year-read-view--down-arrow {
  transform: rotate(180deg)
}

.calendar-old .react-datepicker__month-dropdown-container,
.calendar-old .react-datepicker__year-dropdown-container {
  position: relative
}

.calendar-old .react-datepicker__month-dropdown,
.calendar-old .react-datepicker__year-dropdown {
  background: #163d67;
  border: none;
  border-radius: 0;
  left: 50%;
  min-width: 120px;
  top: -34%;
  transform: translateX(-50%)
}

.calendar-old .react-datepicker__month-option,
.calendar-old .react-datepicker__year-option {
  line-height: 1;
  padding: 8px
}

.calendar-old .react-datepicker__month-option:first-letter,
.calendar-old .react-datepicker__year-option:first-letter {
  text-transform: uppercase
}

.calendar-old .react-datepicker__month-option--selected,
.calendar-old .react-datepicker__year-option--selected {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap
}

.calendar-old .react-datepicker__month-option--selected_month,
.calendar-old .react-datepicker__year-option--selected_month {
  text-transform: capitalize
}

.calendar-old .react-datepicker__month-option--selected_month,
.calendar-old .react-datepicker__month-option--selected_year,
.calendar-old .react-datepicker__year-option--selected_month,
.calendar-old .react-datepicker__year-option--selected_year {
  background: #00badc;
  position: relative
}

.calendar-old .react-datepicker__month-option--selected_month:before,
.calendar-old .react-datepicker__month-option--selected_year:before,
.calendar-old .react-datepicker__year-option--selected_month:before,
.calendar-old .react-datepicker__year-option--selected_year:before {
  background: url(/assets/fonts/f6d93641406ae9c1162c.svg) 50% 50% no-repeat;
  background-size: cover;
  bottom: 11px;
  content: "";
  height: 11px;
  left: 6px;
  position: absolute;
  width: 11px
}

.calendar-old .react-datepicker__month-option:last-of-type,
.calendar-old .react-datepicker__year-option:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.calendar-old .react-datepicker__month-option:first-of-type,
.calendar-old .react-datepicker__year-option:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.calendar-old .react-datepicker__month-option:hover,
.calendar-old .react-datepicker__year-option:hover {
  background: #00badc
}

.calendar-old .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.calendar-old .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.calendar-old .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.calendar-old .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  background-size: cover
}

.calendar-old .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous:hover,
.calendar-old .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming:hover,
.calendar-old .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous:hover,
.calendar-old .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming:hover {
  filter: url(#overlay-pink)
}

.calendar-old .react-datepicker__month-read-view--selected-month {
  display: inline-block;
  vertical-align: middle
}

.calendar-old .react-datepicker__month-read-view--selected-month:first-letter {
  text-transform: uppercase
}

.calendar-old a.react-datepicker__navigation {
  cursor: pointer
}

.calendar-old a.react-datepicker__navigation--years-previous,
.calendar-old a.react-datepicker__navigation--years-upcoming {
  background: url(/assets/fonts/2b706d1bda67f5280fa1.svg) 50% 50% no-repeat;
  background-size: cover;
  border: 0;
  height: 6px;
  overflow: hidden;
  text-indent: -9999px;
  top: 0;
  white-space: nowrap;
  width: 12px
}

.calendar-old a.react-datepicker__navigation--years-previous {
  transform: rotate(180deg)
}

.calendar-old .react-datepicker__navigation {
  cursor: pointer;
  top: 16px
}

.calendar-old .react-datepicker__navigation--previous {
  background: url(/assets/fonts/964cdec53484d726f793.svg) 50% 50% no-repeat;
  background-size: cover;
  border: none;
  height: 6px;
  left: 25px;
  transform: rotate(-90deg);
  width: 12px
}

.calendar-old .react-datepicker__navigation--previous:hover {
  filter: url(#overlay-pink)
}

.calendar-old .react-datepicker__navigation--next {
  background: url(/assets/fonts/964cdec53484d726f793.svg) 50% 50% no-repeat;
  background-size: cover;
  border: none;
  height: 6px;
  right: 25px;
  transform: rotate(90deg);
  width: 12px
}

.calendar-old .react-datepicker__navigation--next:hover {
  filter: url(#overlay-pink)
}

.calendar-old .react-datepicker__day-name {
  color: #fff;
  width: 25px
}

.calendar-old .react-datepicker__day {
  background: transparent;
  border-radius: 50% !important;
  color: #fff;
  height: 25px;
  line-height: 26px;
  outline: none;
  transition: all .2s ease-in;
  width: 25px
}

.calendar-old .react-datepicker__day--selected,
.calendar-old .react-datepicker__day:hover {
  background: #00badc
}

.calendar-old .react-datepicker__day--disabled,
.calendar-old .react-datepicker__day--outside-month {
  color: #8e8e8e
}

.calendar-old .react-datepicker__navigation-icon,
.calendar-old .react-datepicker__triangle {
  display: none
}

.error-boundary {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 210px;
  z-index: 1
}

.error-boundary--global {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.error-boundary--popup {
  width: 100%
}

.error-boundary__wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative
}

.error-boundary__close {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px
}

.error-boundary__close:hover:after,
.error-boundary__close:hover:before {
  background-color: #00badc
}

.error-boundary__close:after,
.error-boundary__close:before {
  background-color: #fff;
  bottom: -10px;
  content: "";
  height: 60%;
  left: 50%;
  margin: auto 0 auto -2px;
  position: absolute;
  top: -10px;
  width: 2px
}

.error-boundary__close:before {
  transform: rotate(45deg)
}

.error-boundary__close:after {
  transform: rotate(-45deg)
}

.error-boundary__picture {
  max-width: 100%
}

.error-boundary__title {
  font: 400 18px/1.5 Open Sans, sans-serif;
  text-transform: none
}

.error-boundary .btn {
  margin-top: 15px
}

.spoiler {
  background-color: #09132d;
  border-radius: 8px
}

.spoiler:not(:last-child) {
  margin-bottom: 12px
}

.spoiler-title {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font: 600 14px/1.43 Open Sans, sans-serif !important;
  justify-content: space-between;
  margin: 0 !important;
  padding: 16px !important;
  text-align: left
} 

.opened .spoiler-title:after {
  transform: rotate(180deg)
}

.spoiler-content {
  display: grid;
  grid-template-rows: 0fr;
  text-align: left;
  transition: grid-template-rows .3s ease
}

.opened .spoiler-content {
  grid-template-rows: 1fr
}

.spoiler-wrapper {
  overflow: hidden
}

.spoiler-text {
  padding: 0 16px 16px !important
}

.MainConsentMode-m__overlay--nUbqG {
  background: rgba(1, 13, 38, .7);
  inset: 0;
  position: fixed;
  z-index: 3000
}

.MainConsentMode-m__container--YSArE {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 3001
}

.MainConsentMode-m__content--sidas {
  border-radius: 0;
  margin-bottom: 0;
  max-width: 1392px;
  overflow: hidden;
  width: 100%
}

@media screen and (min-width:960px) {
  .MainConsentMode-m__content--sidas {
    border-radius: 12px;
    margin-bottom: 32px
  }
}

.topline-skeleton {
  background-color: #05254b;
  height: 52px;
  position: fixed;
  top: 0;
  width: 100%
}

.topline {
  flex-wrap: wrap;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 500
}

.mobile-app-notification,
.topline {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.mobile-app-notification {
  background-color: #682897;
  min-height: 52px;
  padding: 4px 0
}

.mobile-app-notification_light {
  margin: 4px 0 20px;
  padding: 6px 0
}

.mobile-app-notification_light .mobile-app-notification__content {
  padding: 0 14px
}

.mobile-app-notification_light .mobile-app-notification__icon {
  height: 32px;
  width: 32px
}

.mobile-app-notification__content {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-start;
  max-width: 390px;
  padding: 0 4px;
  width: 100%
}

.mobile-app-notification__icon {
  height: 44px;
  width: 44px
}

.mobile-app-notification__description {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 8px;
  white-space: nowrap
}

@media(min-width:768px) {
  .mobile-app-notification__description {
    padding-right: 18px
  }
}

.mobile-app-notification__title {
  font: 600 12px/1 Open Sans, sans-serif
}

.mobile-app-notification__subtitle {
  font: 400 10px/12px Open Sans, sans-serif;
  margin-top: 8px
}

.mobile-app-notification__btn {
  height: auto !important;
  margin-left: auto;
  min-height: 32px;
  padding: 4px 12px !important
}

.mobile-app-notification__close {
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 6px 10px 6px 12px
}

@media(min-width:480px) {
  .mobile-app-notification__close {
    padding: 6px 12px 6px 16px
  }
}

.MoneyPollTopline-m__container--sXwdQ {
  display: block;
  width: 100%
}

.confirm-email-warning-topline {
  align-items: center;
  background: #c67628;
  display: flex;
  justify-content: center;
  line-height: normal;
  min-height: 40px;
  padding: 5px 0;
  width: 100%
}

@media(min-width:480px) {
  .confirm-email-warning-topline {
    padding: 0 15px
  }
}

.confirm-email-warning-topline__content {
  font-size: 10px;
  padding-left: 15px
}

@media(min-width:480px) {
  .confirm-email-warning-topline__content {
    text-align: center
  }
}

@media(min-width:960px) {
  .confirm-email-warning-topline__content {
    font-size: 12px;
    padding: 5px 25px
  }
}

@media(min-width:1024px) {
  .confirm-email-warning-topline__content {
    font-size: 14px
  }
}

.confirm-email-warning-topline__btn.btn {
  background: rgba(0, 0, 0, .5);
  border-radius: 20px;
  filter: none;
  font-size: 12px;
  height: 28px;
  margin: 0 10px;
  padding: 0 25px
}

.confirm-email-warning-topline__btn.btn:before {
  display: none
}

.confirm-email-warning-topline__btn.btn:hover {
  background: rgba(0, 0, 0, .7);
  filter: none;
  transform: none
}

.confirm-email-warning-topline a,
.confirm-email-warning-topline a:active,
.confirm-email-warning-topline a:link,
.confirm-email-warning-topline a:visited {
  color: #fff;
  text-decoration: underline
}

.NRAFailedTopline-m__topline--d5DPi {
  align-items: center;
  background: #f7b500;
  display: grid;
  gap: 8px;
  grid-auto-flow: column;
  justify-content: center;
  min-height: 40px;
  padding: 6px 8px;
  width: 100%
}

.NRAFailedTopline-m__description--BnMF4 {
  color: #232323;
  font-size: 12px;
  line-height: 16px
}

@media screen and (min-width:1024px) {
  .NRAFailedTopline-m__topline--d5DPi {
    padding: 6px 16px
  }
}

.se-panic-topline {
  align-items: center;
  background: #efeff2;
  display: flex;
  overflow-x: scroll;
  padding: 4px;
  scrollbar-width: none;
  width: 100%
}

.se-panic-topline::-webkit-scrollbar {
  display: none
}

@media(min-width:360px) {
  .se-panic-topline {
    justify-content: center
  }
}

.se-panic-topline__btn {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  height: 24px;
  justify-content: center;
  margin: 0 2px;
  padding: 6px
}

.se-panic-topline__btn,
.se-panic-topline__btn:active,
.se-panic-topline__btn:link,
.se-panic-topline__btn:visited {
  color: #000
}

.se-panic-topline__btn_cursor-default {
  cursor: default
}

.se-panic-topline__btn-icon {
  margin-right: 5px
}

.se-panic-topline__content {
  display: flex;
  min-width: 340px
}

.verification-needed-topline {
  display: block;
  width: 100%
}

.alert-unavailable-for-legal-reasons {
  align-items: center;
  background: #541e7b;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 40px;
  justify-content: center;
  padding: 0 15px;
  width: 100%;
  z-index: 300
}

@media(min-width:768px) {
  .alert-unavailable-for-legal-reasons {
    font-size: 12px
  }
}

.alert-unavailable-for-legal-reasons:before {
  background: url(/assets/fonts/2398960d3b8705fec2fa.svg);
  content: "";
  display: block;
  height: 16px;
  margin-right: 8px;
  min-width: 16px;
  width: 16px
}

.alert-unavailable-for-legal-reasons_animated {
  animation: alert-unavailable-for-legal-reasons-animation .4s ease-in-out 1
}

.alert-unavailable-for-legal-reasons a {
  color: #fff !important;
  margin: 0 .3em;
  text-decoration: underline
}

@keyframes alert-unavailable-for-legal-reasons-animation {
  0% {
    transform: scaleX(1)
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    transform: scaleX(1)
  }
}

.preloader-inline {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 65px 0;
  position: relative;
  width: 100%
}

.preloader-inline .preloader__box {
  transform: scale(.5)
}

.preloader-inline .preloader__dark-border {
  display: none
}

.preloader-inline__glowing-shadow {
  animation: glow-shadow 2.5s cubic-bezier(.35, .04, .63, .95) infinite
}

.preloader-inline__glowing-shadow_reversed {
  animation-name: glow-shadow-reverse
}

@keyframes glow-shadow {

  0%,
  to {
    opacity: 0
  }

  50% {
    opacity: 1
  }
}

@keyframes glow-shadow-reverse {

  0%,
  to {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

.preloader-stretch-wrapper {
  display: flex;
  height: 100vh;
  min-width: 100%;
  opacity: 0;
  padding-bottom: 10%;
  width: 100%
}

.MaskedImage-m__icon--ZtYld {
  display: block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain
}

.SidebarLink-m__link--r7ejz {
  align-items: center;
  display: flex;
  font-size: 14px;
  height: 40px;
  line-height: 1.35;
  width: 100%
}

.SidebarLink-m__link--r7ejz:active,
.SidebarLink-m__link--r7ejz:link,
.SidebarLink-m__link--r7ejz:visited {
  color: #fff
}

.SidebarLink-m__link--r7ejz.SidebarLink-m__active--A9Aki:active,
.SidebarLink-m__link--r7ejz.SidebarLink-m__active--A9Aki:link,
.SidebarLink-m__link--r7ejz.SidebarLink-m__active--A9Aki:visited,
.SidebarLink-m__link--r7ejz:hover {
  color: #00badc
}

.SidebarLink-m__text--ZuxBD {
  flex-grow: 1
}

.SidebarLink-m__icon--r0jF9 {
  background-color: #fff;
  margin-right: 8px
}

.SidebarLink-m__active--A9Aki .SidebarLink-m__icon--r0jF9,
.SidebarLink-m__link--r7ejz:hover .SidebarLink-m__icon--r0jF9 {
  background-color: #00badc
}

.Sidebar-m__container--fXeOy {
  background-color: #09132d;
  border-radius: 8px;
  left: 0;
  margin-bottom: 8px;
  position: sticky;
  top: 70px
}

.Sidebar-m__title--MPspq {
  align-items: center;
  border-bottom: none;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  padding: 0 12px;
  position: relative
}

.Sidebar-m__title--MPspq:before {
  background: url(/assets/fonts/6e108c22ffb9a4f696c5.svg) 50% no-repeat;
  content: "";
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 20px
}

.Sidebar-m__caption--UB9eb {
  color: #a3acc1;
  font-size: 12px;
  margin: 32px 0 20px;
  text-transform: uppercase
}

.Sidebar-m__divider--CEZRu {
  background-color: rgba(#fff, .12);
  height: 1px;
  margin: 20px -24px
}

.Sidebar-m__content--COaOH {
  overflow: auto;
  padding: 20px 24px
}

.Sidebar-m__isActive--DyOa5 .Sidebar-m__title--MPspq {
  border-bottom: 1px solid rgba(#fff, .12)
}

.Sidebar-m__isActive--DyOa5 .Sidebar-m__title--MPspq:before {
  background-image: url(/assets/fonts/8989fbbfa50adaf9ea1f.svg)
}

@media screen and (min-width:1024px) {
  .Sidebar-m__container--fXeOy {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 80px)
  }

  .Sidebar-m__title--MPspq {
    border-bottom: 1px solid rgba(#fff, .12);
    cursor: default;
    font-size: 21px;
    font-weight: 700;
    height: 68px;
    padding: 0 24px
  }

  .Sidebar-m__title--MPspq:before {
    display: none
  }
}

.HelpCenter-m__wrapper--bfQE2 {
  background-color: #010c26;
  line-height: 1.35;
  padding-top: 12px
}

.HelpCenter-m__container--GkGP_ {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1344px;
  width: 100%
}

.HelpCenter-m__sidebar--hwZcF {
  margin-bottom: 48px;
  width: 100%
}

.HelpCenter-m__content--AKpIi {
  padding: 0 8px
}

.HelpCenter-m__item--vRziD,
.HelpCenter-m__itemAnswer--Zr_r5,
.HelpCenter-m__itemQuestion--IjwzS,
.HelpCenter-m__listColumn--oFizS,
.HelpCenter-m__listWrap--bygSE,
.HelpCenter-m__title--jhoy9 {
  border: 1px solid red
}

@media screen and (min-width:1024px) {
  .HelpCenter-m__wrapper--bfQE2 {
    padding-top: 64px
  }

  .HelpCenter-m__container--GkGP_ {
    flex-direction: row
  }

  .HelpCenter-m__content--AKpIi {
    flex-grow: 1;
    margin-left: 64px;
    padding: 0
  }

  .HelpCenter-m__sidebar--hwZcF {
    flex-shrink: 0;
    margin-bottom: 0;
    width: 320px
  }
}

.svg__filter {
  height: 0;
  position: absolute;
  width: 0
}

/*# sourceMappingURL=bundle-2fbecafa138f903d8f99.css.map*/