.media-youtube{display:block;position:relative}.media-youtube__poster{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;bottom:0;height:100%;left:0;margin:0;outline:0;padding:0;position:absolute;right:0;top:0;width:100%}.media-youtube__poster.is-inactive{opacity:0;pointer-events:none}.media-youtube__poster:hover .media-youtube__icon{color:var(--color-white);text-decoration:none;-webkit-transform:translate3d(-50%,-50%,0) scale(1.1);transform:translate3d(-50%,-50%,0) scale(1.1)}.media-youtube__icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--color-white);cursor:pointer;display:block;left:50%;margin:0;padding:0;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:all var(--duration-short) ease-in-out;transition:all var(--duration-short) ease-in-out;z-index:1}.media-youtube__icon:focus,.media-youtube__icon:hover{color:var(--color-white);-webkit-transform:translate3d(-50%,-50%,0) scale(1.1);transform:translate3d(-50%,-50%,0) scale(1.1)}.media-youtube__icon:active{color:var(--color-white);-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1)}.media-youtube__icon .icon{height:5.5rem;width:5.5rem}.media-youtube__placeholder{opacity:0;padding-bottom:56.25%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity var(--duration-long) ease-in-out;transition:opacity var(--duration-long) ease-in-out;width:100%}.media-youtube__placeholder iframe{height:100%;position:absolute;width:100%}.media-youtube__placeholder.is-active{opacity:1;pointer-events:all}