/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/app.scss ***!
  \******************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/app.scss (1) ***!
  \**********************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/app.scss (2) ***!
  \**********************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Sometype+Mono:ital,wght@0,400..700;1,400..700&display=swap);
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/app.scss (3) ***!
  \**********************************************************************************************************************************************************/
@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: none;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
main {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

body {
  margin: 0;
}

ul {
  list-style-type: none;
}

a {
  background: transparent;
  text-decoration: none;
}

button,
input {
  line-height: normal;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

textarea:focus,
input:focus {
  outline: 0;
}

input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/**
 * Fonts
*/
@font-face {
  font-family: "DINP-R";
  src: url(../images/design/DINPro-Regular.2ac4eb.eot) format("eot"), url(../images/design/DINPro-Regular.7b307e.woff) format("woff"), url(../images/design/DINPro-Regular.f8ce19.ttf) format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "wReg";
  src: url(../images/design/WixMadeforDisplay-Regular.82931d.ttf) format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "wMed";
  src: url(../images/design/WixMadeforDisplay-Medium.f0a574.ttf) format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "wSem";
  src: url(../images/design/WixMadeforDisplay-SemiBold.d6e8e1.ttf) format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "wBol";
  src: url(../images/design/WixMadeforDisplay-Bold.6ddb73.ttf) format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "wExt";
  src: url(../images/design/WixMadeforDisplay-ExtraBold.fdedb5.ttf) format("truetype");
  font-style: normal;
}
/**
 * Helper mixins
*/
/**
 * Dirty hacks, yes internet explorer, we are looking at you
*/
@font-face {
  font-family: "omaBlack";
  src: url(../images/design/RFDewiExpanded-Black.61a9cc.ttf) format("truetype");
  font-weight: black;
  font-style: normal;
}
@font-face {
  font-family: "omaBold";
  src: url(../images/design/RFDewiExpanded-Bold.363bc9.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "omaLight";
  src: url(../images/design/RFDewiExpanded-Light.9b458f.ttf) format("truetype");
  font-weight: light;
  font-style: normal;
}
@font-face {
  font-family: "mab";
  src: url(../a04dca1ff09e9028b8cf.otf) format("opentype");
}
@font-face {
  font-family: "Wix";
  src: url(../images/design/WixMadeforDisplay-Regular.82931d.ttf) format("truetype");
  font-style: normal;
  font-weight: 400; /* Поддерживает диапазон весов */
}
/* === PLAIN === */
@font-face {
  font-family: "PP Neue Machina";
  src: url(../963e24ed86839ab057e0.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "PP Neue Machina";
  src: url(../b384013354ba81e1a737.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "PP Neue Machina";
  src: url(../c1fe9e8fedaaf2eed971.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "PP Neue Machina";
  src: url(../07203af3e2c2d4199e35.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "PP Neue Machina";
  src: url(../d0c9688b561e5f9d666b.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
/* === INKTRAP === */
@font-face {
  font-family: "PP Neue Machina Inktrap";
  src: url(../7598449634f6cc24e7c3.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "PP Neue Machina Inktrap";
  src: url(../70cadfa586eabb0051f6.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "PP Neue Machina Inktrap";
  src: url(../01baa3a95952a01856a3.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "PP Neue Machina Inktrap";
  src: url(../c440f2017462f4c4f5e6.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "PP Neue Machina Inktrap";
  src: url(../fb684ef5ee9ec89f251b.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "PP Neue Machina Inktrap";
  src: url(../7612aca7787af284ae3d.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
/* @import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Georama:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
 */
/**
 * @license
 *
 * Font Family: General Sans
 * Designed by: Frode Helland
 * URL: https://www.fontshare.com/fonts/general-sans
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * General Sans Variable(Variable font)
 * General Sans Variable Italic(Variable font)
 * General Sans Extralight
 * General Sans Extralight Italic
 * General Sans Light
 * General Sans Light Italic
 * General Sans Regular
 * General Sans Italic
 * General Sans Medium
 * General Sans Medium Italic
 * General Sans Semibold
 * General Sans Semibold Italic
 * General Sans Bold
 * General Sans Bold Italic
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0;
*
* available axes:

* 'wght' (range from 200.0 to 700.0)

*/
@font-face {
  font-family: "GeneralSans-Variable";
  src: url(../images/design/GeneralSans-Variable.65a7e7.woff2) format("woff2"), url(../images/design/GeneralSans-Variable.bc2b12.woff) format("woff"), url(../images/design/GeneralSans-Variable.d7facb.ttf) format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0;
*
* available axes:

* 'wght' (range from 200.0 to 700.0)

*/
@font-face {
  font-family: "GeneralSans-VariableItalic";
  src: url(../images/design/GeneralSans-VariableItalic.8d45d5.woff2) format("woff2"), url(../images/design/GeneralSans-VariableItalic.e4ae86.woff) format("woff"), url(../images/design/GeneralSans-VariableItalic.37a2c9.ttf) format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Extralight";
  src: url(../images/design/GeneralSans-Extralight.d6a433.woff2) format("woff2"), url(../images/design/GeneralSans-Extralight.efc4ce.woff) format("woff"), url(../images/design/GeneralSans-Extralight.e9e161.ttf) format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-ExtralightItalic";
  src: url(../images/design/GeneralSans-ExtralightItalic.3d55e7.woff2) format("woff2"), url(../images/design/GeneralSans-ExtralightItalic.637cc7.woff) format("woff"), url(../images/design/GeneralSans-ExtralightItalic.f2b0d5.ttf) format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Light";
  src: url(../images/design/GeneralSans-Light.597976.woff2) format("woff2"), url(../images/design/GeneralSans-Light.705af1.woff) format("woff"), url(../images/design/GeneralSans-Light.69935e.ttf) format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-LightItalic";
  src: url(../images/design/GeneralSans-LightItalic.c8c13d.woff2) format("woff2"), url(../images/design/GeneralSans-LightItalic.b3f376.woff) format("woff"), url(../images/design/GeneralSans-LightItalic.01f39f.ttf) format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Regular";
  src: url(../images/design/GeneralSans-Regular.33c075.woff2) format("woff2"), url(../images/design/GeneralSans-Regular.c8cfd5.woff) format("woff"), url(../images/design/GeneralSans-Regular.6d9188.ttf) format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Italic";
  src: url(../images/design/GeneralSans-Italic.8c6daf.woff2) format("woff2"), url(../images/design/GeneralSans-Italic.38fe83.woff) format("woff"), url(../images/design/GeneralSans-Italic.61b5c6.ttf) format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Medium";
  src: url(../images/design/GeneralSans-Medium.1096c8.woff2) format("woff2"), url(../images/design/GeneralSans-Medium.9ff9c3.woff) format("woff"), url(../images/design/GeneralSans-Medium.c729d6.ttf) format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-MediumItalic";
  src: url(../images/design/GeneralSans-MediumItalic.8a7428.woff2) format("woff2"), url(../images/design/GeneralSans-MediumItalic.be50bb.woff) format("woff"), url(../images/design/GeneralSans-MediumItalic.8eb302.ttf) format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Semibold";
  src: url(../images/design/GeneralSans-Semibold.23103a.woff2) format("woff2"), url(../images/design/GeneralSans-Semibold.f7917c.woff) format("woff"), url(../images/design/GeneralSans-Semibold.f6a5ba.ttf) format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-SemiboldItalic";
  src: url(../images/design/GeneralSans-SemiboldItalic.b54475.woff2) format("woff2"), url(../images/design/GeneralSans-SemiboldItalic.36eb24.woff) format("woff"), url(../images/design/GeneralSans-SemiboldItalic.e32560.ttf) format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Bold";
  src: url(../images/design/GeneralSans-Bold.64b1bf.woff2) format("woff2"), url(../images/design/GeneralSans-Bold.4d82f8.woff) format("woff"), url(../images/design/GeneralSans-Bold.148ea2.ttf) format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-BoldItalic";
  src: url(../images/design/GeneralSans-BoldItalic.4a1bf4.woff2) format("woff2"), url(../images/design/GeneralSans-BoldItalic.62949c.woff) format("woff"), url(../images/design/GeneralSans-BoldItalic.89074c.ttf) format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
html, body {
  font-family: "GeneralSans-Variable";
  font-weight: 400;
  color: #DEDEDE;
}

.material-symbols-outlined {
  text-decoration: none;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.goodglow {
  -webkit-box-shadow: 0 0 12px #7f00ff, 0 0 24px rgba(127, 0, 255, 0.6), 0 0 48px rgba(127, 0, 255, 0.3);
          box-shadow: 0 0 12px #7f00ff, 0 0 24px rgba(127, 0, 255, 0.6), 0 0 48px rgba(127, 0, 255, 0.3);
}

.lightglow {
  -webkit-box-shadow: 0 0 24px rgba(127, 0, 255, 0.3);
          box-shadow: 0 0 24px rgba(127, 0, 255, 0.3);
}

/* Base background */
/* Primary / Accent */
/* Warm accents */
/* Soft text / UI */
.primary {
  background: #40009F !important;
}

.success {
  background: #00C246 !important;
}

.warning {
  background: #F4A950 !important;
}

.danger {
  background: #FF0012 !important;
}

.info {
  background: #4075D6 !important;
}

.neutral {
  background: #EBEBEB !important;
  color: #232323 !important;
}

/*
1. Классический материал-дизайн:
Primary (основная): #6200EE (фиолетовый)
Success (успех): #0F9D58 (зелёный)
Warning (предупреждение): #F4B400 (жёлтый)
Danger (ошибка): #DB4437 (красный)
Info (информация): #4285F4 (синий)
Neutral (второстепенная): #9E9E9E (серый)
2. Пастельный минимализм:
Primary: #5A5D9D (лавандовый)
Success: #80CFA9 (мятный)
Warning: #FFC857 (мягкий оранжевый)
Danger: #FF6F61 (коралловый)
Info: #89CFF0 (голубой)
Neutral: #D3D3D3 (светло-серый)
3. Акцентный градиент:
Primary: linear-gradient(90deg, #7B42F6, #B279F7)
Success: linear-gradient(90deg, #34E89E, #0F3443)
Warning: linear-gradient(90deg, #FFB75E, #ED8F03)
Danger: linear-gradient(90deg, #FF5F6D, #FFC371)
Info: linear-gradient(90deg, #56CCF2, #2F80ED)
Neutral: linear-gradient(90deg, #E0E0E0, #BDBDBD)
*/
.air-datepicker-overlay {
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.2) !important;
}

.air-datepicker {
  border-radius: 20px !important;
  padding: 6px 10px 12px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px !important;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px !important;
}

.air-datepicker-nav {
  font-weight: 600 !important;
}

.air-datepicker-body--day-name {
  font-weight: 600 !important;
  color: #3D00E3 !important;
}

.air-datepicker-cell {
  width: 40px !important;
  height: 40px !important;
  font-weight: 400 !important;
}

.gridjs-th-content {
  font-size: 0.8rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

button.gridjs-sort {
  height: 16px !important;
}

th.gridjs-th {
  padding: 8px 8px 8px 17px !important;
  font-weight: 800;
}

.gridjs-td {
  font-size: 0.9rem;
  padding: 12px 20px 12px 17px !important;
  position: relative;
  min-width: 50px; /* Минимальная ширина */
  max-width: 300px;
  vertical-align: middle;
}

.text-truncate {
  white-space: nowrap; /* Обрезка текста на одной линии */
  overflow: hidden; /* Скрытие текста, выходящего за пределы */
  text-overflow: ellipsis; /* Добавление "..." */
  display: block;
  max-width: 100%; /* Максимальная ширина для ограничения */
}

.gridjs-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.gridjs-search {
  float: none !important;
}

.gridjs-footer {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #F9F9F9 !important;
  border: 1px solid #eee !important;
  border-top: none !important;
}

.grid-js, .gridjs-container, .gridjs-wrapper {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.gridjs-wrapper {
  border: 1px solid #eee;
  border-bottom: none !important;
}

/* Стили для кастомной полосы прокрутки */
.gridjs-wrapper::-webkit-scrollbar {
  height: 6px; /* Высота горизонтальной полосы */
}

.gridjs-wrapper::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.55); /* Цвет ползунка */
  border-radius: 0px; /* Скругление */
}

.gridjs-wrapper::-webkit-scrollbar-thumb:hover {
  background: #232323; /* Цвет ползунка при наведении */
}

.gridjs-wrapper::-webkit-scrollbar-track {
  background: #eee; /* Цвет фона полосы прокрутки */
  border-radius: 0px; /* Скругление фона */
}

.checkbox-wrapper-43 input[type=checkbox] {
  display: none;
  visibility: hidden;
}

.checkbox-wrapper-43 label {
  display: inline-block;
}

.checkbox-wrapper-43 .check {
  cursor: pointer;
  position: relative;
  margin: auto;
  width: 18px;
  height: 18px;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-43 .check:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.checkbox-wrapper-43 .check svg {
  position: relative;
  z-index: 1;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: rgba(0, 0, 0, 0.23);
  stroke-width: 1.5;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.checkbox-wrapper-43 .check svg path {
  stroke-dasharray: 60;
  stroke-dashoffset: 0;
}

.checkbox-wrapper-43 .check svg polyline {
  stroke-dasharray: 22;
  stroke-dashoffset: 66;
}

.checkbox-wrapper-43 .check:hover:before {
  opacity: 1;
}

.checkbox-wrapper-43 .check:hover svg {
  stroke: #4285f4;
}

.checkbox-wrapper-43 input[type=checkbox]:checked + .check svg {
  stroke: #4285f4;
}

.checkbox-wrapper-43 input[type=checkbox]:checked + .check svg path {
  stroke-dashoffset: 60;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.checkbox-wrapper-43 input[type=checkbox]:checked + .check svg polyline {
  stroke-dashoffset: 42;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.checkbox-wrapper-31:hover .check {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-31 {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.checkbox-wrapper-31 .background {
  fill: #ddd;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.checkbox-wrapper-31 .stroke {
  fill: none;
  stroke: rgb(255, 255, 255);
  stroke-miterlimit: 10;
  stroke-width: 2px;
  stroke-dashoffset: 100;
  stroke-dasharray: 100;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.checkbox-wrapper-31 .check {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke-dashoffset: 22;
  stroke-dasharray: 22;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.checkbox-wrapper-31 input[type=checkbox] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  opacity: 0;
  -appearance: none;
  -webkit-appearance: none;
}

.checkbox-wrapper-31 input[type=checkbox]:hover {
  cursor: pointer;
}

.checkbox-wrapper-31 input[type=checkbox]:checked + svg .background {
  fill: #4285f4;
}

.checkbox-wrapper-31 input[type=checkbox]:checked + svg .stroke {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-31 input[type=checkbox]:checked + svg .check {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-31.mainAll input[type=checkbox]:checked + svg .background {
  fill: #00C246;
}

html, body {
  font-size: 0.9rem;
  color: #DEDEDE;
  min-width: 100%;
  min-height: 100vh;
  background: #0c0b0f;
}

.toastify {
  font-family: "GeneralSans-Variable";
}

.oneStepClass {
  position: relative;
  max-width: 1000px;
}

.notransyet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 100%;
  min-height: 370px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.11);
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.23);
  font-weight: 600;
}

.shortbtn {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width: auto !important;
}

.syn-btn:disabled,
.syn-btn.disabled {
  background: #ccc;
  color: #666;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none;
          transform: none;
  opacity: 0.15;
  -webkit-transition: none !important;
  transition: none !important;
}

.syn-btn:disabled:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.mobtop, .mobalance, .mobjumpers {
  display: none;
}

.mobalance, .mobjumpers {
  position: relative;
  z-index: 4;
}

.mobfulnav {
  display: none;
}

select {
  /* Убираем дефолтный вид у select в разных браузерах */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: 800;
  /* Основные стили */
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 40px 10px 15px; /* Правый отступ оставляем для стрелки */
  font-size: 16px;
  color: #333;
  cursor: pointer;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  /* Кастомная стрелка (используем встроенный SVG через data-uri) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27%23999%27 viewBox=%270 0 16 16%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M1.5 5.5a.5.5 0 0 1 .5-.5h12a.5.5 0 0 1 .354.854l-6 6a.5.5 0 0 1-.708 0l-6-6A.5.5 0 0 1 1.5 5.5z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px;
}

select:focus {
  outline: none;
  border-color: #007BFF;
}

.hideall {
  visibility: hidden;
}

.defUI {
  min-width: 100%;
  min-height: 100%;
  background: olive;
  position: relative;
  display: block !important;
}

/* #page{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
} */
#page {
  position: relative;
  overflow-x: hidden;
}

.defloader {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 60px - 140px);
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.pageMainTitle {
  font-weight: 900;
  font-size: 2rem;
  margin-bottom: 40px;
}

.notars {
  text-align: center;
  padding: 30px 0;
  font-size: 1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.23);
}
.notars img {
  max-height: 200px;
  width: auto;
  margin: 0 auto;
}

.topSels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.selbox {
  width: 200px;
  margin-right: 20px;
}

select {
  width: 100%;
}

.btn {
  background: #3D00E3;
  border-radius: 6px;
  padding: 10px 22px 10px 14px;
  min-width: 80px;
  max-width: 100%;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1rem;
  position: relative;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 600;
}
.btn span:not(.xbt) {
  font-size: 1.1rem;
  margin-right: 10px;
  font-weight: 600;
}

.btnSimple {
  padding: 10px 20px;
}

.inp {
  margin: 20px 0;
  position: relative;
}
.inp label {
  background: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  position: absolute;
  top: -8px;
  left: 10px;
  padding: 0 4px;
  color: #999;
}
.inp .inputClass {
  outline: none;
  background-color: #fff;
  border: 1px solid #d2d6dc;
  border-radius: 5px;
  padding: 10px 13px;
  font-size: 14px;
  line-height: 1.45;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.inp .inputClass:focus {
  webkit-box-shadow: 0 0 0 3px rgba(149, 189, 243, 0.5);
  -webkit-box-shadow: 0 0 0 3px rgba(149, 189, 243, 0.5);
          box-shadow: 0 0 0 3px rgba(149, 189, 243, 0.5);
  border-color: #9bc2f7;
}
.inp:focus-within label {
  color: #3967CC; /* Изменение цвета */
  font-size: 0.8rem; /* Увеличиваем размер */
  top: -8px; /* Поднимаем выше */
}

.off {
  display: none !important;
}

.xfull {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 60px); /* Высота окна браузера */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.xside {
  width: 200px; /* Ширина боковой панели */
  position: fixed; /* Фиксированное положение */
  height: 100%; /* Высота боковой панели */
  overflow: hidden; /* Прячем полосы прокрутки */
  background: #fff;
}

.xside .content {
  height: 100%;
  overflow-y: scroll; /* Вертикальная прокрутка */
  padding-right: 20px; /* Добавляем пространство для скрытия полосы прокрутки */
  margin-right: -20px; /* Скрываем полосу прокрутки */
  padding-left: 20px;
}

.xmain {
  padding-top: 10px;
  margin-left: 200px; /* Отступ для основного содержимого, равный ширине боковой панели */
  width: calc(100% - 200px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: transparent;
  overflow-y: auto; /* Позволяет прокрутку, если основной контент превышает высоту */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* Выстраиваем элементы вертикально */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* Низ прибивается к нижней части контейнера */
  height: 100%; /* Контейнер занимает всю доступную высоту */
}

.xabsfull {
  margin-left: 0 !important;
  width: 100% !important;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* Занимает всё оставшееся пространство */
  padding: 0px;
}

.xbottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100px;
  width: 200px;
  position: fixed;
  bottom: 0;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(63%, rgb(255, 255, 255)), color-stop(90%, rgba(255, 255, 255, 0.7721463585)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 63%, rgba(255, 255, 255, 0.7721463585) 90%, rgba(255, 255, 255, 0) 100%);
}

.max {
  max-width: 900px !important;
}

.backpop {
  position: fixed;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0; /* Начальное состояние — невидимо */
  pointer-events: none; /* Отключаем клики, пока невидимо */
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; /* Анимация прозрачности */
}

.backpop.on {
  opacity: 1; /* Полная видимость */
  pointer-events: all; /* Включаем клики */
}

.popwin {
  width: 600px;
  height: auto;
  min-height: 200px;
  max-height: 500px;
  border-radius: 20px;
  padding: 20px;
  background: #fff;
  position: absolute;
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
          box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); /* Уменьшенное состояние */
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; /* Анимация масштаба */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.backpop.on .popwin {
  -webkit-transform: scale(1);
          transform: scale(1); /* Увеличение до нормального размера */
}

.popclose {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 5;
  background: #fff;
}

.allPopActions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popControls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: #fff;
}
.popControls div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  background: #eee;
  padding: 5px 12px 3px 7px;
  margin: 0 5px;
  color: #232323;
  cursor: pointer;
  position: relative;
}
.popControls div x {
  font-size: 0.8rem;
  margin-left: 6px;
  font-weight: 500;
}

.popc {
  cursor: pointer;
  /*  border-radius: 6px;
   border:1px solid #eee;
   background:#fff;
   padding:5px; */
  font-size: 1.3rem;
}

.customDiv_element_class {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

.mt {
  position: fixed;
  top: 70px;
  width: 20px;
  height: 30px;
  left: 200px;
  cursor: pointer;
  background: #fff;
  border-radius: 0 4px 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mt span {
  font-size: 1.4rem !important;
}

/* Основной контейнер лоадера */
.xbt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  left: 0;
  top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.bigloaderbox {
  background: #fff;
  width: 120px;
  height: 120px !important;
  border-radius: 18px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.scrollable-container {
  max-height: calc(500px - 40px); /* Ограничиваем высоту блока */
  overflow-y: scroll; /* Включаем прокрутку */
  position: relative; /* Для псевдоэлементов */
  scrollbar-width: none; /* Скрываем стандартную полосу в Firefox */
}

.scrollable-container::-webkit-scrollbar {
  display: none; /* Скрываем стандартную полосу прокрутки в Webkit */
}

/* Трек фиксирован относительно основного контейнера */
.scrollbar-track {
  position: absolute;
  top: 2%;
  right: 1px; /* Располагаем трек у правого края */
  width: 3px; /* Ширина трека */
  height: 98%; /* Высота трека */
  background: #f0f0f0; /* Цвет фона */
  border-radius: 4px; /* Скруглённые углы */
  z-index: 1;
}

/* Ползунок */
.scrollbar-thumb {
  position: absolute;
  top: 0;
  right: 0; /* Совпадает с треком */
  width: 3px; /* Ширина ползунка */
  background: #ccc; /* Цвет ползунка */
  border-radius: 0px; /* Скруглённые углы */
  height: 20%; /* Высота ползунка */
  z-index: 2;
  cursor: pointer; /* Указатель мыши */
}

.popcont {
  position: relative;
  overflow: hidden; /* Прячем элементы, выходящие за пределы */
  width: 100%;
  min-height: 100%;
}

.oneTarRow {
  border: none !important;
  border-radius: 10px;
  margin: 20px 0;
  overflow: hidden;
  max-width: 1200px;
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.headerRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px 0px 0;
  position: relative;
}

.headerRow > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}

.headerRow > div > span {
  display: block;
  color: rgba(0, 0, 0, 0.32);
  font-size: 0.7rem;
  font-weight: 400;
}

/* .hideShow {
  cursor: pointer;
  font-weight: bold;
  color: #007bff;
  text-decoration: underline;
} */
.upDownPart {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0s ease, padding 0.1s ease;
  transition: max-height 0s ease, padding 0.1s ease; /* Увеличено время анимации */
  padding: 0 0px; /* Начальные отступы: 0 */
}

.oneTarRow.open .upDownPart {
  max-height: 500px; /* Достаточно большое значение, чтобы вместить контент */
  padding: 0px; /* Плавный переход для отступов */
}

.oneAssignRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  background-color: yellow;
}

.oneAssignRow > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}

.rowControls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 10px;
  background-color: #f5f5f5;
  font-weight: bold;
}

.rowControls > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: cleftenter;
}

.currently_active {
  border: 1px solid green;
}

.future {
  border: 1px solid yellow;
}

.systemDisable {
  border: 1px solid red;
}

.archive {
  border: 1px solid blue;
}

.popLoaderX {
  width: 100%;
  min-height: 100px;
  background: #fff;
}

.oneAssignRow:nth-child(even) {
  background-color: #ffffff;
}

.oneAssignRow:nth-child(odd) {
  background-color: #fafbfc;
}

.txName {
  font-weight: 700;
}

.txDate {
  width: 176px;
  min-width: 176px;
  max-width: 176px;
  font-family: "Space Grotesk";
  font-weight: 600;
}

.txIdno {
  max-width: 100px;
  width: 100px;
  min-width: 100px;
  font-family: "Space Grotesk";
  color: rgba(0, 0, 0, 0.43);
}

.txCom {
  max-width: 170px;
  min-width: 170px;
  width: 170px;
  margin-left: 50px;
  font-family: "Space Grotesk";
  font-weight: 700;
  color: #2358EF;
}

.rowHeader {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 600;
  font-size: 0.7rem;
  background: #FFF !important;
  border-top: none !important;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee !important;
}
.rowHeader .txName, .rowHeader .txCom, .rowHeader .txIdno, .rowHeader .txDate {
  font-family: "Onest" !important;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.4) !important;
}

.assignBtn {
  background: #00C246;
  color: #fff;
  border: none;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 0.9rem;
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.assignBtn span {
  font-size: 1.1rem;
  margin-right: 4px;
}

.sameClass {
  border: 2px solid pink !important;
}

.searchBlock {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 520px;
  right: 20px;
  height: 42px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchBlock input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 6px;
}

.editWinAdd {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: 0px solid #eee;
  color: #2358EF;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  padding: 10px 10px;
  margin: 7px;
  text-align: center;
}
.editWinAdd span {
  font-size: 1.1rem;
  margin-right: 4px;
}

.editUniDate {
  /*   cursor:pointer;
    font-size:0.6rem;
    font-weight: 500;
    border-radius: 4px;
    background: #ddd;
    color:rgba(0,0,0,0.8);
    border:none;
    padding:6px 8px; */
  cursor: pointer;
  color: #232323;
  border: none;
  font-weight: 700;
  font-size: 0.7rem;
  padding: 4px 8px;
  border-radius: 4px;
}
.editUniDate span {
  font-size: 1rem;
}

.rowStatus {
  max-width: 10px;
  height: 16px;
  padding: 2px;
  /* Поворачивает буквы */ /* Убедиться, что буквы не переворачиваются */
}

.rtx {
  background: transparent;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 6px;
  min-width: 50px;
  text-align: center;
  font-size: 0.62rem;
  border-radius: 0 0 5px 0;
  color: transparent;
  font-weight: 700;
}

.archiveBage {
  background: #cbc9c9 !important;
  color: rgba(0, 0, 0, 0.43);
}

.futureBage {
  background: #2358EF;
  color: rgba(255, 255, 255, 0.78);
}

.rowLogo {
  margin: 10px 0;
  max-width: 140px;
  background: #fafbfc;
  border-radius: 6px;
}
.rowLogo img {
  width: 90px;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  border-radius: 6px;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.tarNameCol {
  min-width: 300px !important;
  margin-right: 20px;
  font-weight: 400;
  font-size: 1.2rem;
  padding-left: 20px;
}

.inRowStat {
  max-width: 120px;
  background: #fafbfc;
  border-radius: 10px;
  margin-right: 30px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* Элементы идут вертикально */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Центрируем элементы по вертикали */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-family: "Space Grotesk";
}
.inRowStat span {
  font-family: "Onest" !important;
  font-weight: 700;
}

.popTopFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}

.addPopHeader {
  font-size: 1rem;
  font-weight: 600;
}

.popImportant {
  margin: 20px 0;
}

.checkbox-wrapper-1 *,
.checkbox-wrapper-1 ::after,
.checkbox-wrapper-1 ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.checkbox-wrapper-1 [type=checkbox].substituted {
  margin: 0;
  width: 0;
  height: 0;
  display: inline;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.checkbox-wrapper-1 [type=checkbox].substituted + label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  height: 1.15em;
  width: 1.15em;
  margin-right: 0.6em;
  color: rgba(0, 0, 0, 0.275);
  border: solid 0.06em;
  -webkit-box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em inset, 0 0 0 0.07em transparent inset;
          box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em inset, 0 0 0 0.07em transparent inset;
  border-radius: 0.2em;
  background: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xml:space=\"preserve\" fill=\"white\" viewBox=\"0 0 9 9\"><rect x=\"0\" y=\"4.3\" transform=\"matrix%28-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702%29\" width=\"4.3\" height=\"1.6\" /><rect x=\"2.2\" y=\"2.9\" transform=\"matrix%28-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833%29\" width=\"6.1\" height=\"1.7\" /></svg>") no-repeat center, white;
  background-size: 0;
  will-change: color, border, background, background-size, box-shadow;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: color 0.1s, border 0.1s, background 0.15s, -webkit-box-shadow 0.1s;
  transition: color 0.1s, border 0.1s, background 0.15s, -webkit-box-shadow 0.1s;
  transition: color 0.1s, border 0.1s, background 0.15s, box-shadow 0.1s;
  transition: color 0.1s, border 0.1s, background 0.15s, box-shadow 0.1s, -webkit-box-shadow 0.1s;
}

.checkbox-wrapper-1 [type=checkbox].substituted:enabled:active + label:before,
.checkbox-wrapper-1 [type=checkbox].substituted:enabled + label:active:before {
  -webkit-box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset;
  background-color: #f0f0f0;
}

.checkbox-wrapper-1 [type=checkbox].substituted:checked + label:before {
  background-color: #3B99FC;
  background-size: 0.75em;
  color: rgba(0, 0, 0, 0.075);
}

.checkbox-wrapper-1 [type=checkbox].substituted:checked:enabled:active + label:before,
.checkbox-wrapper-1 [type=checkbox].substituted:checked:enabled + label:active:before {
  background-color: #0a7ffb;
  color: rgba(0, 0, 0, 0.275);
}

.checkbox-wrapper-1 [type=checkbox].substituted:focus + label:before {
  -webkit-box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
          box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}

.checkbox-wrapper-1 [type=checkbox].substituted:focus:active + label:before,
.checkbox-wrapper-1 [type=checkbox].substituted:focus + label:active:before {
  -webkit-box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
          box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(65, 159, 255, 0.55), 0 0 0 5px rgba(65, 159, 255, 0.3);
}

.checkbox-wrapper-1 [type=checkbox].substituted:disabled + label:before {
  opacity: 0.5;
}

.checkbox-wrapper-1 [type=checkbox].substituted.dark + label:before {
  color: rgba(255, 255, 255, 0.275);
  background-color: #222;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xml:space=\"preserve\" fill=\"rgba%2834, 34, 34, 0.999%29\" viewBox=\"0 0 9 9\"><rect x=\"0\" y=\"4.3\" transform=\"matrix%28-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702%29\" width=\"4.3\" height=\"1.6\" /><rect x=\"2.2\" y=\"2.9\" transform=\"matrix%28-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833%29\" width=\"6.1\" height=\"1.7\" /></svg>");
}

.checkbox-wrapper-1 [type=checkbox].substituted.dark:enabled:active + label:before,
.checkbox-wrapper-1 [type=checkbox].substituted.dark:enabled + label:active:before {
  background-color: #444;
  -webkit-box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(255, 255, 255, 0.1) inset;
          box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(255, 255, 255, 0.1) inset;
}

.checkbox-wrapper-1 [type=checkbox].substituted.dark:checked + label:before {
  background-color: #a97035;
  color: rgba(255, 255, 255, 0.075);
}

.checkbox-wrapper-1 [type=checkbox].substituted.dark:checked:enabled:active + label:before,
.checkbox-wrapper-1 [type=checkbox].substituted.dark:checked:enabled + label:active:before {
  background-color: #c68035;
  color: rgba(0, 0, 0, 0.275);
}

.checkbox-wrapper-1 [type=checkbox].substituted + label {
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.oneInPopRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px 0;
}

.oneInPopRow:nth-of-type(odd) {
  background-color: #fff;
}

.oneInPopRow:nth-of-type(even) {
  background-color: #fafbfc;
}

.oneInPopRow:last-of-type {
  border-bottom: 1px solid #eee !important;
}

.popH {
  font-size: 0.7rem !important;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.4);
  font-family: "Onest" !important;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 10px 0 !important;
  background: #fff !important;
}
.popH div {
  font-family: "Onest" !important;
}

.popName {
  min-width: calc(100% - 340px);
  max-width: calc(100% - 340px);
  width: calc(100% - 340px);
  white-space: nowrap; /* Запрещает перенос текста */
  overflow: hidden; /* Скрывает выходящий текст */
  text-overflow: ellipsis;
  margin-right: 20px;
}

.popCom {
  min-width: 70px;
  max-width: 70px;
  width: 70px;
}
.popCom input {
  width: 69%;
  border: none;
  color: #2358EF;
  text-align: left;
  font-weight: 700;
  font-family: "Space Grotesk";
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
  border-radius: 3px;
  text-align: center;
}

.popStart {
  min-width: 80px;
  max-width: 80px;
  width: 80px;
  text-align: left;
  font-family: "Space Grotesk";
  font-weight: 500;
  margin: 0 20px;
}

.popEnd {
  min-width: 80px;
  max-width: 80px;
  width: 80px;
  text-align: left;
  font-family: "Space Grotesk";
  font-weight: 500;
}
.popEnd input {
  width: 100%;
  border: none;
  color: #FF0012;
  text-align: center;
  font-weight: 700;
  font-family: "Space Grotesk";
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
  font-size: 0.8rem;
  border-radius: 3px;
  text-align: center;
}

.savePop {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #40009F;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  padding: 10px 10px;
  margin: 20px 0;
  text-align: center;
  border: none;
}
.savePop span {
  font-size: 1.1rem;
  margin-right: 4px;
}

.attention {
  border-top: 1px solid #eee;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
}
.attention span {
  margin-right: 12px;
}

.popBig {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 10px;
}

.popNameMain {
  display: block;
  color: #2358EF;
  margin: 8px 0 14px 0;
  font-size: 1.1rem;
}

.tarInfPop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  border: none;
}
.tarInfPop div {
  margin-right: 7px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding: 8px 12px;
  width: 100px;
  text-align: center;
  font-family: "Space Grotesk";
  font-weight: 700;
}
.tarInfPop div span {
  display: block;
  color: rgba(0, 0, 0, 0.32);
  font-size: 0.7rem;
  font-weight: 400;
  font-family: "Onest";
}

.disabled-button {
  background: #ddd !important;
  color: rgba(0, 0, 0, 0.3) !important;
}

.bIdno {
  font-size: 0.6rem;
  color: rgba(0, 0, 0, 0.43);
  font-family: "Space Grotesk";
  font-weight: 700;
}

.norows {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.24);
  text-align: center;
  width: 100%;
  padding: 0 0 20px 0;
}

.oneBrokDetails {
  border-top: 1px solid #eee;
  padding-top: 20px;
  margin-bottom: 20px;
}

.air-datepicker-global-container {
  z-index: 1000;
}

.air-datepicker {
  width: 290px !important;
}

.allItems {
  max-width: 1200px;
}

.oneItem {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  margin-bottom: 20px;
}

.itemHeader {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  border-radius: 10px 10px 10px 10px;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff));
  background: linear-gradient(0deg, #fff 0%, #fff 100%);
  background: -webkit-linear-gradient(0deg, #fff 0%, #fff 100%);
}

.itemList {
  display: none;
}

.itemListRow {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  border-top: 1px solid #eee;
}

.itemList > .oneItem {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.itemList > .oneItem > .itemListRow:nth-child(odd) {
  background: #fafbfc;
}

/* Последний элемент */
.itemList > .oneItem > .itemListRow:last-child {
  border-bottom: none;
  border-radius: 0 0 10px 10px;
}

.iLogo {
  width: 100px;
  background: #fff;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.iLogo img {
  border-radius: 6px;
}

.extName {
  width: 386px !important;
}

.transp {
  background: transparent !important;
}

.iName {
  width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* Элементы располагаются вертикально */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* .a вверху, .b внизу */
}

.iFullname {
  font-weight: 500;
  font-size: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.iIDNX {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.23);
  font-weight: 600;
}

.iProduct {
  width: 250px;
  margin: 0 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* Элементы располагаются вертикально */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* .a вверху, .b внизу */
}

.iProdName {
  font-size: 1rem;
  font-weight: 700;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  color: #3900D9;
}

.iProdType {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.23);
}

.iDatestart, .iDateend, .iCom {
  margin: 0 4px;
  background: #fafbfc;
  padding: 6px 10px;
  border-radius: 6px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* Элементы располагаются вертикально */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* .a вверху, .b внизу */
}

.microtext {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  font-size: 0.7rem;
  color: rgba(0, 0, 0, 0.6);
}

.cellValue {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  font-family: "Space Grotesk";
  font-weight: 500;
  font-size: 0.9rem;
}

.comcolor {
  color: #3900D9;
  font-weight: 700;
  font-size: 1.1rem;
}

.iBtn {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.iRowBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #eee;
  color: #3900D9;
  font-weight: 600;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  padding: 8px 8px;
  margin-right: 10px;
}
.iRowBtn span {
  font-size: 1.2rem;
  margin-right: 4px;
}

.designend {
  color: #232323;
}
.designend span {
  color: #F72C5B;
}

.iRowBtnEdit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #3900D9;
  border: 1px solid #eee;
  font-weight: 600;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  padding: 8px 10px;
}
.iRowBtnEdit span {
  font-size: 1.2rem;
  margin-right: 4px;
}

.listControl {
  padding: 5px 20px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.listSearch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 6px;
  background: #fff;
}
.listSearch span {
  font-size: 1.2rem;
  margin-right: 4px;
}

.listSearchInput {
  width: 260px;
  border: none;
}

.listAdd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.listAddBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #fff;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #16C47F;
  padding: 8px 10px;
  color: #16C47F;
  font-weight: 600;
}
.listAddBtn span {
  font-size: 1.2rem;
  margin-right: 4px;
}

.emptyList {
  text-align: center;
  padding: 20px;
}

.emptyMess {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.23);
  margin-bottom: 16px;
}

.invis {
  visibility: hidden;
}

.toggle-checkbox {
  display: none;
}

.toggle-checkbox:checked ~ .itemList {
  display: block !important;
}

.tTop {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin-bottom: 40px;
}

.toggleContainer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #eee;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #ddd;
  height: 50px;
}

.toggleDiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  padding: 10px 20px;
  border-radius: 6px;
  min-width: 200px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.34);
  cursor: pointer;
}
.toggleDiv span {
  margin-right: 4px;
  font-size: 1.1rem;
}

.activeTab {
  background: #2358EF;
  color: #fff;
}

.filtersContainer {
  padding: 20px 0;
}

.tarfil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tarfil div {
  margin-left: 5px;
  position: relative;
}

.selLabe {
  background: transparent;
  border: 1px solid transparent;
  position: absolute !important;
  top: -14px;
  left: -2px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.43);
  font-size: 0.68rem;
  padding: 1px 4px;
  border-radius: 4px;
}

.accside {
  width: 20%;
  display: block;
  padding: 0 20px;
  border-radius: 0px;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.accview {
  width: calc(80% - 20px);
  display: block;
  padding: 5px 20px;
  border-radius: 12px;
}

.lastThree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
}

.lastOne {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #1d1a28;
  padding: 16px 20px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  color: #fff;
}

.sectBig {
  font-size: 4em;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.27);
}

.botconfig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 900px;
}

.botMain {
  width: 60%;
}

.botFinal {
  background: rgba(255, 255, 255, 0.11);
  width: calc(40% - 20px);
  padding: 20px;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.botCardHead {
  font-size: 1.2em;
  font-weight: 700;
}

.microHead {
  font-weight: 600;
  font-size: 1.2em;
  color: #DEDEDE;
}

.microText {
  margin: 4px 0 20px 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.5);
}

.botType, .botSlider, .botGeo {
  margin-bottom: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 20px;
}

.selBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.oneS {
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
  margin-right: 7px;
  width: 120px;
  padding: 7px 0px 5px 0;
  text-align: center;
  border-radius: 6px;
}

.oneSactive {
  border: 1px solid rgb(110, 214, 13);
  color: rgb(110, 214, 13);
}

.req {
  width: 100%;
  height: 30px;
  position: relative;
  margin-top: 6px;
}

.marker {
  width: 100px;
  height: 20px;
  position: absolute;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
}

.markPic span {
  font-size: 1.3rem;
}

.markerText {
  font-size: 0.8rem;
}

.mark1 {
  margin-left: calc(25% - 35px);
}

.mark2 {
  margin-left: calc(50% - 35px);
}

.mark3 {
  margin-left: calc(75% - 35px);
}

.coolDesc {
  margin-top: 50px;
  font-weight: 500;
}

.botRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 18px 0;
}

.key {
  font-weight: 500;
}

.val {
  font-weight: 600;
}

.keyDesc {
  color: rgba(255, 255, 255, 0.33);
  margin-top: 3px;
  font-weight: 400;
  font-size: 0.8rem;
}

.uniqueRow {
  background: navy;
  padding: 20px;
  border-radius: 18px;
  font-size: 2rem;
}

#sliderWrap {
  position: relative;
  width: calc(100% - 20px);
}

.mesh-gradient-bg {
  position: absolute;
  top: 8px; /* подгони под .noUi-base! */
  left: 0;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  z-index: 1;
  /*  background: linear-gradient(
     90deg,
     #22d3ee 0%,
     #22c55e 30%,
     #facc15 60%,
     #f59e42 85%,
     #ef4444 100%
   ); */
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(50%, #8a2be2), to(#ff6e00));
  background: linear-gradient(90deg, #00eaff 0%, #8a2be2 50%, #ff6e00 100%);
  pointer-events: none;
}

.mesh-gradient-overlay {
  position: absolute;
  top: 8px;
  right: 0;
  height: 8px;
  border-radius: 8px;
  background: #000;
  width: 100%;
  z-index: 2;
  pointer-events: none;
}

/* Слайдер поверх */
.noUi-target {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  z-index: 3;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.noUi-base {
  background: transparent !important;
  border-radius: 0px;
  height: 8px;
  border: none !important;
}

.noUi-connect {
  background: transparent !important;
}

.noUi-handle {
  top: 2px !important; /* центрирование по высоте полоски */
  width: 20px !important; /* ширина ручки */
  height: 20px !important;
  background: linear-gradient(135deg, #e0f7fa 0%, #fff 100%);
  border: 2px solid #22d3ee;
  border-radius: 100px !important; /* идеально круглая */
  -webkit-box-shadow: 0 2px 16px 4px rgba(34, 211, 238, 0.3333333333), 0 0 0 3px #fff;
          box-shadow: 0 2px 16px 4px rgba(34, 211, 238, 0.3333333333), 0 0 0 3px #fff;
  -webkit-transition: border-color 0.22s, background 0.22s, -webkit-box-shadow 0.22s;
  transition: border-color 0.22s, background 0.22s, -webkit-box-shadow 0.22s;
  transition: border-color 0.22s, box-shadow 0.22s, background 0.22s;
  transition: border-color 0.22s, box-shadow 0.22s, background 0.22s, -webkit-box-shadow 0.22s;
  cursor: -webkit-grab;
  cursor: grab;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.noUi-handle:active {
  background: linear-gradient(135deg, #a7f3d0 0%, #e0f7fa 100%);
  border-color: #facc15;
  -webkit-box-shadow: 0 4px 24px 0 rgba(250, 204, 21, 0.3333333333), 0 0 0 3px #fff;
          box-shadow: 0 4px 24px 0 rgba(250, 204, 21, 0.3333333333), 0 0 0 3px #fff;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.noUi-handle.maxed {
  border-color: #ef4444 !important;
  -webkit-box-shadow: 0 2px 24px 0 rgba(239, 68, 68, 0.7333333333), 0 0 0 4px #fff;
          box-shadow: 0 2px 24px 0 rgba(239, 68, 68, 0.7333333333), 0 0 0 4px #fff;
}

/* .noUi-handle:before {
content: '';
display: block;
width: 6px;
height: 18px;
border-radius: 3px!important;
background: linear-gradient(180deg, #60a5fa 0%, #22d3ee 100%);
margin: 0 auto;
box-shadow: 0 0 4px #22d3ee88;
}  */
.noUi-handle:before {
  display: none !important;
}

.noUi-handle:after {
  display: none !important;
}

.checkbox-wrapper-51 input[type=checkbox] {
  visibility: hidden;
  display: none;
}

.checkbox-wrapper-51 .toggle {
  position: relative;
  display: block;
  width: 42px;
  height: 24px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-51 .toggle:before {
  content: "";
  position: relative;
  top: 1px;
  left: 1px;
  width: 40px;
  height: 22px;
  display: block;
  background: #000;
  border-radius: 12px;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.checkbox-wrapper-51 .toggle span {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  display: block;
  background: rgba(255, 255, 255, 0.88);
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 6px rgba(154, 153, 153, 0.75);
          box-shadow: 0 2px 6px rgba(154, 153, 153, 0.75);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.checkbox-wrapper-51 .toggle span svg {
  margin: 7px;
  fill: none;
}

.checkbox-wrapper-51 .toggle span svg path {
  stroke: #000;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 24;
  stroke-dashoffset: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.checkbox-wrapper-51 input[type=checkbox]:checked + .toggle:before {
  background: #7F00FF;
}

.checkbox-wrapper-51 input[type=checkbox]:checked + .toggle span {
  -webkit-transform: translateX(18px);
          transform: translateX(18px);
}

.checkbox-wrapper-51 input[type=checkbox]:checked + .toggle span path {
  stroke: #7F00FF;
  stroke-dasharray: 25;
  stroke-dashoffset: 25;
}

.fullmax {
  width: 100% !important;
}

.www {
  min-height: 80vh;
  width: 100%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.userview {
  max-width: 80%;
  margin: 0px auto;
  padding: 120px 0 70px 0;
  min-height: 80vh;
  position: relative;
  z-index: 2;
}

.accfull {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.accNavBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  width: 100%;
  margin: 5px 0;
  font-size: 1.2em;
  line-height: 1.9em;
  font-weight: 500;
  padding: 7px 0px;
  color: #DEDEDE;
  background: rgba(255, 255, 255, 0);
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
}

.accNavBtn span {
  margin-right: 18px;
  font-size: 1.8rem;
  opacity: 0.6;
}

.accNavBtn.activeJump {
  color: #7F00FF !important;
  font-weight: 600;
}

.microm {
  padding-left: 0px;
  margin-bottom: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.35);
}

.userMainTitle {
  margin-bottom: 20px;
  font-weight: 700;
  padding: 20px 20px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.fullowner {
  max-width: 1000px;
  width: 100%;
  padding: 10px 10px;
  border-radius: 10px;
}

.nodeowner {
  font-size: 2rem;
  font-family: "GeneralSans-Bold";
  color: #7F00FF;
}
.nodeowner span {
  text-transform: capitalize;
}

.nameanno {
  margin-top: 10px;
  color: #fff;
}

.statsblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: 400;
}

.topBal {
  margin-left: 20px;
  background: rgba(255, 255, 255, 0.07);
  padding: 10px 20px;
  border-radius: 10px;
  width: 200px;
}

.balCur {
  font-family: "GeneralSans-Semibold";
}

.balAmo {
  font-size: 1.6rem;
}

.balAnno {
  font-size: 0.8rem;
}

.mybal {
  font-weight: 600;
  font-size: 0.9em;
  margin-bottom: 4px;
}

.easyBal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #ccc;
  background: rgba(255, 255, 255, 0.05);
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.balRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.label {
  color: #888;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.value {
  color: #fff;
  font-weight: 600;
}

.top {
  position: fixed; /* Фиксируем блок в верхней части */
  top: 0;
  left: 0;
  width: 100%; /* Растягиваем на всю ширину */
  height: 60px; /* Высота блока */
  background: transparent;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px); /* Блур для эффекта фона */
  color: #fff; /* Цвет текста */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 46px 0 20px; /* Отступы слева и справа */
  z-index: 8; /* Чтобы блок был поверх остальных элементов */
  border-bottom: 1px solid transparent;
}

.logo {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.logo img {
  margin-left: 20px;
  width: 65%;
}

.topRightAll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navEl {
  margin-left: 20px;
  position: relative;
}

.iconX {
  font-size: 1.1rem !important;
  margin-right: 8px;
}

.accountWidth {
  min-width: 220px;
  max-width: 330px;
}

.accMain {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
}

.accTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 0.9rem;
}

.accPic {
  width: 30px;
  height: 30px;
  background: #eee;
  border-radius: 100px;
  margin-right: 10px;
}

.accMenuBox {
  position: absolute;
  margin-top: 20px;
  background: #1d1a28;
  width: 100%;
  border: 0px solid red;
  border-radius: 8px;
}

.dropMenu {
  padding: 6px 10px;
  margin-top: 8px;
}

.dropMenu li:first-child {
  border: none;
  padding-top: 0;
}

.dropMenu li {
  border-top: 1px solid #0c0b0f;
  padding: 4px 8px;
}
.dropMenu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4px 0;
  color: #fff;
  font-size: 0.9rem;
}

.balance {
  margin-left: 20px;
  margin-right: 0px;
  border-left: 1px solid #0c0b0f;
  padding: 0 20px;
  min-width: 200px;
}

.mt0 {
  left: 0 !important;
}

.xx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.xx > li {
  font-size: 1rem;
  font-family: "GeneralSans-Semibold";
}
.xx > li a {
  color: #fff;
}

.navix {
  width: 50%;
}

.joinMeshButtonTop {
  font-family: "GeneralSans-Semibold", sans-serif;
  font-size: 1rem;
  padding: 10px 20px;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#8a2be2), to(#ff6e00));
  background: linear-gradient(90deg, #00eaff, #8a2be2, #ff6e00);
  background-size: 300% 300%;
  color: #ffffff;
  -webkit-box-shadow: 0 0 25px rgba(0, 255, 255, 0.15);
          box-shadow: 0 0 25px rgba(0, 255, 255, 0.15);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-animation: meshPulseTop 6s ease infinite;
          animation: meshPulseTop 6s ease infinite;
}

@-webkit-keyframes meshPulseTop {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes meshPulseTop {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.joinMeshButtonTop:hover {
  -webkit-box-shadow: 0 0 40px rgba(0, 255, 255, 0.6), 0 0 80px rgba(138, 43, 226, 0.4);
          box-shadow: 0 0 40px rgba(0, 255, 255, 0.6), 0 0 80px rgba(138, 43, 226, 0.4);
}

.herohero {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: 100% 100%;
  background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
  background-image: radial-gradient(18% 28% at 24% 50%, rgba(206, 206, 255, 0.2705882353) 7%, rgba(7, 58, 255, 0) 100%), radial-gradient(18% 28% at 18% 71%, rgba(88, 52, 158, 0.2588235294) 6%, rgba(7, 58, 255, 0) 100%), radial-gradient(40% 60% at 90% 20%, rgba(174, 109, 255, 0.3215686275) 24%, rgba(7, 58, 255, 0) 100%), linear-gradient(125deg, #0c0b0f 1%, #0c0b0f 100%);
}

.herotext {
  width: 70%;
  height: 60vh;
  left: 15%;
  z-index: 2;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.heroX {
  font-size: 7rem;
  font-family: "GeneralSans-Bold";
}
.heroX span {
  color: #7F00FF;
}

.heroannoone {
  font-size: 1.4rem;
  max-width: 60%;
  margin: 100px 0;
  font-weight: 500;
  line-height: 1.9rem;
  color: rgba(255, 255, 255, 0.67);
}

.heroannotwo {
  font-size: 2.2rem;
  font-weight: 600;
  opacity: 0.1;
}

.hTitle {
  font-family: "GeneralSans-Variable";
  font-size: 4rem;
  font-weight: 600;
  color: #7F00FF;
}

.homesection {
  width: 100%;
  position: relative;
  z-index: 2;
}

.innerhome {
  max-width: 80%;
  background: #1d1a28;
  margin: 0 auto;
  padding: 50px;
}

.innerhome2 {
  max-width: 80%;
  margin: 0 auto;
}

.innerhomeblank {
  max-width: 80%;
  margin: 0 auto;
  padding: 50px;
}

.roundtop {
  border-radius: 60px 60px 0 0;
}

.roundbottom {
  border-radius: 0 0 60px 60px;
}

.roundall {
  border-radius: 60px;
}

.zkcompute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.nodepic {
  width: 55%;
}

.nodetext {
  width: 45%;
}

.nodetext > p {
  margin: 30px 0;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.clusters {
  margin: 100px auto 100px auto;
  font-size: 3rem;
  line-height: 3.6rem;
}

.worksteps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.onestep {
  font-size: 1.2rem;
  max-width: 32%;
  line-height: 1.6rem;
  font-weight: 400;
  background-color: transparent;
  padding: 0 20px;
  border-radius: 60px;
  margin-bottom: 50px;
}

.onestep > span {
  font-family: "PP Neue Machina Inktrap";
  font-size: 5rem;
  display: block;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 10px;
}

.osh {
  font-size: 1.4rem !important;
  display: block;
  font-family: "GeneralSans-Variable";
  margin-bottom: 10px !important;
  margin-top: 20px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.23);
}

.stratHead {
  font-size: 5rem;
  margin: 150px 0 50px 0;
  font-family: "GeneralSans-Bold";
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#8a2be2), to(#ff6e00));
  background: linear-gradient(90deg, #00eaff, #8a2be2, #ff6e00);
  background-size: 200% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: meshGradientFlow 6s ease-in-out infinite;
          animation: meshGradientFlow 6s ease-in-out infinite;
}

@-webkit-keyframes meshGradientFlow {
  0% {
    background-position: 0% center;
  }
  50% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}

@keyframes meshGradientFlow {
  0% {
    background-position: 0% center;
  }
  50% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}
.stratAnno {
  font-size: 1.4rem;
  line-height: 1.7rem;
}

.stratEnd {
  font-size: 1.4rem;
  line-height: 1.7rem;
  max-width: 400px;
}

.stratList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  padding: 0;
  margin-left: 0;
  margin-top: 50px;
  margin-bottom: 50px;
}

.stratList div {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 1.2rem 1.4rem;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #ddd;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.stratList div:hover {
  background: rgba(255, 255, 255, 0.08);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
          box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
}

.stratList div span {
  display: block;
  font-weight: 700;
  font-style: italic;
  font-size: 1.3rem;
}

.grow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.growPic {
  max-width: 50%;
}

.growText {
  max-width: 50%;
}

.growHead {
  font-size: 4rem;
}

.growAnno {
  font-size: 1.7rem;
  line-height: 2.1rem;
  margin: 50px 0 80px 0;
}

.growCounters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}

.growCounters div {
  max-width: 30%;
  text-align: center;
}

.growCounters div span {
  font-size: 4rem;
  display: block;
}

.ghost-title {
  font-size: 4.5vw;
  font-weight: 900;
  color: white;
  position: relative;
  z-index: 1;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.85), transparent 60%);
  background-size: 200% 200%;
  background-position: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: ghostFlow 12s ease-in-out infinite;
          animation: ghostFlow 12s ease-in-out infinite;
}

@-webkit-keyframes ghostFlow {
  0% {
    background-position: 50% 50%;
    opacity: 0.9;
  }
  25% {
    background-position: 40% 60%;
    opacity: 1;
  }
  50% {
    background-position: 60% 40%;
    opacity: 0.95;
  }
  75% {
    background-position: 45% 55%;
    opacity: 1;
  }
  100% {
    background-position: 50% 50%;
    opacity: 0.9;
  }
}

@keyframes ghostFlow {
  0% {
    background-position: 50% 50%;
    opacity: 0.9;
  }
  25% {
    background-position: 40% 60%;
    opacity: 1;
  }
  50% {
    background-position: 60% 40%;
    opacity: 0.95;
  }
  75% {
    background-position: 45% 55%;
    opacity: 1;
  }
  100% {
    background-position: 50% 50%;
    opacity: 0.9;
  }
}
.meshtrace {
  margin: 100px auto;
}

.meshstack-block {
  max-width: 1600px;
  margin: 0 auto;
}

.meshstack-sub {
  text-align: left;
  font-size: 1rem;
  max-width: 400px;
  color: #999;
  margin-bottom: 40px;
}

.meshstack-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  gap: 24px;
}

.meshstack-item {
  border: 1px solid transparent;
  padding: 20px;
  border-radius: 12px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.meshstack-item span {
  font-size: 4em;
}

.meshstack-item:hover {
  border-color: #555;
}

.meshstack-item h4 {
  margin-top: 0;
  color: #fff;
  font-size: 1.4em;
}

.meshstack-item p {
  margin: 8px 0 0;
  font-size: 14px;
  color: #aaa;
}

.meshstack-footnote {
  margin-top: 40px;
  font-size: 13px;
  color: #777;
  text-align: left;
}

.joinMeshButton {
  font-weight: 300;
  font-size: 2rem;
  padding: 1.2rem 2.4rem;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#8a2be2), to(#ff6e00));
  background: linear-gradient(90deg, #00eaff, #8a2be2, #ff6e00);
  background-size: 300% 300%;
  color: #ffffff;
  -webkit-box-shadow: 0 0 25px #7F00FF;
          box-shadow: 0 0 25px #7F00FF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-animation: meshPulse 6s ease infinite;
          animation: meshPulse 6s ease infinite;
}

@-webkit-keyframes meshPulse {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes meshPulse {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.joinMeshButton:hover {
  -webkit-box-shadow: 0 0 40px #7F00FF, 0 0 80px rgba(138, 43, 226, 0.4);
          box-shadow: 0 0 40px #7F00FF, 0 0 80px rgba(138, 43, 226, 0.4);
}

.conts {
  text-align: center;
  margin: 80px 0;
}

.contTitle {
  font-size: 2rem;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.2);
}

.biglinks {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 5rem;
  margin: 40px;
}

.biglinks a {
  color: #9e72d4;
  letter-spacing: 0.2rem;
  -webkit-transition: color 0.3s ease, letter-spacing 0.3s ease;
  transition: color 0.3s ease, letter-spacing 0.3s ease;
}

.biglinks a:hover {
  color: #743d96;
  letter-spacing: 1.2rem;
  cursor: pointer;
}

.emails {
  margin: 70px 0;
}

.emailTtile {
  font-size: 3rem;
}

.emailAnno {
  margin: 30px;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.emailForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.inphere {
  margin-right: 20px;
  height: 40px;
}

.inphere input {
  background: transparent;
  border-radius: 100px;
  padding: 10px 20px;
  height: 100%;
  color: red;
  width: 300px;
  border: 2px solid #5e2e8d;
}

.emailBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  border-radius: 100px;
  height: 40px;
  padding: 0 30px;
  background: #5e2e8d;
  cursor: pointer;
}

.emailBtn span {
  margin-left: 10px;
  font-size: 0.9rem;
}

.firstBlock {
  margin: 0px auto 0 auto;
  padding-top: 200px;
  min-height: 90vh;
  max-width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}

.firstBlockAny {
  margin: 0px auto 0 auto;
  padding-top: 200px;
  min-height: 80vh;
  max-width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}

.teambg {
  background-size: 100% 100%;
  background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
  background-image: radial-gradient(40% 50% at 24% 50%, rgba(174, 109, 255, 0.231372549) 7%, rgba(7, 58, 255, 0) 100%), radial-gradient(40% 60% at 90% 20%, rgba(234, 109, 255, 0.3215686275) 24%, rgba(7, 58, 255, 0) 100%), linear-gradient(125deg, #0c0b0f 1%, #0c0b0f 100%);
}

.teamAnno {
  font-size: 1.4rem;
  line-height: 2rem;
  max-width: 700px;
  margin: 50px auto;
  color: #DEDEDE;
}

.innersect {
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}

.lastJoke {
  text-align: center;
}

.mainJoke {
  font-size: 3rem;
}

.annoJoke {
  margin-top: 20px;
  font-size: 1.5rem;
  color: #DEDEDE;
}

.lj {
  margin-bottom: 100px;
  margin-top: 80px;
}

.legends {
  font-size: 3.2rem;
  margin: 100px 0 30px 0;
  font-family: "GeneralSans-Semibold";
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#8a2be2), to(#ff6e00));
  background: linear-gradient(90deg, #00eaff, #8a2be2, #ff6e00);
  background-size: 200% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: meshGradientFlow 6s ease-in-out infinite;
          animation: meshGradientFlow 6s ease-in-out infinite;
}

.teamSmall {
  font-size: 1.1rem;
  color: #DCDCDC;
  margin-bottom: 5rem;
}

.teamTitle {
  font-size: 3.2rem;
  margin-bottom: 30px;
  font-family: "GeneralSans-Semibold";
}

.creators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  max-width: 80%;
  margin: 0 auto;
}

.mesh-node {
  background: transparent;
  padding: 2rem;
  border-radius: 20px;
  text-align: center;
  margin-bottom: 1rem;
  width: 31%;
  max-width: 31%;
}

.avaName {
  margin: 17px;
  font-size: 1.4rem;
}

.avaText {
  color: #777;
  font-size: 1rem;
  margin-bottom: 14px;
}

.personsAll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
}

.person {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  background: #1d1a28;
  padding: 2rem;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}

.personPic {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.personText {
  text-align: left;
}

.personTitle {
  font-size: 1.6rem;
}

.personSmallAnno {
  margin-top: 0.5rem;
  color: #bbb;
  font-size: 1rem;
}

.mesh-protocol-container {
  max-width: 100%;
  margin: 0 auto;
  color: #DEDEDE;
}

.anyPageTop {
  padding-top: 200px;
  text-align: center;
  position: relative;
  z-index: 4;
}

.section-title {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

.section-subtitle {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 4rem;
  color: #aaa;
}

.allcardsref {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 2rem 0;
}

.refcard {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  min-width: 300px;
  max-width: 600px;
  background: #1a1a1a;
  padding: 1.5rem;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  overflow-x: auto;
}

.card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  min-width: 300px;
  max-width: 600px;
  background: #1d1a28;
  padding: 2rem;
  border-radius: 12px;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0 0 15px rgba(138, 43, 226, 0.4);
          box-shadow: 0 0 15px rgba(138, 43, 226, 0.4);
}

.card-title {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-family: "GeneralSans-Semibold";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.card-title span {
  font-weight: 700;
  font-size: 4rem;
}

.card-text {
  margin-bottom: 1.3rem;
  color: #bbb;
  font-weight: 500;
  font-size: 1.1rem;
}

.list {
  list-style: disc;
  padding-left: 1.5rem;
  color: #bbb;
}

.aloneHead {
  font-size: 2rem;
  font-family: "GeneralSans-Bold";
}

.actList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
  margin-top: 20px;
}

.actListOne {
  font-size: 1rem;
  width: 30%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  border-radius: 20px;
  padding: 30px 10px 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0 15px rgba(138, 43, 226, 0.4);
          box-shadow: 0 0 15px rgba(138, 43, 226, 0.4);
}
.actListOne span {
  font-size: 3rem;
  margin-right: 20px;
  /* background: linear-gradient(90deg, #00eaff, #8a2be2, #ff6e00);
  background-size: 200% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: meshGradientFlow 6s ease-in-out infinite; */
}

.actListOne2 {
  font-size: 1rem;
  width: 48%;
  background: #1d1a28;
  border-radius: 20px;
  padding: 30px 20px 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.actListOne2 span {
  font-size: 3rem;
  margin-right: 20px;
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#8a2be2), to(#ff6e00));
  background: linear-gradient(90deg, #00eaff, #8a2be2, #ff6e00);
  background-size: 200% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: meshGradientFlow 6s ease-in-out infinite;
          animation: meshGradientFlow 6s ease-in-out infinite;
}

.tier-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.tier-table th,
.tier-table td {
  padding: 0.8rem;
  text-align: left;
}

.tier-table tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.25);
}

.tier-table tr {
  border-top: 0px solid #333;
}

.tier-table thead {
  font-weight: 600;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.roadmap-container {
  padding: 4rem 4rem 4rem 0rem;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

.roadmap-timeline {
  position: relative;
}

.roadmap-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #333;
  left: 100px; /* совмещается с dot */
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  z-index: 0;
}

.roadmap-item {
  display: grid;
  grid-template-columns: 80px 40px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
  padding: 20px 0px 20px 0px;
}

.roadmap-date {
  text-align: center;
  font-size: 1.7rem;
  font-family: "Space Mono";
  color: rgba(255, 255, 255, 0.3);
}

.qcl {
  color: #DEDEDE;
  font-size: 2.3rem;
  display: block;
}

.roadmap-dot-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
}

@-webkit-keyframes rainbow-bg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes rainbow-bg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-webkit-keyframes rainbow-glow {
  0% {
    -webkit-box-shadow: 0 0 12px 6px rgba(0, 234, 255, 0.2);
            box-shadow: 0 0 12px 6px rgba(0, 234, 255, 0.2);
  }
  25% {
    -webkit-box-shadow: 0 0 12px 6px rgba(138, 43, 226, 0.2);
            box-shadow: 0 0 12px 6px rgba(138, 43, 226, 0.2);
  }
  50% {
    -webkit-box-shadow: 0 0 12px 6px rgba(255, 110, 0, 0.2);
            box-shadow: 0 0 12px 6px rgba(255, 110, 0, 0.2);
  }
  75% {
    -webkit-box-shadow: 0 0 12px 6px rgba(138, 43, 226, 0.2);
            box-shadow: 0 0 12px 6px rgba(138, 43, 226, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 12px 6px rgba(0, 234, 255, 0.2);
            box-shadow: 0 0 12px 6px rgba(0, 234, 255, 0.2);
  }
}
@keyframes rainbow-glow {
  0% {
    -webkit-box-shadow: 0 0 12px 6px rgba(0, 234, 255, 0.2);
            box-shadow: 0 0 12px 6px rgba(0, 234, 255, 0.2);
  }
  25% {
    -webkit-box-shadow: 0 0 12px 6px rgba(138, 43, 226, 0.2);
            box-shadow: 0 0 12px 6px rgba(138, 43, 226, 0.2);
  }
  50% {
    -webkit-box-shadow: 0 0 12px 6px rgba(255, 110, 0, 0.2);
            box-shadow: 0 0 12px 6px rgba(255, 110, 0, 0.2);
  }
  75% {
    -webkit-box-shadow: 0 0 12px 6px rgba(138, 43, 226, 0.2);
            box-shadow: 0 0 12px 6px rgba(138, 43, 226, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 12px 6px rgba(0, 234, 255, 0.2);
            box-shadow: 0 0 12px 6px rgba(0, 234, 255, 0.2);
  }
}
.roadmap-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #111;
  margin-left: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#8a2be2), to(#7b00ff));
  background: linear-gradient(90deg, #00eaff, #8a2be2, #7b00ff);
  background-size: 300% 300%;
  -webkit-animation: rainbow-bg 10s ease-in-out infinite, rainbow-glow 10s ease-in-out infinite;
          animation: rainbow-bg 10s ease-in-out infinite, rainbow-glow 10s ease-in-out infinite;
}

.roadmap-content {
  background: #1d1a28;
  color: #DEDEDE;
  padding: 1.5rem 2rem;
  border-radius: 12px;
  margin-left: 30px;
}

.roadmap-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}
.roadmap-header span {
  color: #7f00ff;
}

.roadmap-icon {
  font-size: 2rem;
  margin-right: 1rem;
  color: #76f0c4;
}

.roadmap-step {
  font-size: 1.4rem;
  margin: 0;
}

.roadmap-body p {
  margin-bottom: 0.6rem;
  color: #bbb;
}

.rm {
  font-size: 1.2rem;
  color: #fff !important;
}

.nrm {
  font-size: 1rem;
}

.faqall {
  padding: 4rem 2rem;
  max-width: 1000px;
  margin: 0 auto;
}

.coloredFaq {
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#8a2be2), to(#ff6e00));
  background: linear-gradient(90deg, #00eaff, #8a2be2, #ff6e00);
  background-size: 200% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: meshGradientFlow 6s ease-in-out infinite;
          animation: meshGradientFlow 6s ease-in-out infinite;
}

.coloredFaq2 {
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#5f5fff), color-stop(#9a00ff), to(#00eaff));
  background: linear-gradient(90deg, #00eaff, #5f5fff, #9a00ff, #00eaff);
  background-size: 300% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: meshGradientFlow 6s ease-in-out infinite;
          animation: meshGradientFlow 6s ease-in-out infinite;
}

.faq-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 4rem 2rem;
  color: #ccc;
  position: relative;
  z-index: 3;
}

.faq-item {
  overflow: hidden;
  padding: 1.7rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.faq-item:last-of-type {
  border-bottom: 0px solid rgba(255, 255, 255, 0.03);
}

.faq-item summary {
  list-style: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-number {
  font-size: 0.85rem;
  background: #333;
  color: #aaa;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.faq-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.faq-question h3 {
  font-size: 1.3rem;
  margin: 0;
  color: #fff;
  font-family: "GeneralSans-Medium";
}

.faq-toggle {
  width: 24px;
  height: 24px;
  position: relative;
}

.faq-toggle::before {
  content: "+";
  font-size: 1.5rem;
  color: #777;
  position: absolute;
  top: 0;
  right: 0;
}

.faq-item[open] .faq-toggle::before {
  content: "−";
  color: #fff;
}

.faq-answer {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  color: #aaa;
  font-size: 1.1rem;
  line-height: 1.5;
  padding-left: 4rem;
  padding-right: 1rem;
  max-height: 0;
  overflow: hidden;
}

.faq-item[open] .faq-answer {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  max-height: 500px;
  margin-top: 0.5rem;
}

.statsTop {
  padding-top: 0px;
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
}

.chFull {
  background: #1d1a28;
  padding: 0px;
  border-radius: 40px;
  min-width: 48%;
  position: relative;
  margin-bottom: 40px;
}

.chGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.chartblock {
  padding: 30px;
}

.chartdesc {
  font-family: "GeneralSans-Medium";
  padding: 20px 20px;
  color: #DEDEDE;
}

.mesh-metrics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6rem;
  padding: 4rem 2rem;
  text-align: center;
}

.metrics-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 9rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.metric {
  min-width: 120px;
}

.metric .value {
  font-size: 4.5rem;
  font-family: "GeneralSans-Semibold";
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 8px rgba(0, 255, 255, 0.2);
}

.metric .label {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.mesh-key-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  padding: 2.5rem 2rem;
  background: #111111;
  border-radius: 2rem;
  margin: 4rem auto;
  max-width: 960px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: 0 0 15px rgba(138, 43, 226, 0.4);
          box-shadow: 0 0 15px rgba(138, 43, 226, 0.4);
  position: relative;
  z-index: 5;
}

.stat-block {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
  text-align: center;
}

.stat-block .value {
  font-size: 4rem;
  font-family: "GeneralSans-Semibold";
  color: #fff;
  text-shadow: 0 0 6px rgba(0, 255, 255, 0.15);
}

.stat-block .label {
  margin-top: 0.5rem;
  font-size: 1rem;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.glow-wrapper {
  position: relative;
  display: inline-block;
  border-radius: 12px;
  padding: 2px;
}

.glow-wrapper::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: linear-gradient(45deg, red, orange, yellow, green, cyan, blue, violet);
  background-size: 400%;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  z-index: 0;
  border-radius: 100px;
  -webkit-animation: rainbowFlow 5s linear infinite;
          animation: rainbowFlow 5s linear infinite;
  opacity: 0.5;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.glow-wrapper:hover::before {
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  -webkit-filter: blur(20px);
          filter: blur(20px);
  opacity: 0.9;
}

.main-element {
  position: relative;
  z-index: 1;
  background: #111;
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
}

@-webkit-keyframes rainbowFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes rainbowFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.synTitle {
  font-size: 4rem;
  margin-top: 0px;
  font-family: "GeneralSans-Variable";
  font-weight: 600;
  opacity: 0.33;
}

.synSubtitle {
  margin: 0px auto 40px auto;
  font-weight: 500;
  font-size: 1.3rem;
  color: #DEDEDE;
}

.synname {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.syninp {
  background: #212121;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  border-radius: 18px;
  padding: 20px 30px;
  width: 100%;
}

#oneTimeSeed {
  min-height: 0px;
  min-width: 0px;
}

.viewseed {
  width: 320px;
  padding: 20px;
  background: #000;
  border-radius: 20px;
  font-size: 1.2rem;
  color: #fff;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 столбца */
  gap: 10px;
  text-align: center;
  word-break: break-word;
}

.challenge-full-header {
  margin: 20px auto 30px auto;
  font-weight: 700;
  font-size: 1.6rem;
}

.challenge-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 3 колонки всегда */
  grid-template-rows: repeat(3, auto); /* 4 ряда всегда */
  gap: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.syn {
  margin: 0 auto;
  width: 90%;
  text-align: center;
  background: #232323;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  background: transparent;
}

@media (max-width: 768px) {
  .syn {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 1rem; /* опционально: небольшой внутренний отступ */
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* чтобы паддинги не ломали 100% */
  }
  .accview {
    width: 100% !important;
    padding: 0 !important;
  }
}
.syn-container {
  width: 100%;
  max-width: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
}

.syn-input-block, .syn-btn-block, .challenge-block, .dyn-anno {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.syn-btn-block {
  margin: 20px 0;
}

.syn-btn {
  padding: 14px;
  background: #7f00ff;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 1.1rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 90%;
  margin: 10px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.syn-btn span {
  margin-right: 8px;
}

.syn-btn.alt {
  background: #555;
}

.syn-btn:hover {
  -webkit-box-shadow: 0 0 12px #7f00ff, 0 0 24px rgba(127, 0, 255, 0.6), 0 0 48px rgba(127, 0, 255, 0.3);
          box-shadow: 0 0 12px #7f00ff, 0 0 24px rgba(127, 0, 255, 0.6), 0 0 48px rgba(127, 0, 255, 0.3);
}

.seed-view {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 8px;
  color: #ccc;
  font-family: monospace;
  max-width: 400px;
  width: 100%;
  margin: 30px auto 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.seed-container {
  width: 100%;
  margin: 0 auto;
}

.seed-title {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  font-family: "GeneralSans-Variable";
  margin-bottom: 0.8rem;
  color: #fff;
}

.seed-view-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 8px;
  color: #ccc;
  font-family: monospace;
  max-width: 400px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: monospace;
  width: 100%;
}

.ots-confirm {
  background: #ff0055;
  color: white;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  cursor: pointer;
  -ms-flex-item-align: center;
      align-self: center;
}

.dyn-anno {
  text-align: center;
  color: #aaa;
  font-size: 1rem;
  min-height: 24px;
  font-weight: 700;
  font-family: "GeneralSans-Variable";
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#8a2be2), to(#ff6e00));
  background: linear-gradient(90deg, #00eaff, #8a2be2, #ff6e00);
  background-size: 200% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: meshGradientFlow 6s ease-in-out infinite;
          animation: meshGradientFlow 6s ease-in-out infinite;
}

.fade-in {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-animation: fadeInUp 0.5s ease forwards;
          animation: fadeInUp 0.5s ease forwards;
}

@-webkit-keyframes fadeInUp {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.wordOption {
  padding: 10px;
  font-size: 1rem;
  background: #222;
  color: #fff;
  border-radius: 100px;
  cursor: pointer;
  border: 1px solid #7f00ff;
}

.wordOption.selected {
  background: #7f00ff;
  color: #fff;
}

.swap-container {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1000px;
}

.swap-box {
  padding: 0px;
  border-radius: 16px;
  width: 50%;
  /*box-shadow: 0 0 30px rgba(255, 0, 150, 0.1);*/
}

.swap-anno {
  width: calc(50% - 40px);
  text-align: left;
  padding: 0px 0;
  max-height: 280px;
}

.swap-section {
  text-align: left;
  position: relative;
  background: rgba(255, 255, 255, 0.06);
}

.labelswap {
  font-size: 18px;
  color: #ccc;
  margin-bottom: 4px;
  display: block;
  font-weight: 500;
  position: absolute;
  left: 20px;
  top: 12px;
  opacity: 0.23;
}

.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px;
  border-radius: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.swapNum {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: transparent;
  outline: none;
  max-width: calc(100% - 120px);
}

.token-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  cursor: pointer;
  width: 110px;
  background: rgba(255, 255, 255, 0.14);
  padding: 6px;
  border-radius: 100px;
  color: #dedede;
  font-weight: 700;
}

.token-select span {
  margin-left: 5px;
}

.token-select img {
  width: 30px;
  height: 30px;
}

.token-button {
  background: #f926ae;
  border: none;
  color: white;
  padding: 6px 12px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
}

.start-button {
  background: #ffcdf1;
  border: none;
  width: 100%;
  padding: 10px 0;
  margin-top: 12px;
  font-size: 16px;
  border-radius: 12px;
  cursor: pointer;
  color: #000;
  font-weight: bold;
}

.tolines {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 24px;
}

.swap-arrow {
  font-size: 20px;
  margin: 12px 0;
  background: #423A4C;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  color: #7F00FF;
  border-radius: 100px;
  position: absolute;
  z-index: 2;
  top: calc(50% - 74px);
  left: calc(50% - 25px);
  border: 8px solid #423A4C;
  cursor: pointer;
}

.sw1 {
  border: 8px solid rgba(255, 255, 255, 0.05);
  border-radius: 24px 24px 0 0;
  border-bottom: none;
}

.sw2 {
  border: 8px solid rgba(255, 255, 255, 0.05);
  border-radius: 0px 0px 24px 24px;
}

.maxmax {
  position: absolute;
  top: 14px;
  left: 80px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 3px;
  padding: 2px;
  color: #000;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
  opacity: 0.13;
}

.info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0px;
  border-radius: 12px;
  padding: 12px 16px;
  margin-top: 0px;
  font-size: 14px;
  line-height: 1.4;
  background: transparent;
  color: #dedede;
  font-weight: 500;
}

.info-block span {
  font-size: 2rem;
  margin-top: 2px;
  margin-right: 10px;
}

.topupall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 40px;
  max-width: 1000px;
}

.topup-box {
  background: rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: white;
  padding: 40px 0 20px;
  border-radius: 16px;
  width: 100%;
  text-align: center;
  -webkit-box-shadow: 0 0 24px rgba(127, 0, 255, 0.3);
          box-shadow: 0 0 24px rgba(127, 0, 255, 0.3);
}

.qr-block img {
  margin: 16px 0;
  border-radius: 8px;
  background: white;
  padding: 6px;
}

.address-block {
  margin-bottom: 12px;
  text-align: left;
}

.address-block label {
  display: block;
  margin-bottom: 6px;
  color: #ccc;
  font-size: 13px;
}

.address-row {
  display: block;
  width: 100%;
  text-align: center;
}

.address-row input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: white;
  font-family: monospace;
  width: 100%;
  text-align: left;
}

/* .address-row button {
  background: #7f00ff;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
} */
.topup-info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  /*  background: #2a2a2a; */
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 12px;
  max-width: 100%;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  color: #eee;
}

.alerttopup {
  /* background: rgba(255, 82, 82, 0.1); */
  color: #ff9999 !important;
}

.successtopup {
  /* background: rgba(0, 196, 110, 0.1); */
  color: #a7f3cd !important;
}

.maintopup {
  margin-bottom: 60px;
  background: transparent;
}

/* Контейнер всего блока вывода */
.withdrawall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  max-width: 1000px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* Левая колонка: форма вывода */
.withdraw-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  padding: 24px;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 24px rgba(127, 0, 255, 0.2);
          box-shadow: 0 0 24px rgba(127, 0, 255, 0.2);
}

/* Правая колонка: текстовые блоки */
.withdraw-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  min-width: 280px;
  max-width: 360px;
}

/* Блоки выбора чейна и токена */
.chain-group {
  margin-bottom: 16px;
}

.chain-group label {
  font-size: 14px;
  color: #ccc;
  font-weight: 500;
}

.chains {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 6px;
}

.chainscenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chain-btn {
  padding: 6px 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.27);
  color: rgba(255, 255, 255, 0.77);
  cursor: pointer;
  opacity: 1;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chain-btn span {
  margin-right: 6px;
}

.chain-btn.active {
  border: 1px solid #7f00ff;
  background: #7f00ff;
  color: #fff;
  cursor: pointer;
  opacity: 1;
}

.chain-btn.dis, .chain-btn:disabled {
  border: 1px solid #777;
  color: #777;
  background: rgba(255, 255, 255, 0);
  cursor: not-allowed;
  opacity: 1;
}

/* Ввод адреса и суммы */
.wdmn {
  background: rgba(255, 255, 255, 0.07);
  border-radius: 20px;
  padding: 20px;
  margin: 30px 0 40px 0;
}

.withdraw-input {
  margin-bottom: 16px;
  text-align: left;
}

.withdraw-input label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  color: #aaa;
  font-weight: 500;
}

.withdraw-input input {
  width: 100%;
  padding: 14px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  border: none;
  color: #fff;
  font-size: 16px;
}

.withdraw-input select {
  width: 100%;
  padding: 14px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  border: none;
  color: #fff;
  font-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27%23999%27 viewBox=%270 0 16 16%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M1.5 5.5a.5.5 0 0 1 .5-.5h12a.5.5 0 0 1 .354.854l-6 6a.5.5 0 0 1-.708 0l-6-6A.5.5 0 0 1 1.5 5.5z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px;
}

/* Инфо-блоки */
.topup-info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.4;
  /* background: #2a2a2a; */
  background: transparent;
  color: #eee;
}

.uniLabel {
  font-weight: 500;
}

.mobtop {
  display: none;
}

.footer {
  padding: 60px 0;
}

.footinner {
  max-width: 80%;
  margin: 0 auto;
}

.linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.linkList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.linkList ul li {
  display: block;
  font-weight: 500;
}
.linkList ul li a {
  color: #fff;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.linkList ul li a span {
  font-size: 1.3rem;
}

.footlong {
  border-top: 1px solid #1d1a28;
  margin: 30px 0 50px 0;
  padding-top: 30px;
  color: rgba(255, 255, 255, 0.2);
  font-size: 0.9rem;
  line-height: 1.2rem;
}

.microLogo {
  margin-bottom: 30px;
  font-size: 3rem;
  font-weight: 600;
  font-style: italic;
}

#nonodes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 90px 40px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.07);
  color: #DEDEDE;
  max-width: 900px;
  text-align: center;
}

#nonodes span {
  font-size: 3em;
}

#nonodes .notext {
  font-size: 18px;
  margin-bottom: 20px;
  opacity: 0.8;
  margin: 20px 0 30px 0;
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.23);
  font-weight: 600;
}

#nodesContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: 30px;
  max-width: 961px;
}

.node-card {
  background: rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  padding: 0px 20px 16px 20px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  width: 100%;
  max-width: 300px;
}

.node-card:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 0 24px rgba(127, 0, 255, 0.3);
          box-shadow: 0 0 24px rgba(127, 0, 255, 0.3);
}

.reftops {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  gap: 50px;
  margin-bottom: 30px;
}

.reftopside {
  width: 50%;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 20px;
  padding: 20px;
}

#referralList details {
  background: rgba(255, 255, 255, 0.07);
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 20px;
  max-width: 1000px;
}

.ref-user {
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 10px 0;
  max-width: 1000px;
}

.highlight {
  font-weight: 600;
  font-size: 1rem;
}

.deposit-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin: 3px 0;
}

.deposit-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.summary-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 👈 ВЫРОВНИВАЕТ стрелку по вертикали */
  gap: 1rem;
}

.summary-metrics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.metric-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  border-radius: 8px;
  min-width: 160px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.metric-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.metric-value {
  font-size: 1.2rem;
  font-weight: bold;
  color: #ccc;
  font-family: "Space Mono";
}

.metric-label {
  font-size: 0.75rem;
  color: #aaa;
}

.toggle-icon {
  font-size: 1.5rem;
  color: #aaa;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  cursor: pointer;
}

details[open] .toggle-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.reftotalmetrics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 20px 0 40px 0;
}
.reftotalmetrics div {
  text-align: center;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.65);
}

.reftotNum {
  font-size: 1.9rem !important;
  font-weight: 500;
  color: #DEDEDE !important;
}

.iamlevel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-size: 2rem;
  font-weight: 600;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.34);
}
.iamlevel span {
  font-size: 3rem;
}

.uCounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* чтобы красиво распределились */
}

.totalTurnover {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(33.33% - 1.1rem);
          flex: 1 1 calc(33.33% - 1.1rem); /* минус gap */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  font-size: 1.2rem;
  margin-bottom: 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  padding: 1rem;
  border-radius: 8px;
}

.monoNum {
  font-size: 0.85rem !important;
  font-family: "Space Mono" !important;
}

.jmono {
  font-family: "Sometype Mono" !important;
}

.turnAnno {
  font-weight: 500;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.3);
}

.refcodewrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 0.5rem 1rem;
  background: #1d1a28;
  border-radius: 12px;
  width: 100%;
  position: relative;
}

.refcode {
  font-size: 1rem;
  color: #2491E5;
  background: transparent;
  border: none;
  outline: none;
  text-align: left;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
}

.refcode:focus {
  background: rgba(255, 255, 255, 0.05);
}

.copyBtn {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.28);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  gap: 7px;
  border-radius: 8px;
  padding: 0.4rem 0.8rem;
  cursor: pointer;
}

