youtube-embed{width:100%;align-items:center;justify-content:center;gap:0 32px;margin:calc(var(--gap) * 2) auto;--translate-y: -20px;opacity:0;transform:translateY(var(--translate-y))}youtube-embed.in-view{--translate-y: 0;opacity:1;transition:opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s,transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s}youtube-embed p{color:#fff}youtube-embed .play-toggle{display:flex;height:100%;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background-color:var(--primary, #131f6b);padding:32px;position:relative;flex-direction:column;align-items:center;justify-content:center;max-width:450px;margin:0 auto}youtube-embed .play-toggle picture{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, );position:absolute;z-index:1;top:0;left:0}youtube-embed .play-toggle:hover{cursor:pointer}youtube-embed .play-toggle:hover picture{opacity:.6}youtube-embed .play-toggle:hover .play-btn{transform:scale(1.2)}youtube-embed .play-btn{width:70px;aspect-ratio:1/1;display:flex;align-items:center;text-align:center;justify-content:center;transition:transform var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, );justify-self:center}youtube-embed .play-btn:hover{transform:scale(1.2);cursor:pointer}youtube-embed .play-btn,youtube-embed p{z-index:2}youtube-embed p{position:absolute;bottom:16px;margin:0;max-width:50%;margin:0 auto;text-align:center;font-weight:bold}.video-modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.9);z-index:10001;opacity:0;visibility:hidden;transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),transform var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),visibility var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}.video-modal.active{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.video-modal iframe{width:90vw;max-width:960px;height:50.625vw;max-height:540px;border:none;box-shadow:0 20px 60px rgba(0,0,0,.3)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:10000;opacity:0;visibility:hidden;transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),visibility var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}.overlay.active{opacity:1;visibility:visible}@media(max-width: 768px){youtube-embed{margin-bottom:calc(var(--gap) * 2);grid-template-columns:1fr;gap:16px 0}youtube-embed .play-btn{justify-self:center}.video-modal iframe{width:95vw;height:53.4375vw}}