html {
    --margin-base: 1rem;
    --padding-base: 1rem;
    --gap-base: 1rem;
    --font-size-base: 1rem;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --opacity-primary: 1;
    --opacity-secondary: .66;
    --opacity-disabled: .38;
    --opacity-separator: .2;
}

.fs-075 {
    font-size: calc(var(--font-size-base) * 0.75);
}

.fs-0875 {
    font-size: calc(var(--font-size-base) * 0.875);
}

.fs-1 {
    font-size: calc(var(--font-size-base));
}

.fs-1125 {
    font-size: calc(var(--font-size-base) * 1.125);
}

.fs-125 {
    font-size: calc(var(--font-size-base) * 1.25);
}

.fs-1375 {
    font-size: calc(var(--font-size-base) * 1.375);
}

.fs-15 {
    font-size: calc(var(--font-size-base) * 1.50);
}

.fs-1625 {
    font-size: calc(var(--font-size-base) * 1.625);
}

.fs-175 {
    font-size: calc(var(--font-size-base) * 1.75);
}

.fs-1875 {
    font-size: calc(var(--font-size-base) * 1.875);
}

.fs-2 {
    font-size: calc(var(--font-size-base) * 2.00);
}

.fs-225 {
    font-size: calc(var(--font-size-base) * 2.25);
}

.fs-3 {
    font-size: calc(var(--font-size-base) * 3.00);
}

.fs-4 {
    font-size: calc(var(--font-size-base) * 4.00);
}

.fw-light {
    font-weight: var(--font-weight-light);
}

.fw-regular {
    font-weight: var(--font-weight-regular);
}

.fw-semibold {
    font-weight: var(--font-weight-semibold);
}

.fw-bold {
    font-weight: var(--font-weight-bold);
}

.lh-1 {
    line-height: 1;
}

.lh-1125 {
    line-height: 1.125;
}

.lh-125 {
    line-height: 1.25;
}

.lh-15 {
    line-height: 1.5;
}

.m-auto {
    margin: auto;
}

.m-0 {
    margin: 0;
}

.m-025 {
    margin: calc(var(--margin-base) * 0.25);
}

.m-05 {
    margin: calc(var(--margin-base) * 0.5);
}

.m-075 {
    margin: calc(var(--margin-base) * 0.75);
}

.m-1 {
    margin: var(--margin-base);
}

.m-125 {
    margin: calc(var(--margin-base) * 1.25);
}

.m-15 {
    margin: calc(var(--margin-base) * 1.5);
}

.m-175 {
    margin: calc(var(--margin-base) * 1.75);
}

.m-2 {
    margin: calc(var(--margin-base) * 2);
}

.mt-auto {
    margin-top: auto;
}

.mt-0 {
    margin-top: 0;
}

.mt-025 {
    margin-top: calc(var(--margin-base) * 0.25);
}

.mt-05 {
    margin-top: calc(var(--margin-base) * 0.5);
}

.mt-075 {
    margin-top: calc(var(--margin-base) * 0.75);
}

.mt-1 {
    margin-top: var(--margin-base);
}

.mt-125 {
    margin-top: calc(var(--margin-base) * 1.25);
}

.mt-15 {
    margin-top: calc(var(--margin-base) * 1.5);
}

.mt-175 {
    margin-top: calc(var(--margin-base) * 1.75);
}

.mt-2 {
    margin-top: calc(var(--margin-base) * 2);
}

.mt-25 {
    margin-top: calc(var(--margin-base) * 2.5);
}

