.pf-banner{display:flex;align-items:center;gap:12px;padding:11px 22px;border-bottom:2px solid var(--ink);position:relative}.pf-banner .ic{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;border:1.5px solid var(--ink);flex-shrink:0;transform:rotate(-3deg)}.pf-banner .body{flex:1;min-width:0}.pf-banner .t{font-size:13.5px;font-weight:800;letter-spacing:-.2px;line-height:1.25}.pf-banner .t .ser{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400}.pf-banner .s{font-size:12px;margin-top:2px;opacity:.85;line-height:1.35}.pf-banner .actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.pf-banner .btn-bn{padding:6px 11px;border-radius:7px;font-size:12px;font-weight:700;border:1.5px solid;background:transparent;color:inherit;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;transition:opacity .12s}.pf-banner .btn-bn:hover{opacity:.85}.pf-banner .btn-bn.solid{background:currentColor;border-color:currentColor}.pf-banner.demo .btn-bn.solid span{color:var(--pop-3)}.pf-banner.reauth .btn-bn.solid span{color:var(--pop-1)}.pf-banner.maint .btn-bn.solid span{color:var(--ink)}.pf-banner.trial .btn-bn.solid{background:#1d1d1b;border-color:#1d1d1b}.pf-banner.trial .btn-bn.solid span{color:var(--pop-2)}.pf-banner .x{width:24px;height:24px;border-radius:5px;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.7;flex-shrink:0;display:grid;place-items:center;padding:0}.pf-banner .x:hover{opacity:1}.pf-banner.demo{background:var(--pop-3);color:var(--paper)}.pf-banner.demo .ic{background:rgba(255,255,255,.12);color:var(--paper);border-color:rgba(255,255,255,.5)}.pf-banner.reauth{background:var(--pop-1);color:var(--paper)}.pf-banner.reauth .ic{background:rgba(255,255,255,.12);color:var(--paper);border-color:rgba(255,255,255,.5)}.pf-banner.trial{background:var(--pop-2);color:#1d1d1b}.pf-banner.trial .ic{background:#1d1d1b;color:var(--pop-2);border-color:#1d1d1b}.pf-banner.maint{background:var(--ink);color:var(--paper)}.pf-banner.maint .ic{background:rgba(255,255,255,.08);color:var(--pop-2);border-color:rgba(255,255,255,.18)}@media (max-width:639px){.pf-banner{flex-wrap:wrap;padding:11px 40px 11px 16px}.pf-banner .actions{flex-basis:100%;margin-top:4px}.pf-banner .x{position:absolute;top:10px;right:12px}}html:has(.pf-banner.demo.shell){--demo-banner-h:3rem;--topbar-h:calc(var(--topbar-base-h, 5.25rem) + var(--demo-banner-h))!important;--mobile-header-h:calc(5.25rem + var(--demo-banner-h))!important}html:has(.pf-banner.reauth.shell){--reauth-banner-h:3rem;--topbar-h:calc(var(--topbar-base-h, 5.25rem) + var(--reauth-banner-h))!important;--mobile-header-h:calc(5.25rem + var(--reauth-banner-h))!important}.pf-banner.shell{position:fixed;top:5.25rem;left:0;right:0;z-index:29;padding-top:8px;padding-bottom:8px}@media (min-width:1024px){.pf-banner.shell{left:var(--sidebar-w);top:var(--topbar-base-h,5.25rem)}}@media (max-width:639px){.pf-banner.shell{flex-wrap:nowrap}.pf-banner.shell .ic,.pf-banner.shell .s{display:none}.pf-banner.shell .actions{flex-basis:auto;margin-top:0}.pf-banner.shell .x{top:50%;transform:translateY(-50%)}}