.jjj {
  font-weight: 500;
  font-size: 0.8rem;
  background: #000;
  border-radius: 3px;
  padding: 2px 4px;
  margin-left: 6px;
  color: rgba(255, 255, 255, 0.4);
}

.pend, .claimed {
  background: #000;
  border-radius: 3px;
  padding: 2px 4px;
  font-weight: 500;
  font-size: 0.8rem;
  width: 60px !important;
  display: inline-block;
  text-align: center;
}

.pend {
  color: #00ff99;
}

.claimed {
  color: rgba(255, 255, 255, 0.2);
}

.dtime {
  font-family: "Space Mono";
  display: inline-block;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.34);
}

.dsum {
  width: 75px;
  display: inline-block;
  text-align: right;
}

.dpr {
  display: inline-block;
  width: 20px;
}

.di {
  color: rgba(255, 255, 255, 0.3);
}

.norefmes {
  max-width: 1000px;
  text-align: center;
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.23);
  font-weight: 600;
  margin: 50px auto;
}

.tx-all-one {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 10px;
}

.tx-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* border-bottom: 1px solid #333; */
  font-size: 13px;
  color: #ccc;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tx-left,
.tx-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.tx-date {
  color: #aaa;
  font-size: 12px;
}

.tx-amount {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}

.tx-type {
  color: #ccc;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.43);
  border-radius: 4px;
  padding: 4px 6px;
  margin-left: 0px;
  display: inline-block;
  margin-bottom: 4px;
}

