.video-item{--video-item--aspect-ratio: 16 / 9;--video-item--close--size: var(--space--l);--video-item--padding-y: var(--space--xl);--video-item--play--size: clamp(2.5rem, 20%, 4.6875rem);position:relative}.video-item__media{position:absolute;inset:0}.video-item__video{position:fixed;z-index:var(--z-index--modal);display:flex;height:100%;align-items:center;justify-content:center;background-color:hsla(var(--color--black--hsl), 0.5);inset:0;opacity:0;pointer-events:none;transition:opacity var(--transition--duration) var(--transition--ease) 0s,visibility var(--transition--duration) var(--transition--ease) 0s;visibility:hidden}.video-item__video-inner{position:relative;display:flex;width:calc(100% - var(--space--container-padding)*2);height:calc(100% - var(--video-item--padding-y)*2);align-items:center;justify-content:center}@media(min-width: 48em){.video-item__video-inner{max-width:var(--width--responsive--l);margin-right:auto;margin-left:auto}}.video-item__video-close{--cross--color: var(--color--white);--cross--size: var(--video-item--close--size);padding:0;border:0;border-radius:0;background-color:rgba(0,0,0,0);color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;position:absolute;right:0;bottom:calc(100% + var(--space--xs));width:calc(var(--video-item--close--size) + 5px);height:calc(var(--video-item--close--size) + 5px);opacity:0;transition:opacity var(--transition--duration) var(--transition--ease) 0s}@media(min-width: 62em){.video-item__video-close{bottom:calc(100% + var(--space--xs))}}.video-item__video-wrap{position:relative;width:100%;aspect-ratio:var(--video-item--aspect-ratio)}@media(min-width: 75em)and (min-aspect-ratio: 16/10)and (max-aspect-ratio: 16/7){.video-item__video-wrap{width:100%;height:auto}}.video-item__video-wrap iframe{position:absolute;width:100%;height:100%;margin:0;background-color:var(--color--black);box-shadow:0 4px 10px rgba(0,0,0,.2);inset:0}@media(min-aspect-ratio: 16/10){.video-item__video-wrap{width:auto;height:100%}}.video-item__play-button{padding:0;border:0;border-radius:0;background-color:rgba(0,0,0,0);color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;position:absolute;z-index:5;top:0;left:0;display:flex;width:100%;height:100%;background:url(../../../images/icons/play.svg) center no-repeat;background-size:var(--video-item--play--size);transition:opacity var(--transition--duration) var(--transition--ease) 0s,background-color var(--transition--duration) var(--transition--ease) 0s}.video-item__play-button:focus,.video-item__play-button:active{opacity:.7}@media(hover: hover){.video-item__play-button:hover{opacity:.7}}.video-item.video-item--play .video-item__video{opacity:1;pointer-events:all;visibility:visible}.video-item.video-item--play .video-item__video-close{opacity:1}.video-item.video-item--play .video-item__video::before{background-color:rgba(34,34,34,.2);visibility:visible}