.chatroomTopbar{box-sizing:border-box;background-color:var(--secondary-background-color);width:100%;color:var(--primary-text-color);border-bottom:var(--primary-border);z-index:101;height:100%;padding:env(safe-area-inset-top,0px)var(--spacing-sm)0 var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none;grid-area:chatroomTopbar;display:flex;position:relative}@media (width>=481px){.chatroomTopbar{padding:env(safe-area-inset-top,0px)var(--spacing-md)0 var(--spacing-md);gap:var(--spacing-md)}}@media (width>=769px){.chatroomTopbar{padding:env(safe-area-inset-top,0px)var(--spacing-lg)0 var(--spacing-lg);gap:var(--spacing-lg)}}.chatroomTopbar .backToHomePageButton{color:var(--primary-text-color);cursor:pointer;transition:color var(--chatroom-transition-fast);min-width:var(--chatroom-touch-target-min);min-height:var(--chatroom-touch-target-min);padding:var(--spacing-sm);background-color:#0000;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chatroomTopbar .backToHomePageButton svg{width:var(--chatroom-icon-size-medium);height:var(--chatroom-icon-size-medium)}.chatroomTopbar .backToHomePageButton:hover{color:var(--primary-active-color)}.chatroomTopbar .backToHomePageButton:active{transform:scale(.95)}@media (width>=769px){.chatroomTopbar .backToHomePageButton svg{width:var(--chatroom-icon-size-large);height:var(--chatroom-icon-size-large)}}.chatroomTopbar .chatroom-selector{min-width:120px;max-width:300px;height:36px;padding:0 var(--spacing-md);background-color:var(--tertiary-background-color);color:var(--primary-text-color);border:var(--primary-border);border-radius:var(--primary-border-radius);font-size:16px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--chatroom-transition-fast);outline:none;flex:1}.chatroomTopbar .chatroom-selector:hover{border-color:var(--primary-active-color)}.chatroomTopbar .chatroom-selector:focus{border-color:var(--primary-active-color);box-shadow:0 0 0 3px #ff99001a}@media (width>=481px){.chatroomTopbar .chatroom-selector{height:40px;font-size:1rem}}.chatroomTopbar .chatroomActionsButtons{justify-content:flex-end;align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}@media (width>=481px){.chatroomTopbar .chatroomActionsButtons{gap:var(--spacing-sm)}}@media (width>=769px){.chatroomTopbar .chatroomActionsButtons{gap:var(--spacing-md)}}.chatroomTopbar .chatroomActionsButtons .topBarActionButton{color:var(--secondary-text-color);cursor:pointer;transition:all var(--chatroom-transition-fast);min-width:var(--chatroom-touch-target-min);min-height:var(--chatroom-touch-target-min);padding:var(--spacing-sm);background-color:#0000;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.chatroomTopbar .chatroomActionsButtons .topBarActionButton svg{width:var(--chatroom-icon-size-medium);height:var(--chatroom-icon-size-medium);transition:transform var(--chatroom-transition-fast)}.chatroomTopbar .chatroomActionsButtons .topBarActionButton:hover{background-color:var(--tertiary-background-color);color:var(--primary-text-color)}.chatroomTopbar .chatroomActionsButtons .topBarActionButton:active{transform:scale(.9)}.chatroomTopbar .chatroomActionsButtons .topBarActionButton:focus-visible{outline:2px solid var(--primary-active-color);outline-offset:2px}@media (width>=769px){.chatroomTopbar .chatroomActionsButtons .topBarActionButton svg{width:var(--chatroom-icon-size-large);height:var(--chatroom-icon-size-large)}}.chatroomTopbar .chatroomActionsButtons .topBarActionButtonActive{color:var(--primary-active-color);background-color:#ff99001a}.chatroomTopbar .chatroomActionsButtons .topBarActionButtonActive:hover{background-color:#ff990026}.chatroomTopbar .chatroomActionsButtons .topBarActionButtonActive svg{transform:scale(1.05)}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(2)}}