.youtube{position:relative;isolation:isolate;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:clip}.youtube__cover{display:block;width:100%;height:100%;object-fit:cover}.youtube__player{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;transition:opacity var(--transition-slow);--youtube-crop: 0px}.youtube__player iframe{position:absolute;inset-inline:0;top:calc(var(--youtube-crop) * -1);display:block;width:100%;height:calc(100% + var(--youtube-crop) * 2);border:0}.is-teasing:not(.is-watching) .youtube__player{--youtube-crop: 9rem}.is-teasing .youtube__player,.is-watching .youtube__player{z-index:1;opacity:1}.youtube__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;cursor:pointer}.is-loading .youtube__play{pointer-events:none;cursor:progress}.is-watching .youtube__play{display:none}.youtube__play:focus-visible{outline:none}.youtube__pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:999px;background:var(--color-midnight);font-size:clamp(1rem,.9rem + .4vw,1.25rem);font-weight:var(--font-weight-bold);line-height:1.2;box-shadow:var(--shadow-lg);transition:background-color var(--transition-fast)}.youtube__play:hover .youtube__pill{background:var(--color-primary)}.youtube__play:focus-visible .youtube__pill{outline:3px solid var(--color-accent);outline-offset:3px}.youtube__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-accent);color:var(--wp--preset--color--foreground)}.youtube__pause{position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2);z-index:3;display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.youtube__pause:hover{border-color:#fff;background:#0009}.youtube__pause:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.youtube__pause[hidden],.is-watching .youtube__pause{display:none}