:root {
  --astudio-mint: #C0E3E5;
  --astudio-brown: #322625;
  --astudio-yellow: #FEC933;
  --astudio-white: #FFFFFF;
  --accent: #FEC933 !important;
  --primary-color: #322625 !important;
  --warning-color: #FEC933 !important;
  --roomlist-background-color: #322625 !important;
  --roomlist-text-color: #FFFFFF !important;
  --roomlist-text-secondary-color: rgba(255, 255, 255, 0.72) !important;
  --sidebar-color: #322625 !important;
  --timeline-background-color: #FFFFFF !important;
  --timeline-text-color: #322625 !important;
  --composer-background-color: #FFFFFF !important;
  --cpd-color-bg-canvas-default: #FFFFFF !important;
  --cpd-color-bg-subtle-primary: #FFFFFF !important;
  --cpd-color-bg-subtle-secondary: #C0E3E5 !important;
  --cpd-color-bg-action-primary-rest: #FEC933 !important;
  --cpd-color-bg-action-primary-hovered: #C0E3E5 !important;
  --cpd-color-text-primary: #322625 !important;
  --cpd-color-text-secondary: #322625 !important;
  --cpd-color-text-action-accent: #322625 !important;
  --cpd-color-icon-accent-primary: #322625 !important;
  --cpd-color-border-interactive-primary: #C0E3E5 !important;
}

html,
body,
#matrixchat,
.mx_MatrixChat,
.mx_MatrixChat_wrapper,
.mx_MatrixChat_middlePanel,
.mx_RoomView,
.mx_RoomView_body,
.mx_ScrollPanel,
.mx_EventTile,
.mx_EventTile_content,
.mx_MessageComposer {
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: #322625 !important;
  background: #FFFFFF !important;
}

