/* [project]/src/views/contacts/ui/contacts-body/index.module.css [app-client] (css) */
.index-module__4l6UUa__contacts * {
  color: #131e36;
  font-family: Inter;
  font-style: normal;
}

.index-module__4l6UUa__contacts-box {
  height: 100%;
  padding: calc(var(--spacing, .25rem) * 8);
  background-color: var(--color-white, #fff);
  border-radius: var(--radius-2xl, 1rem);
  --tw-shadow: 0px 1px 3px var(--tw-shadow-color, rgba(25, 26, 30, .08));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  flex-direction: column;
}

.index-module__4l6UUa__contacts-header > h3 {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  margin-bottom: calc(var(--spacing, .25rem) * 6);
}

.index-module__4l6UUa__contacts-info > * {
  --tw-leading: 22px;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 18px;
  line-height: 22px;
  font-weight: var(--font-weight-medium, 500);
  margin-bottom: calc(var(--spacing, .25rem) * 4);
}

.index-module__4l6UUa__contacts-footer {
  border-top-style: var(--tw-border-style);
  padding-top: calc(var(--spacing, .25rem) * 6);
  border-top-width: 1px;
  border-top-color: #e8e9ee;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-top: auto;
}

.index-module__4l6UUa__contacts-footer * {
  --tw-leading: 22px;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: 14px;
  line-height: 22px;
  font-weight: var(--font-weight-normal, 400);
  color: #888da5;
}

.index-module__4l6UUa__contacts-footer h4 {
  --tw-leading: 29px;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-size: 20px;
  line-height: 29px;
  font-weight: var(--font-weight-semibold, 600);
  color: #131e36;
  margin-bottom: calc(var(--spacing, .25rem) * 3);
}

.index-module__4l6UUa__contacts-list > :not(:last-child) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-bottom-color: #e8e9ee;
}

.index-module__4l6UUa__contacts-list__item {
  --tw-leading: 22px;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: 16px;
  line-height: 22px;
  font-weight: var(--font-weight-normal, 400);
  padding-block: calc(var(--spacing, .25rem) * 4);
}

.index-module__4l6UUa__contacts-list__item strong {
  --tw-leading: 19px;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-size: 16px;
  line-height: 19px;
  font-weight: var(--font-weight-semibold, 600);
  display: block;
}

@media (max-width: 768px) {
  .index-module__4l6UUa__contacts > :not(:first-child) {
    margin-top: calc(var(--spacing, .25rem) * 6);
  }

  .index-module__4l6UUa__contacts-footer {
    margin-top: calc(var(--spacing, .25rem) * 4);
  }
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

/*# sourceMappingURL=src_views_contacts_ui_contacts-body_index_module_96ec6685.css.map*/