.tx-status {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  text-align: right;
}

.tx-status.pending {
  color: #ffcc00;
}

.tx-status.confirmed {
  color: #00ff99;
}

.tx-status.abort {
  color: #ff4444;
}

.tx-id {
  font-size: 12px;
  color: #777;
  text-align: right;
}

.tx-hash {
  font-size: 11px;
  color: #DEDEDE;
  word-break: break-all;
  margin-top: 6px;
  text-align: left;
}
.tx-hash span {
  color: rgba(255, 255, 255, 0.43);
}

.txpage {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

.txpage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  max-width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1000px;
}

/* Левая колонка: форма вывода */
.allTx {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /*      background: rgba(255, 255, 255, 0.04);
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px); */
  padding: 0px;
  border-radius: 16px;
  /* box-shadow: 0 0 24px rgba(127, 0, 255, 0.2); */
}

/* Правая колонка: текстовые блоки */
.txside {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  min-width: 280px;
  max-width: 360px;
}

.allFeats {
  background: rgba(0, 0, 0, 0);
  border-radius: 0px;
  padding: 0px;
  max-width: 1000px;
}

.x_head {
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 700;
}

.featbox {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 30px;
  padding: 20px 30px;
  margin-bottom: 30px;
}

.defbgTeam {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0vh;
  mix-blend-mode: screen;
  opacity: 0.08;
}
.defbgTeam img {
  width: 100%;
}

