.modal__container { display: none;  position: fixed;  z-index: 50;  left: 0; top: 0; width: 100%;  height: 100%;  overflow: auto;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4);  }  .modal__content { background-color: #FFF; margin: clamp(1vh, 5vh, 10vh) auto;  padding: clamp(2rem, 2.5rem, 3rem) clamp(2rem, 3rem, 4rem); border: 0px solid #888; border-radius: 0.5rem; width: 50vw;  min-width: 25rem; max-width: 50rem; height: fit-content; } .modal__header{ display: block; } .modal__heading{ padding-top: 0.4rem !important; padding-bottom: 1rem !important; padding-left: 0.5rem; } .modal__content iframe{ border: none; height: 63rem; }  .modal__close { color: #aaa; float: right; font-size: 32px; line-height: 36px; font-weight: bold; } .modal__close:hover, .modal__close:focus { color: black; text-decoration: none; cursor: pointer; }