/*!
 * Utilities-css v5.0.0
 * Repository (https://github.com/buuug7/utilities-css)
 * author Buuug7 (https://github.com/buuug7)
 * Licensed under MIT
 */
.display-none {
  display: none !important;
}

.display-inline {
  display: inline !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-block {
  display: block !important;
}

.display-table {
  display: table !important;
}

.display-table-row {
  display: table-row !important;
}

.display-table-cell {
  display: table-cell !important;
}

.display-flex {
  display: flex !important;
}

.hide {
  display: none !important;
}

.display-inline-flex {
  display: inline-flex !important;
}

.display-grid {
  display: grid !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.overflow-visible {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

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

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

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

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

.overflow-y-visible {
  overflow-y: visible;
}

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

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-auto {
  overflow-y: auto;
}

.z-0 {
  z-index: 0 !important;
}

.z-10 {
  z-index: 10 !important;
}

.z-20 {
  z-index: 20 !important;
}

.z-30 {
  z-index: 30 !important;
}

.z-40 {
  z-index: 40 !important;
}

.z-50 {
  z-index: 50 !important;
}

.z-auto {
  z-index: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

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

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

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

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

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

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

.ml-4 {
  margin-left: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

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

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

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

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

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

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

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

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

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

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

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

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

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

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

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

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

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

.m-auto {
  margin: auto;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

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

.rounded-sm {
  border-radius: 0.25rem !important;
}

.rounded-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded {
  border-radius: 0.5rem !important;
}

.rounded-top {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-right {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bottom {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-left {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-lg {
  border-radius: 1rem !important;
}

.rounded-top-lg {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.rounded-right-lg {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.rounded-bottom-lg {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.rounded-left-lg {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.wh-100 {
  width: 100% !important;
  height: 100% !important;
}

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

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

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

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

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

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

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

.flex-fill {
  flex: 1 1 auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: start !important;
}

.align-self-end {
  align-self: end !important;
}

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

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

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

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-align-start {
  text-align: left !important;
}

.text-align-end {
  text-align: right !important;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

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

.text-capitalize {
  text-transform: capitalize !important;
}

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

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

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

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

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-reset {
  color: inherit !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fs-1 {
  font-size: 2.5rem !important;
}

.fs-2 {
  font-size: 2rem !important;
}

.fs-3 {
  font-size: 1.75rem !important;
}

.fs-4 {
  font-size: 1.5rem !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

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

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

:root {
  --grid-break--2: calc(((136 - (1rem * 2)) * 1rem) / 2.99);
  --grid-break--3: calc(((136 - (1rem * 2)) * 1rem) / 3.99);
  --grid-break--4: calc(((136 - (1rem * 2)) * 1rem) / 4.99);
  --grid-break--5: calc(((136 - (1rem * 2)) * 1rem) / 5.99);
  --grid-break--6: calc(((136 - (1rem * 2)) * 1rem) / 6.99);
}

.grid {
  display: grid;
  --grid-template-columns: 1fr;
}

[class*="grid--"] {
  column-gap: 1rem;
  row-gap: 1rem;
  display: grid;
  grid-template-columns: var(--grid-template-columns);
}

.grid--1 {
  --grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
}

.grid--2 {
  --grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.grid--3 {
  --grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.grid--4 {
  --grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

.grid--5 {
  --grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
}

.grid--6 {
  --grid-template-columns: repeat(6, minmax(0, 1fr));
  width: 100%;
}

.grid--auto-2 {
  --grid-template-columns: repeat(
    auto-fit,
    minmax(min(var(--grid-break--2), 100vw - ($base-space * 3)), 1fr)
  );
  width: 100%;
}

.grid--auto-3 {
  --grid-template-columns: repeat(
    auto-fit,
    minmax(min(var(--grid-break--3), 100vw - ($base-space * 3)), 1fr)
  );
  width: 100%;
}

.grid--auto-4 {
  --grid-template-columns: repeat(
    auto-fit,
    minmax(min(var(--grid-break--4), 100vw - ($base-space * 3)), 1fr)
  );
  width: 100%;
}

.grid--auto-5 {
  --grid-template-columns: repeat(
    auto-fit,
    minmax(min(var(--grid-break--5), 100vw - ($base-space * 3)), 1fr)
  );
  width: 100%;
}

.grid--auto-6 {
  --grid-template-columns: repeat(
    auto-fit,
    minmax(min(var(--grid-break--6), 100vw - ($base-space * 3)), 1fr)
  );
  width: 100%;
}

@media (max-width: 1920px) {
  .grid--xl-1 {
    --grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xl-2 {
    --grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xl-3 {
    --grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xl-4 {
    --grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xl-5 {
    --grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xl-6 {
    --grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
  }
}
@media (max-width: 1440px) {
  .grid--l-1 {
    --grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
  }
  .grid--l-2 {
    --grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .grid--l-3 {
    --grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
  .grid--l-4 {
    --grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
  }
  .grid--l-5 {
    --grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
  }
  .grid--l-6 {
    --grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .grid--m-1 {
    --grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
  }
  .grid--m-2 {
    --grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .grid--m-3 {
    --grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
  .grid--m-4 {
    --grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
  }
  .grid--m-5 {
    --grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
  }
  .grid--m-6 {
    --grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
  }
  .flex-wrap-m {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .grid--s-1 {
    --grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
  }
  .grid--s-2 {
    --grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .grid--s-3 {
    --grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
  .grid--s-4 {
    --grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
  }
  .grid--s-5 {
    --grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
  }
  .grid--s-6 {
    --grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
  }
}
@media (max-width: 480px) {
  .grid--xs-1 {
    --grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xs-2 {
    --grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xs-3 {
    --grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xs-4 {
    --grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xs-5 {
    --grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
  }
  .grid--xs-6 {
    --grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
  }
}
.gap-xs {
  gap: 0.25rem;
}

.gap-s {
  gap: 0.5rem;
}

.gap-m {
  gap: 1rem;
}

.gap-l {
  gap: 1.5rem;
}

.gap-xl {
  gap: 2rem;
}

/* @media (min-width: 768px) {
    .grid {
        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
    }
}
 */
.grid > * {
  min-width: 0;
}

/*# sourceMappingURL=utilities-css.css.map */