.defbgStats {
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0vh;
  mix-blend-mode: screen;
  opacity: 0.05;
}
.defbgStats img {
  width: 100%;
}

.defbgRef {
  width: 100%;
  position: absolute;
  z-index: 4;
  top: -40vh;
  mix-blend-mode: screen;
  opacity: 0.45;
}
.defbgRef img {
  width: 100%;
}

.defbgRoad {
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0vh;
  mix-blend-mode: screen;
  opacity: 0.08;
}
.defbgRoad img {
  width: 100%;
}

.defbgFaq {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: -40vh;
  mix-blend-mode: screen;
  opacity: 0.08;
}
.defbgFaq img {
  width: 100%;
}

.homewave {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: -50vh;
  mix-blend-mode: screen;
  opacity: 0.15;
}
.homewave img {
  width: 100%;
}

.magicpic {
  height: 600px;
  margin-left: 100px;
  z-index: 1;
  mix-blend-mode: screen;
  border-radius: 100px;
  opacity: 0.5;
}

.hudhere {
  background: rgba(255, 255, 255, 0);
  border-radius: 30px;
  padding: 30px;
  color: #fff;
  border: 0px solid rgba(255, 255, 255, 0.09);
  margin: 0 auto 40px auto;
}

.hud-title {
  font-size: 18px;
  font-weight: 500;
  opacity: 0.4;
  margin-bottom: 4px;
  letter-spacing: 0.5px;
}

