.app[data-astro-cid-azyggwv3] {
  background-color: #062031;
  color: #fff;
  padding-top: 7rem;
  padding-inline: 1.25rem;
}

.app__container[data-astro-cid-azyggwv3] {
  max-width: 70rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

@media screen and (width <= 630px) {
  .app__container[data-astro-cid-azyggwv3] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.app__content[data-astro-cid-azyggwv3] {
  grid-column: 1 / 7;
  padding-bottom: 1.5rem;
}

@media screen and (width <= 630px) {
  .app__content[data-astro-cid-azyggwv3] {
    grid-column: auto;
  }
}

.app__content[data-astro-cid-azyggwv3] h2[data-astro-cid-azyggwv3] {
  font-size: clamp(1.5rem, .948276rem + 2.75862vw, 2.5rem);
  text-wrap: pretty;
}

.app__content[data-astro-cid-azyggwv3] h2[data-astro-cid-azyggwv3] span[data-astro-cid-azyggwv3] {
  color: #00b8de;
}

.app__content[data-astro-cid-azyggwv3] p[data-astro-cid-azyggwv3] {
  margin-top: .75rem;
  font-size: clamp(1rem, .862069rem + .689655vw, 1.25rem);
}

.app__img[data-astro-cid-azyggwv3] {
  grid-column: 8 / -1;
  align-content: end;
}

@media screen and (width <= 630px) {
  .app__img[data-astro-cid-azyggwv3] {
    grid-column: auto;
  }

  .app__img[data-astro-cid-azyggwv3] img[data-astro-cid-azyggwv3] {
    max-width: 100% !important;
    width: 100% !important;
  }
}

.app__img[data-astro-cid-azyggwv3] img[data-astro-cid-azyggwv3] {
  aspect-ratio: 671 / 442;
  width: 46cqw;
  align-content: end;
  max-width: none;
}

.app__btn[data-astro-cid-azyggwv3] {
  background-color: #072f40;
  padding: 1rem 1.5rem;
  display: flex;
  gap: .5rem;
  width: fit-content;
  margin-top: 2rem;
  border-radius: .5rem;
}
.download-report[data-astro-cid-snji6gdc] {
  background: #071322;
  position: relative;
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 11.25rem;
  padding-inline: 1rem;
  gap: 7.5rem;
  color: #fff;
}

@media screen and (width <= 630px) {
  .download-report[data-astro-cid-snji6gdc] {
    padding-top: 5rem;
    gap: 5rem;
  }
}

.download-report[data-astro-cid-snji6gdc]:after {
  content: "";
  z-index: -1;
  inset: 0;
  opacity: .3;
  position: absolute;
  background: #d3d3d3 url("/_astro/bg.BqHEkoF5.png") 50% / cover no-repeat;
}

.download-report__container[data-astro-cid-snji6gdc] {
  max-width: 36.25rem;
  margin-inline: auto;
}

.download-report__container[data-astro-cid-snji6gdc] h2[data-astro-cid-snji6gdc] {
  font-size: clamp(1.5rem, .948276rem + 2.75862vw, 2.5rem);
  text-align: center;
  text-wrap: pretty;
  max-width: 24ch;
}

.download-report__container[data-astro-cid-snji6gdc] h2[data-astro-cid-snji6gdc] span[data-astro-cid-snji6gdc] {
  color: #00b8de;
}

.download-report__container[data-astro-cid-snji6gdc] p[data-astro-cid-snji6gdc] {
  font-size: clamp(1rem, .862069rem + .689655vw, 1.25rem);
  margin-top: 1rem;
  text-align: center;
}

@supports (animation-timeline: view()) {
  .download-report__image[data-astro-cid-snji6gdc] {
    animation: step-end both trigger;
    animation-timeline: view();
    animation-range: entry entry-crossing 30%;
  }

  .download-report__image[data-astro-cid-snji6gdc] img[data-astro-cid-snji6gdc] {
    opacity: 0;
    transition: opacity .8s ease-in-out, scale .6s cubic-bezier(.2, .8, .2, 1);
    scale: .8;
  }

  @container style(--animate: true) {
    .download-report__image[data-astro-cid-snji6gdc] img[data-astro-cid-snji6gdc] {
      scale: 1;
      opacity: 1;
    }
  }

  @keyframes trigger {
    to {
      --animate: true;
    }
  }
}

.download-report[data-astro-cid-snji6gdc] img[data-astro-cid-snji6gdc] {
  margin-inline: auto;
}

.download-report__btn[data-astro-cid-snji6gdc] {
  --base: #fff;
  color: #10345e;
  margin-inline: auto;
  margin-top: 2rem;
  display: flex;
  background-color: var(--base);
  width: fit-content;
  padding: 1rem 1.5rem;
  border-radius: .5rem;
  font-weight: 600;
  gap: .5rem;
  font-size: clamp(.875rem, .806035rem + .344828vw, 1rem);
}
.isw-nav[data-astro-cid-gm44qck2] {
  --debug: yellow;
  padding: 1.25rem;
  align-self: self-start;
}

.isw-nav__container[data-astro-cid-gm44qck2] {
  max-width: 70rem;
  margin-inline: auto;
}
.bubble[data-astro-cid-33tjvwtl] {
  --offset: -8dvh;
  --degrees: 0deg;
  position: absolute;
  background: #06063866;
  max-width: 18.75rem;
  border-radius: .5rem;
  padding: .75rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  z-index: 0;
  color: #fff;
  top: 24dvh;
  transform: translate(calc(cos(var(--degrees, )) * var(--offset, )), calc(sin(var(--degrees)) * var(--offset, )));
  box-shadow: 4px 4px #00b8de;
  transition: opacity .4s calc(sibling-index() * .2s) ease, scale .3s calc(sibling-index() * .2s) cubic-bezier(.2, .8, .2, 1);
}

@starting-style {
  .bubble[data-astro-cid-33tjvwtl] {
    opacity: 0;
    scale: 0;
  }
}

@media screen and (width <= 930px) {
  .bubble[data-astro-cid-33tjvwtl] {
    display: none;
  }
}

.bubble[data-astro-cid-33tjvwtl].topRight {
  --offset: 86dvw;
  left: 0%;
  right: 0;
}

.bubble[data-astro-cid-33tjvwtl].leftBottom {
  --degrees: 90deg;
  --offset: 18dvh;
  left: 0;
}

.bubble[data-astro-cid-33tjvwtl].bottomRight {
  --offset: 18dvh;
  --degrees: 90deg;
  right: 0;
}

.bubble[data-astro-cid-33tjvwtl] .details[data-astro-cid-33tjvwtl] {
  font-size: .875rem;
}

.bubble[data-astro-cid-33tjvwtl] .author[data-astro-cid-33tjvwtl] {
  font-size: .625rem;
  margin-top: .75rem;
  color: #00b8de;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.video-hero[data-astro-cid-wfizggyx] {
  max-width: 28.125rem;
  margin-inline: auto;
  margin-top: 2.5rem;
  display: grid;
  grid: [stack] 1fr / [stack] 1fr;
  position: relative;
  border-radius: .375rem;
  overflow: clip;
}

.video-hero[data-astro-cid-wfizggyx] > [data-astro-cid-wfizggyx] {
  grid-area: stack;
}

.video-hero[data-astro-cid-wfizggyx] .overlay[data-astro-cid-wfizggyx] {
  background: linear-gradient(0deg, #06063866 0% 100%);
  position: absolute;
  z-index: 2;
  inset: 0;
  display: grid;
  place-items: center;
}

.video-hero__wrapper[data-astro-cid-wfizggyx] {
  border-radius: .625rem;
}

.video-hero__btn[data-astro-cid-wfizggyx] {
  display: grid;
  grid: [stack] 1fr / [stack] 1fr;
  position: relative;
  isolation: isolate;
}

.video-hero__btn[data-astro-cid-wfizggyx] > [data-astro-cid-wfizggyx] {
  grid-area: stack;
}
.hero .bubble:nth-child(2) {
  --offset: 100dvh;
}

.year {
  background-color: #00b8de;
  padding: 0rem 0.25rem;
  border-radius: 0.25rem;
  display: inline-block;
  line-height: 1;
  transition: opacity 0.4s 0.8s ease;
}
@starting-style {
  .year {
    opacity: 0;
  }
}.hero[data-astro-cid-authrlld] {
  --debug: #3fed5c;
  background: #071322;
  color: #fff;
  isolation: isolate;
  container-type: size;
  padding-inline: 1.25rem;
  position: relative;
  content-visibility: auto;
  contain-intrinsic-size: 100dvh;
  overflow-x: clip;
}

.hero[data-astro-cid-authrlld]:after {
  content: "";
  z-index: -1;
  inset: 0;
  opacity: .3;
  position: absolute;
  background: #071322 url("/_astro/bg.BqHEkoF5.png") 50% / cover no-repeat;
}

.hero[data-astro-cid-authrlld]:before {
  content: "";
  touch-action: none;
  z-index: 0;
  inset: 0;
  position: absolute;
  background: url("data:image/svg+xml,%3csvg%20width='1280'%20height='151'%20viewBox='0%200%201280%20151'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2024_7056)'%3e%3crect%20x='738.916'%20y='101.231'%20width='333'%20height='301'%20rx='16'%20transform='rotate(-12%20738.916%20101.231)'%20fill='%23EC9B40'/%3e%3crect%20x='746.294'%20y='95.0626'%20width='332'%20height='300'%20rx='15.5'%20transform='rotate(-12%20746.294%2095.0626)'%20fill='%23060638'%20stroke='white'/%3e%3crect%20opacity='0.4'%20x='805.678'%20y='111.705'%20width='211.75'%20height='7.75'%20rx='3.875'%20transform='rotate(-12%20805.678%20111.705)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'/%3e%3crect%20opacity='0.4'%20x='820.646'%20y='182.131'%20width='211.75'%20height='7.75'%20rx='3.875'%20transform='rotate(-12%20820.646%20182.131)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'/%3e%3crect%20opacity='0.4'%20x='808.172'%20y='123.442'%20width='188.75'%20height='7.75'%20rx='3.875'%20transform='rotate(-12%20808.172%20123.442)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'/%3e%3crect%20opacity='0.4'%20x='810.667'%20y='135.18'%20width='152.75'%20height='7.75'%20rx='3.875'%20transform='rotate(-12%20810.667%20135.18)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'/%3e%3crect%20opacity='0.4'%20x='765.573'%20y='120.229'%20width='31.75'%20height='31.75'%20rx='3.875'%20transform='rotate(-12%20765.573%20120.229)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'/%3e%3crect%20x='238.709'%20y='31.5541'%20width='333'%20height='301'%20rx='16'%20transform='rotate(12%20238.709%2031.5541)'%20fill='%23EC9B40'/%3e%3crect%20x='232.309'%20y='25.593'%20width='332'%20height='300'%20rx='15.5'%20transform='rotate(12%20232.309%2025.593)'%20fill='%23060638'%20stroke='white'/%3e%3crect%20opacity='0.4'%20x='279.789'%20y='64.9498'%20width='211.75'%20height='7.75'%20rx='3.875'%20transform='rotate(12%20279.789%2064.9498)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'%20stroke-dasharray='1.5%201.5'/%3e%3crect%20opacity='0.4'%20x='264.819'%20y='135.376'%20width='211.75'%20height='7.75'%20rx='3.875'%20transform='rotate(12%20264.819%20135.376)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'/%3e%3crect%20opacity='0.4'%20x='277.294'%20y='76.6876'%20width='188.75'%20height='7.75'%20rx='3.875'%20transform='rotate(12%20277.294%2076.6876)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'%20stroke-dasharray='1.5%201.5'/%3e%3crect%20opacity='0.4'%20x='262.324'%20y='147.114'%20width='188.75'%20height='7.75'%20rx='3.875'%20transform='rotate(12%20262.324%20147.114)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'/%3e%3crect%20opacity='0.4'%20x='274.798'%20y='88.4254'%20width='152.75'%20height='7.75'%20rx='3.875'%20transform='rotate(12%20274.798%2088.4254)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'%20stroke-dasharray='1.5%201.5'/%3e%3crect%20opacity='0.4'%20x='239.684'%20y='56.4254'%20width='31.75'%20height='31.75'%20rx='3.875'%20transform='rotate(12%20239.684%2056.4254)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'%20stroke-dasharray='1.5%201.5'/%3e%3crect%20opacity='0.4'%20x='224.714'%20y='126.852'%20width='31.75'%20height='31.75'%20rx='3.875'%20transform='rotate(12%20224.714%20126.852)'%20fill='%23EC9B40'%20stroke='white'%20stroke-width='0.25'/%3e%3crect%20width='1280'%20height='190'%20fill='url(%23paint0_linear_2024_7056)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2024_7056'%20x1='640'%20y1='0'%20x2='640'%20y2='133.594'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23061322'%20stop-opacity='0'/%3e%3cstop%20offset='1'%20stop-color='%23061322'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_2024_7056'%3e%3crect%20width='1280'%20height='151'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 0 100% / contain no-repeat;
}

.hero[data-astro-cid-authrlld] h1[data-astro-cid-authrlld] {
  font-size: clamp(1.5rem, .948276rem + 2.75862vw, 2.5rem);
  text-wrap: pretty;
  max-width: 24ch;
  text-align: center;
}

.hero__container[data-astro-cid-authrlld] {
  max-width: 70rem;
  margin-inline: auto;
  align-content: center;
  min-height: calc(100vh - 4.75rem);
  gap: 1.25rem;
}

@media screen and (width <= 768px) {
  .hero__container[data-astro-cid-authrlld] {
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
  }
}

.hero__btn[data-astro-cid-authrlld] {
  --base: #fff;
  color: #10345e;
  display: flex;
  background-color: var(--base);
  width: fit-content;
  padding: 1rem 1.5rem;
  border-radius: .5rem;
  font-weight: 600;
  gap: .5rem;
  font-size: clamp(.875rem, .806035rem + .344828vw, 1rem);
}

.hero__content[data-astro-cid-authrlld] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.hero__text[data-astro-cid-authrlld] {
  position: relative;
  z-index: 5;
  display: grid;
  place-items: center;
  gap: 1.5rem;
  margin-top: -10dvh;
}

.hero__img[data-astro-cid-authrlld] .image[data-astro-cid-authrlld] {
  position: relative;
  anchor-name: --hero-img;
}
/**
 * Converts a number to rem, given the base value
 * @param {number} pixel - the number to convert
 * @param {string} suffix - the suffix (default to 1rem)
 * @param {number} base - the base value (default to 16)
 * @return {string} - the converted string
 *
 * @example
 * div {
 *   font-size: useConvertNumberToRem(16);
 * }
 */
/**
 * UseAdvanceClamp is a function that takes the minimum width, maximum width, size at minimum width and size at maximum width and returns a clamp value.
 * @param {number} $min-width - the minimum width
 * @param {number} $max-width - the maximum width
 * @param {number} $size-at-min-width - the size at minimum width
 * @param {number} $size-at-max-width - the size at maximum width
 * @return {string} - the clamp value
 *
 * @example
 * div {
 *   font-size: useClampWithMedia(450, 1100, 24, 34);
 * }
 */
.mid-sec {
  padding-inline: 1.25rem;
  padding-block: 7.5rem;
  background-color: #071322;
  color: #fff;
}
.mid-sec__title {
  font-size: clamp(1.25rem, 0.5603448276rem + 0.0344827586 * 100vw, 2.5rem);
  max-width: 30ch;
  margin-bottom: 2.5rem;
  font-weight: 700;
  text-wrap: auto;
}
.mid-sec__title span {
  color: #00b8de;
}
.mid-sec__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media screen and (width <= 530px) {
  .mid-sec__list {
    grid-template-columns: 1fr;
  }
}
.mid-sec__container {
  max-width: 70rem;
  margin-inline: auto;
}
.mid-sec__card {
  --base: #072f4080;
  --lighter: oklch(from var(--base) clamp(0, l + 0.02, 1) calc(c * 0.9) h);
  border-radius: 0.5rem;
  overflow: clip;
  background-color: #061929;
  transition: background 0.4s ease;
  display: grid;
  grid: [stack] 1fr/[stack] 1fr;
}
.mid-sec__card > * {
  grid-area: stack;
}
.mid-sec__card {
  text-align: center;
  line-height: 1.1;
}
.mid-sec__card-bg {
  padding-bottom: 6rem;
  padding-inline: 1.5rem;
}
.mid-sec__card-bg:is(.removePadding) {
  padding-inline: 0rem;
}
.mid-sec__card-content {
  pointer-events: none;
  touch-action: none;
  background: linear-gradient(182deg, #061929 1.57%, rgba(6, 25, 41, 0) 42.53%, #061929 79.12%);
  align-content: end;
  padding-bottom: 2.5rem;
  padding-inline: 1.5rem;
}
.mid-sec__card-content .display {
  max-width: fit-content;
  margin-right: auto;
  text-align: left;
}
.mid-sec__card--title {
  font-size: clamp(2.5rem, 1.3965517241rem + 0.0551724138 * 100vw, 4.5rem);
  font-weight: 700;
  color: #00b8de;
}
.mid-sec__card--des {
  --selection-bg: #007d28;
  font-size: clamp(0.875rem, 0.6681034483rem + 0.0103448276 * 100vw, 1.25rem);
}.we-asked[data-astro-cid-i6pco7lo] {
  padding-inline: 1.25rem;
  background-color: #071322;
  color: #fff;
}

.we-asked[data-astro-cid-i6pco7lo] h2[data-astro-cid-i6pco7lo] {
  font-size: clamp(1.5rem, .948276rem + 2.75862vw, 2.5rem);
  text-wrap: auto;
  max-width: 36.25rem;
}

.we-asked[data-astro-cid-i6pco7lo] h2[data-astro-cid-i6pco7lo] span[data-astro-cid-i6pco7lo] {
  color: #00b8de;
}

@media screen and (width <= 868px) {
  .we-asked[data-astro-cid-i6pco7lo] h2[data-astro-cid-i6pco7lo] {
    max-width: none;
    text-wrap: balance;
  }
}

.we-asked__container[data-astro-cid-i6pco7lo] {
  max-width: 70rem;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  gap: 1.75rem;
  align-items: center;
}

@media screen and (width <= 868px) {
  .we-asked__container[data-astro-cid-i6pco7lo] {
    text-align: center;
    flex-direction: column;
  }
}
/**
 * Converts a number to rem, given the base value
 * @param {number} pixel - the number to convert
 * @param {string} suffix - the suffix (default to 1rem)
 * @param {number} base - the base value (default to 16)
 * @return {string} - the converted string
 *
 * @example
 * div {
 *   font-size: useConvertNumberToRem(16);
 * }
 */
/**
 * UseAdvanceClamp is a function that takes the minimum width, maximum width, size at minimum width and size at maximum width and returns a clamp value.
 * @param {number} $min-width - the minimum width
 * @param {number} $max-width - the maximum width
 * @param {number} $size-at-min-width - the size at minimum width
 * @param {number} $size-at-max-width - the size at maximum width
 * @return {string} - the clamp value
 *
 * @example
 * div {
 *   font-size: useClampWithMedia(450, 1100, 24, 34);
 * }
 */
.they-said {
  padding-inline: 1.25rem;
  padding-block: 5rem;
  background-color: #071322;
  color: #fff;
}
.they-said__container {
  max-width: 70rem;
  margin-inline: auto;
}
.they-said__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.5rem;
}
@media screen and (width <= 580px) {
  .they-said__header {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.they-said__header h2 {
  font-size: clamp(1.5rem, 0.9482758621rem + 0.0275862069 * 100vw, 2.5rem);
  font-weight: 700;
}
.they-said__header p {
  font-size: clamp(1rem, 0.8620689655rem + 0.0068965517 * 100vw, 1.25rem);
  margin-top: 0.75rem;
  font-weight: 700;
}
.they-said__header .cta {
  border: 1px solid #fff;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.they-said__cards {
  --col-size: 20rem;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(var(--col-size), 1fr));
}
@media screen and (width <= 580px) {
  .they-said__cards {
    --col-size: 12.5rem;
  }
}
.they-said__cards h3 span {
  color: #00b8de;
}
.they-said__stats {
  border: 0.5px solid #fff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  display: grid;
  height: 100%;
  gap: 0.625rem;
  min-height: 25rem;
}
.they-said__stats .img-f {
  align-content: end;
}
.they-said__stats .img-f img {
  margin-inline: auto;
}/**
 * Converts a number to rem, given the base value
 * @param {number} pixel - the number to convert
 * @param {string} suffix - the suffix (default to 1rem)
 * @param {number} base - the base value (default to 16)
 * @return {string} - the converted string
 *
 * @example
 * div {
 *   font-size: useConvertNumberToRem(16);
 * }
 */
/**
 * UseAdvanceClamp is a function that takes the minimum width, maximum width, size at minimum width and size at maximum width and returns a clamp value.
 * @param {number} $min-width - the minimum width
 * @param {number} $max-width - the maximum width
 * @param {number} $size-at-min-width - the size at minimum width
 * @param {number} $size-at-max-width - the size at maximum width
 * @return {string} - the clamp value
 *
 * @example
 * div {
 *   font-size: useClampWithMedia(450, 1100, 24, 34);
 * }
 */
.modal {
  padding: max(1.125rem, min(1.875rem, 5cqw)) max(1.125rem, min(2.5rem, 8cqw));
  border-radius: 1rem;
  width: min(43.375rem, 90dvw);
}
.modal .download {
  text-align: center;
  padding-block: 1.25rem;
}
.modal .download p::after {
  content: "";
  display: inline-block;
  width: 1em;
  text-align: left;
  animation: dots 2s steps(4, end) infinite;
}
.modal .closer {
  display: flex;
  justify-content: end;
  margin-bottom: max(18px, min(2rem, 5cqw));
}
.modal .modal-form {
  margin-top: max(0.25rem, min(2rem, 3cqw));
}
.modal .modal-form input:not([type=checkbox]) {
  background-color: #f3f5f6;
  padding: max(10px, min(0.75rem, 2cqw));
}
.modal .modal-form label {
  margin-block: max(0.75rem, min(1.5rem, 10cqw));
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
.modal .modal-form .check-label {
  display: flex;
}
.modal .modal-form .form-btn {
  color: #fff;
  background-color: #10345e;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: max(0.5rem, min(1rem, 6cqw));
  border-radius: 0.5rem;
  width: 100%;
}
.modal .modal-form .form-btn:active {
  background-color: oklab(from #10345e l a b/0.3);
}
@keyframes dots {
  0%, 20% {
    content: "";
  }
  40% {
    content: ".";
  }
  60% {
    content: "..";
  }
  80%, 100% {
    content: "...";
  }
}