:root{--navbar-height:86px}.signin-banner{position:fixed;top:var(--navbar-height);left:0;right:0;background:var(--accent-color);color:#fff;padding:12px 20px;z-index:98;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px rgba(0,0,0,.1)}.signin-banner-content{display:flex;align-items:center;gap:12px}.signin-banner-icon{width:24px;height:24px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:14px}.signin-banner-text{font-size:14px;font-weight:500}.signin-banner-actions{display:flex;align-items:center;gap:8px}.signin-banner-signin-btn{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;padding:6px 12px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.signin-banner-signin-btn:hover{background:hsla(0,0%,100%,.3)}.signin-banner-signup-btn{background:#fff;border:none;border-radius:6px;padding:6px 12px;color:var(--accent-color);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.signin-banner-signup-btn:hover{background:hsla(0,0%,100%,.9)}.signin-banner-dismiss-btn{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;padding:4px;font-size:16px;line-height:1;transition:color .2s ease}.signin-banner-dismiss-btn:hover{color:#fff}