@charset "UTF-8";
/* ➤➤➤ InfoBlock ➤➤➤ */
/* Product   = Zeelant Layout
/* Module    = Variables
/* Copyright = Marat Ismaev
/* Evolution = 2022-02-22
/* ▲▲▲ InfoBlock ▲▲▲ */
/* ➤➤➤ Colors ➤➤➤ */
:root {
  --zlnt-color-primary: #192a43;
  --zlnt-color-secondary: #475569;
  --zlnt-color-tertiary: #75808e;
  --zlnt-color-link: #0070cc;
  --zlnt-color-primary-text: #fff;
  --zlnt-color-primary-loud: #dcf972;
  --zlnt-color-primary-humble: #6a7485;
  --zlnt-color-primary-hover: #17273e;
  --zlnt-color-primary-active: #22334B;
  --zlnt-color-ocean: #edeef0;
  --zlnt-color-ocean-text: #111;
  --zlnt-color-ocean-loud: #192a43;
  --zlnt-color-ocean-humble: #75808e;
  --zlnt-color-land: #fff;
  --zlnt-color-land-text: #111;
  --zlnt-color-land-loud: #192a43;
  --zlnt-color-land-humble: #75808e;
  --zlnt-color-sky: #fff;
  --zlnt-color-sky-text: #222;
  --zlnt-color-sky-loud: #000;
  --zlnt-color-sky-humble: #484848;
  --zlnt-color-shadow: rgba(0, 0, 0, 0.08);
  --zlnt-color-shade1: rgba(25, 42, 67, 0.04);
  --zlnt-color-shade2: rgba(25, 42, 67, 0.08);
  --zlnt-color-highlight: #dcf972;
  --zlnt-color-highlight-text: #192a43;
  --zlnt-color-btn: #d8d8d8;
  --zlnt-color-btn-text: #192a43;
  --zlnt-color-editor-bg: transparent;
  --zlnt-color-editor-bg--focus: #e8e8e8;
  --zlnt-color-editor-txt: #000;
  --zlnt-color-editor-txt--focus: #000;
}

.zlnt-theme_orange {
  --zlnt-color-highlight: rgb(222,181,18);
  --zlnt-color-highlight-text: #000;
}

.zlnt-theme_blueberry {
  --zlnt-color-link: #70baf5;
  --zlnt-color-primary-text: #9aa4b5;
  --zlnt-color-primary-loud: #fff;
  --zlnt-color-highlight: #ccc;
  --zlnt-color-highlight-text: #222;
  --zlnt-color-ocean: #041521;
  --zlnt-color-ocean-alt: #041521;
  --zlnt-color-ocean-alt2: #041521;
  --zlnt-color-ocean-text: #ddd;
  --zlnt-color-ocean-loud: #fff;
  --zlnt-color-ocean-humble: #eee;
  --zlnt-color-land: #182533;
  --zlnt-color-land-text: #ddd;
  --zlnt-color-land-loud: #fff;
  --zlnt-color-land-humble: #5b848c;
  --zlnt-color-shade1: rgba(255, 255, 255, 0.04);
  --zlnt-color-shade2: rgba(255, 255, 255, 0.04);
  --zlnt-color-btn: #2e3c4a;
  --zlnt-color-btn-text: #5b848c;
  /*
  --zlnt-color-sky: #383838;
  --zlnt-color-sky-text: #eee;
  --zlnt-color-sky-loud: #fff;
  --zlnt-color-sky-humble: #ccc;

  --zlnt-color-editor-txt: #fff;
  --zlnt-bdr-editor: 2px solid rgba(255,255,255,0.1);
  --zlnt-bdr-editor--hover: 2px solid rgba(255,255,255,0.2);*/
}

