.container .floatingLogo-L5VYHe {
	position: fixed;
	display: flex;
	top: 0;
	left: 0;
	right: 0;
}

.authBox-vpZ0vs {
	width: 100%;
	max-width: 480px;
	min-height: 0;
	background: var(--background-primary);
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
	padding: 2rem;
	border-radius: 15px;
	box-sizing: border-box;
}

.authBox-vpZ0vs button:not(:first) {
	margin-top: 2rem;
}
.authBox-vpZ0vs button{
	width: 100%;
}
.authBox-vpZ0vs button+button {
	margin-top: 1rem;
}

.mainLoginContainer-y3LElB {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: flex-start;
}
.mainLoginContainer-y3LElB .header-Fy_xIG {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	position: relative;
}
.mainLoginContainer-y3LElB .header-Fy_xIG p {
	font-family: Raleway,Open Sans,sans-serif;
	padding: 0;
	text-decoration: none;
	margin: 0;
}
.mainLoginContainer-y3LElB .header-Fy_xIG .title-eqXbYE {
	font-size: 2rem;
	font-weight: 800;
	line-height: 30px;
	margin-bottom: 8px;
	color: var(--header-primary);
}
.mainLoginContainer-y3LElB .header-Fy_xIG .subtitle-gujjRx {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--header-secondary);
}
.mainLoginContainer-y3LElB .block-U1RAsA {
	width: 100%;
	text-align: left;
	margin-top: 20px;
}

.bxcF1-box {
	position: relative;
	background: var(--background-secondary);
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 20px;
}

.bxcF1-box .separator {
	margin: 16px 0 !important;
}
.bxcF1-box > :not(.separator) + *:last-child {
	margin-top: 16px !important;
}

.zxcBox {
	overflow: hidden;
	background: var(--background-secondary);
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 20px;
	border: 1px solid var(--border-color-1);
}
.zxcBox .note > .description {
	margin: 0;
	display: flex;
  flex-direction: column;
  justify-content: center;
}
.zxcBox .note {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	row-gap: 1em;
	column-gap: 1em;
	width: 100%;
	overflow-x: overlay;
	overflow-y: hidden;
}
.zxcBox .note > span > * {
	margin-right: 8px;
}
.zxcBox .separator {
	margin: 16px 0 !important;
}
.zxcBox > :not(.separator) + * {
	margin-top: 16px !important;
}


.pctx-flex {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	row-gap: 1em;
	column-gap: 8px;
}
.pctx-flex.alt {
	align-items: flex-start;
}
.pctx-flex > .ictx-flex {
	flex: 1 1 80%;
}
.pctx-flex > :not(.ictx-flex) {
	flex: 1 1 auto;
}