.hud-subtitle {
  font-size: 13px;
  opacity: 0.7;
  margin-bottom: 20px;
}

.hud-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 16px;
}

.hud-metric {
  background: rgba(0, 0, 0, 0.99);
  padding: 12px;
  border-radius: 12px;
  text-align: center;
}

.hud-metric .label {
  font-size: 12px;
  opacity: 0.5;
  margin-bottom: 4px;
}

.hud-metric .value {
  font-size: 14px;
  font-weight: bold;
  opacity: 0.7;
  letter-spacing: 0.5px;
  font-family: "Sometype Mono";
}

/* .hud-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px;
  font-size: 13px;
} */
.graph-label {
  font-size: 13px;
  text-align: center;
  margin-top: 2px;
  color: #aaa;
  font-family: "Sometype Mono";
}

#ranksLine {
  position: relative;
  margin: 70px auto;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /*max-width: 100%;*/
  overflow: hidden;
  height: 100px;
  font-family: sans-serif;
  gap: 20px;
}

#ranksLine .rankbar-edge {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #888;
  font-size: 20px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#ranksLine .rankbar-track {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#ranksLine .rankbar-line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: #333;
  border-radius: 2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

#ranksLine .rankbar-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(50%, #8a2be2), to(#ff6e00));
  background: linear-gradient(90deg, #00eaff 0%, #8a2be2 50%, #ff6e00 100%);
  border-radius: 2px;
  z-index: 2;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

#ranksLine .rankbar-progress-dot {
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  background: #ff6e00;
  border-radius: 50%;
  z-index: 4;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rankbar-progress-dot span {
  color: #ff4400;
  -webkit-animation: spinDot 5.5s linear infinite;
          animation: spinDot 5.5s linear infinite;
}

.rankbar-progress-dot {
  -webkit-animation: glowDot 2s ease-in-out infinite;
          animation: glowDot 2s ease-in-out infinite;
}

@-webkit-keyframes spinDot {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinDot {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes glowDot {
  0%, 100% {
    -webkit-box-shadow: 0 0 8px 4px rgba(255, 110, 0, 0.4);
            box-shadow: 0 0 8px 4px rgba(255, 110, 0, 0.4);
  }
  50% {
    -webkit-box-shadow: 0 0 12px 6px rgba(255, 110, 0, 0.7);
            box-shadow: 0 0 12px 6px rgba(255, 110, 0, 0.7);
  }
}
@keyframes glowDot {
  0%, 100% {
    -webkit-box-shadow: 0 0 8px 4px rgba(255, 110, 0, 0.4);
            box-shadow: 0 0 8px 4px rgba(255, 110, 0, 0.4);
  }
  50% {
    -webkit-box-shadow: 0 0 12px 6px rgba(255, 110, 0, 0.7);
            box-shadow: 0 0 12px 6px rgba(255, 110, 0, 0.7);
  }
}
#ranksLine .rankbar-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
  z-index: 5;
}

#ranksLine .rankbar-point {
  width: 80px;
  text-align: center;
  font-size: 12px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

#ranksLine .point-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 11px;
  color: #aaa;
  white-space: nowrap;
}

#ranksLine .point-top .label {
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  margin-bottom: 2px;
  text-transform: capitalize;
}

