#fpn-notice[hidden]{display:none!important}
#fpn-notice{box-sizing:border-box;position:fixed;left:max(20px,env(safe-area-inset-left));top:calc(var(--fpn-top,24px) + env(safe-area-inset-top));bottom:auto;z-index:99990;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 40px);padding:18px 34px 18px 16px;border:1px solid #e7e9ed;border-radius:14px;background:#fff;color:#273240;box-shadow:0 10px 40px #16233724;font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:start;opacity:0;transform:translateX(calc(-100% - max(60px, env(safe-area-inset-left))));transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1);overflow:hidden}
#fpn-notice.fpn-visible{opacity:1;transform:translateX(0)}
#fpn-notice .fpn-image{width:56px;height:56px;flex:0 0 56px;object-fit:cover;border-radius:10px;margin:0}
#fpn-notice .fpn-body{min-width:0;overflow-wrap:anywhere}
#fpn-notice p{margin:0;padding:0;font:inherit;color:inherit}
#fpn-notice strong{font-weight:650;color:#111c2b}
#fpn-notice .fpn-close{position:absolute;right:3px;top:3px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;padding:0;margin:0;background:transparent;border:0;box-shadow:none;border-radius:6px;color:#697482;font:23px/1 sans-serif;cursor:pointer}
#fpn-notice .fpn-close:hover{background:#f0f3f6;color:#172231}
#fpn-notice .fpn-close:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}
#fpn-notice .fpn-country{display:block;margin-top:5px;font-size:11px;color:#74808d}
#fpn-notice .fpn-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--fpn-bar-color,#d65050);transform-origin:left;animation:fpn-drain linear forwards;animation-play-state:paused}
@keyframes fpn-drain{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:480px){#fpn-notice{left:12px;max-width:calc(100vw - 24px);font-size:13px}}
@media(prefers-reduced-motion:reduce){#fpn-notice{transform:none;transition:none}#fpn-notice .fpn-progress{display:none}}

#fpn-notice .fpn-flag{font-size:22px;line-height:1;vertical-align:-2px;margin-inline-end:3px}

#fpn-notice .fpn-body span,#fpn-notice del{font-weight:400}#fpn-notice del{text-decoration:line-through}#fpn-notice a{font-weight:400;color:#176342;text-decoration:underline}body.admin-bar #fpn-notice{top:calc(var(--fpn-top,24px) + 32px + env(safe-area-inset-top))}@media(max-width:782px){body.admin-bar #fpn-notice{top:calc(var(--fpn-top,24px) + 46px + env(safe-area-inset-top))}}

/* Bottom is the default; top placement is explicitly selected. */
#fpn-notice{top:auto;bottom:calc(var(--fpn-top,24px) + env(safe-area-inset-bottom))}
body.admin-bar #fpn-notice{top:auto}
#fpn-notice[data-position="top"]{bottom:auto;top:calc(var(--fpn-top,24px) + env(safe-area-inset-top))}
body.admin-bar #fpn-notice[data-position="top"]{top:calc(var(--fpn-top,24px) + 32px + env(safe-area-inset-top))}
@media(max-width:782px){body.admin-bar #fpn-notice[data-position="top"]{top:calc(var(--fpn-top,24px) + 46px + env(safe-area-inset-top))}}

#fpn-notice .fpn-avatar{display:block;width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:50%;margin:0;border:0;box-shadow:none}