.lobbies-header{display:flex;align-items:center;position:relative}.lobbies-header:not(.hide-backdrop):before{content:"";position:absolute;inset:-10px 0;background:rgba(var(--black),.1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);-webkit-mask-image:linear-gradient(rgb(var(--black),.95) 45%,rgba(var(--black),.8) 60%,rgba(var(--black),0) 100%);mask-image:linear-gradient(rgb(var(--black),.95) 45%,rgba(var(--black),.8) 60%,rgba(var(--black),0) 100%);pointer-events:none;z-index:-1}.lobbies-header-placeholder{display:none}.lobbies-header .lp-logo{display:inline-flex}.lobbies-toggle{width:25px;height:25px;background-color:var(--white);fill:rgb(var(--black));border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(1);transition:transform .1s ease-out}.lobbies-toggle.has-avatar{background-color:transparent}.lobbies-toggle .avatar.avatar-size-tiny{width:25px;height:25px;flex:0 0 25px}.lobbies-toggle svg{width:13px;height:auto}.lobbies-toggle:hover{transform:scale(1.04)}.lobbies-toggle:active{transform:scale(.96)}.lobbies-toggle-avatar{margin-right:8px}.lobbies-header.lobbies-header-light .lobbies-toggle{background-color:rgba(var(--black));fill:var(--white);stroke:var(--white)}.lobbies-toggle-spectators{margin-right:8px;padding:0}.lobbies-toggle-spectators svg{width:14px;height:auto}.lobbies-toggle-spectators .svg-icon-eye{stroke:rgb(var(--black));fill:rgb(var(--black))}.lobbies-toggle-chat .chat-new-messages{border:none;top:auto;bottom:-10px;right:-6px}.lobbies-header.lobbies-header-light .lobbies-toggle-spectators .svg-icon-eye{stroke:var(--white);fill:var(--white)}@media screen and (max-width:658px){.lobby-screen .lobbies-header-placeholder,.main-game .lobbies-header-placeholder{height:60px;display:block}.lobbies-header{position:fixed;z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;left:0;top:0;padding:16px 10px;box-sizing:border-box;background-color:transparent}.lobbies-header .lp-logo svg{width:25px;height:auto}.lobbies-header .lp-logo{margin-right:auto}.lobbies-header.lobbies-header-light:before{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);-webkit-mask-image:linear-gradient(rgb(255,255,255,.95) 45%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0));mask-image:linear-gradient(rgb(255,255,255,.95) 45%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0))}}