.TransitionWrap {
  position: relative;
  width: inherit;
  height: inherit;
}
.TransitionWrap > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  transition: all 0.25s linear;
  visibility: hidden;
}
.TransitionWrap > *:not(.shown) {
  display: none;
}

.TransitionWrap > *.Transition-push.open,
.TransitionWrap > *.Transition-slide.open,
.TransitionWrap > *.Transition-slide-v.open {
  opacity: 1;
  visibility: visible;
  transform: none;
  -webkit-transform: none;
  pointer-events: all;
}

.TransitionWrap > *.Transition-push {
  transition: all .25s cubic-bezier(.65,-0.3,0.3,1.3);
}
.TransitionWrap > *.Transition-slide,
.TransitionWrap > *.Transition-slide-v {
  transition: .25s cubic-bezier(0.33, 1, 0.68, 1);
}

.TransitionWrap > *.Transition-push:first-child {
  z-index: 12;
}
.TransitionWrap > *.Transition-push:last-child {
  z-index: 11;
}
.TransitionWrap > *.Transition-push:not(.open):first-child {
  transform: scale(1.1) translateZ(0);
  visibility: hidden;
  opacity: 0;
}
.TransitionWrap > *.Transition-push:not(.open):last-child {
  transform: scale(0.9) translateZ(0);
  visibility: hidden;
  opacity: 0;
}

.TransitionWrap > *.Transition-slide:first-child {
  z-index: 12;
}
.TransitionWrap > *.Transition-slide:last-child {
  z-index: 11;
}
.TransitionWrap > *.Transition-slide:not(.open):first-child {
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
}
.TransitionWrap > *.Transition-slide:not(.open):last-child {
  transform: translateX(100%);
  visibility: hidden;
  opacity: 0;
}
.TransitionWrap > *.Transition-slide.rev:not(.open):first-child {
  transform: translateX(100%);
}
.TransitionWrap > *.Transition-slide.rev:not(.open):last-child {
  transform: translateX(-100%);
}

.TransitionWrap > *.Transition-slide-v:first-child {
  z-index: 12;
}
.TransitionWrap > *.Transition-slide-v:last-child {
  z-index: 11;
}
.TransitionWrap > *.Transition-slide-v:not(.open):first-child {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}
.TransitionWrap > *.Transition-slide-v:not(.open):last-child {
  transform: translateY(100%);
  visibility: hidden;
  opacity: 0;
}
.TransitionWrap > *.Transition-slide-v.rev:not(.open):first-child {
  transform: translateY(100%);
}
.TransitionWrap > *.Transition-slide-v.rev:not(.open):last-child {
  transform: translateY(-100%);
}

:root {
	--input-height: 44px;
	--toggle-icon-size: 18px;
	--inp-background-normal: var(--background-secondary);
	--inp-background-disabled: var(--background-secondary-alt);
}

input.thin-mP4fa0 {
	--input-height: 36px;
}

.inputGroup-X20y8x {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 100%;
}
.inputGroup-X20y8x + .inputGroup-X20y8x {
	margin-top: 1rem;
}
.inputGroup-X20y8x .head-a0gnIF {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.inputGroup-X20y8x .bottom-Mz4_Ab {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	margin-top: 5px;
}
.inputGroup-X20y8x label {
	padding: 0 2px;
	font-size: 14px;
	line-height: 1.5rem;
	font-weight: 600;
	color: var(--text-color-1);
	width: 100%;
}
.inputGroup-X20y8x.error-BZEalS label {
	color: var(--text-negative);
}
.inputGroup-X20y8x.success-PJrRAl label {
	color: var(--text-positive);
}
.inputGroup-X20y8x label.hidden-ccARVU {
	display: none;
}
.inputGroup-X20y8x input, select {
	width: 100%;
	/* margin: 0.125rem 0; */
}

.inputWrapper-X62PaD.small-h_czSp input, select {
	padding: 0.4rem 0.45rem;
	height: 32px;
	font-size: 14px;
}

.inputWrapper-X62PaD {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
* + .inputWrapper-X62PaD {
	margin-top: 0.25rem;
}

.inputWrapper-X62PaD .toggleIcon-TOgGnR {
	position: absolute;
	top: 0;
	bottom: 0;
	padding: calc((var(--input-height) - var(--toggle-icon-size)) / 2);
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	outline: none !important;
	color: var(--interactive-normal);
	opacity: .7;
	font-size: 1.5rem;
}
.inputWrapper-X62PaD .toggleIcon-TOgGnR:hover {
	color: var(--interactive-hover);
}
.inputWrapper-X62PaD .toggleIcon-TOgGnR > svg {
	width: var(--toggle-icon-size);
	height: var(--toggle-icon-size);
}

.inputWrapper-X62PaD .actionButton-HWHTv1 {
	position: relative;
	margin-left: 8px;
	padding: 0.5rem 0.75rem;
	height: var(--input-height);
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-align: center;
	border-style: solid;
	border-color: transparent;
	border-width: 2px;
	border-radius: 0.375rem;
	color: var(--interactive-normal);
	background-color: var(--inp-background-normal);
	cursor: pointer;
	transition: all .2s;
}

:root.more-border .inputWrapper-X62PaD .actionButton-HWHTv1 {
	border: 2px solid var(--border-color-1);
}

.inputWrapper-X62PaD .actionButton-HWHTv1:hover {
	color: var(--interactive-hover);
	background-color: var(--inp-background-disabled);
}
.inputWrapper-X62PaD .actionButton-HWHTv1:active {
	color: var(--interactive-hover);
	background-color: var(--inp-background-disabled);
}

input:not([type=checkbox]), select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--inp-background-normal);
	border-style: solid;
	border-color: transparent;
	border-width: 2px;
	border-radius: 0.375rem;
	padding-top: 0.5rem;
	padding-right: 0.75rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	font-size: 1rem;
	line-height: 3rem;
	color: var(--text-normal);
	height: var(--input-height);
	opacity: 1;
	outline: none;
}

