/* Durable approved artwork for each video, including buffering and source release. */
/* Keep the artwork ABOVE the native video layer. Safari can composite a black
   surface while buffering even when the video is transparent. */
video[data-ops-first-frame]{opacity:1}
video.atlas-reactor-motion[data-ops-first-frame]{opacity:0}
video.atlas-reactor-motion[data-ops-frame-ready="1"]{opacity:1}
body.ops .op-main .op-hero__showcase img.ops-video-placeholder.ops-monitor__screen,
img.ops-video-placeholder.ops-monitor__screen{height:60.74%;z-index:2}
video.ops-monitor__screen[data-ops-first-frame]{z-index:1}
img.ops-video-placeholder[data-ops-frame-ready="1"]{visibility:hidden}
img.ops-video-placeholder{display:block;pointer-events:none}
body[data-ops-brand] img.ops-video-placeholder.atlas-reactor-motion{z-index:-1}
body[data-ops-brand] video[data-ops-first-frame].atlas-reactor-motion{z-index:-1}

html body.ops footer .mini a{display:inline-flex;align-items:center;min-height:28px;min-width:24px}
html body.ops footer .ops-powered{margin:20px 0 12px;font:600 14px Lato,sans-serif}
html body.ops footer .ops-powered a{color:#dab0ff;display:inline-flex;align-items:center;min-height:28px}
/* Give the answers a readable light section between the closing dark panels. */
html body.ops .op-main #faq{background:#fff;color:#252232}
html body.ops .op-main #faq > .op-starsbg{opacity:.025}
html body.ops .op-main #faq :is(h2,h3,p,summary,.op-accent){color:#252232!important;text-shadow:none}
html body.ops .op-main #faq details{background:#faf8fd;border-color:#ddd4e8;color:#252232}
html body.ops .op-main #faq .op-a{color:#45404f}