:root {
  --space-01: clamp(0.75rem, 0.7083rem + 0.2083vw, 0.875rem);
  --space-02: clamp(1.125rem, 1.0625rem + 0.3125vw, 1.3125rem);
  --space-03: clamp(1.5rem, 1.4167rem + 0.4167vw, 1.75rem);
  --space-04: clamp(2.25rem, 2.125rem + 0.625vw, 2.625rem);
  --space-05: clamp(3rem, 2.8333rem + 0.8333vw, 3.5rem);
  --space-06: clamp(4.5rem, 4.25rem + 1.25vw, 5.25rem);
}
:root {
  --base-size: 100%;
  --gap: 1.125em;

  --rounded-sm: 0.375rem;
  --rounded-md: 0.75rem;
  --rounded-lg: 1.125rem;

  --fluid: cubic-bezier(0.36, 0.66, 0.6, 1);
  --sharp: cubic-bezier(0.6, 0.12, 0.34, 0.96);
  --elastic: cubic-bezier(0.42, 0, 0.58, 1.8);
  --impact: cubic-bezier(0.24, 0.9, 0.32, 1.4);

  --breakpoint: 64rem;
}
.hide,
.hide-on-desk {
  display: none;
  visibility: hidden;
}
.flex {
  display: flex;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flow-column-wrap {
  flex-direction: column;
  flex-wrap: wrap;
}
.flow-column-nowrap {
  flex-direction: column;
  flex-wrap: nowrap;
}
.flow-row-wrap {
  flex-direction: row;
  flex-wrap: wrap;
}
.flow-row-nowrap {
  flex-direction: row;
  flex-wrap: nowrap;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.align-start {
  align-items: flex-start;
}
.align-stretch {
  align-items: stretch;
}
.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-01 {
  gap: var(--space-01);
}
.gap-02 {
  gap: var(--space-02);
}
.gap-03 {
  gap: var(--space-03);
}
.gap-04 {
  gap: var(--space-04);
}
.gap-05 {
  gap: var(--space-05);
}
.gap-06 {
  gap: var(--space-06);
}
.is-gapless {
  gap: 0;
}
.sr-only {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  clip: rect(0, 0, 0, 0);
  border: none;
  white-space: nowrap;
}
@media screen and (max-width: 64rem) {
  .hide-on-desk {
    display: block;
    visibility: visible;
  }

  .hide-on-mb {
    display: none;
    visibility: hidden;
  }
}

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