:root.more-border input, select {
	border-color: var(--border-color-1);
}

input:focus, select:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	border-color: var(--brand-color) !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

input:disabled, select:disabled {
	background-color: var(--inp-background-disabled);
}

.actionBlock-c7VSNP {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-top: 2rem;
}

.actionBlock-c7VSNP button {
	width: 100%;
}

.select-oY2gPT .inputWrapper-X62PaD > input {
	user-select: none;
	cursor: pointer;
	padding-right: calc((var(--input-height) + var(--toggle-icon-size)) / 2);
}
.select-oY2gPT {
	position: relative;
	width: 100%;
}
.select-oY2gPT .menu {
	width: 100%;
}
.select-oY2gPT .menu .bubble {
	transform-origin: 50% 0;
}

.menu {
	position: absolute;
}

.menu > .backdrop {
	position: fixed;
	left: -100vw;
	right: -100vw;
	top: -100vh;
	bottom: -100vh;
	z-index: 20;
}
.menu > .menu-container {
	max-height: 230px;
	overflow: hidden overlay;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0.1rem;
	position: absolute;
	box-shadow: 0 0.25rem 0.5rem 0.125rem var(--color-shadow);
	min-width: 10rem;
	z-index: 21;
	overscroll-behavior: contain;
	transform: scale(0.5);
	transform-origin: 0px 0px;
	transition: opacity .2s cubic-bezier(0.2, 0, 0.2, 1),transform .2s cubic-bezier(0.2, 0, 0.2, 1) !important;
	opacity: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 2px;
	border-radius: 0.375em;
	font-size: 1rem;
	line-height: 1;
}
.menu > .menu-container:not(.shown) {
	display: none;
}
.menu > .menu-container.open {
	transform: scale(1);
	opacity: 1;
}
.menu > .menu-container {
	background: var(--background-floating);
}
.menu.full > .menu-container {
	width: 100%;
}
.menu > .menu-container.bottom {
	bottom: 100%;
}
.menu > .menu-container.left {
	left: 0;
}
.menu > .menu-container.right {
	right: 0;
}

.menu .menuItem {
	margin: 0;
	padding: 0.75rem 1rem;
	background: none;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	line-height: 1.5rem;
	font-weight: 500;
	white-space: nowrap;
	color: var(--text-normal);
	cursor: pointer;
	unicode-bidi: plaintext;
	border-radius: 0.375em;
	width: auto;
	text-decoration: none;
}
.menu .menuItem:hover {
	background-color: var(--background-modifier-hover);
}

.menu .menuItem + .menuItem {
	margin-top: 0;
}

.menu .menuItem.compact {
	font-size: .875rem;
	padding: 0.25rem;
	padding-right: 0.75em;
	transform: scale(1);
}
.menu .menuItem.selected {
	background-color: var(--background-modifier-hover);
	color: inherit;
}
.menu .menuItem.destructive {
	color: var(--text-negative);
}
.menuItem.compact i, .menuItem.compact svg {
	max-width: 1.25em;
	font-size: 1.25em;
	margin-left: 0.3em;
	margin-right: 0.6em;
	width: 1em;
	height: 1em;
}
.Button-gMkfxh.loading-EXTkS3 > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
}

.Spinner-uJ9sSw {
  --spinner-size: 1em;

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin: 4px; */

  width: var(--spinner-size);
  height: var(--spinner-size);
}

.Spinner-uJ9sSw.size1-sGXFU2 {
  --spinner-size: 1rem;
}
.Spinner-uJ9sSw.size2-TkYjue {
  --spinner-size: 2rem;
}
.Spinner-uJ9sSw.size3-CuVuGd {
  --spinner-size: 3rem;
}

.Spinner-uJ9sSw > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  background-repeat: no-repeat;
  background-size: 100%;

  animation-name: spin-nV44Ms;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.Spinner-uJ9sSw.white-L9p17d > div {
  background-image: var(--spinner-white-data);
}
.Spinner-uJ9sSw.blue-E842Et > div {
  background-image: var(--spinner-dark-blue-data);
}

@keyframes spin-nV44Ms {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* ========= Tooltip ========= */

.tooltip {
	opacity: 0;
	position: absolute;
	z-index: 10001;
	background-color: var(--background-floating);
	max-width: 190px;
	width: auto;
	display: block;
	box-shadow: 0px 8px 16px var(--color-shadow);
	border-radius: 5px;
	pointer-events: none;
	transition: .1s opacity;
}

.tooltip.open {
	opacity: 1;
}

.tooltip .content {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: var(--text-normal);
	line-height: 16px;
	padding: 8px 12px;
	overflow: hidden;
}

.tooltip .pointer {
	border: 5px solid transparent;
	margin-left: -5px;
	position: absolute;
	pointer-events: none;
	outline: 0;
	width: 0;
	height: 0;
	transition: none !important;
}

.tooltip.top .pointer {
	top: 100%;
	left: 50%;
	border-top-color: var(--background-floating);
}

.tooltip.bottom .pointer {
	top: -10px;
	left: 50%;
	border-bottom-color: var(--background-floating);
}


.settingGroupContainer-gDPAkQ {
	position: relative;
	margin-bottom: 2rem;
}
.settingGroupContainer-gDPAkQ > div + div {
	margin-top: 1rem;
}
.settingGroupContainer-gDPAkQ > h5 {
	margin-left: 12px;
}

.settingGroupContainer-gDPAkQ > .settingGroup-QyfZvJ.withBorder-s7fjxo {
	border: 1px solid var(--border-color-1);
}
.settingGroupContainer-gDPAkQ > .settingGroup-QyfZvJ {
	position: relative;
	background: var(--inp-background-normal);
	border-radius: 8px;
	padding-bottom: 4px;
}



.settingGroupContainer-gDPAkQ .description {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--header-secondary);
	margin-bottom: 16px;
}


