.video-viewer{width:100%;height:100%;padding-top:2.5rem;padding-bottom:0;position:relative;overflow:hidden}@media (min-width:769px){.video-viewer{padding-top:0;padding-bottom:0}}.video-viewer__video{object-fit:cover;width:100%;height:43.75rem}@media (min-width:769px){.video-viewer__video{border-radius:1.25rem;height:100%}}.video-viewer__video{aspect-ratio:9/16}@media (min-width:769px){.video-viewer__video{aspect-ratio:16/9}}.video-viewer__mute-button{z-index:10;cursor:pointer;--tw-text-opacity:1;width:3rem;height:3rem;color:rgb(255 255 255/var(--tw-text-opacity,1));pointer-events:none;opacity:0;background-color:#0000;border-width:.0625rem;border-color:#ffffff4d;border-radius:624.938rem;justify-content:center;align-items:center;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.video-viewer__mute-button:hover{background-color:#ffffff1a;border-color:#ffffff80}.video-viewer__mute-button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-viewer__mute-button svg{width:1.5rem;height:1.5rem}.video-viewer:hover .video-viewer__mute-button{pointer-events:auto;opacity:1}@media (max-width:768px){.video-viewer__mute-button{pointer-events:auto;opacity:1;width:2.5rem;height:2.5rem}.video-viewer__mute-button svg{width:1.25rem;height:1.25rem}}