body,
input,
textarea,
select,
button,
.mx_EventTile_body,
.mx_MessageComposer_editor,
.mx_BasicMessageComposer_input,
.mx_RoomTile_name,
.mx_RoomHeader {
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.mx_LeftPanel,
.mx_LeftPanel_wrapper,
.mx_RoomList,
.mx_RoomList_wrapper,
.mx_SpacePanel,
.mx_SpacePanel_content,
.mx_HomePage_default,
.mx_LeftPanel_roomListContainer,
.mx_UserMenu,
.mx_LeftPanel_filterContainer,
.mx_AppTileMenuBar {
  background: #322625 !important;
  color: #FFFFFF !important;
  border-color: rgba(192, 227, 229, 0.2) !important;
  box-shadow: 0 18px 48px rgba(50, 38, 37, 0.18) !important;
}

.mx_LeftPanel a,
.mx_LeftPanel button,
.mx_RoomList a,
.mx_RoomList button,
.mx_SpacePanel a,
.mx_SpacePanel button,
.mx_UserMenu,
.mx_UserMenu_name,
.mx_UserMenu_contextMenu_name,
.mx_RoomTile_name,
.mx_RoomTile_badge,
.mx_SpaceButton,
.mx_SpaceButton_name {
  color: rgba(255, 255, 255, 0.86) !important;
}

.mx_LeftPanel a:hover,
.mx_LeftPanel button:hover,
.mx_RoomList a:hover,
.mx_RoomList button:hover,
.mx_SpacePanel a:hover,
.mx_SpacePanel button:hover,
.mx_RoomTile:hover,
.mx_SpaceButton:hover {
  color: #FFFFFF !important;
  background: rgba(192, 227, 229, 0.14) !important;
}

.mx_RoomTile_selected,
.mx_RoomTile_selected:hover,
.mx_RoomTile.mx_RoomTile_selected,
.mx_SpaceButton_active,
.mx_SpaceButton_active:hover,
.mx_LeftPanel .mx_AccessibleButton_hasKind-primary,
.mx_LeftPanel .mx_TabbedView_tabLabel_active {
  background: #FEC933 !important;
  color: #322625 !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}

.mx_RoomTile_selected .mx_RoomTile_name,
.mx_SpaceButton_active,
.mx_SpaceButton_active span,
.mx_RoomTile_selected span,
.mx_LeftPanel .mx_AccessibleButton_hasKind-primary {
  color: #322625 !important;
}

.mx_RoomTile_badge,
.mx_NotificationBadge,
.mx_NotificationBadge_count,
.mx_RoomSublist_badge,
.mx_SpacePanel_badge {
  background: #C0E3E5 !important;
  color: #322625 !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

.mx_RoomSublist_label,
.mx_RoomSublist_label span,
.mx_LeftPanel h1,
.mx_LeftPanel h2,
.mx_LeftPanel h3,
.mx_UserMenu_name {
  color: #FFFFFF !important;
  font-weight: 800 !important;
}

.mx_UserMenu_name::before,
.mx_LeftPanel h1::before,
.mx_RoomSublist_label:first-child::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  vertical-align: middle;
  background: url("/__astudio/logo.png") center / contain no-repeat;
  border-radius: 10px;
}

.mx_RoomHeader,
.mx_RoomHeader_wrapper,
.mx_RoomHeader_lightPanel,
.mx_RoomView_statusArea,
.mx_MainSplit {
  background: #FFFFFF !important;
  color: #322625 !important;
  border-color: rgba(50, 38, 37, 0.12) !important;
}

.mx_RoomHeader {
  box-shadow: 0 10px 30px rgba(50, 38, 37, 0.08) !important;
}

.mx_RoomHeader_name,
.mx_RoomHeader_nametext,
.mx_RoomHeader_topic,
.mx_RoomPreviewBar h1,
.mx_RoomPreviewBar h2,
.mx_TextualEvent,
.mx_EventTile_senderDetailsLink,
.mx_SenderProfile_name,
.mx_EventTile_sender,
.mx_EventTile_line {
  color: #322625 !important;
}

.mx_RoomHeader_name,
.mx_RoomHeader_nametext,
.mx_SenderProfile_name,
.mx_EventTile_sender {
  font-weight: 800 !important;
}

.mx_RoomHeader_name::after,
.mx_RoomHeader_nametext::after,
.mx_RoomPreviewBar h1::after,
.mx_Dialog_title::after,
.mx_SettingsSubsection_heading::after {
  content: "";
  display: block;
  width: 44px;
  height: 3px;
  margin-top: 7px;
  background: #FEC933;
  border-radius: 999px;
}

.mx_EventTile,
.mx_EventTile_content,
.mx_EventTile_body,
.mx_MTextBody,
.mx_MTextBody p,
.mx_MTextBody li,
.mx_EventTile_e2eIcon,
.mx_UnknownBody,
.mx_MNoticeBody {
  color: #322625 !important;
}

.mx_EventTile:hover,
.mx_EventTile_selected,
.mx_EventTile_contextual,
.mx_RoomView_MessageList .mx_EventTile:hover {
  background: rgba(192, 227, 229, 0.18) !important;
}

.mx_MessageComposer,
.mx_MessageComposer_wrapper,
.mx_BasicMessageComposer,
.mx_BasicMessageComposer_input,
.mx_SendMessageComposer,
.mx_ReplyPreview,
.mx_EditMessageComposer,
.mx_MessageComposerFormatBar {
  background: #FFFFFF !important;
  color: #322625 !important;
  border-color: rgba(50, 38, 37, 0.14) !important;
}

.mx_MessageComposer_wrapper,
.mx_SendMessageComposer,
.mx_ReplyPreview,
.mx_Dialog,
.mx_Dialog_fixedWidth,
.mx_ContextualMenu,
.mx_Field,
.mx_Pill,
.mx_RoomPreviewBar,
.mx_LegacyRoomHeader,
.mx_SearchBar {
  border-radius: 10px !important;
  box-shadow: 0 18px 50px rgba(50, 38, 37, 0.14) !important;
}

input,
textarea,
select,
.mx_Field input,
.mx_Field select,
.mx_Field textarea,
.mx_SearchBox_search,
.mx_BasicMessageComposer_input,
.mx_MessageComposer_editor {
  background: #FFFFFF !important;
  color: #322625 !important;
  border-color: rgba(50, 38, 37, 0.22) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
.mx_Field:focus-within,
.mx_SearchBox_search:focus,
.mx_BasicMessageComposer_input:focus,
.mx_MessageComposer_editor:focus {
  border-color: #C0E3E5 !important;
  box-shadow: 0 0 0 3px rgba(192, 227, 229, 0.55) !important;
  outline: none !important;
}

button,
.mx_AccessibleButton,
.mx_AccessibleButton_kind_primary,
.mx_AccessibleButton_hasKind-primary,
.mx_Dialog_primary,
.mx_Button,
.mx_AccessibleButton_kind_danger,
.mx_MessageComposer_sendMessage {
  border-radius: 10px !important;
  font-weight: 800 !important;
}

.mx_AccessibleButton_kind_primary,
.mx_AccessibleButton_hasKind-primary,
.mx_Dialog_primary,
.mx_Button_primary,
.mx_MessageComposer_sendMessage,
.mx_SendMessageComposer_sendButton,
button[type="submit"] {
  background: #FEC933 !important;
  color: #322625 !important;
  border-color: #FEC933 !important;
  box-shadow: 0 10px 24px rgba(254, 201, 51, 0.28) !important;
}

.mx_AccessibleButton_kind_primary:hover,
.mx_AccessibleButton_hasKind-primary:hover,
.mx_Dialog_primary:hover,
.mx_Button_primary:hover,
.mx_MessageComposer_sendMessage:hover,
.mx_SendMessageComposer_sendButton:hover,
button[type="submit"]:hover {
  background: #C0E3E5 !important;
  color: #322625 !important;
  border-color: #C0E3E5 !important;
}

a,
.mx_AccessibleButton_kind_link,
.mx_MTextBody a,
.mx_EventTile_body a,
.mx_RoomHeader a,
.mx_Link {
  color: #322625 !important;
  font-weight: 700 !important;
  text-decoration-color: #FEC933 !important;
  text-underline-offset: 3px !important;
}

a:hover,
.mx_AccessibleButton_kind_link:hover,
.mx_MTextBody a:hover,
.mx_EventTile_body a:hover,
.mx_RoomHeader a:hover,
.mx_Link:hover {
  color: #FEC933 !important;
}

.mx_Dialog,
.mx_ContextualMenu,
.mx_Toast_toast,
.mx_InfoTooltip,
.mx_GenericEventListSummary,
.mx_RoomPreviewBar,
.mx_SettingsFlag,
.mx_TabbedView_tabPanel {
  background: #FFFFFF !important;
  color: #322625 !important;
  border-color: rgba(50, 38, 37, 0.12) !important;
}

.mx_Toast_toast,
.mx_RoomView_statusArea,
.mx_CallViewForRoom,
.mx_InviteDialog_addressBar,
.mx_E2EIcon_verified,
.mx_EncryptionInfo_icon {
  background: #C0E3E5 !important;
  color: #322625 !important;
}

.mx_PresenceLabel_online,
.mx_BaseAvatar_initial,
.mx_UserInfo_profile_mxid {
  color: #322625 !important;
}