.RoomDirectoryView{overflow:hidden}.RoomDirectoryView_header{overflow:hidden;display:flex;justify-content:center;padding-left:10px;padding-bottom:80px;padding-right:10px;background:url(/assets/matrix-lines-hero-2e9e8f5d.svg),linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:cover,400% 400%;background-position:100% 50%,0% 50%;animation:Gradient 10s ease infinite;color:#fff}@media (prefers-reduced-motion){.RoomDirectoryView_header{animation:none}}@keyframes Gradient{0%{background-position:100% 50%,0% 50%}50%{background-position:100% 50%,100% 50%}to{background-position:100% 50%,0% 50%}}.RoomDirectoryView_headerForm{display:inline-flex;flex-direction:column;align-items:center;padding-top:80px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25));will-change:transform}.RoomDirectoryView_matrixLogo{width:100%;max-width:170px;padding:9px;border:2px solid transparent;border-radius:8px;color:#fff}.RoomDirectoryView_matrixLogo:focus{background-color:#ffffff08;border:2px solid rgba(213,231,246,.5);outline:none}.RoomDirectoryView_subHeader{margin-top:9px;margin-bottom:26px;font-weight:400;font-size:16px}.RoomDirectoryView_search{position:relative;width:100%;max-width:370px}.RoomDirectoryView_searchIcon{position:absolute;top:50%;transform:translateY(-50%);width:14px;color:#ffffffbf;margin-left:9px;margin-right:9px}.RoomDirectoryView_searchInput{display:block;width:100%;height:32px;padding-left:32px;padding-right:8px;background:rgba(255,255,255,.25);border-radius:8px;border:2px solid transparent;transition:border-color .2s ease;font-size:14px;color:#fff}.RoomDirectoryView_searchInput:hover{border:2px solid rgba(213,231,246,.3)}.RoomDirectoryView_searchInput:focus{border:2px solid rgba(213,231,246,.5);outline:none}.RoomDirectoryView_searchInput::placeholder{color:#eee}.RoomDirectoryView_homeserverSelectSection{display:flex;align-items:center;margin-top:16px}.RoomDirectoryView_homeserverSelector{margin-left:1ch;padding:2px 2px 2px 6px;background:rgba(255,255,255,.2);border-radius:4px;border:2px solid transparent;transition:border-color .2s ease;color:#fff}.RoomDirectoryView_homeserverSelector:hover{border:2px solid rgba(213,231,246,.3)}.RoomDirectoryView_homeserverSelector:focus{border:2px solid rgba(213,231,246,.5);outline:none}.RoomDirectoryView_homeserverSelector>*{color:initial}.RoomDirectoryView_notificationToast{position:fixed;top:20px;left:20px;max-width:450px;margin-right:20px;padding:20px;background:hsl(207deg 36% 18% / 90%);border-radius:8px;color:#fff}.RoomDirectoryView_notificationToastTitle{margin-top:0;margin-bottom:0;font-size:14px;font-weight:700}.RoomDirectoryView_notificationToastDescription{margin-top:1em;margin-bottom:0}.RoomDirectoryView_mainContent{display:flex;flex-direction:column;align-items:center;margin-bottom:160px}.RoomDirectoryView_paginationButtonCombo{margin-top:20px}.RoomDirectoryView_paginationButtonCombo>.RoomDirectoryView_paginationButton:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.RoomDirectoryView_paginationButtonCombo>.RoomDirectoryView_paginationButton:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.RoomDirectoryView_paginationButtonCombo>.RoomDirectoryView_paginationButton+.RoomDirectoryView_paginationButton{border-left:0}.RoomDirectoryView_paginationButton{display:inline-block;padding:16px 24px;background-color:transparent;border:1px solid #dee2e6;border-radius:4px;color:#2774c2;line-height:24px;text-decoration:none}.RoomDirectoryView_paginationButton:hover,.RoomDirectoryView_paginationButton:focus{background-color:#2774c2;color:#fff;outline:none}@media (min-width: 750px){.RoomDirectoryView_paginationButton{padding:12px 18px}}.RoomDirectoryView_paginationButton:not([href]){background-color:transparent;border:1px solid #dee2e6;color:#abb5be}.RoomDirectoryView_mainContentSection{width:100%;max-width:1180px;padding-left:20px;padding-right:20px;margin-top:15px;margin-bottom:0}.RoomDirectoryView_roomList{display:grid;gap:20px}.RoomDirectoryView_roomListError{display:block;line-height:1.5}.RoomDirectoryView_codeBlock{overflow:auto;padding:.5em .8em;background-color:#f6f6f6;border:1px solid rgb(233,233,233);border-radius:4px}@media (min-width: 750px){.RoomDirectoryView_mainContentSection{margin-top:30px;padding-left:40px;padding-right:40px}.RoomDirectoryView_roomList{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.RoomDirectoryView_roomList{grid-template-columns:repeat(3,1fr)}}.RoomDirectoryView_safeSearchToggleSection{display:flex;justify-content:flex-end}.RoomDirectoryView_safeSearchToggle{display:flex;align-items:center}.RoomDirectoryView_safeSearchToggleLabel{padding-left:.3em}.RoomDirectoryView_safeSearchToggleCheckbox{appearance:none;position:relative;width:20px;height:10px;background-color:#fff;border:2px solid rgba(200,200,200,1);box-shadow:inset -10px 0 #c8c8c8;border-radius:10px;transition:all .2s ease}.RoomDirectoryView_safeSearchToggleCheckbox:checked{border:2px solid #2774c2;box-shadow:inset 10px 0 #2774c2}.RoomCardView{overflow:hidden;display:flex;flex-direction:column;margin:0;padding:20px;list-style:none;border:1px solid rgba(54,139,214,30%);border-radius:8px}.RoomCardView.blockedBySafeSearch{background-color:#d0d9e1}.RoomCardView_header{display:flex;align-items:top;text-decoration:none}.RoomCardView_headerTitle{overflow:hidden;display:-webkit-box;max-height:48px;margin-top:0;margin-left:8px;margin-bottom:0;font-size:16px;line-height:24px;font-weight:400;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.RoomCardView_alias{overflow:hidden;display:inline-block;width:100%;margin-left:2px;white-space:nowrap;color:#4396cf;line-height:1.8em;text-overflow:ellipsis;text-decoration:none}.RoomCardView_topic{overflow:hidden;display:-webkit-box;height:2.4em;margin-top:8px;margin-bottom:8px;line-height:1.2em;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.RoomCardView_blockedBySafeSearchTopic{margin-top:8px;margin-bottom:8px;line-height:1.2em;font-style:italic}.RoomCardView_footer{display:flex;flex-grow:1;align-items:flex-end;width:100%;margin-top:16px}.RoomCardView_footerInner{display:flex;justify-content:space-between;align-items:center;width:100%}.RoomCardView_viewButtonWrapperLink{padding:16px;margin:-16px}.RoomCardView_viewButtonWrapperLink:focus{outline:none}.RoomCardView_viewButton{display:inline-block;padding:4px 16px;background-color:transparent;border-radius:9999px;border:1px solid #2774c2;color:#2774c2;line-height:24px;text-decoration:none;cursor:pointer}.RoomCardView_viewButton[disabled]{border-color:#2774c299;color:#2774c299;cursor:auto}@media (max-width: 750px){.RoomCardView_viewButton{padding:8px 32px}}.RoomCardView_viewButtonWrapperLink:hover>.RoomCardView_viewButton:not([disabled]),.RoomCardView_viewButtonWrapperLink:focus>.RoomCardView_viewButton:not([disabled]){background-color:#2774c2;color:#fff}