.env-top-banner[data-v-b42892b0]{z-index:9999;justify-content:center;align-items:center;gap:var(--spacing-md);box-sizing:border-box;padding:env(safe-area-inset-top,0px) var(--spacing-md) 0;height:var(--env-banner-height,calc(32px + env(safe-area-inset-top,0px)));background:var(--env-bg-light);border-bottom:2px solid var(--env-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.body--dark .env-top-banner[data-v-b42892b0]{background:var(--env-bg-dark)}.env-banner-content[data-v-b42892b0]{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex;overflow:hidden}.env-icon[data-v-b42892b0]{color:var(--env-color);flex-shrink:0;font-size:1.2rem}.env-banner-text[data-v-b42892b0]{color:#1d1f23;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.body--dark .env-banner-text[data-v-b42892b0]{color:#fff}@media (max-width:600px){.env-banner-text[data-v-b42892b0]{font-size:.7rem}}.env-dismiss-btn[data-v-b42892b0]{right:var(--spacing-sm);color:var(--env-color);position:absolute}.env-dismiss-btn[data-v-b42892b0]:hover{background:var(--env-bg-dark)}.sr-only[data-v-b42892b0]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.banner-slide-enter-active[data-v-b42892b0]{animation:.4s cubic-bezier(.4,0,.2,1) slideDown-b42892b0}.banner-slide-leave-active[data-v-b42892b0]{animation:.3s cubic-bezier(.4,0,.2,1) slideUp-b42892b0}@keyframes slideDown-b42892b0{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-b42892b0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}