dsn-server.css

/* server.css */
.theme-light .reaction_ec6b19.reactionMe_ec6b19,
.theme-dark .reaction_ec6b19.reactionMe_ec6b19 {
  background: var(--reaction-background);
  border: 1px solid var(--reaction-border) !important;
}

.tree_fea3ef {
  background: var(--server-list-background);
}

.wrapper_fea3ef {
  /* overflow: visible; */
  z-index: 5;
}

.sidebar_a4d4d9 {
  z-index: auto !important;
  overflow: visible;
  margin-bottom: 5px;
  border-radius: 0 0 4px 4px;
}

.sidebar_a4d4d9 .container_ee69e0 .scroller_c43953 {
  box-shadow: var(--general-box-shadow);
  background: var(--background);
  top: 6px;
}

.listItem_c96c45:has(.selected_a5ad63) {
  z-index: 4;
}
.listItem_c96c45:has(.selected_a5ad63) .wrapper_c5f96a {
  top: 3px;
  left: 2px;
}

.blobContainer_a5ad63 {
  z-index: 1;
}

.scroller_fea3ef > div > .listItem_c96c45 > div > .blobContainer_a5ad63,
.scroller_fea3ef
  > [style="opacity: 1; height: 56px; transform: scale(1);"]
  > div
  > .listItemWrapper_dfb2f8 {
  background: var(--server-background);
  box-shadow: var(--general-box-shadow);
  border-radius: 0px;
  padding: 5px;
  border-radius: 5px;
  padding-right: 20px;
  margin: -3px 0 -3px 30px;
  transition: 0.2s;
}

.scroller_fea3ef > [style="opacity: 1; height: 56px; transform: scale(1);"] {
  margin-top: 20px;
}

.scroller_fea3ef
  > div
  > .wrapper_bc7085
  > ul
  > .listItem_c96c45
  > div
  > .blobContainer_a5ad63 {
  margin: 11px 0 11px 0;
  left: -12px;
  top: -8px;
  position: relative;
  width: 24px;
  height: 24px;
}

.theme-light
  .scroller_fea3ef
  > [style="opacity: 1; height: 56px; transform: scale(1);"]
  > div
  > .listItemWrapper_dfb2f8 {
  box-shadow: inset 0px 0px 0px 1px #98a7d2, inset 0px 0px 0px 2px #bac5df,
    inset 0px 0px 0px 3px #dce2ef, inset 0px 0px 0px 4px #ebeff6;
  background: linear-gradient(
    0deg,
    rgba(251, 252, 253, 1) 0%,
    rgba(204, 213, 230, 1) 100%
  );
}

.scroller_fea3ef > div > div:hover > div .blobContainer_a5ad63,
.scroller_fea3ef
  > [style="opacity: 1; height: 56px; transform: scale(1);"]:hover
  > div
  > .listItemWrapper_dfb2f8 {
  background: var(--server-background-hover);
  margin-left: 20px;
  transition: 0.1s;
}

.scroller_fea3ef
  > [style="opacity: 1; height: 56px; transform: scale(1);"]:active
  > div
  > .listItemWrapper_dfb2f8 {
  background: var(--server-background-active);
}

.scroller_fea3ef > div > div > div .blobContainer_a5ad63.selected_a5ad63 {
  background: var(--server-background-selected);
  margin: -10px 0 -10px 25px;
  height: 55px;
}

.listItem_c96c45 .dragInner_f734d8 {
  box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf,
    inset 2px 2px #0a0a0a;
}

.bar_c10249 {
  background: linear-gradient(
    140deg,
    rgba(244, 82, 82, 1) 0%,
    rgba(217, 28, 28, 1) 11%,
    rgba(163, 29, 29, 1) 100%
  );
  box-shadow: 0px 0px 1.25px 1px white, inset 0px 0px 1px 1px white;
  font-family: var(--font-primary);
  font-weight: bold;
  word-spacing: 1px;
  border: black 1px solid;
  border-radius: 3px;
}

.typing_d7ebeb {
  position: absolute;
  top: 79px;
}

/* server folder */
.scroller_fea3ef.none_c49869.scrollerBase_c49869 > div > .wrapper_bc7085 {
  left: 6px;
}

.wrapper_bc7085 .expandedFolderBackground_bc7085 {
  margin: 0px;
}

.folderIconWrapper_bc7085 {
  z-index: 2;
  /* height: 48px; */
  top: 3px;
  position: relative;
}

