.fs-5 { font-size: 1.25rem !important; }
.fs-6 { font-size: 1rem !important; }
.fs-7 { font-size: 0.875rem !important; }
.fs-8 { font-size: 0.75rem !important; }
.fs-20 { font-size: 1.25rem !important; }
.fs-18 { font-size: 1.125rem !important; }
.fs-16 { font-size: 1rem; }
.fs-15 { font-size: 0.9375rem; }
.fs-13 { font-size: 0.8125rem; }
.fs-14 { font-size: 0.875rem; }
.fs-12 { font-size: 0.75rem; }
.fs-10 { font-size: 0.5rem; }

.flex-none { flex: none !important; }
.bg-app-primary { background-color: var(--rz-primary-color) !important; }
.bg-app-secondary { background-color: var(--rz-secondary-color) !important; }
.bg-app-gray { background-color: #f5f5f5; }
.text-app-primary { color: #9E0A0A !important; }
.text-app-secondary { color: var(--rz-secondary-color) !important; }
.rounded-app { border-radius: 0.75rem !important; } 
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }
.shadow-app {
    border: 1px solid rgb(218, 223, 231);
    box-shadow: 
      rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
      rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
      rgba(16, 24, 40, 0.05) 0px 1px 2px 0px;
}

/* .object-fit-cover {
    object-fit: cover !important;
} */

.rz-ratio {
    position: relative;
    width: 100%;
  }
  .rz-ratio::before {
    content: "";
    display: block;
    padding-top: var(--rz-aspect-ratio);
  }
  .rz-ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
.rz-ratio-1x1 { --rz-aspect-ratio: 100%; }
.rz-ratio-4x3 { --rz-aspect-ratio: 75%; }
.rz-ratio-16x9 { --rz-aspect-ratio: 56%; }
.object-fit-cover { object-fit: cover; }
.object-fit-contain { object-fit: contain; }
.object-fit-fill { object-fit: fill; }

.img-ratio.is-4x3 { --rz-aspect-ratio: 75%; }
.img-ratio.is-5x4 { --rz-aspect-ratio: 80%; }
.img-ratio.is-1x1 { --rz-aspect-ratio: 100%; }

.img-ratio {
  position: relative;
  width: 100%;
}
.img-ratio::before {
  content: '';
  display: block;
  padding-top: var(--rz-aspect-ratio);
}
.img-ratio > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}