@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css);

:root {
	--columns: 		3;
	--guildsize: 		50;
	--guildgap: 		3;
	--badgescale: 		1;
	--aligndms: 		1;

	--columns_v: 		var(--columns_s, var(--columns));
	--guildsize_v: 		var(--guildsize_s, var(--guildsize));
	--guildgap_v: 		var(--guildgap_s, var(--guildgap));
	--badgescale_v: 	var(--badgescale_s, var(--badgescale));
	--aligndms_v: 		var(--aligndms_s, var(--aligndms));
}
.visual-refresh .wrapper_ef3116 .listItem__650eb {
	--guildgap_v: 		0;
}
.wrapper_ef3116 #sort-button,
.wrapper_ef3116 .friendsOnlineWrap_aa9717,
.wrapper_ef3116 .serverCountWrap_1dcf05,
.wrapper_ef3116 .frame_aa90f4 {
	--guildgap_v: 		var(--guildgap_s, var(--guildgap));
}

.titleBar__421ed.typeMacOS__421ed,
.titleBar__421ed.typeMacOS__421ed .macButtons__421ed,
.wrapper_ef3116,
.wrapper_ef3116 .unreadMentionsIndicatorTop_ef3116,
.wrapper_ef3116 .unreadMentionsIndicatorBottom_ef3116 {
	width: calc(1px * (var(--guildsize_v) * var(--columns_v) + 20 * (var(--guildsize_v)/50) + 14 * (var(--guildsize_v)/50) * (var(--columns_v) - 1))) !important;
}
.titleBar__421ed.typeMacOS__421ed .macButtons__421ed {
	padding-right: calc(1px * ((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * var(--columns) - 50)) !important;
}
body.folderContentIsOpen_ac0584 .titleBar__421ed.typeMacOS__421ed,
body.folderContentIsOpen_ac0584 .titleBar__421ed.typeMacOS__421ed .macButtons__421ed {
	width: calc(2px * ((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * var(--columns_v) + 35 - 25)) !important;
}
body.folderContentIsOpen_ac0584 .titleBar__421ed.typeMacOS__421ed .macButtons__421ed {
	padding-right: calc(1px * ((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * var(--columns_v) * 2 - 40)) !important;
}
.titleBar__421ed.typeMacOS__421ed.typeMacOSWithFrame__421ed .macButtons__421ed {
	margin-top: 0 !important;
	margin-right: 0 !important;
}
.wrapper_ef3116,
.wrapper_ef3116 .tree_ef3116 {
	padding: 0 !important;
	border: 0 !important;
}
.wrapper_ef3116.hidden_ef3116,
.wrapper_ef3116[style*="width: 0px"] {
	width: 0 !important;
}
.wrapper_ef3116 .scroller_ef3116 {
	padding: 0 0 0 calc(10px * var(--guildsize_v)/50) !important;
	border: 0 !important;
}
.wrapper_ef3116 .scroller_ef3116.none_d125d2::-webkit-scrollbar {
	width: 0 !important;
}
.wrapper_ef3116 .scroller_ef3116,
.wrapper_ef3116 .scroller_ef3116 > [role="tree"],
.wrapper_ef3116 .scroller_ef3116 > .stack_dbd263,
.wrapper_ef3116 .listItem__650eb + div[aria-label]:not([class]) {
	margin: 0 !important;
	display: flex !important;
	flex-flow: row wrap !important;
	align-content: flex-start !important;
	gap: unset !important;
}
.wrapper_ef3116 .scroller_ef3116 > .stack_dbd263,
.wrapper_ef3116 .listItem__650eb + div[aria-label]:not([class]) {
	gap: unset !important;
	padding: unset !important;
}
.wrapper_ef3116 .listItem__650eb {
	margin: calc(1.5px* var(--guildgap_v)) calc(1px*(12* var(--guildsize_v) / 50)) calc(1.5px* var(--guildgap_v)) 0 !important;
}
.wrapper_ef3116 #server-search {
	margin: calc(1px * var(--guildgap_v)) calc(1px * (((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * (var(--columns_v) - 1))/2)) !important;
}
.wrapper_ef3116 #server-search .wrapper__58105 {
	display: none;
}
.wrapper_ef3116 .listItem__650eb:first-child .listItemWrapper__91816,				/*	home		*/ 
.wrapper_ef3116 .listItem__650eb .tutorialContainer__650eb .listItemWrapper__91816,		/*	add server	*/ 
.wrapper_ef3116 .tutorialContainer__650eb + .listItem__650eb {					/*	discovery	*/ 
	margin: 0 calc(1px * (((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * (var(--columns_v) - 1))/2)) calc(1px * var(--guildgap_v)) calc(1px * ((((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * (var(--columns_v) - 1))/2))) !important;
}
.wrapper_ef3116 .tutorialContainer__650eb:nth-last-child(2) .listItem__650eb {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
#guild-list-unread-dms .listItemWrapper__91816,
#guild-list-unread-dms .wrapper__58105 ~ span {
	margin: 0 calc(1px * ((((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * (var(--columns_v) - 1))/2) * (1 - var(--aligndms_v)))) 0 calc(1px * (((0 * var(--aligndms_v)) + ((((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * (var(--columns_v) - 1))/2) * (1 - var(--aligndms_v)))))) !important;
}
.wrapper_ef3116 .blobContainer_e5445c,
.wrapper_ef3116 .guildsError_e8d03f {
	margin: 0 !important;
}
.wrapper_ef3116 .listItem__650eb {
	width: auto !important;
}
.wrapper_ef3116 .placeholderMask__87847,
.wrapper_ef3116 .svg_cc5dd2,
.wrapper_ef3116 .wrapper_cc5dd2 {
	width: calc(1px * var(--guildsize_v)) !important;
	height: calc(1px * var(--guildsize_v)) !important;
}
.wrapper_ef3116 .wrapper_cc5dd2 .svg_cc5dd2 {
	inset-inline-start: 0 !important;
	top: 0 !important;
	left: 0 !important;
}
.wrapper_ef3116 .wrapper_cc5dd2 .svg_cc5dd2 .svg_cc5dd2 {
	inset-inline-start: -4px !important;
	top: -4px !important;
	width: calc(1px * var(--guildsize_v) * (48/var(--guildsize_v))) !important;
	height: calc(1px * var(--guildsize_v) * (48/var(--guildsize_v))) !important;
}
.wrapper_ef3116 .scroller_ef3116 > div[style*="height"].pinned_c32045,
.wrapper_ef3116 .scroller_ef3116 > div[style*="height"]:not([class]),
.wrapper_ef3116 .scroller_ef3116 > .stack_dbd263 > div[style*="height"].pinned_c32045,
.wrapper_ef3116 .scroller_ef3116 > .stack_dbd263 > div[style*="height"]:not([class]) {
	height: calc(1px * var(--guildsize_v) * (54/50)) !important;
}
.wrapper_ef3116 .upperBadge_cc5dd2 .base__2b1f5 {
	transform: translate(calc(3px * ((38 - var(--guildsize_v))/10)), calc(-3px * ((38 - var(--guildsize_v))/10))) scale(calc(var(--guildsize_v)/50 * var(--badgescale_v))) !important;
}
.wrapper_ef3116 .upperLeftBadge_820890 .base__2b1f5 {
	transform: translate(calc(-3px * ((38 - var(--guildsize_v))/10)), calc(-3px * ((38 - var(--guildsize_v))/10))) scale(calc(var(--guildsize_v)/50 * var(--badgescale_v))) !important;
}
.wrapper_ef3116 .lowerBadge_cc5dd2 .base__2b1f5 {
	transform: translate(calc(3px * ((38 - var(--guildsize_v))/10)), calc(3px * ((38 - var(--guildsize_v))/10))) scale(calc(var(--guildsize_v)/50 * var(--badgescale_v))) !important;
}
.wrapper_ef3116 .lowerLeftBadge_820890 .base__2b1f5 {
	transform: translate(calc(-3px * ((38 - var(--guildsize_v))/10)), calc(3px * ((38 - var(--guildsize_v))/10))) scale(calc(var(--guildsize_v)/50 * var(--badgescale_v))) !important;
}
.wrapper_ef3116 .wrapper__58105 {
	top: calc(-5px * var(--guildsize_v)/50) !important;
	height: calc(1px * (var(--guildsize_v) + 10 * var(--guildsize_v)/50)) !important;
	transform: scale(calc(var(--guildsize_v)/50)) !important;
	transform-origin: 0 50% !important;
}
.wrapper_ef3116 .wrapper__58105 {				/* 	guild/button	*/
	left: calc(-10px * var(--guildsize_v)/50) !important;
}
.wrapper_ef3116 #guild-list-unread-dms .wrapper__58105 {	/*	dm		*/ 
	left: calc(1px * ((var(--aligndms_v) + ((((var(--guildsize_v) + 10 * var(--guildsize_v)/50) * (var(--columns_v) - 1))/2) * (1 - var(--aligndms_v)))) - 8)) !important;
}
.wrapper_ef3116 .tutorialContainer__1f388 .wrapper__58105 {	/*	home		*/ 
	left: calc(1px * ((((var(--guildsize_v) + 10 * var(--guildsize_v)/50) * (var(--columns_v) - 1))/2) - 5)) !important;
}
.wrapper_ef3116 .guildSeparator__252b6 {
	width: calc(1px * ((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * var(--columns_v) - (12 * var(--guildsize_v)/50))) !important;
	margin: calc(1px * (var(--guildsize_v)/10)) 0 !important;
	display: block !important;
}
.wrapper_ef3116 .guildsError_e8d03f {
	width: calc(1px * var(--guildsize_v)) !important;
	height: calc(1px * var(--guildsize_v)) !important;
	font-size: calc(1px * (var(--guildsize_v)/4 + 7.5)) !important;
	line-height: calc(1px * (var(--guildsize_v)/4 + 6.5)) !important;
}
.wrapper_ef3116 #sort-button,
.wrapper_ef3116 .friendsOnlineWrap_aa9717,
.wrapper_ef3116 .serverCountWrap_1dcf05,
.wrapper_ef3116 .frame_aa90f4 {
	width: calc(1px * ((var(--guildsize_v)*4/5) + 12 * var(--guildsize_v)/50)) !important;
	text-align: center !important;
	margin: calc(1px * var(--guildgap_v)) calc(1px * (((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * (var(--columns_v) - 1) - ((var(--guildsize_v)*4/5) + 12 * var(--guildsize_v)/50) + var(--guildsize_v))/2)) calc(1px * var(--guildgap_v)) calc(1px * (((var(--guildsize_v) + 12 * var(--guildsize_v)/50) * (var(--columns_v) - 1) - ((var(--guildsize_v)*4/5) + 12 * var(--guildsize_v)/50) + var(--guildsize_v))/2)) !important;
}
.wrapper_ef3116 #sort-button > div,
.wrapper_ef3116 .label_caf933,
.wrapper_ef3116 .frame_aa90f4 .innerFrame_aa90f4,
.wrapper_ef3116 .frame_aa90f4 .button_aa90f4 {
	white-space: pre !important;
	width: 100% !important;
}
.wrapper_ef3116 .label_caf933 {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	height: calc(1px * ((var(--guildsize_v)/5) + 5)) !important;
	font-size: calc(1px * ((var(--guildsize_v)/8) + 3)) !important;
	margin: 0 !important;
}
.wrapper_ef3116 #sort-button > div,
.wrapper_ef3116 .frame_aa90f4 .button_aa90f4 {
	height: calc(1px * ((var(--guildsize_v)/5) + 10)) !important;
	line-height: calc(1px * ((var(--guildsize_v)/5) + 10)) !important;
	font-size: calc(1px * ((var(--guildsize_v)/8) + 6)) !important;
}

.wrapper_ef3116 .folderGroup__48112 {
	border-bottom: calc(1px * var(--guildgap_v)) solid transparent !important;
	margin: calc(1px * var(--guildgap_v)) calc(1px * (12 * var(--guildsize_v)/50)) auto 0 !important;
	width: calc(1px * var(--guildsize_v)) !important;
}
.wrapper_ef3116 .folderGroup__48112 > .listItem__650eb {
	margin: 0 !important;
}
.wrapper_ef3116 .folderGroup__48112 [role="group"] {
	overflow: visible !important;
	margin-left: -1px !important;
	margin-bottom: 0 !important;
	padding: 0 0 0 1px !important;
	gap: unset !important;
}
.wrapper_ef3116 .folderGroup__48112:not(.isExpanded__48112) .stack_dbd263 {
	display: none;
}
.wrapper_ef3116 .folderGroup__48112.isExpanded__48112 [role="group"] .listItem__650eb {
	margin-right: 0 !important;
}
.wrapper_ef3116 .folderGroup__48112.isExpanded__48112 [role="group"] .listItem__650eb:last-child {
	margin-bottom: 0 !important;
}
.wrapper_ef3116 .folderGroupBackground__48112 {
	width: calc(1px * var(--guildsize_v)) !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	margin-bottom: 0 !important;
}
.wrapper_ef3116 .folderHeader__48112,
.wrapper_ef3116 .folderButton__48112 {
	width: calc(1px * var(--guildsize_v)) !important;
	height: calc(1px * var(--guildsize_v)) !important;
}
.wrapper_ef3116 .folderGroup__48112 .folderHeader__48112 .svg_cc5dd2 svg {
	width: 24px !important;
	height: 24px !important;
}

/* SERVERFOLDERS */

.wrapper_ef3116.content_ac0584 {
	--columns_v: 		var(--SFcolumns, var(--columns));
	--guildsize_v: 		var(--SFguildsize, var(--guildsize));
	--guildgap_v: 		var(--SFguildgap, var(--guildgap));
}
.wrapper_ef3116.content_ac0584 .scroller_ef3116 {
	padding-left: 0 !important;
}
.wrapper_ef3116.content_ac0584 .folderGroup__48112 {
	width: calc(1px * (var(--guildsize_v) * var(--columns_v) + 20 * (var(--guildsize_v)/50) + 14 * (var(--guildsize_v)/50) * (var(--columns_v) - 1))) !important;
	margin-right: 0 !important;
}
.wrapper_ef3116.content_ac0584 .folderGroup__48112 > .listItem__650eb {
	margin: calc(1px * var(--guildgap_v)) calc(5px * var(--guildsize_v)/50) calc(1px * var(--guildgap_v)) 0 !important;
}
.wrapper_ef3116.content_ac0584 .folderHeader__48112,
.wrapper_ef3116.content_ac0584 .folderPreviewWrapper__48112,
.wrapper_ef3116.content_ac0584 .folderHeader__48112 {
	width: calc(var(--guildsize_v) * (var(--guildbar-avatar-size, calc(1px * var(--guildsize_v)))/calc(var(--guildsize_v)))) !important;
	height: calc(var(--guildsize_v) * (var(--guildbar-avatar-size, calc(1px * var(--guildsize_v)))/calc(var(--guildsize_v)))) !important;
}
.wrapper_ef3116.content_ac0584 .folderGroup__48112 .folderGroupBackground__48112 {
	right: 0 !important;
	width: calc(100% - calc(5px * var(--guildsize_v)/50)) !important;
}
.wrapper_ef3116.content_ac0584 .folderGroup__48112 [role="group"] {
	width: auto !important;
	margin: 0 !important;
	padding: 0 0 0 calc(10px * var(--guildsize_v)/50) !important;
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: space-between !important;
}
.wrapper_ef3116.content_ac0584 .folderGroup__48112 .folderGroupBackground__48112 ~ [role="group"] {
	padding-bottom: calc(8px * var(--guildsize_v)/50) !important;
}

html .typingindicator-guild,
html .typingindicator-dms,
html .typingindicator-folder {
	right: 3px !important;
	top: calc(var(--guildsize_v) * 1px - 5px) !important;
	bottom: unset !important;
}

.wrapper_ef3116 .folderGroup__48112 [role="group"][style*="height:"] {
	height: unset !important;
}