.video__wrapper{position:relative;height:100vh}.video__wrapper.video__wrapper-contained{height:-moz-fit-content;height:fit-content}.video__wrapper:hover .button-video.-paused{opacity:1;pointer-events:auto}.video__wrapper:hover .button-video.-playing{opacity:1;pointer-events:auto;transition:opacity .2s ease}.video__full-screen{width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);aspect-ratio:16/9;frameborder:0}.button-video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(1,1,1,.6);width:8.4rem;height:8.4rem;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease}.button-video .triangle{width:0;height:0;border-top:1.4rem solid rgba(0,0,0,0);border-bottom:1.4rem solid rgba(0,0,0,0);border-left:2.6rem solid var(--c-primary-paper);transition:all .2s ease}.button-video:hover{background-color:var(--c-primary-paper)}.button-video:hover .triangle{border-left:2.6rem solid var(--c-primary-ink)}.button-video.-playing{opacity:0;pointer-events:none}.button-video.-playing .triangle{width:.35rem;height:2rem;background:var(--c-primary-paper);border:none;box-shadow:.75rem 0 0 var(--c-primary-paper);transform:translateX(-0.375rem)}.button-video.-playing:hover .triangle{background:var(--c-primary-ink);box-shadow:.75rem 0 0 var(--c-primary-ink)}.video{transition:opacity .2s ease}.video.-hidden{opacity:0}.video-placeholder{transition:opacity .2s ease}.video-placeholder.-hide{opacity:0;pointer-events:none}.video__loop{transition:opacity .2s ease;opacity:0;pointer-events:none;z-index:1}.video__loop.-display{opacity:1}