.vv-cp-banner{--vv-cp-green:#138a48;--vv-cp-green-2:#1aa058;--vv-cp-h:44px;color:#fff;background:linear-gradient(100deg, var(--vv-cp-green) 0%, var(--vv-cp-green-2) 55%, var(--vv-cp-green) 100%);width:100%;position:relative;overflow:hidden}html.dark .vv-cp-banner,html.vvault-theme-dark .vv-cp-banner{--vv-cp-green:#0f7a3e;--vv-cp-green-2:#15904c}.vv-cp-banner-row{height:var(--vv-cp-h);justify-content:center;align-items:center;gap:12px;max-width:1400px;margin:0 auto;padding:0 52px;animation:.3s cubic-bezier(.22,1,.36,1) backwards vv-cp-banner-grow;display:flex}@keyframes vv-cp-banner-grow{0%{opacity:0;height:0}to{height:var(--vv-cp-h);opacity:1}}.vv-cp-banner-icon{color:#fff;background:#ffffff2e;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.vv-cp-banner-text{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;margin:0;font-size:13.5px;line-height:1.2;display:flex}.vv-cp-banner-title{letter-spacing:-.005em;font-weight:650}.vv-cp-banner-sub{text-overflow:ellipsis;color:#ffffffd1;overflow:hidden}.vv-cp-banner-sub:before{content:"·";color:#fff9;margin-right:8px}.vv-cp-banner-short{text-overflow:ellipsis;font-weight:650;display:none;overflow:hidden}.vv-cp-banner-join{background:#fff;border-radius:999px;flex-shrink:0;align-items:center;height:28px;padding:0 14px;font-size:12.5px;font-weight:650;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;color:var(--vv-cp-green)!important}.vv-cp-banner-join:hover{background:#ffffffe6}.vv-cp-banner-join:active{transform:scale(.97)}.vv-cp-banner-join:focus-visible,.vv-cp-banner-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.vv-cp-banner-close{color:#ffffffd9;border-radius:999px;place-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.vv-cp-banner-close:hover{color:#fff;background:#ffffff29}@media (max-width:767px){.vv-cp-banner-row{justify-content:flex-start;gap:10px;padding:0 46px 0 16px}.vv-cp-banner-icon,.vv-cp-banner-title,.vv-cp-banner-sub{display:none}.vv-cp-banner-short{flex:auto;min-width:0;display:block}.vv-cp-banner-text{flex:auto;font-size:13px}.vv-cp-banner-close{right:8px}}@media (prefers-reduced-motion:reduce){.vv-cp-banner-row{animation:none}}
