.modal__trigger{background-color:#000c15;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;padding:5px 10px}.modal{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:9999}.modal.is__active{opacity:1;transition-delay:0s;visibility:visible}.modal .qr-modal__image{margin-left:auto;margin-right:auto;margin-top:35px;width:200px}.modal__bg{background-color:#000c15;content:"";display:block;height:100vh;opacity:.4;position:absolute;top:0;width:100vw;z-index:9}.modal__container{background:#fff;color:#000c15;height:100vh;padding:24px 32px 32px;position:relative;width:100vw;z-index:9999}@media only screen and (min-width:768px){.modal__container{border-radius:15px;box-shadow:0 22px 55px rgba(0,0,0,.12),0 6.63236px 16.5809px rgba(0,0,0,.078),0 2.75474px 6.88685px rgba(0,0,0,.06),0 .996336px 2.49084px rgba(0,0,0,.042);height:auto;max-height:504px;max-width:680px;padding:24px 40px 56px;width:100%}}@media only screen and (min-width:1440px){.modal__container{max-height:600px;max-width:792px;padding:24px 40px 64px}}.modal__headline{font-size:26px;font-weight:700;line-height:32px;margin-bottom:33px;margin-top:23px}.qr-modal .modal__headline{margin-bottom:10px}@media only screen and (min-width:768px){.modal__headline{text-align:center}}@media only screen and (min-width:1024px){.modal__headline{margin-bottom:41px}}@media only screen and (min-width:1440px){.modal__headline{font-size:32px;font-weight:700;line-height:36px;margin-top:35px}}.modal__content{font-size:21px;line-height:32px;position:relative}.qr-modal .modal__content{text-align:center}.media__block .modal__content:before{background:linear-gradient(180deg,transparent,#000c15);content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.media__block .modal__content .video-controls:before{display:none}.media__block .modal__content .video__seekbar-container{margin-right:15px}.media__block .modal__content .video__seekbar-time{display:none}.media__block .modal__content .video-controls{background:#000c15;transform:translateY(100%);transition:transform .125s cubic-bezier(0.645,0.045,0.355,1)}@media only screen and (min-width:1024px){.media__block .modal__content .video-controls{background:none;transform:translateY(100%)}}@media only screen and (min-width:768px){.media__block .modal__content{overflow:hidden}}@media only screen and (min-width:1024px){.csshover .media__block .modal__content:hover .video-controls{transform:translateY(0)}.media__block .modal__content .video__seekbar-time{display:block}}.modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:red;cursor:pointer;font-weight:700;height:24px;outline:none;padding:0;position:absolute;right:32px;top:24px;width:24px}@media only screen and (min-width:768px){.modal__close{right:28px}}.close-button{display:block;height:24px;width:24px}.close-button:after,.close-button:before{background-color:#b3b6b9;border-radius:2px;content:"";display:block;height:3px;position:absolute;top:10px;transition:background-color .25s cubic-bezier(0.645,0.045,0.355,1);width:24px}.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}.csshover .close-button:hover:after,.csshover .close-button:hover:before{background-color:#0532ff}@media only screen and (min-width:768px){.modal__top .modal__container{position:absolute;top:88px}}@media only screen and (min-width:1440px){.modal__top .modal__container{top:146px}}@media only screen and (min-width:768px){.modal__bottom .modal__container{bottom:88px;position:absolute}}@media only screen and (min-width:1440px){.modal__bottom .modal__container{bottom:146px}}