#ranksLine .point-dot {
  width: 20px;
  height: 20px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
}

#ranksLine .point-bottom {
  font-size: 11px;
  color: #888;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  font-family: "Sometype Mono";
  font-size: 12px;
}

.rankbar-point .point-dot span {
  color: #555 !important;
}

.rankbar-point.reached .point-dot span {
  color: #fff !important;
}

@media screen and (max-width: 600px) {
  .top {
    display: none;
  }
  .mobtop {
    display: block;
    position: fixed;
    z-index: 7;
    width: 100%;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
  }
  .inmobtop {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
  }
  .moblogo img {
    width: auto;
    height: 50px;
  }
  .mobalance {
    width: 90%;
    margin: 100px auto 0 auto;
    display: block !important;
  }
  #jumpersMenu {
    display: none;
  }
  #mobjumpers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    gap: 12px;
    padding: 10px;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: -webkit-gradient(linear, left bottom, left top, from(#1d1a28), to(transparent));
    background: linear-gradient(to top, #1d1a28, transparent);
  }
  #mobjumpers::-webkit-scrollbar {
    display: none;
  }
  #mobjumpers .jumper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    white-space: nowrap;
    padding: 10px 16px;
    border-radius: 12px;
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: rgba(255, 255, 255, 0.07);
    color: white;
    font-size: 0.9em;
    border: none;
  }
  #mobjumpers .jumper span {
    font-size: 1.2em;
    margin-right: 5px;
  }
  .mobfullnav {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    background: transparent;
    z-index: 999;
    -webkit-transform: translate(-50%, -50%) scale(0.7);
            transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
    overflow-y: auto;
    -webkit-box-shadow: 0 0 40px rgba(255, 0, 255, 0.2);
            box-shadow: 0 0 40px rgba(255, 0, 255, 0.2);
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mobfullnav.show {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: auto;
  }
  body.noscroll {
    overflow: hidden;
  }
  .innermobnav {
    background: #1d1a28;
    width: 96vw;
    height: 96vh;
    position: relative;
    color: #fff;
    margin-left: 2vw;
    margin-top: 2vh;
    border-radius: 20px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
  }
  .fixhere {
    margin-top: auto;
    padding: 0px 0;
    text-align: center;
  }
  .userview {
    padding: 0;
  }
  .accside {
    display: none;
  }
  .jumper.activeJump {
    background: #7f00ff !important;
    color: white !important;
    font-weight: bold;
  }
  .userview {
    max-width: 90%;
    margin: 0px auto;
    padding: 30px 0 70px 0 !important;
    min-height: 80vh;
    position: relative;
    z-index: 2;
  }
  .sectBig {
    font-size: 2.3em;
  }
  .userMainTitle {
    display: none !important;
  }
  .openMenuLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .openMenuLogo img {
    width: auto;
    height: 50px;
  }
  .mobnavall {
    margin-top: 30px;
  }
  .mobnavall li {
    font-size: 2.2em;
    margin-bottom: 20px;
    font-weight: 500;
  }
  .mobnavall li a {
    color: #fff;
  }
  .mainJoke {
    font-size: 2em;
  }
  .annoJoke {
    margin-top: 20px;
    font-size: 1em;
    color: #DEDEDE;
  }
  .lj {
    margin-bottom: 50px;
    margin-top: 40px;
  }
  .hTitle {
    font-size: 2.7em;
    padding: 0 10px;
  }
  .anyPageTop {
    padding-top: 120px;
  }
  .innerhome {
    padding: 30px;
  }
  .linkList {
    display: block !important;
    padding: 0px !important;
    width: 100% !important;
  }
  .linkList ul {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important; /* две колонки */
    gap: 12px 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    width: 100% !important;
  }
  .linkList ul li {
    display: block !important;
    text-align: left !important;
    font-weight: 500 !important;
    font-size: 14px !important;
  }
  .herotext {
    width: 92%;
    left: 4%;
  }
  .heroannoone {
    max-width: 100%;
  }
  .ghost-title {
    font-size: 11vw;
  }
  .heroannotwo {
    font-size: 1.8rem;
  }
  .innerhome {
    max-width: 92%;
    padding: 30px 20px;
  }
  .zkcompute {
    display: block;
  }
  .nodepic {
    width: 100%;
  }
  .nodetext {
    width: 100%;
  }
  .clusters {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .worksteps {
    display: block;
  }
  .onestep {
    max-width: 100%;
    margin-bottom: 80px !important;
    padding: 0;
  }
  .hTitle {
    padding: 0;
  }
  .stratHead {
    font-size: 3rem;
  }
  .meshstack-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
    gap: 10px;
  }
  .meshstack-item {
    padding: 6px;
  }
  .contTitle {
    font-size: 1.3rem;
    margin-bottom: 20px;
  }
  .biglinks {
    font-size: 2rem;
    margin: 20px 0;
  }
  .teamAnno {
    max-width: 80%;
    font-size: 1.1rem;
    line-height: 1.7rem;
  }
  .mesh-node {
    background: transparent;
    padding: 1rem 2rem;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 100%;
  }
  .personsAll {
    width: 100%;
  }
  .person {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    background: #1d1a28;
    padding: 2rem;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.5rem;
  }
  .homewave {
    width: 600%;
    position: absolute;
    z-index: 1;
    top: -100vh;
    mix-blend-mode: screen;
    opacity: 0.15;
  }
  .homewave img {
    width: 600%;
  }
  .magicpic {
    height: auto;
    width: 60%;
    z-index: 1;
    mix-blend-mode: screen;
    border-radius: 0px;
    opacity: 0.8;
    margin: 0 auto 20px 60%;
  }
  .defbgTeam {
    width: 400%;
    position: absolute;
    z-index: 1;
    top: 0vh;
    left: -150%;
    mix-blend-mode: screen;
    opacity: 0.15;
  }
  .defbgTeam img {
    width: 400%;
  }
  .defbgStats {
    width: 400%;
    position: absolute;
    z-index: -1;
    top: 0vh;
    left: -150%;
    mix-blend-mode: screen;
    opacity: 0.09;
  }
  .defbgStats img {
    width: 100%;
  }
  .defbgFaq {
    width: 400%;
    position: absolute;
    z-index: 1;
    top: -60vh;
    left: -150%;
    mix-blend-mode: screen;
    opacity: 0.14;
  }
  .defbgFaq img {
    width: 100%;
  }
  .defbgRoad {
    width: 300%;
    position: absolute;
    z-index: -1;
    top: 0vh;
    mix-blend-mode: screen;
    opacity: 0.24;
  }
  .defbgRoad img {
    width: 100%;
  }
  .roadmap-container {
    padding: 0rem 20px 0rem 0rem;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
  }
  .roadmap-timeline {
    position: relative;
  }
  .roadmap-timeline::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #333;
    left: 50px; /* совмещается с dot */
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    z-index: 0;
  }
  .roadmap-item {
    display: grid;
    grid-template-columns: 40px 20px 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1rem;
    padding: 20px 0px 20px 0px;
  }
  .roadmap-date {
    text-align: center;
    font-size: 1.2rem;
    font-family: "Space Mono";
    color: rgba(255, 255, 255, 0.3);
  }
  .qcl {
    color: #DEDEDE;
    font-size: 1.1rem;
    display: block;
  }
  .roadmap-dot-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 1;
  }
  .roadmap-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #111;
    margin-left: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#00eaff), color-stop(#8a2be2), to(#7b00ff));
    background: linear-gradient(90deg, #00eaff, #8a2be2, #7b00ff);
    background-size: 300% 300%;
    -webkit-animation: rainbow-bg 10s ease-in-out infinite, rainbow-glow 10s ease-in-out infinite;
            animation: rainbow-bg 10s ease-in-out infinite, rainbow-glow 10s ease-in-out infinite;
  }
  .roadmap-content {
    background: #1d1a28;
    color: #DEDEDE;
    padding: 1.5rem 2rem;
    border-radius: 12px;
    margin-left: 20px;
  }
  .roadmap-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1rem;
  }
  .roadmap-header span {
    color: #7f00ff;
  }
  .roadmap-icon {
    font-size: 2rem;
    margin-right: 1rem;
    color: #76f0c4;
  }
  .roadmap-step {
    font-size: 1.4rem;
    margin: 0;
  }
  .roadmap-body p {
    margin-bottom: 0.6rem;
    color: #bbb;
  }
  .rm {
    font-size: 1.2rem;
    color: #fff !important;
  }
  .nrm {
    font-size: 1rem;
  }
  .teamTitle {
    font-size: 1.8rem;
  }
  .actList {
    display: block;
  }
  .actListOne {
    width: 90%;
    margin: 7px auto 20px auto;
    padding: 30px 20px;
  }
  .card {
    display: block;
    min-width: 300px;
    max-width: 90%;
    background: #1d1a28;
    padding: 2rem;
    border-radius: 12px;
    margin-bottom: 3rem;
    -webkit-box-shadow: 0 0 15px rgba(138, 43, 226, 0.4);
            box-shadow: 0 0 15px rgba(138, 43, 226, 0.4);
  }
  .defbgRef {
    width: 400%;
    position: absolute;
    z-index: 4;
    top: -30vh;
    left: -150%;
    mix-blend-mode: screen;
    opacity: 0.45;
  }
  .defbgRef img {
    width: 100%;
  }
  .hud-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  #ranksLine {
    display: none;
  }
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/toastify-js/src/toastify.css ***!
  \******************************************************************************************************************************************************************************/
