@font-face {
  font-family: "Vazirmatn";
  src: url("../../fonts/Vazirmatn[wght].f6d31671339d.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

body {
  background-color: var(--nx-surface-canvas);
  color: var(--nx-text-primary);
  font-family: var(--nx-font-family-sans);
  font-size: var(--nx-type-body-md-size);
  font-weight: var(--nx-type-body-md-weight);
  letter-spacing: var(--nx-letter-spacing-default);
  line-height: var(--nx-type-body-md-line);
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: var(--nx-focus-outline-width) solid var(--nx-focus-outline-color) !important;
  box-shadow: 0 0 0 calc(var(--nx-focus-outline-width) + 1px) var(--nx-focus-halo-color) !important;
}

.nx-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.nx-ltr {
  direction: ltr;
  unicode-bidi: isolate;
}

.nx-bidi-isolate {
  unicode-bidi: isolate;
}

.nx-numeric {
  font-variant-numeric: var(--nx-numeric-variant);
}