.moving-picture-wrapper{position:relative;width:100vw;height:100vh;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);scroll-snap-align:center;scroll-snap-stop:always}.moving-picture-snapped{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;z-index:9999}.moving-picture-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#000}.moving-picture-container *{max-width:unset}.moving-picture-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.95);z-index:9998;cursor:pointer;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.moving-picture-close{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;cursor:pointer;z-index:10000;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transform:scale(.9);transition:opacity .3s ease,transform .3s ease,background-color .2s ease,border-color .2s ease}.moving-picture-close-visible{opacity:1;pointer-events:auto;transform:scale(1)}.moving-picture-close-visible:hover{background-color:rgba(0,0,0,.8);border-color:rgba(255,255,255,.6);transform:scale(1.1)}.moving-picture-close:focus{opacity:1;pointer-events:auto;transform:scale(1);outline:2px solid #fff;outline-offset:2px}.moving-picture-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000}.moving-picture-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.moving-picture-error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#1a1a1a;color:#ff6b6b;padding:2rem;text-align:center}@media (max-width:768px){.moving-picture-wrapper:not(.moving-picture-snapped){height:60vh;min-height:400px}.moving-picture-close{top:1rem;right:1rem;width:40px;height:40px}}@media (max-width:480px){.moving-picture-wrapper:not(.moving-picture-snapped){height:50vh;min-height:300px}.moving-picture-close{width:36px;height:36px}.moving-picture-close svg{width:18px;height:18px}}