/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
  padding: 12px 20px;
  color: #ffffff;
  display: inline-block;
  -webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
          box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  background: linear-gradient(135deg, #73a5ff, #5477f5);
  position: fixed;
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}

.toastify.on {
  opacity: 1;
}

.toast-close {
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: 0.4;
  padding: 0 5px;
}

.toastify-right {
  right: 15px;
}

.toastify-left {
  left: 15px;
}

.toastify-top {
  top: -150px;
}

.toastify-bottom {
  bottom: -150px;
}

.toastify-rounded {
  border-radius: 25px;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
  .toastify-right, .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/gridjs/dist/theme/mermaid.css ***!
  \*******************************************************************************************************************************************************************************/
.gridjs-head button, .gridjs-footer button {
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
}

.gridjs-temp {
  position: relative;
}

.gridjs-head {
  width: 100%;
  margin-bottom: 5px;
  padding: 5px 1px;
}

.gridjs-head::after {
  content: "";
  display: block;
  clear: both;
}

.gridjs-head:empty {
  padding: 0;
  border: none;
}

.gridjs-container {
  overflow: hidden;
  display: inline-block;
  padding: 2px;
  color: #000;
  position: relative;
  z-index: 0;
}

.gridjs-footer {
  display: block;
  position: relative;
  width: 100%;
  z-index: 5;
  padding: 12px 24px;
  border-top: 1px solid #e5e7eb;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  border-radius: 0 0 8px 8px;
  border-bottom-width: 1px;
  border-color: #e5e7eb;
}

.gridjs-footer:empty {
  padding: 0;
  border: none;
}

input.gridjs-input {
  outline: none;
  background-color: #fff;
  border: 1px solid #d2d6dc;
  border-radius: 5px;
  padding: 10px 13px;
  font-size: 14px;
  line-height: 1.45;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input.gridjs-input:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(149, 189, 243, 0.5);
          box-shadow: 0 0 0 3px rgba(149, 189, 243, 0.5);
  border-color: #9bc2f7;
}

.gridjs-pagination {
  color: #3d4044;
}

.gridjs-pagination::after {
  content: "";
  display: block;
  clear: both;
}

.gridjs-pagination .gridjs-summary {
  float: left;
  margin-top: 5px;
}

.gridjs-pagination .gridjs-pages {
  float: right;
}

.gridjs-pagination .gridjs-pages button {
  padding: 5px 14px;
  border: 1px solid #d2d6dc;
  background-color: #fff;
  border-right: none;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.gridjs-pagination .gridjs-pages button:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(149, 189, 243, 0.5);
          box-shadow: 0 0 0 2px rgba(149, 189, 243, 0.5);
  position: relative;
  margin-right: -1px;
  border-right: 1px solid #d2d6dc;
}

.gridjs-pagination .gridjs-pages button:hover {
  background-color: #f7f7f7;
  color: rgb(60, 66, 87);
  outline: none;
}

.gridjs-pagination .gridjs-pages button:disabled,
.gridjs-pagination .gridjs-pages button[disabled],
.gridjs-pagination .gridjs-pages button:hover:disabled {
  cursor: default;
  background-color: #fff;
  color: #6b7280;
}

.gridjs-pagination .gridjs-pages button.gridjs-spread {
  cursor: default;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
}

.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
  background-color: #f7f7f7;
  font-weight: bold;
}

