/* FixFlip favicon-to-wordmark reveal. 1.6s, dependency-free. */
.ff-opening{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#f5f7fa;overflow:hidden;pointer-events:none;animation:ff-exit .22s 1.38s ease forwards;font-family:Arial,sans-serif}
.ff-opening.ff-fullscreen{position:fixed;z-index:99999}
.ff-opening__center{position:relative;width:min(72%,480px);height:120px;display:grid;place-items:center}
.ff-opening__favicon{position:absolute;display:block;width:76px;height:76px;object-fit:contain;animation:ff-icon 1.1s cubic-bezier(.22,1,.36,1) both}
.ff-opening__logo{display:block;width:100%;height:auto;animation:ff-wordmark 1.1s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}
.ff-opening__skip{position:absolute;bottom:22px;right:24px;pointer-events:auto;background:transparent;border:1px solid #b9c3ce;border-radius:4px;color:#122036;padding:10px 15px;font-size:12px;cursor:pointer}
.ff-opening__skip:focus-visible{outline:3px solid #1468c9;outline-offset:3px}
@keyframes ff-icon{0%{opacity:0;transform:scale(.8)}15%,35%{opacity:1;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.25)}}
@keyframes ff-wordmark{0%,32%{opacity:0;transform:scale(.35);clip-path:inset(0 42%)}78%,100%{opacity:1;transform:scale(1);clip-path:inset(0 0)}}
@keyframes ff-exit{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.ff-opening{display:none!important}.ff-opening *{animation:none!important}}