body.v3-app-banner-open{overflow:hidden}#v3-layout .v3-app-banner-backdrop{background:rgba(0,0,0,.5);inset:0;opacity:0;position:fixed;transition:opacity var(--transition-base),visibility var(--transition-base);visibility:hidden;z-index:10001}#v3-layout .v3-app-banner-backdrop.active{opacity:1;visibility:visible}#v3-layout .v3-app-banner{background:url(/images/v2/app-banner-bg.png) top/100% 100% no-repeat;bottom:0;left:0;margin:0 auto;max-width:520px;min-height:150px;padding:105px var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));position:fixed;right:0;text-align:center;transform:translateY(100%);transition:transform var(--transition-slow);z-index:10002}#v3-layout .v3-app-banner.active{transform:translateY(0)}#v3-layout .v3-app-banner-title{color:var(--color-purple-700);font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-2)}#v3-layout .v3-app-banner-subtitle{color:var(--color-gray-600);font-size:var(--text-base);margin:0 0 var(--space-5)}#v3-layout .v3-app-banner-actions{display:flex;flex-direction:column;gap:var(--space-3)}#v3-layout .v3-app-banner-cta{background:var(--color-purple-700);color:var(--text-inverse);width:100%}#v3-layout .v3-app-banner-cta:hover{background:var(--color-purple-800)}#v3-layout .v3-app-banner-logo{height:18px;width:auto}#v3-layout .v3-app-banner-dismiss{background:none;border:none;color:var(--color-gray-500);cursor:pointer;font-family:inherit;font-size:var(--text-sm);padding:var(--space-2)}#v3-layout .v3-app-banner-dismiss:hover{color:var(--color-gray-700)}