.ChatRoomSidebar_wrap__g2Y8A{height:100%;width:23.125rem}@media screen and (max-width:480px){.ChatRoomSidebar_wrap__g2Y8A{width:100vw}}.ChatRoomSidebar_sidebar__gqSua{overflow:hidden;z-index:100;width:23.125rem;max-width:23.125rem;box-shadow:0 0 .3125rem 0 rgba(0,0,0,.2);transition:width,left,right,.15s;background-color:#28282f}@media screen and (max-width:480px){.ChatRoomSidebar_sidebar__gqSua{max-width:100%;width:100%;height:100%}}.ChatRoomSidebar_sidebar__gqSua .ChatRoomSidebar_header__tGDDE{display:flex;justify-content:space-between;align-items:center;background-color:#303038;height:3.125rem;color:#a7afb7;padding:0 .625rem}.ChatRoomSidebar_sidebar__gqSua .ChatRoomSidebar_header__tGDDE .ChatRoomSidebar_closebtn__OY2aF{font-size:.875rem;background-color:rgba(0,0,0,0);border-radius:100%;transition:all .15s ease;cursor:pointer;border:none}.ChatRoomSidebar_sidebar__gqSua .ChatRoomSidebar_header__tGDDE .ChatRoomSidebar_closebtn__OY2aF:hover{background-color:#3f3f48;color:#fff}.ChatRoomSidebar_sidebar__gqSua .ChatRoomSidebar_header__tGDDE .ChatRoomSidebar_rulesbtn__9FLzD{font-size:.875rem;background-color:rgba(0,0,0,0);border-radius:100%;transition:all .15s ease;cursor:pointer;border:none;margin-right:.625rem}.ChatRoomSidebar_sidebar__gqSua .ChatRoomSidebar_header__tGDDE .ChatRoomSidebar_rulesbtn__9FLzD:hover{background-color:#3f3f48;color:#fff}.ChatRoomSidebar_sidebar__gqSua .ChatRoomSidebar_chatroom__SjCF0{height:calc(100vh - 3.125rem)}@media screen and (max-width:480px){.ChatRoomSidebar_sidebar__gqSua .ChatRoomSidebar_chatroom__SjCF0{height:calc(100% - 3.125rem)}}.ChatRoomSidebar_rules__IqjQJ{margin:1.25rem;color:#a7afb7}.ChatRoomSidebar_rules__IqjQJ .ChatRoomSidebar_title__hc0AM{color:#fff}.ChatRoomSidebar_rules__IqjQJ ul{list-style-type:none;margin:.625rem 0 0;padding:0}.ChatRoomSidebar_rules__IqjQJ ul li:before{content:"•";font-size:1.25rem;padding-right:.3125rem}