.modal-cont{align-items:flex-start;animation:fadeIn .4s ease-out;background-color:rgba(1,1,1,.8);background-repeat:no-repeat;background-size:cover;background-position:50%;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:500}.modal-cont.has-poster{background-color:rgba(0,0,0,0)}.modal-cont.has-poster:after{background-color:rgba(1,1,1,.8);background-image:radial-gradient(circle at center,rgba(0,0,0,.6117647059) 0,rgba(0,0,0,.4705882353) 50%,#0e0e0e 100%);content:"";height:100%;position:absolute;width:100%}@media screen and (min-width:768px){.modal-cont{align-items:center}}.modal{animation:emerge .4s ease-out;background-color:rgba(22,22,22,.8);border-radius:10px;box-shadow:2px 2px 14px rgba(1,1,1,.5);box-sizing:border-box;max-height:calc(100vh - 8rem);max-width:960px;overflow-y:auto;padding:1.5rem;position:relative;width:85%}@keyframes emerge{0%{opacity:0;transform:scale(.98);filter:brightness(.4)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes fadeIn{0%{opacity:0;filter:brightness(.4)}to{opacity:1;filter:brightness(1)}}.modal-close{cursor:pointer;position:absolute;right:15px;top:70px;z-index:200}.modal-close:hover svg path{fill:#fff}.modal-close svg{font-size:1.25rem}.modal-close svg path{fill:gray}@media screen and (min-width:768px){.modal-close{right:25px;top:25px}}@media screen and (max-width:1024px){.trailer-modal-cont{align-items:center;background:rgba(0,0,0,.95);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.trailer-modal-cont .modal-close{top:12px;right:8px}}.trailer-modal{background:none;max-height:100%;max-width:90vw;padding:1.5rem 0;width:auto;z-index:100}.trailer-modal iframe{border:none;max-width:100%}@media screen and (max-width:1024px){.trailer-modal{height:100%}.trailer-modal iframe{height:100vh;inset:0;position:fixed;width:100vw}}