/* RentGuarantor CSS: utilities.css (source: src/assets/scss/_utilities.scss) */
.u-inset {
  padding: var(--space-3);
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-20 {
  padding: 20px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.g-24 {
  gap: 24px !important;
}

.rounded-20 {
  border-radius: 20px !important;
}

.rounded-10 {
  border-radius: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.rounded-10 {
  border-radius: 10px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.bg-surface-secondary {
  background-color: var(--surface-general-secondary) !important;
}

.bg-surface-tertiary {
  background-color: var(--surface-general-tertiary) !important;
}

.bg-light-blue-100 {
  background-color: var(--color-light-blue-100) !important;
}

.min-h-25rem {
  min-height: 25rem !important;
}

.square-44 {
  width: 2.75rem !important;
  height: 2.75rem !important;
}

.square-56 {
  width: 3.5rem !important;
  height: 3.5rem !important;
}

.square-100 {
  width: 6.25rem !important;
  height: 6.25rem !important;
}