min-width: 50px !important;
    margin-right:0 !important;
    border-radius: 100% !important;
    background:transparent;
}
.nameTag-sc-gpq.canCopy-IgTwyV{
    width:0;display:none !important;
}
body #app-mount .panels-3wFtMD .container-YkUktl > .flex-2S1XBF > :first-child.button-12Fmur[aria-checked],
body #app-mount .panels-3wFtMD .container-YkUktl > .flex-2S1XBF > :first-child.button-12Fmur[aria-checked] + .button-12Fmur[aria-checked],
body #app-mount .panels-3wFtMD .container-YkUktl > .flex-2S1XBF > :first-child.button-12Fmur[aria-checked] + .button-12Fmur[aria-checked] + .button-12Fmur{
    margin-bottom: 15px !important;
}
.panels-3wFtMD .container-YkUktl:last-child .flex-2S1XBF {
  position                :               fixed;
  bottom                  :               calc(0% + 155px);
  left                    :               10px;
  width                   :               30px;
  z-index                 :               101;
  max-height              :               150px;
  justify-content         :               space-evenly;
  align-items             :               center;
  border-radius           :               var(--radius-primary);
  flex-direction          :               column;
  padding                 :               0px 10px;
}

.container-YkUktl:last-child .flex-2S1XBF>button {
  padding                 :               25px !important;
  margin                  :               0px;
  color                   :             #747474;
  border-radius           :               var(--radius-primary);
  transition              :               ease 0.3s;
}

.container-YkUktl:last-child .flex-2S1XBF>button:last-child {
  margin-top              :               5px;
  padding                 :               25px !important;
  position                :               fixed;
  bottom                  :               calc(0% + 90px);
  color                   :             #747474;
  border-radius           :               15px;
  transition              :               ease 0.3s;
}
}
.panels-3wFtMD>div:last-child {
  margin-bottom           :               0px;
  height                  :               0;
  width                   :               0;

}
#app-mount .guilds-2JjMmN .scrollerBase-_bVAAt {
  max-height: calc(100% - 298px) !important;
}

.item-3XjbnG,
.option-ayUoaq {
	transition: 0.3s ease !important;
}

.clickable-28SzVr .layout-1qmrhw {
	border-radius: 25px;
	transition: 0.4s ease !important;
}

.clickable-28SzVr:hover .layout-1qmrhw {
	border-radius: 10px;
}

.input-2g-os5:not(.addFriendInputWrapper-kkoSV9 .inputWrapper-1YNMmM .inputDefault-3FGxgL):focus-within,
.scrollableContainer-15eg7h:not(.addFriendInputWrapper-kkoSV9 .inputWrapper-1YNMmM .inputDefault-3FGxgL):focus-within,
.input-3r5zZY:focus-within,
.input-2g-os5 {
	background-color: #444444c2 !important;
	border-color: var(--color-brand-lighter) !important;
}
[class*="jumpToPresentBar"] {
	display: contents;
}

[class*="jumpToPresentBar"]>button:first-child {
	display: none;
}

[class*="jumpToPresentBar"]>button:last-child {
	position: absolute;
	z-index: 1;
	bottom: 24px;
	right: 22px;
	padding: 8px !important;
	height: auto;
	background-color: #414141;
	box-shadow: var(--elevation-high);
	border-radius: 100px;
	display: flex;
	font-size: 0px;
	color: transparent;
	transition: font-size .2s .1s, color .2s, padding .4s .1s;
}

[class*="jumpToPresentBar"]>button svg {
	order: -1;
	margin: 0px;
	height: 24px;
	width: 24px;
	top: auto;
	margin-right: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	transition: margin .6s;
}

[class*="jumpToPresentBar"]:hover>button {
	padding: 8px 18px !important;
	font-size: 14px;
	color: #FFFFFF;
	transition: font-size .2s, color .2s .1s, padding .4s;
}

[class*="jumpToPresentBar"]:hover>button svg {
	margin-right: 2px;
	margin-left: -6px;
}
}
.button-12Fmur:hover .contents-3ca1mk {
	animation: UserModalButtons 0.5s normal ease;
}

.container-YkUktl .noWrap-hBpHBz {
	width: 100px;
	opacity: 1;
}

.button-12Fmur {
	border-radius: 10px;
	transition: 0.2s;
}

.button-12Fmur:hover {
	padding-bottom: 0px;
	transition: 0.2s;
}

@keyframes UserModalButtons {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-5px);
	}

	100% {
		transform: translateY(0px);
	}
}


/* turns jump to present bar into a button */
[class*="jumpToPresentBar"] {
	display: contents;
}

[class*="jumpToPresentBar"]>button:first-child {
	display: none;
}

[class*="jumpToPresentBar"]>button:last-child {
	position: absolute;
	z-index: 1;
	bottom: 24px;
	right: 22px;
	padding: 8px !important;
	height: auto;
	background-color: #414141;
	box-shadow: var(--elevation-high);
	border-radius: 100px;
	display: flex;
	font-size: 0px;
	color: transparent;
	transition: font-size .2s .1s, color .2s, padding .4s .1s;
}

[class*="jumpToPresentBar"]>button svg {
	order: -1;
	margin: 0px;
	height: 24px;
	width: 24px;
	top: auto;
	margin-right: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	transition: margin .6s;
}

[class*="jumpToPresentBar"]:hover>button {
	padding: 8px 18px !important;
	font-size: 14px;
	color: #FFFFFF;
	transition: font-size .2s, color .2s .1s, padding .4s;
}

[class*="jumpToPresentBar"]:hover>button svg {
	margin-right: 2px;
	margin-left: -6px;
}


/* animates popout menus */
.emojiPicker-6YCk8a,
.browser-mnQ1T7,
.messagesPopoutWrap-3zryHW,
.wrapper-1NB3WY,
.container-3u7RcY,
.container-2o3qEW,
.container-2ebMPP,
.userPopout-2j1gM4 {
	animation: custom-menu-animation 250ms ease;
	transform-origin: top;
}

@keyframes custom-menu-animation {
	from {
		transform: scaleY(0);
	}

	to {
		transform: scaleY(1);
	}
}
}
}