.divider-r5r1an {
	border-top: thin solid var(--background-modifier-accent);
	height: 1px;
	width: 100%;
}
.divider-r5r1an.dividerDefault-ZrTlYB {
	margin-top: 1.3rem;
}

.marginBottom40-sIHVoq {
	margin-bottom: 2rem;
}

.sidebarInfo-Pw3Tc3 {
	display: flex;
	flex-direction: column;
	padding: 8px 10px;
	text-transform: capitalize;
	user-select: text;
	color: var(--text-disabled);
}
.sidebarInfo-Pw3Tc3 .versionHash-OFZxua {
	text-transform: none;
}

.line-AfARN9 {
	display: inline-block;
	width: 100%;
}

.size12-miBKNv {
	font-size: 12px;
	line-height: 16px;
}


.zxcBox-PEl4w4 {
	background: var(--background-secondary);
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 20px;
	border: 1px solid var(--border-color-1);
}

.zxcBox-PEl4w4 .separator {
	margin: 16px 0 !important;
}
.zxcBox-PEl4w4 > :not(.separator) + * {
	margin-top: 16px !important;
}

.zxcBox-PEl4w4 .note-S7okPM {
	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-PEl4w4 .note-S7okPM > span > * {
	margin-right: 8px;
}

div.color-bg-0 {
  --color-user: linear-gradient(#fff -125%, var(--brand-color));
}
div.color-bg-1 {
  --color-user: linear-gradient(#fff -125%, var(--color-user-1));
}
div.color-bg-2 {
  --color-user: linear-gradient(#fff -125%, var(--color-user-2));
}
div.color-bg-3 {
  --color-user: linear-gradient(#fff -125%, var(--color-user-3));
}
div.color-bg-4 {
  --color-user: linear-gradient(#fff -125%, var(--color-user-4));
}
div.color-bg-5 {
  --color-user: linear-gradient(#fff -125%, var(--color-user-5));
}
div.color-bg-6 {
  --color-user: linear-gradient(#fff -125%, var(--color-user-6));
}
div.color-bg-7 {
  --color-user: linear-gradient(#fff -125%, var(--color-user-7));
}
div.color-bg-8 {
  --color-user: linear-gradient(#fff -125%, var(--color-user-8));
}

.avatar-wrapper.full {
	width: 100%;
	height: 100%;
}
.avatar-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.avatar {
	--color-user: transparent;
}

.avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	position: relative;
	margin-right: 8px;
	overflow: hidden;
	flex-shrink: 0;
	font-size: 1rem;
  font-weight: bold;
  color: #fff;
	transition: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	background: var(--color-user);
}
.avatar.full {
	border-radius: 0;
	width: 100%;
	height: 100%;
	font-size: 130%;
	margin: 0;
}
.avatar.small {
	width: 24px;
	height: 24px;
	font-size: 0.725rem;
}
.avatar.big {
	margin-right: 0.625rem;
  width: 2.5rem !important;
  height: 2.5rem !important;
  font-size: 1.0625rem;
}
.avatar.large {
	margin-right: 0;
  width: 80px !important;
  height: 80px !important;
  font-size: 2.1rem;
}
.avatar.larger {
	margin-right: 0;
  width: 120px !important;
  height: 120px !important;
  font-size: 2.6rem;
}
.avatar span {
  position: absolute;
  z-index: 1;
}

.avatar img {
	width: 100%;
	height: 100%;
}

.avatar svg {
	max-width: 24px;
	max-height: 24px;
	color: inherit;
}

.avatar:hover {
	/*filter: brightness(0.7);*/
	cursor: pointer;
}




.avatar + .avatar-badge-wrapper {
	position: absolute;
	bottom: 0;
	right: .5rem;
	z-index: 1;
}
.avatar-badge-wrapper .avatar-online.shown {
	opacity: 1;
  transform: scale(1);
}
.avatar + .avatar-badge-wrapper .avatar-online {
	width: .675rem;
	height: .675rem;
}
.avatar-badge-wrapper .avatar-online {
	border-radius: 50%;
  border: 2px solid var(--background-primary);
  background-color: #0ac630;
  width: .875rem;
  height: .875rem;
  opacity: .5;
  transform: scale(0);
  transition: opacity 200ms, transform 200ms;
}
.profileBadges-m1j0CX {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: var(--background-floating);
	border-radius: 6px;
	padding: 2px 4px;
	z-index: 2;
	display: flex;
	flex-direction: row;
	gap: 2px;
}
.profileBadges-m1j0CX > img {
	width: 20px;
	height: 20px;
	padding: 2px;
}
.slider-wc5aOw {
	position: relative;
	width: 100%;
	height: 10px;
	margin: 8px 0px;
	border-radius: 3px;
	transition: none !important;
	background: var(--background-modifier-accent);
}
.slider-wc5aOw > .bar-lh61w6 {
	position: absolute;
	width: 50%;
	height: 100%;
	transition: inherit;
	background: var(--brand-color);
	border-radius: 3px 0px 0px 3px;
}
.slider-wc5aOw > .track-xeaYkL {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: inherit;
}
.slider-wc5aOw > .track-xeaYkL > .grabber-rCRRqR {
	position: absolute;
	left: 50%;
	width: 10px;
	height: 24px;
	top: 50%;
	margin-top: -12px;
	margin-left: -5px;
	border-radius: 3px;
	transition: inherit;
	background-color: #fff;
	border: 1px solid #dcddde;
	box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
	cursor: ew-resize;
}
.settingContainer-wh33NQ {
	position: relative;
	display: flex;
	flex-direction: column;
	border: unset;
	padding: 12px 16px;
}
.settingContainer-wh33NQ.transparent-BZdNrb {
	border: unset;
	background: transparent;
}
.settingContainer-wh33NQ.disabled-HRBQRW {
	opacity: 0.6;
	pointer-events: none;
}
.settingContainer-wh33NQ {
	--inp-background-normal: var(--background-modifier-accent);
	--inp-background-disabled: var(--background-tertiary);
}

.settingContainer-wh33NQ ~ .settingContainer-wh33NQ:after {
	content: "";
	background: var(--background-modifier-accent);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 12px;
	height: 1px;
}

.children-zx1 .settingContainer-wh33NQ {
	padding: 0;
}
.children-zx1 .settingContainer-wh33NQ .note-wMv3zC {
	margin: 0;
}

.settingContainer-wh33NQ .labelRow-Njea9U {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.settingContainer-wh33NQ .labelRow-Njea9U .control-w7sn6o {
	flex: 0 0 auto;
}

.settingContainer-wh33NQ > .title-GTscSq {
	flex: 1;
	display: block;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 8px;
	line-height: 1;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 3px; /* fix line height */
	padding-right: 8px; /* fix toggler sticking */
	cursor: pointer;
	color: var(--header-secondary);
}
.settingContainer-wh33NQ .labelRow-Njea9U .title-GTscSq {
	flex: 1;
	display: block;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 24px;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 3px; /* fix line height */
	padding-right: 8px; /* fix toggler sticking */
	cursor: pointer;
	color: var(--header-primary);
}

.settingContainer-wh33NQ .note-wMv3zC {
	margin-top: .05rem;
}

.settingContainer-wh33NQ .note-wMv3zC .description-EVVHOc {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--header-secondary);
}

.settingContainer-wh33NQ > .description-EVVHOc {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--header-secondary);
}
.settingContainer-wh33NQ > .description-EVVHOc:not(:only-child) {
	margin-bottom: .5rem;
}
/* Toggle Switch */

.toggleSwitch-SqgWTO {
	position: relative;
	display: block;
	width: 50px;
	height: 28px;
	border-radius: 50px;
	box-sizing: border-box;
}

.toggleSwitch-SqgWTO input {
	display: none;
}

.slider-Z8_Ueg {
	transition: all .2s ease;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--background-accent);
	border-radius: 50px;
	border: 1px solid rgba(126, 126, 126, 0.2);
}

.slider-Z8_Ueg:before {
	transition: all .3s cubic-bezier(0.16, 1, 0.3, 1);
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 3px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: white;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
	border-radius: 50px;
}

input:checked+.slider-Z8_Ueg {
	background-color: var(--brand-color);
	border: 1px solid var(--brand-color);
}

input:checked+.slider-Z8_Ueg:before {
	transform: translateX(22px);
}
.radioGroup-V6ekIY {
  display: flex;
  flex-direction: column;
  /*gap: .5em;*/
}
.radioGroup-V6ekIY.vertical-PcHWGG {
  flex-direction: column;
}
.radioGroup-V6ekIY.horizontal-gmDxY3 {
  flex-direction: row;
}
.radioGroup-V6ekIY.vertical-PcHWGG > .item-Wlm9Nr {
  margin-bottom: 0.5rem;
  flex: 1;
}
.radioGroup-V6ekIY.horizontal-gmDxY3 > .item-Wlm9Nr {
  margin-right: 0.5rem;
  flex: 1 1 auto;
}
.radioGroup-V6ekIY.vertical-PcHWGG > .item-Wlm9Nr:last-child {
  margin-bottom: 0;
}
.radioGroup-V6ekIY.horizontal-gmDxY3 > .item-Wlm9Nr:last-child {
  margin-right: 0;
}
.radioGroup-V6ekIY > .item-Wlm9Nr {
  position: relative;
  color: var(--interactive-normal);
  cursor: pointer;
}
.radioGroup-V6ekIY > .item-Wlm9Nr[aria-checked="true"] {
  color: var(--interactive-active) !important;
}
.radioGroup-V6ekIY > .item-Wlm9Nr:hover {
  color: var(--interactive-hover);
}
.radioGroup-V6ekIY > .item-Wlm9Nr[aria-checked="true"] > .radioBar-uzuxq5 {
  background: var(--background-modifier-selected) !important;
}
.radioGroup-V6ekIY > .item-Wlm9Nr > .radioBar-uzuxq5 {
  display: flex;
  align-items: center;
  border-radius: 5px;
  background: var(--inp-background-normal);
  padding: 10px;
}
:root.more-border .radioGroup-V6ekIY > .item-Wlm9Nr > .radioBar-uzuxq5 {
  border: 1px solid var(--border-color-1);
}
.radioGroup-V6ekIY > .item-Wlm9Nr > .radioBar-uzuxq5:hover {
  background: var(--background-modifier-hover);
}
.radioGroup-V6ekIY > .item-Wlm9Nr > .radioBar-uzuxq5 > .radio-J4IskW {
  display: flex;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
}
.radioBar-uzuxq5 > .radio-J4IskW::before,
.radioBar-uzuxq5 > .radio-J4IskW::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.radioGroup-V6ekIY > .item-Wlm9Nr > .radioBar-uzuxq5 > .radio-J4IskW::before {
  border: 2px solid var(--interactive-normal);
  border-radius: 50%;
  /* background-color: var(--background-secondary); */
  opacity: 1;
  transition: border-color 0.1s ease, opacity 0.1s ease;
}
.radioGroup-V6ekIY > .item-Wlm9Nr > .radioBar-uzuxq5 > .radio-J4IskW::after {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: var(--brand-color);
  opacity: 0;
  transition: opacity 0.1s ease;
}
.radioGroup-V6ekIY > .item-Wlm9Nr > .radioBar-uzuxq5 > .radio-J4IskW.checked-n2gcDw::before {
  border: 2px solid var(--interactive-active);
}
.radioGroup-V6ekIY > .item-Wlm9Nr > .radioBar-uzuxq5 > .radio-J4IskW.checked-n2gcDw::after {
  opacity: 1;
}
.radioGroup-V6ekIY > .item-Wlm9Nr > .radioBar-uzuxq5 > .info-PcaQIg {
  width: 100%;
  margin: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ================= Overlay ================= */

.backdrop-cji3m6 {
	pointer-events: none;
	user-select: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--backdrop-color);
}

.backdrop-cji3m6.exp-fChR1V {
	background: #010101af;
	backdrop-filter: blur(4px) saturate(1.5);
}

.layer-cPdNjS {
	transition: all .3s ease !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	justify-items: center;
	pointer-events: none;
}

/* transitions for all elements inside modal */
.layer-cPdNjS > .modal-rpIG8N {
	transition:
	background 0.1s ease,
	transform 0.25s cubic-bezier(.65,-0.3,0.3,1.3),
	opacity 0.35s ease,
	width .3s ease,
	height .3s ease,
	max-width .3s ease,
	max-height .3s ease;
}

/* .layer > .modal * {
	transition:
	transform 0.1s ease,
	background 0.1s ease,
	opacity 0.35s ease,
	width .3s ease,
	height .3s ease,
	max-width .3s ease,
	max-height .3s ease,
	margin .3s ease;
} */

.layer-cPdNjS > .modal-rpIG8N {
	position: relative;
	background: var(--background-primary);
	display: flex;
	/* justify-content: center; */
	flex-direction: column;
	border-radius: 8px;
	min-width: 340px;
	min-height: 180px;
	overflow: hidden;
	white-space: normal;
	font-size: 16px;
	font-family: var(--font-primary);
	text-align: start;
	pointer-events: all;
	/* border: 1px solid var(--border-color-1); */
	/* box-shadow: 0px 0px 32px 32px var(--color-shadow); */
}

.layer-cPdNjS {
	opacity: 0;
	visibility: hidden;
}

.layer-cPdNjS > .modal-rpIG8N {
	transform: scale(0.6);
	opacity: 0;
}

.layer-cPdNjS > .tools-q4NiNc {
	opacity: 0;
}

.layer-cPdNjS.open-hYQhEt {
	opacity: 1;
	visibility: visible;
}

.layer-cPdNjS.open-hYQhEt .tools-q4NiNc,
.layer-cPdNjS.shown-RXcqqh .backdrop-cji3m6,
.layer-cPdNjS.open-hYQhEt .backdrop-cji3m6,
.layer-cPdNjS.open-hYQhEt .modal-rpIG8N {
	pointer-events: all;
}

.layer-cPdNjS.open-hYQhEt > .modal-rpIG8N {
	transform: scale(1);
	opacity: 1;
}

.layer-cPdNjS.open-hYQhEt > .tools-q4NiNc {
	opacity: 1;
}

.layer-cPdNjS > .modal-rpIG8N {
	width: 75vw;
	height: 80vh;
	max-width: 75em;
	max-height: 50em;
}

.layer-cPdNjS > .modal-rpIG8N.mini-o0kFxE {
	max-width: 440px;
	max-height: 80vh;
	min-height: 165px;
	width: 60vw;
	height: auto;
}
.layer-cPdNjS > .modal-rpIG8N.small-YCPHL_ {
	max-width: 90vw;
	max-height: 90vh;
	width: 35em;
	height: auto;
}
.layer-cPdNjS > .modal-rpIG8N.small-YCPHL_.mini-o0kFxE {
	height: 85vh;
	max-height: 50em;
}
.layer-cPdNjS > .modal-rpIG8N.full-nJVHKm {
	width: 100vw;
	height: 100vh;
	max-width: 100vw;
	max-height: 100vh;
	border-radius: 0;
	border: unset;
}

/* ==== HEADER ==== */

.layer-cPdNjS > .modal-rpIG8N .header-QfRLdS {
	border-radius: 5px 5px 0 0;
	transition: box-shadow .1s ease-out;
	word-wrap: break-word;
	position: relative;
	flex: 0 0 auto;
	padding: 1rem max(1rem, env(safe-area-inset-left)) 1rem max(1rem, env(safe-area-inset-right));
	z-index: 1;
	overflow-x: hidden;
	align-items: center;
	/* box-shadow: 0 1px 0 rgb(4 4 5 / 20%), 0 1.5px 0 rgb(6 6 7 / 5%), 0 2px 0 rgb(4 4 5 / 5%); */
}
.layer-cPdNjS > .modal-rpIG8N .header-QfRLdS .button-CH38Bc {
	flex: unset;
}
.layer-cPdNjS > .modal-rpIG8N .icon-eg1AX8 svg {
	width: 32px;
	height: 32px;
}
.layer-cPdNjS > .modal-rpIG8N .header-QfRLdS .date-OrSqdD {
	color: var(--header-secondary);
	font-size: 12px;
	line-height: 16px;
}


/* ===== CONTENT ===== */

.layer-cPdNjS > .modal-rpIG8N .content-BVIpjY {
	color: var(--interactive-normal);
}

.layer-cPdNjS > .modal-rpIG8N .content-BVIpjY {
	overflow: auto scroll;
	position: relative;
	z-index: 0;
	padding: 0 8px 16px 16px;
	flex: 1 1 auto;
	line-height: 20px;
	font-size: 16px;
}

.layer-cPdNjS > .modal-rpIG8N .content-BVIpjY.log-DIta7w {
	user-select: text;
	text-align: initial;
	white-space: pre;
	word-break: break-word;
	background: var(--background-modifier-selected);
	padding: 4px 8px 8px 16px;
}

.layer-cPdNjS > .modal-rpIG8N .content-BVIpjY img {
	max-height: 30em;
	width: 100%;
	border-radius: 5px;
	object-fit: cover;
	object-position: top;
	background-color: var(--background-secondary-alt);
	margin-bottom: 24px;
}

.layer-cPdNjS > .modal-rpIG8N .content-BVIpjY .added-S0OBNg.margin-top-eQRWSk {
	margin-top: 20px;
}

.layer-cPdNjS > .modal-rpIG8N .icon-eg1AX8 {
	padding-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.layer-cPdNjS > .modal-rpIG8N > h1 {
	font-size: 2em;
	margin: 10px 0;
}

.layer-cPdNjS > .modal-rpIG8N .footer-Jz_aeE {
	flex: 0 0 auto;
	position: relative;
	padding: 15px;
	background: var(--background-secondary);
	display: flex;
}

.layer-cPdNjS > .modal-rpIG8N .footer-Jz_aeE > *:last-child {
	margin-left: auto;
}

.layer-cPdNjS > .modal-rpIG8N .footer-Jz_aeE > *:not(:last-child) {
	margin: 0 8px 0 0;
}

.layer-cPdNjS >  .modal-rpIG8N .content-BVIpjY .markdown h1 {
	/* color: var(--text-positive); */
}
.layer-cPdNjS >  .modal-rpIG8N .content-BVIpjY .markdown h3 {
	color: var(--text-warning);
}


/* ===== TOOLS ===== */

.tools-q4NiNc.left-hEzmTh {
	display: none;
}
@media (max-width: 600px) {
	.tools-q4NiNc.left-hEzmTh {
		display: flex;
		right: unset;
		left: 0;
	}
}
.tools-q4NiNc {
	transition: all 0.3s ease !important;
	position: fixed !important;
	top: 0px;
	right: 0;
	left: unset;
	margin: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: var(--font-primary);
	z-index: 101;
}

.tools-q4NiNc .keyCode-CRS1No {
	color: #dcdddedd;
	margin-top: 8px;
	font-weight: 600;
	font-size: 13px;
	text-align: center;
}
.light-theme .tools-q4NiNc .keyCode-CRS1No {
	color: #72767d;
}

.tools-q4NiNc .closeButton-B6o3Cl > svg {
	width: 18px;
	height: 18px;
}
.tools-q4NiNc .closeButton-B6o3Cl {
	position: relative;
	transition: none;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	color: #dcdddeaa;
}

.tools-q4NiNc .closeButton-B6o3Cl:hover {
	background: #7F7F7F5d;
}
.dark-theme .closeButton-B6o3Cl {
	border-color: #72767d;
	color: #72767d;
}
.light-theme .closeButton-B6o3Cl {
	border-color: #929995;
	color: #929995;
}


/* === Primary Button for overlay === */

.layer-cPdNjS > .modal-rpIG8N > p {
	margin: 1em 0;
	line-height: normal;
	font-size: 1em;
}

.layer-cPdNjS > .modal-rpIG8N .icon-eg1AX8 svg {
	transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s;
}

.layer-cPdNjS > .modal-rpIG8N > hr {
	border: 0;
	height: 1px;
	background: #333;
	margin: 1em;
}


/* ------------------------------------------- */

.overlay-zLa89b>.container-ov1-pQtmu7::-webkit-scrollbar-thumb {
	background-color: transparent;
}

.overlay-zLa89b>.container-ov1-pQtmu7:hover::-webkit-scrollbar-thumb {
	background-color: rgb(170, 170, 170, 0.7);
}

.layer-cPdNjS .verticalButtonContainer-7sgqxg {
	flex: 0 0 auto;
	background: var(--background-secondary);
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	flex-wrap: nowrap;
	flex-direction: row;
	padding: 10px;
}
.layer-cPdNjS .verticalButtonContainer-7sgqxg button + button {
	margin-left: 10px;
}

/* === MEDIA QUERIES === */

@media (max-width: 85rem) {
	.layer-cPdNjS > .modal-rpIG8N {
			width: 85vw;
			max-width: none;
	}
}

@media (max-width: 70rem) {
	.layer-cPdNjS > .modal-rpIG8N {
			width: 90vw;
	}
}
@media (max-width: 55rem) {
	.layer-cPdNjS > .modal-rpIG8N {
			width: 95vw;
	}
}

@media (max-height: 50rem) {
	.layer-cPdNjS > .modal-rpIG8N {
			height: 85vh;
			max-height: none;
	}
	.layer-cPdNjS > .modal-rpIG8N .content-BVIpjY img {
			max-height: 25em;
	}
}

@media (max-height: 40rem) {
	.layer-cPdNjS > .modal-rpIG8N {
			height: 90vh;
	}
	.layer-cPdNjS > .modal-rpIG8N .content-BVIpjY img {
			max-height: 20em;
	}
}

.guilds-DOZfvv {
	overflow: hidden;
	display: flex;
	width: 72px;
	flex-direction: column;
	flex-shrink: 0;
	position: relative;
	background-color: var(--background-tertiary);
}

.guilds-DOZfvv > .tree-B4Q9ev {
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}
.guilds-DOZfvv > .tree-B4Q9ev > .footer-AnbNSF {
	width: 100%;
	position: relative;
	padding-top: 8px;
	padding-bottom: 4px;
	background-color: var(--background-tertiary);
}

.guilds-DOZfvv > .tree-B4Q9ev > .scroller {
	flex: 1 1 auto;
}
.guilds-DOZfvv > .tree-B4Q9ev > .scroller
> .listItem-eKCCTH > .wrapper-qGGnuo {
	transition: all .3s ease;
}


.listItem-eKCCTH {
	position: relative;
	margin: 0 0 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	/*background-color: #333;*/
}

.listItem-eKCCTH > .wrapper-qGGnuo {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	position: relative;
	cursor: pointer;
	border-radius: 50%;
	overflow: auto;
}


.listItem-eKCCTH > .guildSeparator-zvMhIV {
	height: 2px;
	width: 32px;
	border-radius: 1px;
	background-color: var(--background-modifier-accent);
}

.listItem-eKCCTH > .wrapper-qGGnuo > .singleIconBtn-EZZGVi {
	overflow: hidden;
	padding: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	transition: color .15s ease-out, background-color .15s ease-out;
	color: var(--interactive-normal);
	background-color: var(--background-primary);
}

.listItem-eKCCTH > .wrapper-qGGnuo > .singleIconBtn-EZZGVi svg {
	max-width: 24px;
	max-height: 24px;
}

.listItem-eKCCTH > .wrapper-qGGnuo:hover {
	border-radius: 25%;
}

.listItem-eKCCTH > .wrapper-qGGnuo:hover > .singleIconBtn-EZZGVi {
	color: #ddd;
	background-color: var(--brand-color-1);
}

/*.listItem.selected > .wrapper:hover > .singleIconBtn {
	color: var(--interactive-active);
}*/
.listItem-eKCCTH.selected-D4fZIG > .wrapper-qGGnuo {
	border-radius: 25%;
}
.listItem-eKCCTH.selected-D4fZIG > .wrapper-qGGnuo > .singleIconBtn-EZZGVi {
	color: #fff;
	background-color: var(--brand-color);
}

.listItem-eKCCTH img {
	width: 48px;
	height: 100%;
	object-fit: cover;
}

.numberBadge-M1LcGv {
	flex: 0 0 auto;
	box-sizing: border-box;
  color: white;
  height: 20px;
  min-height: 20px;
  min-width: 18px;
	border-radius: .75rem;
	padding: 0 7px;
	background-color: var(--background-accent);

  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.4;
  text-transform: uppercase;
}
.numberBadge-M1LcGv.red-EBSIn_ {
	background-color: var(--text-negative);
}
.headerContainer-BKpxHv {
	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-family: var(--font-display);
	font-weight: 600;
	flex: 1 1 auto;
	color: var(--header-secondary);
}
.headerText-hglLFC {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.privateChannelsHeaderContainer-GHwknk:hover {
	color: var(--interactive-hover);
}
.privateChannelsHeaderContainer-GHwknk {
  display: flex;
  padding: 18px 8px 4px 10px;
  height: 40px;
	color: var(--interactive-normal);
}
.privateChannelsHeaderContainer-GHwknk .privateChannelRecipientsInviteButtonIcon-nsluge {
	flex: 0;
  width: 16px;
  height: 16px;
  margin-left: 0 !important;
  margin-right: 2px !important;
	color: var(--interactive-normal);
}
.privateChannelsHeaderContainer-GHwknk .privateChannelRecipientsInviteButtonIcon-nsluge:hover {
	color: var(--interactive-hover);
}
.privateChannelsHeaderContainer-GHwknk .privateChannelRecipientsInviteButtonIcon-nsluge svg {
	width: 16px;
	height: 16px;
}
.headerBar-GBMC6n {
	position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  width: 100%;
  flex: 0 0 auto;
  padding: 8px;
  min-height: 48px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  cursor: default;
  z-index: 2;
  color: var(--text-normal);
	background-color: var(--background-primary);
}
.headerBar-GBMC6n::after {
	content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  box-shadow: 0 1px 0 var(--color-shadow);
  z-index: 1;
  pointer-events: none;
}
.transparent-XyVyvD {
  background-color: transparent;
}
.headerBar-GBMC6n.transparent-XyVyvD::after {
  display: none;
}
.upperContainer-GX3MXE {
	display: flex;
	flex: 1;
}
.headerChildren-OrL7Cg {
	position: relative;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
}
.headerChildren-OrL7Cg .avatar {
  margin-left: 8px;
  margin-right: 12px;
}
.headerToolbar-v52Fqa {
	flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-width: 0;
}
.iconWrapper-c7Q5vG {
  position: relative;
  height: 24px;
  width: auto;
  flex: 0 0 auto;
  margin: 0 8px;
}
.iconWrapper-c7Q5vG svg {
	color: var(--header-secondary);
}
.titleWrapper-eEd0bL {
	margin: 0 8px 0 0;
  flex: 0 0 auto;
  min-width: auto;
	color: var(--header-primary);
}
.titleWrapper-eEd0bL > .title-M0xAiS {
  display: flex;
  gap: .25rem;
  align-items: center;
}
.titleWrapper-eEd0bL svg {
  width: 16px;
  height: 16px;
}
.divider-_Xfkeh {
	width: 1px;
  height: 24px;
  margin: 0 8px;
  flex: 0 0 auto;
  background: var(--background-modifier-accent);
}
.divider-_Xfkeh + * {
	margin-left: 8px;
}
.toolbarItem-x8K1Ef {
  position: relative;
  height: 24px;
  width: auto;
  flex: 0 0 auto;
  margin: 0 8px;
}

.dropContainer-UfABF1 {
	cursor: pointer;
	position: relative;
	outline: 0;
	font-size: 20px;
}

.dropContainer-UfABF1 .header-HkJJ8X {
	background-color: var(--background-secondary);
	box-shadow: 0 0px 3px 0px var(--color-shadow);
	position: relative;
	font-weight: 500;
	padding: 0 16px;
	height: 48px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	z-index: 3;
	transition: background-color .1s linear;
	text-transform: none !important;
	font-size: 16px !important;
	user-select: none;
	text-align: start;
}

.dropContainer-UfABF1 .header-HkJJ8X h1 {
	font-size: 16px;
	line-height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	flex: 1;
	user-select: none;
	text-align: start;
	color: var(--header-primary);
}

.dropContainer-UfABF1 .header-HkJJ8X:hover {
	background-color: #4f545c29;
}

.dropdown-vN26wY {
	margin: 8px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 22;
	background-color: var(--background-floating);
	min-width: 220px;
	width: auto;
	display: block;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	font-size: medium;
	overflow: hidden;
	text-align: start;
	overscroll-behavior: contain;
	transform: scale(0.5);
	transform-origin: 50% 0;
	opacity: 0;
	transition: opacity .2s cubic-bezier(0.2, 0, 0.2, 1),transform .2s cubic-bezier(0.2, 0, 0.2, 1) !important;
}

.dropdown-vN26wY:not(.shown) {
	display: none;
}
.dropdown-vN26wY:not(.open) {
	pointer-events: none;
}

.dropdown-vN26wY.open {
	transform: scale(1);
	opacity: 1;
}

.dropdown-vN26wY > .dropdownItem-w86Nfj {
	cursor: pointer;
	color: var(--header-primary);
	padding: 12px 15px;
	text-decoration: none;
	display: block;
	/* border-radius: 5px; */
	user-select: none;
	font-weight: 500;
	transition: none;
}

.dropdown-vN26wY .dropdownItem-w86Nfj:hover {
	background-color: var(--brand-color-1);
	color: #eee;
}
label.checkbox-dv3RED {
	position: relative;
  width: 100%;
  min-height: 3rem;
  display: flex;
  align-items: center;
  padding-inline-start: 2.75rem;
  text-align: left;
  cursor: pointer;
  margin-bottom: 0;
}
.checkbox-dv3RED.fm-qDDaWn {
	margin: 0 -0.625rem;
}
.checkbox-dv3RED input {
	position: absolute;
  z-index: -1;
  opacity: 0;
}
.checkbox-dv3RED .checkboxMain-f1Htpv {
	flex: 1;
}
.checkbox-dv3RED .checkboxMain-f1Htpv::before,.checkbox-dv3RED .checkboxMain-f1Htpv::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  left: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
	border: .125rem solid transparent;
}

.checkbox-dv3RED .checkboxMain-f1Htpv::before {
  border: .125rem solid var(--background-modifier-accent);
  border-radius: .25rem;
  background-color: var(--background-secondary);
  transition: border-color .1s ease,background-color .1s ease
}

.checkbox-dv3RED .checkboxMain-f1Htpv::after {
  background: center no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjkuOEw1LjggOC45IDIuMSA1LjJjLS40LS40LTEuMS0uNC0xLjYgMC0uNC40LS40IDEuMSAwIDEuNkw1IDExLjJjLjQuNCAxLjEuNCAxLjYgMGw4LjktOC45Yy40LS40LjQtMS4xIDAtMS42LS41LS40LTEuMi0uNC0xLjYuMXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
  background-size: 1rem;
  opacity: 0;
  transition: opacity .1s ease
}

.checkbox-dv3RED .checkboxMain-f1Htpv .label-fN8KyJ {
  word-break: break-word;
  unicode-bidi: plaintext;
  text-align: left;
  line-height: 1.25rem;
  margin-left: 2.5rem;
}


.checkbox-dv3RED input:checked~.checkboxMain-f1Htpv::before {
  border-color: transparent;
  background-color: var(--brand-color);
}

.checkbox-dv3RED input:checked~.checkboxMain-f1Htpv::after {
  opacity: 1
}
.head-uzyrgA {
	width: 5rem;
  height: 5rem;
  background-repeat: no-repeat;
  background-size: 5rem;
  margin: 0 auto 1rem;
  color: var(--header-primary);
}
.title-PaT6q9 {
	text-align: center;
  margin-bottom: .25rem;
  color: var(--header-primary);
}
.subtitle-nOvuc6 {
	color: var(--header-secondary);
  font-size: .875rem;
  text-align: center;
}
.callLayer-Hp1Of4 {
	transition: all .3s ease !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	justify-items: center;
	pointer-events: none;
}

.callLayer-Hp1Of4 > .callModal-wB6LKi {
	position: absolute;
	background: var(--background-floating);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 8px;
	min-width: 210px;
	min-height: 240px;
	max-width: 220px;
	max-height: 300px;
	overflow: hidden;
	white-space: normal;
	font-size: 16px;
	font-family: var(--font-primary);
	text-align: start;
	pointer-events: all;
	/* border: 1px solid var(--border-color-1); */
	/* box-shadow: 0px 0px 32px 32px var(--color-shadow); */
	padding: 16px;
}
.callModal-wB6LKi .actions-OV_Q_J {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 16px;
}
.callModal-wB6LKi .actions-OV_Q_J button {
  /* margin: 0 8px; */
  width: 56px;
  height: 56px;
  min-width: 42px;
  min-height: 42px;
}
.callModal-wB6LKi .mainChannelInfo-PxhUqZ {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 100%;
	margin-bottom: 24px;
}
.callModal-wB6LKi .mainChannelInfo-PxhUqZ .titleContainer-v2dRFJ {
	margin-top: 8px;
	text-align: center;
	line-height: 1.2;
	width: 100%;
}