.user-bar-container{background:#3e404a;color:#141414;font-size:.875rem;position:fixed;left:0;right:0;width:100%;z-index:1001;transition:all .4s ease-in-out}.user-bar-content{display:flex;justify-content:flex-end;align-items:center;padding:.5rem 1rem}.user-dropdown{position:relative;display:inline-block}.user-dropdown-btn{background:0 0;border:0;color:#fff;cursor:pointer;padding:.25rem .5rem;font-size:.8rem;font-family:inherit;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:color .2s ease}.user-dropdown-btn:hover{color:#f0f0f0}.user-dropdown-btn::after{content:"";display:inline-block;width:15px;height:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.user-dropdown-menu{display:none;position:absolute;right:0;top:100%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:200px;overflow:hidden;z-index:1000;border-top:3px solid #e30613}.user-dropdown-menu.show{display:block}.user-dropdown-header{padding:.75rem;color:#141414;font-size:.875rem;font-family:inherit;font-weight:500;border-bottom:1px solid #ddd;text-align:right}.user-dropdown-email{display:block;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.user-dropdown-items{display:flex;flex-direction:column}.user-dropdown-item,.user-dropdown-logout{width:100%;background:0 0;border:0;color:#141414;cursor:pointer;font-size:.875rem;font-family:inherit;text-align:right}.user-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:opacity .2s ease}.user-dropdown-item:hover{opacity:.7}.user-dropdown-item:active{opacity:.5}.user-dropdown-item .item-icon{display:inline-block;width:16px;height:16px;flex-shrink:0}.user-dropdown-item .item-label{flex:1;text-align:right}.user-dropdown-logout{padding:.5rem .75rem;transition:background-color .2s ease}.user-dropdown-logout:hover{background:#f5f5f5}.user-dropdown-logout:active{background:#efefef}@media (max-width:768px){.user-bar-content{padding:.4rem .8rem}.user-dropdown-btn{font-size:.75rem;padding:.2rem .4rem}.user-dropdown-menu{min-width:180px}.user-dropdown-header{padding:.6rem}.user-dropdown-item{padding:.4rem .6rem;font-size:.8rem}.user-dropdown-logout{padding:.4rem .6rem}}.login-button{background:#e30613;color:#fff;border:0;padding:.1rem .5rem;line-height:1.25rem;font-size:.875rem;font-family:inherit;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease;text-transform:uppercase}.login-button:hover{background:#c10510;box-shadow:0 2px 8px rgba(227,6,19,.3)}.login-button:active{background:#a30409;box-shadow:0 1px 4px rgba(227,6,19,.2)}@media (max-width:768px){.login-button{padding:.4rem .8rem;font-size:.8rem}}@media (max-width:480px){.login-button{padding:.35rem .6rem;font-size:.7rem}}