.embed{background:transparent;display:block;height:100%;overflow:hidden;position:relative}.embed>*{margin-top:0}.embed .embed-poster{background-color:currentColor;display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:opacity .32s cubic-bezier(.67,0,.67,1) .15s;transition:opacity .5s ease;width:100%}.embed .embed-poster.visible{opacity:1}.embed .embed-poster.hidden{opacity:0}.embed .embed-code{bottom:0;height:100%;padding-bottom:56.25%;top:0;width:100%}.embed .embed-code,.embed .ui{align-items:center;display:flex;justify-content:center;position:absolute}.embed .ui{--text-color:var(--color-grey);flex-direction:column;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.embed .ui>*{pointer-events:auto}.embed .play-btn{align-items:center;background-color:#0000004d;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:background 1s ease;width:100%}.embed .play-btn:hover{background:transparent}.embed .play-btn:hover .icon{opacity:1;transform:scale(1.5);transition:transform .25s ease-out}.embed .play-btn .icon{height:auto;max-width:50px;position:absolute;transition:transform .25s ease-out;width:5%}.embed .toggle-video-embed{align-items:center;display:flex;justify-content:center;z-index:1;fill:#fff;cursor:pointer}.embed .toggle-video-embed .icon-button{height:1.5rem;transition:transform .22s ease;width:1.5rem}.embed .toggle-video-embed:focus .icon,.embed .toggle-video-embed:hover .icon{transform:scale(1.1)}.embed .toggle-video-embed,.embed .video-poster,.embed iframe,.embed img{height:100%;width:100%}.embed--podcast .embed-code{height:200px;padding-bottom:0;position:relative;width:100%}.embed-placeholder{background-color:currentColor;display:block;opacity:.05;pointer-events:none;transition:opacity .32s cubic-bezier(.67,0,.67,1) .15s}.is-loaded .embed-placeholder{opacity:0}.embed-placeholder--extra-wide,.embed-placeholder--large,.embed-placeholder--medium,.embed-placeholder--super-wide,.embed-placeholder--wide{display:none}@media screen and (min-width:900px){.embed-placeholder--medium{display:block}.embed-placeholder--medium~.embed-placeholder{display:none}}@media screen and (min-width:1200px){.embed-placeholder--large{display:block}.embed-placeholder--large~.embed-placeholder{display:none}}
