.overlay{align-items:center;background-color:rgba(34,34,34,.6);display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:110}.modal{animation:fadein 1s;max-height:100%;max-width:800px;position:relative;width:100%}.close-button{background:transparent;border:none;color:#fff;font-size:1.5rem;padding:0;position:absolute;right:0;top:-40px;transition:transform .1s ease-in-out}.close-button:hover{cursor:pointer;transform:scale(1.4)}.overflow-hidden{overflow:hidden}@keyframes fadein{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width:426px) and (max-width:1023px){.modal__video{max-height:100%;max-width:calc(100% - 2.25em)}.close-button{right:.25em;top:.25em}}