.mb-auto {
    margin-bottom: auto;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-025 {
    margin-bottom: calc(var(--margin-base) * 0.25);
}

.mb-05 {
    margin-bottom: calc(var(--margin-base) * 0.5);
}

.mb-075 {
    margin-bottom: calc(var(--margin-base) * 0.75);
}

.mb-1 {
    margin-bottom: var(--margin-base);
}

.mb-125 {
    margin-bottom: calc(var(--margin-base) * 1.25);
}

.mb-15 {
    margin-bottom: calc(var(--margin-base) * 1.5);
}

.mb-175 {
    margin-bottom: calc(var(--margin-base) * 1.75);
}

.mb-2 {
    margin-bottom: calc(var(--margin-base) * 2);
}

.mb-425 {
    margin-bottom: calc(var(--margin-base) * 4.25);
}

.ml-auto {
    margin-left: auto;
}

.ml-0 {
    margin-left: 0;
}

.ml-025 {
    margin-left: calc(var(--margin-base) * 0.25);
}

.ml-05 {
    margin-left: calc(var(--margin-base) * 0.5);
}

.ml-075 {
    margin-left: calc(var(--margin-base) * 0.75);
}

.ml-1 {
    margin-left: var(--margin-base);
}

.ml-125 {
    margin-left: calc(var(--margin-base) * 1.25);
}

.ml-15 {
    margin-left: calc(var(--margin-base) * 1.5);
}

.ml-175 {
    margin-left: calc(var(--margin-base) * 1.75);
}

.ml-2 {
    margin-left: calc(var(--margin-base) * 2);
}

.mr-auto {
    margin-right: auto;
}

.mr-0 {
    margin-right: 0;
}

.mr-025 {
    margin-right: calc(var(--margin-base) * 0.25);
}

.mr-05 {
    margin-right: calc(var(--margin-base) * 0.5);
}

.mr-075 {
    margin-right: calc(var(--margin-base) * 0.75);
}

.mr-1 {
    margin-right: var(--margin-base);
}

.mr-125 {
    margin-right: calc(var(--margin-base) * 1.25);
}

.mr-15 {
    margin-right: calc(var(--margin-base) * 1.5);
}

.mr-175 {
    margin-right: calc(var(--margin-base) * 1.75);
}

.mr-2 {
    margin-right: calc(var(--margin-base) * 2);
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-025 {
    margin-left: calc(var(--margin-base) * 0.25);
    margin-right: calc(var(--margin-base) * 0.25);
}

.mx-05 {
    margin-left: calc(var(--margin-base) * 0.5);
    margin-right: calc(var(--margin-base) * 0.5);
}

.mx-075 {
    margin-left: calc(var(--margin-base) * 0.75);
    margin-right: calc(var(--margin-base) * 0.75);
}

.mx-1 {
    margin-left: var(--margin-base);
    margin-right: var(--margin-base);
}

.mx-125 {
    margin-left: calc(var(--margin-base) * 1.25);
    margin-right: calc(var(--margin-base) * 1.25);
}

.mx-15 {
    margin-left: calc(var(--margin-base) * 1.5);
    margin-right: calc(var(--margin-base) * 1.5);
}

.mx-175 {
    margin-left: calc(var(--margin-base) * 1.75);
    margin-right: calc(var(--margin-base) * 1.75);
}

.mx-2 {
    margin-left: calc(var(--margin-base) * 2);
    margin-right: calc(var(--margin-base) * 2);
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-025 {
    margin-top: calc(var(--margin-base) * 0.25);
    margin-bottom: calc(var(--margin-base) * 0.25);
}

.my-05 {
    margin-top: calc(var(--margin-base) * 0.5);
    margin-bottom: calc(var(--margin-base) * 0.5);
}

.my-075 {
    margin-top: calc(var(--margin-base) * 0.75);
    margin-bottom: calc(var(--margin-base) * 0.75);
}

.my-1 {
    margin-top: var(--margin-base);
    margin-bottom: var(--margin-base);
}

.my-125 {
    margin-top: calc(var(--margin-base) * 1.25);
    margin-bottom: calc(var(--margin-base) * 1.25);
}

.my-15 {
    margin-top: calc(var(--margin-base) * 1.5);
    margin-bottom: calc(var(--margin-base) * 1.5);
}

.my-175 {
    margin-top: calc(var(--margin-base) * 1.75);
    margin-bottom: calc(var(--margin-base) * 1.75);
}

.my-2 {
    margin-top: calc(var(--margin-base) * 2);
    margin-bottom: calc(var(--margin-base) * 2);
}

.p-0 {
    padding: 0;
}

.p-025 {
    padding: calc(var(--padding-base) * 0.25);
}

.p-05 {
    padding: calc(var(--padding-base) * 0.5);
}

.p-075 {
    padding: calc(var(--padding-base) * 0.75);
}

.p-1 {
    padding: var(--padding-base);
}

.p-125 {
    padding: calc(var(--padding-base) * 1.25);
}

.p-15 {
    padding: calc(var(--padding-base) * 1.5);
}

.p-175 {
    padding: calc(var(--padding-base) * 1.75);
}

.p-2 {
    padding: calc(var(--padding-base) * 2);
}

.pt-0 {
    padding-top: 0;
}

.pt-025 {
    padding-top: calc(var(--padding-base) * 0.25);
}

.pt-05 {
    padding-top: calc(var(--padding-base) * 0.5);
}

.pt-075 {
    padding-top: calc(var(--padding-base) * 0.75);
}

.pt-1 {
    padding-top: var(--padding-base);
}

.pt-125 {
    padding-top: calc(var(--padding-base) * 1.25);
}

.pt-15 {
    padding-top: calc(var(--padding-base) * 1.5);
}

.pt-175 {
    padding-top: calc(var(--padding-base) * 1.75);
}

.pt-2 {
    padding-top: calc(var(--padding-base) * 2);
}

.pr-0 {
    padding-right: 0;
}

.pr-025 {
    padding-right: calc(var(--padding-base) * 0.25);
}

.pr-05 {
    padding-right: calc(var(--padding-base) * 0.5);
}

.pr-075 {
    padding-right: calc(var(--padding-base) * 0.75);
}

.pr-1 {
    padding-right: var(--padding-base);
}

.pr-125 {
    padding-right: calc(var(--padding-base) * 1.25);
}

.pr-15 {
    padding-right: calc(var(--padding-base) * 1.5);
}

.pr-175 {
    padding-right: calc(var(--padding-base) * 1.75);
}

.pr-2 {
    padding-right: calc(var(--padding-base) * 2);
}

.pb-0 {
    padding-bottom: 0;
}

.pb-025 {
    padding-bottom: calc(var(--padding-base) * 0.25);
}

.pb-05 {
    padding-bottom: calc(var(--padding-base) * 0.5);
}

.pb-075 {
    padding-bottom: calc(var(--padding-base) * 0.75);
}

.pb-1 {
    padding-bottom: var(--padding-base);
}

.pb-125 {
    padding-bottom: calc(var(--padding-base) * 1.25);
}

.pb-15 {
    padding-bottom: calc(var(--padding-base) * 1.5);
}

.pb-175 {
    padding-bottom: calc(var(--padding-base) * 1.75);
}

.pb-2 {
    padding-bottom: calc(var(--padding-base) * 2);
}

.pl-0 {
    padding-left: 0;
}

.pl-025 {
    padding-left: calc(var(--padding-base) * 0.25);
}

.pl-05 {
    padding-left: calc(var(--padding-base) * 0.5);
}

.pl-075 {
    padding-left: calc(var(--padding-base) * 0.75);
}

.pl-1 {
    padding-left: var(--padding-base);
}

.pl-125 {
    padding-left: calc(var(--padding-base) * 1.25);
}

.pl-15 {
    padding-left: calc(var(--padding-base) * 1.5);
}

.pl-175 {
    padding-left: calc(var(--padding-base) * 1.75);
}

.pl-2 {
    padding-left: calc(var(--padding-base) * 2);
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-025 {
    padding-left: calc(var(--padding-base) * 0.25);
    padding-right: calc(var(--padding-base) * 0.25);
}

.px-05 {
    padding-left: calc(var(--padding-base) * 0.5);
    padding-right: calc(var(--padding-base) * 0.5);
}

.px-075 {
    padding-left: calc(var(--padding-base) * 0.75);
    padding-right: calc(var(--padding-base) * 0.75);
}

.px-1 {
    padding-left: var(--padding-base);
    padding-right: var(--padding-base);
}

.px-125 {
    padding-left: calc(var(--padding-base) * 1.25);
    padding-right: calc(var(--padding-base) * 1.25);
}

.px-15 {
    padding-left: calc(var(--padding-base) * 1.5);
    padding-right: calc(var(--padding-base) * 1.5);
}

.px-175 {
    padding-left: calc(var(--padding-base) * 1.75);
    padding-right: calc(var(--padding-base) * 1.75);
}

.px-2 {
    padding-left: calc(var(--padding-base) * 2);
    padding-right: calc(var(--padding-base) * 2);
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-025 {
    padding-top: calc(var(--padding-base) * 0.25);
    padding-bottom: calc(var(--padding-base) * 0.25);
}

.py-05 {
    padding-top: calc(var(--padding-base) * 0.5);
    padding-bottom: calc(var(--padding-base) * 0.5);
}

.py-075 {
    padding-top: calc(var(--padding-base) * 0.75);
    padding-bottom: calc(var(--padding-base) * 0.75);
}

.py-1 {
    padding-top: var(--padding-base);
    padding-bottom: var(--padding-base);
}

.py-125 {
    padding-top: calc(var(--padding-base) * 1.25);
    padding-bottom: calc(var(--padding-base) * 1.25);
}

.py-15 {
    padding-top: calc(var(--padding-base) * 1.5);
    padding-bottom: calc(var(--padding-base) * 1.5);
}

.py-175 {
    padding-top: calc(var(--padding-base) * 1.75);
    padding-bottom: calc(var(--padding-base) * 1.75);
}

.py-2 {
    padding-top: calc(var(--padding-base) * 2);
    padding-bottom: calc(var(--padding-base) * 2);
}

.d-block {
    display: block;
}

.d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex;
}

.d-grid {
    display: grid;
}

.d-none {
    display: none;
}

.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-column {
    flex-direction: column;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-grow-0 {
    flex-grow: 0;
}

.flex-shrink-1 {
    flex-shrink: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-space-around {
    justify-content: space-around;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-end {
    align-items: flex-end;
}

.align-items-center {
    align-items: center;
}

.align-items-baseline {
    align-items: baseline;
}

.align-items-stretch {
    align-items: stretch;
}

.align-content-start {
    align-content: flex-start;
}

.align-content-end {
    align-content: flex-end;
}

.align-content-center {
    align-content: center;
}

.align-content-space-between {
    align-content: space-between;
}

.align-content-space-around {
    align-content: space-around;
}

.align-content-stretch {
    align-content: stretch;
}

.align-self-start {
    align-self: flex-start;
}

.align-self-end {
    align-self: flex-end;
}

.align-self-center {
    align-self: center;
}

.align-self-baseline {
    align-self: baseline;
}

.align-self-stretch {
    align-self: stretch;
}

.gap-0 {
    gap: calc(var(--gap-base) * 0);
}

.gap-025 {
    gap: calc(var(--gap-base) * 0.25);
}

.gap-05 {
    gap: calc(var(--gap-base) * 0.5);
}

.gap-075 {
    gap: calc(var(--gap-base) * 0.75);
}

.gap-1 {
    gap: var(--gap-base);
}

.gap-125 {
    gap: calc(var(--gap-base) * 1.25);
}

.gap-15 {
    gap: calc(var(--gap-base) * 1.5);
}

.gap-175 {
    gap: calc(var(--gap-base) * 1.75);
}

.gap-2 {
    gap: calc(var(--gap-base) * 2);
}

.row-gap-0 {
    row-gap: calc(var(--gap-base) * 0);
}

.row-gap-025 {
    row-gap: calc(var(--gap-base) * 0.25);
}

.row-gap-05 {
    row-gap: calc(var(--gap-base) * 0.5);
}

.row-gap-075 {
    row-gap: calc(var(--gap-base) * 0.75);
}

.row-gap-1 {
    row-gap: var(--gap-base);
}

.row-gap-125 {
    row-gap: calc(var(--gap-base) * 1.25);
}

.row-gap-15 {
    row-gap: calc(var(--gap-base) * 1.5);
}

.row-gap-175 {
    row-gap: calc(var(--gap-base) * 1.75);
}

.row-gap-2 {
    row-gap: calc(var(--gap-base) * 2);
}

.column-gap-0 {
    column-gap: calc(var(--gap-base) * 0);
}

.column-gap-025 {
    column-gap: calc(var(--gap-base) * 0.25);
}

.column-gap-05 {
    column-gap: calc(var(--gap-base) * 0.5);
}

.column-gap-075 {
    column-gap: calc(var(--gap-base) * 0.75);
}

.column-gap-1 {
    column-gap: var(--gap-base);
}

.column-gap-125 {
    column-gap: calc(var(--gap-base) * 1.25);
}

.column-gap-15 {
    column-gap: calc(var(--gap-base) * 1.5);
}

.column-gap-175 {
    column-gap: calc(var(--gap-base) * 1.75);
}

.column-gap-2 {
    column-gap: calc(var(--gap-base) * 2);
}

.h-100 {
    height: 100%;
}

.h-50 {
    height: 50%;
}

.h-25 {
    height: 25%;
}

.h-auto {
    height: auto;
}

.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}

.w-25 {
    width: 25%;
}

.w-auto {
    width: auto;
}

.max-width-75 {
    max-width: 75%;
}

.max-width-50 {
    max-width: 50%;
}

.max-width-18 {
    max-width: 18rem;
}

.min-width-6 {
    min-width: 6rem;
}

.w-max-content {
    width: max-content;
}

.w-min-content {
    width: min-content;
}

.w-fit-content {
    width: fit-content;
}

.text-white {
    color: white;
}

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

.text-uppercase {
    text-transform: uppercase;
}

.text-decoration-none {
    text-decoration: none;
}

.text-decoration-underline {
    text-decoration: underline;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.text-align-center {
    text-align: center;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-justify {
    text-align: justify;
}

.text-nowrap {
    text-wrap: nowrap;
}

.text-whitespace-nowrap {
    white-space: nowrap;
}

.text-whitespace-prewrap {
    white-space: pre-wrap;
}

.align-text-middle {
    vertical-align: middle;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-static {
    position: static;
}

.left-0 {
    left: 0;
}

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.inset-0 {
    inset: 0;
}

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-all {
    pointer-events: all;
}

.list-style-none {
    list-style: none;
}

.break-all {
    word-break: break-all;
}

.break-word {
    word-break: break-word;
}

.border-none {
    border-style: none;
}

.line-clamp-1,
.line-clamp-2,
.line-clamp-4,
.line-clamp-1-res {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    hyphens: auto;
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
}

.line-clamp-1-res {
    -webkit-line-clamp: unset;
}

.hyphens-auto {
    hyphens: auto;
}

.cursor-pointer {
    cursor: pointer;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animation-fade-in {
    animation: fade-in 1s ease;
}

.text-shadow-dark {
    text-shadow: 0 0 0.25rem black;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-x-clip {
    overflow-x: clip;
}

.scroll-margin-top {
    scroll-margin-top: 10rem;
}

.rotate-180 {
    transform: rotate(180deg);
}

.opacity-primary {
    opacity: var(--opacity-primary);
}

.opacity-secondary {
    opacity: var(--opacity-secondary);
}

.opacity-disabled {
    opacity: var(--opacity-disabled);
}

.element-hide {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.visibility-hidden {
    visibility: hidden;
}

.container {
  width: 100%;
  padding: .5rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}