.top-banner{position:fixed;top:var(--top-banner-top,100px);left:0;right:0;z-index:99;padding:0 2rem;display:none;pointer-events:none}.top-banner.active{display:block}.top-banner-content{pointer-events:auto;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:.55rem 1.5rem;border-radius:14px;font-size:.86rem;color:var(--text);text-align:center;background:rgba(10,15,25,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.top-banner-content a{color:var(--cyan);text-decoration:none;font-weight:600;white-space:nowrap}.top-banner-content a:focus-visible,.top-banner-content a:hover{text-decoration:underline}.top-banner--tagio .top-banner-content{background-image:linear-gradient(90deg,rgba(217,140,18,.18),rgba(34,211,238,.08) 60%,rgba(139,92,246,.1));border:1px solid rgba(217,140,18,.4)}.top-banner--tagio .top-banner-mark{width:22px;height:22px;border-radius:5px}.top-banner--tagio .top-banner-content a,.top-banner--tagio b{color:#ffb020}.top-banner-tag{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a1206;background:#ffb020;padding:2px 7px;border-radius:4px}.top-banner-short{display:none}@media (max-width:640px){.top-banner--tagio .top-banner-content{justify-content:flex-start;flex-wrap:nowrap;padding:.5rem .9rem}.top-banner-long,.top-banner-tag{display:none}.top-banner-short{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}