.ictx-flex {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.ictx-flex.vert {
	flex-direction: column;
}
.ictx-flex.align-top {
	align-items: flex-start;
}
.ictx-flex>* {
	transform: translateZ(0);
}

.ictx-flex>.icon.ns {
	max-width: unset;
}
.ictx-flex>.icon.logo {
  color: #fff;
  background-color: var(--brand-color);
	padding: 18px;
	border-radius: 25%;
}
.ictx-flex>.icon>svg {
	width: 100%;
	height: 100%;
}
.ictx-flex>.icon {
	width: 80px;
	height: 80px;
	/* max-height: 64px; */
	margin: 0 16px 0 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	flex-shrink: 0;
}

.ictx-flex>.avatar-wrapper {
	margin: 0 16px 0 0 !important;
}
.ictx-flex.vert>.avatar-wrapper {
	margin: 0 !important;
}

.ictx-flex .vbx {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	margin-bottom: 1px;
	width: 100%;
}

.ictx-flex .vbx>.text {
	white-space: nowrap;
	overflow: hidden;
	line-height: normal;
}

.ictx-flex .vbx>.text.name {
	font-size: 2em;
	font-weight: 600;
	line-height: 1;
	margin-right: 4px;
	color: var(--header-primary);
}

.ictx-flex .vbx>.text.version {
	font-family: var(--font-primary);
	font-size: 1.2em;
	font-weight: 500;
	color: var(--header-secondary);
}

.ictx-flex .vbx.cu>.text.id {
	font-family: var(--font-primary);
	font-size: 1.4em;
	font-weight: 400;
	color: var(--header-secondary);
}

.ictx-flex>button {
	border: 1px solid var(--background-modifier-accent);
	font-size: 14px;
	line-height: inherit;
	margin-left: auto;
}

/* fields */

.fieldList.secondary {
	background-color: var(--background-secondary);
}
.fieldList {
	border-radius: 8px;
	background-color: var(--background-primary);
	padding: 8px;
}
.fieldList.npx {
	padding: 0;
}
.fieldList + .fieldList {
	margin-top: 16px;
}
.fieldList:not(:last-child) {
	margin-bottom: 16px;
}

.fieldList>.field {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  transition: .05s ease;
}
.fieldList.hoverable h5 {
	text-transform: none;
	font-size: inherit;
}
.fieldList.hoverable>.field:hover {
	background-color: var(--background-modifier-hover);
}
.fieldList>.field+.field {
	margin-top: 8px;
}
.fieldList > .field span {
	font-size: 14px;
}

.listItems {
	border-radius: 8px;
}
.listItems h5 {
	text-transform: none;
	font-size: inherit;
}
.listItems>.listItem.black {
	background-color: var(--background-secondary);
}
.listItems>.listItem.black:hover {
	background-color: var(--background-secondary);
}
.listItems>.listItem {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  border-radius: 8px;
  transition: .05s ease;
}
.listItems>.listItem:hover {
	cursor: pointer;
	background-color: var(--background-modifier-hover);
}
.listItems>.listItem+.listItem {
	margin-top: 8px;
}
.listItem > .icon {
	width: 32px;
	height: 32px;
	border-radius: 4px;
	margin-inline-end: 16px !important;
}



.listItem .multiline-item {
	flex-grow: 1;
  white-space: initial;
  overflow: hidden;
  padding: .4375rem 0 .5625rem 0;
}
.listItem .multiline-item .title,
.listItem .multiline-item .subtitle {
	display: block;
	text-align: initial;
}

.listItem .multiline-item .date {
  float: right;
  font-size: .75rem;
  margin-left: 1rem;
  color: var(--header-secondary);
}
.listItem .multiline-item .title {
	font-weight: 600;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
	color: var(--header-primary);
}

.listItem .multiline-item .subtitle {
  font-size: .875rem;
  line-height: 1rem;
  color: var(--header-secondary);
  margin-top: .25rem
}

.listItem .multiline-item .subtitle.black {
  color: var(--header-primary);
}

.containedRow {
	display: flex;
	flex: 1 1 auto;
	/* overflow: hidden; */
	/* margin-right: 16px; */
}

.homeScreen-KrPIUS {
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 12px;
}
.centredMeta-g6nvmq {
  display: flex;
  background-color: var(--background-modifier-accent);
  border-radius: 24px;
  margin: auto;
  padding: 4px 8px;
  line-height: 1;
  font-size: 1em;
  font-weight: 500;
  color: var(--text-normal);
}
.sectionTitle-BycQ6X {
	display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.sectionTitle-BycQ6X > h2 {
	margin: 16px 20px 8px 30px;
  color: var(--header-secondary);

	box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .02em;
  font-weight: 600;
  flex: 1 1 auto;
}
.searchBar-tYSKTO {
	margin: 16px 20px 8px 30px;
	width: auto !important;
}


.peopleList-rwlNba {
  padding-bottom: 8px;
  margin-top: 8px;
  flex-grow: 0;
}
.peopleList-rwlNba > .peopleListItem-RjYBEz:hover {
	background: var(--background-modifier-hover);
  box-shadow: none;
  border-radius: 8px;
  border-color: transparent;
  margin: 0 10px 0 20px;
  padding: 16px 10px;
}
.peopleList-rwlNba > .peopleListItem-RjYBEz {
	height: 62px;
	display: flex;
  flex-direction: row;
  margin-left: 30px;
  margin-right: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  border-top: 1px solid var(--background-modifier-accent);
  border-bottom: 1px solid transparent;
}
.peopleList-rwlNba > .peopleListItem-RjYBEz > .peopleListItemContents-kObBdk {
	display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.userInfo-CutjC_ {
  display: flex;
  overflow: hidden;
}
.userInfo-CutjC_ .text-dyECOF > span {
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
	color: var(--header-secondary);
}
.userInfo-CutjC_ .text-dyECOF > h4 {
	line-height: 1;
}
.userInfo-CutjC_ .text-dyECOF {
	display: flex;
  flex-direction: column;
  overflow: hidden;
}
.peopleListItem-RjYBEz .actions-KiMSpS button svg {
  width: 20px;
  height: 20px;
}
.peopleListItem-RjYBEz .actions-KiMSpS button {
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--interactive-normal);
  background-color: var(--background-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  padding: 4px;
}
.peopleListItem-RjYBEz .actions-KiMSpS {
	display: flex;
  margin-left: 8px;
}
.chatContent-rv8zie {
	position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  /* background: var(--background-primary); */
}
.messagesWrapper-AfJWqw {
	position: relative;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  z-index: 0;
}
.form-XxIIbt {
	position: relative;
  flex-shrink: 0;
  padding: 0 8px;
  z-index: 1;
  background-color: var(--background-secondary);
  margin: 0 8px 8px 8px;
  border-radius: 8px;
}

.OE4xg0ie{position:relative;word-wrap:break-word;-webkit-user-select:text;-moz-user-select:text;user-select:text;padding-right:48px !important;padding-left:72px;margin-bottom:.3125rem}.OE4xg0ie::before{opacity:0;content:"";position:absolute;top:-0.1875rem;bottom:-0.1875rem;left:-50vw;right:-50vw;background:var(--background-modifier-accent);z-index:0;transition:opacity .15s}.OE4xg0ie.NrlrOgg3::before{opacity:.6;transition:opacity .5s}.OE4xg0ie.Xo0fy0_B{--color-text-secondary: #b9bbbe}.OE4xg0ie.gWGrgfvY{display:flex;align-items:flex-end}.OE4xg0ie.gWGrgfvY.Xo0fy0_B{flex-direction:row-reverse;padding-right:0 !important}.OE4xg0ie.gWGrgfvY.Xo0fy0_B>.olY6bIgR{background-color:var(--brand-color);color:#fff}.OE4xg0ie.gWGrgfvY>.olY6bIgR{background-color:var(--background-secondary);border-radius:8px;padding:.3125rem .5rem .375rem;max-width:100%}.OE4xg0ie:hover:not(.gWGrgfvY){background:var(--background-modifier-hover)}.OE4xg0ie.kAtzD824{margin-top:0}.OE4xg0ie.NxlIyqO9{margin-top:.625rem}.OE4xg0ie>.olY6bIgR{position:relative;margin-left:0;padding-left:0;text-indent:0}.OE4xg0ie>.olY6bIgR h4{display:flex;flex-direction:row}.OE4xg0ie>.olY6bIgR>.ffxrTxaX{position:relative;overflow:hidden;text-indent:0;user-select:text}.OE4xg0ie>.olY6bIgR>.ffxrTxaX>.xuknJDuL>.wyEQ4d4V{width:100%}.OE4xg0ie>.olY6bIgR>.ffxrTxaX>.xuknJDuL{display:inline-flex;margin:0;max-width:100%;line-height:1.325;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;user-select:text;unicode-bidi:plaintext}.OE4xg0ie>.avatar-wrapper{position:absolute;left:16px;margin-top:calc(4px - .125rem);width:40px !important;height:40px !important;border-radius:50%;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:0 0 auto;z-index:1}.OE4xg0ie .CMuDgaGO p{display:inline}.OE4xg0ie .CMuDgaGO{font-size:1rem;line-height:1.375rem;white-space:break-spaces;word-wrap:break-word;-webkit-user-select:text;-moz-user-select:text;user-select:text}.OE4xg0ie .bSxSULSj:hover{text-decoration:underline}.OE4xg0ie .bSxSULSj{margin-right:.25rem;cursor:pointer;user-select:none}.OE4xg0ie .t4cFtcLk{margin-left:.25rem;user-select:none}.OE4xg0ie .t4cFtcLk{font-size:.75rem;line-height:1.375rem;color:var(--text-disabled);vertical-align:baseline;display:inline-block;height:1.25rem;cursor:default;pointer-events:none;font-weight:500}.MessageOutgoingStatus{width:1.1875rem;height:1.1875rem;overflow:hidden;display:inline-block;line-height:1;font-size:1.1875rem}.rk7c0Nan .MessageOutgoingStatus{margin-left:-0.1875rem;font-size:1.1875rem;border-radius:.625rem;flex-shrink:0}.OE4xg0ie .rk7c0Nan .MessageOutgoingStatus{color:var(--color-accent-own)}.OE4xg0ie.Xo0fy0_B .rk7c0Nan{color:var(--color-message-meta-own)}.OE4xg0ie .rk7c0Nan.n0HiIbV0{position:relative;visibility:hidden;opacity:0}.OE4xg0ie .rk7c0Nan{position:absolute;height:1.25rem;bottom:0;right:0;display:flex;align-items:center;padding:0 .25rem;color:gray;line-height:1;-webkit-user-select:none;user-select:none}.OE4xg0ie .rk7c0Nan .KazWoFBc{margin-right:.25rem;font-size:.75rem;white-space:nowrap}.OE4xg0ie .ffxrTxaX .IdtWGpQd{position:relative;display:flex;flex-direction:row;align-items:center;cursor:pointer}
.AnBPZMhU{flex-grow:1;margin:0;position:relative;display:flex;align-items:center;padding-block:.1875rem;padding-inline-start:.5625rem;padding-inline-end:.375rem;overflow:hidden;border-radius:.375rem;background-color:var(--background-modifier-accent);transition:background-color .15s}.AnBPZMhU:hover{background-color:var(--background-modifier-hover)}.AnBPZMhU::before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;display:block;width:.1875rem;background:#fff}.AnBPZMhU .shQHlHE3{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.AnBPZMhU .shQHlHE3 .uHh_ae1Z{display:flex;flex:1;flex-wrap:nowrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:.875rem;line-height:1.125rem}.AnBPZMhU .shQHlHE3 .Y7nxDG49{overflow:hidden;height:1.125rem;margin-bottom:0;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.125rem}
.TClspOe9{display:flex;min-width:10rem}.TClspOe9 .NyPN24wM{margin-inline-end:.5rem;color:#fff}.TClspOe9 .QEsK4cPf{display:flex;flex-direction:column;user-select:none;margin-inline-end:.5rem;color:inherit}.TClspOe9 .QEsK4cPf .yO9Umk9j{font-weight:500}.TClspOe9 .QEsK4cPf .zvVE6c0Y{display:flex;align-items:center;line-height:1}.TClspOe9 .QEsK4cPf .zvVE6c0Y .vVV2l4hS{font-size:.875rem;color:var(--color-text-secondary)}
.messageDateGroup-NOajWk {
	position: relative;
}

.messageDateGroup-NOajWk > .stickyDate-APpDwX {
	position: sticky;
  top: .625rem;
  margin: 1rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  /*background: var(--message-background);*/
  /* border-radius: 5px; */
  /* padding: 0.45rem; */
  min-width: 5rem;
  z-index: 10;
  transition: opacity .3s ease;
  pointer-events: none;
  user-select: none;
}
.messageDateGroup-NOajWk > .stickyDate-APpDwX > .time-A1I1Dd {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	padding: 0px 0.45rem;
	line-height: 1.65;
	background-color: var(--color-shadow);
	border-radius: 10px;
}


.messageDateGroup-NOajWk .actionMessage-YrBGQr {
  margin: .5rem auto;
  text-align: center;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: var(--brand-color);
  border-radius: 0;
}
.messageDateGroup-NOajWk .actionMessage-YrBGQr span {
  font-size: 12px;
	font-weight: 500;
	color: #fff;
	padding: 5px 0.45rem;
	line-height: 1;
  text-transform: uppercase;
	/* background-color: var(--color-shadow); */
	/* border-radius: 10px; */
}


.messageListDivider-cMXSk3 > .content-ooEA0X {
	display: block;
  flex: 0 0 auto;
  padding: 2px 4px;
  color: var(--text-disabled);
  background: var(--bg-overlay-chat, var(--background-primary));
  line-height: 13px;
  font-size: 12px;
  margin-top: -1px;
  font-weight: 600;
  border-radius: 8px;
}
.messageListDivider-cMXSk3 {
	z-index: 1;
  height: 0;
  border-top: thin solid var(--background-modifier-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  pointer-events: none;
  box-sizing: border-box;
}
.messageListDivider-cMXSk3 {
	margin-top: 1.5rem;
  margin-bottom: .5rem;
	margin-left: 1rem;
  margin-right: .875rem;
	position: relative;
  left: auto;
  right: auto;
}
.ccJ5hP67{position:relative;display:flex;justify-content:center;overflow:hidden;margin:1rem auto;z-index:10}.ccJ5hP67>.md9VRu8P{font-size:14px;font-weight:500;color:#fff;padding:0px .45rem;line-height:1.65;background-color:var(--color-shadow);border-radius:10px;display:inline-flex;flex-direction:row;gap:.25rem}.ccJ5hP67>.md9VRu8P>.QdNsmzFE:hover{text-decoration:underline;cursor:pointer}.ccJ5hP67>.md9VRu8P>.QdNsmzFE{display:flex;align-items:center}.ccJ5hP67>.md9VRu8P>.QdNsmzFE>.vUc8JvRh{color:var(--link-color);-webkit-font-smoothing:subpixel-antialiased;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ccJ5hP67>.md9VRu8P>.Te95go7J{color:#fff;margin:0;font-size:14px;word-break:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ccJ5hP67>.md9VRu8P>.Te95go7J span{word-break:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.Composer-HH0kRf {
  --base-height: 3rem;
}
.Composer-HH0kRf {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  border-radius: 8px;
}
.Composer-HH0kRf > button {
  margin-left: .5rem;
  margin-bottom: .3rem;
  width: 64px;
  min-width: auto;
}
.Composer-HH0kRf > .composerWrapper-H7nuQW {
  position: relative;
  width: 100%;
  text-indent: 0;
  flex-grow: 1;
  min-height: var(--base-height);
  border-radius: 8px;
}
.Composer-HH0kRf > .composerWrapper-H7nuQW > .messageInputWrapper-ndMxfw {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.input-scroller.overflown {
	overflow-y: auto;
}
.input-scroller {
	min-height: var(--base-height, 3.5rem);
	max-height: 26rem;
	overflow: hidden;
}
.form-control {
  margin-bottom: 0;
  line-height: 1.3125;
  padding: calc((var(--base-height, 3.5rem) - var(--composer-text-size, 1rem)* 1.3125) / 2) 0;
  white-space: pre-wrap;
  height: auto;
	padding-left: .5rem;
	cursor: text;
}
.form-control {
	overflow: hidden;
	unicode-bidi: plaintext;
  text-align: initial;
	border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  caret-color: var(--color-text);
	font-size: 1rem;
	-webkit-appearance: none;
	outline: none;
	width: 100%;
	display: block;
}
.input-scroller .placeholder-text {
	top: calc((var(--base-height, 3.5rem) - var(--composer-text-size, 1rem)*1.3125)/2);
	left: .5rem;
}
.input-scroller .placeholder-text {
	position: absolute;
	pointer-events: none;
  unicode-bidi: plaintext;
  text-align: initial;
  line-height: 1.3125;
	color: var(--text-disabled);
	bottom: auto;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
	transition: opacity 200ms ease-out, transform 200ms ease-out;
}
.form-control.touched ~ .placeholder-text {
	opacity: 0;
  transform: translateX(1rem);
}
.Qwz7g6Jr{min-height:2.5rem;padding-top:.35rem}.Qwz7g6Jr .hUAMsz2m{display:flex;align-items:center}.Qwz7g6Jr .hUAMsz2m .q1KcxT9i{flex-shrink:0;width:2.5rem;height:2.5rem}.Qwz7g6Jr .hUAMsz2m .bENxtvfm{position:relative;display:flex;flex-shrink:0;place-content:center;height:2.625rem;padding:.5625rem .75rem .5625rem;font-size:1.5rem;background:none !important}
.callContainer-H60k7r {
	flex: 1 1 auto;
  overflow: hidden;
  background: none;
}
.callContainer-H60k7r > .root-GZyBbc {
	height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-500);
}
/* voice call wrapper */
.callContainer-H60k7r > .root-GZyBbc > .voiceCallWrapper-z8bDkk {
	display: flex;
	padding-bottom: 24px;
}
.callContainer-H60k7r > .root-GZyBbc > .voiceCallWrapper-z8bDkk .participant-l7Jeae {
	margin: 0 8px;
}
.callContainer-H60k7r > .root-GZyBbc > .voiceCallWrapper-z8bDkk .participant-l7Jeae .callAvatarWrapper-PfMIVU > .status-w3ATlm  {
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 32px;
  height: 32px;
}
.callContainer-H60k7r > .root-GZyBbc > .voiceCallWrapper-z8bDkk .participant-l7Jeae .callAvatarWrapper-PfMIVU > .status-w3ATlm > svg {
  border-width: 3px;
  border-style: solid;
  border-color: var(--background-floating);
  background-color: var(--button-red-background);
  color: white;
  border-radius: 50%;
  background-clip: padding-box;
  padding: 4px;
  width: 100%;
  height: 100%;
}
.callContainer-H60k7r > .root-GZyBbc > .voiceCallWrapper-z8bDkk .participant-l7Jeae .callAvatarWrapper-PfMIVU {
	position: relative;
	height: 100%;
}
/* video call wrapper */
.callContainer-H60k7r > .root-GZyBbc > .videoCallWrapper-q66T8V {
	display: flex;
}
/* .callContainer > .root > .videoCallWrapper .participant video {
  max-width: 100%;
  max-height: 100%;
} */
.callContainer-H60k7r > .root-GZyBbc > .videoCallWrapper-q66T8V .participant-l7Jeae {
  position: relative;
	margin: 0 8px;
  flex: 1 1 100%;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-modifier-accent);
  height: 128px;
  aspect-ratio: 16/9;
}
.callContainer-H60k7r > .root-GZyBbc > .videoCallWrapper-q66T8V .participant-l7Jeae .videoWrapper-VhYqf2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.callContainer-H60k7r > .root-GZyBbc > .videoCallWrapper-q66T8V .participant-l7Jeae .videoWrapper-VhYqf2 video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.callContainer-H60k7r > .root-GZyBbc > .videoCallWrapper-q66T8V .participant-l7Jeae .status-w3ATlm  {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 28px;
  height: 28px;
  margin: 4px;
}
.callContainer-H60k7r > .root-GZyBbc > .videoCallWrapper-q66T8V .participant-l7Jeae .status-w3ATlm > svg {
  background-color: var(--background-floating);
  color: white;
  border-radius: 50%;
  background-clip: padding-box;
  padding: 4px;
  width: 100%;
  height: 100%;
}
.callContainer-H60k7r > .root-GZyBbc > .videoCallWrapper-q66T8V .participant-l7Jeae .callAvatarWrapper-PfMIVU {
	position: relative;
	width: 80px;
  height: 80px;
}
.callContainer-H60k7r > .root-GZyBbc > .controls-UrVu4M.hidden-CzKQ0T {
  opacity: 0;
  pointer-events: none;
}
.callContainer-H60k7r > .root-GZyBbc > .controls-UrVu4M {
	pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 12px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1;
  transition: .3s ease opacity;
  opacity: 1;
}
.callContainer-H60k7r > .root-GZyBbc > .controls-UrVu4M .controlSection-Z8rz0O {
	pointer-events: all;
}
.callContainer-H60k7r > .root-GZyBbc > .controls-UrVu4M .topControls-IZeJe0 > .headerWrapper-d7RR7G {
	margin: 0 -16px;
}
.callContainer-H60k7r > .root-GZyBbc > .controls-UrVu4M .topControls-IZeJe0 {
	width: 100%;
	flex: 0 1 auto;
	transform: translateZ(0);
}
.callContainer-H60k7r > .root-GZyBbc > .controls-UrVu4M .bottomControls-M80UfK {
	flex: 0 1 auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	transform: translateZ(0);
}
.callContainer-H60k7r > .root-GZyBbc > .controls-UrVu4M .bottomControls-M80UfK > .wrapper-ElCY4N > button {
	margin: 0 8px;
	width: 46px;
	height: 46px;
  min-width: 42px;
  min-height: 42px;
}
.callContainer-H60k7r > .root-GZyBbc > .controls-UrVu4M .bottomControls-M80UfK > .wrapper-ElCY4N {
  display: flex;
  flex-direction: row;
  align-items: center;
	justify-content: center;
    background: var(--background-modifier-hover);
  padding: 6px;
  border-radius: 8px;
}
.chatMembers-ZKOJdw {
	flex-direction: column;
	height: 100%;
	min-width: 240px;
	background: var(--background-secondary);
	flex: 0 !important;
  z-index: 2;
  display: none;
}
.chatMembers-ZKOJdw.open-Cn2AKl {
  display: flex;
}
@media (max-width: 600px) {
  .chatMembers-ZKOJdw.open-Cn2AKl {
    transform: translate3d(0, 0, 0);
  }
  .chatMembers-ZKOJdw {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    transition: var(--layer-transition);
    transform: translate3d(100%, 0, 0);
  }
}
.members-mwHNyt {
	/* width: 240px; */
	height: auto;
  padding: 0 0 20px;
  flex: 0 0 auto;
	overflow: hidden scroll;
  padding-right: 0px;
}

.membersGroup-XBq4Yt {
	padding: 24px 8px 0 16px;
  height: 40px;
	margin-bottom: 4px;
}
.member-sc2_9Q:hover {
	background-color: var(--background-modifier-hover);
	cursor: pointer;
}
.member-sc2_9Q {
	position: relative;
  /* max-width: 224px; */
  margin-left: 8px;
	box-sizing: border-box;
  display: block;
  padding: 1px 0;
  border-radius: 4px;
  transition: none;
}
.memberInner-NeUK0j {
	display: flex;
  align-items: center;
  border-radius: 4px;
  height: 42px;
  padding: 0 8px;
}
.memberInner-NeUK0j > .content-j6PZZ8 {
	min-width: 0;
  flex: 1 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.callWrapper-GqtOn8 {
  display: flex;
  position: relative;
  flex: 0 0 auto;
  height: 240px;
  background-color: var(--background-floating);
  z-index: 2;
}
.channels-RfqfQ2 {
	position: relative;
}
.sectionDivider-d_UqIH {
	height: 1px;
  width: 100%;
  margin-top: 11px;
  margin-left: 8px;
  background-color: var(--background-modifier-accent);
}
.channels-RfqfQ2 .channelWrapper-x40BHn .voiceList-KhyPiH .voiceUser-HmlgSS:hover {
  background: var(--background-modifier-hover);
  color: var(--interactive-hover);
}
.channels-RfqfQ2 .channelWrapper-x40BHn .voiceList-KhyPiH .voiceUser-HmlgSS .voiceIcons-NfMjBV > .voiceIcon-VNl1GU > svg {
  width: 16px;
  height: 16px;
}
.channels-RfqfQ2 .channelWrapper-x40BHn .voiceList-KhyPiH .voiceUser-HmlgSS .voiceIcons-NfMjBV > .voiceIcon-VNl1GU {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-left: 4px;
  color: var(--interactive-normal);
}
.channels-RfqfQ2 .channelWrapper-x40BHn .voiceList-KhyPiH .voiceUser-HmlgSS .voiceIcons-NfMjBV {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 8px;
  margin-left: auto;
}
.channels-RfqfQ2 .channelWrapper-x40BHn .voiceList-KhyPiH .voiceUser-HmlgSS {
  height: 32px;
  display: flex;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-left: 8px;
  color: var(--interactive-normal);
}
.channels-RfqfQ2 .channelWrapper-x40BHn .voiceList-KhyPiH {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
flex-wrap: nowrap;
padding-left: 28px;
padding-bottom: 8px;
padding-top: 4px;
}
.channels-RfqfQ2 .channelWrapper-x40BHn {
  position: relative;
}
.channels-RfqfQ2 .channel-Bha_Qj.selected-YPZyDU .link-VUqo5Y > .linkTop-u8Y0sw > .name-EaqSFr {
  color: var(--interactive-active);
}
.channels-RfqfQ2 .channel-Bha_Qj.selected-YPZyDU .link-VUqo5Y {
  background-color: var(--background-modifier-active);
}
.channels-RfqfQ2 .channel-Bha_Qj {
	position: relative;
  transition: opacity .2s ease-in-out;
	margin-left: 8px;
}
.channels-RfqfQ2 .channel-Bha_Qj .link-VUqo5Y > .linkTop-u8Y0sw > .name-EaqSFr {
	font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  flex: 1 1 auto;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	color: var(--interactive-normal);
}
.channels-RfqfQ2 .channel-Bha_Qj .link-VUqo5Y > .linkTop-u8Y0sw > svg {
	display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
	margin-right: 6px;
	color: var(--interactive-normal);
}
.channels-RfqfQ2 .channel-Bha_Qj .link-VUqo5Y > .linkTop-u8Y0sw {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.channels-RfqfQ2 .channel-Bha_Qj:hover .link-VUqo5Y > .linkTop-u8Y0sw > .name-EaqSFr {
	color: var(--interactive-hover);
}
.channels-RfqfQ2 .channel-Bha_Qj:hover .link-VUqo5Y {
	background-color: var(--background-modifier-hover);
}
.channels-RfqfQ2 .channel-Bha_Qj .link-VUqo5Y {
	height: 32px;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	padding: 6px 8px;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
}
.channels-RfqfQ2 details {
	position: relative;
	padding-top: 16px;
}
.channels-RfqfQ2 details summary:hover > .main-KdFly7 {
	color: var(--interactive-hover);
}
.channels-RfqfQ2 details:not([open]) summary > .main-KdFly7 > svg {
	--custom-icon-collapse-rotate: -90deg;
  transform: rotate(270deg);
  transform: rotate(var(--custom-icon-collapse-rotate));
}
.channels-RfqfQ2 details summary > .main-KdFly7 > svg {
	position: absolute;
  left: 2px;
  top: 6px;
  width: 12px;
  height: 12px;
	transition: transform 0.2s;
}
.channels-RfqfQ2 details summary > .main-KdFly7 {
	flex: 1 1 auto;
  overflow: hidden;
}
.channels-RfqfQ2 details summary > .children-YvWZMc .addButton-ueJ4V4 svg {
	width: 18px;
	height: 18px;
}
.channels-RfqfQ2 details summary > .children-YvWZMc .addButton-ueJ4V4:hover {
	color: var(--interactive-hover);
}
.channels-RfqfQ2 details summary > .children-YvWZMc .addButton-ueJ4V4 {
  width: 18px;
  height: 18px;
	min-width: auto;
	min-height: auto;
	padding: 0;
	display: block;
}
.channels-RfqfQ2 details summary > .children-YvWZMc {
	display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.channels-RfqfQ2 details summary {

	position: relative;
  box-sizing: border-box;
  height: 24px;
  padding-right: 8px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: default;
	color: var(--interactive-normal);


	outline: none;
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: opacity 0.2s;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}