.gridjs-pagination .gridjs-pages button:last-child {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-right: 1px solid #d2d6dc;
}

.gridjs-pagination .gridjs-pages button:first-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.gridjs-pagination .gridjs-pages button:last-child:focus {
  margin-right: 0;
}

button.gridjs-sort {
  float: right;
  height: 24px;
  width: 13px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position-x: center;
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background-size: contain;
}

button.gridjs-sort-neutral {
  opacity: 0.3;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDEuOTk4cHgiIGhlaWdodD0iNDAxLjk5OHB4IiB2aWV3Qm94PSIwIDAgNDAxLjk5OCA0MDEuOTk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDEuOTk4IDQwMS45OTg7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik03My4wOTIsMTY0LjQ1MmgyNTUuODEzYzQuOTQ5LDAsOS4yMzMtMS44MDcsMTIuODQ4LTUuNDI0YzMuNjEzLTMuNjE2LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0NwoJCQljMC00Ljk0OS0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2LDUuNDI0QzIxMC4yMzIsMS44MTIsMjA1Ljk1MSwwLDIwMC45OTksMHMtOS4yMzMsMS44MTItMTIuODUsNS40MjRMNjAuMjQyLDEzMy4zMzEKCQkJYy0zLjYxNywzLjYxNy01LjQyNCw3LjkwMS01LjQyNCwxMi44NWMwLDQuOTQ4LDEuODA3LDkuMjMxLDUuNDI0LDEyLjg0N0M2My44NjMsMTYyLjY0NSw2OC4xNDQsMTY0LjQ1Miw3My4wOTIsMTY0LjQ1MnoiLz4KCQk8cGF0aCBkPSJNMzI4LjkwNSwyMzcuNTQ5SDczLjA5MmMtNC45NTIsMC05LjIzMywxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MTctNS40MjQsNy44OTgtNS40MjQsMTIuODQ3CgkJCWMwLDQuOTQ5LDEuODA3LDkuMjMzLDUuNDI0LDEyLjg0OEwxODguMTQ5LDM5Ni41N2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNy0xMjcuOTA2CgkJCWMzLjYxMy0zLjYxNCw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDhjMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDdDMzM4LjEzOSwyMzkuMzUzLDMzMy44NTQsMjM3LjU0OSwzMjguOTA1LDIzNy41NDl6Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);
  background-position-y: center;
}

button.gridjs-sort-asc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MXB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjE7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDE5Ny4yODdMMTU5LjAyOCw2OS4zODFjLTMuNjEzLTMuNjE3LTcuODk1LTUuNDI0LTEyLjg0Ny01LjQyNHMtOS4yMzMsMS44MDctMTIuODUsNS40MjRMNS40MjQsMTk3LjI4NwoJCUMxLjgwNywyMDAuOTA0LDAsMjA1LjE4NiwwLDIxMC4xMzRzMS44MDcsOS4yMzMsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI1LDEyLjg1LDUuNDI1aDI1NS44MTMKCQljNC45NDksMCw5LjIzMy0xLjgwOCwxMi44NDgtNS40MjVjMy42MTMtMy42MTMsNS40MjctNy44OTgsNS40MjctMTIuODQ3UzI5MC41NDgsMjAwLjkwNCwyODYuOTM1LDE5Ny4yODd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);
  background-position-y: 35%;
  background-size: 10px;
}

button.gridjs-sort-desc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDY5LjM3N2MtMy42MTQtMy42MTctNy44OTgtNS40MjQtMTIuODQ4LTUuNDI0SDE4LjI3NGMtNC45NTIsMC05LjIzMywxLjgwNy0xMi44NSw1LjQyNAoJCUMxLjgwNyw3Mi45OTgsMCw3Ny4yNzksMCw4Mi4yMjhjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdsMTI3LjkwNywxMjcuOTA3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4CgkJczkuMjMzLTEuODExLDEyLjg0Ny01LjQyOEwyODYuOTM1LDk1LjA3NGMzLjYxMy0zLjYxNyw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDdDMjkyLjM2Miw3Ny4yNzksMjkwLjU0OCw3Mi45OTgsMjg2LjkzNSw2OS4zNzd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);
  background-position-y: 65%;
  background-size: 10px;
}

button.gridjs-sort:focus {
  outline: none;
}

table.gridjs-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  text-align: left;
  display: table;
  margin: 0;
  padding: 0;
  overflow: auto;
  table-layout: fixed;
}

.gridjs-tbody {
  background-color: #fff;
}

td.gridjs-td {
  border: 1px solid #e5e7eb;
  padding: 12px 24px;
  background-color: #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

td.gridjs-td:first-child {
  border-left: none;
}

td.gridjs-td:last-child {
  border-right: none;
}

td.gridjs-message {
  text-align: center;
}

th.gridjs-th {
  position: relative;
  color: #6b7280;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-top: none;
  padding: 14px 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  outline: none;
  vertical-align: middle;
}

th.gridjs-th .gridjs-th-content {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  float: left;
}

th.gridjs-th-sort {
  cursor: pointer;
}

th.gridjs-th-sort .gridjs-th-content {
  width: calc(100% - 15px);
}

th.gridjs-th-sort:hover {
  background-color: #e5e7eb;
}

th.gridjs-th-sort:focus {
  background-color: #e5e7eb;
}

th.gridjs-th-fixed {
  position: sticky;
  -webkit-box-shadow: 0 1px 0 0 #e5e7eb;
          box-shadow: 0 1px 0 0 #e5e7eb;
}

@supports (-moz-appearance: none) {
  th.gridjs-th-fixed {
    -webkit-box-shadow: 0 0 0 1px #e5e7eb;
            box-shadow: 0 0 0 1px #e5e7eb;
  }
}
th.gridjs-th:first-child {
  border-left: none;
}

th.gridjs-th:last-child {
  border-right: none;
}

.gridjs-tr {
  border: none;
}

.gridjs-tr-selected td {
  background-color: #ebf5ff;
}

.gridjs-tr:last-child td {
  border-bottom: 0;
}

.gridjs *,
.gridjs :after,
.gridjs :before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.gridjs-wrapper {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  border-radius: 8px 8px 0 0;
  display: block;
  border-top-width: 1px;
  border-color: #e5e7eb;
}

.gridjs-wrapper:nth-last-of-type(2) {
  border-radius: 8px;
  border-bottom-width: 1px;
}

.gridjs-search {
  float: left;
}

.gridjs-search-input {
  width: 250px;
}

.gridjs-loading-bar {
  z-index: 10;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.5;
}

.gridjs-loading-bar::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(204, 204, 204, 0)), color-stop(20%, rgba(204, 204, 204, 0.2)), color-stop(60%, rgba(204, 204, 204, 0.5)), to(rgba(204, 204, 204, 0)));
  background-image: linear-gradient(90deg, rgba(204, 204, 204, 0) 0, rgba(204, 204, 204, 0.2) 20%, rgba(204, 204, 204, 0.5) 60%, rgba(204, 204, 204, 0));
  -webkit-animation: shimmer 2s infinite;
          animation: shimmer 2s infinite;
  content: "";
}

@-webkit-keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.gridjs-td .gridjs-checkbox {
  display: block;
  margin: auto;
  cursor: pointer;
}

.gridjs-resizable {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 5px;
}

.gridjs-resizable:hover {
  cursor: ew-resize;
  background-color: #9bc2f7;
}


/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/air-datepicker/air-datepicker.css ***!
  \***********************************************************************************************************************************************************************************/
.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.air-datepicker-cell.-year-.-other-decade-:hover, .air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-, .-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-year-.-other-decade-:empty, .air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}

.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover, .air-datepicker-cell.-in-range-.-focus- {
  background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 8px 0 3px;
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
  display: grid;
}

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title, .air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
}

.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}

.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --adp-font-size: 14px;
  --adp-width: 246px;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas: "nav" "body" "timepicker" "buttons";
  --adp-transition-duration: .3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, .1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 4px;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 32px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ff9a19;
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 32px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 4px;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #5cc4ef;
  --adp-cell-background-color-selected-hover: #45bced;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, .3);
  --adp-overlay-transition-duration: .3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  transition: none;
}

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}

.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons, .air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/nouislider/dist/nouislider.css ***!
  \********************************************************************************************************************************************************************************/
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}