/* The native YouTube element has one presentation on every page. */
.ibu-video-element { min-width:0; width:100%; }
.ibu-video {
  --ibu-video-accent:var(--ibu-desktop-accent,#c02178);
  display:flex; flex-direction:column; width:100%; max-width:603px; margin:0;
  box-sizing:border-box; overflow:clip; overflow-wrap:anywhere;
  color:#203a4b; text-align:left; background:#fff;
  border:1px solid #e2e7eb; border-radius:10px;
}
.ibu-video__frame {
  position:relative; order:0; flex:0 0 auto; width:100%; aspect-ratio:16 / 9;
  overflow:hidden; background:#203a4b;
}
.ibu-video__placeholder {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  box-sizing:border-box; padding:16px; color:#fff; background:#203a4b;
}
.ibu-video__placeholder > img {
  position:absolute; inset:0; width:100%; height:100%; max-height:none;
  object-fit:cover; opacity:1;
}
.ibu-video__placeholder::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 40%,rgb(15 34 48 / .47)); pointer-events:none;
}
.ibu-video .ibu-video__load {
  position:absolute; z-index:1; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:12px; width:100%; max-width:none;
  min-height:0; padding:16px; border:0; border-radius:0;
  color:#fff; background:transparent; box-shadow:none;
  font:500 12px/1.5 var(--ibu-type-family,Montserrat,Arial,sans-serif); cursor:pointer;
}
.ibu-video__play-icon {
  display:grid; place-items:center; flex:none; width:60px; height:60px; padding:0;
  border:1px solid rgb(255 255 255 / .7); border-radius:50%;
  color:#203a4b; background:rgb(255 255 255 / .96);
  box-shadow:0 4px 22px rgb(15 34 48 / .15);
  transition:background .2s,color .2s,transform .2s;
}
.ibu-video__play-icon svg { width:25px; height:25px; margin-left:2px; fill:currentColor; }
.ibu-video__play-label {
  display:block; flex:none; width:auto; height:auto; padding:4px 12px;
  border:0; border-radius:3px; background:rgb(15 34 48 / .7); color:#fff;
}
.ibu-video__load:hover .ibu-video__play-icon { color:#fff; background:var(--ibu-video-accent); transform:scale(1.06); }
.ibu-video .ibu-video__load:focus-visible { outline:3px solid #fff; outline-offset:-6px; }
.ibu-video__frame > iframe { position:absolute; inset:0; width:100%; height:100%; max-width:none; border:0; }
.ibu-video__title { order:1; min-height:0; margin:0; padding:20px 22px 0; color:#203a4b; font-size:20px; line-height:1.4; font-weight:600; }
.ibu-video__caption { order:2; min-height:0; margin:0; padding:8px 22px 20px; color:#626f7b; font-size:14px; line-height:1.7; }
.ibu-video:has(.ibu-video__title):not(:has(.ibu-video__caption))::after { content:""; display:block; order:2; min-height:20px; }
.ibu-video__privacy { order:3; padding:0 22px 18px; color:#526174; font-size:.78rem; line-height:1.65; }
.ibu-video__privacy p { margin:0 0 8px; color:inherit; font:inherit; }
.ibu-video a { color:#96215f; text-decoration:underline; }
.ibu-video :is(a,button):focus-visible { outline:3px solid #76b83e; outline-offset:4px; }
.ibu-video__status:empty { display:none; }
.ibu-video noscript { order:4; padding-inline:22px; font-size:.8rem; }
.ibu-video [hidden] { display:none!important; }
@media(max-width:767px) {
  .ibu-video { max-width:100%; }
  .ibu-video__title { padding-inline:18px; font-size:18px; }
  .ibu-video__caption,.ibu-video__privacy,.ibu-video noscript { padding-inline:18px; }
  .ibu-video__play-icon { width:52px; height:52px; }
}
@media(prefers-reduced-motion:reduce) { .ibu-video__play-icon { transition:none; } }
