/* Fileora popup announcements (works with any theme). */
.fon{--fon-bg:#fff;--fon-ink:#16182F;--fon-muted:#4b5070;--fon-line:#e1e3ee;position:fixed;z-index:999990;font:400 15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fon-ink)}
.fon-dark{--fon-bg:#16182F;--fon-ink:#F3F4FA;--fon-muted:#C4C8DE;--fon-line:#2c3052}
.fon-accent{--fon-bg:var(--fon-accent);--fon-ink:#16182F;--fon-muted:#2b2e48;--fon-line:rgba(0,0,0,.12)}
.fon *{box-sizing:border-box}
.fon-box{position:relative;background:var(--fon-bg);color:var(--fon-ink);box-shadow:0 24px 60px -18px rgba(10,12,30,.45),0 2px 6px rgba(10,12,30,.12);outline:0}
.fon-title{margin:0 32px 6px 0!important;font:700 18px/1.3 inherit!important;color:inherit!important;letter-spacing:-.01em;padding:0!important;border:0!important}
.fon-body{color:var(--fon-muted)}
.fon-body>*{margin:0 0 .6em!important}
.fon-body>*:last-child{margin-bottom:0!important}
.fon-body a{color:inherit;text-decoration:underline}
.fon-cta{margin:14px 0 0!important}
.fon-btn{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:12px;background:var(--fon-accent);color:#16182F!important;font-weight:600;text-decoration:none!important}
.fon-accent .fon-btn{background:#16182F;color:#fff!important}
.fon-x{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer;opacity:.75}
.fon-x:hover,.fon-x:focus-visible{opacity:1;background:rgba(127,127,127,.15)}
.fon-pv{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#d03b3b;color:#fff;border-radius:6px;padding:2px 6px;margin-bottom:8px}
/* centre popup */
.fon-center{inset:0;display:grid;place-items:center;padding:16px}
.fon-bg{position:absolute;inset:0;background:rgba(12,14,30,.55);opacity:0;transition:opacity .2s}
.fon-center .fon-box{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:20px;padding:24px 24px 22px;transform:translateY(12px) scale(.98);opacity:0;transition:transform .2s,opacity .2s}
.fon-center.fon-in .fon-bg{opacity:1}
.fon-center.fon-in .fon-box{transform:none;opacity:1}
html.fon-lock{overflow:hidden}
/* bars */
.fon-top,.fon-bottom{left:0;right:0}
.fon-top{top:0}.fon-bottom{bottom:0}
.admin-bar .fon-top{top:32px}
.fon-top .fon-box,.fon-bottom .fon-box{padding:12px 56px 12px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;justify-content:center;text-align:center;border-radius:0;transform:translateY(-100%);transition:transform .25s}
.fon-bottom .fon-box{transform:translateY(100%)}
.fon-top .fon-title,.fon-bottom .fon-title{font-size:15px!important;margin:0!important}
.fon-top .fon-cta,.fon-bottom .fon-cta{margin:0!important}
.fon-top .fon-btn,.fon-bottom .fon-btn{min-height:34px;padding:0 14px;border-radius:9px;font-size:14px}
.fon-top .fon-x,.fon-bottom .fon-x{top:50%;transform:translateY(-50%)}
.fon-top.fon-in .fon-box,.fon-bottom.fon-in .fon-box{transform:none}
/* corner card */
.fon-corner{right:16px;bottom:16px;width:min(360px,calc(100vw - 32px))}
.fon-corner .fon-box{border-radius:18px;padding:18px 18px 16px;transform:translateY(16px);opacity:0;transition:transform .2s,opacity .2s}
.fon-corner.fon-in .fon-box{transform:none;opacity:1}
@media (max-width:600px){
  .admin-bar .fon-top{top:0}
  .fon-center{place-items:end center;padding:0}
  .fon-center .fon-box{width:100%;border-radius:20px 20px 0 0;max-height:85vh}
  .fon-corner{left:12px;right:12px;bottom:12px;width:auto}
}
@media (prefers-reduced-motion:reduce){.fon *{transition:none!important}}