.m-search-modal--visible .m-search-modal__underlay,
.m-search-modal--visible .m-search-modal__content {
  visibility: visible;
  pointer-events: all;
  transition-duration: 0.3s, 0s;
  transition-delay: 0.1s, 0s;
}
.m-search-modal--visible .m-search-modal__underlay {
  opacity: 0.4;
}
.m-search-modal--visible .m-search-modal__content {
  opacity: 1;
}
.m-search-modal__content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2500;
  width: 100%;
  background-color: white;
  padding: 20px var(--layout-site-padding);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease 0.1s, visibility 0s linear 0.4s;
}
.m-search-modal__underlay {
  position: fixed;
  z-index: 2400;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--color-black);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease 0.1s, visibility 0s linear 0.4s;
}
.m-search-modal__form {
  max-width: 600px;
  width: 100%;
  margin-right: 40px;
}
.m-search-modal__form .a-input {
  margin: 0;
  position: relative;
}
.m-search-modal__form .a-input button {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  padding: 0;
  display: flex;
  transform: translateY(-50%);
}
.m-search-modal__form .a-input .icon {
  display: block;
}
.m-search-modal__close {
  padding: 0.6rem;
  position: absolute;
  right: var(--layout-site-padding);
  top: 50%;
  transform: translateY(-50%);
}