.folder_bc7085 {
  background: url(https://numoder.github.io/dsn10-theme/assets/misc/folder_large.png);
  background-size: contain;
  z-index: 1;
}

.expandedFolderBackground_bc7085 {
  background: linear-gradient(
    0deg,
    rgba(204, 213, 230, 1) 0%,
    rgba(236, 240, 245, 1) 100%
  );
  border: 1px solid gray;
  border-radius: 0px;
  top: 2px;
  left: 11px;
  min-height: 45px;
  border-radius: 2px;
}

.folder_bc7085.hover_bc7085 {
  background-color: inherit;
}

.expandedFolderIconWrapper_bc7085 {
  content: url(https://numoder.github.io/dsn10-theme/assets/misc/folder_open.png);
  width: 24px;
  height: 24px;
  top: 10px;
  left: 13px;
  position: relative;
}

.wrapper_bc7085:has(.expandedFolderBackground_bc7085) .pill_a5ad63 {
  left: -6px;
}

.wrapper__8436d {
  z-index: 4;
}

.item_fd07a3 {
  position: relative;
  display: block;
  overflow: visible;
  padding: 0px 25px 25px;
  border-radius: 5px;
  background-color: #ff180000;
  height: 6px !important;
  content: "";
  left: -42px;
  top: 2px;
  background: var(--server-notification);
  border: 1px solid gray;
  box-shadow: 0px 0px 0px 1px #fff, inset 0px 0px 2px 1px #ffffff80;
}

.item_fd07a3[style="opacity: 1; height: 40px; transform: none;"] {
  padding: 0px 30px 30px;
  height: 14px !important;
  left: -52.5px;
  top: 0px;
}

.tutorialContainer_f9623d:hover .item_fd07a3,
.listItem_c96c45:hover
  > .pill_a5ad63
  > .item_fd07a3[style="opacity: 1; height: 40px; transform: none;"] {
  background: var(--server-notification-hover);
}

.tutorialContainer_f9623d:active .item_fd07a3,
.listItem_c96c45:active
  > .pill_a5ad63
  > .item_fd07a3[style="opacity: 1; height: 40px; transform: none;"] {
  background: var(--server-notification-active);
}

/* server member list */
.membersWrap_cbd271,
.container_cbd271 {
  background: var(--member-list-background);
}

.container_cbd271 {
  top: 6px;
}

.content_a7d72e .container_cbd271::before {
  background: var(--member-list-before-background);
  border-radius: 8px 8px 0 0;
  content: "Member List" !important;
  text-transform: none !important;
  padding: 6px;
  font-family: var(--font-primary);
  border: 1px solid #cad0e5;
  color: var(--text-primary);
  font-weight: bold;
  position: relative;
  border-left: none;
  border-top: 2px;
  min-height: 13px;
}

.members_cbd271 {
  background: transparent;
}

.content_a7d72e > div:last-child {
  border-left: var(--member-list-border);
  border-radius: 8px 8px 0 0;
  position: relative;
}

.membersWrap_cbd271 .members_cbd271::-webkit-scrollbar {
  visibility: hidden;
  width: 0px !important;
}

.member_a31c43 {
  max-width: none;
  margin: 0px;
  border-radius: 0px;
  background: transparent;
}

.member_a31c43:hover,
.membersGroup_cbd271:hover,
.member_a31c43 .clickable_e9f61e:active .layout_e9f61e {
  background: var(--member-hover);
}

.membersGroup_cbd271 {
  left: -6px;
  border-bottom: 1px solid #c8cee0;
  box-shadow: 0px 1px 0px 0px #e9f2fa;
  margin-bottom: 1px;
}

.membersGroup_cbd271 span {
  font-family: "Tahoma" !important;
  font-weight: bold !important;
  text-transform: none !important;
  color: #5b6371;
}

.membersGroup_cbd271:hover span {
  color: blue;
}

/* text area */
.form_a7d72e {
  padding: 0px 6px;
}

.channelTextArea_a7d72e{
  background-color: transparent;
}

.channelTextArea_a7d72e .inner_d0696b {
  flex-direction: column !important;
}

.channelTextArea_a7d72e .textArea_d0696b {
  order: 2;
}

.channelTextArea_a7d72e .buttons_d0696b {
  max-height: 24px !important;
  top: -25px;
  position: absolute;
}

.attachWrapper_f298d4 {
  max-height: 24px;
  position: absolute;
  top: -35px;
}

.attachWrapper_f298d4 .attachButtonInner_f298d4 {
  width: 19px;
  height: 19px;
  content: url(https://numoder.github.io/dsn10-theme/assets/textarea/upload.png);
}

.channelTextArea_a7d72e .buttons_d0696b svg {
  max-height: 19px;
}

.form_a7d72e .inner_d0696b {
  background: var(--message-background) !important;
  border-top: 1px solid var(--text-area-border);
  border-bottom: 1px solid var(--text-area-border);
  padding-left: 8px;
}

.channelTextArea_d5deea > div > .inner_d0696b {
  padding-left: 16px;
}

.scrollableContainer_d0696b{
  border-radius: 0px;
  border: 1px solid var(--text-area-border);
}

.channelTextArea_a7d72e > .scrollableContainer_d0696b {
  border-radius: 7px;
  backface-visibility: hidden;
  scrollbar-width: none;
  border: 1px solid var(--text-area-border);
  padding: 23px 0;
  overflow-y: visible;
  background: var(--message-background-border), var(--message-background-border);
  background-repeat: repeat-x;
  background-size: 1px 23px;
  background-position: top, bottom;
  background-color: inherit;
  margin: 10px 0px -18px;
}

/* window header stuffz */
.typeWindows_a934d8 {
  padding: 3px;
  border-radius: 10px 10px 0 0;
}

.wordmarkWindows_a934d8 {
  background: var(--msn-logo);
  background-repeat: no-repeat;
  background-position: 12px center;
  color: transparent;
}

.theme-light body,
.theme-light .appMount_ea7e65 {
  background: #7282b6;
  border-radius: 0 0 6px 6px;
}

.theme-dark body,
.theme-dark .appMount_ea7e65 {
  background: #202025;
}

.theme-light .typeWindows_a934d8 {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(227, 232, 245, 1) 70%,
    rgba(194, 208, 239, 1) 100%
  );
  box-shadow: inset 0px 0px 2px 1px #a5bde5;
}

.theme-dark .typeWindows_a934d8 {
  background: #222;
  box-shadow: inset 0px 0px 5px 3px #ffffff60;
}

.withFrame_a934d8 {
  margin-top: 1px;
}
.appAsidePanelWrapper_bd26cc {
  padding: 0px 3px 3px 3px;
  margin-top: -3px;
  box-shadow: var(--window-border);
  border-radius: 0 0 6px 6px;
}

/* context menus */
.menu_d90b3d, .buttonsInner_d5deea.wrapper_ef319f {
  background: var(--context-menu-background);
  border: 1px solid var(--context-menu-border);
  border-radius: 0px;
  box-shadow: 2px 3px 1px 0px rgba(0,0,0,0.25);
}


.menu_d90b3d [role="separator"] {
  border-bottom: 1px solid var(--context-menu-border);
}


.menu_d90b3d .colorDefault_d90b3d.focused_d90b3d{
  background-color: var(--selected-color);
  border-radius: 0px;
}

.menu_d90b3d > div > div .submenuPaddingContainer_d90b3d {
  position: relative !important;
  left: -8px;
  top: -3px;
}

.menu_d90b3d .scroller_d90b3d {
  overflow-y: visible;
  padding: 0px !important;
  border: 1px solid var(--);
}

.menu_d90b3d .scroller_d90b3d::-webkit-scrollbar {
  width: 0px;
}

.panels_a4d4d9 .avatarStack_c51b4e > .avatar_c51b4e {
  content: var(--user-profile) !important;
  image-rendering: initial;
}

/* dropdown */
.select_f6639d.lookFilled_f6639d,
div.bd-select {
  color: #222 !important;
  background: #fff !important;
  border: var(--textbox-border) !important;
  box-sizing: border-box;
  border-radius: 0px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 15 17' shape-rendering='crispEdges'%3E%3Cpath stroke='%23e6eefc' d='M0 0h1'/%3E%3Cpath stroke='%23d1e0fd' d='M1 0h1M0 1h1m3 0h2M2 3h1M2 4h1'/%3E%3Cpath stroke='%23cad8f9' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23c4d3f7' d='M3 0h1M0 3h1M0 4h1'/%3E%3Cpath stroke='%23bfd0f8' d='M4 0h2M0 5h1'/%3E%3Cpath stroke='%23bdcef7' d='M6 0h1M0 6h1'/%3E%3Cpath stroke='%23baccf4' d='M7 0h1m6 2h1m-1 5h1m-1 1h1'/%3E%3Cpath stroke='%23b8cbf6' d='M8 0h1M0 7h1M0 8h1'/%3E%3Cpath stroke='%23b7caf5' d='M9 0h2M0 9h1'/%3E%3Cpath stroke='%23b5c8f7' d='M11 0h1'/%3E%3Cpath stroke='%23b3c7f5' d='M12 0h1'/%3E%3Cpath stroke='%23afc5f4' d='M13 0h1'/%3E%3Cpath stroke='%23dce6f9' d='M14 0h1'/%3E%3Cpath stroke='%23e1eafe' d='M1 1h1'/%3E%3Cpath stroke='%23dae6fe' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%23d4e1fc' d='M3 1h1M1 3h1M1 4h1'/%3E%3Cpath stroke='%23d0ddfc' d='M6 1h1M1 5h1'/%3E%3Cpath stroke='%23cedbfd' d='M7 1h1M4 2h2'/%3E%3Cpath stroke='%23cad9fd' d='M8 1h1M6 2h1M3 5h1'/%3E%3Cpath stroke='%23c8d8fb' d='M9 1h2'/%3E%3Cpath stroke='%23c5d6fc' d='M11 1h1M2 11h4'/%3E%3Cpath stroke='%23c2d3fc' d='M12 1h1m-2 1h1M1 11h1m0 1h2m-2 1h2'/%3E%3Cpath stroke='%23bccefa' d='M13 1h1m-1 1h1m-1 1h1m-1 1h1M3 15h4'/%3E%3Cpath stroke='%23b9c9f3' d='M14 1h1M3 16h4'/%3E%3Cpath stroke='%23d8e3fc' d='M2 2h1'/%3E%3Cpath stroke='%23d1defd' d='M3 2h1'/%3E%3Cpath stroke='%23c9d8fc' d='M7 2h1M4 3h3M4 4h3M3 6h1m1 0h2M1 7h1M1 8h1'/%3E%3Cpath stroke='%23c5d5fc' d='M8 2h1m-8 8h5'/%3E%3Cpath stroke='%23c5d3fc' d='M9 2h2'/%3E%3Cpath stroke='%23bed0fc' d='M12 2h1M8 3h1M8 4h1m-8 8h1m-1 1h1m0 1h1m1 0h3'/%3E%3Cpath stroke='%23cddbfc' d='M3 3h1M3 4h1M1 6h2'/%3E%3Cpath stroke='%23c8d5fb' d='M7 3h1M7 4h1'/%3E%3Cpath stroke='%23bbcefd' d='M9 3h4M9 4h4M8 5h1M7 6h1'/%3E%3Cpath stroke='%23bcccf3' d='M14 3h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23ceddfd' d='M2 5h1'/%3E%3Cpath stroke='%23c8d6fb' d='M4 5h4M1 9h3'/%3E%3Cpath stroke='%23bacdfc' d='M9 5h2m1 0h2M1 14h1'/%3E%3Cpath stroke='%23b9cdfb' d='M11 5h1M8 6h2m2 0h2m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%234d6185' d='M4 6h1m5 0h1M3 7h3m3 0h3M4 8h3m1 0h3M5 9h5m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%23b7cdfc' d='M11 6h1m0 1h1m-1 1h1'/%3E%3Cpath stroke='%23cad8fd' d='M2 7h1M2 8h2'/%3E%3Cpath stroke='%23c1d3fb' d='M6 7h2M7 8h1M4 9h1'/%3E%3Cpath stroke='%23b6cefb' d='M8 7h1m2 1h1m-2 1h3m-2 1h2'/%3E%3Cpath stroke='%23b6cdfb' d='M13 9h1m-6 6h1'/%3E%3Cpath stroke='%23b9cbf3' d='M14 9h1'/%3E%3Cpath stroke='%23b4c8f6' d='M0 10h1'/%3E%3Cpath stroke='%23bdd3fb' d='M9 10h2m-4 4h1'/%3E%3Cpath stroke='%23b5cdfa' d='M13 10h1'/%3E%3Cpath stroke='%23b5c9f3' d='M14 10h1'/%3E%3Cpath stroke='%23b1c7f6' d='M0 11h1'/%3E%3Cpath stroke='%23c3d5fd' d='M6 11h1'/%3E%3Cpath stroke='%23bad4fc' d='M8 11h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23b2cffb' d='M9 11h4m-2 3h1'/%3E%3Cpath stroke='%23b1cbfa' d='M13 11h1m-3 4h1'/%3E%3Cpath stroke='%23b3c8f5' d='M14 11h1m-7 5h3'/%3E%3Cpath stroke='%23adc3f6' d='M0 12h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23c2d5fc' d='M4 12h4m-4 1h4'/%3E%3Cpath stroke='%23b7d3fc' d='M9 12h2m-2 1h2m-3 1h1'/%3E%3Cpath stroke='%23b3d1fc' d='M11 12h1m-1 1h1'/%3E%3Cpath stroke='%23afcdfb' d='M12 12h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23afcbfa' d='M13 12h1m-1 1h1'/%3E%3Cpath stroke='%23b2c8f4' d='M14 12h1m-1 1h1m-4 3h1'/%3E%3Cpath stroke='%23c1d2fb' d='M3 14h1'/%3E%3Cpath stroke='%23b6d1fb' d='M9 14h2'/%3E%3Cpath stroke='%23adc9f9' d='M13 14h1m-2 1h1'/%3E%3Cpath stroke='%23b1c6f3' d='M14 14h1m-3 2h1'/%3E%3Cpath stroke='%23abc1f4' d='M0 15h1'/%3E%3Cpath stroke='%23b7cbf9' d='M1 15h1'/%3E%3Cpath stroke='%23b9cefb' d='M2 15h1'/%3E%3Cpath stroke='%23b9cffb' d='M7 15h1'/%3E%3Cpath stroke='%23b2cdfb' d='M9 15h2'/%3E%3Cpath stroke='%23aec8f7' d='M13 15h1'/%3E%3Cpath stroke='%23b0c5f2' d='M14 15h1m-2 1h1'/%3E%3Cpath stroke='%23dbe3f8' d='M0 16h1'/%3E%3Cpath stroke='%23b7c6f1' d='M1 16h1'/%3E%3Cpath stroke='%23b8c9f2' d='M2 16h1m4 0h1'/%3E%3Cpath stroke='%23d9e3f6' d='M14 16h1'/%3E%3C/svg%3E") !important;
  padding: 3px 32px 3px 4px !important;
  max-height: 23px !important;
  background-position: top 2px right 2px !important;
  background-repeat: no-repeat !important;
  background-size: 15px !important;
}

.select_f6639d.lookFilled_f6639d:hover,
.bd-select:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 15 17' shape-rendering='crispEdges'%3E%3Cpath stroke='%23cfdbec' d='M0 0h1'/%3E%3Cpath stroke='%23b4c7eb' d='M1 0h1M0 1h1'/%3E%3Cpath stroke='%23abbee9' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23a5b9e7' d='M3 0h1M0 3h1M0 4h1'/%3E%3Cpath stroke='%23a0b4e5' d='M4 0h2'/%3E%3Cpath stroke='%239cb2e5' d='M6 0h1M0 6h1'/%3E%3Cpath stroke='%2398b1e4' d='M7 0h1'/%3E%3Cpath stroke='%2397aee2' d='M8 0h1M0 7h1M0 8h1'/%3E%3Cpath stroke='%2395ade5' d='M9 0h2M0 9h1'/%3E%3Cpath stroke='%2394abe4' d='M11 0h1'/%3E%3Cpath stroke='%2390aae4' d='M12 0h1M0 10h1'/%3E%3Cpath stroke='%238aa6e3' d='M13 0h1M0 12h1m-1 1h1'/%3E%3Cpath stroke='%23c2cfea' d='M14 0h1'/%3E%3Cpath stroke='%23fdffff' d='M1 1h1'/%3E%3Cpath stroke='%23f6ffff' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%23eefcff' d='M3 1h1M1 3h1M1 4h1'/%3E%3Cpath stroke='%23e9faff' d='M4 1h2M3 2h1M2 3h1M2 4h1'/%3E%3Cpath stroke='%23e5f6ff' d='M6 1h1M1 5h2'/%3E%3Cpath stroke='%23e3f4ff' d='M7 1h1M4 2h2'/%3E%3Cpath stroke='%23dff2fe' d='M8 1h1M6 2h1M3 5h1'/%3E%3Cpath stroke='%23dbf1ff' d='M9 1h2'/%3E%3Cpath stroke='%23d8edfc' d='M11 1h1M2 11h4'/%3E%3Cpath stroke='%23d4e9fc' d='M12 1h1m-2 1h1M1 11h1m0 1h1m-1 1h1'/%3E%3Cpath stroke='%23cde2fc' d='M13 1h1m-1 1h1m-1 1h1m-1 1h1M3 15h3'/%3E%3Cpath stroke='%2397ace0' d='M14 1h1M3 16h4'/%3E%3Cpath stroke='%23f2feff' d='M2 2h1'/%3E%3Cpath stroke='%23ddf0fe' d='M7 2h1M4 3h3M4 4h3M3 6h1m1 0h2M1 7h1M1 8h1'/%3E%3Cpath stroke='%23d8ebfc' d='M8 2h1m-8 8h5'/%3E%3Cpath stroke='%23d8eafc' d='M9 2h2'/%3E%3Cpath stroke='%23d0e5fc' d='M12 2h1M8 3h1M8 4h1m-8 8h1m-1 1h1m0 1h1'/%3E%3Cpath stroke='%2398aee1' d='M14 2h1m-1 5h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23e2f3fd' d='M3 3h1M3 4h1M1 6h1'/%3E%3Cpath stroke='%23dcecfd' d='M7 3h1M7 4h1'/%3E%3Cpath stroke='%23cde4fc' d='M9 3h4M9 4h4M8 5h1'/%3E%3Cpath stroke='%239bafe0' d='M14 3h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%239db3e6' d='M0 5h1'/%3E%3Cpath stroke='%23dcedfd' d='M4 5h4M1 9h3'/%3E%3Cpath stroke='%23cae2fd' d='M9 5h2m1 0h2M1 14h1m4 1h1'/%3E%3Cpath stroke='%23c8e1fb' d='M11 5h1M8 6h2m2 0h2m-1 1h1m-1 1h1M2 15h1'/%3E%3Cpath stroke='%23e1f2fe' d='M2 6h1'/%3E%3Cpath stroke='%234d6185' d='M4 6h1m5 0h1M3 7h3m3 0h3M4 8h3m1 0h3M5 9h5m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%23d2eafe' d='M7 6h1M6 7h2M7 8h1M4 9h1'/%3E%3Cpath stroke='%23c6e2fd' d='M11 6h1m0 1h1m-1 1h1'/%3E%3Cpath stroke='%23dff0fc' d='M2 7h1M2 8h2'/%3E%3Cpath stroke='%23c5e3fc' d='M8 7h1m2 1h1m-2 1h4m-3 1h2m-5 5h1'/%3E%3Cpath stroke='%23ceeafd' d='M9 10h2m-4 4h1'/%3E%3Cpath stroke='%23c2e2fc' d='M13 10h1m-5 5h2'/%3E%3Cpath stroke='%2392ade2' d='M14 10h1'/%3E%3Cpath stroke='%238da9e4' d='M0 11h1'/%3E%3Cpath stroke='%23d5ebfd' d='M6 11h1'/%3E%3Cpath stroke='%23cbedff' d='M8 11h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23c0e4fc' d='M9 11h4m-2 3h1'/%3E%3Cpath stroke='%23bee0fc' d='M13 11h1'/%3E%3Cpath stroke='%2391abe1' d='M14 11h1m-7 5h3'/%3E%3Cpath stroke='%23d5eafd' d='M3 12h1m-1 1h1'/%3E%3Cpath stroke='%23d4ebfc' d='M4 12h3m-3 1h3'/%3E%3Cpath stroke='%23d2ecfe' d='M7 12h1m-1 1h1'/%3E%3Cpath stroke='%23c6ebff' d='M9 12h2m-2 1h2m-3 1h1'/%3E%3Cpath stroke='%23c2eaff' d='M11 12h1m-1 1h1'/%3E%3Cpath stroke='%23bde3fd' d='M12 12h1m-1 1h1'/%3E%3Cpath stroke='%23b9ddfb' d='M13 12h1m-1 1h1m-1 1h1m-2 1h1'/%3E%3Cpath stroke='%238da9e1' d='M14 12h1m-1 1h1m-3 3h1'/%3E%3Cpath stroke='%2388a3e3' d='M0 14h1'/%3E%3Cpath stroke='%23d2e9fe' d='M3 14h1'/%3E%3Cpath stroke='%23d0e8fc' d='M4 14h3'/%3E%3Cpath stroke='%23c4e8fe' d='M9 14h2'/%3E%3Cpath stroke='%23bde0fb' d='M12 14h1m-2 1h1'/%3E%3Cpath stroke='%238fa7df' d='M14 14h1'/%3E%3Cpath stroke='%2387a0de' d='M0 15h1'/%3E%3Cpath stroke='%23c5ddfc' d='M1 15h1'/%3E%3Cpath stroke='%23c8e3fb' d='M7 15h1'/%3E%3Cpath stroke='%23b9dafb' d='M13 15h1'/%3E%3Cpath stroke='%238ca7de' d='M14 15h1m-2 1h1'/%3E%3Cpath stroke='%23c3cde7' d='M0 16h1'/%3E%3Cpath stroke='%2393a7df' d='M1 16h1'/%3E%3Cpath stroke='%2396acdf' d='M2 16h1m4 0h1'/%3E%3Cpath stroke='%2390abe0' d='M11 16h1'/%3E%3Cpath stroke='%23becbe6' d='M14 16h1'/%3E%3C/svg%3E") !important;
  padding: 3px 32px 3px 4px;
  max-height: 23px;
  background-position: top 2px right 2px;
  background-repeat: no-repeat;
  background-size: 15px;
}

.select_f6639d.lookFilled_f6639d:active,
.bd-select:active {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 15 17' shape-rendering='crispEdges'%3E%3Cpath stroke='%23bbc2dc' d='M0 0h1'/%3E%3Cpath stroke='%23a2acdc' d='M1 0h1M0 1h1'/%3E%3Cpath stroke='%2398a1dd' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23919bda' d='M3 0h1M0 3h1M0 4h1'/%3E%3Cpath stroke='%238c97dc' d='M4 0h2M0 5h1'/%3E%3Cpath stroke='%238793db' d='M6 0h1M0 6h1'/%3E%3Cpath stroke='%238592d9' d='M7 0h1'/%3E%3Cpath stroke='%23838fda' d='M8 0h1M0 7h1M0 8h1'/%3E%3Cpath stroke='%23828dd9' d='M9 0h2M0 9h1'/%3E%3Cpath stroke='%237f8ada' d='M11 0h1'/%3E%3Cpath stroke='%237b88da' d='M12 0h1'/%3E%3Cpath stroke='%237786d9' d='M13 0h1'/%3E%3Cpath stroke='%23afb6db' d='M14 0h1'/%3E%3Cpath stroke='%236e8ef1' d='M1 1h1'/%3E%3Cpath stroke='%236e94f1' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%237598f1' d='M3 1h1'/%3E%3Cpath stroke='%237d9df1' d='M4 1h2M1 6h1'/%3E%3Cpath stroke='%23809df1' d='M6 1h1M1 7h1M1 8h1'/%3E%3Cpath stroke='%2383a0f0' d='M7 1h1'/%3E%3Cpath stroke='%23899fef' d='M8 1h1m4 1h1'/%3E%3Cpath stroke='%238d9eef' d='M9 1h3M1 12h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23869df0' d='M12 1h1'/%3E%3Cpath stroke='%238096f1' d='M13 1h1'/%3E%3Cpath stroke='%23b9c9f3' d='M14 1h1M3 16h4'/%3E%3Cpath stroke='%23759cf1' d='M2 2h1'/%3E%3Cpath stroke='%237ca4f0' d='M3 2h1M3 3h1M3 4h1M2 5h2'/%3E%3Cpath stroke='%2380a6f1' d='M4 2h2'/%3E%3Cpath stroke='%2383a7f0' d='M6 2h1M4 3h2M4 4h2'/%3E%3Cpath stroke='%238daaef' d='M7 2h1'/%3E%3Cpath stroke='%2390a7ef' d='M8 2h3'/%3E%3Cpath stroke='%2394a8ef' d='M11 2h1'/%3E%3Cpath stroke='%2390a4ef' d='M12 2h1m0 1h1m-1 1h1m-8 8h1m-1 1h1m-5 1h1'/%3E%3Cpath stroke='%23baccf4' d='M14 2h1m-1 5h1m-1 1h1'/%3E%3Cpath stroke='%237396f2' d='M1 3h1M1 4h1'/%3E%3Cpath stroke='%23759ef1' d='M2 3h1M2 4h1'/%3E%3Cpath stroke='%2390b1f2' d='M6 3h1M6 4h1M6 5h1'/%3E%3Cpath stroke='%2393aff2' d='M7 3h1M7 4h1'/%3E%3Cpath stroke='%2397afee' d='M8 3h3M8 4h3'/%3E%3Cpath stroke='%239aaaee' d='M11 3h1m-1 1h1'/%3E%3Cpath stroke='%2397abee' d='M12 3h1m-1 1h1m0 1h1M3 14h1m-2 1h1'/%3E%3Cpath stroke='%23bcccf3' d='M14 3h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%237997f1' d='M1 5h1'/%3E%3Cpath stroke='%2383a6f4' d='M4 5h2'/%3E%3Cpath stroke='%239aaff1' d='M7 5h1'/%3E%3Cpath stroke='%239eb1f2' d='M8 5h1m0 6h2'/%3E%3Cpath stroke='%239bb0ef' d='M9 5h4M3 15h1'/%3E%3Cpath stroke='%23809ff1' d='M2 6h1'/%3E%3Cpath stroke='%2387a3f4' d='M3 6h1M2 7h1M2 8h2'/%3E%3Cpath stroke='%234d6185' d='M4 6h1m5 0h1M3 7h3m3 0h3M4 8h3m1 0h3M5 9h5m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%2393acf2' d='M5 6h3M6 7h2M7 8h1M4 9h1'/%3E%3Cpath stroke='%239eaef2' d='M8 6h2'/%3E%3Cpath stroke='%239baeef' d='M11 6h3m-8 8h1'/%3E%3Cpath stroke='%2395abf4' d='M8 7h1'/%3E%3Cpath stroke='%23a2b2ee' d='M12 7h2m-2 1h2m-7 6h1'/%3E%3Cpath stroke='%23a3b4f3' d='M11 8h1m-4 3h1'/%3E%3Cpath stroke='%238da3f3' d='M1 9h1m-1 1h5m-3 1h1'/%3E%3Cpath stroke='%2389a3f3' d='M2 9h2'/%3E%3Cpath stroke='%2397adf2' d='M10 9h1'/%3E%3Cpath stroke='%23a6b6f2' d='M11 9h2m-2 2h1'/%3E%3Cpath stroke='%23a4b7ed' d='M13 9h1m-6 3h3m-3 1h3'/%3E%3Cpath stroke='%23b9cbf3' d='M14 9h1'/%3E%3Cpath stroke='%237c89db' d='M0 10h1'/%3E%3Cpath stroke='%23a5b6f1' d='M9 10h2'/%3E%3Cpath stroke='%23a8b8f1' d='M11 10h2'/%3E%3Cpath stroke='%23aabcef' d='M13 10h1m-3 2h1m-1 1h1m-5 2h1'/%3E%3Cpath stroke='%23b5c9f3' d='M14 10h1'/%3E%3Cpath stroke='%237988db' d='M0 11h1'/%3E%3Cpath stroke='%2390a4f2' d='M1 11h2m1 0h2'/%3E%3Cpath stroke='%238da1ef' d='M6 11h1m-5 1h4m-4 1h4'/%3E%3Cpath stroke='%23a9bcf2' d='M12 11h1'/%3E%3Cpath stroke='%23afbfed' d='M13 11h1m-6 4h1'/%3E%3Cpath stroke='%23b3c8f5' d='M14 11h1m-7 5h3'/%3E%3Cpath stroke='%237583db' d='M0 12h1m-1 1h1'/%3E%3Cpath stroke='%2397a7ee' d='M7 12h1m-1 1h1'/%3E%3Cpath stroke='%23b4c7ee' d='M12 12h1m-1 1h1m-4 2h2'/%3E%3Cpath stroke='%23b7c9ee' d='M13 12h1m-1 1h1m-3 2h1'/%3E%3Cpath stroke='%23b2c8f4' d='M14 12h1m-1 1h1m-4 3h1'/%3E%3Cpath stroke='%237381d9' d='M0 14h1m-1 1h1'/%3E%3Cpath stroke='%239baaef' d='M4 14h2'/%3E%3Cpath stroke='%23a9baee' d='M8 14h1m-3 1h1'/%3E%3Cpath stroke='%23adbcef' d='M9 14h2'/%3E%3Cpath stroke='%23b4c2ee' d='M11 14h1'/%3E%3Cpath stroke='%23becfed' d='M12 14h1'/%3E%3Cpath stroke='%23c4d4ec' d='M13 14h1m-2 1h1'/%3E%3Cpath stroke='%23b1c6f3' d='M14 14h1m-3 2h1'/%3E%3Cpath stroke='%23a2b6ee' d='M4 15h2'/%3E%3Cpath stroke='%23d2deeb' d='M13 15h1'/%3E%3Cpath stroke='%23b0c5f2' d='M14 15h1m-2 1h1'/%3E%3Cpath stroke='%23dbe3f8' d='M0 16h1'/%3E%3Cpath stroke='%23b7c6f1' d='M1 16h1'/%3E%3Cpath stroke='%23b8c9f2' d='M2 16h1m4 0h1'/%3E%3Cpath stroke='%23d9e3f6' d='M14 16h1'/%3E%3C/svg%3E") !important;
  padding: 3px 32px 3px 4px;
  max-height: 23px;
  background-position: top 2px right 2px;
  background-repeat: no-repeat;
  background-size: 15px;
}

.select_f6639d.lookFilled_f6639d > .icons_f6639d {
  color: transparent;
  top: -4px;
  position: relative;
}

/* popout dropdown list */
.popout_f6639d {
  background-color: white;
  border-radius: 0px;
  border: 1px solid black;
}

.selectedIcon_f6639d {
  visibility: hidden;
  height: 0px;
}

.option_f6639d:focus,
.option_f6639d:hover,
.option_f6639d.focused_f6639d,
.option_f6639d[aria-selected="true"]:not(.option_f6639d.multi_f6639d) {
  --background-modifier-selected: transparent;
}

.option_f6639d {
  padding: 2px;
  color: #222 !important;
}

.title_c46f6a {
  font-family: var(--font-primary);
  font-weight: bold !important;
}

.option_f6639d:hover {
  background: var(--selected-color) !important;
  color: white !important;
  outline: dotted 1px orange;
  outline-offset: -1px;
}

/* searchbar /  textbox */
.searchBar_e0840f .input__48d49,
.searchBar_f0963d .searchBarComponent_f0963d,
.search_ff5f90 .searchBar_a46bef,
.bd-search-wrapper,
.flexChild_bba380.container__33507,
.gameNameInput_fd966d:hover,
.gameNameInput_fd966d:focus,
.inputWrapper_f8bc55 > input {
  background: #fff;
  border: var(--textbox-border);
  border-radius: 0px;
  height: 23px;
  line-height: 2px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.inputDefault_f8bc55 {
  padding: 0px 0px 0px 6px !important;
  border-radius: 0px;
}

.input__48d49 {
  top: -8px;
  position: relative;
}

.searchBar_e0840f {
  margin: -5px 2px 2px 2px;
  border-radius: 0px;
}

.searchBar_e0840f .inner__999f6 {
  padding: 8px;
}

.searchBar_e0840f .input__48d49,
.addFriendInputWrapper_de812f {
  background: white;
  border: 1px solid var(--border-color);
  margin-right: -30px;
}

.theme-dark .searchBar_e0840f .input__48d49,
.theme-dark .addFriendInputWrapper_de812f {
  background: var(--profile-color-4) !important;
  border: 1px solid var(--border-color);
}

.addFriendInputWrapper_de812f {
  margin-right: auto;
  border-radius: 0px;
}

.searchBar_e0840f .iconLayout__67261 {
  padding: 2px;
}

/* checkbox */
[id="oneko"] {
  z-index: 9999 !important;
}