[modal-1] {
  display: none;
  position: fixed;
  inset: 0;
}

[modal-1].is-open {
  display: block;
  pointer-events: auto;
}

[modal-1] .modal-wrap {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.guide-wrap {
  opacity: 0;
}

.btn-underline {
  transition: color 150ms ease-in;
}

.btn-underline .h-line {
  width: 100%;
  transition: width 150ms ease-in;
}

.btn-underline:hover .h-line {
  width: 0%;
  background-color: var(--_colors---black-64) !important;
}

.btn-underline:hover {
  color: var(--_colors---black-64) !important;
}

.btn-underline-light {
  transition: color 150ms ease-in;
}

.btn-underline-light .h-line {
  width: 100%;
  transition: width 150ms ease-in;
}

.btn-underline-light:hover .h-line {
  width: 0%;
  /* background-color: var(--_colors---off-white) !important; */
}

.btn-underline-light:hover .underline-light {
  color: var(--_colors---off-white) !important;
}

.text-link .h-line {
  width: 0%;
  transition: width 150ms ease-in;
}

.text-link:hover .h-line {
  width: 100%;
}

.modal-wrap[lenis-prevent],
[lenis-prevent] {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 100vh;
}

.preloader-progress {
  transition: width 0.1s linear;
}