@font-face {
  font-family: "Manrope WM";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/manrope/manrope-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Manrope WM";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/manrope/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Manrope WM";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/manrope/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --wm2-canvas: #f8f5ef;
  --wm2-surface: #fffdf9;
  --wm2-image-surface: #fff;
  --wm2-media-radius: 4px;
  --wm2-paper: var(--wm2-canvas);
  --wm2-paper-deep: #efe9df;
  --wm2-ink: #292520;
  --wm2-muted: #746e67;
  --wm2-line: #d8d0c6;
  --wm2-accent: #774438;
  --wm2-accent-hover: #60352c;
  --wm2-on-accent: #fffaf4;
  --wm2-action: #292520;
  --wm2-on-action: #fbf8f2;
  --wm2-on-action-muted: rgba(255, 253, 249, 0.82);
  --wm2-on-action-subtle: rgba(255, 253, 249, 0.72);
  --wm2-dark: var(--wm2-action);
  --wm2-font: "Manrope WM", Arial, Helvetica, sans-serif;
  --wm2-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --wm2-header-inline-gap: clamp(12px, 1.4vw, 20px);
  --wm2-header-top-gap: 12px;
  --wm2-header-border-width: 1px;
  --wm2-header-utility-height: 30px;
  --wm2-header-mobile-grid-height: 64px;
  --wm2-header-primary-height: 64px;
  --wm2-header-tier-gap: 4px;
  --wm2-header-panel-gap: 10px;
  --wm2-header-content-clearance: 40px;
  --wm2-header-radius: 22px;
  --wm2-header-shadow: 0 12px 38px rgba(34, 27, 22, 0.1);
}

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

html {
  min-height: 100%;
  background: var(--wm2-paper);
}

body {
  min-height: 100%;
  margin: 0;
  color: var(--wm2-ink);
  background: var(--wm2-paper);
  font-family: var(--wm2-font);
}

.wm2-home {
  display: flow-root;
}

.wm2-icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media (max-width: 389px) {
  :root {
    --wm2-header-inline-gap: 6px;
    --wm2-header-top-gap: 8px;
    --wm2-header-radius: 18px;
  }
}