.video-modal{container-type:inline-size;display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.5s ease;visibility:hidden;width:100vw;z-index:100}.video-modal.open{opacity:1;opacity:1!important;pointer-events:all;visibility:visible!important}.video-modal.open .video-modal__wrapper{opacity:1;pointer-events:all;visibility:visible}.video-modal__wrapper{background:transparent;border-radius:10px;opacity:0;pointer-events:none;position:absolute;top:64px;transition:.5s ease;visibility:hidden;width:calc(100vw - 64px);z-index:51}.video-modal__video{align-items:center;display:flex;justify-content:center}.video-modal__video video{border-radius:10px;max-height:calc(100vh - 144px);width:100%}.video-modal__video button{background-color:transparent;border:none;cursor:pointer;position:absolute;transition:.3s ease}.video-modal__video button:focus-visible,.video-modal__video button:hover{transform:scale(1.2)}.video-modal__close-btn{align-items:center;background:none;border:0;border-radius:50%;color:var(--neutral-0);cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:-6px;top:-40px;width:44px;z-index:2}.video-modal__close-btn svg{margin:0;width:16px}.video-modal__overlay{background:rgba(0,0,0,.7);height:100%;left:0;position:fixed!important;top:0;width:100%;z-index:49}@container (min-width: 800px){@media (min-width:48em){.video-modal{align-items:center}.video-modal__wrapper{background-color:var(--neutral-0);height:fit-content;overflow:hidden;padding:40px;top:unset;width:unset}.video-modal__video video{max-width:1056px}.video-modal__close-btn{color:var(--neutral-600);right:0;top:0}}}