.oui-connection-banner{z-index:var(--oui-connection-banner-z,900);font-size:var(--font-sm,.875rem);font-weight:var(--font-weight-medium,500);text-align:center;color:var(--oui-connection-banner-fg,#ffd280);background:var(--oui-connection-banner-bg,#422b00);box-shadow:var(--oui-connection-banner-shadow,0 0 3px 1px #ffd28059);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:fixed;left:0;right:0}.oui-connection-banner._top{padding-top:max(8px, env(safe-area-inset-top));top:0}.oui-connection-banner._bottom{padding-bottom:max(8px, env(safe-area-inset-bottom));bottom:0}.oui-connection-banner-icon{flex-shrink:0;width:1.125rem;height:1.125rem}.oui-connection-banner-text{line-height:1.35}.oui-connection-banner-enter-active,.oui-connection-banner-leave-active{transition:opacity .2s,transform .2s}.oui-connection-banner-enter-from._top,.oui-connection-banner-leave-to._top{opacity:0;transform:translateY(-100%)}.oui-connection-banner-enter-from._bottom,.oui-connection-banner-leave-to._bottom{opacity:0;transform:translateY(100%)}