.progressive-image,.progressive-video{border-radius:inherit;width:100%;display:block;position:relative;overflow:hidden}.progressive-image{background-color:#e5eaf3;background-repeat:no-repeat;background-size:100% 100%}.runblob-v2 .progressive-image>img{object-fit:contain;opacity:0;background:0 0;width:100%;height:100%;transition:opacity .4s;display:block}.runblob-v2 .progressive-image>img[data-ready=true]{opacity:1}.runblob-v2 .progressive-video>video{object-fit:contain;opacity:0;background:0 0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.runblob-v2 .progressive-video[data-playing=true]>video{opacity:1}.runblob-v2 :is(.template-card,.output-pair figure)>.progressive-image,.runblob-v2 :is(.template-card,.output-pair figure)>.progressive-video{border-radius:12px}.banner-video-group>.progressive-video{border-radius:9px;flex-shrink:0}@media (prefers-reduced-motion:reduce){.runblob-v2 .progressive-image>img,.runblob-v2 .progressive-video>video{transition:none}.banner-video-group>.progressive-video:nth-child(n+2){display:none}}.api-generation-canvas>.progressive-image{height:100%;transition:none}
.announcement-bar{z-index:1;color:#fff;text-align:center;background:linear-gradient(110deg,#5956df 0%,#5b58e3 100%);justify-content:center;align-items:center;gap:11px;width:100%;min-height:34px;padding:7px 20px;font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:20px;display:flex;position:relative;box-shadow:0 3px 14px #5956df30,inset 0 1px #ffffff24}.announcement-bar strong{color:inherit;font-weight:700}.announcement-bar>a,.runblob-dashboard .announcement-bar>a:hover{color:#fff}.announcement-bar>a:hover{text-underline-offset:3px;text-decoration:underline}.announcement-bar>a:focus-visible,.runblob-dashboard .announcement-bar>a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #fff}.announcement-bar>svg{filter:drop-shadow(0 0 5px #ffffff70);flex-shrink:0}.runblob-dashboard:has(>.announcement-bar) .dashboard-frame{min-height:calc(100svh - 120px)}@media (max-width:480px){.announcement-bar{gap:8px;padding-inline:12px;font-size:12px}}