/* ▲▲▲ Colors ▲▲▲ */
/* ➤➤➤ Font ➤➤➤ */
:root {
  --zlnt-font-family: TikTok Sans, sans-serif;
  --zlnt-font-family-head: TikTok Sans, sans-serif;
  --zlnt-font-family-mono: TikTok Sans, sans-serif;
  --zlnt-font-size: 16px;
  --zlnt-font-size-l: 18px;
  --zlnt-font-size-s: 15px;
  --zlnt-font-size-xs: 14px;
  --zlnt-font-size-h4: 19px;
  --zlnt-font-size-h3: 20px;
  --zlnt-font-size-h2: 26px;
  --zlnt-font-size-h1: 32px;
  --zlnt-font-line: 24px;
  --zlnt-font-line-l: 27px;
  --zlnt-font-line-s: 23px;
  --zlnt-font-line-xs: 21px;
  --zlnt-font-line-h4: 27px;
  --zlnt-font-line-h3: 28px;
  --zlnt-font-line-h2: 36px;
  --zlnt-font-line-h1: 44px;
}
@media screen and (max-width: 1023px) {
  :root {
    --zlnt-font-size: 15px;
    --zlnt-font-size-l: 16px;
    --zlnt-font-size-s: 14px;
    --zlnt-font-size-xs: 13px;
    --zlnt-font-size-h4: 18px;
    --zlnt-font-size-h3: 19px;
    --zlnt-font-size-h2: 20px;
    --zlnt-font-size-h1: 26px;
    --zlnt-font-line: 23px;
    --zlnt-font-line-l: 24px;
    --zlnt-font-line-s: 21px;
    --zlnt-font-line-xs: 20px;
    --zlnt-font-line-h4: 25px;
    --zlnt-font-line-h3: 27px;
    --zlnt-font-line-h2: 28px;
    --zlnt-font-line-h1: 36px;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --zlnt-font-size: 14px;
    --zlnt-font-size-l: 15px;
    --zlnt-font-size-s: 13px;
    --zlnt-font-size-h4: 18px;
    --zlnt-font-size-h3: 18px;
    --zlnt-font-size-h2: 19px;
    --zlnt-font-size-h1: 20px;
    --zlnt-font-line: 21px;
    --zlnt-font-line-l: 23px;
    --zlnt-font-line-s: 20px;
    --zlnt-font-line-h4: 25px;
    --zlnt-font-line-h3: 25px;
    --zlnt-font-line-h2: 27px;
    --zlnt-font-line-h1: 28px;
  }
}

.zlnt_size-l {
  --zlnt-font-size: 18px;
  --zlnt-font-size-l: 18px;
  --zlnt-font-size-s: 16px;
  --zlnt-font-size-xs: 15px;
  --zlnt-font-size-h4: 20px;
  --zlnt-font-size-h3: 26px;
  --zlnt-font-size-h2: 32px;
  --zlnt-font-size-h1: 40px;
  --zlnt-font-line: 27px;
  --zlnt-font-line-h4: 28px;
  --zlnt-font-line-h3: 36px;
  --zlnt-font-line-h2: 44px;
  --zlnt-font-line-h1: 56px;
}
@media screen and (max-width: 1023px) {
  .zlnt_size-l {
    --zlnt-font-size: 16px;
    --zlnt-font-size-l: 18px;
    --zlnt-font-size-s: 15px;
    --zlnt-font-size-xs: 14px;
    --zlnt-font-size-h4: 19px;
    --zlnt-font-size-h3: 20px;
    --zlnt-font-size-h2: 26px;
    --zlnt-font-size-h1: 32px;
    --zlnt-font-line: 24px;
    --zlnt-font-line-l: 27px;
    --zlnt-font-line-s: 23px;
    --zlnt-font-line-xs: 21px;
    --zlnt-font-line-h4: 27px;
    --zlnt-font-line-h3: 28px;
    --zlnt-font-line-h2: 36px;
    --zlnt-font-line-h1: 44px;
  }
}
@media screen and (max-width: 767px) {
  .zlnt_size-l {
    --zlnt-font-size: 15px;
    --zlnt-font-size-l: 16px;
    --zlnt-font-size-s: 14px;
    --zlnt-font-size-xs: 13px;
    --zlnt-font-size-h4: 18px;
    --zlnt-font-size-h3: 19px;
    --zlnt-font-size-h2: 20px;
    --zlnt-font-size-h1: 26px;
    --zlnt-font-line: 23px;
    --zlnt-font-line-l: 24px;
    --zlnt-font-line-s: 21px;
    --zlnt-font-line-xs: 20px;
    --zlnt-font-line-h4: 25px;
    --zlnt-font-line-h3: 27px;
    --zlnt-font-line-h2: 28px;
    --zlnt-font-line-h1: 36px;
  }
}

.zlnt_size-s {
  --zlnt-font-size: 15px;
  --zlnt-font-size-l: 16px;
  --zlnt-font-size-s: 14px;
  --zlnt-font-size-xs: 13px;
  --zlnt-font-size-h4: 18px;
  --zlnt-font-size-h3: 19px;
  --zlnt-font-size-h2: 20px;
  --zlnt-font-size-h1: 26px;
  --zlnt-font-line: 23px;
  --zlnt-font-line-l: 24px;
  --zlnt-font-line-s: 21px;
  --zlnt-font-line-xs: 20px;
  --zlnt-font-line-h4: 25px;
  --zlnt-font-line-h3: 27px;
  --zlnt-font-line-h2: 28px;
  --zlnt-font-line-h1: 36px;
}
@media screen and (max-width: 767px) {
  .zlnt_size-s {
    --zlnt-font-size: 14px;
    --zlnt-font-size-l: 15px;
    --zlnt-font-size-s: 13px;
    --zlnt-font-size-h4: 17px;
    --zlnt-font-size-h3: 18px;
    --zlnt-font-size-h2: 19px;
    --zlnt-font-size-h1: 20px;
    --zlnt-font-line: 21px;
    --zlnt-font-line-l: 23px;
    --zlnt-font-line-s: 20px;
    --zlnt-font-line-h4: 24px;
    --zlnt-font-line-h3: 25px;
    --zlnt-font-line-h2: 27px;
    --zlnt-font-line-h1: 28px;
  }
}

