.size-s {
  font-size: 0.875rem;
}

.size-m {
  font-size: 1rem;
}

.size-l {
  font-size: 1.25rem;
}

.size-xl {
  font-size: 1.5rem;
}

.bg-white {
  background-color: #fff;
}

.bg-base {
  background-color: var(--color-base);
}

.bg-accent {
  background-color: var(--color-accent);
}

.bg-green {
  background-color: var(--color-approve);
}

.bg-red {
  background-color: var(--color-decline);
}

.bg-gray {
  background-color: var(--color-gray);
}

.bg-no {
  background-color: transparent !important;
}

.bg-text-color {
  background-color: var(--color-text);
}

.color-base {
  color: var(--color-base);
}

.color-accent {
  color: var(--color-accent);
}

.color-green, .color-approve {
  color: var(--color-approve);
}

.color-red {
  color: var(--color-decline);
}

.color-gray {
  color: var(--color-gray);
}

.color-text {
  color: var(--color-text);
}

.color-white {
  color: #fff;
}

.on-hover-shadow:hover {
  box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.16);
}

.rounded {
  border-radius: 10rem;
}

.squared {
  border-radius: 0;
}

.border-radius-1 {
  border-radius: var(--b-r);
}

.border-radius-2 {
  border-radius: var(--b-r-2);
}

.border-radius-3 {
  border-radius: var(--b-r-3);
}

.border-radius-4 {
  border-radius: var(--b-r-4);
}

.border-radius-5 {
  border-radius: var(--b-r-5);
}

.padding-1 {
  padding: 1rem;
}/*# sourceMappingURL=modificators.css.map */