.theme--dark .theme__label .ball{transform: translateX(26px);}
:root {
  --color-white: #fff;
  --color-dark-white: #000;
  --color-base: #0b2239;
  --color-second: #fff;
  --color-bg-base: #0b2239;
  --color-dark-cyan: #009999;
  --color-cyan-dark:#009999;
  --color-base-fix: #0b2239;
  --color-green-dark: #009999;
  --color-link-hover: #c8280b;
  --color-base-opacity-seven: rgba(11, 34, 57, .7);
  --color-base-opacity-half: rgba(11, 34, 57, .5);
  --color-base-opacity-forty: rgba(11, 34, 57, .4);
  --color-bg-gray: #f3f3f4;
  --color-bg-arrow: #fff;
  --color-bg-circle: rgba(0, 0, 0, .05);
  --color-border-hover: rgba(0, 0, 0, .1);
  --color-backdrop-filter: rgba(255, 255, 255, .3);
  --color-info: rgba(0, 0, 0, .3);
  --color-bg-input: #fff;
  --color-bg-overlay: rgba(11, 34, 57, 0.9);
  --color-mobile-text: #afafaf;
  --color-mobile-opacity30: rgba(175, 175, 175, 0.3);
  --color-form: #f9f9fb;
  --color-border-tp: #fff;
  --padding-last-news-large: 24px;
  --padding-last-news-small: 20px;
  --padding-last-news-average: 18px;
  --border-radius-large: 10px;
  --border-radius-small: 5px;
  --border-radius-average: 8px;
  --box-shadow-bg: linear-gradient(180deg, rgba(38, 46, 46, 0) 50%, #0B2239 92.12%);
  --box-shadow-bg-hover: linear-gradient(180deg, rgba(38, 46, 46, .1035) 48.27%, rgba(11, 34, 57, .7) 84.81%);
  --box-shadow-drop: 0px 0px 31px rgba(34, 34, 34, .26);
  --box-shadow-pages: linear-gradient(180deg, rgba(243, 243, 244, 0.2) 0%, rgba(243, 243, 244, 0.6) 100%);
  --box-shadow-input: 0px 1px 6px rgba(255, 255, 255, 0.28); }
.theme--dark {
  --color-dark-white: #fff;
  --color-second: #0b2239;
  --color-base: #fff;
  --color-cyan-dark:#0b2239;
  --color-base-fix: #fff;
  --color-green-dark: #112942;
  --color-base-opacity-seven: rgba(255, 255, 255, .7);
  --color-base-opacity-half: rgba(255, 255, 255, .5);
  --color-base-opacity-forty: rgba(255, 255, 255, .4);
  --color-bg-gray: #112942;
  --color-bg-arrow: #112942;
  --color-bg-circle: rgba(255, 255, 255, .05);
  --color-border-hover: rgba(255, 255, 255, .1);
  --color-backdrop-filter: rgba(0, 0, 0, .3);
  --color-info: rgba(255, 255, 255, .3);
  --color-bg-input: #112942;
  --color-bg-overlay: rgba(11, 34, 57, 0.95);
  --color-mobile-text: #afafaf;
  --color-mobile-opacity30: rgba(255, 255, 255, 0.3);
  --color-form: #112942;
  --color-border-tp: #112942;
  --box-shadow-pages: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%);
  --box-shadow-input: 0px 1px 6px rgba(11, 34, 57, 0.28); }
.custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1; }
.custom-checkbox__field:focus + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px; }
.custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-Italic.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-Black.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "Inter";
  src: url("../fonts/../fonts/Inter-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/../fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/../fonts/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/../fonts/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-SemiBolditalic.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: italic; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-Black.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: normal; }
@font-face {
  font-family: "SourceSerifPro";
  src: url("../fonts/../fonts/SourceSerifPro-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: italic; }
html {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit; }
body {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: var(--color-second);
}

/* Общие стили для скроллбара */
body::-webkit-scrollbar {
    width: 12px; /* Ширина вертикального скроллбара */
    height: 12px; /* Высота горизонтального скроллбара */
}

/* Стили для ползунка скроллбара */
body::-webkit-scrollbar-thumb {
    background-color: var(--color-dark-cyan); /* Цвет ползунка */
    border-radius: var(--border-radius-small);
}

/* Стили для трека скроллбара (фон) */
body::-webkit-scrollbar-track {
    background-color: var(--color-bg-gray); /* Цвет фона трека */
}

img {
  max-width: 100%; }
a {
  text-decoration: none;
  color: currentColor; }
p {
  margin: 0;
  padding: 0; }
ul {
  list-style: none;
  margin: 0;
  padding: 0; }
button {
  padding: 0; }
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }
.site-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  color: var(--color-base); }
.btn-reset {
  border: none;
  background: transparent;
  cursor: pointer; }
.container {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1370px;
  width: 100%; }
.js-focus-visible :focus:not(.focus-visible) {
  outline: none; }
.mb-100px {
  margin-bottom: 100px; }
.title--h1 {
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  font-size: 2.875rem;
  font-weight: 800; }
.text--h2 {
  margin: 1.5714285714285714em 0 0.7142857142857143em;
  font-size: 1.75rem;
  font-weight: 900; }

/*# sourceMappingURL=global.css.map */