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