.modal__overlay {
  background:#00146669;
  bottom:0;
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:100
}
.modal__container {
  box-sizing:border-box;
  max-height:90vh;
  overflow-y:auto
}
.modal__header {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.modal__close {
  background:transparent;
  border:0
}
button[aria-label="Close modal"] {
  position:absolute;
  right:.75em;
  top:.75em
}
.modal__close:before {
  content:"\2715"
}
.modal__content {
  color:rgba(0,0,0,.8);
  line-height:1.5;
  margin-bottom:2rem
}
.modal__container{
  position: absolute;
  inset: 10rem 0;
  max-width: 50%;
  height: max-content;
}
.modal__container iframe{
  width: 100%;
  grid-column: span 12;
  aspect-ratio: 16/9;
}

.modal__btn {
  -webkit-appearance:button;
  background-color:#e6e6e6;
  border-radius:.25rem;
  border-style:none;
  border-width:0;
  color:rgba(0,0,0,.8);
  cursor:pointer;
  font-size:.875rem;
  line-height:1.15;
  margin:0;
  overflow:visible;
  padding:.5rem 1rem;
  text-transform:none;
  will-change:transform;
  -moz-osx-font-smoothing:grayscale;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  transition:-webkit-transform .25s ease-out;
  transition:transform .25s ease-out;
  transition:transform .25s ease-out,-webkit-transform .25s ease-out
}
.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
}
.modal__btn-primary {
  background-color:#00449e;
  color:#fff
}
@keyframes mmfadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes mmfadeOut {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
@keyframes mmslideIn {
  0% {
    transform:translateY(15%)
  }
  to {
    transform:translateY(0)
  }
}
@keyframes mmslideOut {
  0% {
    transform:translateY(0)
  }
  to {
    transform:translateY(-10%)
  }
}
.micromodal-slide {
  display:none
}
.micromodal-slide.is-open {
  display:block
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)
}
.micromodal-slide[aria-hidden=false] .modal__container {
  animation:mmslideIn .3s cubic-bezier(0,0,.2,1)
}
.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)
}
.micromodal-slide[aria-hidden=true] .modal__container {
  animation:mmslideOut .3s cubic-bezier(0,0,.2,1)
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change:transform
}