@font-face {
  font-family: "PT Sans";
  src: url("/local/templates/assets/fonts/pt-sans-v18-cyrillic_latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url("/local/templates/assets/fonts/pt-sans-v18-cyrillic_latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --agr-brand: #f8741c;
  --agr-brand-dark: #df6413;
  --agr-brand-soft: #fff4ec;
  --agr-brand-border: #ffd7be;
  --agr-blue: #2563eb;
  --agr-text: #252525;
  --agr-muted: #777;
  --agr-muted-soft: #9e9e9e;
  --agr-border: #e4e4e4;
  --agr-border-soft: #f0f0f0;
  --agr-border-dark: #c8c8c8;
  --agr-white: #fff;
  --agr-red: #ef4444;
  --bg-soft: #f3f4f6;
  --card-radius-sm: 6px;
  --card-radius: 10px;
  --card-radius-big: 15px;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .05);
  --agr-hover-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.1);
}

* { box-sizing: border-box; }

.agr-header-action--notifications .agr-icon-button {
  position: relative;
}
.agr-header-action--notifications .agr-header-action__badge {
  position: absolute;
  top: -6px;
  right: -8px;
  width: auto;
  height: 16px;
  min-width: 16px;
  padding: 0 4px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: var(--agr-red);
  border: 2px solid var(--agr-white);
  box-sizing: border-box;
  white-space: nowrap;
  pointer-events: none;
}