.modal__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal__container::-webkit-scrollbar {
  display: none;
}
.modal__inner {
  background-color: #fff;
  padding: 2.125rem 1.25rem;
  border-radius: 6px;
  position: relative;
  margin: auto;
  width: 100%;
}
@media (min-width: 992px) {
  .modal__inner {
    max-width: 985px;
    padding: 2.5rem 3rem;
    border-radius: 10px;
  }
}
.modal__close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
}
@media (min-width: 992px) {
  .modal__close {
    top: 2.3125rem;
    right: 2.3125rem;
  }
}
@media (hover: hover) {
  .modal__close {
    transition: opacity 300ms ease-in-out 0ms;
    cursor: pointer;
  }
  .modal__close:hover {
    opacity: 1;
  }
}
.modal__close svg {
  width: 0.9375rem;
  pointer-events: none;
}
@media (min-width: 992px) {
  .modal__close svg {
    width: 1.1875rem;
  }
}
/*# sourceMappingURL=micromodal-styles.css.map */