.zlnt_size-xs {
  --zlnt-font-size: 14px;
  --zlnt-font-size-l: 15px;
  --zlnt-font-size-s: 13px;
  --zlnt-font-size-xs: 13px;
  --zlnt-font-size-h4: 17px;
  --zlnt-font-size-h3: 18px;
  --zlnt-font-size-h2: 19px;
  --zlnt-font-size-h1: 20px;
  --zlnt-font-line: 21px;
  --zlnt-font-line-l: 23px;
  --zlnt-font-line-s: 20px;
  --zlnt-font-line-xs: 20px;
  --zlnt-font-line-h4: 24px;
  --zlnt-font-line-h3: 25px;
  --zlnt-font-line-h2: 27px;
  --zlnt-font-line-h1: 28px;
}

/* ▲▲▲ Font ▲▲▲ */
/* ➤➤➤ Geometry ➤➤➤ */
:root {
  --zlnt-page-padding: 40px;
  --zlnt-gap: 32px;
  --zlnt-gap-s: 26px;
  --zlnt-gap-xs: 16px;
  --zlnt-gap-xxs: 8px;
  --zlnt-content-indent: 24px;
  --zlnt-border-radius: 4px;
  --zlnt-menu-space: 8px;
}
@media screen and (max-width: 1365px) {
  :root {
    --zlnt-page-padding: 24px;
    --zlnt-gap: 24px;
    --zlnt-gap-s: 20px;
    --zlnt-gap-xs: 14px;
    --zlnt-gap-xxs: 7px;
    --zlnt-content-indent: 20px;
  }
}
@media screen and (max-width: 1023px) {
  :root {
    --zlnt-page-padding: 16px;
    --zlnt-gap: 16px;
    --zlnt-gap-s: 10px;
    --zlnt-gap-xs: 12px;
    --zlnt-gap-xxs: 5px;
    --zlnt-content-indent: 16px;
  }
}

.zlnt_size-l {
  --zlnt-page-padding: 48px;
  --zlnt-gap: 40px;
  --zlnt-gap-s: 33px;
  --zlnt-gap-xs: 20px;
  --zlnt-gap-xxs: 10px;
  --zlnt-menu-space: 12px;
}
@media screen and (max-width: 1365px) {
  .zlnt_size-l {
    --zlnt-page-padding: 40px;
    --zlnt-gap: 32px;
    --zlnt-gap-s: 26px;
    --zlnt-gap-xs: 16px;
    --zlnt-gap-xxs: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .zlnt_size-l {
    --zlnt-page-padding: 24px;
    --zlnt-gap: 24px;
    --zlnt-gap-s: 20px;
    --zlnt-gap-xs: 14px;
    --zlnt-gap-xxs: 7px;
  }
}

.zlnt_size-s {
  --zlnt-page-padding: 24px;
  --zlnt-gap: 24px;
  --zlnt-gap-s: 20px;
  --zlnt-gap-xs: 14px;
  --zlnt-gap-xxs: 7px;
  --zlnt-menu-space: 4px;
}
@media screen and (max-width: 1365px) {
  .zlnt_size-s {
    --zlnt-page-padding: 16px;
    --zlnt-gap: 16px;
    --zlnt-gap-s: 13px;
    --zlnt-gap-xs: 13px;
    --zlnt-gap-xxs: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .zlnt_size-s {
    --zlnt-page-padding: 12px;
    --zlnt-gap: 12px;
    --zlnt-gap-s: 10px;
    --zlnt-gap-xs: 12px;
    --zlnt-gap-xxs: 5px;
  }
}

.zlnt_size-xs {
  --zlnt-page-padding: 12px;
  --zlnt-gap: 8px;
  --zlnt-gap-s: 6px;
  --zlnt-gap-xs: 6px;
  --zlnt-gap-xxs: 4px;
}

.zlnt_rounded {
  --zlnt-border-radius: 24px;
}

/* ▲▲▲ Geometry ▲▲▲ */
/* ➤➤➤ Misc ➤➤➤ */
.zlnt_invert {
  -webkit-filter: invert(1);
          filter: invert(1);
}

/* ▲▲▲ Misc ▲▲▲ */