xkudos

Better Discord Theme

Mar 28th, 2021
1,170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 327.61 KB | None | 0 0
  1. :root {
  2.   --app-bg: var(--main-alt);
  3.   --accent-color: #b53f3f;
  4.   --accent-rgb: 63,81,181;
  5.   --accent-button-action: #fff;
  6.   --accent-button-action-hover: 0.06;
  7.   --accent-button-action-active: 0.12;
  8.   --accent-text-color: #fff;
  9.   --alert-color: #f04747;
  10.   --alert-button-action: #fff;
  11.   --alert-button-action-hover: 0.1;
  12.   --alert-button-action-active: 0.2;
  13.   --alert-text-color: #fff;
  14.   --success-color: #43b581;
  15.   --message-radius: 19px;
  16.   --main-textarea-radius: 24px;
  17.   --card-radius: 5px;
  18.   --card-radius-big: 10px;
  19.   --button-radius: var(--card-radius);
  20.   --popout-radius: var(--card-radius);
  21.   --popout-radius-big: var(--card-radius-big);
  22.   --spotify-color: #1db954;
  23.   --stream-color: #593695;
  24.   --stream-flash: 89,54,149;
  25.   --xbox-color: #107c10;
  26.   --shadow-1dp: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
  27.   --shadow-2dp: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
  28.   --shadow-3dp: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
  29.   --default-animation: cubic-bezier(0.4,0,0.2,1);
  30.   --default-time: 250ms; }
  31.  
  32. .theme-dark {
  33.   --main-color: #16171a;
  34.   --main-alt: #0f1012;
  35.   --server-color: #232327;
  36.   --status-picker-color: #181a1d;
  37.   --sidebar-panel-color: #111114;
  38.   --chat-color: #202225;
  39.   --message-color: #292d30;
  40.   --message-color-alt: #1c1e21;
  41.   --attachment-color: rgb(0,0,0,0.325);
  42.   --main-textarea-color: #303338;
  43.   --main-textarea-color-alt: #3b3f42;
  44.   --main-textarea-border: #3e434a;
  45.   --typing-color: rgba(32,34,37,0.9);
  46.   --popout-color: #2c2f33;
  47.   --popout-color-alt: #202225;
  48.   --popout-header-border: #444;
  49.   --separator-color: #444;
  50.   --input-color: rgba(255,255,255,0.075);
  51.   --input-border-color: #444;
  52.   --tab-border-color: #fff;
  53.   --menu-item-hover: rgba(255,255,255,0.075);
  54.   --menu-item-select: rgba(255,255,255,0.1);
  55.   --menu-item-text-color: #aaa;
  56.   --card-color: transparent;
  57.   --card-color-hover: #292b2f;
  58.   --card-color-alt: #2a2c30;
  59.   --card-color-alt-hover: #35383d;
  60.   --card-border-color: #444;
  61.   --card-header-text-color: #dcddde;
  62.   --button-link-color: 255,255,255;
  63.   --button-link-text-color: #fff;
  64.   --slider-color: #4f545c;
  65.   --switch-knob-color: #777;
  66.   --switch-slider-color: rgba(65,65,65,0.65);
  67.   --md-ripple-color: 255,255,255;
  68.   --emoji-category-header: rgba(44,47,51,0.95);
  69.   --scrollbar-color: 255,255,255; }
  70.  
  71. .theme-light {
  72.   --main-color: #e8eaeb;
  73.   --main-alt: #ddd;
  74.   --server-color: #eee;
  75.   --status-picker-color: #dee0e0;
  76.   --sidebar-panel-color: #d4d6d6;
  77.   --chat-color: #fff;
  78.   --message-color: #edeff0;
  79.   --message-color-alt: #e8e8e8;
  80.   --attachment-color: rgba(0,0,0,0.1);
  81.   --main-textarea-color: #fff;
  82.   --main-textarea-color-alt: #ccc;
  83.   --main-textarea-border: #dadce0;
  84.   --typing-color: rgba(255,255,255,0.8);
  85.   --popout-color: #fff;
  86.   --popout-color-alt: #e5e5e5;
  87.   --popout-header-border: #aaa;
  88.   --separator-color: #ccc;
  89.   --input-color: #d2d4d4;
  90.   --input-border-color: #aaa;
  91.   --tab-border-color: #777;
  92.   --menu-item-hover: rgba(0,0,0,0.1);
  93.   --menu-item-select: rgba(0,0,0,0.125);
  94.   --menu-item-text-color: #333;
  95.   --card-color: transparent;
  96.   --card-color-hover: #eee;
  97.   --card-color-alt: transparent;
  98.   --card-color-alt-hover: #d4d4d4;
  99.   --card-border-color: #ccc;
  100.   --card-header-text-color: #333;
  101.   --button-link-color: 0,0,0;
  102.   --button-link-text-color: #333;
  103.   --slider-color: #999;
  104.   --switch-knob-color: #fff;
  105.   --switch-slider-color: rgba(0,0,0,0.2);
  106.   --md-ripple-color: 0,0,0;
  107.   --emoji-category-header: rgba(255,255,255,0.9);
  108.   --scrollbar-color: 0,0,0; }
  109.  
  110. /*
  111.  *
  112.  *  APP ELEMENTS
  113.  *
  114.  */
  115. * {
  116.   font-family: 'Google Sans', sans-serif !important; }
  117.  
  118. ::selection {
  119.   background: #859fbf;
  120.   text-shadow: none; }
  121.  
  122. body,
  123. .app-2rEoOp,
  124. .appMount-3lHmkl {
  125.   background-color: transparent; }
  126.  
  127. .bg-h5JY_x {
  128.   background: var(--app-bg); }
  129.  
  130. .anchor-3Z-8Bb {
  131.   color: var(--accent-color); }
  132.  
  133. .wordmark-2iDDfm.wordmarkWindows-1v0lYD {
  134.   width: auto;
  135.   height: 22px;
  136.   padding: 0 0 0 4px;
  137.   line-height: 22px;
  138.   font-size: 0.925em;
  139.   color: var(--text-normal); }
  140.   .wordmark-2iDDfm.wordmarkWindows-1v0lYD:before, .wordmark-2iDDfm.wordmarkWindows-1v0lYD:after {
  141.     position: relative;
  142.     width: auto;
  143.     height: 22px; }
  144.   .wordmark-2iDDfm.wordmarkWindows-1v0lYD:before {
  145.     content: "Material";
  146.     font-weight: 700; }
  147.   .wordmark-2iDDfm.wordmarkWindows-1v0lYD:after {
  148.     content: "Discord"; }
  149.   .wordmark-2iDDfm.wordmarkWindows-1v0lYD svg {
  150.     display: none; }
  151.  
  152. /*
  153.  *
  154.  *  NOTICES
  155.  *
  156.  */
  157. .notice-1tZwqv,
  158. .notice-3bPHh- {
  159.   border-radius: 0; }
  160.   .notice-1tZwqv .button-3Ijpww,
  161.   .notice-3bPHh- .button-3Ijpww {
  162.     background-color: transparent !important;
  163.     box-shadow: none !important; }
  164.  
  165. /*
  166.  *
  167.  *  LOGIN SCREEN
  168.  *
  169.  */
  170. .authBox-hW6HRx {
  171.   padding: 16px;
  172.   background-color: var(--popout-color) !important;
  173.   border-radius: var(--popout-radius-big);
  174.   box-shadow: var(--shadow-3dp); }
  175.   .authBox-hW6HRx .mainLoginContainer-1ddwnR {
  176.     margin-right: 24px;
  177.     padding-right: 24px;
  178.     border-right: 1px solid var(--card-border-color); }
  179.   .authBox-hW6HRx .verticalSeparator-3huAjp {
  180.     display: none; }
  181.   .authBox-hW6HRx .qrLogin-1AOZMt {
  182.     height: 320px; }
  183.   .authBox-hW6HRx .needAccount-23l_Wh {
  184.     line-height: 24px; }
  185.   .authBox-hW6HRx .lookLink-9FtZy-.colorBrand-3pXr91 {
  186.     height: 24px;
  187.     min-height: 24px;
  188.     padding: 0;
  189.     background-color: transparent !important;
  190.     font-size: 14px;
  191.     font-weight: 400; }
  192.  
  193. /*
  194.  *
  195.  *  AUTHORIZE APP
  196.  *
  197.  */
  198. .oauth2Wrapper-mHbF5q {
  199.   background-color: var(--popout-color);
  200.   border-radius: var(--popout-radius-big);
  201.   box-shadow: var(--shadow-3dp); }
  202.   .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl {
  203.     padding: 0; }
  204.     .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .header-1Gj-ua {
  205.       border-radius: 0; }
  206.     .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .header-1Gj-ua,
  207.     .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .scopes-3GJ3xw {
  208.       border-bottom: 1px solid var(--popout-header-border); }
  209.     .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .header-1Gj-ua,
  210.     .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .scopes-3GJ3xw,
  211.     .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .applicationDetails-9QVoka {
  212.       padding: 16px; }
  213.     .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .entry-1btQtX {
  214.       margin-top: 0;
  215.       margin-bottom: 8px; }
  216.       .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .entry-1btQtX:last-child {
  217.         margin-bottom: 0; }
  218.   .oauth2Wrapper-mHbF5q .authorize-3eAFPo .footer-3ZalXG {
  219.     padding: 8px;
  220.     background-color: transparent;
  221.     border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
  222.     border-top: 1px solid var(--popout-header-border); }
  223.  
  224. /*
  225.  *
  226.  *  TITLE BAR
  227.  *
  228.  */
  229. .title-3qD0b- {
  230.   z-index: 1; }
  231.  
  232. .container-1r6BKw {
  233.   box-shadow: var(--elevation-low); }
  234.   .container-1r6BKw.themed-ANHk51 {
  235.     background-color: var(--main-color); }
  236.  
  237. .children-19S4PO:after {
  238.   background: linear-gradient(90deg, transparent 0, var(--main-color)) !important; }
  239. .children-19S4PO .topPill-30KHOu {
  240.   height: 100%; }
  241.   .children-19S4PO .topPill-30KHOu .item-PXvHYJ {
  242.     height: 48px;
  243.     padding: 0 8px;
  244.     line-height: 48px;
  245.     background-color: transparent !important;
  246.     border-radius: 0;
  247.     color: var(--interactive-normal) !important; }
  248.     .children-19S4PO .topPill-30KHOu .item-PXvHYJ:hover {
  249.       color: var(--interactive-hover) !important; }
  250.     .children-19S4PO .topPill-30KHOu .item-PXvHYJ[aria-selected="true"] {
  251.       position: relative;
  252.       color: var(--interactive-active) !important; }
  253.       .children-19S4PO .topPill-30KHOu .item-PXvHYJ[aria-selected="true"]:after {
  254.         position: absolute;
  255.         content: " ";
  256.         width: 90%;
  257.         height: 3px;
  258.         left: 0;
  259.         right: 0;
  260.         bottom: 0;
  261.         margin: 0 auto;
  262.         background: var(--tab-border-color);
  263.         border-radius: 3px 3px 0 0;
  264.         transition: var(--default-time) ease all; }
  265.  
  266. .topic-TCb_qw a {
  267.   color: var(--accent-color); }
  268.  
  269. .wrapper-3WhCwL {
  270.   background-color: rgba(var(--accent-rgb), 0.1);
  271.   color: var(--accent-color); }
  272.   .wrapper-3WhCwL:hover {
  273.     background-color: rgba(var(--accent-rgb), 0.3);
  274.     color: var(--accent-color); }
  275.  
  276. /* TITLE BAR -> SEARCH BAR */
  277. .search-2oPWTC {
  278.   width: 160px;
  279.   transition: 300ms ease width; }
  280.   .search-2oPWTC .searchBar-3dMhjb {
  281.     width: 100%;
  282.     height: 32px;
  283.     background-color: var(--input-color);
  284.     border-radius: 16px; }
  285.     .search-2oPWTC .searchBar-3dMhjb .DraftEditor-root {
  286.       padding: 6px 0;
  287.       padding-left: 8px; }
  288.       .search-2oPWTC .searchBar-3dMhjb .DraftEditor-root .public-DraftEditorPlaceholder-root {
  289.         padding-left: 2px; }
  290.     .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3,
  291.     .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3 + span[data-offset-key],
  292.     .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchAnswer-3Dz2-q span[data-offset-key] {
  293.       background-color: rgba(255, 255, 255, 0.15); }
  294.     .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3 {
  295.       margin-right: 2px;
  296.       padding: 0 4px 0 8px;
  297.       border-radius: 10px 0 0 10px; }
  298.       .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3:only-child {
  299.         padding: 0 8px;
  300.         border-radius: 11px; }
  301.     .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchAnswer-3Dz2-q {
  302.       background-color: transparent; }
  303.     .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3 + span[data-offset-key],
  304.     .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchAnswer-3Dz2-q span[data-offset-key] {
  305.       display: inline-block;
  306.       height: 20px;
  307.       margin: 0 2px 0 -2px;
  308.       padding: 0px 8px 0px 0;
  309.       border-radius: 0 11px 11px 0;
  310.       color: #fff; }
  311.     .search-2oPWTC .searchBar-3dMhjb .icon-38sknP {
  312.       width: 32px;
  313.       height: 32px; }
  314.   .search-2oPWTC.open-6_Y_aH {
  315.     width: 240px; }
  316.  
  317. /* TITLE BAR -> ICONS */
  318. .iconWrapper-2OrFZ1 {
  319.   position: relative; }
  320.   .iconWrapper-2OrFZ1:after {
  321.     content: " ";
  322.     position: absolute;
  323.     width: 100%;
  324.     height: 100%;
  325.     top: 0;
  326.     left: 0;
  327.     background-color: rgba(var(--md-ripple-color), 0.1);
  328.     border-radius: 50%;
  329.     opacity: 0;
  330.     pointer-events: none;
  331.     transform: scale(1.2);
  332.     transition: 300ms ease;
  333.     z-index: 4; }
  334.   .iconWrapper-2OrFZ1:hover:after {
  335.     opacity: 1;
  336.     transform: scale(1.5);
  337.     animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  338.   .iconWrapper-2OrFZ1:active:after {
  339.     background-color: rgba(var(--md-ripple-color), 0.2); }
  340.   .iconWrapper-2OrFZ1 foreignObject {
  341.     mask: none !important; }
  342.   .iconWrapper-2OrFZ1 .icon-22AiRD path {
  343.     /* TITLE BAR -> ICONS -> NEW GROUP DM */
  344.     /* TITLE BAR -> ICONS -> START VOICE CALL */
  345.     /* TITLE BAR -> ICONS -> START VIDEO CALL */
  346.     /* TITLE BAR -> ICONS -> ADD FRIENDS TO DM */
  347.     /* TITLE BAR -> ICONS -> MUTE CHANNEL */
  348.     /* TITLE BAR -> ICONS -> UNMUTE CHANNEL */
  349.     /* TITLE BAR -> ICONS -> PINNED MESSAGES */
  350.     /* TITLE BAR -> ICONS -> MEMBERS LIST */
  351.     /* TITLE BAR -> ICONS -> UPDATE */
  352.     /* TITLE BAR -> ICONS -> INBOX */
  353.     /* TITLE BAR -> ICONS -> HELP */ }
  354.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M20.998 0V3H23.998V5H20.998V8H18.998V5H15.998V3H18.998V0H20.998ZM2.99805 20V24L8.33205 20H14.998C16.102 20 16.998 19.103 16.998 18V9C16.998 7.896 16.102 7 14.998 7H1.99805C0.894047 7 -0.00195312 7.896 -0.00195312 9V18C-0.00195312 19.103 0.894047 20 1.99805 20H2.99805Z"] {
  355.       d: path("M4 4h16v12H5.17L4 17.17V4m0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-3h12v2H6V6z") !important; }
  356.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] {
  357.       d: path("M6.54 5c.06.89.21 1.76.45 2.59l-1.2 1.2c-.41-1.2-.67-2.47-.76-3.79h1.51m9.86 12.02c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19M7.5 3H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1z") !important; }
  358.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  359.       d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; }
  360.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21 3H24V5H21V8H19V5H16V3H19V0H21V3ZM10 12C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4C7.795 4 6 5.795 6 8C6 10.205 7.795 12 10 12ZM10 13C5.289 13 2 15.467 2 19V20H18V19C18 15.467 14.711 13 10 13Z"] {
  361.       d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; }
  362.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M18 9V14C18 15.657 19.344 17 21 17V18H3V17C4.656 17 6 15.657 6 14V9C6 5.686 8.686 3 12 3C15.314 3 18 5.686 18 9ZM11.9999 21C10.5239 21 9.24793 20.19 8.55493 19H15.4449C14.7519 20.19 13.4759 21 11.9999 21Z"] {
  363.       d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z") !important; }
  364.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] {
  365.       d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm0-15.5c2.49 0 4 2.02 4 4.5v.1l2 2V11c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.24.06-.47.15-.69.23l1.64 1.64c.18-.02.36-.05.55-.05zM5.41 3.35L4 4.76l2.81 2.81C6.29 8.57 6 9.74 6 11v5l-2 2v1h14.24l1.74 1.74 1.41-1.41L5.41 3.35zM16 17H8v-6c0-.68.12-1.32.34-1.9L16 16.76V17z") !important; }
  366.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] ~ path {
  367.       display: none; }
  368.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] {
  369.       d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z") !important; }
  370.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] {
  371.       d: path("M16.5,6.5A2,2 0 0,1 18.5,8.5A2,2 0 0,1 16.5,10.5A2,2 0 0,1 14.5,8.5A2,2 0 0,1 16.5,6.5M16.5,12A3.5,3.5 0 0,0 20,8.5A3.5,3.5 0 0,0 16.5,5A3.5,3.5 0 0,0 13,8.5A3.5,3.5 0 0,0 16.5,12M7.5,6.5A2,2 0 0,1 9.5,8.5A2,2 0 0,1 7.5,10.5A2,2 0 0,1 5.5,8.5A2,2 0 0,1 7.5,6.5M7.5,12A3.5,3.5 0 0,0 11,8.5A3.5,3.5 0 0,0 7.5,5A3.5,3.5 0 0,0 4,8.5A3.5,3.5 0 0,0 7.5,12M21.5,17.5H14V16.25C14,15.79 13.8,15.39 13.5,15.03C14.36,14.73 15.44,14.5 16.5,14.5C18.94,14.5 21.5,15.71 21.5,16.25M12.5,17.5H2.5V16.25C2.5,15.71 5.06,14.5 7.5,14.5C9.94,14.5 12.5,15.71 12.5,16.25M16.5,13C15.3,13 13.43,13.34 12,14C10.57,13.33 8.7,13 7.5,13C5.33,13 1,14.08 1,16.25V19H23V16.25C23,14.08 18.67,13 16.5,13Z") !important; }
  372.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] ~ path {
  373.       display: none; }
  374.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] {
  375.       d: path("M11 8v5l4.25 2.52.77-1.28-3.52-2.09V8zm10 2V3l-2.64 2.64C16.74 4.01 14.49 3 12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9h-2c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.93 0 3.68.79 4.95 2.05L14 10h7z") !important;
  376.       fill: var(--success-color); }
  377.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] {
  378.       d: path("M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5v-3h3.56c.69 1.19 1.97 2 3.45 2s2.75-.81 3.45-2H19v3zm0-5h-4.99c0 1.1-.9 2-2 2s-2-.9-2-2H5V5h14v9z") !important; }
  379.     .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M12 2C6.486 2 2 6.487 2 12C2 17.515 6.486 22 12 22C17.514 22 22 17.515 22 12C22 6.487 17.514 2 12 2ZM12 18.25C11.31 18.25 10.75 17.691 10.75 17C10.75 16.31 11.31 15.75 12 15.75C12.69 15.75 13.25 16.31 13.25 17C13.25 17.691 12.69 18.25 12 18.25ZM13 13.875V15H11V12H12C13.104 12 14 11.103 14 10C14 8.896 13.104 8 12 8C10.896 8 10 8.896 10 10H8C8 7.795 9.795 6 12 6C14.205 6 16 7.795 16 10C16 11.861 14.723 13.429 13 13.875Z"] {
  380.       d: path("M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z") !important; }
  381.  
  382. /*
  383.  *
  384.  *  SERVER LIST
  385.  *
  386.  */
  387. .wrapper-3NnKdC {
  388.   background-color: var(--server-color); }
  389.   .wrapper-3NnKdC .scroller-2TZvBN {
  390.     background-color: transparent; }
  391.   .wrapper-3NnKdC .tree-3tCaw8:focus {
  392.     outline: none; }
  393.  
  394. .wrapper-1BJsBx .childWrapper-anI2G9 {
  395.   background-color: var(--accent-color);
  396.   border-radius: 50%;
  397.   color: var(--accent-text-color); }
  398. .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9 {
  399.   background-color: var(--accent-color);
  400.   color: var(--accent-text-color); }
  401. .wrapper-1BJsBx:hover .childWrapper-anI2G9 {
  402.   background-color: var(--accent-color);
  403.   color: var(--accent-text-color); }
  404.  
  405. .circleIconButton-1QV--U {
  406.   border-radius: 50%;
  407.   background-color: var(--accent-color);
  408.   color: var(--accent-text-color); }
  409.   .circleIconButton-1QV--U.selected-1JjBPm {
  410.     background-color: var(--accent-color);
  411.     color: var(--accent-text-color); }
  412.  
  413. /* SERVER LIST -> SERVER */
  414. .listItem-GuPuDH .wrapper-25eVIn foreignObject {
  415.   mask: none; }
  416. .listItem-GuPuDH .wrapper-25eVIn .icon-27yU2q {
  417.   border-radius: 50%; }
  418. .listItem-GuPuDH .wrapper-25eVIn .lowerBadge-29hYVK {
  419.   width: auto;
  420.   height: auto;
  421.   bottom: 0;
  422.   right: 0; }
  423.   .listItem-GuPuDH .wrapper-25eVIn .lowerBadge-29hYVK .numberBadge-2s8kKX {
  424.     background-color: var(--alert-color) !important;
  425.     box-shadow: var(--shadow-1dp);
  426.     color: var(--alert-text-color); }
  427. .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB {
  428.   top: -4px;
  429.   left: -4px; }
  430.   .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 {
  431.     width: 24px;
  432.     height: 24px;
  433.     background-color: var(--accent-color);
  434.     color: var(--accent-text-color);
  435.     border-radius: 50%;
  436.     animation: audio-flash 1.2s linear infinite; }
  437.     .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9.participating-1NvRVd {
  438.       background-color: var(--accent-color);
  439.       color: var(--accent-text-color); }
  440.     .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 .icon-3s6X1M {
  441.       padding: 4px; }
  442.       .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 .icon-3s6X1M path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] {
  443.         d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); }
  444.       .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 .icon-3s6X1M path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  445.         d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); }
  446. .listItem-GuPuDH.frame-oXWS21 .childWrapper-anI2G9 {
  447.   padding: 0 6px;
  448.   border-radius: 5px;
  449.   text-transform: capitalize; }
  450.  
  451. /* SERVER LIST -> SERVER -> FOLDER */
  452. .folder-1hbNCn,
  453. .folderIconWrapper-1_bOZe {
  454.   border-radius: 50%; }
  455.  
  456. /*
  457.  *
  458.  *  CREATE/JOIN SERVER
  459.  *
  460.  */
  461. .container-1CE3eW .templatesList-2E6rTe,
  462. .container-1CE3eW .optionsList-3UMAjx {
  463.   margin-top: 0; }
  464.   .container-1CE3eW .templatesList-2E6rTe .container-UC8Ug1,
  465.   .container-1CE3eW .optionsList-3UMAjx .container-UC8Ug1 {
  466.     margin-top: 8px;
  467.     margin-bottom: 0;
  468.     background-color: var(--card-color);
  469.     border-radius: var(--card-radius-big);
  470.     border: 1px solid var(--card-border-color);
  471.     transition: var(--default-time) var(--default-animation) background-color; }
  472.     .container-1CE3eW .templatesList-2E6rTe .container-UC8Ug1:hover,
  473.     .container-1CE3eW .optionsList-3UMAjx .container-UC8Ug1:hover {
  474.       background-color: var(--card-color-alt); }
  475.     .container-1CE3eW .templatesList-2E6rTe .container-UC8Ug1:first-child,
  476.     .container-1CE3eW .optionsList-3UMAjx .container-UC8Ug1:first-child {
  477.       margin-top: 0; }
  478.   .container-1CE3eW .templatesList-2E6rTe .skip-2o6MGG,
  479.   .container-1CE3eW .optionsList-3UMAjx .skip-2o6MGG {
  480.     margin-top: 16px;
  481.     margin-bottom: 0; }
  482.  
  483. /*
  484.  *
  485.  *  HOME TAB
  486.  *
  487.  */
  488. .privateChannels-1nO12o {
  489.   background-color: transparent; }
  490.   .privateChannels-1nO12o .searchBar-6Kv8R2 .searchBarComponent-32dTOx {
  491.     height: 32px;
  492.     padding: 0 10px;
  493.     background-color: var(--input-color);
  494.     border-radius: 16px; }
  495.   .privateChannels-1nO12o .scroller-1JbKMe {
  496.     background-color: transparent; }
  497.   .privateChannels-1nO12o .container-2Pjhx- {
  498.     margin-left: 0;
  499.     padding: 0; }
  500.     .privateChannels-1nO12o .container-2Pjhx- .layout-2DM8Md {
  501.       padding: 0 16px;
  502.       border-radius: 0 21px 21px 0;
  503.       transition: var(--default-time) var(--default-animation) background-color; }
  504.       .privateChannels-1nO12o .container-2Pjhx-:hover .layout-2DM8Md {
  505.         background-color: var(--menu-item-hover); }
  506.  
  507.       .privateChannels-1nO12o .container-2Pjhx-.selected-aXhQR6 .layout-2DM8Md {
  508.         background-color: var(--menu-item-select); }
  509.  
  510. /* HOME TAB - > FRIENDS LIST */
  511. .container-1D34oG {
  512.   background-color: var(--chat-color) !important; }
  513.  
  514. .peopleList-3c4jOR .title-30qZAO {
  515.   height: 42px;
  516.   margin: 0;
  517.   padding: 0 16px;
  518.   line-height: 42px;
  519.   background-color: var(--chat-color);
  520.   border-bottom: 1px solid var(--card-border-color);
  521.   font-size: 14px;
  522.   text-transform: none; }
  523. .peopleList-3c4jOR .peopleListItem-2nzedh {
  524.   margin: 0;
  525.   padding: 0 16px;
  526.   position: relative;
  527.   border-bottom: none;
  528.   border-radius: 0;
  529.   border-top: none;
  530.   transition: var(--default-time) var(--default-animation) background-color; }
  531.   .peopleList-3c4jOR .peopleListItem-2nzedh:after {
  532.     position: absolute;
  533.     content: " ";
  534.     width: calc(100% - 60px);
  535.     height: 1px;
  536.     right: 0;
  537.     bottom: 0;
  538.     background-color: var(--card-border-color); }
  539.   .peopleList-3c4jOR .peopleListItem-2nzedh:last-of-type:after {
  540.     display: none; }
  541.   .peopleList-3c4jOR .peopleListItem-2nzedh:hover {
  542.     background-color: var(--menu-item-hover); }
  543.   .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs {
  544.     background-color: transparent;
  545.     position: relative; }
  546.     .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs:after {
  547.       content: " ";
  548.       position: absolute;
  549.       width: 100%;
  550.       height: 100%;
  551.       top: 0;
  552.       left: 0;
  553.       background-color: rgba(var(--md-ripple-color), 0.1);
  554.       border-radius: 50%;
  555.       opacity: 0;
  556.       pointer-events: none;
  557.       transform: scale(1.2);
  558.       transition: 300ms ease;
  559.       z-index: 4; }
  560.     .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs:hover:after {
  561.       opacity: 1;
  562.       transform: scale(1);
  563.       animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  564.     .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs:active:after {
  565.       background-color: rgba(var(--md-ripple-color), 0.2); }
  566.     .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs .icon-35-fSh {
  567.       transform: scale(1.2); }
  568.       .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs .icon-35-fSh path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] {
  569.         d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"); }
  570.  
  571. /* HOME TAB -> NOW PLAYING */
  572. .nowPlayingColumn-2sl4cE {
  573.   background-color: var(--main-color); }
  574.  
  575. .header-13Cw0- {
  576.   font-size: 14px;
  577.   text-transform: none; }
  578.  
  579. .emptyCard-1RJw8n {
  580.   background-color: var(--card-color);
  581.   border-radius: var(--card-radius-big);
  582.   border: 1px solid var(--card-border-color); }
  583.  
  584. .wrapper-3D2qGf {
  585.   margin: 0;
  586.   background-color: transparent;
  587.   border-radius: 0;
  588.   border-left: 1px solid var(--card-border-color);
  589.   border-right: 1px solid var(--card-border-color);
  590.   transition: var(--default-time) ease background-color; }
  591.   .wrapper-3D2qGf:hover {
  592.     background-color: var(--card-color-hover) !important; }
  593.   .wrapper-3D2qGf:not(:only-of-type) {
  594.     position: relative;
  595.     border-bottom: none; }
  596.     .wrapper-3D2qGf:not(:only-of-type):after {
  597.       position: absolute;
  598.       content: " ";
  599.       width: calc(100% - 60px);
  600.       height: 1px;
  601.       right: 0;
  602.       bottom: 0;
  603.       background-color: var(--card-border-color); }
  604.     .wrapper-3D2qGf:not(:only-of-type):last-of-type:after {
  605.       display: none; }
  606.     .wrapper-3D2qGf:not(:only-of-type):first-of-type {
  607.       border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  608.       border-top: 1px solid var(--card-border-color); }
  609.     .wrapper-3D2qGf:not(:only-of-type):nth-last-child(2) {
  610.       border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  611.       border-bottom: 1px solid var(--card-border-color); }
  612.       .wrapper-3D2qGf:not(:only-of-type):nth-last-child(2):after {
  613.         display: none; }
  614.   .wrapper-3D2qGf .body-1ld4H7 {
  615.     margin-left: 44px;
  616.     background-color: var(--card-color-alt);
  617.     border-radius: var(--card-radius-big); }
  618.  
  619. .header-13Cw0- + .wrapper-3D2qGf:nth-last-child(2) {
  620.   border-radius: var(--card-radius-big); }
  621.  
  622. .popout-38lTFE {
  623.   padding: 8px 0;
  624.   background-color: var(--popout-color) !important;
  625.   border-radius: var(--card-radius);
  626.   box-shadow: var(--shadow-3dp) !important; }
  627.   .popout-38lTFE .wrapper-3Rixsz {
  628.     margin: 0;
  629.     padding: 9px 12px;
  630.     border-radius: 0;
  631.     transition: var(--default-time) var(--default-animation) background-color; }
  632.     .popout-38lTFE .wrapper-3Rixsz:hover {
  633.       background-color: var(--menu-item-hover); }
  634.     .popout-38lTFE .wrapper-3Rixsz .colorStandard-2KCXvj {
  635.       font-weight: 500;
  636.       color: var(--menu-item-text-color); }
  637.   .popout-38lTFE .memberListContainer-13tNU9 {
  638.     margin-top: 0; }
  639.     .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj {
  640.       margin: 0;
  641.       padding: 6px 12px;
  642.       border-radius: 0;
  643.       transition: var(--default-time) var(--default-animation) background-color; }
  644.       .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj:hover {
  645.         background-color: var(--menu-item-hover); }
  646.       .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj .colorStandard-2KCXvj {
  647.         color: var(--menu-item-text-color); }
  648.       .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj .nameTag-m8r81H .discriminator-19kRMP,
  649.       .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj .nameTag-m8r81H .username-2b1r56 {
  650.         font-weight: 500; }
  651.     .popout-38lTFE .memberListContainer-13tNU9 .memberListHeader-543n-J {
  652.       margin: 8px 0;
  653.       padding: 0 12px;
  654.       color: var(--menu-item-text-color);
  655.       text-transform: none; }
  656.   .popout-38lTFE .separator-XqIyoz {
  657.     margin: 8px 0;
  658.     background-color: var(--separator-color); }
  659.  
  660. /* HOME TAB -> FIND OR START A CONVERSATION */
  661. .quickswitcher-3JagVE {
  662.   padding: 0;
  663.   background-color: var(--popout-color);
  664.   border-radius: var(--popout-radius-big);
  665.   box-shadow: var(--shadow-3dp); }
  666.   .quickswitcher-3JagVE .input-2VB9rf {
  667.     height: 48px;
  668.     line-height: 48px;
  669.     margin: 16px;
  670.     padding: 0 16px;
  671.     background-color: var(--input-color);
  672.     border-radius: 24px;
  673.     box-shadow: none; }
  674.   .quickswitcher-3JagVE .scroller-zPkAnE {
  675.     margin-top: 0;
  676.     margin-right: 0;
  677.     background-color: transparent;
  678.     border-top: 1px solid var(--card-border-color); }
  679.   .quickswitcher-3JagVE .result-oB0z-- {
  680.     border-radius: 0;
  681.     transition: var(--default-time) var(--default-animation) background-color; }
  682.     .quickswitcher-3JagVE .result-oB0z--.resultFocused-3aIoYe {
  683.       background-color: var(--menu-item-hover); }
  684.   .quickswitcher-3JagVE .protip-1b9XPC {
  685.     padding: 8px;
  686.     border-top-color: var(--card-border-color); }
  687.  
  688. /* HOME TAB -> LIBRARY */
  689. .scroller-1IIF0A,
  690. .scroller-2XE8rp {
  691.   background-color: var(--chat-color); }
  692.  
  693. .container-19hC9u {
  694.   padding-bottom: 8px; }
  695.   .container-19hC9u .header-39GIC8 {
  696.     height: 42px;
  697.     padding: 0 16px;
  698.     line-height: 42px;
  699.     background-color: var(--chat-color);
  700.     border-bottom: 1px solid var(--card-border-color); }
  701.     .container-19hC9u .header-39GIC8.stickyHeader-1pqx0j {
  702.       width: 100%; }
  703.     .container-19hC9u .header-39GIC8 .headerCell-3L6rFG {
  704.       border: none;
  705.       font-size: 14px;
  706.       text-transform: none; }
  707.       .container-19hC9u .header-39GIC8 .headerCell-3L6rFG.headerCellSorted-3a5AzJ .headerCellContent-1pLtOr {
  708.         position: relative; }
  709.         .container-19hC9u .header-39GIC8 .headerCell-3L6rFG.headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after {
  710.           position: absolute;
  711.           content: " ";
  712.           width: 100%;
  713.           height: 3px;
  714.           left: 0;
  715.           right: 0;
  716.           bottom: 0;
  717.           margin: 0 auto;
  718.           background: var(--tab-border-color);
  719.           border-radius: 3px 3px 0 0;
  720.           transition: var(--default-time) ease all; }
  721.         .container-19hC9u .header-39GIC8 .headerCell-3L6rFG.headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after {
  722.           width: calc(100% - 22px);
  723.           left: 0;
  724.           right: auto; }
  725.   .container-19hC9u .rowWrapper-2fB6P0 {
  726.     margin: 0;
  727.     position: relative;
  728.     border-bottom: none;
  729.     border-radius: 0;
  730.     transition: var(--default-time) var(--default-animation) background-color; }
  731.     .container-19hC9u .rowWrapper-2fB6P0:after {
  732.       position: absolute;
  733.       content: " ";
  734.       width: calc(100% - 66px);
  735.       height: 1px;
  736.       right: 0;
  737.       bottom: 0;
  738.       background-color: var(--card-border-color); }
  739.     .container-19hC9u .rowWrapper-2fB6P0:last-of-type:after {
  740.       display: none; }
  741.     .container-19hC9u .rowWrapper-2fB6P0.rowWrapperActive-2L7i9f {
  742.       margin: 0;
  743.       padding: 0;
  744.       background-color: var(--menu-item-hover); }
  745.     .container-19hC9u .rowWrapper-2fB6P0 .row-ZLfFhY {
  746.       margin: 0;
  747.       padding: 0 16px;
  748.       border-top: none !important; }
  749.     .container-19hC9u .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK,
  750.     .container-19hC9u .rowWrapper-2fB6P0 .settingIcon-1nXguX,
  751.     .container-19hC9u .rowWrapper-2fB6P0 .textCell-1aBIUP {
  752.       transition: var(--default-time) var(--default-animation) opacity; }
  753.     .container-19hC9u .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK {
  754.       padding-left: 0; }
  755.  
  756. .body-3s3lDR {
  757.   min-width: 350px;
  758.   max-width: 1200px;
  759.   padding: 60px 40px 80px; }
  760.  
  761. .wrapper-1u09nF .foreground-2aE44H {
  762.   stroke: var(--slider-color) !important; }
  763. .wrapper-1u09nF .foreground-2aE44H {
  764.   stroke: var(--accent-color) !important; }
  765.  
  766. /* HOME TAB -> NITRO */
  767. .applicationStore-1pNvnv {
  768.   background-color: var(--chat-color); }
  769.   .applicationStore-1pNvnv .scroller-9moviB {
  770.     background-color: transparent; }
  771.  
  772. .premiumContainer-2Iux5m {
  773.   min-width: 350px;
  774.   max-width: 1200px; }
  775.  
  776. .banner-3Kac2g,
  777. .hero-EvfTTA {
  778.   max-width: 100%;
  779.   border-radius: var(--card-radius-big); }
  780.   .banner-3Kac2g.stickersHero-rhTlUd,
  781.   .hero-EvfTTA.stickersHero-rhTlUd {
  782.     background-position: center;
  783.     background-size: cover; }
  784.  
  785. .hero-EvfTTA .button-38aScr.lookInverted-2D7oAl,
  786. .wrapper-3nSjSv .button-38aScr.lookInverted-2D7oAl {
  787.   background-color: rgba(255, 255, 255, 0.1) !important;
  788.   box-shadow: none !important;
  789.   color: #fff !important; }
  790.  
  791. .detailsBlock-FoDTGA {
  792.   background-color: var(--card-color);
  793.   border-radius: var(--card-radius-big);
  794.   border: 1px solid var(--card-border-color); }
  795.  
  796. .feature-2w65J5 {
  797.   background-color: var(--card-color);
  798.   border-radius: var(--card-radius-big);
  799.   border: 1px solid var(--card-border-color);
  800.   background-color: transparent !important; }
  801.  
  802. .featureStickers-Pc_FBx .stickerImageSection-7EUs8E {
  803.   background-color: var(--card-color-alt);
  804.   border-radius: var(--card-radius-big); }
  805.  
  806. /* HOME TAB -> ADD FRIEND */
  807. .sectionHeader-20RGqu {
  808.   border-color: var(--card-border-color) !important; }
  809.  
  810. .addInputWrapper-1BOZ3d {
  811.   padding: 16px; }
  812.   .addInputWrapper-1BOZ3d .header-1-dBpZ {
  813.     margin: 0 0 8px 0;
  814.     text-transform: none; }
  815.   .addInputWrapper-1BOZ3d .wrapper-1cBijl {
  816.     height: auto;
  817.     margin: 12px 0 0 0;
  818.     padding: 0 4px 0 16px;
  819.     background-color: var(--input-color);
  820.     border-radius: 18px;
  821.     border: none; }
  822.     .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendInput-4bcerK,
  823.     .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendHint-3Y70FX {
  824.       line-height: 36px;
  825.       font-weight: 400; }
  826.       .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendInput-4bcerK::-webkit-input-placeholder,
  827.       .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendHint-3Y70FX::-webkit-input-placeholder {
  828.         color: var(--text-muted); }
  829.     .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr {
  830.       width: 32px;
  831.       min-width: 32px;
  832.       height: 32px;
  833.       min-height: 32px;
  834.       padding: 0;
  835.       background-color: transparent !important;
  836.       border-radius: 50%;
  837.       box-shadow: none !important;
  838.       font-size: 0; }
  839.       .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr:before {
  840.         position: absolute;
  841.         content: " ";
  842.         width: 32px;
  843.         height: 32px;
  844.         background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/send.svg);
  845.         background-repeat: no-repeat;
  846.         background-position: center;
  847.         opacity: 0.65; }
  848.       .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr:after {
  849.         display: none; }
  850.       .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr:hover {
  851.         background-color: rgba(var(--button-link-color), 0.075) !important; }
  852.  
  853. /*
  854.  *
  855.  *  SERVER DISCOVERY
  856.  *
  857.  */
  858. .pageWrapper-1PgVDX {
  859.   background-color: var(--chat-color) !important; }
  860.  
  861. .headerImage-3X1tyY {
  862.   border-radius: var(--card-radius-big);
  863.   box-shadow: var(--shadow-1dp); }
  864.  
  865. .search-1iTphC .searchBox-2_mAlO {
  866.   border-radius: 18px;
  867.   border: none;
  868.   box-shadow: none;
  869.   transition: var(--default-time) var(--default-animation) box-shadow; }
  870.   .search-1iTphC .searchBox-2_mAlO:focus-within {
  871.     box-shadow: var(--shadow-3dp); }
  872.   .search-1iTphC .searchBox-2_mAlO .searchBoxInputWrapper-nKncfu {
  873.     border-bottom: none !important; }
  874.     .search-1iTphC .searchBox-2_mAlO .searchBoxInputWrapper-nKncfu:before, .search-1iTphC .searchBox-2_mAlO .searchBoxInputWrapper-nKncfu:after {
  875.       display: none; }
  876.   .search-1iTphC .searchBox-2_mAlO .searchBoxInput-uJtBcv {
  877.     padding: 8px 16px; }
  878.  
  879. /* SERVER DISCOVERY -> SIDEBAR */
  880. .sidebar-2K8pFh .categoryItem-3zFJns {
  881.   margin: 0 8px 0 0;
  882.   border-radius: 0 21px 21px 0; }
  883.   .sidebar-2K8pFh .categoryItem-3zFJns .wrappedLayout-3DR7Pk {
  884.     border-radius: 0 21px 21px 0; }
  885.   .sidebar-2K8pFh .categoryItem-3zFJns:hover .layout-2DM8Md {
  886.     background-color: var(--menu-item-hover); }
  887.   .sidebar-2K8pFh .categoryItem-3zFJns.selectedCategoryItem-3X8ujp {
  888.     color: var(--menu-item-text-color); }
  889.     .sidebar-2K8pFh .categoryItem-3zFJns.selectedCategoryItem-3X8ujp .itemInner-3gVXMG {
  890.       background-color: var(--menu-item-select); }
  891.  
  892. /* SERVER DISCOVERY -> CARDS */
  893. .card-3DjzTQ {
  894.   background-color: var(--card-color-alt) !important;
  895.   border-radius: var(--card-radius-big);
  896.   box-shadow: none !important;
  897.   transition: var(--default-time) var(--default-animation) transform, var(--default-time) var(--default-animation) box-shadow; }
  898.   .card-3DjzTQ:hover {
  899.     box-shadow: var(--shadow-3dp) !important; }
  900.     .card-3DjzTQ:hover .guildInfo-2wGKIg {
  901.       border-color: transparent; }
  902.   .card-3DjzTQ .cardHeader-Int16m {
  903.     margin-bottom: 0; }
  904.   .card-3DjzTQ .guildInfo-2wGKIg {
  905.     padding-top: 32px;
  906.     border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  907.     border: 1px solid var(--card-border-color);
  908.     border-top: none;
  909.     transition: var(--default-time) var(--default-animation) border-color; }
  910.   .card-3DjzTQ .guildIcon-3W0pfo foreignObject {
  911.     mask: none !important; }
  912.   .card-3DjzTQ .guildIcon-3W0pfo .iconMask-3b8GzQ {
  913.     background-color: var(--card-color-alt) !important;
  914.     border-radius: 50%; }
  915.     .card-3DjzTQ .guildIcon-3W0pfo .iconMask-3b8GzQ .avatar-22otdK {
  916.       border-radius: 50%; }
  917.  
  918. /*
  919.  *
  920.  *  SERVER BOOST PAGE
  921.  *
  922.  */
  923. .perksModal-fSYqOq {
  924.   background-color: var(--main-color) !important;
  925.   background-image: none !important; }
  926.  
  927. .ctaBar-2UsjF2 {
  928.   background-image: none !important;
  929.   background-color: var(--card-color);
  930.   border-radius: var(--card-radius-big);
  931.   border: 1px solid var(--card-border-color); }
  932.  
  933. /* SERVER BOOST PAGE -> LEVELS */
  934. .tierMarkerBackground-3q29am {
  935.   background-color: var(--main-color) !important; }
  936.  
  937. .tierWrapper-W9ajqp {
  938.   border-radius: 0;
  939.   box-shadow: none !important; }
  940.  
  941. .carouselItem-g4c5Xp {
  942.   background-color: var(--card-color-alt);
  943.   border-radius: var(--card-radius-big);
  944.   transition: var(--default-time) var(--default-animation) box-shadow; }
  945.   .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG {
  946.     box-shadow: var(--shadow-3dp); }
  947.     .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG .tier-12tKuZ .tierHeader---JJFb.tierHeaderLocked-1s2JJz {
  948.       border-color: transparent;
  949.       border-bottom-color: var(--card-border-color); }
  950.     .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG .tier-12tKuZ .tierBody-16Chc9 {
  951.       border-color: transparent; }
  952.   .carouselItem-g4c5Xp .tier-12tKuZ {
  953.     border-radius: var(--card-radius-big); }
  954.     .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb,
  955.     .carouselItem-g4c5Xp .tier-12tKuZ .tierBody-16Chc9 {
  956.       transition: var(--default-time) var(--default-animation) border-color; }
  957.     .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb {
  958.       border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; }
  959.       .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb.tierHeaderLocked-1s2JJz {
  960.         background-color: transparent !important;
  961.         border: 1px solid var(--card-border-color); }
  962.       .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb .tierLock-3CSxSX path {
  963.         d: path("M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z") !important; }
  964.       .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb .tierUnlocked-25K6Kv {
  965.         font-size: 14px;
  966.         text-transform: none; }
  967.     .carouselItem-g4c5Xp .tier-12tKuZ .tierBody-16Chc9 {
  968.       background-color: transparent;
  969.       border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  970.       border: 1px solid var(--card-border-color);
  971.       border-top: none; }
  972.  
  973. .perk-2WeBWW {
  974.   background-color: var(--card-color);
  975.   border-radius: var(--card-radius-big);
  976.   border: 1px solid var(--card-border-color); }
  977.  
  978. /*
  979.  *
  980.  *  DIRECT MESSAGES
  981.  *
  982.  */
  983. .wrapper-2qzCYF {
  984.   box-shadow: var(--shadow-3dp); }
  985.   .wrapper-2qzCYF.minimum-28Z35l {
  986.     background-color: var(--chat-color); }
  987.  
  988. .content-yTz4x3:before {
  989.   display: none; }
  990.  
  991. /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE */
  992. .root-217Brm {
  993.   /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS */ }
  994.   .root-217Brm .videoControls-24w7Xp .contextMenuNub-3yOOYo.colorable-1bkp8v.white-3GPOIp {
  995.     background-color: #2f3136;
  996.     color: #fff; }
  997.   .root-217Brm .videoControls-24w7Xp .button-38aScr {
  998.     border-radius: 50% !important; }
  999.     .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ:not(.red-33-Lnk) {
  1000.       background-color: var(--menu-item-hover); }
  1001.       .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ:not(.red-33-Lnk):hover {
  1002.         background-color: var(--menu-item-select); }
  1003.       .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ:not(.red-33-Lnk) .centerIcon-2G6o-T {
  1004.         color: var(--menu-item-text-color) !important; }
  1005.     .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ.red-33-Lnk {
  1006.       background-color: var(--alert-color); }
  1007.       .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ.red-33-Lnk:hover {
  1008.         background-color: var(--alert-color); }
  1009.       .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ.red-33-Lnk .centerIcon-2G6o-T {
  1010.         color: var(--alert-text-color); }
  1011.     .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ) {
  1012.       background-color: transparent !important;
  1013.       position: relative; }
  1014.       .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ):after {
  1015.         content: " ";
  1016.         position: absolute;
  1017.         width: 100%;
  1018.         height: 100%;
  1019.         top: 0;
  1020.         left: 0;
  1021.         background-color: rgba(var(--md-ripple-color), 0.1);
  1022.         border-radius: 50%;
  1023.         opacity: 0;
  1024.         pointer-events: none;
  1025.         transform: scale(1.2);
  1026.         transition: 300ms ease;
  1027.         z-index: 4; }
  1028.       .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ):hover:after {
  1029.         opacity: 1;
  1030.         transform: scale(1.5);
  1031.         animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1032.       .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ):active:after {
  1033.         background-color: rgba(var(--md-ripple-color), 0.2); }
  1034.     .root-217Brm .videoControls-24w7Xp .button-38aScr path {
  1035.       /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> TURN ON CAMERA */
  1036.       /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> JOIN CALL */
  1037.       /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> STOP SCREEN SHARE */
  1038.       /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> SCREEN SHARE */
  1039.       /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> MUTE */
  1040.       /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> UNMUTE */
  1041.       /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> END CALL */ }
  1042.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  1043.         d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; }
  1044.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] {
  1045.         d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z") !important; }
  1046.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] {
  1047.         d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z") !important; }
  1048.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] {
  1049.         d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z") !important; }
  1050.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] {
  1051.         d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z") !important; }
  1052.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] ~ path {
  1053.         display: none; }
  1054.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
  1055.         d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86") !important; }
  1056.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path {
  1057.         display: none; }
  1058.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] {
  1059.         d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z") !important; }
  1060.       .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] ~ path {
  1061.         display: none; }
  1062.   .root-217Brm .bottomControls-lIJyYL .leftTrayIcon-vpfJk5:after {
  1063.     display: none; }
  1064.  
  1065. .regionSelectPopout-p9-0_W {
  1066.   padding: 8px 0;
  1067.   background-color: var(--popout-color) !important;
  1068.   border-radius: var(--popout-radius);
  1069.   box-shadow: var(--shadow-3dp); }
  1070.   .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 {
  1071.     position: relative;
  1072.     padding: 9px 12px;
  1073.     transition: var(--default-time) ease background-color; }
  1074.     .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9:hover {
  1075.       background-color: var(--menu-item-hover) !important; }
  1076.     .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9.selected {
  1077.       background-color: var(--menu-item-select) !important; }
  1078.     .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 .regionSelectFlag-1htPow {
  1079.       position: absolute;
  1080.       left: 12px; }
  1081.     .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 .regionSelectName-c5qL8O {
  1082.       margin-right: 24px;
  1083.       margin-left: 36px;
  1084.       font-size: 14px;
  1085.       text-align: left;
  1086.       color: var(--menu-item-text-color) !important; }
  1087.     .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 .check-2by_h9 {
  1088.       position: absolute;
  1089.       right: 12px; }
  1090.  
  1091. .scroller-2ymjU1 {
  1092.   padding: 8px 0;
  1093.   padding-right: 0 !important;
  1094.   background-color: var(--popout-color);
  1095.   border-radius: var(--popout-radius); }
  1096.   .scroller-2ymjU1 .memberListHeader-c-ghag {
  1097.     margin: 8px 0;
  1098.     padding: 0 12px;
  1099.     color: var(--menu-item-text-color);
  1100.     text-transform: none; }
  1101.   .scroller-2ymjU1 .memberListItem-2ZX2pl {
  1102.     margin: 0;
  1103.     padding: 6px 12px;
  1104.     border-radius: 0;
  1105.     transition: var(--default-time) var(--default-animation) background-color; }
  1106.     .scroller-2ymjU1 .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover {
  1107.       background-color: var(--menu-item-hover) !important; }
  1108.     .scroller-2ymjU1 .memberListItem-2ZX2pl .colorStandard-2KCXvj {
  1109.       color: var(--menu-item-text-color); }
  1110.   .scroller-2ymjU1::-webkit-scrollbar {
  1111.     width: 0 !important; }
  1112.  
  1113. .tile-2naSqK {
  1114.   border-radius: var(--card-radius-big); }
  1115.  
  1116. .participantsButton-KYW-IW {
  1117.   background-color: #2f3136 !important;
  1118.   border-radius: 16px !important; }
  1119.   .participantsButton-KYW-IW:hover {
  1120.     background-color: #202225 !important; }
  1121.  
  1122. .overlayTitle-8IcS01 {
  1123.   border-radius: 16px; }
  1124.  
  1125. /*
  1126.  *
  1127.  *  CHANNELS LIST
  1128.  *
  1129.  */
  1130. .sidebar-2K8pFh {
  1131.   border-radius: 0 !important; }
  1132.   .sidebar-2K8pFh,
  1133.   .sidebar-2K8pFh .container-3w7J-x {
  1134.     background-color: var(--main-color); }
  1135.   .sidebar-2K8pFh .container-2ax-kl {
  1136.     font-size: 14px;
  1137.     text-transform: none; }
  1138.   .sidebar-2K8pFh .container-1taM1r:not(.hasBanner-2SrLR3) .header-2V-4Sw, .sidebar-2K8pFh .container-1taM1r:not(.hasBanner-2SrLR3) .header-2V-4Sw:hover {
  1139.     background-color: var(--main-color); }
  1140.  
  1141. /* CHANNELS LIST -> CREATE CHANNEL */
  1142. .inputPrefix-1gzNds {
  1143.   top: 10px;
  1144.   left: 0; }
  1145.   .inputPrefix-1gzNds + .input-cIJ7To {
  1146.     padding-left: 20px; }
  1147.  
  1148. /* CHANNELS LIST -> CHANNEL */
  1149. .containerDefault--pIXnN .content-1x5b-n {
  1150.   margin-left: 0;
  1151.   border-radius: 0 24px 24px 0; }
  1152.  
  1153. .containerDefault-3tr_sE .addButton-3bLyEA {
  1154.   background-color: transparent !important;
  1155.   position: relative; }
  1156.   .containerDefault-3tr_sE .addButton-3bLyEA:after {
  1157.     content: " ";
  1158.     position: absolute;
  1159.     width: 100%;
  1160.     height: 100%;
  1161.     top: 0;
  1162.     left: 0;
  1163.     background-color: rgba(var(--md-ripple-color), 0.1);
  1164.     border-radius: 50%;
  1165.     opacity: 0;
  1166.     pointer-events: none;
  1167.     transform: scale(1.2);
  1168.     transition: 300ms ease;
  1169.     z-index: 4; }
  1170.   .containerDefault-3tr_sE .addButton-3bLyEA:hover:after {
  1171.     opacity: 1;
  1172.     transform: scale(1.5);
  1173.     animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1174.   .containerDefault-3tr_sE .addButton-3bLyEA:active:after {
  1175.     background-color: rgba(var(--md-ripple-color), 0.2); }
  1176.  
  1177. .containerDragAfter-3Fp7LC:after,
  1178. .containerDragBefore-3iTCc7:before {
  1179.   left: 0;
  1180.   background-color: var(--accent-color); }
  1181.  
  1182. .containerUserOver-2mv1jO:after {
  1183.   right: 4px;
  1184.   background-color: rgba(var(--accent-rgb), 0.1);
  1185.   border-radius: var(--card-radius-big);
  1186.   border-color: rgba(var(--accent-rgb), 0.5); }
  1187.  
  1188. .content-1Wq3SX {
  1189.   border-radius: 15px;
  1190.   /* CHANNELS LIST -> CHANNEL -> VOICE ICONS */ }
  1191.   .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path {
  1192.     display: none;
  1193.     /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> MUTED */
  1194.     /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> DEAFENED */
  1195.     /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> WEBCAM */ }
  1196.     .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
  1197.       display: block;
  1198.       d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z") !important; }
  1199.     .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] {
  1200.       display: block;
  1201.       d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z") !important; }
  1202.     .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  1203.       display: block;
  1204.       d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; }
  1205.  
  1206. .streamPreview-2-WUWT {
  1207.   background-color: var(--popout-color) !important;
  1208.   border-radius: var(--popout-radius-big) !important;
  1209.   box-shadow: var(--shadow-3dp) !important; }
  1210.   .streamPreview-2-WUWT .watchButton-2SbJEo {
  1211.     background-color: rgba(var(--button-link-color), 0.075) !important;
  1212.     box-shadow: none !important;
  1213.     color: var(--button-link-text-color) !important;
  1214.     transition: var(--default-time) var(--default-animation) background-color !important; }
  1215.     .streamPreview-2-WUWT .watchButton-2SbJEo:hover {
  1216.       background-color: rgba(var(--button-link-color), 0.125) !important; }
  1217.  
  1218. /* CHANNELS LIST -> CHANNEL -> ICONS */
  1219. .iconItem-F7GRxr {
  1220.   position: relative;
  1221.   margin: 0 0 0 10px;
  1222.   position: relative; }
  1223.   .iconItem-F7GRxr:after {
  1224.     content: " ";
  1225.     position: absolute;
  1226.     width: 100%;
  1227.     height: 100%;
  1228.     top: 0;
  1229.     left: 0;
  1230.     background-color: rgba(var(--md-ripple-color), 0.1);
  1231.     border-radius: 50%;
  1232.     opacity: 0;
  1233.     pointer-events: none;
  1234.     transform: scale(1.2);
  1235.     transition: 300ms ease;
  1236.     z-index: 4; }
  1237.   .iconItem-F7GRxr:hover:after {
  1238.     opacity: 1;
  1239.     transform: scale(1.8);
  1240.     animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1241.   .iconItem-F7GRxr:active:after {
  1242.     background-color: rgba(var(--md-ripple-color), 0.2); }
  1243.   .iconItem-F7GRxr .actionIcon-PgcMM2 {
  1244.     transform: translateX(-1px); }
  1245.     .iconItem-F7GRxr .actionIcon-PgcMM2:active {
  1246.       transform: translateY(0); }
  1247.     .iconItem-F7GRxr .actionIcon-PgcMM2 path {
  1248.       transform: scale(0.72);
  1249.       /* CHANNELS LIST -> CHANNEL -> ICONS -> CREATE/INVITE */
  1250.       /* CHANNELS LIST -> CHANNEL -> ICONS -> EDIT CHANNEL */ }
  1251.       .iconItem-F7GRxr .actionIcon-PgcMM2 path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] {
  1252.         d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; }
  1253.         .iconItem-F7GRxr .actionIcon-PgcMM2 path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] ~ path {
  1254.           display: none; }
  1255.       .iconItem-F7GRxr .actionIcon-PgcMM2 path[d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"] {
  1256.         d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; }
  1257.  
  1258. .mainContent-u_9PKf .icon-1DeIlz path {
  1259.   /* CHANNELS LIST -> CHANNEL -> ICONS -> VOICE CHANNEL */
  1260.   /* CHANNELS LIST -> CHANNEL -> ICONS -> RULES */
  1261.   /* CHANNELS LIST -> CHANNEL -> ICONS -> ANNOUNCEMENTS */
  1262.   /* CHANNELS LIST -> CHANNEL -> ICONS -> BIG LOCK */
  1263.   /* CHANNELS LIST -> CHANNEL -> ICONS -> SMALL LOCK */
  1264.   /* CHANNELS LIST -> CHANNEL -> ICONS -> NSFW */ }
  1265.   .mainContent-u_9PKf .icon-1DeIlz path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"], .mainContent-u_9PKf .icon-1DeIlz path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] {
  1266.     d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); }
  1267.   .mainContent-u_9PKf .icon-1DeIlz path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"] {
  1268.     d: path("M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M15,15.6L13,14H4V10H13L15,8.4V15.6M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z"); }
  1269.   .mainContent-u_9PKf .icon-1DeIlz path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"] ~ path {
  1270.     display: none; }
  1271.   .mainContent-u_9PKf .icon-1DeIlz path[d="M33 34.5833V7.49998H35V36.6666H9C6.791 36.6666 5 34.801 5 32.5V7.49998C5 5.19894 6.791 3.33331 9 3.33331H31V30.4166H9C7.8955 30.4166 7 31.3485 7 32.5C7 33.6515 7.8955 34.5833 9 34.5833H33ZM23.9718 9.99998L15.8889 17.9915L12.7086 14.8441L10 17.5058L15.8885 23.3333L26.6667 12.6669L23.9718 9.99998Z"] {
  1272.     d: path("M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M7.5,13.5L9,12L11,14L15.5,9.5L17,11L11,17L7.5,13.5Z");
  1273.     transform: scale(1.6); }
  1274.   .mainContent-u_9PKf .icon-1DeIlz path[d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"] {
  1275.     d: path("M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"); }
  1276.   .mainContent-u_9PKf .icon-1DeIlz path[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"] {
  1277.     transform: translateX(-6px) scale(1.35);
  1278.     fill: var(--interactive-normal);
  1279.     opacity: 1; }
  1280.   .mainContent-u_9PKf .icon-1DeIlz path[d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"] {
  1281.     transform: translateX(-6px) scale(1.35);
  1282.     fill: var(--interactive-normal);
  1283.     opacity: 1; }
  1284.  
  1285. /* CHANNELS LIST -> CHANNEL -> LISTENING TO SPOTIFY */
  1286. .container-2dqNWc {
  1287.   background-color: var(--popout-color);
  1288.   border-radius: var(--popout-radius-big);
  1289.   box-shadow: var(--shadow-3dp); }
  1290.   .container-2dqNWc .headerText-1HLrL7 {
  1291.     font-size: 14px;
  1292.     text-transform: none;
  1293.     font-weight: 500; }
  1294.   .container-2dqNWc .assetsLargeImage-eYwpTX {
  1295.     border-radius: 50%; }
  1296.   .container-2dqNWc .buttonSize-AQY2mE {
  1297.     height: 36px;
  1298.     min-height: 36px;
  1299.     padding: 0 !important; }
  1300.   .container-2dqNWc .button-38aScr {
  1301.     background-color: rgba(var(--button-link-color), 0.075) !important;
  1302.     box-shadow: none !important;
  1303.     color: var(--button-link-text-color) !important;
  1304.     transition: var(--default-time) var(--default-animation) background-color !important; }
  1305.     .container-2dqNWc .button-38aScr:hover {
  1306.       background-color: rgba(var(--button-link-color), 0.125) !important; }
  1307.  
  1308. /* CHANNELS LIST -> CHANNEL -> CREATE INVITE */
  1309. .header-2Pz98J .container-2XeR5Z {
  1310.   background-color: var(--input-color);
  1311.   border-radius: 16px; }
  1312.   .header-2Pz98J .container-2XeR5Z .inner-3ErfOT {
  1313.     padding: 0; }
  1314.     .header-2Pz98J .container-2XeR5Z .inner-3ErfOT .input-1Rv96N {
  1315.       height: 32px;
  1316.       line-height: 32px;
  1317.       margin: 0;
  1318.       padding: 0 8px 0 12px; }
  1319.     .header-2Pz98J .container-2XeR5Z .inner-3ErfOT .iconLayout-1WxHy4 {
  1320.       width: 32px;
  1321.       height: 32px; }
  1322.  
  1323. .scroller-2hZ97C {
  1324.   padding-left: 0; }
  1325.  
  1326. .inviteRow-2L02ae {
  1327.   margin-right: 0;
  1328.   padding: 7px 12px;
  1329.   border-radius: 0;
  1330.   transition: var(--default-time) var(--default-animation) background-color; }
  1331.   .inviteRow-2L02ae:hover {
  1332.     background-color: var(--menu-item-hover); }
  1333.  
  1334. /* CHANNELS LIST -> CHANNEL -> EDIT CHANNEL */
  1335. .inputMaxLength-1vRluy textarea.input-cIJ7To {
  1336.   min-height: 32px; }
  1337. .inputMaxLength-1vRluy .maxLength-39QFBo {
  1338.   right: 0; }
  1339.  
  1340. /* CHANNELS LIST -> CHANNEL -> EDIT CHANNEL -> PERMISSIONS */
  1341. .settingCard-3w2mVL {
  1342.   margin-bottom: 32px;
  1343.   border-radius: var(--card-radius-big);
  1344.   border: 1px solid var(--card-border-color); }
  1345.   .settingCard-3w2mVL, .settingCard-3w2mVL.active-1ytUzX,
  1346.   .settingCard-3w2mVL .cardFolder-28dwxo {
  1347.     background-color: transparent; }
  1348.   .settingCard-3w2mVL .cardContent-qqqwo8 {
  1349.     border-bottom: 1px solid var(--card-border-color); }
  1350.   .settingCard-3w2mVL .folderHeader-3eAh2M {
  1351.     position: relative;
  1352.     border-bottom: none; }
  1353.     .settingCard-3w2mVL .folderHeader-3eAh2M:after {
  1354.       position: absolute;
  1355.       content: " ";
  1356.       width: 100%;
  1357.       height: 1px;
  1358.       bottom: 0;
  1359.       left: 0;
  1360.       background-color: var(--card-border-color); }
  1361.   .settingCard-3w2mVL .roleMemberList-3aPmJW {
  1362.     padding: 16px; }
  1363.     .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv {
  1364.       height: auto !important; }
  1365.       .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv .memberRow-1LB6aT {
  1366.         padding: 0 4px;
  1367.         margin-bottom: 16px; }
  1368.         .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv .memberRow-1LB6aT:last-child {
  1369.           margin-bottom: 0; }
  1370.       .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv .divider-3573oO {
  1371.         display: none; }
  1372.   .settingCard-3w2mVL + .divider-3573oO {
  1373.     display: none; }
  1374.  
  1375. .easyModeLayoutStyle-11J5S7 .card-3Qj_Yx {
  1376.   margin-bottom: 24px; }
  1377.  
  1378. /*
  1379.  *
  1380.  *  MEMBERS LIST
  1381.  *
  1382.  */
  1383. .members-1998pB, .members-1998pB > div {
  1384.   background-color: var(--main-color); }
  1385. .members-1998pB .container-2Pjhx- {
  1386.   width: 100%;
  1387.   height: 42px;
  1388.   margin: 0; }
  1389.   .members-1998pB .container-2Pjhx-,
  1390.   .members-1998pB .container-2Pjhx- .layout-2DM8Md {
  1391.     border-radius: 21px 0 0 21px; }
  1392.   .members-1998pB .container-2Pjhx- .layout-2DM8Md {
  1393.     width: calc(100% - 18px);
  1394.     margin-left: 8px;
  1395.     padding: 0 8px 0 8px;
  1396.     transition: 200ms ease all; }
  1397.   .members-1998pB .container-2Pjhx-:hover .layout-2DM8Md {
  1398.     background-color: var(--menu-item-hover); }
  1399.   .members-1998pB .container-2Pjhx-.selected-aXhQR6 .layout-2DM8Md {
  1400.     background-color: var(--menu-item-select); }
  1401. .members-1998pB .container-2ax-kl {
  1402.   margin: 0 0 4px 0;
  1403.   padding: 20px 8px 0 16px;
  1404.   font-size: 14px;
  1405.   text-transform: none; }
  1406.  
  1407. .botTag-2WPJ74 {
  1408.   border-radius: 8px !important; }
  1409.   .botTag-2WPJ74.botTagRegular-2HEhHi {
  1410.     background-color: var(--accent-color);
  1411.     color: var(--accent-text-color); }
  1412.  
  1413. /* MEMBERS LIST -> ROLES */
  1414. .role-2irmRk {
  1415.   min-width: 32px;
  1416.   height: 32px;
  1417.   padding: 0;
  1418.   background-color: transparent;
  1419.   border-radius: 16px;
  1420.   border: 1px solid var(--card-border-color) !important; }
  1421.   .role-2irmRk .roleCircle-3xAZ1j,
  1422.   .role-2irmRk .perm-circle {
  1423.     width: 26px;
  1424.     height: 26px;
  1425.     margin-left: 2px;
  1426.     margin-right: 0; }
  1427.     .role-2irmRk .roleCircle-3xAZ1j:not(:empty),
  1428.     .role-2irmRk .perm-circle:not(:empty) {
  1429.       position: relative; }
  1430.       .role-2irmRk .roleCircle-3xAZ1j:not(:empty):after,
  1431.       .role-2irmRk .perm-circle:not(:empty):after {
  1432.         position: absolute;
  1433.         content: "Remove role";
  1434.         width: 70px;
  1435.         height: auto;
  1436.         top: 0;
  1437.         left: 0;
  1438.         line-height: 16px;
  1439.         padding: 8px;
  1440.         background-color: rgba(97, 97, 97, 0.9);
  1441.         box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  1442.         border-radius: var(--card-radius);
  1443.         transform: translate(-4px, -38px);
  1444.         pointer-events: none;
  1445.         color: #ddd;
  1446.         font-size: 12px;
  1447.         transition: var(--default-time) var(--default-animation) all;
  1448.         z-index: 3;
  1449.         opacity: 0; }
  1450.       .role-2irmRk .roleCircle-3xAZ1j:not(:empty):hover:after,
  1451.       .role-2irmRk .perm-circle:not(:empty):hover:after {
  1452.         opacity: 1; }
  1453.   .role-2irmRk .perm-circle {
  1454.     width: 26px !important;
  1455.     height: 26px !important;
  1456.     margin-right: 0 !important; }
  1457.   .role-2irmRk .roleRemoveIcon-2-TeGW {
  1458.     width: 24px;
  1459.     height: 24px;
  1460.     display: block;
  1461.     transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) transform;
  1462.     transform: scale(0.25);
  1463.     opacity: 0;
  1464.     cursor: pointer; }
  1465.   .role-2irmRk:hover .roleRemoveIcon-2-TeGW {
  1466.     transform: scale(0.75) rotate(90deg);
  1467.     opacity: 1; }
  1468.   .role-2irmRk .roleName-32vpEy {
  1469.     margin: 0 8px 0 4px; }
  1470.   .role-2irmRk.addButton-pcyyf6 {
  1471.     background-color: transparent !important;
  1472.     position: relative; }
  1473.     .role-2irmRk.addButton-pcyyf6:after {
  1474.       position: absolute;
  1475.       content: "Add role";
  1476.       width: 47px;
  1477.       height: auto;
  1478.       top: 0;
  1479.       left: 0;
  1480.       line-height: 16px;
  1481.       padding: 8px;
  1482.       background-color: rgba(97, 97, 97, 0.9);
  1483.       box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  1484.       border-radius: var(--card-radius);
  1485.       transform: translate(-4px, -38px);
  1486.       pointer-events: none;
  1487.       color: #ddd;
  1488.       font-size: 12px;
  1489.       transition: var(--default-time) var(--default-animation) all;
  1490.       z-index: 3;
  1491.       opacity: 0; }
  1492.     .role-2irmRk.addButton-pcyyf6:hover:after {
  1493.       opacity: 1; }
  1494.     .role-2irmRk.addButton-pcyyf6 .addButtonIcon-1NMJ8u {
  1495.       width: 18px;
  1496.       height: 18px; }
  1497.  
  1498. /*
  1499.  *
  1500.  *  CHAT AREA
  1501.  *
  1502.  */
  1503. .chat-3bRxxu,
  1504. .threadSidebar-1o3BTy {
  1505.   background-color: var(--chat-color); }
  1506.  
  1507. .content-MLh4nU {
  1508.   background: var(--chat-color); }
  1509.  
  1510. .wrapper-3vR61M,
  1511. .wrapper-1F5TKx {
  1512.   background-color: transparent; }
  1513.  
  1514. .attachment-2p5mHK,
  1515. .avatar-2daVqv,
  1516. .blob-2w7iIK {
  1517.   background-color: #fff; }
  1518.  
  1519. /* CHAT AREA -> MESSAGES */
  1520. .messagesWrapper-1sRNjr.group-spacing-0 .groupStart-23k01U {
  1521.   --group-spacing: 0.125rem; }
  1522. .messagesWrapper-1sRNjr.group-spacing-0 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1523.   top: 1px; }
  1524. .messagesWrapper-1sRNjr.group-spacing-4 .groupStart-23k01U {
  1525.   --group-spacing: 0.3125rem; }
  1526. .messagesWrapper-1sRNjr.group-spacing-4 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1527.   top: 2px; }
  1528. .messagesWrapper-1sRNjr.group-spacing-8 .groupStart-23k01U {
  1529.   --group-spacing: 0.5625rem; }
  1530. .messagesWrapper-1sRNjr.group-spacing-8 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1531.   top: 4px; }
  1532. .messagesWrapper-1sRNjr.group-spacing-16 .groupStart-23k01U {
  1533.   --group-spacing: 1.0625rem; }
  1534. .messagesWrapper-1sRNjr.group-spacing-16 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1535.   top: 8px; }
  1536. .messagesWrapper-1sRNjr.group-spacing-24 .groupStart-23k01U {
  1537.   --group-spacing: 1.5625rem; }
  1538. .messagesWrapper-1sRNjr.group-spacing-24 .divider-JfaTT5.beforeGroup-1rH1F0 {
  1539.   top: 12px; }
  1540. .messagesWrapper-1sRNjr[class*="group-spacing"] .groupStart-23k01U {
  1541.   margin-top: var(--group-spacing) !important; }
  1542. .messagesWrapper-1sRNjr[class*="group-spacing"] .divider-JfaTT5:not(.beforeGroup-1rH1F0) {
  1543.   top: -4px; }
  1544.  
  1545. .wrapper-2a6GCs {
  1546.   background-color: var(--message-color) !important; }
  1547.   .wrapper-2a6GCs.groupStart-23k01U {
  1548.     position: relative;
  1549.     border-radius: var(--message-radius); }
  1550.     .wrapper-2a6GCs.groupStart-23k01U .avatar-1BDn8e {
  1551.       width: 40px;
  1552.       height: 40px;
  1553.       top: 0;
  1554.       left: -50px;
  1555.       margin-top: 0; }
  1556.   .wrapper-2a6GCs.ephemeral-1PsL1r:before, .wrapper-2a6GCs.replying-1x3H0T:before {
  1557.     display: none; }
  1558.   .wrapper-2a6GCs.ephemeral-1PsL1r a, .wrapper-2a6GCs.replying-1x3H0T a {
  1559.     color: var(--accent-color); }
  1560.   .wrapper-2a6GCs:not(.groupStart-23k01U) {
  1561.     border-radius: 0 0 var(--message-radius) var(--message-radius); }
  1562.     .wrapper-2a6GCs:not(.groupStart-23k01U):before, .wrapper-2a6GCs:not(.groupStart-23k01U):after {
  1563.       content: " ";
  1564.       position: absolute;
  1565.       width: 0;
  1566.       height: 0;
  1567.       top: 3px;
  1568.       background-color: transparent;
  1569.       border: 16px solid transparent;
  1570.       border-color: transparent;
  1571.       pointer-events: none;
  1572.       transform: rotate(360deg); }
  1573.     .wrapper-2a6GCs:not(.groupStart-23k01U):before {
  1574.       left: 0;
  1575.       border-left-color: var(--message-color); }
  1576.     .wrapper-2a6GCs:not(.groupStart-23k01U):after {
  1577.       right: 0;
  1578.       border-bottom-color: var(--message-color); }
  1579.   .wrapper-2a6GCs.cozy-3raOZG {
  1580.     padding: 8px 12px !important; }
  1581.     .wrapper-2a6GCs.cozy-3raOZG.groupStart-23k01U {
  1582.       margin-left: 68px;
  1583.       margin-right: 26px;
  1584.       margin-bottom: 0; }
  1585.       .wrapper-2a6GCs.cozy-3raOZG.groupStart-23k01U.mentioned-xhSam7:before {
  1586.         display: none; }
  1587.     .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U) {
  1588.       margin: -8px 26px 0 68px;
  1589.       padding: 4px 12px 8px 12px !important; }
  1590.       .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):before, .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):after {
  1591.         margin: -16px 0 0 0; }
  1592.       .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):before {
  1593.         border-width: 14px 0 0 6px; }
  1594.       .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):after {
  1595.         border-width: 0 0 14px 6px; }
  1596.       .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U) + .divider-JfaTT5:not(.beforeGroup-1rH1F0) {
  1597.         top: -4px; }
  1598.       .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U).mentioned-xhSam7:before {
  1599.         content: " ";
  1600.         position: absolute;
  1601.         width: 0;
  1602.         height: 0;
  1603.         top: 3px;
  1604.         background-color: transparent;
  1605.         border: 16px solid transparent;
  1606.         border-color: transparent;
  1607.         pointer-events: none;
  1608.         transform: rotate(360deg);
  1609.         left: 0;
  1610.         border-left-color: var(--message-color); }
  1611.     .wrapper-2a6GCs.cozy-3raOZG .header-23xsNx {
  1612.       margin-bottom: 4px; }
  1613.     .wrapper-2a6GCs.cozy-3raOZG .messageContent-2qWWxC {
  1614.       margin-left: 0;
  1615.       padding-left: 0; }
  1616.     .wrapper-2a6GCs.cozy-3raOZG:hover .timestamp-3ZCmNB.alt-1uNpEt {
  1617.       opacity: 1;
  1618.       transition: var(--default-time) ease opacity 750ms; }
  1619.     .wrapper-2a6GCs.cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
  1620.       opacity: 0;
  1621.       left: -72px;
  1622.       color: var(--text-muted);
  1623.       font-weight: 600;
  1624.       transition: var(--default-time) ease opacity 0ms; }
  1625.     .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6) {
  1626.       margin: 16px 26px 0 68px;
  1627.       padding: 8px 12px !important;
  1628.       border-radius: var(--message-radius); }
  1629.       .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6):before, .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6):after {
  1630.         display: none; }
  1631.       .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6) .avatar-1BDn8e {
  1632.         top: 0;
  1633.         left: -63px; }
  1634.     .wrapper-2a6GCs.cozy-3raOZG .repliedMessage-VokQwo:before {
  1635.       transform: translateX(42px); }
  1636.     .wrapper-2a6GCs.cozy-3raOZG .repliedMessage-VokQwo .replyAvatar-1K9Wmr,
  1637.     .wrapper-2a6GCs.cozy-3raOZG .repliedMessage-VokQwo .replyBadge-r1su3o {
  1638.       margin-left: 40px; }
  1639.   .wrapper-2a6GCs.compact-T3H92H {
  1640.     margin-left: 70px;
  1641.     margin-right: 20px;
  1642.     margin-bottom: 0;
  1643.     padding-right: 8px !important; }
  1644.     .wrapper-2a6GCs.compact-T3H92H.groupStart-23k01U {
  1645.       padding: 8px; }
  1646.       .wrapper-2a6GCs.compact-T3H92H.groupStart-23k01U.mentioned-xhSam7:before {
  1647.         display: none; }
  1648.       .wrapper-2a6GCs.compact-T3H92H.groupStart-23k01U + .divider-JfaTT5 {
  1649.         margin-bottom: -1px; }
  1650.     .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U) {
  1651.       padding: 0 8px 8px 8px; }
  1652.       .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):before, .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):after {
  1653.         margin: -19px 0 0 0; }
  1654.       .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):before {
  1655.         border-width: 16px 0 0 14px; }
  1656.       .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):after {
  1657.         border-width: 0 0 16px 14px; }
  1658.     .wrapper-2a6GCs.compact-T3H92H .header-23xsNx {
  1659.       position: relative;
  1660.       left: -4px; }
  1661.     .wrapper-2a6GCs.compact-T3H92H .timestamp-3ZCmNB {
  1662.       margin-right: 16px;
  1663.       color: var(--text-muted); }
  1664.     .wrapper-2a6GCs.compact-T3H92H + .divider-JfaTT5 {
  1665.       margin-left: 80px; }
  1666.       .wrapper-2a6GCs.compact-T3H92H + .divider-JfaTT5:not(.beforeGroup-1rH1F0) {
  1667.         top: -11px; }
  1668.     .wrapper-2a6GCs.compact-T3H92H .repliedMessage-VokQwo {
  1669.       margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent)); }
  1670.     .wrapper-2a6GCs.compact-T3H92H + .wrapper-2a6GCs.compact-T3H92H:not(.message-2qnXI6) {
  1671.       margin: 16px 20px 0 70px; }
  1672.     .wrapper-2a6GCs.compact-T3H92H .iconContainer-3GkGRf {
  1673.       margin-left: 4.5ch; }
  1674.   .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC {
  1675.     position: relative;
  1676.     background-color: rgba(var(--accent-rgb), 0.15);
  1677.     border-radius: var(--card-radius); }
  1678.     .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC a {
  1679.       color: var(--accent-text-color); }
  1680.     .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC .wrapper-3WhCwL:before {
  1681.       display: none; }
  1682.     .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC .wrapper-3WhCwL:hover {
  1683.       color: var(--accent-text-color); }
  1684.   .wrapper-2a6GCs .iconContainer-3GkGRf {
  1685.     position: relative;
  1686.     width: auto;
  1687.     right: auto;
  1688.     margin-right: 12px; }
  1689.     .wrapper-2a6GCs .iconContainer-3GkGRf .icon-2Po-VO[style*='/assets/c30220457097b064286a8759a9b6c4af.svg'] {
  1690.       background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/phone_called.svg) !important; }
  1691.     .wrapper-2a6GCs .iconContainer-3GkGRf .icon-2Po-VO[style*='/assets/d80d1fdc43a3c42134a31a39581160ac.svg'] {
  1692.       background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/phone_missed.svg) !important; }
  1693.   .wrapper-2a6GCs .channelTextArea-2VhZ6z .scrollableContainer-2NUZem {
  1694.     background-color: var(--main-textarea-color-alt);
  1695.     border-radius: var(--main-textarea-radius); }
  1696.  
  1697. .operations-36ENbA > a {
  1698.   color: var(--accent-color); }
  1699.  
  1700. /* CHAT AREA -> MESSAGES -> ACTIONS */
  1701. .message-2qnXI6 .buttons-cl5qTG {
  1702.   max-width: 32px;
  1703.   opacity: 0;
  1704.   visibility: visible;
  1705.   pointer-events: none;
  1706.   transition: opacity var(--default-time) var(--default-animation), max-width var(--default-time) var(--default-animation) var(--default-time); }
  1707.   .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm {
  1708.     background-color: var(--main-textarea-color);
  1709.     border-radius: 16px;
  1710.     box-shadow: var(--shadow-2dp);
  1711.     border: none;
  1712.     overflow: hidden; }
  1713.     .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm:hover {
  1714.       box-shadow: var(--shadow-3dp); }
  1715.     .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 {
  1716.       transition: var(--default-time) ease all;
  1717.       /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS */ }
  1718.       .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9:hover {
  1719.         background-color: var(--menu-item-hover); }
  1720.       .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9:active {
  1721.         padding: 4px; }
  1722.       .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .selected-LCBEAU {
  1723.         background-color: var(--menu-item-select); }
  1724.       .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa {
  1725.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> ADD REACTION */
  1726.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> START THREAD */
  1727.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> REPLY */
  1728.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> EDIT MESSAGE */
  1729.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> RETRY */
  1730.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> DELETE MESSAGE */
  1731.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> MARK READ */
  1732.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> PIN MESSAGE */
  1733.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> COPY LINK */
  1734.         /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> COPY ID */ }
  1735.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M12.2512 2.00309C12.1677 2.00104 12.084 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.916 21.999 11.8323 21.9969 11.7488C21.3586 11.9128 20.6895 12 20 12C15.5817 12 12 8.41828 12 4C12 3.31052 12.0872 2.6414 12.2512 2.00309ZM10 8C10 6.896 9.104 6 8 6C6.896 6 6 6.896 6 8C6 9.105 6.896 10 8 10C9.104 10 10 9.105 10 8ZM12 19C15.14 19 18 16.617 18 14V13H6V14C6 16.617 8.86 19 12 19Z"] {
  1736.           d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z") !important; }
  1737.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M12.2512 2.00309C12.1677 2.00104 12.084 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.916 21.999 11.8323 21.9969 11.7488C21.3586 11.9128 20.6895 12 20 12C15.5817 12 12 8.41828 12 4C12 3.31052 12.0872 2.6414 12.2512 2.00309ZM10 8C10 6.896 9.104 6 8 6C6.896 6 6 6.896 6 8C6 9.105 6.896 10 8 10C9.104 10 10 9.105 10 8ZM12 19C15.14 19 18 16.617 18 14V13H6V14C6 16.617 8.86 19 12 19Z"] ~ path {
  1738.           display: none; }
  1739.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] {
  1740.           d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z") !important; }
  1741.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M10 8.26667V4L3 11.4667L10 18.9333V14.56C15 14.56 18.5 16.2667 21 20C20 14.6667 17 9.33333 10 8.26667Z"] {
  1742.           d: path("M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9") !important; }
  1743.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M19.2929 9.8299L19.9409 9.18278C21.353 7.77064 21.353 5.47197 19.9409 4.05892C18.5287 2.64678 16.2292 2.64678 14.817 4.05892L14.1699 4.70694L19.2929 9.8299ZM12.8962 5.97688L5.18469 13.6906L10.3085 18.813L18.0201 11.0992L12.8962 5.97688ZM4.11851 20.9704L8.75906 19.8112L4.18692 15.239L3.02678 19.8796C2.95028 20.1856 3.04028 20.5105 3.26349 20.7337C3.48669 20.9569 3.8116 21.046 4.11851 20.9704Z"] {
  1744.           d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z") !important; }
  1745.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M12 2C6.485 2 2 6.485 2 12H5.33333C5.33333 8.32333 8.32333 5.33333 12 5.33333C15.6767 5.33333 18.6667 8.32333 18.6667 12C18.6667 15.6767 15.6767 18.6667 12 18.6667C10.2033 18.6667 8.55833 17.9333 7.315 16.6867L10.3333 13.6667H2V22L4.935 19.065C6.79833 20.94 9.30167 22 12 22C17.515 22 22 17.515 22 12C22 6.48667 17.515 2 12 2Z"] {
  1746.           d: path("M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z") !important; }
  1747.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] {
  1748.           d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z") !important; }
  1749.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] ~ path {
  1750.           display: none; }
  1751.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M14 3H20C21 3 22.0001 4 22.0001 5V19.0003C22.0001 20 21 21 20 21H14C13 21 6 13 6 13H2V11H6C6 11 13 3 14 3Z"] {
  1752.           d: path("M22,6.98V16c0,1.1-0.9,2-2,2H6l-4,4V4c0-1.1,0.9-2,2-2h10.1C14.04,2.32,14,2.66,14,3s0.04,0.68,0.1,1H4v12h16V7.9 C20.74,7.75,21.42,7.42,22,6.98z M16,3c0,1.66,1.34,3,3,3s3-1.34,3-3s-1.34-3-3-3S16,1.34,16,3z") !important; }
  1753.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] {
  1754.           d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z") !important; }
  1755.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"] {
  1756.           d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z") !important; }
  1757.         .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM8.79741 7.72V16H6.74541V7.72H8.79741ZM13.2097 7.72C16.0897 7.72 17.5897 9.388 17.5897 11.848C17.5897 14.308 16.0537 16 13.2577 16H10.3537V7.72H13.2097ZM13.1497 14.404C14.6137 14.404 15.5257 13.636 15.5257 11.86C15.5257 10.12 14.5537 9.316 13.1497 9.316H12.4057V14.404H13.1497Z"] {
  1758.           d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z") !important; }
  1759. .message-2qnXI6.selected-2P5D_Z .buttons-cl5qTG, .message-2qnXI6:hover .buttons-cl5qTG {
  1760.   max-width: 380px;
  1761.   opacity: 1;
  1762.   pointer-events: all; }
  1763.  
  1764. /* CHAT AREA -> MESSAGES -> ACTIONS -> DELETE MESSAGE */
  1765. .message-2qRu38 {
  1766.   padding: 0;
  1767.   background-color: transparent !important;
  1768.   box-shadow: none !important; }
  1769.   .message-2qRu38 .wrapper-2a6GCs {
  1770.     margin: 0 0 0 52px !important;
  1771.     background-color: var(--message-color-alt) !important; }
  1772.     .message-2qRu38 .wrapper-2a6GCs .avatar-1BDn8e {
  1773.       left: -52px !important; }
  1774.  
  1775. .container-2_Tvc_ .control-2BBjec {
  1776.   position: relative;
  1777.   top: 5px; }
  1778.  
  1779. /* CHAT AREA -> MESSAGES -> NEW MESSAGES */
  1780. .barBase-1c2Rfb {
  1781.   left: 0;
  1782.   right: 0;
  1783.   background-color: var(--accent-color);
  1784.   border-radius: 0;
  1785.   box-shadow: var(--shadow-1dp); }
  1786.   .barBase-1c2Rfb .barButtonBase-2uLO1z {
  1787.     color: var(--accent-text-color); }
  1788.  
  1789. .divider-JfaTT5.isUnread-3Ef-o9 {
  1790.   margin: 0 .875rem 0 80px;
  1791.   border-color: var(--accent-color); }
  1792.   .divider-JfaTT5.isUnread-3Ef-o9 .unreadPill-2HyYtt {
  1793.     height: 28px;
  1794.     top: -15px;
  1795.     padding: 0 16px;
  1796.     background-color: var(--accent-color);
  1797.     border-radius: 14px;
  1798.     box-shadow: var(--shadow-3dp);
  1799.     font-size: 14px;
  1800.     font-weight: 500;
  1801.     text-transform: capitalize;
  1802.     color: var(--accent-text-color); }
  1803.     .divider-JfaTT5.isUnread-3Ef-o9 .unreadPill-2HyYtt .unreadPillCap-3_K2q2 {
  1804.       display: none; }
  1805.   .divider-JfaTT5.isUnread-3Ef-o9.hasContent-1cNJDh .content-1o0f9g {
  1806.     background-color: var(--accent-color);
  1807.     color: var(--accent-text-color); }
  1808. .divider-JfaTT5.hasContent-1cNJDh {
  1809.   margin-left: 1rem; }
  1810.  
  1811. /* CHAT AREA -> MESSAGES -> JUMP TO BUTTON */
  1812. .jumpToPresentBar-G1R9s6 {
  1813.   width: 48px;
  1814.   height: 48px;
  1815.   border-radius: 50%;
  1816.   left: auto;
  1817.   right: 20px;
  1818.   bottom: 20px;
  1819.   padding: 0;
  1820.   background: var(--accent-color) !important;
  1821.   box-shadow: var(--shadow-3dp); }
  1822.   .jumpToPresentBar-G1R9s6:active {
  1823.     margin: 0 !important; }
  1824.   .jumpToPresentBar-G1R9s6:after {
  1825.     content: " ";
  1826.     position: absolute;
  1827.     width: 48px;
  1828.     height: 48px;
  1829.     bottom: 0;
  1830.     right: 0;
  1831.     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNDEsOC41OEwxMiwxMy4xN0wxNi41OSw4LjU4TDE4LDEwTDEyLDE2TDYsMTBMNy40MSw4LjU4WiIgLz48L3N2Zz4=);
  1832.     background-repeat: no-repeat;
  1833.     background-size: 75%;
  1834.     background-color: transparent;
  1835.     background-position: 7px 7px;
  1836.     border-radius: 50%; }
  1837.   .jumpToPresentBar-G1R9s6 button {
  1838.     opacity: 0;
  1839.     z-index: 2; }
  1840.     .jumpToPresentBar-G1R9s6 button:first-child {
  1841.       width: 56px; }
  1842.     .jumpToPresentBar-G1R9s6 button:last-child {
  1843.       display: none; }
  1844.  
  1845. .messagesErrorBar-nyJGU7 {
  1846.   width: auto;
  1847.   height: 36px;
  1848.   left: auto;
  1849.   right: 16px;
  1850.   bottom: 12px;
  1851.   padding: 0;
  1852.   border-radius: 18px;
  1853.   box-shadow: var(--shadow-2dp);
  1854.   transition: var(--default-time) var(--default-animation) box-shadow; }
  1855.   .messagesErrorBar-nyJGU7:hover {
  1856.     box-shadow: var(--shadow-3dp); }
  1857.   .messagesErrorBar-nyJGU7 .barButtonMain-3K-jeJ {
  1858.     min-width: 36px;
  1859.     padding: 0 18px 0 12px;
  1860.     flex: 0 1 auto; }
  1861.     .messagesErrorBar-nyJGU7 .barButtonMain-3K-jeJ:after {
  1862.       position: absolute;
  1863.       content: "|";
  1864.       width: 4px;
  1865.       height: 100%;
  1866.       top: 0;
  1867.       right: 0; }
  1868.  
  1869. /* CHAT AREA -> MESSAGES -> MARKUP */
  1870. .markup-2BOw-j a {
  1871.   color: var(--accent-color); }
  1872. .markup-2BOw-j .wrapper-3WhCwL {
  1873.   position: relative;
  1874.   background-color: rgba(var(--accent-rgb), 0.1);
  1875.   border-radius: var(--card-radius);
  1876.   color: var(--accent-color); }
  1877.   .markup-2BOw-j .wrapper-3WhCwL:hover {
  1878.     background-color: rgba(var(--accent-rgb), 0.3); }
  1879. .markup-2BOw-j pre, .markup-2BOw-j pre *, .markup-2BOw-j pre code, .markup-2BOw-j pre code *, .markup-2BOw-j code.inline, .markup-2BOw-j .codeBlockText-9TnoxQ, .markup-2BOw-j .codeBlockText-9TnoxQ *, .markup-2BOw-j .codeLine-14BKbG, .markup-2BOw-j .codeLine-14BKbG *, .markup-2BOw-j .codeBlockLang-O_f4hr, .markup-2BOw-j .codeBlockLang-O_f4hr *, .markup-2BOw-j .codeBlockSyntax-2i-tMA, .markup-2BOw-j .codeBlockSyntax-2i-tMA *, .markup-2BOw-j .syntaxAfter-hcA4AH, .markup-2BOw-j .syntaxAfter-hcA4AH *, .markup-2BOw-j .syntaxBefore-1YQ9lW, .markup-2BOw-j .syntaxBefore-1YQ9lW {
  1880.   font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace !important; }
  1881. .markup-2BOw-j pre,
  1882. .markup-2BOw-j pre code,
  1883. .markup-2BOw-j code.inline {
  1884.   background-color: var(--attachment-color);
  1885.   border-radius: var(--card-radius);
  1886.   border: none; }
  1887.   .markup-2BOw-j pre code,
  1888.   .markup-2BOw-j pre code code,
  1889.   .markup-2BOw-j code.inline code {
  1890.     background-color: transparent; }
  1891. .markup-2BOw-j pre,
  1892. .markup-2BOw-j code.inline {
  1893.   margin: 4px 0; }
  1894.  
  1895. /* CHAT AREA -> MESSAGES -> SPOILERS */
  1896. .spoilerText-3p6IlD, .spoilerText-3p6IlD.hidden-HHr2R9 {
  1897.   background-color: var(--attachment-color) !important; }
  1898.  
  1899. /* CHAT AREA -> MESSAGES -> REACTIONS */
  1900. .reactions-12N0jA {
  1901.   margin: 8px 0 0 0; }
  1902.   .reactions-12N0jA .reaction-1hd86g {
  1903.     background-color: var(--menu-item-hover);
  1904.     border-radius: 10px; }
  1905.     .reactions-12N0jA .reaction-1hd86g.reactionMe-wv5HKu {
  1906.       background-color: rgba(var(--accent-rgb), 0.3); }
  1907.       .reactions-12N0jA .reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV {
  1908.         color: var(--accent-text-color);
  1909.         font-weight: 400; }
  1910.  
  1911. /* CHAT AREA -> MESSAGES -> ATTACHMENTS */
  1912. .attachment-33OFj0 {
  1913.   background-color: var(--attachment-color);
  1914.   border-radius: var(--message-radius);
  1915.   border: none; }
  1916.   .attachment-33OFj0 .downloadWrapper-vhAtLx {
  1917.     position: relative; }
  1918.     .attachment-33OFj0 .downloadWrapper-vhAtLx:after {
  1919.       content: " ";
  1920.       position: absolute;
  1921.       width: 100%;
  1922.       height: 100%;
  1923.       top: 0;
  1924.       left: 0;
  1925.       background-color: rgba(var(--md-ripple-color), 0.1);
  1926.       border-radius: 50%;
  1927.       opacity: 0;
  1928.       pointer-events: none;
  1929.       transform: scale(1.2);
  1930.       transition: 300ms ease;
  1931.       z-index: 4; }
  1932.     .attachment-33OFj0 .downloadWrapper-vhAtLx:hover:after {
  1933.       opacity: 1;
  1934.       transform: scale(1.4);
  1935.       animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1936.     .attachment-33OFj0 .downloadWrapper-vhAtLx:active:after {
  1937.       background-color: rgba(var(--md-ripple-color), 0.2); }
  1938.   .attachment-33OFj0 .downloadButton-23tKQp {
  1939.     margin-left: 0; }
  1940.     .attachment-33OFj0 .downloadButton-23tKQp path {
  1941.       d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z") !important; }
  1942.  
  1943. .progress-3Rbvu0 {
  1944.   background-color: rgba(var(--accent-rgb), 0.3) !important; }
  1945.   .progress-3Rbvu0 .progressBar-3u8FBM {
  1946.     background-color: var(--accent-color) !important; }
  1947.  
  1948. .embed-IeVjo6 {
  1949.   border-radius: var(--message-radius); }
  1950.   .embed-IeVjo6.embedFull-2tM8-- {
  1951.     background-color: var(--attachment-color); }
  1952.  
  1953. .wrapper-35wsBm {
  1954.   background-color: var(--attachment-color);
  1955.   border-radius: var(--message-radius); }
  1956.   .wrapper-35wsBm .header-2BTCnc {
  1957.     font-size: 14px;
  1958.     text-transform: none; }
  1959.   .wrapper-35wsBm .guildIcon-lQ0uiM {
  1960.     border-radius: 50%; }
  1961.  
  1962. /* CHAT AREA -> MESSAGES -> ATTACHMENTS -> AUDIO FILE */
  1963. .wrapperAudio-1jDe0Q {
  1964.   padding: 0;
  1965.   background-color: var(--attachment-color) !important;
  1966.   border-radius: var(--message-radius);
  1967.   border: none; }
  1968.   .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv {
  1969.     padding: 8px; }
  1970.     .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb {
  1971.       position: relative; }
  1972.       .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb:after {
  1973.         content: " ";
  1974.         position: absolute;
  1975.         width: 100%;
  1976.         height: 100%;
  1977.         top: 0;
  1978.         left: 0;
  1979.         background-color: rgba(var(--md-ripple-color), 0.1);
  1980.         border-radius: 50%;
  1981.         opacity: 0;
  1982.         pointer-events: none;
  1983.         transform: scale(1.2);
  1984.         transition: 300ms ease;
  1985.         z-index: 4; }
  1986.       .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb:hover:after {
  1987.         opacity: 1;
  1988.         transform: scale(1.4);
  1989.         animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  1990.       .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb:active:after {
  1991.         background-color: rgba(var(--md-ripple-color), 0.2); }
  1992.     .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .metadataIcon-2FyCKU path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] {
  1993.       d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z"); }
  1994.   .wrapperAudio-1jDe0Q .audioControls-2HsaU6 {
  1995.     margin-top: 0;
  1996.     background-color: transparent;
  1997.     border-radius: 0;
  1998.     border-top: 1px solid var(--card-border-color); }
  1999.     .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .controlIcon-3cRbti {
  2000.       padding: 8px; }
  2001.     .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarGrabber-1FqnbN, .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarGrabber-1FqnbN:before, .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarGrabber-1FqnbN:after,
  2002.     .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarProgress-1xaPtl,
  2003.     .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarProgress-1xaPtl:before,
  2004.     .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarProgress-1xaPtl:after {
  2005.       background-color: var(--accent-color); }
  2006.     .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .fakeEdges-27pgtp:before, .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .fakeEdges-27pgtp:after {
  2007.       border-radius: 0; }
  2008.  
  2009. /* CHAT AREA -> MESSAGES -> ATTACHMENTS -> EMOJI SELLUP */
  2010. .popoutContainer-1MXdqN {
  2011.   background-color: var(--popout-color) !important;
  2012.   border-radius: var(--popout-radius-big) !important;
  2013.   box-shadow: var(--shadow-3dp) !important; }
  2014.   .popoutContainer-1MXdqN .emojiSection-3Fb9ix,
  2015.   .popoutContainer-1MXdqN .guildSection-1EoFKd {
  2016.     background-color: transparent; }
  2017.   .popoutContainer-1MXdqN .guildSection-1EoFKd {
  2018.     border-top: 1px solid var(--card-border-color); }
  2019.  
  2020. .container-JHR0NT {
  2021.   z-index: 2; }
  2022.   .container-JHR0NT .stickerResults-3HacYG {
  2023.     padding: 16px 16px 8px; }
  2024.   .container-JHR0NT .bottomInformationTextContainer-2lvA_a {
  2025.     padding: 8px 16px 8px;
  2026.     border-top: 1px solid var(--card-border-color); }
  2027.     .container-JHR0NT .bottomInformationTextContainer-2lvA_a .textDivider-3RoZIQ {
  2028.       display: none; }
  2029.   .container-JHR0NT .containerBackground-LlUax5 {
  2030.     background-color: var(--popout-color);
  2031.     border-radius: var(--popout-radius-big);
  2032.     box-shadow: var(--shadow-3dp);
  2033.     border: none; }
  2034.     .container-JHR0NT .containerBackground-LlUax5:after {
  2035.       border-top-color: var(--popout-color); }
  2036.  
  2037. /* CHAT AREA -> MESSAGES -> ATTACHMENTS -> IMAGES */
  2038. .imageWrapper-2p5ogY.embedWrapper-lXpS3L {
  2039.   border-radius: var(--message-radius); }
  2040.  
  2041. .embedMedia-1guQoW {
  2042.   border-radius: var(--message-radius); }
  2043.  
  2044. .spoilerContainer-331r0R {
  2045.   border-radius: var(--message-radius);
  2046.   box-shadow: none !important; }
  2047.  
  2048. /* CHAT AREA -> MAIN TEXTAREA */
  2049. .form-2fGMdU,
  2050. .form-3uUEen {
  2051.   margin-top: 0;
  2052.   background-color: var(--chat-color); }
  2053.   .form-2fGMdU:before,
  2054.   .form-3uUEen:before {
  2055.     display: none; }
  2056.   .form-2fGMdU .channelTextArea-rNsIhG,
  2057.   .form-2fGMdU .channelTextArea-2ZBawt,
  2058.   .form-3uUEen .channelTextArea-rNsIhG,
  2059.   .form-3uUEen .channelTextArea-2ZBawt {
  2060.     margin: 12px 0;
  2061.     background-color: transparent;
  2062.     border-radius: var(--main-textarea-radius); }
  2063.     .form-2fGMdU .channelTextArea-rNsIhG.channelTextAreaDisabled-8rmlrp,
  2064.     .form-2fGMdU .channelTextArea-2ZBawt.channelTextAreaDisabled-8rmlrp,
  2065.     .form-3uUEen .channelTextArea-rNsIhG.channelTextAreaDisabled-8rmlrp,
  2066.     .form-3uUEen .channelTextArea-2ZBawt.channelTextAreaDisabled-8rmlrp {
  2067.       opacity: 0.8; }
  2068.     .form-2fGMdU .channelTextArea-rNsIhG .scrollableContainer-2NUZem,
  2069.     .form-2fGMdU .channelTextArea-2ZBawt .scrollableContainer-2NUZem,
  2070.     .form-3uUEen .channelTextArea-rNsIhG .scrollableContainer-2NUZem,
  2071.     .form-3uUEen .channelTextArea-2ZBawt .scrollableContainer-2NUZem {
  2072.       background-color: var(--main-textarea-color);
  2073.       border-radius: var(--main-textarea-radius);
  2074.       border: 1px solid var(--main-textarea-border);
  2075.       opacity: 1; }
  2076.       .form-2fGMdU .channelTextArea-rNsIhG .scrollableContainer-2NUZem.hasReply-16cIUP,
  2077.       .form-2fGMdU .channelTextArea-2ZBawt .scrollableContainer-2NUZem.hasReply-16cIUP,
  2078.       .form-3uUEen .channelTextArea-rNsIhG .scrollableContainer-2NUZem.hasReply-16cIUP,
  2079.       .form-3uUEen .channelTextArea-2ZBawt .scrollableContainer-2NUZem.hasReply-16cIUP {
  2080.         border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); }
  2081.     .form-2fGMdU .channelTextArea-rNsIhG .container-2fRDfG,
  2082.     .form-2fGMdU .channelTextArea-2ZBawt .container-2fRDfG,
  2083.     .form-3uUEen .channelTextArea-rNsIhG .container-2fRDfG,
  2084.     .form-3uUEen .channelTextArea-2ZBawt .container-2fRDfG {
  2085.       border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
  2086.       border: 1px solid var(--main-textarea-border);
  2087.       border-bottom: none; }
  2088.       .form-2fGMdU .channelTextArea-rNsIhG .container-2fRDfG .colorBrand-2tjs5J,
  2089.       .form-2fGMdU .channelTextArea-2ZBawt .container-2fRDfG .colorBrand-2tjs5J,
  2090.       .form-3uUEen .channelTextArea-rNsIhG .container-2fRDfG .colorBrand-2tjs5J,
  2091.       .form-3uUEen .channelTextArea-2ZBawt .container-2fRDfG .colorBrand-2tjs5J {
  2092.         color: var(--accent-color); }
  2093.   .form-2fGMdU .attachButtonPlus-jWVFah,
  2094.   .form-3uUEen .attachButtonPlus-jWVFah {
  2095.     d: path("M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z") !important; }
  2096.   .form-2fGMdU .typing-2GQL18,
  2097.   .form-3uUEen .typing-2GQL18 {
  2098.     position: absolute;
  2099.     width: 100%;
  2100.     top: -24px;
  2101.     left: 0;
  2102.     background-color: var(--typing-color);
  2103.     transition: 200ms ease-in-out; }
  2104.   .form-2fGMdU .button-38aScr.lookBlank-3eh9lL,
  2105.   .form-3uUEen .button-38aScr.lookBlank-3eh9lL {
  2106.     background-color: transparent !important; }
  2107.  
  2108. .wrapper-39oAo3 {
  2109.   height: 44px;
  2110.   margin: 12px 0;
  2111.   padding: 0;
  2112.   background-color: var(--main-textarea-color);
  2113.   border: 1px solid var(--main-textarea-border);
  2114.   border-radius: var(--main-textarea-radius); }
  2115.  
  2116. .fakeLink-26oLcc {
  2117.   color: var(--accent-color); }
  2118.  
  2119. /*
  2120.  *
  2121.  *  USER STATUS
  2122.  *
  2123.  */
  2124. .panels-j1Uci_ {
  2125.   background-color: transparent; }
  2126.   .panels-j1Uci_ .container-6sXIoE,
  2127.   .panels-j1Uci_ .container-3baos1,
  2128.   .panels-j1Uci_ .panel-24C3ux {
  2129.     margin-bottom: 0; }
  2130.   .panels-j1Uci_ .container-6sXIoE,
  2131.   .panels-j1Uci_ .panel-24C3ux,
  2132.   .panels-j1Uci_ .container-1giJp5 {
  2133.     background-color: var(--sidebar-panel-color); }
  2134.   .panels-j1Uci_ .container-6sXIoE,
  2135.   .panels-j1Uci_ .container-1giJp5 {
  2136.     border-bottom: none; }
  2137.   .panels-j1Uci_ .container-6sXIoE + .wrapper-24pKcD .container-1giJp5,
  2138.   .panels-j1Uci_ .panel-24C3ux + .container-6sXIoE {
  2139.     border-top: 1px solid var(--background-modifier-accent); }
  2140.   .panels-j1Uci_ .container-1giJp5 .button-14-BFJ,
  2141.   .panels-j1Uci_ .container-6sXIoE .button-14-BFJ {
  2142.     background-color: transparent !important;
  2143.     position: relative; }
  2144.     .panels-j1Uci_ .container-1giJp5 .button-14-BFJ:after,
  2145.     .panels-j1Uci_ .container-6sXIoE .button-14-BFJ:after {
  2146.       content: " ";
  2147.       position: absolute;
  2148.       width: 100%;
  2149.       height: 100%;
  2150.       top: 0;
  2151.       left: 0;
  2152.       background-color: rgba(var(--md-ripple-color), 0.1);
  2153.       border-radius: 50%;
  2154.       opacity: 0;
  2155.       pointer-events: none;
  2156.       transform: scale(1.2);
  2157.       transition: 300ms ease;
  2158.       z-index: 4; }
  2159.     .panels-j1Uci_ .container-1giJp5 .button-14-BFJ:hover:after,
  2160.     .panels-j1Uci_ .container-6sXIoE .button-14-BFJ:hover:after {
  2161.       opacity: 1;
  2162.       transform: scale(1.1);
  2163.       animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2164.     .panels-j1Uci_ .container-1giJp5 .button-14-BFJ:active:after,
  2165.     .panels-j1Uci_ .container-6sXIoE .button-14-BFJ:active:after {
  2166.       background-color: rgba(var(--md-ripple-color), 0.2); }
  2167.   .panels-j1Uci_ .container-1giJp5 .button-14-BFJ path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] {
  2168.     d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z") !important; }
  2169.   .panels-j1Uci_ .container-3baos1 {
  2170.     height: 70px;
  2171.     background-color: var(--status-picker-color);
  2172.     /* USER STATUS -> ICONS */ }
  2173.     .panels-j1Uci_ .container-3baos1 .button-14-BFJ {
  2174.       background-color: transparent !important;
  2175.       border-radius: 50%;
  2176.       position: relative;
  2177.       color: var(--interactive-normal) !important; }
  2178.       .panels-j1Uci_ .container-3baos1 .button-14-BFJ:after {
  2179.         content: " ";
  2180.         position: absolute;
  2181.         width: 100%;
  2182.         height: 100%;
  2183.         top: 0;
  2184.         left: 0;
  2185.         background-color: rgba(var(--md-ripple-color), 0.1);
  2186.         border-radius: 50%;
  2187.         opacity: 0;
  2188.         pointer-events: none;
  2189.         transform: scale(1.2);
  2190.         transition: 300ms ease;
  2191.         z-index: 4; }
  2192.       .panels-j1Uci_ .container-3baos1 .button-14-BFJ:hover:after {
  2193.         opacity: 1;
  2194.         transform: scale(1.1);
  2195.         animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2196.       .panels-j1Uci_ .container-3baos1 .button-14-BFJ:active:after {
  2197.         background-color: rgba(var(--md-ripple-color), 0.2); }
  2198.       .panels-j1Uci_ .container-3baos1 .button-14-BFJ:hover {
  2199.         color: var(--interactive-hover) !important; }
  2200.       .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path {
  2201.         /* USER STATUS -> ICONS -> MUTE */
  2202.         /* USER STATUS -> ICONS -> UNMUTE */
  2203.         /* USER STATUS -> ICONS -> DEAFEN */
  2204.         /* USER STATUS -> ICONS -> UNDEAFEN */
  2205.         /* USER STATUS -> ICONS -> SETTINGS */ }
  2206.         .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] {
  2207.           d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z") !important; }
  2208.         .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] ~ path {
  2209.           display: none; }
  2210.         .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
  2211.           d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86") !important; }
  2212.         .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path {
  2213.           display: none; }
  2214.         .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M12 2.00305C6.486 2.00305 2 6.48805 2 12.0031V20.0031C2 21.1071 2.895 22.0031 4 22.0031H6C7.104 22.0031 8 21.1071 8 20.0031V17.0031C8 15.8991 7.104 15.0031 6 15.0031H4V12.0031C4 7.59105 7.589 4.00305 12 4.00305C16.411 4.00305 20 7.59105 20 12.0031V15.0031H18C16.896 15.0031 16 15.8991 16 17.0031V20.0031C16 21.1071 16.896 22.0031 18 22.0031H20C21.104 22.0031 22 21.1071 22 20.0031V12.0031C22 6.48805 17.514 2.00305 12 2.00305Z"] {
  2215.           d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z") !important; }
  2216.         .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] {
  2217.           d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z") !important; }
  2218.         .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] ~ path {
  2219.           display: none; }
  2220.         .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] {
  2221.           d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; }
  2222.  
  2223. /* USER STATUS -> STATUS PICKER */
  2224. .layer-v9HyYc[style*="left: 80px; bottom: 6"] {
  2225.   top: initial !important;
  2226.   left: 72px !important;
  2227.   bottom: 68px !important; }
  2228.  
  2229. .menu-3sdvDG#status-picker {
  2230.   width: 240px;
  2231.   min-height: 68px;
  2232.   background-color: var(--sidebar-panel-color);
  2233.   border-radius: 0;
  2234.   box-shadow: none;
  2235.   animation: show-status var(--default-time) var(--default-animation); }
  2236.   .menu-3sdvDG#status-picker .scroller-3BxosC {
  2237.     padding: 0; }
  2238.     .menu-3sdvDG#status-picker .scroller-3BxosC::-webkit-scrollbar {
  2239.       width: 0 !important; }
  2240.   .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) {
  2241.     position: relative;
  2242.     display: inline-block;
  2243.     width: 60px;
  2244.     height: 68px;
  2245.     margin: 0;
  2246.     border-radius: 0;
  2247.     font-size: 0;
  2248.     overflow: hidden;
  2249.     animation: status 300ms var(--default-animation) backwards; }
  2250.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-online {
  2251.       animation-delay: 100ms; }
  2252.       .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-online .statusItem-33LqPf {
  2253.         background-color: #43b581; }
  2254.       .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-online .status-1fhblQ {
  2255.         background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/check_dark.svg); }
  2256.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle {
  2257.       animation-delay: 140ms; }
  2258.       .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle .statusItem-33LqPf {
  2259.         background-color: #faa61a; }
  2260.       .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle .status-1fhblQ {
  2261.         background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/alarm_dark.svg); }
  2262.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd {
  2263.       animation-delay: 180ms; }
  2264.       .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd .statusItem-33LqPf {
  2265.         background-color: #f04747; }
  2266.       .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd .status-1fhblQ {
  2267.         background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/remove_dark.svg); }
  2268.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible {
  2269.       animation-delay: 220ms; }
  2270.       .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible .statusItem-33LqPf {
  2271.         background-color: #747f8d; }
  2272.       .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible .status-1fhblQ {
  2273.         background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/visibility_off_dark.svg); }
  2274.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .statusItem-33LqPf {
  2275.       position: absolute;
  2276.       display: block;
  2277.       width: 40px;
  2278.       height: 40px;
  2279.       top: 0;
  2280.       left: 0;
  2281.       right: 0;
  2282.       bottom: 0;
  2283.       margin: auto;
  2284.       padding: 0;
  2285.       border-radius: 50%;
  2286.       transition: var(--default-time) var(--default-animation); }
  2287.       .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .statusItem-33LqPf .description-2L932D {
  2288.         display: none; }
  2289.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status):hover .statusItem-33LqPf {
  2290.       transform: scale(2.25); }
  2291.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status):hover .status-1fhblQ {
  2292.       opacity: 0.65; }
  2293.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status).focused-3afm-j {
  2294.       background-color: transparent; }
  2295.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .icon-1IxfJ2 {
  2296.       display: none; }
  2297.     .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .status-1fhblQ {
  2298.       display: block;
  2299.       position: absolute;
  2300.       width: 15px;
  2301.       height: 15px;
  2302.       top: 0;
  2303.       left: 0;
  2304.       right: 0;
  2305.       bottom: 0;
  2306.       margin: auto;
  2307.       background-size: 100%;
  2308.       background-position: center;
  2309.       background-repeat: no-repeat;
  2310.       opacity: 0;
  2311.       transition: var(--default-time) var(--default-animation);
  2312.       font-size: 0; }
  2313.   .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status {
  2314.     margin-top: -3px;
  2315.     margin-bottom: 0;
  2316.     background-color: var(--menu-item-hover);
  2317.     border-radius: 0;
  2318.     transition: var(--default-time) var(--default-animation) background-color; }
  2319.     .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status.focused-3afm-j {
  2320.       background-color: var(--menu-item-hover);
  2321.       color: var(--interactive-normal); }
  2322.     .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status .statusItem-33LqPf {
  2323.       min-height: 28px;
  2324.       padding: 4px 12px;
  2325.       grid-template-rows: 28px 1fr;
  2326.       grid-temaplte-columns: 28px 1fr; }
  2327.       .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status .statusItem-33LqPf .customEmoji-2_2FwB {
  2328.         margin-left: 0; }
  2329.   .menu-3sdvDG#status-picker .separator-2I32lJ {
  2330.     display: none; }
  2331.  
  2332. body:active .menu-3sdvDG#status-picker:not(:active) {
  2333.   opacity: 0;
  2334.   transform: translateY(100%);
  2335.   transition: 200ms var(--default-animation) !important; }
  2336.  
  2337. .emojiButtonContainer-3d6DFV {
  2338.   margin: 0;
  2339.   z-index: 2; }
  2340.   .emojiButtonContainer-3d6DFV + .inputWrapper-31_8H8 .input-cIJ7To {
  2341.     padding-left: 32px; }
  2342.  
  2343. .menu-3sdvDG#activity-popout {
  2344.   background-color: var(--popout-color);
  2345.   border-radius: var(--popout-radius);
  2346.   box-shadow: var(--shadow-3dp); }
  2347.   .menu-3sdvDG#activity-popout .scroller-3BxosC {
  2348.     padding: 8px 0;
  2349.     padding-right: 0 !important; }
  2350.     .menu-3sdvDG#activity-popout .scroller-3BxosC::-webkit-scrollbar {
  2351.       width: 0 !important; }
  2352.     .menu-3sdvDG#activity-popout .scroller-3BxosC .activityItem-1pRGhE {
  2353.       margin: 0;
  2354.       border-radius: 0;
  2355.       transition: var(--default-time) var(--default-animation) background-color; }
  2356.       .menu-3sdvDG#activity-popout .scroller-3BxosC .activityItem-1pRGhE:hover {
  2357.         background-color: var(--menu-item-hover); }
  2358.     .menu-3sdvDG#activity-popout .scroller-3BxosC .separator-2I32lJ {
  2359.       margin: 8px 0;
  2360.       border-bottom-color: var(--separator-color); }
  2361.   .menu-3sdvDG#activity-popout .betaTag-F_ncuo {
  2362.     padding: 0 6px;
  2363.     background-color: var(--accent-color);
  2364.     color: var(--accent-text-color);
  2365.     font-size: 13px;
  2366.     text-transform: none; }
  2367.  
  2368. /*
  2369.  *
  2370.  *  VOICE CONNECTED
  2371.  *
  2372.  */
  2373. .rtcConnectionStatusConnected-VRZDjy {
  2374.   background-color: transparent !important;
  2375.   color: var(--success-color) !important; }
  2376.  
  2377. /* VOICE CONNECTED -> RTC CONNECTION */
  2378. .container-2x5lvQ {
  2379.   background-color: var(--popout-color);
  2380.   border-radius: var(--popout-radius-big);
  2381.   box-shadow: var(--shadow-3dp); }
  2382.   .container-2x5lvQ .header-2C89wJ,
  2383.   .container-2x5lvQ section {
  2384.     background-color: transparent !important; }
  2385.   .container-2x5lvQ .header-2C89wJ {
  2386.     border-bottom: 1px solid var(--popout-header-border);
  2387.     text-transform: none;
  2388.     justify-content: left; }
  2389.  
  2390. /* VOICE CONNECTED -> NOISE SUPPRESSION */
  2391. .noiseCancellationPopout-iRK2A0 {
  2392.   background-color: var(--popout-color);
  2393.   border-radius: var(--popout-radius-big);
  2394.   box-shadow: var(--shadow-3dp); }
  2395.   .noiseCancellationPopout-iRK2A0 .micTestButton-m2rQFo {
  2396.     width: 64px; }
  2397.  
  2398. /* VOICE CONNECTED -> BUTTONS */
  2399. .actionButtons-14eAc_ .button-38aScr .buttonIcon-Od8mYw path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  2400.   d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); }
  2401. .actionButtons-14eAc_ .button-38aScr .buttonIcon-Od8mYw path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] {
  2402.   d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z"); }
  2403.  
  2404. /*
  2405.  *
  2406.  *  SCREEN SHARE
  2407.  *
  2408.  */
  2409. .modalSize-cqUaws .segmentContainer-3izQ9Z {
  2410.   border-bottom: 1px solid var(--card-border-color); }
  2411.   .modalSize-cqUaws .segmentContainer-3izQ9Z .divider-3upnin {
  2412.     display: none; }
  2413.   .modalSize-cqUaws .segmentContainer-3izQ9Z .segmentControlOption-1vCKaY.selected-P8xTeN {
  2414.     border-bottom: none !important;
  2415.     position: relative; }
  2416.     .modalSize-cqUaws .segmentContainer-3izQ9Z .segmentControlOption-1vCKaY.selected-P8xTeN:after {
  2417.       position: absolute;
  2418.       content: " ";
  2419.       width: 100%;
  2420.       height: 3px;
  2421.       left: 0;
  2422.       right: 0;
  2423.       bottom: 0;
  2424.       margin: 0 auto;
  2425.       background: var(--tab-border-color);
  2426.       border-radius: 3px 3px 0 0;
  2427.       transition: var(--default-time) ease all; }
  2428. .modalSize-cqUaws .tile-2w4k5N:hover .sourceThumbnail-27dolk {
  2429.   box-shadow: inset 0 0 0 2px var(--accent-color); }
  2430. .modalSize-cqUaws .card-2Mz_4z {
  2431.   padding: 6px 4px 6px 8px;
  2432.   background-color: var(--input-color);
  2433.   border-radius: 22px;
  2434.   border: none; }
  2435.   .modalSize-cqUaws .card-2Mz_4z .changeButton-278ZT6, .modalSize-cqUaws .card-2Mz_4z .changeButton-278ZT6:after {
  2436.     border-radius: 18px !important; }
  2437. .modalSize-cqUaws .group-2dAfBy {
  2438.   border-radius: 16px;
  2439.   border: 1px solid var(--card-border-color);
  2440.   overflow: hidden; }
  2441.   .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed {
  2442.     border: none !important;
  2443.     transition: var(--default-time) var(--default-animation) background-color; }
  2444.     .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed:hover {
  2445.       background-color: var(--menu-item-hover); }
  2446.     .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed.selectorButtonSelected-t5V9On {
  2447.       background-color: var(--menu-item-select); }
  2448.     .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed .selectorText-2I7fQU {
  2449.       color: var(--menu-item-text-color); }
  2450.  
  2451. /*
  2452.  *
  2453.  *  PICTURE IN PICTURE
  2454.  *
  2455.  */
  2456. .elevationHigh-3A9Xbf,
  2457. .pictureInPictureWindow-1B5qSe {
  2458.   border-radius: var(--popout-radius-big);
  2459.   box-shadow: var(--shadow-3dp) !important; }
  2460.  
  2461. .pictureInPictureVideo-2iKsGg {
  2462.   background-color: var(--popout-color);
  2463.   border-radius: var(--popout-radius-big);
  2464.   box-shadow: var(--shadow-3dp);
  2465.   /* PiP -> CONTROLS */ }
  2466.   .pictureInPictureVideo-2iKsGg .videoControls-38i4kP {
  2467.     /* PiP -> CONTROLS -> VIEWERS */ }
  2468.     .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path {
  2469.       /* PiP -> CONTROLS -> TURN ON CAMERA */
  2470.       /* PiP -> CONTROLS -> SETTINGS */
  2471.       /* PiP -> CONTROLS -> STOP SCREEN SHARE */ }
  2472.       .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
  2473.         d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); }
  2474.       .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] {
  2475.         d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"); }
  2476.       .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] {
  2477.         d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z"); }
  2478.     .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .viewersIcon-F76mss path {
  2479.       d: path("M12 6.5c3.79 0 7.17 2.13 8.82 5.5-1.65 3.37-5.02 5.5-8.82 5.5S4.83 15.37 3.18 12C4.83 8.63 8.21 6.5 12 6.5m0-2C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5m0-2c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5z"); }
  2480.  
  2481. /*
  2482.  *
  2483.  *  USER SETTINGS
  2484.  *
  2485.  */
  2486. .layer-3QrUeG,
  2487. .standardSidebarView-3F1I7i {
  2488.   background-color: transparent; }
  2489.  
  2490. .sidebarRegionScroller-3MXcoP {
  2491.   background-color: var(--main-alt); }
  2492.  
  2493. .contentRegion-3nDuYy {
  2494.   background-color: var(--main-color); }
  2495.   .contentRegion-3nDuYy .contentRegionScroller-26nc1e {
  2496.     background-color: transparent; }
  2497.  
  2498. .h2-2gWE-o {
  2499.   text-transform: none;
  2500.   font-weight: 500; }
  2501.  
  2502. .divider-3573oO {
  2503.   border-top-color: var(--card-border-color); }
  2504.  
  2505. .layer-3QrUeG.animating {
  2506.   pointer-events: initial !important;
  2507.   will-change: transform, opacity; }
  2508.  
  2509. [class*="theme-"] .standardSidebarView-3F1I7i {
  2510.   backface-visibility: hidden; }
  2511.  
  2512. .layer-3QrUeG {
  2513.   transform: none !important;
  2514.   transition: 300ms var(--default-animation) all;
  2515.   backface-visibility: hidden; }
  2516.  
  2517. .layer-3QrUeG.animating-rRxada {
  2518.   transform: none !important; }
  2519.  
  2520. .layer-3QrUeG.stop-animations:first-of-type {
  2521.   transform: scale(0.95) !important;
  2522.   opacity: 0 !important; }
  2523.  
  2524. .layer-3QrUeG + .layer-3QrUeG {
  2525.   transform: scale(1.1) !important;
  2526.   opacity: 0 !important;
  2527.   pointer-events: none !important;
  2528.   transition: 300ms var(--default-animation) all, 150ms ease opacity; }
  2529.  
  2530. .layer-3QrUeG.stop-animations ~ .layer-3QrUeG {
  2531.   pointer-events: initial !important;
  2532.   transform: none !important;
  2533.   opacity: 1 !important;
  2534.   animation: opensettings 300ms var(--default-animation); }
  2535.  
  2536. @keyframes opensettings {
  2537.   0% {
  2538.     transform: scale(1.1);
  2539.     opacity: 0; } }
  2540. .closeButton-1tv5uR {
  2541.   position: relative;
  2542.   border: none; }
  2543.   .closeButton-1tv5uR:after {
  2544.     content: " ";
  2545.     position: absolute;
  2546.     width: 100%;
  2547.     height: 100%;
  2548.     top: 0;
  2549.     left: 0;
  2550.     background-color: rgba(var(--md-ripple-color), 0.1);
  2551.     border-radius: 50%;
  2552.     opacity: 0;
  2553.     pointer-events: none;
  2554.     transform: scale(1.2);
  2555.     transition: 300ms ease;
  2556.     z-index: 4; }
  2557.   .closeButton-1tv5uR:hover:after {
  2558.     opacity: 1;
  2559.     transform: scale(1.2);
  2560.     animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2561.   .closeButton-1tv5uR:active:after {
  2562.     background-color: rgba(var(--md-ripple-color), 0.2); }
  2563.   .closeButton-1tv5uR:hover {
  2564.     background-color: transparent !important; }
  2565.   .closeButton-1tv5uR:active {
  2566.     transform: translateX(0px); }
  2567.  
  2568. .keybind-KpFkfr {
  2569.   color: var(--text-muted) !important; }
  2570.  
  2571. /* USER SETTINGS -> MY ACCOUNT */
  2572. .contentColumnDefault-1VQkGM > div:not([class]):first-child > div:not([class]):first-child + .divider-3573oO {
  2573.   display: none; }
  2574.  
  2575. .background-1QDuV2 {
  2576.   padding: 0;
  2577.   background-color: var(--card-color);
  2578.   border-radius: var(--card-radius-big);
  2579.   border: 1px solid var(--card-border-color); }
  2580.   .background-1QDuV2 .profile-1eT9hT {
  2581.     padding: 16px;
  2582.     background-color: transparent;
  2583.     border-bottom: 1px solid var(--card-border-color);
  2584.     font-size: 1em;
  2585.     color: var(--card-header-text-color);
  2586.     font-weight: 500; }
  2587.     .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"] {
  2588.       height: 24px;
  2589.       transform: rotate(90deg);
  2590.       position: relative; }
  2591.       .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"]:after {
  2592.         content: " ";
  2593.         position: absolute;
  2594.         width: 100%;
  2595.         height: 100%;
  2596.         top: 0;
  2597.         left: 0;
  2598.         background-color: rgba(var(--md-ripple-color), 0.1);
  2599.         border-radius: 50%;
  2600.         opacity: 0;
  2601.         pointer-events: none;
  2602.         transform: scale(1.2);
  2603.         transition: 300ms ease;
  2604.         z-index: 4; }
  2605.       .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"]:hover:after {
  2606.         opacity: 1;
  2607.         transform: scale(1.6);
  2608.         animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2609.       .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"]:active:after {
  2610.         background-color: rgba(var(--md-ripple-color), 0.2); }
  2611.   .background-1QDuV2 .fieldList-21DyL8 {
  2612.     margin-top: 0;
  2613.     padding: 16px; }
  2614.     .background-1QDuV2 .fieldList-21DyL8 .constrainedRow-2GB6Ki .button-38aScr {
  2615.       margin-left: 8px; }
  2616.  
  2617. .fieldList-21DyL8 {
  2618.   padding: 0;
  2619.   background-color: transparent;
  2620.   border-radius: 0; }
  2621.  
  2622. /* USER SETTINGS -> AUTHORIZED APPS */
  2623. .formNotice-2_hHWR {
  2624.   padding: 0; }
  2625.   .formNotice-2_hHWR .formNoticeTitle-2KGjDe {
  2626.     margin: 0;
  2627.     padding: 16px;
  2628.     background-color: transparent;
  2629.     border-bottom: 1px solid var(--card-border-color);
  2630.     font-size: 1em;
  2631.     color: var(--card-header-text-color);
  2632.     font-weight: 500;
  2633.     text-transform: none; }
  2634.   .formNotice-2_hHWR .formNoticeBody-M4JFHP {
  2635.     padding: 16px; }
  2636.  
  2637. .authedApp-mj2Hmd {
  2638.   padding: 0;
  2639.   margin-bottom: 16px; }
  2640.   .authedApp-mj2Hmd .marginBottom20-32qID7 {
  2641.     margin: 0;
  2642.     padding: 16px;
  2643.     border-bottom: 1px solid var(--card-border-color); }
  2644.   .authedApp-mj2Hmd div:not([class]) {
  2645.     padding: 16px 16px 0; }
  2646.   .authedApp-mj2Hmd .marginTop20-3TxNs6 {
  2647.     margin: 0;
  2648.     padding: 16px; }
  2649.  
  2650. /* USER SETTINGS -> CONNECTIONS */
  2651. .accountList-33MS45 {
  2652.   padding: 0;
  2653.   background-color: var(--card-color);
  2654.   border-radius: var(--card-radius-big);
  2655.   border: 1px solid var(--card-border-color); }
  2656.   .accountList-33MS45 .title-3sZWYQ {
  2657.     margin-bottom: 0;
  2658.     padding: 16px;
  2659.     background-color: transparent;
  2660.     border-bottom: 1px solid var(--card-border-color);
  2661.     font-size: 1em;
  2662.     color: var(--card-header-text-color);
  2663.     font-weight: 500;
  2664.     opacity: 1; }
  2665.   .accountList-33MS45 .modeDefault-3a2Ph1 {
  2666.     padding: 8px 16px 0; }
  2667.   .accountList-33MS45 .connectedAccounts-2-XP1G {
  2668.     padding: 0 16px 16px 16px; }
  2669.     .accountList-33MS45 .connectedAccounts-2-XP1G .accountBtn-2Nozo3 {
  2670.       margin-bottom: 0; }
  2671.       .accountList-33MS45 .connectedAccounts-2-XP1G .accountBtn-2Nozo3 .accountBtnInner-sj5jLs {
  2672.         background-color: var(--menu-item-hover);
  2673.         border-radius: 50%;
  2674.         transition: var(--default-time) var(--default-animation) background-color; }
  2675.         .accountList-33MS45 .connectedAccounts-2-XP1G .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
  2676.           background-color: var(--menu-item-select); }
  2677.  
  2678. .connectionList-3pzR-1 {
  2679.   grid-gap: 16px; }
  2680.   .connectionList-3pzR-1 .connection-1fbD7X {
  2681.     margin-bottom: 0;
  2682.     background-color: var(--card-color);
  2683.     border-radius: var(--card-radius-big);
  2684.     border: 1px solid var(--card-border-color); }
  2685.     .connectionList-3pzR-1 .connection-1fbD7X .connectionHeader-2MDqhu {
  2686.       padding: 16px;
  2687.       background-color: transparent;
  2688.       border-bottom: 1px solid var(--card-border-color);
  2689.       font-size: 1em;
  2690.       color: var(--card-header-text-color);
  2691.       font-weight: 500; }
  2692.       .connectionList-3pzR-1 .connection-1fbD7X .connectionHeader-2MDqhu .connectionAccountValue-3VdBGs,
  2693.       .connectionList-3pzR-1 .connection-1fbD7X .connectionHeader-2MDqhu .connectionAccountLabel-1DiK0A {
  2694.         font-weight: 500; }
  2695.     .connectionList-3pzR-1 .connection-1fbD7X .connectionOptionsWrapper-3KIj1Z {
  2696.       padding: 16px; }
  2697.       .connectionList-3pzR-1 .connection-1fbD7X .connectionOptionsWrapper-3KIj1Z .connectionOptionSwitch-3KNn-E {
  2698.         padding-left: 0;
  2699.         padding-right: 0; }
  2700.         .connectionList-3pzR-1 .connection-1fbD7X .connectionOptionsWrapper-3KIj1Z .connectionOptionSwitch-3KNn-E.marginBottom20-32qID7:last-child {
  2701.           margin-bottom: 0; }
  2702.     .connectionList-3pzR-1 .connection-1fbD7X .connectedAccountSeparator-2EgLhW {
  2703.       margin-left: 0;
  2704.       margin-right: 0; }
  2705.  
  2706. .integrationsWrapper-VkM_zO {
  2707.   padding: 0; }
  2708.   .integrationsWrapper-VkM_zO .h5-18_1nd {
  2709.     margin: 0;
  2710.     padding: 16px 16px 8px; }
  2711.   .integrationsWrapper-VkM_zO .integration-3kMeY4 {
  2712.     position: relative;
  2713.     margin-top: 0;
  2714.     padding: 16px;
  2715.     background-color: transparent;
  2716.     border-radius: 0; }
  2717.     .integrationsWrapper-VkM_zO .integration-3kMeY4:after {
  2718.       position: absolute;
  2719.       content: " ";
  2720.       width: calc(100% - 56px);
  2721.       height: 1px;
  2722.       bottom: 0;
  2723.       right: 0;
  2724.       background-color: var(--card-border-color); }
  2725.     .integrationsWrapper-VkM_zO .integration-3kMeY4:last-child:after, .integrationsWrapper-VkM_zO .integration-3kMeY4:only-child:after {
  2726.       display: none; }
  2727.     .integrationsWrapper-VkM_zO .integration-3kMeY4 .button-38aScr {
  2728.       background-color: rgba(var(--accent-rgb), 0.1);
  2729.       color: var(--accent-color); }
  2730.  
  2731. /* USER SETTINGS -> SERVER BOOST */
  2732. .guild-Hq0WWA {
  2733.   background-color: var(--card-color);
  2734.   border-radius: var(--card-radius-big);
  2735.   border: 1px solid var(--card-border-color); }
  2736.   .guild-Hq0WWA .guildHeader-3nh5RK {
  2737.     padding: 16px;
  2738.     background-color: transparent;
  2739.     border-bottom: 1px solid var(--card-border-color);
  2740.     font-size: 1em;
  2741.     color: var(--card-header-text-color);
  2742.     font-weight: 500; }
  2743.     .guild-Hq0WWA .guildHeader-3nh5RK .guildIcon-c10VUR {
  2744.       top: 0;
  2745.       bottom: 0;
  2746.       margin: auto 0; }
  2747.     .guild-Hq0WWA .guildHeader-3nh5RK .guildHeaderContent-1vpxhX {
  2748.       padding: 0 16px; }
  2749.     .guild-Hq0WWA .guildHeader-3nh5RK .guildGemIndicatorContainer-3Ie0ga {
  2750.       margin: 0; }
  2751.   .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN {
  2752.     padding: 0;
  2753.     background-color: transparent; }
  2754.     .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI {
  2755.       padding: 16px;
  2756.       border-bottom: none;
  2757.       position: relative;
  2758.       border-bottom: none; }
  2759.       .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI:after {
  2760.         position: absolute;
  2761.         content: " ";
  2762.         width: calc(100% - 42px);
  2763.         height: 1px;
  2764.         right: 0;
  2765.         bottom: 0;
  2766.         background-color: var(--card-border-color); }
  2767.       .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI:last-of-type:after {
  2768.         display: none; }
  2769.       .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL {
  2770.         position: relative; }
  2771.         .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:after {
  2772.           content: " ";
  2773.           position: absolute;
  2774.           width: 100%;
  2775.           height: 100%;
  2776.           top: 0;
  2777.           left: 0;
  2778.           background-color: rgba(var(--md-ripple-color), 0.1);
  2779.           border-radius: 50%;
  2780.           opacity: 0;
  2781.           pointer-events: none;
  2782.           transform: scale(1.2);
  2783.           transition: 300ms ease;
  2784.           z-index: 4; }
  2785.         .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:hover:after {
  2786.           opacity: 1;
  2787.           transform: scale(1.5);
  2788.           animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  2789.         .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:active:after {
  2790.           background-color: rgba(var(--md-ripple-color), 0.2); }
  2791.  
  2792. .cardWrapper-2Min21 {
  2793.   background-color: var(--card-color);
  2794.   border-radius: var(--card-radius-big);
  2795.   border: 1px solid var(--card-border-color);
  2796.   transition: var(--default-time) var(--default-animation) background-color; }
  2797.   .cardWrapper-2Min21:hover {
  2798.     background-color: transparent; }
  2799.  
  2800. .menu-3sdvDG#subscription-context {
  2801.   background-color: var(--popout-color);
  2802.   border-radius: var(--popout-radius);
  2803.   box-shadow: var(--shadow-3dp); }
  2804.   .menu-3sdvDG#subscription-context .scroller-3BxosC {
  2805.     padding: 8px 0; }
  2806.     .menu-3sdvDG#subscription-context .scroller-3BxosC::-webkit-scrollbar {
  2807.       width: 0px !important; }
  2808.   .menu-3sdvDG#subscription-context .item-1tOPte {
  2809.     margin: 0;
  2810.     padding: 9px 12px;
  2811.     border-radius: 0;
  2812.     color: var(--menu-item-text-color);
  2813.     transition: var(--default-time) var(--default-animation) background-color; }
  2814.     .menu-3sdvDG#subscription-context .item-1tOPte.focused-3afm-j {
  2815.       background-color: var(--menu-item-hover);
  2816.       color: var(--menu-item-text-color); }
  2817.  
  2818. /* USER SETTINGS -> BILLING */
  2819. .card-VoqMMK {
  2820.   padding: 0; }
  2821.   .card-VoqMMK form > div:not([class]):first-child {
  2822.     padding: 16px;
  2823.     background-color: transparent;
  2824.     border-bottom: 1px solid var(--card-border-color);
  2825.     font-size: 1em;
  2826.     color: var(--card-header-text-color);
  2827.     font-weight: 500; }
  2828.     .card-VoqMMK form > div:not([class]):first-child .subText-1Lf-cY {
  2829.       margin-top: 16px; }
  2830.   .card-VoqMMK form .addressSection-3LwW_f {
  2831.     margin-top: 0;
  2832.     padding: 16px; }
  2833.     .card-VoqMMK form .addressSection-3LwW_f + .defaultSection-2hDX5u {
  2834.       margin: 0;
  2835.       padding: 8px 16px 16px; }
  2836.   .card-VoqMMK form .formActions-34l65m {
  2837.     margin-top: 0;
  2838.     padding: 8px; }
  2839.     .card-VoqMMK form .formActions-34l65m .lookLink-9FtZy-.colorPrimary-3b3xI6 {
  2840.       margin-right: 8px; }
  2841.  
  2842. .codeRedemptionRedirect-1wVR4b {
  2843.   padding: 16px;
  2844.   background-color: transparent !important;
  2845.   border-color: var(--card-border-color) !important; }
  2846.  
  2847. /* USER SETTINGS -> VOICE & VIDEO */
  2848. .userSettingsVoice-iwdUCU .media-engine-video {
  2849.   border-radius: var(--card-radius-big); }
  2850. .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
  2851.   background-color: var(--main-color) !important;
  2852.   border-radius: var(--card-radius-big);
  2853.   border-color: var(--card-border-color) !important; }
  2854.  
  2855. .formNotice-2_hHWR .icon-4lJsMQ {
  2856.   margin-left: 16px !important; }
  2857.  
  2858. .micTestButton-2Vwk4_ {
  2859.   width: auto; }
  2860.  
  2861. /* USER SETTINGS -> KEYBINDS */
  2862. .warning-3C2pOH {
  2863.   background-color: transparent;
  2864.   border-color: var(--alert-color); }
  2865.   .warning-3C2pOH .icon-1jlFSw {
  2866.     color: var(--alert-color); }
  2867.  
  2868. .container-jSV3OF {
  2869.   border-radius: var(--card-radius-big); }
  2870.  
  2871. .children-rWhLdy .marginBottom20-32qID7 + .divider-3573oO {
  2872.   display: none; }
  2873.  
  2874. .row-2okwlC {
  2875.   padding: 16px;
  2876.   border: 1px solid var(--card-border-color);
  2877.   border-bottom: none;
  2878.   box-shadow: none !important; }
  2879.   .row-2okwlC:first-child {
  2880.     border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; }
  2881.   .row-2okwlC:last-child {
  2882.     margin-bottom: 40px;
  2883.     border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  2884.     border-bottom: 1px solid var(--card-border-color); }
  2885.   .row-2okwlC:only-child {
  2886.     border-radius: var(--card-radius-big); }
  2887.   .row-2okwlC .keybindGroup-JQs9x_ {
  2888.     margin: 0;
  2889.     padding: 0; }
  2890.     .row-2okwlC .keybindGroup-JQs9x_:before {
  2891.       display: none; }
  2892.   .row-2okwlC .removeKeybind-39dSFj {
  2893.     right: -12px; }
  2894.  
  2895. .container-CpszHS:before, .container-CpszHS:after {
  2896.   display: none; }
  2897. .container-CpszHS.recording-1H2dS7 {
  2898.   border-radius: var(--card-radius) !important; }
  2899. .container-CpszHS .button-3tQuzi {
  2900.   margin: 2px; }
  2901.  
  2902. .defaultKeybindGroup-X6nhBr {
  2903.   margin: 32px 0 0 0;
  2904.   border-radius: var(--card-radius-big);
  2905.   border: 1px solid var(--card-border-color); }
  2906.   .defaultKeybindGroup-X6nhBr .defaultKeybindGroupHeader-3fMhcS {
  2907.     margin-bottom: 0;
  2908.     padding: 16px;
  2909.     font-size: 1em;
  2910.     color: var(--card-header-text-color);
  2911.     font-weight: 500;
  2912.     text-transform: capitalize; }
  2913.     .defaultKeybindGroup-X6nhBr .defaultKeybindGroupHeader-3fMhcS.defaultKeybindGroupWithDescription-3YceEh {
  2914.       margin-bottom: 6px;
  2915.       padding: 16px 16px 0; }
  2916.   .defaultKeybindGroup-X6nhBr .defaultKeybindGroupDescription-1bMdWe {
  2917.     margin-bottom: 0;
  2918.     padding: 0 16px 16px; }
  2919.     .defaultKeybindGroup-X6nhBr .defaultKeybindGroupDescription-1bMdWe + .divider-3573oO {
  2920.       display: none; }
  2921.   .defaultKeybindGroup-X6nhBr .defaultKeybind-2coG8W {
  2922.     padding: 16px;
  2923.     border-top: 1px solid var(--card-border-color);
  2924.     font-weight: 400; }
  2925.     .defaultKeybindGroup-X6nhBr .defaultKeybind-2coG8W:nth-child(3) {
  2926.       border-top: none; }
  2927.     .defaultKeybindGroup-X6nhBr .defaultKeybind-2coG8W + .divider-3573oO {
  2928.       display: none; }
  2929.  
  2930. /* USER SETTINGS -> GAME ACTIVITY */
  2931. .activeGame-14JI7o {
  2932.   border-radius: var(--card-radius-big);
  2933.   border: 1px solid var(--card-border-color); }
  2934.   .activeGame-14JI7o.notDetected-33MY4s, .activeGame-14JI7o.nowPlaying-284llR {
  2935.     background-color: transparent !important; }
  2936.   .activeGame-14JI7o .gameName-1RiWHm,
  2937.   .activeGame-14JI7o .lastPlayed-3bQ7Bo {
  2938.     color: var(--text-normal) !important; }
  2939.  
  2940. .nowPlayingAdd-1Kdmh_ {
  2941.   color: var(--text-normal) !important; }
  2942.   .nowPlayingAdd-1Kdmh_ .button-38aScr {
  2943.     margin-left: 8px; }
  2944.  
  2945. .addGamePopout-2RY8Ju {
  2946.   background-color: var(--popout-color) !important;
  2947.   border-radius: var(--popout-radius-big) !important;
  2948.   box-shadow: var(--shadow-3dp) !important; }
  2949.   .addGamePopout-2RY8Ju .lookLink-9FtZy-.colorGrey-2DXtkV {
  2950.     margin-right: 8px; }
  2951.  
  2952. /* USER SETTINGS -> GAME ACTIVITY -> GAME LIST */
  2953. .nowPlayingAdd-1Kdmh_ + .container-2_Tvc_ {
  2954.   margin-bottom: 0; }
  2955.   .nowPlayingAdd-1Kdmh_ + .container-2_Tvc_ + .marginTop40-i-78cZ {
  2956.     border-radius: var(--card-radius-big);
  2957.     border: 1px solid var(--card-border-color); }
  2958.     .nowPlayingAdd-1Kdmh_ + .container-2_Tvc_ + .marginTop40-i-78cZ .h5-18_1nd {
  2959.       margin-bottom: 0;
  2960.       padding: 16px;
  2961.       border-bottom: 1px solid var(--card-border-color);
  2962.       font-size: 1em;
  2963.       color: var(--card-header-text-color);
  2964.       font-weight: 500; }
  2965.  
  2966. .game-1ipmAa {
  2967.   padding: 16px;
  2968.   border-bottom: 1px solid var(--card-border-color);
  2969.   box-shadow: none !important; }
  2970.   .game-1ipmAa:before {
  2971.     display: none; }
  2972.   .game-1ipmAa:last-child {
  2973.     border-bottom: none; }
  2974.   .game-1ipmAa .gameNameInput-385LoS {
  2975.     height: 24px;
  2976.     border-radius: 12px;
  2977.     border: none; }
  2978.     .game-1ipmAa .gameNameInput-385LoS:focus {
  2979.       background-color: var(--input-color); }
  2980.   .game-1ipmAa .lastPlayed-3bQ7Bo {
  2981.     margin-top: 4px; }
  2982.   .game-1ipmAa .overlayStatusText-L2IACa {
  2983.     color: var(--text-muted);
  2984.     transition: var(--default-time) var(--default-animation) opacity; }
  2985.   .game-1ipmAa .overlayToggleIcon-2liB3r {
  2986.     width: 24px;
  2987.     height: 24px;
  2988.     position: relative; }
  2989.     .game-1ipmAa .overlayToggleIcon-2liB3r:after {
  2990.       content: " ";
  2991.       position: absolute;
  2992.       width: 100%;
  2993.       height: 100%;
  2994.       top: 0;
  2995.       left: 0;
  2996.       background-color: rgba(var(--md-ripple-color), 0.1);
  2997.       border-radius: 50%;
  2998.       opacity: 0;
  2999.       pointer-events: none;
  3000.       transform: scale(1.2);
  3001.       transition: 300ms ease;
  3002.       z-index: 4; }
  3003.     .game-1ipmAa .overlayToggleIcon-2liB3r:hover:after {
  3004.       opacity: 1;
  3005.       transform: scale(1.6);
  3006.       animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  3007.     .game-1ipmAa .overlayToggleIcon-2liB3r:active:after {
  3008.       background-color: rgba(var(--md-ripple-color), 0.2); }
  3009.   .game-1ipmAa .overlayToggleIconOn-3UNmty .fill-1ugeBG {
  3010.     fill: var(--text-muted); }
  3011.   .game-1ipmAa .overlayToggleIconOn-3UNmty path {
  3012.     d: path("M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z"); }
  3013.   .game-1ipmAa .overlayToggleIconOff-1kT42w path {
  3014.     d: path("M1.41 1.69L0 3.1l1 .99V16c0 1.1.89 2 1.99 2H10v2H8v2h8v-2h-2v-2h.9l6 6 1.41-1.41-20.9-20.9zM2.99 16V6.09L12.9 16H2.99zM4.55 2l2 2H21v12h-2.45l2 2h.44c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4.55z"); }
  3015.     .game-1ipmAa .overlayToggleIconOff-1kT42w path ~ rect {
  3016.       display: none; }
  3017.   .game-1ipmAa .removeGame-2JFGPn {
  3018.     top: -12;
  3019.     right: -12px; }
  3020.  
  3021. /* USER SETTINGS -> OVERLAY */
  3022. .container-CpszHS .base-96ewKC {
  3023.   padding: 10px 0; }
  3024.  
  3025. .wrapper-3jrx9n {
  3026.   border-radius: var(--card-radius-big);
  3027.   border-color: var(--accent-color); }
  3028.   .wrapper-3jrx9n .option-n0icdO {
  3029.     border-radius: var(--card-radius-big); }
  3030.     .wrapper-3jrx9n .option-n0icdO:hover {
  3031.       background-color: var(--accent-color);
  3032.       opacity: 0.6; }
  3033.     .wrapper-3jrx9n .option-n0icdO.selected-mKYnfr {
  3034.       background-color: var(--accent-color);
  3035.       border-color: var(--accent-color);
  3036.       box-shadow: var(--shadow-1dp); }
  3037.  
  3038. /* USER SETTINGS -> BETTERDISCORD */
  3039. #bd-settings-sidebar .ui-tab-bar-separator {
  3040.   background-color: transparent !important; }
  3041.  
  3042. .bd-search-wrapper {
  3043.   height: 32px;
  3044.   padding: 0;
  3045.   line-height: 32px;
  3046.   background-color: var(--input-color);
  3047.   border-radius: 16px; }
  3048.   .bd-search-wrapper .bd-search {
  3049.     height: 100%;
  3050.     padding: 0 4px 0 12px;
  3051.     font-size: 14px; }
  3052.   .bd-search-wrapper > svg {
  3053.     margin-right: 12px; }
  3054.  
  3055. .bd-addon-list {
  3056.   margin-top: 24px !important; }
  3057.   .bd-addon-list a {
  3058.     color: var(--accent-color); }
  3059.   .bd-addon-list .bd-addon-card {
  3060.     background-color: var(--card-color);
  3061.     border-radius: var(--card-radius-big);
  3062.     border: 1px solid var(--card-border-color); }
  3063.   .bd-addon-list .bd-addon-header {
  3064.     padding: 16px;
  3065.     background-color: transparent;
  3066.     border-bottom: 1px solid var(--card-border-color);
  3067.     font-size: 1em;
  3068.     color: var(--card-header-text-color);
  3069.     font-weight: 500; }
  3070.     .bd-addon-list .bd-addon-header .gifFavoriteButton-3Zycl7 {
  3071.       color: var(--text-muted); }
  3072.       .bd-addon-list .bd-addon-header .gifFavoriteButton-3Zycl7.selected-1mBDsA {
  3073.         color: #faa61a; }
  3074.   .bd-addon-list .bd-controls {
  3075.     border-radius: 14px;
  3076.     border: 1px solid var(--card-border-color);
  3077.     overflow: hidden; }
  3078.     .bd-addon-list .bd-controls .bd-button {
  3079.       padding: 3px 8px;
  3080.       background-color: transparent; }
  3081.       .bd-addon-list .bd-controls .bd-button:hover {
  3082.         background-color: var(--menu-item-hover); }
  3083.       .bd-addon-list .bd-controls .bd-button svg {
  3084.         fill: var(--menu-item-text-color); }
  3085.  
  3086. .bd-switch {
  3087.   width: 32px;
  3088.   height: 14px;
  3089.   background-color: var(--switch-slider-color);
  3090.   box-shadow: none;
  3091.   overflow: visible; }
  3092.   .bd-switch:after {
  3093.     width: 20px;
  3094.     height: 20px;
  3095.     margin: 0;
  3096.     top: -3px;
  3097.     border-radius: 50%;
  3098.     background-color: var(--switch-knob-color);
  3099.     box-shadow: var(--shadow-1dp); }
  3100.   .bd-switch.bd-switch-checked {
  3101.     background-color: rgba(var(--accent-rgb), 0.3); }
  3102.     .bd-switch.bd-switch-checked:after {
  3103.       background-color: var(--accent-color); }
  3104.  
  3105. .repoHeader-2KfNvH > * {
  3106.   min-width: 350px;
  3107.   max-width: 1200px; }
  3108. .repoHeader-2KfNvH .top-28JiJ- .item-PXvHYJ {
  3109.   border: none; }
  3110.   .repoHeader-2KfNvH .top-28JiJ- .item-PXvHYJ.selected-3s45Ha {
  3111.     position: relative; }
  3112.     .repoHeader-2KfNvH .top-28JiJ- .item-PXvHYJ.selected-3s45Ha:after {
  3113.       position: absolute;
  3114.       content: " ";
  3115.       width: 90%;
  3116.       height: 3px;
  3117.       left: 0;
  3118.       right: 0;
  3119.       bottom: 0;
  3120.       margin: 0 auto;
  3121.       background: var(--tab-border-color);
  3122.       border-radius: 3px 3px 0 0;
  3123.       transition: var(--default-time) ease all; }
  3124. .repoHeader-2KfNvH .tabBarContainer-1s1u-z.bottom-b8sdfs {
  3125.   border-bottom-color: var(--card-border-color); }
  3126.  
  3127. .bd-button {
  3128.   background-color: var(--accent-color);
  3129.   border-radius: var(--card-radius);
  3130.   color: var(--accent-text-color); }
  3131.  
  3132. .bd-addon-views .bd-view-button.selected {
  3133.   background-color: var(--accent-color);
  3134.   color: var(--accent-text-color); }
  3135.  
  3136. .bd-select .bd-select-options {
  3137.   padding: 8px 0;
  3138.   background-color: var(--popout-color);
  3139.   border-radius: var(--popout-radius);
  3140.   box-shadow: var(--shadow-3dp);
  3141.   border: none; }
  3142.   .bd-select .bd-select-options .bd-select-option {
  3143.     padding: 8px 12px;
  3144.     font-weight: 500;
  3145.     color: var(--menu-item-text-color);
  3146.     transition: var(--default-time) var(--default-animation) background-color; }
  3147.     .bd-select .bd-select-options .bd-select-option:hover {
  3148.       background-color: var(--menu-item-hover); }
  3149.     .bd-select .bd-select-options .bd-select-option.selected {
  3150.       background-color: var(--menu-item-select); }
  3151.  
  3152. .monaco-editor *,
  3153. .ace_editor *,
  3154. .line-numbers * {
  3155.   font-family: Consolas, monospace !important; }
  3156.  
  3157. /* USER SETTINGS -> SIDEBAR */
  3158. .sidebarRegion-VFTUkN {
  3159.   flex: 0; }
  3160.  
  3161. .sidebar-CFHs9e {
  3162.   width: 240px;
  3163.   margin: 0 6px 0 0;
  3164.   padding: 60px 6px 40px 0; }
  3165.  
  3166. .side-8zPYf6 .header-2RyJ0Y,
  3167. .side-8zPYf6 .ui-tab-bar-header,
  3168. #bd-settings-sidebar .header-2RyJ0Y,
  3169. #bd-settings-sidebar .ui-tab-bar-header {
  3170.   margin-top: 4px;
  3171.   margin-bottom: 8px;
  3172.   padding: 0 12px 0 26px;
  3173.   font-size: 0.8em;
  3174.   font-weight: 700;
  3175.   text-transform: none;
  3176.   color: var(--channels-default) !important; }
  3177. .side-8zPYf6 .separator-gCa7yv,
  3178. .side-8zPYf6 .ui-tab-bar-separator,
  3179. #bd-settings-sidebar .separator-gCa7yv,
  3180. #bd-settings-sidebar .ui-tab-bar-separator {
  3181.   position: relative;
  3182.   height: 1px;
  3183.   margin: 8px 0;
  3184.   background: transparent; }
  3185.   .side-8zPYf6 .separator-gCa7yv:before,
  3186.   .side-8zPYf6 .ui-tab-bar-separator:before,
  3187.   #bd-settings-sidebar .separator-gCa7yv:before,
  3188.   #bd-settings-sidebar .ui-tab-bar-separator:before {
  3189.     position: absolute;
  3190.     content: " ";
  3191.     width: calc(100% + 12px);
  3192.     height: 1px;
  3193.     background: rgba(114, 118, 125, 0.3); }
  3194.  
  3195. .contentColumnDefault-1VQkGM,
  3196. .contentColumnMinimal-2iX-kP,
  3197. .customColumn-Rb6toI,
  3198. .customScroller-26gWhv > div {
  3199.   flex: 1 1 auto;
  3200.   min-width: 350px;
  3201.   max-width: 1200px;
  3202.   left: 0;
  3203.   right: 0;
  3204.   margin: 0 auto; }
  3205.  
  3206. .contentColumnDefault-1VQkGM {
  3207.   padding: 60px; }
  3208.  
  3209. .customColumn-Rb6toI {
  3210.   position: relative;
  3211.   width: 100%;
  3212.   max-width: 100%;
  3213.   margin: 0;
  3214.   padding: 0; }
  3215.  
  3216. .customContainer-1RHXqt {
  3217.   width: auto; }
  3218.   .customContainer-1RHXqt .auto-Ge5KZx {
  3219.     background-color: var(--main-color) !important; }
  3220.   .customContainer-1RHXqt .customScroller-26gWhv {
  3221.     /*min-width: 350px;
  3222.     max-width: 1200px;
  3223.     margin: 0 auto;
  3224.     padding: 60px 97px 60px 40px !important;*/
  3225.     padding-right: 0 !important; }
  3226.     .customContainer-1RHXqt .customScroller-26gWhv .content-3YMskv div:not([class])[style="height: 60px;"] {
  3227.       height: 0 !important; }
  3228.     .customContainer-1RHXqt .customScroller-26gWhv > div {
  3229.       position: relative;
  3230.       min-width: 350px;
  3231.       max-width: 1200px;
  3232.       /*max-width: calc(1200px - 80px);*/
  3233.       margin: 0 auto;
  3234.       padding: 60px 97px 60px 40px !important; }
  3235.     .customContainer-1RHXqt .customScroller-26gWhv > .customHeader-PhBRGa {
  3236.       padding: 0; }
  3237.  
  3238. .card-FDVird:before {
  3239.   margin: 0 60px; }
  3240.  
  3241. .customColumn-Rb6toI + .toolsContainer-1edPuj {
  3242.   position: absolute;
  3243.   width: 60px;
  3244.   height: 60px;
  3245.   right: 0; }
  3246.  
  3247. .customColumn-Rb6toI + .toolsContainer-1edPuj .tools-3-3s-N {
  3248.   position: absolute;
  3249.   width: 36px;
  3250.   right: -8px; }
  3251.  
  3252. .contentColumnMinimal-2iX-kP {
  3253.   padding: 60px 80px 80px; }
  3254.  
  3255. .sidebarScrollable-1qPI87 .flexChild-faoVW3[style*='padding: 60px 15px 80px 20px;'] {
  3256.   padding: 60px 8px 40px 0 !important; }
  3257.  
  3258. .sidebarScrollable-1qPI87 + .content-1rPSz4[style*='padding: 60px 0px 80px 20px;'] {
  3259.   padding: 0 0 0 20px !important; }
  3260.  
  3261. .sidebarScrollable-1qPI87 + .content-1rPSz4 {
  3262.   position: relative;
  3263.   width: calc(100% - 232px);
  3264.   left: 232px;
  3265.   right: 0;
  3266.   margin-left: 0;
  3267.   padding: 0 !important; }
  3268.  
  3269. .sidebarScrollable-1qPI87 .side-8zPYf6 .header-2RyJ0Y:first-child {
  3270.   margin: 0 0 8px 0;
  3271.   padding: 0 0 0 10px !important; }
  3272.  
  3273. .socialLinks-3jqNFy,
  3274. .info-1VyQPT {
  3275.   padding: 8px 12px 8px 26px; }
  3276.  
  3277. /* USER SETTINGS -> SIDEBAR -> ICONS */
  3278. .side-8zPYf6 .item-PXvHYJ,
  3279. #bd-settings-sidebar .ui-tab-bar-item {
  3280.   width: 240px;
  3281.   height: 32px;
  3282.   margin: 0;
  3283.   padding: 0 12px 0 54px;
  3284.   line-height: 32px;
  3285.   border-radius: 0 16px 16px 0;
  3286.   transition: var(--default-time) ease background-color; }
  3287.   .side-8zPYf6 .item-PXvHYJ:before,
  3288.   #bd-settings-sidebar .ui-tab-bar-item:before {
  3289.     position: absolute;
  3290.     content: " ";
  3291.     width: 20px;
  3292.     height: 20px;
  3293.     top: 0;
  3294.     left: 26px;
  3295.     bottom: 0;
  3296.     margin: auto 0;
  3297.     background-repeat: no-repeat;
  3298.     background-position: center;
  3299.     opacity: 0.8; }
  3300.   .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha, .side-8zPYf6 .item-PXvHYJ.selected,
  3301.   #bd-settings-sidebar .ui-tab-bar-item.selected-3s45Ha,
  3302.   #bd-settings-sidebar .ui-tab-bar-item.selected {
  3303.     background-color: var(--background-modifier-selected) !important; }
  3304.     .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha:before, .side-8zPYf6 .item-PXvHYJ.selected:before,
  3305.     #bd-settings-sidebar .ui-tab-bar-item.selected-3s45Ha:before,
  3306.     #bd-settings-sidebar .ui-tab-bar-item.selected:before {
  3307.       opacity: 1; }
  3308.   .side-8zPYf6 .item-PXvHYJ[aria-controls="My Account-tab"]:before,
  3309.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="My Account-tab"]:before {
  3310.     background-color: var(--text-normal);
  3311.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/person.svg);
  3312.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/person.svg);
  3313.     -webkit-mask-repeat: no-repeat;
  3314.     mask-repeat: no-repeat; }
  3315.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Privacy & Safety-tab"]:before,
  3316.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Privacy & Safety-tab"]:before {
  3317.     background-color: var(--text-normal);
  3318.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/security.svg);
  3319.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/security.svg);
  3320.     -webkit-mask-repeat: no-repeat;
  3321.     mask-repeat: no-repeat; }
  3322.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Authorized Apps-tab"]:before,
  3323.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Authorized Apps-tab"]:before {
  3324.     background-color: var(--text-normal);
  3325.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/apps.svg);
  3326.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/apps.svg);
  3327.     -webkit-mask-repeat: no-repeat;
  3328.     mask-repeat: no-repeat; }
  3329.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Connections-tab"]:before,
  3330.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Connections-tab"]:before {
  3331.     background-color: var(--text-normal);
  3332.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/link.svg);
  3333.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/link.svg);
  3334.     -webkit-mask-repeat: no-repeat;
  3335.     mask-repeat: no-repeat; }
  3336.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Discord Nitro-tab"]:before,
  3337.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Discord Nitro-tab"]:before {
  3338.     background-color: var(--text-normal);
  3339.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/nitro.svg);
  3340.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/nitro.svg);
  3341.     -webkit-mask-repeat: no-repeat;
  3342.     mask-repeat: no-repeat; }
  3343.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Nitro Server Boost-tab"]:before,
  3344.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Nitro Server Boost-tab"]:before {
  3345.     left: 27px;
  3346.     background-color: var(--text-normal);
  3347.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/server_boost.svg);
  3348.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/server_boost.svg);
  3349.     -webkit-mask-repeat: no-repeat;
  3350.     mask-repeat: no-repeat; }
  3351.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Library Inventory-tab"]:before,
  3352.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Library Inventory-tab"]:before {
  3353.     background-color: var(--text-normal);
  3354.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/gift.svg);
  3355.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/gift.svg);
  3356.     -webkit-mask-repeat: no-repeat;
  3357.     mask-repeat: no-repeat; }
  3358.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Billing-tab"]:before,
  3359.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Billing-tab"]:before {
  3360.     background-color: var(--text-normal);
  3361.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/payment.svg);
  3362.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/payment.svg);
  3363.     -webkit-mask-repeat: no-repeat;
  3364.     mask-repeat: no-repeat; }
  3365.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Voice & Video-tab"]:before,
  3366.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Voice & Video-tab"]:before {
  3367.     background-color: var(--text-normal);
  3368.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/mic.svg);
  3369.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/mic.svg);
  3370.     -webkit-mask-repeat: no-repeat;
  3371.     mask-repeat: no-repeat; }
  3372.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Text & Images-tab"]:before,
  3373.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Text & Images-tab"]:before {
  3374.     background-color: var(--text-normal);
  3375.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/keyboard.svg);
  3376.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/keyboard.svg);
  3377.     -webkit-mask-repeat: no-repeat;
  3378.     mask-repeat: no-repeat; }
  3379.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Appearance-tab"]:before,
  3380.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Appearance-tab"]:before {
  3381.     background-color: var(--text-normal);
  3382.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/chat.svg);
  3383.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/chat.svg);
  3384.     -webkit-mask-repeat: no-repeat;
  3385.     mask-repeat: no-repeat; }
  3386.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Notifications-tab"]:before,
  3387.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Notifications-tab"]:before {
  3388.     background-color: var(--text-normal);
  3389.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/notifications.svg);
  3390.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/notifications.svg);
  3391.     -webkit-mask-repeat: no-repeat;
  3392.     mask-repeat: no-repeat; }
  3393.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Keybinds-tab"]:before,
  3394.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Keybinds-tab"]:before {
  3395.     background-color: var(--text-normal);
  3396.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/space_bar.svg);
  3397.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/space_bar.svg);
  3398.     -webkit-mask-repeat: no-repeat;
  3399.     mask-repeat: no-repeat; }
  3400.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Language-tab"]:before,
  3401.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Language-tab"]:before {
  3402.     background-color: var(--text-normal);
  3403.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/translate.svg);
  3404.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/translate.svg);
  3405.     -webkit-mask-repeat: no-repeat;
  3406.     mask-repeat: no-repeat; }
  3407.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Windows-tab"]:before,
  3408.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Windows-tab"]:before {
  3409.     background-color: var(--text-normal);
  3410.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/windows.svg);
  3411.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/windows.svg);
  3412.     -webkit-mask-repeat: no-repeat;
  3413.     mask-repeat: no-repeat; }
  3414.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Linux-tab"]:before,
  3415.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Linux-tab"]:before {
  3416.     background-color: var(--text-normal);
  3417.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/linux.svg);
  3418.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/linux.svg);
  3419.     -webkit-mask-repeat: no-repeat;
  3420.     mask-repeat: no-repeat; }
  3421.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Streamer Mode-tab"]:before,
  3422.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Streamer Mode-tab"]:before {
  3423.     background-color: var(--text-normal);
  3424.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/live_tv.svg);
  3425.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/live_tv.svg);
  3426.     -webkit-mask-repeat: no-repeat;
  3427.     mask-repeat: no-repeat; }
  3428.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Game Activity-tab"]:before,
  3429.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Game Activity-tab"]:before {
  3430.     background-color: var(--text-normal);
  3431.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/gamepad.svg);
  3432.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/gamepad.svg);
  3433.     -webkit-mask-repeat: no-repeat;
  3434.     mask-repeat: no-repeat; }
  3435.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Overlay-tab"]:before,
  3436.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Overlay-tab"]:before {
  3437.     background-color: var(--text-normal);
  3438.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/picture_in_picture.svg);
  3439.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/picture_in_picture.svg);
  3440.     -webkit-mask-repeat: no-repeat;
  3441.     mask-repeat: no-repeat; }
  3442.   .side-8zPYf6 .item-PXvHYJ[aria-controls="changelog-tab"]:before,
  3443.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="changelog-tab"]:before {
  3444.     background-color: var(--text-normal);
  3445.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/list.svg);
  3446.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/list.svg);
  3447.     -webkit-mask-repeat: no-repeat;
  3448.     mask-repeat: no-repeat; }
  3449.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Hypesquad Online-tab"]:before,
  3450.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Hypesquad Online-tab"]:before {
  3451.     background-color: var(--text-normal);
  3452.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/hypesquad.svg);
  3453.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/hypesquad.svg);
  3454.     -webkit-mask-repeat: no-repeat;
  3455.     mask-repeat: no-repeat; }
  3456.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Experiments-tab"]:before,
  3457.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Experiments-tab"]:before {
  3458.     background-color: var(--text-normal);
  3459.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/settings.svg);
  3460.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/settings.svg);
  3461.     -webkit-mask-repeat: no-repeat;
  3462.     mask-repeat: no-repeat; }
  3463.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Developer Options-tab"]:before,
  3464.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Developer Options-tab"]:before {
  3465.     background-color: var(--text-normal);
  3466.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/code.svg);
  3467.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/code.svg);
  3468.     -webkit-mask-repeat: no-repeat;
  3469.     mask-repeat: no-repeat; }
  3470.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Settings-tab"]:before,
  3471.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Settings-tab"]:before {
  3472.     background-color: var(--text-normal);
  3473.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/settings.svg);
  3474.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/settings.svg);
  3475.     -webkit-mask-repeat: no-repeat;
  3476.     mask-repeat: no-repeat; }
  3477.   .side-8zPYf6 .item-PXvHYJ[aria-controls="Emotes-tab"]:before,
  3478.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Emotes-tab"]:before {
  3479.     background-color: var(--text-normal);
  3480.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/emoji.svg);
  3481.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/emoji.svg);
  3482.     -webkit-mask-repeat: no-repeat;
  3483.     mask-repeat: no-repeat; }
  3484.   .side-8zPYf6 .item-PXvHYJ[aria-controls="customcss-tab"]:before,
  3485.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="customcss-tab"]:before {
  3486.     background-color: var(--text-normal);
  3487.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/code.svg);
  3488.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/code.svg);
  3489.     -webkit-mask-repeat: no-repeat;
  3490.     mask-repeat: no-repeat; }
  3491.   .side-8zPYf6 .item-PXvHYJ[aria-controls="plugins-tab"]:before, .side-8zPYf6 .item-PXvHYJ[aria-controls="pluginrepo-tab"]:before,
  3492.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="plugins-tab"]:before,
  3493.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="pluginrepo-tab"]:before {
  3494.     background-color: var(--text-normal);
  3495.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/plugins.svg);
  3496.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/plugins.svg);
  3497.     -webkit-mask-repeat: no-repeat;
  3498.     mask-repeat: no-repeat; }
  3499.   .side-8zPYf6 .item-PXvHYJ[aria-controls="themes-tab"]:before, .side-8zPYf6 .item-PXvHYJ[aria-controls="themerepo-tab"]:before,
  3500.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="themes-tab"]:before,
  3501.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="themerepo-tab"]:before {
  3502.     background-color: var(--text-normal);
  3503.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/themes.svg);
  3504.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/themes.svg);
  3505.     -webkit-mask-repeat: no-repeat;
  3506.     mask-repeat: no-repeat; }
  3507.   .side-8zPYf6 .item-PXvHYJ[aria-controls="logout-tab"]:before,
  3508.   #bd-settings-sidebar .ui-tab-bar-item[aria-controls="logout-tab"]:before {
  3509.     background-color: var(--alert-color);
  3510.     -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/exit_to_app.svg);
  3511.     mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/exit_to_app.svg);
  3512.     -webkit-mask-repeat: no-repeat;
  3513.     mask-repeat: no-repeat; }
  3514.  
  3515. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(3):before {
  3516.   background-color: var(--text-normal);
  3517.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/settings.svg);
  3518.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/settings.svg);
  3519.   -webkit-mask-repeat: no-repeat;
  3520.   mask-repeat: no-repeat; }
  3521. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(4):before {
  3522.   background-color: var(--text-normal);
  3523.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/emoji.svg);
  3524.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/emoji.svg);
  3525.   -webkit-mask-repeat: no-repeat;
  3526.   mask-repeat: no-repeat; }
  3527. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(5):before {
  3528.   background-color: var(--text-normal);
  3529.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/plugins.svg);
  3530.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/plugins.svg);
  3531.   -webkit-mask-repeat: no-repeat;
  3532.   mask-repeat: no-repeat; }
  3533. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(6):before {
  3534.   background-color: var(--text-normal);
  3535.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/themes.svg);
  3536.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/themes.svg);
  3537.   -webkit-mask-repeat: no-repeat;
  3538.   mask-repeat: no-repeat; }
  3539. #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(7):before {
  3540.   background-color: var(--text-normal);
  3541.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/code.svg);
  3542.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/code.svg);
  3543.   -webkit-mask-repeat: no-repeat;
  3544.   mask-repeat: no-repeat; }
  3545.  
  3546. /*
  3547.  *
  3548.  *  SERVER SETTINGS
  3549.  *
  3550.  */
  3551. .container-1s4HBn {
  3552.   background-color: transparent !important;
  3553.   border-radius: 0;
  3554.   border: none;
  3555.   border-bottom: 1px solid var(--input-border-color) !important; }
  3556.   .container-1s4HBn .input-1dRteR {
  3557.     padding: 0; }
  3558.   .container-1s4HBn .button-3tQuzi {
  3559.     margin: 4px 0; }
  3560.  
  3561. .regionSelectModal-12e-57 {
  3562.   padding: 0; }
  3563.   .regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 {
  3564.     margin-bottom: 0;
  3565.     padding: 16px;
  3566.     border-bottom: 1px solid var(--popout-header-border);
  3567.     font-size: 16px;
  3568.     text-transform: none;
  3569.     font-weight: 600;
  3570.     color: var(--card-header-text-color);
  3571.     text-align: left; }
  3572.   .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB {
  3573.     padding: 16px;
  3574.     overflow-y: auto; }
  3575.     .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB .regionSelectModalOption-2DSIZ3 {
  3576.       background-color: var(--card-color-alt);
  3577.       border-radius: var(--card-radius-big);
  3578.       border: 1px solid var(--card-border-color);
  3579.       transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) transform; }
  3580.       .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB .regionSelectModalOption-2DSIZ3:hover {
  3581.         transform: translateY(-2px);
  3582.         box-shadow: var(--shadow-3dp); }
  3583.   .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
  3584.     margin-top: 0;
  3585.     padding: 16px;
  3586.     border-top: 1px solid var(--popout-header-border);
  3587.     text-align: left; }
  3588.  
  3589. .noticeRegion-1YviSH {
  3590.   left: 0;
  3591.   right: 0;
  3592.   margin: 0 auto;
  3593.   padding: 0 16px 16px; }
  3594.  
  3595. .elevationHigh-1PneE4 {
  3596.   background-color: var(--popout-color) !important;
  3597.   border-radius: var(--popout-radius-big) !important;
  3598.   box-shadow: var(--shadow-3dp) !important; }
  3599.  
  3600. .title-2BxgL2,
  3601. .text-GwUZgS {
  3602.   color: var(--text-normal) !important; }
  3603.  
  3604. /* SERVER SETTINGS -> ROLES */
  3605. .sidebarScrollable-1qPI87 .side-8zPYf6 .item-PXvHYJ {
  3606.   width: auto;
  3607.   border-radius: 16px; }
  3608.  
  3609. .colorPickerSwatch-5GX3Ve {
  3610.   border-radius: 10px; }
  3611.   .colorPickerSwatch-5GX3Ve.custom-2SJn4n, .colorPickerSwatch-5GX3Ve.default-cS_caM {
  3612.     width: 50px;
  3613.     border-radius: 50%;
  3614.     overflow: visible !important; }
  3615.  
  3616. /* SERVER SETTINGS -> ROLES -> NEW */
  3617. .container-_phMUq {
  3618.   padding: 16px;
  3619.   background-color: var(--card-color);
  3620.   border-radius: var(--card-radius-big);
  3621.   border: 1px solid var(--card-border-color); }
  3622.  
  3623. .searchContainer-383_ld .container-cMG81i {
  3624.   height: 36px;
  3625.   border-radius: 18px; }
  3626.   .searchContainer-383_ld .container-cMG81i .inner-2P4tQO .input-3Xdcic {
  3627.     height: 36px; }
  3628.   .searchContainer-383_ld .container-cMG81i .inner-2P4tQO .iconLayout-3OgqU3 {
  3629.     width: 36px;
  3630.     height: 36px; }
  3631.  
  3632. /* SERVER SETTINGS -> ROLES -> NEW -> ROLES LIST */
  3633. .rolesTable-3622Dd {
  3634.   padding: 16px;
  3635.   border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  3636.   border: 1px solid var(--card-border-color); }
  3637.   .rolesTable-3622Dd .tableHeader-3x_1oD {
  3638.     margin-left: 0;
  3639.     margin-bottom: 0; }
  3640.     .rolesTable-3622Dd .tableHeader-3x_1oD .dragSpacing-3xep_M {
  3641.       display: none; }
  3642.   .rolesTable-3622Dd .tableTitle-36-jum {
  3643.     font-size: 1em;
  3644.     color: var(--card-header-text-color);
  3645.     font-weight: 500;
  3646.     text-transform: none; }
  3647.     .rolesTable-3622Dd .tableTitle-36-jum.memberSpacing-1zJbKJ {
  3648.       margin-left: 64px; }
  3649.  
  3650. .roleRow-30TwGe {
  3651.   margin-left: 0;
  3652.   margin-right: 0;
  3653.   padding-right: 16px;
  3654.   position: relative;
  3655.   border-bottom: none;
  3656.   border-radius: 0;
  3657.   border-left: 1px solid var(--card-border-color);
  3658.   border-right: 1px solid var(--card-border-color);
  3659.   transition: var(--default-time) var(--default-animation); }
  3660.   .roleRow-30TwGe:after {
  3661.     position: absolute;
  3662.     content: " ";
  3663.     width: calc(100% - 62px);
  3664.     height: 1px;
  3665.     right: 0;
  3666.     bottom: 0;
  3667.     background-color: var(--card-border-color); }
  3668.   .roleRow-30TwGe:last-of-type:after {
  3669.     display: none; }
  3670.   .roleRow-30TwGe:hover {
  3671.     background-color: var(--card-color-hover); }
  3672.     .roleRow-30TwGe:hover:after {
  3673.       background-color: var(--card-border-color); }
  3674.   .roleRow-30TwGe:before {
  3675.     display: none; }
  3676.   .roleRow-30TwGe:last-of-type {
  3677.     border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  3678.     border-bottom: 1px solid var(--card-border-color); }
  3679.   .roleRow-30TwGe .secondary-dIudih {
  3680.     background-color: transparent !important;
  3681.     position: relative; }
  3682.     .roleRow-30TwGe .secondary-dIudih:after {
  3683.       content: " ";
  3684.       position: absolute;
  3685.       width: 100%;
  3686.       height: 100%;
  3687.       top: 0;
  3688.       left: 0;
  3689.       background-color: rgba(var(--md-ripple-color), 0.1);
  3690.       border-radius: 50%;
  3691.       opacity: 0;
  3692.       pointer-events: none;
  3693.       transform: scale(1.2);
  3694.       transition: 300ms ease;
  3695.       z-index: 4; }
  3696.     .roleRow-30TwGe .secondary-dIudih:hover:after {
  3697.       opacity: 1;
  3698.       transform: scale(1);
  3699.       animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  3700.     .roleRow-30TwGe .secondary-dIudih:active:after {
  3701.       background-color: rgba(var(--md-ripple-color), 0.2); }
  3702.   .roleRow-30TwGe .dragIcon-I74byJ,
  3703.   .roleRow-30TwGe .editButton-1V012_ {
  3704.     opacity: 0;
  3705.     transition: var(--default-time) var(--default-animation); }
  3706.   .roleRow-30TwGe:hover .dragIcon-I74byJ,
  3707.   .roleRow-30TwGe:hover .editButton-1V012_ {
  3708.     opacity: 1; }
  3709.  
  3710. /* SERVER SETTINGS -> ROLES -> NEW -> EDIT ROLE */
  3711. .page-3njELR {
  3712.   width: 100%;
  3713.   min-width: 100%; }
  3714.   .page-3njELR .sidebar-dLM-kh,
  3715.   .page-3njELR .contentContainer-14yMzC {
  3716.     position: relative; }
  3717.   .page-3njELR .sidebar-dLM-kh {
  3718.     margin-left: 40px;
  3719.     border-right-color: var(--card-border-color); }
  3720.     .page-3njELR .sidebar-dLM-kh .list-I3aHXn {
  3721.       padding: 0 16px 96px 16px;
  3722.       background-color: transparent;
  3723.       border: none; }
  3724.     .page-3njELR .sidebar-dLM-kh .titleContainer-2CXtJo {
  3725.       margin-left: 0;
  3726.       margin-right: 0;
  3727.       background-color: var(--main-color); }
  3728.       .page-3njELR .sidebar-dLM-kh .titleContainer-2CXtJo .titleText-1lbERP {
  3729.         font-size: 16px;
  3730.         text-transform: none; }
  3731.     .page-3njELR .sidebar-dLM-kh .item-PXvHYJ {
  3732.       width: auto;
  3733.       padding: 0 12px;
  3734.       border-radius: 16px; }
  3735.       .page-3njELR .sidebar-dLM-kh .item-PXvHYJ:before {
  3736.         display: none; }
  3737.     .page-3njELR .sidebar-dLM-kh .roleDot-ZwSovK {
  3738.       border: none; }
  3739.   .page-3njELR .contentContainer-14yMzC {
  3740.     left: 0;
  3741.     flex: 1; }
  3742.   .page-3njELR .contentWidth-xLB44s {
  3743.     width: auto;
  3744.     min-width: auto;
  3745.     max-width: none;
  3746.     padding-right: 82px; }
  3747.   .page-3njELR .header-2mZ9Ov {
  3748.     margin-left: 0;
  3749.     margin-right: 0;
  3750.     padding: 60px 0 0;
  3751.     background-color: var(--main-color);
  3752.     transition: var(--default-time) var(--default-animation) border-bottom-color; }
  3753.     .page-3njELR .header-2mZ9Ov.stickyHeaderElevated-I6QUOA {
  3754.       box-shadow: none; }
  3755.     .page-3njELR .header-2mZ9Ov .titleText-1ZIyhl {
  3756.       font-size: 16px;
  3757.       text-transform: none; }
  3758.     .page-3njELR .header-2mZ9Ov + div + .divider-1QCnvR {
  3759.       display: none; }
  3760.   .page-3njELR .tabBar-11f3uI {
  3761.     margin-left: 0;
  3762.     border-bottom: 1px solid var(--card-border-color); }
  3763.     .page-3njELR .tabBar-11f3uI .item-PXvHYJ {
  3764.       margin: 0 8px;
  3765.       padding: 16px 0;
  3766.       background-color: transparent !important;
  3767.       border-radius: 0; }
  3768.       .page-3njELR .tabBar-11f3uI .item-PXvHYJ:first-of-type {
  3769.         margin: 0 8px 0 0; }
  3770.       .page-3njELR .tabBar-11f3uI .item-PXvHYJ.selected-3s45Ha {
  3771.         position: relative; }
  3772.         .page-3njELR .tabBar-11f3uI .item-PXvHYJ.selected-3s45Ha:after {
  3773.           position: absolute;
  3774.           content: " ";
  3775.           width: 100%;
  3776.           height: 3px;
  3777.           left: 0;
  3778.           right: 0;
  3779.           bottom: 0;
  3780.           margin: 0 auto;
  3781.           background: var(--tab-border-color);
  3782.           border-radius: 3px 3px 0 0;
  3783.           transition: var(--default-time) ease all; }
  3784.   .page-3njELR .searchContainer-3pUVEQ,
  3785.   .page-3njELR .searchContainer-2gy0Sr {
  3786.     margin-top: 16px;
  3787.     padding-bottom: 16px;
  3788.     border-bottom: 1px solid var(--card-border-color); }
  3789.   .page-3njELR .previewContainer-1KQDJS {
  3790.     background-color: transparent;
  3791.     border-radius: var(--card-radius-big);
  3792.     border: none; }
  3793.     .page-3njELR .previewContainer-1KQDJS .messageContainer-1DiFnQ {
  3794.       background-color: var(--chat-color); }
  3795.   .page-3njELR .permissionsForm-1DoqZ5 .container-2_Tvc_ {
  3796.     margin-bottom: 20px; }
  3797.   .page-3njELR + .toolsContainer-1edPuj {
  3798.     position: absolute;
  3799.     top: 0;
  3800.     right: 0;
  3801.     z-index: 2; }
  3802.  
  3803. .list-I3aHXn {
  3804.   background-color: var(--card-color);
  3805.   border-radius: var(--card-radius-big);
  3806.   border: 1px solid var(--card-border-color); }
  3807.  
  3808. /* SERVER SETTINGS -> ROLES -> VIEW AS ROLE */
  3809. .container-3LUQwT {
  3810.   padding: 0;
  3811.   background-color: var(--popout-color);
  3812.   border-radius: var(--popout-radius-big);
  3813.   box-shadow: var(--shadow-3dp); }
  3814.   .container-3LUQwT .container-cMG81i {
  3815.     height: auto;
  3816.     padding: 8px;
  3817.     background-color: transparent;
  3818.     border-radius: 0;
  3819.     border-bottom: 1px solid var(--popout-header-border); }
  3820.     .container-3LUQwT .container-cMG81i .inner-2P4tQO {
  3821.       border-radius: 16px;
  3822.       background-color: var(--input-color); }
  3823.   .container-3LUQwT .list-1xE9GQ {
  3824.     margin-top: 0;
  3825.     padding: 0; }
  3826.     .container-3LUQwT .list-1xE9GQ .item-2J2GlB {
  3827.       border-radius: 0;
  3828.       transition: var(--default-time) var(--default-animation) background-color; }
  3829.       .container-3LUQwT .list-1xE9GQ .item-2J2GlB:hover {
  3830.         background-color: var(--menu-item-hover); }
  3831.  
  3832. /* SERVER SETTINGS -> EMOJI */
  3833. .emojiRow-zIc7ZX {
  3834.   padding: 0 16px; }
  3835.   .emojiRow-zIc7ZX:after {
  3836.     width: calc(100% - 56px); }
  3837.   .emojiRow-zIc7ZX:nth-child(2):last-of-type {
  3838.     border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); }
  3839.   .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz {
  3840.     border-bottom: none !important; }
  3841.     .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz:before, .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz:after {
  3842.       display: none; }
  3843.     .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
  3844.       padding: 0 8px;
  3845.       border-radius: 16px; }
  3846.   .emojiRow-zIc7ZX .emojiAliasPlaceholder-3H_iZA {
  3847.     height: 32px;
  3848.     margin-left: 8px;
  3849.     padding: 0;
  3850.     line-height: 34px; }
  3851.   .emojiRow-zIc7ZX .emojiRemove-1k6MlJ {
  3852.     right: -12px; }
  3853.  
  3854. .title-3sZWYQ + .marginBottom40-2vIwTv .marginBottom4-2qk4Hy {
  3855.   margin-bottom: 0;
  3856.   padding: 16px;
  3857.   border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  3858.   border: 1px solid var(--card-border-color); }
  3859.   .title-3sZWYQ + .marginBottom40-2vIwTv .marginBottom4-2qk4Hy .description-3_Ncsb {
  3860.     font-weight: 600; }
  3861.  
  3862. /* SERVER SETTINGS -> AUDIT LOG */
  3863. .auditLog-3jNbM6 {
  3864.   margin-bottom: 0;
  3865.   border: none; }
  3866.   .auditLog-3jNbM6 .header-GwIGlr {
  3867.     position: relative;
  3868.     background-color: transparent;
  3869.     border-left: 1px solid var(--card-border-color);
  3870.     border-right: 1px solid var(--card-border-color); }
  3871.     .auditLog-3jNbM6 .header-GwIGlr:after {
  3872.       position: absolute;
  3873.       content: " ";
  3874.       width: 100%;
  3875.       height: 1px;
  3876.       right: 0;
  3877.       top: 0;
  3878.       background-color: var(--card-border-color); }
  3879.   .auditLog-3jNbM6 .divider-1pnAR2 {
  3880.     display: none; }
  3881.   .auditLog-3jNbM6 .changeDetails-bk98pu {
  3882.     background-color: transparent !important;
  3883.     border-left: 1px solid var(--card-border-color);
  3884.     border-right: 1px solid var(--card-border-color); }
  3885.   .auditLog-3jNbM6:first-of-type .header-GwIGlr {
  3886.     border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  3887.     border-top: 1px solid var(--card-border-color); }
  3888.     .auditLog-3jNbM6:first-of-type .header-GwIGlr:after {
  3889.       display: none; }
  3890.   .auditLog-3jNbM6:last-of-type .header-GwIGlr {
  3891.     border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  3892.     border-bottom: 1px solid var(--card-border-color); }
  3893.     .auditLog-3jNbM6:last-of-type .header-GwIGlr.headerExpanded-CUEwZ5 {
  3894.       border-radius: 0;
  3895.       border-bottom: none; }
  3896.   .auditLog-3jNbM6:last-of-type .changeDetails-bk98pu:last-of-type {
  3897.     border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  3898.     border-bottom: 1px solid var(--card-border-color); }
  3899.  
  3900. /* SERVER SETTINGS -> INTEGRATIONS */
  3901. .iconWrapper-lS1uig {
  3902.   background-color: var(--menu-item-select); }
  3903.  
  3904. .footerPlaceholder-3sjNqI .card-3Qj_Yx.card-o7rAq- {
  3905.   background-color: var(--card-color) !important;
  3906.   border-radius: var(--card-radius-big) !important;
  3907.   border: 1px solid var(--card-border-color) !important; }
  3908.  
  3909. .card-3IImnr {
  3910.   background-color: var(--card-color) !important;
  3911.   border-radius: var(--card-radius-big) !important;
  3912.   border: 1px solid var(--card-border-color) !important; }
  3913.   .card-3IImnr .header-146Xl5 {
  3914.     border-bottom: 1px solid var(--card-border-color); }
  3915.     .card-3IImnr .header-146Xl5:only-child {
  3916.       border-bottom: none; }
  3917.   .card-3IImnr .body-1zRX82 {
  3918.     padding: 16px; }
  3919.     .card-3IImnr .body-1zRX82 .divider-3573oO {
  3920.       display: none; }
  3921.  
  3922. .card-1o0mns {
  3923.   padding: 0;
  3924.   background-color: var(--card-color) !important;
  3925.   border-radius: var(--card-radius-big) !important;
  3926.   border: 1px solid var(--card-border-color) !important; }
  3927.   .card-1o0mns > .flex-1xMQg5 > .flex-1xMQg5:first-child {
  3928.     padding: 16px;
  3929.     border-bottom: 1px solid var(--card-border-color); }
  3930.   .card-1o0mns .divider-3573oO {
  3931.     display: none; }
  3932.   .card-1o0mns .permissionHeader-asGFgR {
  3933.     margin-top: 16px;
  3934.     padding: 0 16px; }
  3935.     .card-1o0mns .permissionHeader-asGFgR + .flex-1xMQg5 {
  3936.       padding: 8px 16px 16px; }
  3937.   .card-1o0mns .rolePills-32B_DQ {
  3938.     margin-top: 8px;
  3939.     padding: 0 16px; }
  3940.   .card-1o0mns .permission-23FtuH {
  3941.     height: 24px;
  3942.     margin-top: 0; }
  3943.     .card-1o0mns .permission-23FtuH .check-2-1yhI, .card-1o0mns .permission-23FtuH .cross-22YsmA {
  3944.       top: 0;
  3945.       bottom: 0;
  3946.       margin: auto 8px auto 0; }
  3947.     .card-1o0mns .permission-23FtuH .colorStandard-2KCXvj {
  3948.       line-height: 24px; }
  3949.  
  3950. /* SERVER SETTINGS -> SERVER TEMPLATE */
  3951. .descriptionBox-1EKQKL {
  3952.   background-color: transparent;
  3953.   border-radius: var(--card-radius-big);
  3954.   border: 1px solid var(--card-border-color); }
  3955.  
  3956. /* SERVER SETTINGS -> COMMUNITY -> OVERVIEW */
  3957. .upsellContainer-L9xv7w {
  3958.   background-color: var(--card-color);
  3959.   border-radius: var(--card-radius-big);
  3960.   border: 1px solid var(--card-border-color); }
  3961.   .upsellContainer-L9xv7w .upsellFooter-ZYsio_ {
  3962.     padding: 8px;
  3963.     background-color: transparent;
  3964.     border-top: 1px solid var(--card-border-color); }
  3965.  
  3966. /* SERVER SETTINGS -> COMMUNITY -> SERVER INSIGHTS */
  3967. .backgroundAccent-349kuI {
  3968.   padding: 16px;
  3969.   background-color: var(--card-color);
  3970.   border-radius: var(--card-radius-big);
  3971.   border: 1px solid var(--card-border-color);
  3972.   color: var(--header-secondary); }
  3973.  
  3974. .developerPortalCtaWrapper-2XNafh {
  3975.   padding-bottom: 16px;
  3976.   background-color: var(--card-color);
  3977.   border-radius: var(--card-radius-big);
  3978.   border: 1px solid var(--card-border-color); }
  3979.  
  3980. /* SERVER SETTINGS -> COMMUNITY -> PARTNER PROGRAM */
  3981. .featureCard-1RR4Tl {
  3982.   background-color: var(--card-color);
  3983.   border-radius: var(--card-radius-big);
  3984.   border: 1px solid var(--card-border-color); }
  3985.  
  3986. .checklistContainer-mFJZEJ {
  3987.   width: 100%;
  3988.   margin: 0;
  3989.   background-color: var(--card-color);
  3990.   border-radius: var(--card-radius-big);
  3991.   border: 1px solid var(--card-border-color); }
  3992.   .checklistContainer-mFJZEJ .checklistHeader-1KWcEY {
  3993.     padding: 16px;
  3994.     background-color: transparent;
  3995.     border-bottom: 1px solid var(--card-border-color);
  3996.     font-size: 1em;
  3997.     color: var(--card-header-text-color);
  3998.     font-weight: 500; }
  3999.   .checklistContainer-mFJZEJ .checklistItem-37OOck {
  4000.     position: relative;
  4001.     border-bottom: none; }
  4002.     .checklistContainer-mFJZEJ .checklistItem-37OOck:after {
  4003.       position: absolute;
  4004.       content: " ";
  4005.       width: calc(100% - 52px);
  4006.       height: 1px;
  4007.       right: 0;
  4008.       bottom: 0;
  4009.       background-color: var(--card-border-color); }
  4010.     .checklistContainer-mFJZEJ .checklistItem-37OOck:last-of-type:after {
  4011.       display: none; }
  4012.     .checklistContainer-mFJZEJ .checklistItem-37OOck + .separator-Hx_3SF {
  4013.       display: none; }
  4014.  
  4015. /* SERVER SETTINGS -> COMMUNITY -> DISCOVERY */
  4016. .container-2w0lh0 {
  4017.   background-color: var(--card-color);
  4018.   border-radius: var(--card-radius-big);
  4019.   border: 1px solid var(--card-border-color); }
  4020.   .container-2w0lh0 .header-2Y0-A- {
  4021.     padding: 16px;
  4022.     background-color: transparent;
  4023.     border-bottom: 1px solid var(--card-border-color);
  4024.     font-size: 1em;
  4025.     color: var(--card-header-text-color);
  4026.     font-weight: 500; }
  4027.   .container-2w0lh0 .checklistItem-37OOck {
  4028.     position: relative;
  4029.     border-bottom: none; }
  4030.     .container-2w0lh0 .checklistItem-37OOck:after {
  4031.       position: absolute;
  4032.       content: " ";
  4033.       width: calc(100% - 52px);
  4034.       height: 1px;
  4035.       right: 0;
  4036.       bottom: 0;
  4037.       background-color: var(--card-border-color); }
  4038.     .container-2w0lh0 .checklistItem-37OOck:last-of-type:after {
  4039.       display: none; }
  4040.     .container-2w0lh0 .checklistItem-37OOck + .separator-1COOpU {
  4041.       display: none; }
  4042.  
  4043. .card-3_CqkU {
  4044.   background-color: var(--card-color);
  4045.   border-radius: var(--card-radius-big);
  4046.   border: 1px solid var(--card-border-color);
  4047.   box-shadow: none !important; }
  4048.  
  4049. /* SERVER SETTINGS -> COMMUNITY -> MEMBERSHIP SCREENING */
  4050. .enableContainer-2DIT9Q {
  4051.   background-color: var(--card-color);
  4052.   border-radius: var(--card-radius-big);
  4053.   border: 1px solid var(--card-border-color); }
  4054.  
  4055. .previewContainer-12Libf .editableFieldsContainer-1LYE1s {
  4056.   width: auto; }
  4057.   .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I {
  4058.     background-color: var(--card-color);
  4059.     border-radius: var(--card-radius-big);
  4060.     border: 1px solid var(--card-border-color);
  4061.     padding: 0; }
  4062.     .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .settingsFormFieldWrapper-3Y77Pr.flex-1xMQg5 {
  4063.       margin: 16px; }
  4064.     .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .settingsFormFieldWrapper-3Y77Pr:not(.flex-1xMQg5) {
  4065.       padding: 0;
  4066.       background-color: transparent;
  4067.       border: none; }
  4068.     .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .settingsLink-uq19Vg {
  4069.       padding: 8px;
  4070.       background-color: transparent;
  4071.       border-top: 1px solid var(--card-border-color); }
  4072.     .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .h5-18_1nd {
  4073.       padding: 16px;
  4074.       background-color: transparent;
  4075.       border-bottom: 1px solid var(--card-border-color);
  4076.       font-size: 1em;
  4077.       color: var(--card-header-text-color);
  4078.       font-weight: 500; }
  4079.     .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm {
  4080.       padding: 16px;
  4081.       position: relative;
  4082.       border-bottom: none; }
  4083.       .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm:after {
  4084.         position: absolute;
  4085.         content: " ";
  4086.         width: calc(100% - 44px);
  4087.         height: 1px;
  4088.         right: 0;
  4089.         bottom: 0;
  4090.         background-color: var(--card-border-color); }
  4091.       .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm:last-of-type:after {
  4092.         display: none; }
  4093.       .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm .termsRowContent-24S2LO {
  4094.         padding-left: 16px; }
  4095.     .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .checkbox-BXy2rz {
  4096.       margin-top: 0;
  4097.       padding: 8px;
  4098.       background-color: transparent;
  4099.       border-top: 1px solid var(--card-border-color); }
  4100.       .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .checkbox-BXy2rz.checkboxWrapperDisabled-36r8NK {
  4101.         opacity: 1; }
  4102.  
  4103. /* SERVER SETTINGS -> COMMUNITY -> WELCOME SCREEN */
  4104. .enableContainer-6E-puu {
  4105.   padding: 16px;
  4106.   background-color: transparent;
  4107.   border-bottom: 1px solid var(--card-border-color);
  4108.   font-size: 1em;
  4109.   color: var(--card-header-text-color);
  4110.   font-weight: 500;
  4111.   border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  4112.   border: 1px solid var(--card-border-color); }
  4113.  
  4114. .previewContainer-1SS3uO {
  4115.   background-color: var(--card-color);
  4116.   border-radius: var(--card-radius-big);
  4117.   border: 1px solid var(--card-border-color);
  4118.   border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  4119.   border-top: none; }
  4120.   .previewContainer-1SS3uO .descriptionInput-3b30C8 {
  4121.     line-height: 32px; }
  4122.     .previewContainer-1SS3uO .descriptionInput-3b30C8[placeholder] {
  4123.       text-align: left; }
  4124.   .previewContainer-1SS3uO .welcomeChannel-1rFrIO {
  4125.     background-color: var(--card-color);
  4126.     border-radius: var(--card-radius-big);
  4127.     border: 1px solid var(--card-border-color); }
  4128.  
  4129. .iconActiveLarger-1L4Joi {
  4130.   border-radius: 50%; }
  4131.  
  4132. .options-1VK2u9 {
  4133.   background-color: var(--card-color);
  4134.   border-radius: var(--card-radius-big);
  4135.   border: 1px solid var(--card-border-color); }
  4136.   .options-1VK2u9 .optionContainer-15srkc {
  4137.     margin-top: 0;
  4138.     border-radius: 0;
  4139.     background-color: transparent;
  4140.     position: relative;
  4141.     border-bottom: none; }
  4142.     .options-1VK2u9 .optionContainer-15srkc:after {
  4143.       position: absolute;
  4144.       content: " ";
  4145.       width: calc(100% - 48px);
  4146.       height: 1px;
  4147.       right: 0;
  4148.       bottom: 0;
  4149.       background-color: var(--card-border-color); }
  4150.     .options-1VK2u9 .optionContainer-15srkc:last-of-type:after {
  4151.       display: none; }
  4152.  
  4153. .close-2do-tr {
  4154.   background-color: transparent !important;
  4155.   position: relative;
  4156.   position: absolute; }
  4157.   .close-2do-tr:after {
  4158.     content: " ";
  4159.     position: absolute;
  4160.     width: 100%;
  4161.     height: 100%;
  4162.     top: 0;
  4163.     left: 0;
  4164.     background-color: rgba(var(--md-ripple-color), 0.1);
  4165.     border-radius: 50%;
  4166.     opacity: 0;
  4167.     pointer-events: none;
  4168.     transform: scale(1.2);
  4169.     transition: 300ms ease;
  4170.     z-index: 4; }
  4171.   .close-2do-tr:hover:after {
  4172.     opacity: 1;
  4173.     transform: scale(1.6);
  4174.     animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  4175.   .close-2do-tr:active:after {
  4176.     background-color: rgba(var(--md-ripple-color), 0.2); }
  4177.  
  4178. .modalContents-eAxMSD {
  4179.   padding: 0; }
  4180.   .modalContents-eAxMSD .headerText-sweXCL {
  4181.     margin: 0;
  4182.     padding: 16px 16px 0; }
  4183.     .modalContents-eAxMSD .headerText-sweXCL + .formDescription-30JriC {
  4184.       margin: 0;
  4185.       padding: 0 16px 16px;
  4186.       border-bottom: 1px solid var(--popout-header-border); }
  4187.   .modalContents-eAxMSD > div:not([class]) {
  4188.     padding: 16px 16px 0; }
  4189.     .modalContents-eAxMSD > div:not([class]) + div:not([class]) {
  4190.       padding: 0 16px 16px; }
  4191.   .modalContents-eAxMSD .emojiButtonContainer-1zs7UV {
  4192.     margin-top: 4px;
  4193.     padding: 0; }
  4194.   .modalContents-eAxMSD .channelDescriptionWrapper-2-llqU .inputWrapper-31_8H8 {
  4195.     margin-left: 32px; }
  4196.  
  4197. /* SERVER SETTINGS -> SERVER BOOST STATUS */
  4198. .tier-3H4BXk .tierHeader-rlkkJd {
  4199.   border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; }
  4200.   .tier-3H4BXk .tierHeader-rlkkJd.tierHeaderLocked-1a2opw {
  4201.     padding: 16px;
  4202.     background-color: transparent;
  4203.     border-bottom: 1px solid var(--card-border-color);
  4204.     font-size: 1em;
  4205.     color: var(--card-header-text-color);
  4206.     font-weight: 500;
  4207.     border: 1px solid var(--card-border-color); }
  4208.   .tier-3H4BXk .tierHeader-rlkkJd.tierHeaderUnlocked-2RhWqn {
  4209.     padding: 16px; }
  4210.   .tier-3H4BXk .tierHeader-rlkkJd .tierHeaderContent-2-YfvN {
  4211.     padding: 0; }
  4212.     .tier-3H4BXk .tierHeader-rlkkJd .tierHeaderContent-2-YfvN .tierLock-1oFMOZ path {
  4213.       d: path("M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z") !important; }
  4214. .tier-3H4BXk .tierBody-x9kBBp {
  4215.   background-color: transparent !important;
  4216.   border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  4217.   border: 1px solid var(--card-border-color);
  4218.   border-top: none; }
  4219.  
  4220. /* SERVER SETTINGS -> USER MANAGEMENT -> MEMBERS */
  4221. .content-3YMskv div:not([class]):nth-child(2) .divider-3573oO[style="margin-bottom: -1px;"] {
  4222.   display: none; }
  4223.  
  4224. .container-cMG81i {
  4225.   height: 32px;
  4226.   background-color: var(--input-color);
  4227.   border-radius: 16px; }
  4228.   .container-cMG81i .inner-2P4tQO {
  4229.     padding: 0; }
  4230.     .container-cMG81i .inner-2P4tQO .input-3Xdcic {
  4231.       height: 32px;
  4232.       margin: 0;
  4233.       padding: 0 4px 0 12px; }
  4234.     .container-cMG81i .inner-2P4tQO .iconLayout-3OgqU3 {
  4235.       width: 32px;
  4236.       height: 32px;
  4237.       margin-right: 8px; }
  4238.  
  4239. .container-3XJ8ns {
  4240.   padding: 0;
  4241.   background-color: var(--popout-color);
  4242.   border-radius: var(--popout-radius);
  4243.   border: none;
  4244.   box-shadow: var(--shadow-3dp);
  4245.   animation: top-pop-out 400ms var(--default-animation); }
  4246.   .container-3XJ8ns .container-cMG81i {
  4247.     margin: 12px 8px; }
  4248.   .container-3XJ8ns .list-1MFD7e {
  4249.     margin-top: 0;
  4250.     border-top: 1px solid var(--card-border-color); }
  4251.     .container-3XJ8ns .list-1MFD7e .content-3YMskv {
  4252.       height: auto !important; }
  4253.     .container-3XJ8ns .list-1MFD7e .item-2J2GlB {
  4254.       margin-bottom: 0;
  4255.       border-radius: 0;
  4256.       color: var(--menu-item-text-color);
  4257.       transition: var(--default-time) var(--default-animation) background-color; }
  4258.       .container-3XJ8ns .list-1MFD7e .item-2J2GlB:hover {
  4259.         background-color: var(--menu-item-hover); }
  4260.       .container-3XJ8ns .list-1MFD7e .item-2J2GlB.selected-2114Fj {
  4261.         background-color: var(--menu-item-select); }
  4262.  
  4263. body:active .container-3XJ8ns:not(:active) {
  4264.   opacity: 0;
  4265.   transition: 150ms ease all; }
  4266.  
  4267. .member-1q7VfX {
  4268.   padding: 16px; }
  4269.   .member-1q7VfX:after {
  4270.     width: calc(100% - 66px); }
  4271.   .member-1q7VfX:nth-child(3) {
  4272.     margin-top: 24px;
  4273.     border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  4274.     border-top: 1px solid var(--card-border-color); }
  4275.     .member-1q7VfX:nth-child(3):last-of-type {
  4276.       border-radius: var(--card-radius-big); }
  4277.   .member-1q7VfX:last-of-type {
  4278.     margin-bottom: 32px; }
  4279.   .member-1q7VfX .roleWrapper-1Hde_V {
  4280.     overflow: visible; }
  4281.   .member-1q7VfX .button-38aScr {
  4282.     height: 32px;
  4283.     background-color: transparent !important;
  4284.     position: relative; }
  4285.     .member-1q7VfX .button-38aScr:after {
  4286.       content: " ";
  4287.       position: absolute;
  4288.       width: 100%;
  4289.       height: 100%;
  4290.       top: 0;
  4291.       left: 0;
  4292.       background-color: rgba(var(--md-ripple-color), 0.1);
  4293.       border-radius: 50%;
  4294.       opacity: 0;
  4295.       pointer-events: none;
  4296.       transform: scale(1.2);
  4297.       transition: 300ms ease;
  4298.       z-index: 4; }
  4299.     .member-1q7VfX .button-38aScr:hover:after {
  4300.       opacity: 1;
  4301.       transform: scale(1.1);
  4302.       animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  4303.     .member-1q7VfX .button-38aScr:active:after {
  4304.       background-color: rgba(var(--md-ripple-color), 0.2); }
  4305.  
  4306. .overflowRolesPopout-140n9i {
  4307.   width: 240px;
  4308.   padding: 0;
  4309.   background-color: var(--popout-color) !important;
  4310.   border-radius: var(--popout-radius-big) !important;
  4311.   box-shadow: var(--shadow-3dp) !important; }
  4312.   .overflowRolesPopout-140n9i .overflowRolesPopoutHeader-ciqDLE {
  4313.     margin-bottom: 0;
  4314.     padding: 16px;
  4315.     border-bottom: 1px solid var(--popout-header-border); }
  4316.   .overflowRolesPopout-140n9i .overflowRolesPopoutHeaderText-1SW-y3 {
  4317.     font-size: 14px;
  4318.     text-transform: none; }
  4319.   .overflowRolesPopout-140n9i .root-3-B5F3 {
  4320.     padding: 8px; }
  4321.  
  4322. /* SERVER SETTINGS -> USER MANAGEMENT -> INVITES */
  4323. .headerSection-3-3lNF {
  4324.   padding-bottom: 0; }
  4325.   .headerSection-3-3lNF .divider-3573oO {
  4326.     display: none; }
  4327.   .headerSection-3-3lNF .horizontal-1ae9ci {
  4328.     padding: 16px;
  4329.     border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  4330.     border: 1px solid var(--card-border-color); }
  4331.  
  4332. .inviteSettingsInviteRow-3p2O-N {
  4333.   height: 68px;
  4334.   padding: 16px; }
  4335.   .inviteSettingsInviteRow-3p2O-N:after {
  4336.     width: calc(100% - 64px); }
  4337.   .inviteSettingsInviteRow-3p2O-N .text-21vYb9 .user-3x-NP9 .avatar-1D9RQa {
  4338.     position: absolute;
  4339.     width: 34px !important;
  4340.     height: 34px !important;
  4341.     top: 0;
  4342.     bottom: 0;
  4343.     margin: auto 0; }
  4344.   .inviteSettingsInviteRow-3p2O-N .text-21vYb9 .user-3x-NP9 .username-38XC76 {
  4345.     margin-left: 48px; }
  4346.   .inviteSettingsInviteRow-3p2O-N .text-21vYb9 .colorHeaderSecondary-3Sp3Ft {
  4347.     margin-left: 48px; }
  4348.   .inviteSettingsInviteRow-3p2O-N .revokeInvite-28N8uj {
  4349.     right: -16px; }
  4350.  
  4351. /* SERVER SETTINGS -> USER MANAGEMENT -> BANS */
  4352. .bannedUser-1IalTM {
  4353.   padding: 16px; }
  4354.   .bannedUser-1IalTM:after {
  4355.     width: calc(100% - 64px); }
  4356.   .bannedUser-1IalTM:nth-child(3) {
  4357.     border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  4358.     border-top: 1px solid var(--card-border-color); }
  4359.     .bannedUser-1IalTM:nth-child(3):last-of-type {
  4360.       border-radius: var(--card-radius-big); }
  4361.   .bannedUser-1IalTM:last-of-type {
  4362.     margin-bottom: 32px; }
  4363.  
  4364. .bannedUserModal-3RJCOV {
  4365.   min-height: 180px; }
  4366.   .bannedUserModal-3RJCOV .content-1x7qW2 {
  4367.     padding: 0 !important; }
  4368.     .bannedUserModal-3RJCOV .content-1x7qW2::-webkit-scrollbar {
  4369.       width: 0px !important; }
  4370.     .bannedUserModal-3RJCOV .content-1x7qW2 .horizontal-1ae9ci {
  4371.       padding: 16px;
  4372.       justify-content: left;
  4373.       border-bottom: 1px solid var(--card-border-color); }
  4374.     .bannedUserModal-3RJCOV .content-1x7qW2 .reasonHeader-2etdjy {
  4375.       margin-top: 0;
  4376.       padding: 16px;
  4377.       font-size: 14px;
  4378.       text-transform: none; }
  4379.       .bannedUserModal-3RJCOV .content-1x7qW2 .reasonHeader-2etdjy + .size14-e6ZScH {
  4380.         padding: 0 16px 16px; }
  4381.  
  4382. /* SERVER SETTINGS -> LISTS */
  4383. .emojiRow-zIc7ZX,
  4384. .member-1q7VfX,
  4385. .inviteSettingsInviteRow-3p2O-N,
  4386. .bannedUser-1IalTM {
  4387.   border-left: 1px solid var(--card-border-color);
  4388.   border-right: 1px solid var(--card-border-color);
  4389.   box-shadow: none !important; }
  4390.   .emojiRow-zIc7ZX:before,
  4391.   .member-1q7VfX:before,
  4392.   .inviteSettingsInviteRow-3p2O-N:before,
  4393.   .bannedUser-1IalTM:before {
  4394.     display: none; }
  4395.   .emojiRow-zIc7ZX:after,
  4396.   .member-1q7VfX:after,
  4397.   .inviteSettingsInviteRow-3p2O-N:after,
  4398.   .bannedUser-1IalTM:after {
  4399.     position: absolute;
  4400.     content: " ";
  4401.     height: 1px;
  4402.     bottom: 0;
  4403.     right: 0;
  4404.     background-color: var(--card-border-color); }
  4405.   .emojiRow-zIc7ZX:last-of-type,
  4406.   .member-1q7VfX:last-of-type,
  4407.   .inviteSettingsInviteRow-3p2O-N:last-of-type,
  4408.   .bannedUser-1IalTM:last-of-type {
  4409.     border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  4410.     border-bottom: 1px solid var(--card-border-color); }
  4411.     .emojiRow-zIc7ZX:last-of-type:after,
  4412.     .member-1q7VfX:last-of-type:after,
  4413.     .inviteSettingsInviteRow-3p2O-N:last-of-type:after,
  4414.     .bannedUser-1IalTM:last-of-type:after {
  4415.       display: none; }
  4416.  
  4417. /* SERVER SETTINGS -> SIDEBAR ICONS */
  4418. .side-8zPYf6 .item-PXvHYJ[aria-controls="OVERVIEW-tab"]:before {
  4419.   background-color: var(--text-normal);
  4420.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/dashboard.svg);
  4421.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/dashboard.svg);
  4422.   -webkit-mask-repeat: no-repeat;
  4423.   mask-repeat: no-repeat; }
  4424. .side-8zPYf6 .item-PXvHYJ[aria-controls="PERMISSIONS-tab"]:before {
  4425.   background-color: var(--text-normal);
  4426.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/lock_open.svg);
  4427.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/lock_open.svg);
  4428.   -webkit-mask-repeat: no-repeat;
  4429.   mask-repeat: no-repeat; }
  4430. .side-8zPYf6 .item-PXvHYJ[aria-controls="ROLES-tab"]:before {
  4431.   background-color: var(--text-normal);
  4432.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/people.svg);
  4433.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/people.svg);
  4434.   -webkit-mask-repeat: no-repeat;
  4435.   mask-repeat: no-repeat; }
  4436. .side-8zPYf6 .item-PXvHYJ[aria-controls="EMOJI-tab"]:before {
  4437.   background-color: var(--text-normal);
  4438.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/emoji.svg);
  4439.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/emoji.svg);
  4440.   -webkit-mask-repeat: no-repeat;
  4441.   mask-repeat: no-repeat; }
  4442. .side-8zPYf6 .item-PXvHYJ[aria-controls="MODERATION-tab"]:before {
  4443.   background-color: var(--text-normal);
  4444.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/moderation.svg);
  4445.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/moderation.svg);
  4446.   -webkit-mask-repeat: no-repeat;
  4447.   mask-repeat: no-repeat; }
  4448. .side-8zPYf6 .item-PXvHYJ[aria-controls="AUDIT_LOG-tab"]:before {
  4449.   background-color: var(--text-normal);
  4450.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/audit_log.svg);
  4451.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/audit_log.svg);
  4452.   -webkit-mask-repeat: no-repeat;
  4453.   mask-repeat: no-repeat; }
  4454. .side-8zPYf6 .item-PXvHYJ[aria-controls="INTEGRATIONS-tab"]:before {
  4455.   background-color: var(--text-normal);
  4456.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/integrations.svg);
  4457.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/integrations.svg);
  4458.   -webkit-mask-repeat: no-repeat;
  4459.   mask-repeat: no-repeat; }
  4460. .side-8zPYf6 .item-PXvHYJ[aria-controls="WIDGET-tab"]:before {
  4461.   background-color: var(--text-normal);
  4462.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/widgets.svg);
  4463.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/widgets.svg);
  4464.   -webkit-mask-repeat: no-repeat;
  4465.   mask-repeat: no-repeat; }
  4466. .side-8zPYf6 .item-PXvHYJ[aria-controls="GUILD_TEMPLATES-tab"]:before {
  4467.   background-color: var(--text-normal);
  4468.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/template.svg);
  4469.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/template.svg);
  4470.   -webkit-mask-repeat: no-repeat;
  4471.   mask-repeat: no-repeat; }
  4472. .side-8zPYf6 .item-PXvHYJ[aria-controls="COMMUNITY-tab"]:before {
  4473.   background-color: var(--text-normal);
  4474.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/dashboard.svg);
  4475.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/dashboard.svg);
  4476.   -webkit-mask-repeat: no-repeat;
  4477.   mask-repeat: no-repeat; }
  4478. .side-8zPYf6 .item-PXvHYJ[aria-controls="ANALYTICS-tab"]:before {
  4479.   background-color: var(--text-normal);
  4480.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/analytics.svg);
  4481.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/analytics.svg);
  4482.   -webkit-mask-repeat: no-repeat;
  4483.   mask-repeat: no-repeat; }
  4484. .side-8zPYf6 .item-PXvHYJ[aria-controls="PARTNER-tab"]:before {
  4485.   background-color: var(--text-normal);
  4486.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/partner_program.svg);
  4487.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/partner_program.svg);
  4488.   -webkit-mask-repeat: no-repeat;
  4489.   mask-repeat: no-repeat; }
  4490. .side-8zPYf6 .item-PXvHYJ[aria-controls="DISCOVERY-tab"]:before {
  4491.   background-color: var(--text-normal);
  4492.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/discovery.svg);
  4493.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/discovery.svg);
  4494.   -webkit-mask-repeat: no-repeat;
  4495.   mask-repeat: no-repeat; }
  4496. .side-8zPYf6 .item-PXvHYJ[aria-controls="MEMBER_VERIFICATION-tab"]:before {
  4497.   background-color: var(--text-normal);
  4498.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/verified_user.svg);
  4499.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/verified_user.svg);
  4500.   -webkit-mask-repeat: no-repeat;
  4501.   mask-repeat: no-repeat; }
  4502. .side-8zPYf6 .item-PXvHYJ[aria-controls="COMMUNITY_WELCOME-tab"]:before {
  4503.   background-color: var(--text-normal);
  4504.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/partner_program.svg);
  4505.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/partner_program.svg);
  4506.   -webkit-mask-repeat: no-repeat;
  4507.   mask-repeat: no-repeat; }
  4508. .side-8zPYf6 .item-PXvHYJ[aria-controls="GUILD_PREMIUM-tab"]:before {
  4509.   background-color: var(--text-normal);
  4510.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/server_boost.svg);
  4511.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/server_boost.svg);
  4512.   -webkit-mask-repeat: no-repeat;
  4513.   mask-repeat: no-repeat; }
  4514. .side-8zPYf6 .item-PXvHYJ[aria-controls="MEMBERS-tab"]:before {
  4515.   background-color: var(--text-normal);
  4516.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/people.svg);
  4517.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/people.svg);
  4518.   -webkit-mask-repeat: no-repeat;
  4519.   mask-repeat: no-repeat; }
  4520. .side-8zPYf6 .item-PXvHYJ[aria-controls="INSTANT_INVITES-tab"]:before {
  4521.   background-color: var(--text-normal);
  4522.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/person_add.svg);
  4523.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/person_add.svg);
  4524.   -webkit-mask-repeat: no-repeat;
  4525.   mask-repeat: no-repeat; }
  4526. .side-8zPYf6 .item-PXvHYJ[aria-controls="BANS-tab"]:before {
  4527.   background-color: var(--text-normal);
  4528.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/hammer.svg);
  4529.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/hammer.svg);
  4530.   -webkit-mask-repeat: no-repeat;
  4531.   mask-repeat: no-repeat; }
  4532. .side-8zPYf6 .item-PXvHYJ[aria-controls="DELETE-tab"]:before {
  4533.   background-color: var(--alert-color);
  4534.   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/delete.svg);
  4535.   mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/delete.svg);
  4536.   -webkit-mask-repeat: no-repeat;
  4537.   mask-repeat: no-repeat; }
  4538.  
  4539. /* SERVER SETTINGS -> ROLES */
  4540. .scroller-305q3I {
  4541.   background-color: transparent; }
  4542.  
  4543. @media (min-width: 1148px) {
  4544.   .sidebarScrollable-1qPI87 + .content-1rPSz4 {
  4545.     /*max-width: 100%;*/
  4546.     max-width: calc(100% - 232px);
  4547.     margin-left: 16px; } }
  4548. .role-3wi9Tf {
  4549.   padding: 0 10px !important; }
  4550.  
  4551. /*
  4552.  *
  4553.  *  PINNED MESSAGES
  4554.  *
  4555.  */
  4556. .iconBadge-qZ4Ksk {
  4557.   top: -2px;
  4558.   right: 4px;
  4559.   background-color: var(--accent-color);
  4560.   box-shadow: var(--shadow-1dp); }
  4561.  
  4562. .messagesPopoutWrap-1MQ1bW {
  4563.   max-height: 80vh !important;
  4564.   background-color: var(--popout-color);
  4565.   border-radius: var(--popout-radius-big);
  4566.   box-shadow: var(--shadow-3dp);
  4567.   animation: top-pop-out 400ms var(--default-animation); }
  4568.   .messagesPopoutWrap-1MQ1bW .header-ykumBX {
  4569.     padding: 0 16px;
  4570.     background-color: transparent;
  4571.     border-bottom: 1px solid var(--popout-header-border);
  4572.     box-shadow: none; }
  4573.     .messagesPopoutWrap-1MQ1bW .header-ykumBX .wrapper-1sSZUt {
  4574.       height: 52px;
  4575.       line-height: 52px; }
  4576.   .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi {
  4577.     padding: 0 8px 20px 8px; }
  4578.     .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G {
  4579.       margin: 0;
  4580.       background-color: transparent;
  4581.       border: none; }
  4582.       .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT {
  4583.         margin: 16px 8px 0 52px;
  4584.         padding: 12px !important;
  4585.         background-color: var(--message-color-alt) !important;
  4586.         border-radius: var(--message-radius); }
  4587.         .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT:before, .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT:after {
  4588.           display: none; }
  4589.         .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .avatar-1BDn8e {
  4590.           top: 0;
  4591.           left: -50px; }
  4592.         .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .container-1ov-mD {
  4593.           overflow: hidden;
  4594.           border-radius: var(--message-radius); }
  4595.       .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug {
  4596.         top: 22px;
  4597.         right: 12px; }
  4598.         .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .jumpButton-3DTcS_ {
  4599.           border-radius: 9px; }
  4600.  
  4601. body:active .messagesPopoutWrap-1MQ1bW:not(:active) {
  4602.   opacity: 0;
  4603.   transition: 150ms ease all; }
  4604.  
  4605. /*
  4606.  *
  4607.  *  COLOR PICKER
  4608.  *
  4609.  */
  4610. .colorPickerCustom-2CWBn2 {
  4611.   background-color: var(--popout-color) !important;
  4612.   border-radius: var(--popout-radius-big) !important;
  4613.   box-shadow: var(--shadow-3dp) !important;
  4614.   border: none; }
  4615.  
  4616. /*
  4617.  *
  4618.  *  CREATE GROUP DM
  4619.  *
  4620.  */
  4621. .popout-103y-5 .header-1TKi98 .marginTop20-3TxNs6 {
  4622.   margin-top: 8px; }
  4623. .popout-103y-5 .header-1TKi98 .container-2XeR5Z {
  4624.   background-color: var(--input-color);
  4625.   border-radius: 18px; }
  4626.   .popout-103y-5 .header-1TKi98 .container-2XeR5Z .inner-3ErfOT {
  4627.     padding: 0; }
  4628.   .popout-103y-5 .header-1TKi98 .container-2XeR5Z .input-1Rv96N {
  4629.     margin: 0;
  4630.     padding: 0 12px;
  4631.     min-height: 36px; }
  4632.   .popout-103y-5 .header-1TKi98 .container-2XeR5Z .tag-2gHSR7 {
  4633.     height: 28px;
  4634.     margin: 4px 0 0 4px;
  4635.     /*background-color: var(--menu-item-hover);*/
  4636.     border-radius: 14px;
  4637.     background-color: transparent;
  4638.     border: 1px solid var(--text-muted);
  4639.     color: var(--text-normal); }
  4640.     .popout-103y-5 .header-1TKi98 .container-2XeR5Z .tag-2gHSR7 .close-3WVtCL {
  4641.       width: 18px;
  4642.       height: 18px;
  4643.       margin-left: 8px; }
  4644.       .popout-103y-5 .header-1TKi98 .container-2XeR5Z .tag-2gHSR7 .close-3WVtCL path {
  4645.         d: path("M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"); }
  4646. .popout-103y-5 .friendWrapper-2SrUFF {
  4647.   margin: 0;
  4648.   padding: 0; }
  4649.   .popout-103y-5 .friendWrapper-2SrUFF .friend-3KALPe {
  4650.     padding: 6px 12px;
  4651.     border-radius: 0;
  4652.     transition: var(--default-time) var(--default-animation) background-color; }
  4653.     .popout-103y-5 .friendWrapper-2SrUFF .friend-3KALPe.friendSelected-1sa4bG {
  4654.       background-color: var(--menu-item-hover);
  4655.       color: var(--menu-item-text-color); }
  4656. .popout-103y-5 .footerSeparator-M9dQY1 {
  4657.   margin: 0;
  4658.   background-color: var(--popout-header-border);
  4659.   box-shadow: none !important; }
  4660. .popout-103y-5 .footer-1eyGBa {
  4661.   padding: 8px; }
  4662.  
  4663. /*
  4664.  *
  4665.  *  INBOX
  4666.  *
  4667.  */
  4668. .container-enaOkj {
  4669.   background-color: var(--popout-color);
  4670.   border-radius: var(--popout-radius-big);
  4671.   box-shadow: var(--shadow-3dp); }
  4672.  
  4673. /* MENTIONS -> HEADER */
  4674. .header-2-Imhb,
  4675. .header-ykumBX {
  4676.   height: 52px;
  4677.   padding: 0 16px;
  4678.   background-color: var(--popout-color);
  4679.   border-bottom: 1px solid var(--popout-header-border); }
  4680.   .header-2-Imhb .tab-ck0077,
  4681.   .header-ykumBX .tab-ck0077 {
  4682.     height: 100%;
  4683.     margin: 0;
  4684.     padding: 0 8px; }
  4685.     .header-2-Imhb .tab-ck0077:hover, .header-2-Imhb .tab-ck0077.active-1MbGPa,
  4686.     .header-ykumBX .tab-ck0077:hover,
  4687.     .header-ykumBX .tab-ck0077.active-1MbGPa {
  4688.       background-color: transparent !important; }
  4689.     .header-2-Imhb .tab-ck0077.active-1MbGPa,
  4690.     .header-ykumBX .tab-ck0077.active-1MbGPa {
  4691.       position: relative; }
  4692.       .header-2-Imhb .tab-ck0077.active-1MbGPa:after,
  4693.       .header-ykumBX .tab-ck0077.active-1MbGPa:after {
  4694.         position: absolute;
  4695.         content: " ";
  4696.         width: 90%;
  4697.         height: 3px;
  4698.         left: 0;
  4699.         right: 0;
  4700.         bottom: 0;
  4701.         margin: 0 auto;
  4702.         background: var(--tab-border-color);
  4703.         border-radius: 3px 3px 0 0;
  4704.         transition: var(--default-time) ease all; }
  4705.     .header-2-Imhb .tab-ck0077:first-child,
  4706.     .header-ykumBX .tab-ck0077:first-child {
  4707.       margin-right: 8px; }
  4708.   .header-2-Imhb .secondary-dIudih,
  4709.   .header-ykumBX .secondary-dIudih {
  4710.     margin-top: 10px; }
  4711.  
  4712. /* INBOX -> MENTIONS */
  4713. .container-3iAQ-0 {
  4714.   padding-left: 8px;
  4715.   padding-right: 8px; }
  4716.   .container-3iAQ-0:first-child {
  4717.     margin-top: 16px; }
  4718.   .container-3iAQ-0 .channelHeader-3Gd2xq {
  4719.     padding: 12px 16px;
  4720.     background-color: var(--message-color-alt);
  4721.     border-radius: var(--message-radius) var(--message-radius) 0 0;
  4722.     border-bottom: 1px solid var(--card-border-color); }
  4723.   .container-3iAQ-0 .messageContainer-gbhlwo {
  4724.     background-color: var(--message-color-alt);
  4725.     border-radius: 0 0 var(--message-radius) var(--message-radius); }
  4726.     .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG {
  4727.       margin: 0 0 0 80px;
  4728.       border-radius: var(--message-radius);
  4729.       overflow: visible; }
  4730.       .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG:before, .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG:after {
  4731.         display: none; }
  4732.       .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG .avatar-1BDn8e {
  4733.         top: 0;
  4734.         left: -50px; }
  4735.  
  4736. /* INBOX -> UNREADS */
  4737. .channel-3pEHab {
  4738.   padding-top: 16px; }
  4739.   .channel-3pEHab .channelHeader-3Gd2xq {
  4740.     padding: 12px 16px 12px 42px;
  4741.     background-color: var(--message-color-alt);
  4742.     border-radius: var(--message-radius) var(--message-radius) 0 0;
  4743.     border-bottom: 1px solid var(--card-border-color); }
  4744.     .channel-3pEHab .channelHeader-3Gd2xq:only-child {
  4745.       border-radius: var(--message-radius);
  4746.       border-bottom: none; }
  4747.     .channel-3pEHab .channelHeader-3Gd2xq .collapseButton-2ZsEjz {
  4748.       left: 12px;
  4749.       cursor: pointer; }
  4750.     .channel-3pEHab .channelHeader-3Gd2xq .button-1-5Aqk {
  4751.       background-color: var(--menu-item-hover); }
  4752.       .channel-3pEHab .channelHeader-3Gd2xq .button-1-5Aqk:hover {
  4753.         background-color: var(--menu-item-select); }
  4754.   .channel-3pEHab .messages-3G3erD {
  4755.     padding: 16px;
  4756.     background-color: var(--message-color-alt);
  4757.     border-radius: 0 0 var(--message-radius) var(--message-radius); }
  4758.     .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG {
  4759.       overflow: visible; }
  4760.       .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG .avatar-1BDn8e {
  4761.         left: -50px; }
  4762.       .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG.groupStart-23k01U {
  4763.         margin: 16px 0 0 48px; }
  4764.       .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U) {
  4765.         margin: -8px 0 0 48px; }
  4766.  
  4767. /*
  4768.  *
  4769.  *  SEARCH
  4770.  *
  4771.  */
  4772. .container-3ayLPN {
  4773.   background-color: var(--popout-color) !important;
  4774.   border-radius: var(--popout-radius-big) !important;
  4775.   box-shadow: var(--shadow-3dp) !important;
  4776.   animation: top-pop-out 400ms var(--default-animation); }
  4777.   .container-3ayLPN .resultsGroup-r_nuzN:before {
  4778.     display: none; }
  4779.   .container-3ayLPN .resultsGroup-r_nuzN .header-2N-gMV {
  4780.     color: var(--text-normal);
  4781.     font-size: 14px;
  4782.     text-transform: none; }
  4783.   .container-3ayLPN .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a,
  4784.   .container-3ayLPN .resultsGroup-r_nuzN .searchClearHistory-2cSSMO {
  4785.     color: var(--text-normal); }
  4786.   .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q {
  4787.     margin: 0 !important;
  4788.     padding: 0 20px !important;
  4789.     border-radius: 0 !important; }
  4790.     .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q:after {
  4791.       background: transparent !important; }
  4792.     .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q:hover {
  4793.       background: var(--menu-item-hover) !important; }
  4794.     .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q.selected-rZcOL- {
  4795.       background: var(--menu-item-select) !important; }
  4796.       .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q.selected-rZcOL-:after {
  4797.         width: 70px;
  4798.         background: linear-gradient(90deg, rgba(35, 38, 42, 0), var(--menu-item-hover) 50%) !important; }
  4799.     .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q .answer-1n6g43 {
  4800.       color: var(--text-muted); }
  4801.   .container-3ayLPN .queryContainer-RKFJW- {
  4802.     border-bottom-color: var(--popout-header-border) !important; }
  4803.     .container-3ayLPN .queryContainer-RKFJW-.focused-2bY0OD {
  4804.       background-color: transparent !important; }
  4805.  
  4806. .keybindShortcut-1BD6Z1 {
  4807.   height: 24px; }
  4808.   .keybindShortcut-1BD6Z1 span, .keybindShortcut-1BD6Z1 span:active {
  4809.     height: 100%;
  4810.     padding: 0 6px;
  4811.     line-height: 24px;
  4812.     border-radius: 12px;
  4813.     box-shadow: none !important;
  4814.     border: none !important; }
  4815.  
  4816. body:active .container-3ayLPN:not(:active) {
  4817.   opacity: 0;
  4818.   transition: 150ms ease all; }
  4819.  
  4820. /* SEARCH -> RESULTS */
  4821. .searchResultsWrap-3-pOjs {
  4822.   background-color: var(--main-color);
  4823.   /* SEARCH -> RESULTS -> HEADER */
  4824.   /* SEARCH -> RESULTS -> MESSAGES */ }
  4825.   .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 {
  4826.     padding: 0 16px;
  4827.     background-color: transparent;
  4828.     border-bottom: 1px solid var(--separator-color); }
  4829.     .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF {
  4830.       height: 100%;
  4831.       line-height: 100%;
  4832.       border-radius: 0; }
  4833.       .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF:hover, .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8 {
  4834.         background-color: transparent; }
  4835.       .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8 {
  4836.         position: relative; }
  4837.         .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8:after {
  4838.           position: absolute;
  4839.           content: " ";
  4840.           width: 90%;
  4841.           height: 3px;
  4842.           left: 0;
  4843.           right: 0;
  4844.           bottom: 0;
  4845.           margin: 0 auto;
  4846.           background: var(--tab-border-color);
  4847.           border-radius: 3px 3px 0 0;
  4848.           transition: var(--default-time) ease all; }
  4849.   .searchResultsWrap-3-pOjs .scroller-3GIiMh {
  4850.     padding: 8px; }
  4851.   .searchResultsWrap-3-pOjs .channelName-1JRO3C {
  4852.     padding: 8px 8px 8px 12px;
  4853.     background-color: transparent;
  4854.     color: var(--card-header-text-color); }
  4855.   .searchResultsWrap-3-pOjs .searchResult-9tQ1uo {
  4856.     background-color: transparent;
  4857.     border-radius: 0; }
  4858.     .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs {
  4859.       margin: 0 8px 0 60px;
  4860.       padding: 12px !important;
  4861.       border-radius: var(--message-radius); }
  4862.       .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs:before, .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs:after {
  4863.         display: none; }
  4864.       .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs .avatar-1BDn8e {
  4865.         top: 0;
  4866.         left: -50px; }
  4867.   .searchResultsWrap-3-pOjs .buttonsContainer-7PA8hy {
  4868.     top: 16px;
  4869.     right: 18px; }
  4870.     .searchResultsWrap-3-pOjs .buttonsContainer-7PA8hy .button-11zvza {
  4871.       padding: 4px 8px;
  4872.       border-radius: 12px; }
  4873.  
  4874. /*
  4875.  *
  4876.  *  USER POPOUT
  4877.  *
  4878.  */
  4879. .userPopout-3XzG_A {
  4880.   position: relative;
  4881.   width: 280px;
  4882.   max-height: 90vh;
  4883.   background-color: var(--popout-color) !important;
  4884.   border-radius: var(--popout-radius-big) !important;
  4885.   box-shadow: var(--shadow-3dp) !important; }
  4886.   .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN, .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV {
  4887.     background-color: var(--popout-color-alt); }
  4888.     .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .headerTag-2pZJzA,
  4889.     .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881,
  4890.     .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .headerText-1HLrL7,
  4891.     .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .content-3JfFJh,
  4892.     .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .activityName-1IaRLn,
  4893.     .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .details-38sfDr,
  4894.     .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .nameNormal-2lqVQK,
  4895.     .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .nameWrap-3Z4G_9, .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .headerTag-2pZJzA,
  4896.     .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .headerTagUsernameNoNickname-2_H881,
  4897.     .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .headerText-1HLrL7,
  4898.     .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .content-3JfFJh,
  4899.     .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .activityName-1IaRLn,
  4900.     .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .details-38sfDr,
  4901.     .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .nameNormal-2lqVQK,
  4902.     .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .nameWrap-3Z4G_9 {
  4903.       color: var(--menu-item-text-color);
  4904.       font-size: 14px;
  4905.       text-transform: none; }
  4906.   .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT {
  4907.     background-color: var(--spotify-color); }
  4908.     .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k {
  4909.       position: relative;
  4910.       padding: 0; }
  4911.       .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .anchor-3Z-8Bb {
  4912.         color: #fff; }
  4913.       .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .headerTextNormal-2mGWX3 {
  4914.         display: none; }
  4915.       .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .bodyNormal-2D39hT {
  4916.         padding: 10px 10px 0; }
  4917.         .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .bodyNormal-2D39hT .assetsLargeImage-eYwpTX {
  4918.           border-radius: 50%; }
  4919.       .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 {
  4920.         position: absolute;
  4921.         width: 100%;
  4922.         top: 0;
  4923.         margin: 0; }
  4924.         .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .bar-3urHkF,
  4925.         .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .barInner-3NDaY_ {
  4926.           border-radius: 0; }
  4927.         .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .flex-1xMQg5 {
  4928.           position: absolute;
  4929.           flex: 0 !important;
  4930.           width: 80px;
  4931.           top: -16px;
  4932.           right: 2px;
  4933.           opacity: 0;
  4934.           transition: 200ms ease all; }
  4935.         .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textLeft-3EZXG6,
  4936.         .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textRight-1XO5Ye {
  4937.           width: 32px;
  4938.           min-width: 32px;
  4939.           font-size: 13px; }
  4940.         .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textLeft-3EZXG6 {
  4941.           display: inline-block;
  4942.           position: relative;
  4943.           flex: 0 !important;
  4944.           margin: 0 16px 0 0;
  4945.           text-align: right; }
  4946.           .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textLeft-3EZXG6:after {
  4947.             position: absolute;
  4948.             content: " / ";
  4949.             left: 38px; }
  4950.       .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .buttonsWrapper-2spIeK {
  4951.         margin-top: 0;
  4952.         padding: 10px; }
  4953.         .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .buttonsWrapper-2spIeK:empty {
  4954.           padding: 0; }
  4955.       .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  4956.         background-color: #fff;
  4957.         color: var(--spotify-color); }
  4958.       .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .iconButton-285DXF {
  4959.         padding: 0; }
  4960.     .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT:hover .timeBarUserPopout-AWPFf2 .flex-1xMQg5 {
  4961.       opacity: 1; }
  4962.   .userPopout-3XzG_A .header-2BwW8b.headerStreaming-2FjmGz {
  4963.     background-color: var(--stream-color); }
  4964.     .userPopout-3XzG_A .header-2BwW8b.headerStreaming-2FjmGz .activity-11LB_k .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
  4965.       background-color: #fff;
  4966.       color: var(--stream-color); }
  4967.   .userPopout-3XzG_A .header-2BwW8b .headerTop-3C2Zn0 {
  4968.     background: rgba(0, 0, 0, 0.2); }
  4969.   .userPopout-3XzG_A .header-2BwW8b .activity-11LB_k {
  4970.     padding: 12px;
  4971.     background-color: transparent; }
  4972.     .userPopout-3XzG_A .header-2BwW8b .activity-11LB_k .assetsLargeImage-eYwpTX,
  4973.     .userPopout-3XzG_A .header-2BwW8b .activity-11LB_k .gameIcon-gg34Dz {
  4974.       border-radius: 50%; }
  4975.   .userPopout-3XzG_A .body-3iLsc4 {
  4976.     padding: 12px;
  4977.     background-color: transparent; }
  4978.     .userPopout-3XzG_A .body-3iLsc4 .bodyTitle-Y0qMQz {
  4979.       font-size: 14px;
  4980.       text-transform: none; }
  4981.   .userPopout-3XzG_A .footer-1fjuF6 {
  4982.     padding: 8px;
  4983.     background-color: transparent;
  4984.     border-top: 1px solid var(--card-border-color); }
  4985.     .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8 {
  4986.       border-bottom: none !important; }
  4987.       .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8:before, .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8:after {
  4988.         display: none; }
  4989.       .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8 .input-cIJ7To {
  4990.         padding: 0 12px;
  4991.         background-color: var(--input-color);
  4992.         border-radius: 16px; }
  4993.  
  4994. /*.popoutLeft-3aViER.noArrow-2foL9g .userPopout-3XzG_A {
  4995.     transform: translateX(0%) translateY(0%) translateZ(0px) !important;
  4996.     animation: show-user-status-right 350ms var(--default-animation);
  4997. }
  4998.  
  4999. .popoutRight-1veHKi.noArrow-2foL9g .userPopout-3XzG_A {
  5000.     transform: translateX(0%) translateY(0%) translateZ(0px) !important;
  5001.     animation: show-user-status-left 350ms var(--default-animation);
  5002. }*/
  5003. body:active .userPopout-3XzG_A:not(:active) {
  5004.   opacity: 0;
  5005.   transition: 150ms ease all; }
  5006.  
  5007. /*
  5008.  *
  5009.  *  USER PROFILE
  5010.  *
  5011.  */
  5012. .root-SR8cQa {
  5013.   background-color: var(--popout-color);
  5014.   border-radius: var(--popout-radius-big);
  5015.   box-shadow: var(--shadow-3dp);
  5016.   overflow-y: auto; }
  5017.   .root-SR8cQa .topSectionPlaying-1J5E4n {
  5018.     background-color: var(--popout-color-alt); }
  5019.     .root-SR8cQa .topSectionPlaying-1J5E4n .username-3gJmXY,
  5020.     .root-SR8cQa .topSectionPlaying-1J5E4n .discriminator-xUhQkU,
  5021.     .root-SR8cQa .topSectionPlaying-1J5E4n .headerText-1HLrL7,
  5022.     .root-SR8cQa .topSectionPlaying-1J5E4n .content-3JfFJh,
  5023.     .root-SR8cQa .topSectionPlaying-1J5E4n .activityName-1IaRLn,
  5024.     .root-SR8cQa .topSectionPlaying-1J5E4n .nameNormal-2lqVQK,
  5025.     .root-SR8cQa .topSectionPlaying-1J5E4n .nameWrap-3Z4G_9,
  5026.     .root-SR8cQa .topSectionPlaying-1J5E4n .additionalActionsIcon-1FoUlE {
  5027.       color: var(--text-normal); }
  5028.     .root-SR8cQa .topSectionPlaying-1J5E4n .headerText-1HLrL7 {
  5029.       font-size: 14px;
  5030.       text-transform: none; }
  5031.   .root-SR8cQa .topSectionSpotify-1lI0-P {
  5032.     background-color: var(--spotify-color); }
  5033.     .root-SR8cQa .topSectionSpotify-1lI0-P .headerTextNormal-2mGWX3 {
  5034.       display: none; }
  5035.     .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm {
  5036.       position: absolute;
  5037.       width: 100%;
  5038.       top: 112px;
  5039.       left: 0;
  5040.       margin: 0; }
  5041.       .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .bar-3urHkF,
  5042.       .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .barInner-3NDaY_ {
  5043.         border-radius: 0; }
  5044.       .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .flex-1xMQg5 {
  5045.         position: absolute;
  5046.         flex: 0;
  5047.         width: 80px;
  5048.         top: -18px;
  5049.         right: 4px; }
  5050.       .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6,
  5051.       .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textRight-1XO5Ye {
  5052.         width: 32px;
  5053.         min-width: 32px;
  5054.         font-size: 14px; }
  5055.       .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6 {
  5056.         display: inline-block;
  5057.         position: relative;
  5058.         margin: 0 16px 0 0;
  5059.         flex: 0 !important;
  5060.         text-align: right; }
  5061.         .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6:after {
  5062.           position: absolute;
  5063.           content: " / ";
  5064.           left: 38px; }
  5065.     .root-SR8cQa .topSectionSpotify-1lI0-P .assetsLargeImage-eYwpTX {
  5066.       border-radius: 50%; }
  5067.     .root-SR8cQa .topSectionSpotify-1lI0-P .anchor-3Z-8Bb {
  5068.       color: #fff; }
  5069.     .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  5070.     .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY {
  5071.       color: var(--spotify-color); }
  5072.       .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  5073.       .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY,
  5074.       .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY:hover,
  5075.       .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY:active {
  5076.         background-color: #fff; }
  5077.     .root-SR8cQa .topSectionSpotify-1lI0-P .iconButton-285DXF {
  5078.       padding: 0; }
  5079.   .root-SR8cQa .topSectionStreaming-1Tpf5X {
  5080.     background-color: var(--stream-color); }
  5081.     .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  5082.     .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY {
  5083.       color: var(--stream-color); }
  5084.       .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  5085.       .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY,
  5086.       .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY:hover,
  5087.       .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY:active {
  5088.         background-color: #fff; }
  5089.   .root-SR8cQa .topSectionXbox-3fWLjS {
  5090.     background-color: var(--xbox-color); }
  5091.     .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
  5092.     .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY {
  5093.       color: var(--xbox-color); }
  5094.       .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
  5095.       .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY,
  5096.       .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY:hover,
  5097.       .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY:active {
  5098.         background-color: #fff; }
  5099.   .root-SR8cQa .header-QKLPzZ {
  5100.     padding: 16px;
  5101.     background: rgba(0, 0, 0, 0.1); }
  5102.   .root-SR8cQa .headerFill-adLl4x {
  5103.     background-color: transparent; }
  5104.   .root-SR8cQa .activity-1ythUs {
  5105.     padding: 16px; }
  5106.     .root-SR8cQa .activity-1ythUs .gameIcon-gg34Dz {
  5107.       border-radius: 50%; }
  5108.   .root-SR8cQa .tabBarContainer-1s1u-z {
  5109.     padding-left: 16px;
  5110.     border-top: none; }
  5111.     .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- {
  5112.       height: 48px; }
  5113.       .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- .tabBarItem-1b8RUP {
  5114.         margin-right: 32px;
  5115.         border: none; }
  5116.         .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- .tabBarItem-1b8RUP[aria-selected="true"] {
  5117.           position: relative; }
  5118.           .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- .tabBarItem-1b8RUP[aria-selected="true"]:after {
  5119.             position: absolute;
  5120.             content: " ";
  5121.             width: 100%;
  5122.             height: 3px;
  5123.             left: 0;
  5124.             right: 0;
  5125.             bottom: 0;
  5126.             margin: 0 auto;
  5127.             background: var(--tab-border-color);
  5128.             border-radius: 3px 3px 0 0;
  5129.             transition: var(--default-time) ease all; }
  5130.   .root-SR8cQa .body-3ND3kc {
  5131.     height: auto;
  5132.     background-color: transparent; }
  5133.     .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns {
  5134.       padding: 0 16px; }
  5135.       .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx {
  5136.         padding: 16px 0 8px;
  5137.         border-top: none; }
  5138.         .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx:nth-child(2) {
  5139.           padding: 8px 0 16px; }
  5140.         .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .userInfoSectionHeader-CBvMDh {
  5141.           font-size: 14px;
  5142.           text-transform: none;
  5143.           font-weight: 500; }
  5144.         .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .note-QfFU8y .textarea-2r0oV8 {
  5145.           padding: 0; }
  5146.         .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .connectedAccounts-repVzS {
  5147.           margin-top: -16px; }
  5148.           .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .connectedAccounts-repVzS .connectedAccount-36nQx7 {
  5149.             margin-top: 16px;
  5150.             background-color: transparent;
  5151.             border-radius: var(--card-radius);
  5152.             border-color: var(--card-border-color);
  5153.             transition: var(--default-time) var(--default-animation) background-color; }
  5154.             .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .connectedAccounts-repVzS .connectedAccount-36nQx7:hover {
  5155.               background-color: var(--card-color-alt); }
  5156.  
  5157. /*
  5158.  *
  5159.  *  EMOJI PICKER
  5160.  *
  5161.  */
  5162. .contentWrapper-SvZHNd {
  5163.   background-color: var(--popout-color);
  5164.   border-radius: var(--popout-radius-big);
  5165.   box-shadow: var(--shadow-3dp);
  5166.   animation: bottom-pop-out 400ms var(--default-animation);
  5167.   /* EMOJI PICKER -> HEADER */
  5168.   /* EMOJI PICKER -> HEADER -> SEARCH BAR */
  5169.   /* EMOJI PICKER -> EMOJIS */
  5170.   /* EMOJI PICKER -> CATEGORIES */ }
  5171.   .contentWrapper-SvZHNd .navList-2UtuhC .navButton-2gQCx- {
  5172.     border-radius: 12px;
  5173.     color: var(--menu-item-text-color) !important; }
  5174.     .contentWrapper-SvZHNd .navList-2UtuhC .navButton-2gQCx-:hover {
  5175.       background-color: var(--menu-item-hover) !important; }
  5176.     .contentWrapper-SvZHNd .navList-2UtuhC .navButton-2gQCx-.navButtonActive-1MkytQ {
  5177.       background-color: var(--menu-item-select) !important; }
  5178.   .contentWrapper-SvZHNd .header-8ilj5e,
  5179.   .contentWrapper-SvZHNd .header-2k4I2o,
  5180.   .contentWrapper-SvZHNd .header-1TOWci {
  5181.     border-bottom: 1px solid var(--card-border-color);
  5182.     box-shadow: none; }
  5183.   .contentWrapper-SvZHNd .diversitySelectorPopout-3FiGaM {
  5184.     background-color: var(--popout-color);
  5185.     border-radius: 16px;
  5186.     border: none;
  5187.     box-shadow: var(--shadow-3dp); }
  5188.     .contentWrapper-SvZHNd .diversitySelectorPopout-3FiGaM .diversityEmojiItem-L6_IXw {
  5189.       border-radius: 0;
  5190.       transition: var(--default-time) var(--default-animation) background-color; }
  5191.       .contentWrapper-SvZHNd .diversitySelectorPopout-3FiGaM .diversityEmojiItem-L6_IXw:hover {
  5192.         background-color: var(--menu-item-hover); }
  5193.   .contentWrapper-SvZHNd .container-2XeR5Z {
  5194.     background-color: var(--input-color);
  5195.     border-radius: 16px; }
  5196.     .contentWrapper-SvZHNd .container-2XeR5Z .inner-3ErfOT {
  5197.       padding: 0; }
  5198.     .contentWrapper-SvZHNd .container-2XeR5Z .input-1Rv96N {
  5199.       height: 32px;
  5200.       margin: 0;
  5201.       padding: 0 12px; }
  5202.   .contentWrapper-SvZHNd .wrapper-1-Fsb8 {
  5203.     background-color: var(--emoji-category-header); }
  5204.     .contentWrapper-SvZHNd .wrapper-1-Fsb8 .headerLabel-3dG4M- {
  5205.       font-size: 14px;
  5206.       text-transform: none; }
  5207.   .contentWrapper-SvZHNd .inspector-S2gM3e {
  5208.     background-color: var(--popout-color);
  5209.     border-top: 1px solid var(--card-border-color); }
  5210.     .contentWrapper-SvZHNd .inspector-S2gM3e .graphicSecondary-1zo8ze foreignObject {
  5211.       mask: none !important; }
  5212.     .contentWrapper-SvZHNd .inspector-S2gM3e .graphicSecondary-1zo8ze .guildIcon-3h-1IH {
  5213.       border-radius: 50%; }
  5214.   .contentWrapper-SvZHNd .wrapper-2Gsate {
  5215.     margin-top: -1px;
  5216.     background-color: var(--attachment-color);
  5217.     /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES */ }
  5218.     .contentWrapper-SvZHNd .wrapper-2Gsate .scroller-3gAZLs::-webkit-scrollbar {
  5219.       width: 0px !important; }
  5220.     .contentWrapper-SvZHNd .wrapper-2Gsate .unicodeShortcut-15J8Ck {
  5221.       height: 47px;
  5222.       background-color: var(--popout-color);
  5223.       border-top: 1px solid var(--card-border-color); }
  5224.       .contentWrapper-SvZHNd .wrapper-2Gsate .unicodeShortcut-15J8Ck path {
  5225.         d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); }
  5226.     .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ {
  5227.       border-radius: 50%; }
  5228.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ:hover {
  5229.         background-color: var(--menu-item-hover); }
  5230.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="recent"] path {
  5231.         d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"); }
  5232.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="people"] path {
  5233.         d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); }
  5234.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="nature"] path {
  5235.         d: path("M8.66 13.07c.15 0 .29-.01.43-.03C9.56 14.19 10.69 15 12 15s2.44-.81 2.91-1.96c.14.02.29.03.43.03 1.73 0 3.14-1.41 3.14-3.14 0-.71-.25-1.39-.67-1.93.43-.54.67-1.22.67-1.93 0-1.73-1.41-3.14-3.14-3.14-.15 0-.29.01-.43.03C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96c-.14-.02-.29-.03-.43-.03-1.73 0-3.14 1.41-3.14 3.14 0 .71.25 1.39.67 1.93-.43.54-.68 1.22-.68 1.93 0 1.73 1.41 3.14 3.15 3.14zM12 13c-.62 0-1.12-.49-1.14-1.1l.12-1.09c.32.12.66.19 1.02.19s.71-.07 1.03-.19l.11 1.09c-.02.61-.52 1.1-1.14 1.1zm3.34-1.93c-.24 0-.46-.07-.64-.2l-.81-.57c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03 0 .64-.52 1.15-1.15 1.15zm-.65-5.94c.2-.13.42-.2.65-.2.63 0 1.14.51 1.14 1.14 0 .44-.25.83-.66 1.03l-.88.42c-.12-.74-.51-1.38-1.07-1.83l.82-.56zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1zM8.66 4.93c.24 0 .46.07.64.2l.81.56c-.55.45-.94 1.09-1.06 1.83l-.88-.42c-.4-.2-.66-.59-.66-1.03 0-.63.52-1.14 1.15-1.14zM8.17 8.9l.88-.42c.12.74.51 1.38 1.07 1.83l-.81.55c-.2.13-.42.2-.65.2-.63 0-1.14-.51-1.14-1.14-.01-.43.25-.82.65-1.02zM12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zm2.44-2.44c.71-1.9 2.22-3.42 4.12-4.12-.71 1.9-2.22 3.41-4.12 4.12zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9zm2.44 2.44c1.9.71 3.42 2.22 4.12 4.12-1.9-.71-3.41-2.22-4.12-4.12z"); }
  5236.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="food"] path {
  5237.         d: path("M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z"); }
  5238.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="activity"] path {
  5239.         d: path("M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"); }
  5240.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="travel"] path {
  5241.         d: path("M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2h2v-5H4V6h9v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66l-1.42 4.11v5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"); }
  5242.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="objects"] path {
  5243.         d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"); }
  5244.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="symbols"] path {
  5245.         d: path("M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z"); }
  5246.       .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="flags"] path {
  5247.         d: path("M14 6l-1-2H5v17h2v-7h5l1 2h7V6h-6zm4 8h-4l-1-2H7V6h5l1 2h5v6z"); }
  5248.  
  5249. body:active .contentWrapper-SvZHNd:not(:active) {
  5250.   opacity: 0;
  5251.   transition: 150ms ease all; }
  5252.  
  5253. /*
  5254.  *
  5255.  *  UPLOAD
  5256.  *
  5257.  */
  5258. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc {
  5259.   background-color: var(--popout-color);
  5260.   border-radius: var(--popout-radius-big);
  5261.   box-shadow: var(--shadow-3dp); }
  5262. .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo {
  5263.   border: none; }
  5264.  
  5265. /* UPLOAD -> MODAL */
  5266. .uploadModal-2ifh8j {
  5267.   background-color: var(--popout-color) !important;
  5268.   border-radius: var(--popout-radius-big) !important;
  5269.   box-shadow: var(--shadow-3dp) !important; }
  5270.   .uploadModal-2ifh8j .inner-3nWsbo {
  5271.     margin: 0;
  5272.     padding: 16px; }
  5273.     .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
  5274.       margin-left: 0 !important;
  5275.       border-radius: var(--popout-radius-big);
  5276.       box-shadow: var(--shadow-3dp); }
  5277.     .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ {
  5278.       padding-left: 0 !important; }
  5279.     .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf {
  5280.       margin: 0; }
  5281.       .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .label-3aiqT2 {
  5282.         font-size: 14px;
  5283.         text-transform: none; }
  5284.       .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .channelTextArea-2VhZ6z {
  5285.         margin-bottom: 0; }
  5286.         .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .channelTextArea-2VhZ6z .scrollableContainer-2NUZem {
  5287.           background-color: var(--main-textarea-color);
  5288.           border-radius: var(--main-textarea-radius);
  5289.           border: 1px solid var(--main-textarea-border); }
  5290.   .uploadModal-2ifh8j .footer-3mqk7D {
  5291.     padding: 8px;
  5292.     background-color: transparent !important;
  5293.     border-top: 1px solid var(--card-border-color);
  5294.     box-shadow: none !important; }
  5295.     .uploadModal-2ifh8j .footer-3mqk7D .button-38aScr.lookLink-9FtZy- {
  5296.       margin-right: 8px; }
  5297.  
  5298. /*
  5299.  *
  5300.  *  REACTIONS
  5301.  *
  5302.  */
  5303. .container-1If-HZ .scroller-1-nKid,
  5304. .container-1If-HZ .reactors-Blmlhw {
  5305.   background-color: transparent; }
  5306. .container-1If-HZ .scroller-1-nKid {
  5307.   border-right: 1px solid var(--card-border-color); }
  5308. .container-1If-HZ .reactionDefault-GBA58K,
  5309. .container-1If-HZ .reactionSelected-1pqISm {
  5310.   margin-bottom: 4px;
  5311.   border-radius: 14px; }
  5312. .container-1If-HZ .reactionDefault-GBA58K:hover {
  5313.   background-color: var(--menu-item-hover); }
  5314. .container-1If-HZ .reactionSelected-1pqISm {
  5315.   background-color: var(--menu-item-select); }
  5316. .container-1If-HZ .reactors-Blmlhw .reactor-3UBcOI {
  5317.   margin-left: 0;
  5318.   margin-right: 0;
  5319.   padding-left: 16px;
  5320.   box-shadow: none !important;
  5321.   position: relative;
  5322.   border-bottom: none; }
  5323.   .container-1If-HZ .reactors-Blmlhw .reactor-3UBcOI:after {
  5324.     position: absolute;
  5325.     content: " ";
  5326.     width: calc(100% - 50px);
  5327.     height: 1px;
  5328.     right: 0;
  5329.     bottom: 0;
  5330.     background-color: var(--card-border-color); }
  5331.   .container-1If-HZ .reactors-Blmlhw .reactor-3UBcOI:last-of-type:after {
  5332.     display: none; }
  5333.  
  5334. /*
  5335.  *
  5336.  *  AUTOCOMPLETE
  5337.  *
  5338.  */
  5339. .autocomplete-1vrmpx {
  5340.   background-color: var(--popout-color) !important;
  5341.   border-radius: var(--popout-radius-big) !important;
  5342.   box-shadow: var(--shadow-3dp) !important; }
  5343.   .autocomplete-1vrmpx .autocompleteRow-2OthDa {
  5344.     padding: 0; }
  5345.     .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j {
  5346.       padding: 8px 12px;
  5347.       border-radius: 0;
  5348.       transition: var(--default-time) var(--default-animation) background-color; }
  5349.       .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j.selected-1Tbx07 {
  5350.         background-color: var(--menu-item-hover) !important; }
  5351.       .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j:not(.selectable-3dP3y-) {
  5352.         border-bottom: 1px solid var(--card-border-color); }
  5353.         .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j:not(.selectable-3dP3y-) .contentTitle-2tG_sM {
  5354.           font-size: 14px;
  5355.           text-transform: none; }
  5356.   .autocomplete-1vrmpx .divider-23swzi {
  5357.     padding: 8px 0; }
  5358.     .autocomplete-1vrmpx .divider-23swzi:after {
  5359.       background-color: var(--card-border-color); }
  5360.   .autocomplete-1vrmpx .wrapper-uf3cnO {
  5361.     background-color: var(--attachment-color); }
  5362.     .autocomplete-1vrmpx .wrapper-uf3cnO .wrapper-2Gsate {
  5363.       background-color: transparent; }
  5364.       .autocomplete-1vrmpx .wrapper-uf3cnO .wrapper-2Gsate .listItems-1uJgMC {
  5365.         left: 12px !important;
  5366.         right: 12px !important; }
  5367.       .autocomplete-1vrmpx .wrapper-uf3cnO .wrapper-2Gsate .wrapper-2siovq {
  5368.         border-radius: 50%; }
  5369.   .autocomplete-1vrmpx .listItems-1uJgMC {
  5370.     left: 0 !important;
  5371.     right: 0 !important; }
  5372.   .autocomplete-1vrmpx .categorySectionLast-2PPrHj .categoryHeader-O1zU94 {
  5373.     background-color: var(--emoji-category-header); }
  5374.  
  5375. /*
  5376.  *
  5377.  *  ACCEPT RULES
  5378.  *
  5379.  */
  5380. .guildSidebar-2OCzWB {
  5381.   padding: 0;
  5382.   background-color: transparent;
  5383.   border-right: 1px solid var(--card-border-color); }
  5384.   .guildSidebar-2OCzWB > div:not([class]):first-child {
  5385.     padding: 16px; }
  5386.   .guildSidebar-2OCzWB > div:not([class]):last-child {
  5387.     display: flex;
  5388.     position: relative;
  5389.     padding: 8px;
  5390.     border-top: 1px solid var(--popout-header-border); }
  5391.     .guildSidebar-2OCzWB > div:not([class]):last-child:after {
  5392.       position: absolute;
  5393.       content: " ";
  5394.       width: 1px;
  5395.       height: 52px;
  5396.       top: 0;
  5397.       right: -1px;
  5398.       background-color: var(--popout-color); }
  5399.     .guildSidebar-2OCzWB > div:not([class]):last-child .flex-1xMQg5 {
  5400.       height: 36px;
  5401.       margin-right: 8px;
  5402.       margin-bottom: 0; }
  5403.   .guildSidebar-2OCzWB .guildIcon-38Zs0M {
  5404.     border-radius: 50%; }
  5405.   .guildSidebar-2OCzWB .divider-2FB3wK {
  5406.     border-bottom-color: var(--card-border-color); }
  5407.  
  5408. .modal-f02hVt {
  5409.   background-color: transparent; }
  5410.   .modal-f02hVt .divider-2FB3wK {
  5411.     border-bottom-color: var(--card-border-color); }
  5412.   .modal-f02hVt .formFieldWrapper-malor5.flex-1xMQg5 {
  5413.     background-color: var(--input-color);
  5414.     border-radius: 24px;
  5415.     border: none; }
  5416.     .modal-f02hVt .formFieldWrapper-malor5.flex-1xMQg5 .button-38aScr {
  5417.       margin-top: -3px; }
  5418.   .modal-f02hVt .formFieldWrapper-malor5:not(.flex-1xMQg5) {
  5419.     background-color: var(--card-color);
  5420.     border-radius: var(--card-radius-big);
  5421.     border: 1px solid var(--card-border-color);
  5422.     padding: 0; }
  5423.   .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm {
  5424.     padding: 16px;
  5425.     position: relative;
  5426.     border-bottom: none; }
  5427.     .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm:after {
  5428.       position: absolute;
  5429.       content: " ";
  5430.       width: calc(100% - 44px);
  5431.       height: 1px;
  5432.       right: 0;
  5433.       bottom: 0;
  5434.       background-color: var(--card-border-color); }
  5435.     .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm:last-of-type:after {
  5436.       display: none; }
  5437.     .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm .termsRowContent-24S2LO {
  5438.       padding-left: 16px; }
  5439.  
  5440. /*
  5441.  *
  5442.  *  VIDEO PLAYER
  5443.  *
  5444.  */
  5445. .metadata-13NcHb {
  5446.   height: auto;
  5447.   top: 0;
  5448.   padding: 0;
  5449.   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.4) 67%, rgba(0, 0, 0, 0.4) 100%);
  5450.   z-index: 2; }
  5451.   .metadata-13NcHb .metadataContent-3c_ZXw {
  5452.     padding: 12px 12px 0; }
  5453.   .metadata-13NcHb .anchor-3Z-8Bb {
  5454.     width: 25px;
  5455.     height: 25px;
  5456.     margin: 6px 6px 0 0;
  5457.     padding: 6px;
  5458.     opacity: 1;
  5459.     position: relative; }
  5460.     .metadata-13NcHb .anchor-3Z-8Bb:after {
  5461.       content: " ";
  5462.       position: absolute;
  5463.       width: 100%;
  5464.       height: 100%;
  5465.       top: 0;
  5466.       left: 0;
  5467.       background-color: rgba(var(--md-ripple-color), 0.1);
  5468.       border-radius: 50%;
  5469.       opacity: 0;
  5470.       pointer-events: none;
  5471.       transform: scale(1.2);
  5472.       transition: 300ms ease;
  5473.       z-index: 4; }
  5474.     .metadata-13NcHb .anchor-3Z-8Bb:hover:after {
  5475.       opacity: 1;
  5476.       transform: scale(1);
  5477.       animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  5478.     .metadata-13NcHb .anchor-3Z-8Bb:active:after {
  5479.       background-color: rgba(var(--md-ripple-color), 0.2); }
  5480.   .metadata-13NcHb .metadataIcon-2FyCKU path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] {
  5481.     d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z"); }
  5482.  
  5483. .playCenter-Fe8u3X .wrapper-129saQ {
  5484.   width: 100%;
  5485.   height: 100%;
  5486.   background-color: transparent;
  5487.   border-radius: var(--message-radius); }
  5488.   .playCenter-Fe8u3X .wrapper-129saQ .iconWrapper-21idzA {
  5489.     position: absolute;
  5490.     width: 100%;
  5491.     height: 100%;
  5492.     top: 0;
  5493.     left: 0;
  5494.     background-color: rgba(0, 0, 0, 0.5);
  5495.     transition: var(--default-time) var(--default-animation) all;
  5496.     opacity: 0.6; }
  5497.     .playCenter-Fe8u3X .wrapper-129saQ .iconWrapper-21idzA:hover {
  5498.       opacity: 1;
  5499.       transform: scale(1.25); }
  5500.     .playCenter-Fe8u3X .wrapper-129saQ .iconWrapper-21idzA:active {
  5501.       transform: scale(1.25), translateY(0); }
  5502.   .playCenter-Fe8u3X .wrapper-129saQ .iconPlay-2kgvwV {
  5503.     width: 100%;
  5504.     height: 100%;
  5505.     margin: 0;
  5506.     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLDE2LjVWNy41TDE2LDEyTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIgLz48L3N2Zz4=);
  5507.     background-repeat: no-repeat;
  5508.     background-size: 20%;
  5509.     background-position: 50%;
  5510.     pointer-events: none; }
  5511.     .playCenter-Fe8u3X .wrapper-129saQ .iconPlay-2kgvwV polygon {
  5512.       display: none; }
  5513.  
  5514. /* VIDEO PLAYER -> CONTROLS */
  5515. .videoControls-2kcYic .mediaBarWrapper-3D7r67 {
  5516.   box-shadow: none !important; }
  5517.   .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN, .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN:before, .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN:after,
  5518.   .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarProgress-1xaPtl,
  5519.   .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarProgress-1xaPtl:before,
  5520.   .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarProgress-1xaPtl:after {
  5521.     background-color: var(--accent-color); }
  5522.   .videoControls-2kcYic .mediaBarWrapper-3D7r67 .fakeEdges-27pgtp:before, .videoControls-2kcYic .mediaBarWrapper-3D7r67 .fakeEdges-27pgtp:after {
  5523.     border-radius: 0; }
  5524. .videoControls-2kcYic .bubble-3qRl2J {
  5525.   background-color: rgba(97, 97, 97, 0.9);
  5526.   color: #ddd; }
  5527.   .videoControls-2kcYic .bubble-3qRl2J:before {
  5528.     border-top-color: rgba(97, 97, 97, 0.9); }
  5529.  
  5530. /*
  5531.  *
  5532.  *  FORMAT TOOLBAR
  5533.  *
  5534.  */
  5535. .toolbar-2bjZV7 {
  5536.   background-color: var(--popout-color);
  5537.   border-radius: 16px;
  5538.   box-shadow: var(--shadow-3dp);
  5539.   overflow: hidden; }
  5540.   .toolbar-2bjZV7 .button-qqmJ7w {
  5541.     border-radius: 0 !important;
  5542.     box-shadow: none !important;
  5543.     transition: var(--default-time) var(--default-animation) background-color !important; }
  5544.     .toolbar-2bjZV7 .button-qqmJ7w:hover {
  5545.       background-color: var(--menu-item-hover); }
  5546.     .toolbar-2bjZV7 .button-qqmJ7w .icon-KgGMGo {
  5547.       color: var(--menu-item-text-color) !important; }
  5548.   .toolbar-2bjZV7 .divider-24xeUg {
  5549.     border-left-color: var(--card-border-color); }
  5550.  
  5551. /*
  5552.  *
  5553.  *  CONTEXT/RIGHT CLICK MENU
  5554.  *
  5555.  */
  5556. .styleFlexible-wGDiIL {
  5557.   animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
  5558.   transform-origin: top; }
  5559.   .styleFlexible-wGDiIL .scroller-3BxosC {
  5560.     padding: 8px 0;
  5561.     background-color: var(--popout-color);
  5562.     border-radius: var(--popout-radius);
  5563.     box-shadow: var(--shadow-3dp); }
  5564.     .styleFlexible-wGDiIL .scroller-3BxosC::-webkit-scrollbar {
  5565.       width: 0 !important; }
  5566.   .styleFlexible-wGDiIL .item-1tOPte {
  5567.     min-height: 32px;
  5568.     margin: 0;
  5569.     padding: 9px 12px;
  5570.     line-height: 18px;
  5571.     border-radius: 0;
  5572.     color: var(--menu-item-text-color) !important;
  5573.     transition: var(--default-time) var(--default-animation);
  5574.     /* CONTEXT/RIGHT CLICK MENU -> ICONS */ }
  5575.     .styleFlexible-wGDiIL .item-1tOPte.focused-3afm-j {
  5576.       background-color: var(--menu-item-hover); }
  5577.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-edit path {
  5578.       d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z"); }
  5579.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-pin path {
  5580.       d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z"); }
  5581.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-thread path {
  5582.       d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"); }
  5583.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-mark-unread path {
  5584.       d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z"); }
  5585.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-mark-unread path {
  5586.       d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z"); }
  5587.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-reactions path {
  5588.       d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); }
  5589.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-copy-link path {
  5590.       d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"); }
  5591.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-tts path {
  5592.       d: path("M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H3zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27l-1.68 1.69zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z"); }
  5593.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-delete path {
  5594.       display: block;
  5595.       d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"); }
  5596.       .styleFlexible-wGDiIL .item-1tOPte#message-actions-delete path ~ path {
  5597.         display: none; }
  5598.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-report path {
  5599.       d: path("M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4"); }
  5600.     .styleFlexible-wGDiIL .item-1tOPte#message-actions-copy-id path {
  5601.       d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"); }
  5602.   .styleFlexible-wGDiIL .submenuContainer-2gbm7M .submenuPaddingContainer-fiOCHc {
  5603.     margin-left: -4px;
  5604.     margin-right: -4px;
  5605.     animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
  5606.     transform-origin: top; }
  5607.   .styleFlexible-wGDiIL .separator-2I32lJ {
  5608.     width: 100%;
  5609.     margin: 8px 0;
  5610.     border-color: var(--separator-color); }
  5611.  
  5612. /*
  5613.  *
  5614.  *  POPOUT MENUS
  5615.  *
  5616.  */
  5617. /* POPOUT MENUS -> SERVER OPTIONS */
  5618. .menu-3sdvDG#guild-header-popout {
  5619.   padding: 8px 0;
  5620.   background-color: var(--popout-color);
  5621.   border-radius: var(--popout-radius-big);
  5622.   box-shadow: var(--shadow-3dp);
  5623.   animation: top-pop-out 400ms var(--default-animation); }
  5624.   .menu-3sdvDG#guild-header-popout .scroller-3BxosC {
  5625.     padding: 0; }
  5626.     .menu-3sdvDG#guild-header-popout .scroller-3BxosC::-webkit-scrollbar {
  5627.       width: 0 !important; }
  5628.   .menu-3sdvDG#guild-header-popout .item-1tOPte {
  5629.     margin: 0;
  5630.     padding: 9px 12px;
  5631.     border-radius: 0;
  5632.     color: var(--menu-item-text-color);
  5633.     transition: var(--default-time) var(--default-animation);
  5634.     /* POPOUT MENUS -> SERVER OPTIONS -> INVITE */
  5635.     /* POPOUT MENUS -> SERVER OPTIONS -> SERVER SETTINGS */
  5636.     /* POPOUT MENUS -> SERVER OPTIONS -> CREATE CHANNEL */
  5637.     /* POPOUT MENUS -> SERVER OPTIONS -> CREATE CATEGORY */
  5638.     /* POPOUT MENUS -> SERVER OPTIONS -> NOTIFICATION SETTINGS */
  5639.     /* POPOUT MENUS -> SERVER OPTIONS -> PRIVACY SETTINGS */
  5640.     /* POPOUT MENUS -> SERVER OPTIONS -> CHANGE NICKNAME */
  5641.     /* POPOUT MENUS -> SERVER OPTIONS -> HIDE MUTED CHANNELS */
  5642.     /* POPOUT MENUS -> SERVER OPTIONS -> LEAVE SERVER */ }
  5643.     .menu-3sdvDG#guild-header-popout .item-1tOPte.focused-3afm-j {
  5644.       background-color: var(--menu-item-hover); }
  5645.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-invite-people svg path {
  5646.       d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; }
  5647.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-settings svg path {
  5648.       d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; }
  5649.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-create-channel svg path {
  5650.       d: path("M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z") !important; }
  5651.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-create-category svg path {
  5652.       d: path("M14 10H2v2h12v-2zm0-4H2v2h12V6zm4 8v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2 16h8v-2H2v2z") !important; }
  5653.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-notifications svg path {
  5654.       d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z") !important; }
  5655.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-privacy svg path {
  5656.       d: path("M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 4.52-2.98 8.69-7 9.93-4.02-1.24-7-5.41-7-9.93V6.3l7-3.11 7 3.11V11zm-11.59.59L6 13l4 4 8-8-1.41-1.42L10 14.17z") !important; }
  5657.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-change-nickname svg path {
  5658.       d: path("M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z") !important; }
  5659.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-hide-muted-channels[aria-checked="false"] path {
  5660.       d: path("M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z") !important; }
  5661.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-hide-muted-channels[aria-checked="true"] .checkbox-3s5GYZ {
  5662.       d: path("M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z") !important; }
  5663.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-hide-muted-channels[aria-checked="true"] .check-1JyqgN {
  5664.       transform: scale(0.7) translate(5px, 4px); }
  5665.     .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-leave svg path {
  5666.       d: path("M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z") !important; }
  5667.   .menu-3sdvDG#guild-header-popout .separator-2I32lJ {
  5668.     width: 100%;
  5669.     margin: 8px 0;
  5670.     border-color: var(--separator-color); }
  5671.  
  5672. body:active .menu-3sdvDG#guild-header-popout:not(:active) {
  5673.   opacity: 0;
  5674.   transition: 150ms ease all; }
  5675.  
  5676. /* POPOUT MENUS -> INCOMING CALL */
  5677. .wrapper-3lJCnD {
  5678.   z-index: 99; }
  5679.  
  5680. .root-3JVdIJ {
  5681.   background-color: var(--popout-color);
  5682.   border-radius: var(--popout-radius-big);
  5683.   box-shadow: var(--shadow-3dp); }
  5684.   .root-3JVdIJ .colorable-1bkp8v {
  5685.     border-radius: 50% !important; }
  5686.     .root-3JVdIJ .colorable-1bkp8v.red-33-Lnk.active-1QRrIS, .root-3JVdIJ .colorable-1bkp8v.red-33-Lnk:hover {
  5687.       background: #f04747 !important; }
  5688.     .root-3JVdIJ .colorable-1bkp8v.green-plH-Mj.active-1QRrIS, .root-3JVdIJ .colorable-1bkp8v.green-plH-Mj:hover {
  5689.       background: #43b581 !important; }
  5690.  
  5691. /*
  5692.  *
  5693.  *  MODALS
  5694.  *
  5695.  */
  5696. .root-1gCeng,
  5697. .modal-yWgWj- {
  5698.   background-color: var(--popout-color) !important;
  5699.   border-radius: var(--popout-radius-big) !important;
  5700.   box-shadow: var(--shadow-3dp) !important;
  5701.   /* MODALS -> HEADER */
  5702.   /* MODALS -> BODY */
  5703.   /* MODALS -> FOOTER */ }
  5704.   .root-1gCeng.modal-qgFCbT,
  5705.   .modal-yWgWj-.modal-qgFCbT {
  5706.     background-color: transparent !important;
  5707.     border-radius: 0 !important;
  5708.     box-shadow: none !important; }
  5709.   .root-1gCeng.modal-3O0aXp,
  5710.   .modal-yWgWj-.modal-3O0aXp {
  5711.     max-height: 90vh; }
  5712.   .root-1gCeng.small-3iVZYw,
  5713.   .modal-yWgWj-.small-3iVZYw {
  5714.     min-height: 75px; }
  5715.   .root-1gCeng .header-1TKi98,
  5716.   .modal-yWgWj- .header-1TKi98 {
  5717.     padding: 16px;
  5718.     border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0;
  5719.     border-bottom: 1px solid var(--popout-header-border);
  5720.     box-shadow: none !important; }
  5721.     .root-1gCeng .header-1TKi98.header-3nFfBB,
  5722.     .modal-yWgWj- .header-1TKi98.header-3nFfBB {
  5723.       margin-top: 0;
  5724.       align-items: flex-start; }
  5725.       .root-1gCeng .header-1TKi98.header-3nFfBB .closeButton-20eBet,
  5726.       .modal-yWgWj- .header-1TKi98.header-3nFfBB .closeButton-20eBet {
  5727.         top: auto; }
  5728.     .root-1gCeng .header-1TKi98 .close-hZ94c6,
  5729.     .modal-yWgWj- .header-1TKi98 .close-hZ94c6 {
  5730.       width: 32px;
  5731.       height: 32px;
  5732.       right: 12px;
  5733.       margin: 0;
  5734.       padding: 0;
  5735.       background-color: transparent !important;
  5736.       position: relative;
  5737.       position: absolute; }
  5738.       .root-1gCeng .header-1TKi98 .close-hZ94c6:after,
  5739.       .modal-yWgWj- .header-1TKi98 .close-hZ94c6:after {
  5740.         content: " ";
  5741.         position: absolute;
  5742.         width: 100%;
  5743.         height: 100%;
  5744.         top: 0;
  5745.         left: 0;
  5746.         background-color: rgba(var(--md-ripple-color), 0.1);
  5747.         border-radius: 50%;
  5748.         opacity: 0;
  5749.         pointer-events: none;
  5750.         transform: scale(1.2);
  5751.         transition: 300ms ease;
  5752.         z-index: 4; }
  5753.       .root-1gCeng .header-1TKi98 .close-hZ94c6:hover:after,
  5754.       .modal-yWgWj- .header-1TKi98 .close-hZ94c6:hover:after {
  5755.         opacity: 1;
  5756.         transform: scale(1.1);
  5757.         animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  5758.       .root-1gCeng .header-1TKi98 .close-hZ94c6:active:after,
  5759.       .modal-yWgWj- .header-1TKi98 .close-hZ94c6:active:after {
  5760.         background-color: rgba(var(--md-ripple-color), 0.2); }
  5761.       .root-1gCeng .header-1TKi98 .close-hZ94c6 .contents-18-Yxp,
  5762.       .modal-yWgWj- .header-1TKi98 .close-hZ94c6 .contents-18-Yxp {
  5763.         height: 24px; }
  5764.       .root-1gCeng .header-1TKi98 .close-hZ94c6 svg,
  5765.       .modal-yWgWj- .header-1TKi98 .close-hZ94c6 svg {
  5766.         transform: scale(0.85); }
  5767.     .root-1gCeng .header-1TKi98.headerContainer-3N-yWX .art-347BZj,
  5768.     .modal-yWgWj- .header-1TKi98.headerContainer-3N-yWX .art-347BZj {
  5769.       display: none; }
  5770.     .root-1gCeng .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5,
  5771.     .modal-yWgWj- .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5 {
  5772.       padding-top: 0;
  5773.       align-items: stretch; }
  5774.       .root-1gCeng .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5 .headerText-2uyvpY,
  5775.       .modal-yWgWj- .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5 .headerText-2uyvpY {
  5776.         line-height: 20px;
  5777.         font-size: 16px;
  5778.         font-weight: 600; }
  5779.   .root-1gCeng .header-3bB_GQ .title-2HFmAi,
  5780.   .root-1gCeng .header-3bB_GQ .subtitle-8DQCLU,
  5781.   .modal-yWgWj- .header-3bB_GQ .title-2HFmAi,
  5782.   .modal-yWgWj- .header-3bB_GQ .subtitle-8DQCLU {
  5783.     text-align: left; }
  5784.   .root-1gCeng .content-1LAB8Z,
  5785.   .modal-yWgWj- .content-1LAB8Z {
  5786.     padding: 16px;
  5787.     border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); }
  5788.     .root-1gCeng .content-1LAB8Z .content-38qMG0,
  5789.     .modal-yWgWj- .content-1LAB8Z .content-38qMG0 {
  5790.       padding-bottom: 0; }
  5791.     .root-1gCeng .content-1LAB8Z .formGroup-2hEDrJ,
  5792.     .modal-yWgWj- .content-1LAB8Z .formGroup-2hEDrJ {
  5793.       margin-bottom: 16px; }
  5794.       .root-1gCeng .content-1LAB8Z .formGroup-2hEDrJ:nth-child(2),
  5795.       .modal-yWgWj- .content-1LAB8Z .formGroup-2hEDrJ:nth-child(2) {
  5796.         margin-bottom: 0; }
  5797.     .root-1gCeng .content-1LAB8Z .reset-2ikQ30,
  5798.     .modal-yWgWj- .content-1LAB8Z .reset-2ikQ30 {
  5799.       margin-bottom: 0;
  5800.       background-color: transparent !important; }
  5801.     .root-1gCeng .content-1LAB8Z a,
  5802.     .modal-yWgWj- .content-1LAB8Z a {
  5803.       color: var(--accent-color); }
  5804.   .root-1gCeng .footer-2gL1pp,
  5805.   .modal-yWgWj- .footer-2gL1pp {
  5806.     padding: 8px;
  5807.     background-color: transparent !important;
  5808.     border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
  5809.     border-top: 1px solid var(--popout-header-border);
  5810.     box-shadow: none !important; }
  5811.     .root-1gCeng .footer-2gL1pp .button-38aScr.lookLink-9FtZy-,
  5812.     .modal-yWgWj- .footer-2gL1pp .button-38aScr.lookLink-9FtZy- {
  5813.       margin-right: 8px; }
  5814.  
  5815. /*
  5816.  *
  5817.  *  INPUTS
  5818.  *
  5819.  */
  5820. .input-cIJ7To {
  5821.   height: 32px;
  5822.   padding: 0;
  5823.   background-color: transparent;
  5824.   border-radius: 0;
  5825.   border: none; }
  5826.  
  5827. .inputWrapper-31_8H8,
  5828. .note-QfFU8y,
  5829. .note-3HfJZ5,
  5830. .container-CpszHS {
  5831.   position: relative;
  5832.   background-color: transparent !important;
  5833.   border-radius: 0;
  5834.   border: none !important;
  5835.   border-bottom: 1px solid var(--input-border-color) !important; }
  5836.   .inputWrapper-31_8H8:before, .inputWrapper-31_8H8:after,
  5837.   .note-QfFU8y:before,
  5838.   .note-QfFU8y:after,
  5839.   .note-3HfJZ5:before,
  5840.   .note-3HfJZ5:after,
  5841.   .container-CpszHS:before,
  5842.   .container-CpszHS:after {
  5843.     position: absolute;
  5844.     content: " ";
  5845.     height: 2px;
  5846.     width: 0;
  5847.     bottom: -1px;
  5848.     background: var(--accent-color);
  5849.     transition: 300ms ease all;
  5850.     z-index: 2; }
  5851.   .inputWrapper-31_8H8:before,
  5852.   .note-QfFU8y:before,
  5853.   .note-3HfJZ5:before,
  5854.   .container-CpszHS:before {
  5855.     left: 50%; }
  5856.   .inputWrapper-31_8H8:after,
  5857.   .note-QfFU8y:after,
  5858.   .note-3HfJZ5:after,
  5859.   .container-CpszHS:after {
  5860.     right: 50%; }
  5861.   .inputWrapper-31_8H8:focus-within:before, .inputWrapper-31_8H8:focus-within:after,
  5862.   .note-QfFU8y:focus-within:before,
  5863.   .note-QfFU8y:focus-within:after,
  5864.   .note-3HfJZ5:focus-within:before,
  5865.   .note-3HfJZ5:focus-within:after,
  5866.   .container-CpszHS:focus-within:before,
  5867.   .container-CpszHS:focus-within:after {
  5868.     width: 50%; }
  5869.  
  5870. .note-QfFU8y,
  5871. .note-3HfJZ5 {
  5872.   margin: 0; }
  5873.   .note-QfFU8y textarea,
  5874.   .note-3HfJZ5 textarea {
  5875.     font-size: 15px; }
  5876.     .note-QfFU8y textarea:focus,
  5877.     .note-3HfJZ5 textarea:focus {
  5878.       background-color: transparent; }
  5879.  
  5880. .input--jS-j2 {
  5881.   background-color: transparent; }
  5882.  
  5883. /*
  5884.  *
  5885.  *  SELECT MENUS
  5886.  *
  5887.  */
  5888. [class^="css-"][class*="-control"] {
  5889.   background-color: var(--input-color);
  5890.   border-radius: var(--card-radius);
  5891.   border: none; }
  5892. [class^="css-"][class*="-menu"] {
  5893.   background-color: var(--popout-color);
  5894.   border-radius: 0 0 var(--popout-radius) var(--popout-radius);
  5895.   border: none;
  5896.   box-shadow: var(--shadow-3dp); }
  5897.   [class^="css-"][class*="-menu"][class*="-menu"]
  5898.   .css-rzbxvl-option, [class^="css-"][class*="-menu"][class*="-menu"]
  5899.   .css-pkcurw-option {
  5900.     background-color: var(--menu-item-hover); }
  5901.   [class^="css-"][class*="-menu"][class*="-menu"]
  5902.   .css-1ba14n5-option, [class^="css-"][class*="-menu"][class*="-menu"]
  5903.   .css-1gxgi19-option {
  5904.     background-color: var(--menu-item-select); }
  5905.  
  5906. .select-2fjwPw {
  5907.   border-radius: var(--card-radius);
  5908.   border: none; }
  5909.   .select-2fjwPw, .select-2fjwPw.lookFilled-22uAsw {
  5910.     background-color: var(--input-color); }
  5911.  
  5912. .popout-VcNcHB {
  5913.   background-color: var(--popout-color);
  5914.   border-radius: 0 0 var(--popout-radius) var(--popout-radius);
  5915.   border: none;
  5916.   box-shadow: var(--shadow-3dp); }
  5917.   .popout-VcNcHB .option-3KoAJB {
  5918.     color: var(--menu-item-text-color);
  5919.     transition: var(--default-time) var(--default-animation) background-color; }
  5920.     .popout-VcNcHB .option-3KoAJB:hover {
  5921.       background-color: var(--menu-item-hover); }
  5922.     .popout-VcNcHB .option-3KoAJB[aria-selected=true] {
  5923.       background-color: var(--menu-item-select); }
  5924.       .popout-VcNcHB .option-3KoAJB[aria-selected=true] .selectedIcon-3uS11H {
  5925.         color: var(--accent-color); }
  5926.  
  5927. /*
  5928.  *
  5929.  *  RADIO BUTTONS
  5930.  *
  5931.  */
  5932. div[role="radiogroup"] {
  5933.   background-color: var(--card-color);
  5934.   border-radius: var(--card-radius-big);
  5935.   border: 1px solid var(--card-border-color); }
  5936.   div[role="radiogroup"] .item-26Dhrx {
  5937.     margin: 0;
  5938.     padding: 4px 16px;
  5939.     background-color: transparent;
  5940.     border-radius: 0;
  5941.     position: relative;
  5942.     border-bottom: none; }
  5943.     div[role="radiogroup"] .item-26Dhrx:after {
  5944.       position: absolute;
  5945.       content: " ";
  5946.       width: calc(100% - 48px);
  5947.       height: 1px;
  5948.       right: 0;
  5949.       bottom: 0;
  5950.       background-color: var(--card-border-color); }
  5951.     div[role="radiogroup"] .item-26Dhrx:last-of-type:after {
  5952.       display: none; }
  5953.     div[role="radiogroup"] .item-26Dhrx:hover, div[role="radiogroup"] .item-26Dhrx[aria-checked=true] {
  5954.       background-color: transparent; }
  5955.     div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- {
  5956.       position: relative; }
  5957.       div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:after {
  5958.         content: " ";
  5959.         position: absolute;
  5960.         width: 100%;
  5961.         height: 100%;
  5962.         top: 0;
  5963.         left: 0;
  5964.         background-color: rgba(var(--accent-rgb), 0.1);
  5965.         border-radius: 50%;
  5966.         opacity: 0;
  5967.         pointer-events: none;
  5968.         transform: scale(1.2);
  5969.         transition: 300ms ease;
  5970.         z-index: 4; }
  5971.       div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:hover:after {
  5972.         opacity: 1;
  5973.         transform: scale(1.2);
  5974.         animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  5975.       div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:active:after {
  5976.         background-color: rgba(var(--accent-rgb), 0.2); }
  5977.       div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:after {
  5978.         width: 32px;
  5979.         height: 32px;
  5980.         top: 4px;
  5981.         left: -4px; }
  5982.       div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- path {
  5983.         fill: var(--accent-color) !important; }
  5984.     div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioIconForeground-XwlXQN {
  5985.       color: var(--accent-color); }
  5986.     div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI- {
  5987.       margin-bottom: 4px;
  5988.       padding: 8px 0 4px 0 !important;
  5989.       border-left: none;
  5990.       position: relative; }
  5991.       div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:after {
  5992.         content: " ";
  5993.         position: absolute;
  5994.         width: 100%;
  5995.         height: 100%;
  5996.         top: 0;
  5997.         left: 0;
  5998.         background-color: rgba(var(--md-ripple-color), 0.1);
  5999.         border-radius: 50%;
  6000.         opacity: 0;
  6001.         pointer-events: none;
  6002.         transform: scale(1.2);
  6003.         transition: 300ms ease;
  6004.         z-index: 4; }
  6005.       div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:hover:after {
  6006.         opacity: 1;
  6007.         transform: scale(1.2);
  6008.         animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  6009.       div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:active:after {
  6010.         background-color: rgba(var(--md-ripple-color), 0.2); }
  6011.       div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:after {
  6012.         width: 32px;
  6013.         height: 32px;
  6014.         top: 4px;
  6015.         left: -4px; }
  6016.     div[role="radiogroup"] .item-26Dhrx.disabled-1FsPTr {
  6017.       opacity: 1; }
  6018.       div[role="radiogroup"] .item-26Dhrx.disabled-1FsPTr .radioBar-bMNUI- {
  6019.         opacity: 0.3; }
  6020.   div[role="radiogroup"][aria-orientation="horizontal"] {
  6021.     height: 34px;
  6022.     border-radius: 17px;
  6023.     overflow: hidden; }
  6024.     div[role="radiogroup"][aria-orientation="horizontal"] .item-1yAxl1 {
  6025.       height: 32px;
  6026.       background-color: transparent;
  6027.       cursor: pointer;
  6028.       transition: var(--default-time) var(--default-animation) background-color; }
  6029.       div[role="radiogroup"][aria-orientation="horizontal"] .item-1yAxl1:hover {
  6030.         background-color: var(--menu-item-hover); }
  6031.       div[role="radiogroup"][aria-orientation="horizontal"] .item-1yAxl1.selected-2YhbGh {
  6032.         background-color: var(--menu-item-select); }
  6033.   div[role="radiogroup"] .tooltipWrapper-3VcaN6 {
  6034.     margin: 0;
  6035.     position: relative;
  6036.     border-bottom: none; }
  6037.     div[role="radiogroup"] .tooltipWrapper-3VcaN6:after {
  6038.       position: absolute;
  6039.       content: " ";
  6040.       width: calc(100% - 48px);
  6041.       height: 1px;
  6042.       right: 0;
  6043.       bottom: 0;
  6044.       background-color: var(--card-border-color); }
  6045.     div[role="radiogroup"] .tooltipWrapper-3VcaN6:last-of-type:after {
  6046.       display: none; }
  6047.     div[role="radiogroup"] .tooltipWrapper-3VcaN6:last-child {
  6048.       border-bottom: none; }
  6049.  
  6050. /*
  6051.  *
  6052.  *  SWITCHES
  6053.  *
  6054.  */
  6055. .container-3auIfb {
  6056.   width: 32px;
  6057.   height: 14px;
  6058.   overflow: visible; }
  6059.   .container-3auIfb[style*="background-color: rgb(67"] {
  6060.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6061.   .container-3auIfb[style*="background-color: rgb(67"] .slider-TkfMQL {
  6062.     background-color: var(--accent-color) !important; }
  6063.   .container-3auIfb[style*="background-color: rgb(68"] {
  6064.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6065.   .container-3auIfb[style*="background-color: rgb(68"] .slider-TkfMQL {
  6066.     background-color: var(--accent-color) !important; }
  6067.   .container-3auIfb[style*="background-color: rgb(69"] {
  6068.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6069.   .container-3auIfb[style*="background-color: rgb(69"] .slider-TkfMQL {
  6070.     background-color: var(--accent-color) !important; }
  6071.   .container-3auIfb[style*="background-color: rgb(70"] {
  6072.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6073.   .container-3auIfb[style*="background-color: rgb(70"] .slider-TkfMQL {
  6074.     background-color: var(--accent-color) !important; }
  6075.   .container-3auIfb[style*="background-color: rgb(71"] {
  6076.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6077.   .container-3auIfb[style*="background-color: rgb(71"] .slider-TkfMQL {
  6078.     background-color: var(--accent-color) !important; }
  6079.   .container-3auIfb[style*="background-color: rgb(72"] {
  6080.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6081.   .container-3auIfb[style*="background-color: rgb(72"] .slider-TkfMQL {
  6082.     background-color: var(--accent-color) !important; }
  6083.   .container-3auIfb[style*="background-color: rgb(73"] {
  6084.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6085.   .container-3auIfb[style*="background-color: rgb(73"] .slider-TkfMQL {
  6086.     background-color: var(--accent-color) !important; }
  6087.   .container-3auIfb[style*="background-color: rgb(74"] {
  6088.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6089.   .container-3auIfb[style*="background-color: rgb(74"] .slider-TkfMQL {
  6090.     background-color: var(--accent-color) !important; }
  6091.   .container-3auIfb[style*="background-color: rgb(75"] {
  6092.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6093.   .container-3auIfb[style*="background-color: rgb(75"] .slider-TkfMQL {
  6094.     background-color: var(--accent-color) !important; }
  6095.   .container-3auIfb[style*="background-color: rgb(76"] {
  6096.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6097.   .container-3auIfb[style*="background-color: rgb(76"] .slider-TkfMQL {
  6098.     background-color: var(--accent-color) !important; }
  6099.   .container-3auIfb[style*="background-color: rgb(77"] {
  6100.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6101.   .container-3auIfb[style*="background-color: rgb(77"] .slider-TkfMQL {
  6102.     background-color: var(--accent-color) !important; }
  6103.   .container-3auIfb[style*="background-color: rgb(78"] {
  6104.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6105.   .container-3auIfb[style*="background-color: rgb(78"] .slider-TkfMQL {
  6106.     background-color: var(--accent-color) !important; }
  6107.   .container-3auIfb[style*="background-color: rgb(79"] {
  6108.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6109.   .container-3auIfb[style*="background-color: rgb(79"] .slider-TkfMQL {
  6110.     background-color: var(--accent-color) !important; }
  6111.   .container-3auIfb[style*="background-color: rgb(80"] {
  6112.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6113.   .container-3auIfb[style*="background-color: rgb(80"] .slider-TkfMQL {
  6114.     background-color: var(--accent-color) !important; }
  6115.   .container-3auIfb[style*="background-color: rgb(81"] {
  6116.     background-color: rgba(var(--accent-rgb), 0.3) !important; }
  6117.   .container-3auIfb[style*="background-color: rgb(81"] .slider-TkfMQL {
  6118.     background-color: var(--accent-color) !important; }
  6119.   .container-3auIfb[style*="background-color: rgb(82"] {
  6120.     background-color: var(--switch-slider-color) !important; }
  6121.   .container-3auIfb[style*="background-color: rgb(82"] .slider-TkfMQL {
  6122.     background-color: var(--switch-knob-color) !important; }
  6123.   .container-3auIfb[style*="background-color: rgb(83"] {
  6124.     background-color: var(--switch-slider-color) !important; }
  6125.   .container-3auIfb[style*="background-color: rgb(83"] .slider-TkfMQL {
  6126.     background-color: var(--switch-knob-color) !important; }
  6127.   .container-3auIfb[style*="background-color: rgb(84"] {
  6128.     background-color: var(--switch-slider-color) !important; }
  6129.   .container-3auIfb[style*="background-color: rgb(84"] .slider-TkfMQL {
  6130.     background-color: var(--switch-knob-color) !important; }
  6131.   .container-3auIfb[style*="background-color: rgb(85"] {
  6132.     background-color: var(--switch-slider-color) !important; }
  6133.   .container-3auIfb[style*="background-color: rgb(85"] .slider-TkfMQL {
  6134.     background-color: var(--switch-knob-color) !important; }
  6135.   .container-3auIfb[style*="background-color: rgb(86"] {
  6136.     background-color: var(--switch-slider-color) !important; }
  6137.   .container-3auIfb[style*="background-color: rgb(86"] .slider-TkfMQL {
  6138.     background-color: var(--switch-knob-color) !important; }
  6139.   .container-3auIfb[style*="background-color: rgb(87"] {
  6140.     background-color: var(--switch-slider-color) !important; }
  6141.   .container-3auIfb[style*="background-color: rgb(87"] .slider-TkfMQL {
  6142.     background-color: var(--switch-knob-color) !important; }
  6143.   .container-3auIfb[style*="background-color: rgb(88"] {
  6144.     background-color: var(--switch-slider-color) !important; }
  6145.   .container-3auIfb[style*="background-color: rgb(88"] .slider-TkfMQL {
  6146.     background-color: var(--switch-knob-color) !important; }
  6147.   .container-3auIfb[style*="background-color: rgb(89"] {
  6148.     background-color: var(--switch-slider-color) !important; }
  6149.   .container-3auIfb[style*="background-color: rgb(89"] .slider-TkfMQL {
  6150.     background-color: var(--switch-knob-color) !important; }
  6151.   .container-3auIfb[style*="background-color: rgb(90"] {
  6152.     background-color: var(--switch-slider-color) !important; }
  6153.   .container-3auIfb[style*="background-color: rgb(90"] .slider-TkfMQL {
  6154.     background-color: var(--switch-knob-color) !important; }
  6155.   .container-3auIfb[style*="background-color: rgb(91"] {
  6156.     background-color: var(--switch-slider-color) !important; }
  6157.   .container-3auIfb[style*="background-color: rgb(91"] .slider-TkfMQL {
  6158.     background-color: var(--switch-knob-color) !important; }
  6159.   .container-3auIfb[style*="background-color: rgb(92"] {
  6160.     background-color: var(--switch-slider-color) !important; }
  6161.   .container-3auIfb[style*="background-color: rgb(92"] .slider-TkfMQL {
  6162.     background-color: var(--switch-knob-color) !important; }
  6163.   .container-3auIfb[style*="background-color: rgb(93"] {
  6164.     background-color: var(--switch-slider-color) !important; }
  6165.   .container-3auIfb[style*="background-color: rgb(93"] .slider-TkfMQL {
  6166.     background-color: var(--switch-knob-color) !important; }
  6167.   .container-3auIfb[style*="background-color: rgb(94"] {
  6168.     background-color: var(--switch-slider-color) !important; }
  6169.   .container-3auIfb[style*="background-color: rgb(94"] .slider-TkfMQL {
  6170.     background-color: var(--switch-knob-color) !important; }
  6171.   .container-3auIfb[style*="background-color: rgb(95"] {
  6172.     background-color: var(--switch-slider-color) !important; }
  6173.   .container-3auIfb[style*="background-color: rgb(95"] .slider-TkfMQL {
  6174.     background-color: var(--switch-knob-color) !important; }
  6175.   .container-3auIfb[style*="background-color: rgb(96"] {
  6176.     background-color: var(--switch-slider-color) !important; }
  6177.   .container-3auIfb[style*="background-color: rgb(96"] .slider-TkfMQL {
  6178.     background-color: var(--switch-knob-color) !important; }
  6179.   .container-3auIfb[style*="background-color: rgb(97"] {
  6180.     background-color: var(--switch-slider-color) !important; }
  6181.   .container-3auIfb[style*="background-color: rgb(97"] .slider-TkfMQL {
  6182.     background-color: var(--switch-knob-color) !important; }
  6183.   .container-3auIfb[style*="background-color: rgb(98"] {
  6184.     background-color: var(--switch-slider-color) !important; }
  6185.   .container-3auIfb[style*="background-color: rgb(98"] .slider-TkfMQL {
  6186.     background-color: var(--switch-knob-color) !important; }
  6187.   .container-3auIfb[style*="background-color: rgb(99"] {
  6188.     background-color: var(--switch-slider-color) !important; }
  6189.   .container-3auIfb[style*="background-color: rgb(99"] .slider-TkfMQL {
  6190.     background-color: var(--switch-knob-color) !important; }
  6191.   .container-3auIfb[style*="background-color: rgb(100"] {
  6192.     background-color: var(--switch-slider-color) !important; }
  6193.   .container-3auIfb[style*="background-color: rgb(100"] .slider-TkfMQL {
  6194.     background-color: var(--switch-knob-color) !important; }
  6195.   .container-3auIfb[style*="background-color: rgb(101"] {
  6196.     background-color: var(--switch-slider-color) !important; }
  6197.   .container-3auIfb[style*="background-color: rgb(101"] .slider-TkfMQL {
  6198.     background-color: var(--switch-knob-color) !important; }
  6199.   .container-3auIfb[style*="background-color: rgb(102"] {
  6200.     background-color: var(--switch-slider-color) !important; }
  6201.   .container-3auIfb[style*="background-color: rgb(102"] .slider-TkfMQL {
  6202.     background-color: var(--switch-knob-color) !important; }
  6203.   .container-3auIfb[style*="background-color: rgb(103"] {
  6204.     background-color: var(--switch-slider-color) !important; }
  6205.   .container-3auIfb[style*="background-color: rgb(103"] .slider-TkfMQL {
  6206.     background-color: var(--switch-knob-color) !important; }
  6207.   .container-3auIfb[style*="background-color: rgb(104"] {
  6208.     background-color: var(--switch-slider-color) !important; }
  6209.   .container-3auIfb[style*="background-color: rgb(104"] .slider-TkfMQL {
  6210.     background-color: var(--switch-knob-color) !important; }
  6211.   .container-3auIfb[style*="background-color: rgb(105"] {
  6212.     background-color: var(--switch-slider-color) !important; }
  6213.   .container-3auIfb[style*="background-color: rgb(105"] .slider-TkfMQL {
  6214.     background-color: var(--switch-knob-color) !important; }
  6215.   .container-3auIfb[style*="background-color: rgb(106"] {
  6216.     background-color: var(--switch-slider-color) !important; }
  6217.   .container-3auIfb[style*="background-color: rgb(106"] .slider-TkfMQL {
  6218.     background-color: var(--switch-knob-color) !important; }
  6219.   .container-3auIfb[style*="background-color: rgb(107"] {
  6220.     background-color: var(--switch-slider-color) !important; }
  6221.   .container-3auIfb[style*="background-color: rgb(107"] .slider-TkfMQL {
  6222.     background-color: var(--switch-knob-color) !important; }
  6223.   .container-3auIfb[style*="background-color: rgb(108"] {
  6224.     background-color: var(--switch-slider-color) !important; }
  6225.   .container-3auIfb[style*="background-color: rgb(108"] .slider-TkfMQL {
  6226.     background-color: var(--switch-knob-color) !important; }
  6227.   .container-3auIfb[style*="background-color: rgb(109"] {
  6228.     background-color: var(--switch-slider-color) !important; }
  6229.   .container-3auIfb[style*="background-color: rgb(109"] .slider-TkfMQL {
  6230.     background-color: var(--switch-knob-color) !important; }
  6231.   .container-3auIfb[style*="background-color: rgb(110"] {
  6232.     background-color: var(--switch-slider-color) !important; }
  6233.   .container-3auIfb[style*="background-color: rgb(110"] .slider-TkfMQL {
  6234.     background-color: var(--switch-knob-color) !important; }
  6235.   .container-3auIfb[style*="background-color: rgb(111"] {
  6236.     background-color: var(--switch-slider-color) !important; }
  6237.   .container-3auIfb[style*="background-color: rgb(111"] .slider-TkfMQL {
  6238.     background-color: var(--switch-knob-color) !important; }
  6239.   .container-3auIfb[style*="background-color: rgb(112"] {
  6240.     background-color: var(--switch-slider-color) !important; }
  6241.   .container-3auIfb[style*="background-color: rgb(112"] .slider-TkfMQL {
  6242.     background-color: var(--switch-knob-color) !important; }
  6243.   .container-3auIfb[style*="background-color: rgb(113"] {
  6244.     background-color: var(--switch-slider-color) !important; }
  6245.   .container-3auIfb[style*="background-color: rgb(113"] .slider-TkfMQL {
  6246.     background-color: var(--switch-knob-color) !important; }
  6247.   .container-3auIfb[style*="background-color: rgb(114"] {
  6248.     background-color: var(--switch-slider-color) !important; }
  6249.   .container-3auIfb[style*="background-color: rgb(114"] .slider-TkfMQL {
  6250.     background-color: var(--switch-knob-color) !important; }
  6251.   .container-3auIfb .slider-TkfMQL {
  6252.     width: 20px;
  6253.     height: 20px;
  6254.     top: -3px;
  6255.     margin: 0;
  6256.     border-radius: 50%;
  6257.     box-shadow: var(--shadow-1dp); }
  6258.     .container-3auIfb .slider-TkfMQL rect,
  6259.     .container-3auIfb .slider-TkfMQL svg {
  6260.       display: none; }
  6261.  
  6262. /*
  6263.  *
  6264.  *  CHECKBOXES
  6265.  *
  6266.  */
  6267. .checkbox-1ix_J3 {
  6268.   border-width: 2px;
  6269.   transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color; }
  6270.   .checkbox-1ix_J3.box-mmYMsp {
  6271.     border-radius: 4px; }
  6272.   .checkbox-1ix_J3:not(.checked-3_4uQ9) path {
  6273.     transition: var(--default-time) var(--default-animation) fill; }
  6274.   .checkbox-1ix_J3.checked-3_4uQ9 {
  6275.     background-color: var(--accent-color) !important;
  6276.     border-color: var(--accent-color) !important; }
  6277.     .checkbox-1ix_J3.checked-3_4uQ9 path {
  6278.       fill: var(--accent-text-color);
  6279.       transition: var(--default-time) var(--default-animation) fill; }
  6280.  
  6281. /*
  6282.  *
  6283.  *  SLIDER BARS
  6284.  *
  6285.  */
  6286. .slider-1PF9SW .bar-2Qqk5Z {
  6287.   height: 4px;
  6288.   background-color: rgba(var(--accent-rgb), 0.3) !important;
  6289.   border-radius: 2px; }
  6290.   .slider-1PF9SW .bar-2Qqk5Z .barFill-23-gu- {
  6291.     background-color: var(--accent-color) !important; }
  6292. .slider-1PF9SW .track-11EASc .grabber-3mFHz2 {
  6293.   width: 16px;
  6294.   height: 16px;
  6295.   top: calc(50% + 3px);
  6296.   background-color: var(--accent-color);
  6297.   border-radius: 50%;
  6298.   border: none;
  6299.   box-shadow: var(--shadow-1dp);
  6300.   transition: var(--default-time) var(--default-animation) box-shadow;
  6301.   position: relative; }
  6302.   .slider-1PF9SW .track-11EASc .grabber-3mFHz2:after {
  6303.     content: " ";
  6304.     position: absolute;
  6305.     width: 100%;
  6306.     height: 100%;
  6307.     top: 0;
  6308.     left: 0;
  6309.     background-color: rgba(var(--accent-rgb), 0.1);
  6310.     border-radius: 50%;
  6311.     opacity: 0;
  6312.     pointer-events: none;
  6313.     transform: scale(1.2);
  6314.     transition: 300ms ease;
  6315.     z-index: 4; }
  6316.   .slider-1PF9SW .track-11EASc .grabber-3mFHz2:hover:after {
  6317.     opacity: 1;
  6318.     transform: scale(2.5);
  6319.     animation: scale 150ms var(--default-animation), opacity 150ms ease; }
  6320.   .slider-1PF9SW .track-11EASc .grabber-3mFHz2:active:after {
  6321.     background-color: rgba(var(--accent-rgb), 0.2); }
  6322.   .slider-1PF9SW .track-11EASc .grabber-3mFHz2:hover {
  6323.     box-shadow: var(--shadow-2dp); }
  6324.   .slider-1PF9SW .track-11EASc .grabber-3mFHz2:active {
  6325.     box-shadow: var(--shadow-3dp); }
  6326. .slider-1PF9SW.slider-2zxowp .track-11EASc .grabber-3mFHz2 {
  6327.   top: calc(50% - 2px); }
  6328.  
  6329. .wrapper-3Z-vWm {
  6330.   height: 4px;
  6331.   border-radius: 2px;
  6332.   overflow: hidden; }
  6333.   .wrapper-3Z-vWm .container-3PXSwK {
  6334.     width: 100% !important; }
  6335.     .wrapper-3Z-vWm .container-3PXSwK[style*='background: linear-gradient(to right, rgb(251, 184, 72), rgb(67, 181, 129));'] {
  6336.       background: var(--success-color) !important; }
  6337.   .wrapper-3Z-vWm .progress-1IcQ3A {
  6338.     background-color: var(--slider-color); }
  6339.   .wrapper-3Z-vWm .notches-1sAcEM {
  6340.     display: none; }
  6341.  
  6342. /*
  6343.  *
  6344.  *  CARDS
  6345.  *
  6346.  */
  6347. .card-3Qj_Yx {
  6348.   background-color: var(--card-color);
  6349.   border-radius: var(--card-radius-big);
  6350.   border: 1px solid var(--card-border-color); }
  6351.   .card-3Qj_Yx a {
  6352.     color: var(--accent-color); }
  6353.  
  6354. /* CARDS -> HEADER */
  6355. .formNoticeTitle-2KGjDe.colorStandard-2KCXvj,
  6356. .labelBold-1PKEeD.colorStandard-2KCXvj {
  6357.   font-size: 1em;
  6358.   font-weight: 500;
  6359.   color: var(--card-header-text-color);
  6360.   text-transform: none;
  6361.   opacity: 1; }
  6362.  
  6363. .h4-AQvcAz,
  6364. .h5-18_1nd {
  6365.   text-transform: none; }
  6366.  
  6367. .h5-18_1nd {
  6368.   font-size: 14px; }
  6369.  
  6370. /*
  6371.  *
  6372.  *  BUTTONS
  6373.  *
  6374.  */
  6375. .button-38aScr.lookFilled-1Gx00P, .button-38aScr.lookOutlined-3sRXeN, .button-38aScr.lookInverted-2D7oAl {
  6376.   border-radius: var(--button-radius);
  6377.   border: none;
  6378.   font-size: 1em; }
  6379.   .button-38aScr.lookFilled-1Gx00P:not([disabled]), .button-38aScr.lookOutlined-3sRXeN:not([disabled]), .button-38aScr.lookInverted-2D7oAl:not([disabled]) {
  6380.     box-shadow: var(--shadow-1dp);
  6381.     transition: var(--default-time) var(--default-animation) box-shadow; }
  6382.     .button-38aScr.lookFilled-1Gx00P:not([disabled]):hover, .button-38aScr.lookOutlined-3sRXeN:not([disabled]):hover, .button-38aScr.lookInverted-2D7oAl:not([disabled]):hover {
  6383.       box-shadow: var(--shadow-2dp); }
  6384.     .button-38aScr.lookFilled-1Gx00P:not([disabled]):active, .button-38aScr.lookOutlined-3sRXeN:not([disabled]):active, .button-38aScr.lookInverted-2D7oAl:not([disabled]):active {
  6385.       box-shadow: var(--shadow-3dp); }
  6386.     .button-38aScr.lookFilled-1Gx00P:not([disabled]):after, .button-38aScr.lookOutlined-3sRXeN:not([disabled]):after, .button-38aScr.lookInverted-2D7oAl:not([disabled]):after {
  6387.       position: absolute;
  6388.       content: " ";
  6389.       width: 100%;
  6390.       height: 100%;
  6391.       top: 0;
  6392.       left: 0;
  6393.       border-radius: var(--button-radius);
  6394.       opacity: 0;
  6395.       pointer-events: none;
  6396.       transition: var(--default-time) var(--default-animation) opacity; }
  6397.   .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY {
  6398.     background-color: var(--accent-color);
  6399.     color: var(--accent-text-color); }
  6400.     .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:after, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:after, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:after, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:after, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:after, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:after, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:after, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:after, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:after, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:after, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:after, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:after, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:after, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:after, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:after {
  6401.       background-color: var(--accent-button-action); }
  6402.     .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:hover, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:hover, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:hover, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:hover, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:hover, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:hover, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:hover, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:hover, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:hover, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:hover, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:hover {
  6403.       background-color: var(--accent-color); }
  6404.       .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:hover:after, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:hover:after, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:hover:after, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover:after, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:hover:after, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:hover:after, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:hover:after, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:hover:after, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:hover:after, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:hover:after {
  6405.         opacity: var(--accent-button-action-hover); }
  6406.     .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:active, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:active, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:active, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:active, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:active, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:active, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:active, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:active, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:active, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:active, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:active, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:active, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:active, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:active, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:active {
  6407.       background-color: var(--accent-color); }
  6408.       .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:active:after, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:active:after, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:active:after, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:active:after, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:active:after, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:active:after, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:active:after, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:active:after, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:active:after, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:active:after, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:active:after, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:active:after, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:active:after, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:active:after, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:active:after {
  6409.         opacity: var(--accent-button-action-active); }
  6410.   .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan {
  6411.     background-color: var(--alert-color);
  6412.     color: var(--alert-text-color);
  6413.     border: none; }
  6414.     .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan:after, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan:after, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan:after {
  6415.       background-color: var(--alert-button-action); }
  6416.     .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan:hover:after, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan:hover:after {
  6417.       opacity: var(--alert-button-action-hover); }
  6418.     .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan:active:after, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan:active:after, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan:active:after {
  6419.       opacity: var(--alert-button-action-active); }
  6420. .button-38aScr.lookLink-9FtZy-, .button-38aScr.lookBlank-3eh9lL {
  6421.   border-radius: var(--button-radius);
  6422.   font-size: 1em; }
  6423.   .button-38aScr.lookLink-9FtZy-:not([disabled]), .button-38aScr.lookBlank-3eh9lL:not([disabled]) {
  6424.     color: var(--button-link-text-color);
  6425.     transition: var(--default-time) var(--default-animation) background-color; }
  6426.     .button-38aScr.lookLink-9FtZy-:not([disabled]):hover, .button-38aScr.lookBlank-3eh9lL:not([disabled]):hover {
  6427.       background-color: rgba(var(--button-link-color), 0.075);
  6428.       text-decoration: none; }
  6429.       .button-38aScr.lookLink-9FtZy-:not([disabled]):hover .contents-18-Yxp, .button-38aScr.lookBlank-3eh9lL:not([disabled]):hover .contents-18-Yxp {
  6430.         background-image: none; }
  6431.     .button-38aScr.lookLink-9FtZy-:not([disabled]):active, .button-38aScr.lookBlank-3eh9lL:not([disabled]):active {
  6432.       background-color: rgba(var(--button-link-color), 0.125); }
  6433. .button-38aScr.lookInverted-2D7oAl {
  6434.   border-radius: var(--button-radius);
  6435.   font-size: 0.9em; }
  6436.   .button-38aScr.lookInverted-2D7oAl:not([disabled]) {
  6437.     box-shadow: var(--shadow-1dp);
  6438.     transition: var(--default-time) var(--default-animation) box-shadow; }
  6439.     .button-38aScr.lookInverted-2D7oAl:not([disabled]):hover {
  6440.       box-shadow: var(--shadow-2dp); }
  6441.     .button-38aScr.lookInverted-2D7oAl:not([disabled]):active {
  6442.       box-shadow: var(--shadow-3dp); }
  6443.     .button-38aScr.lookInverted-2D7oAl:not([disabled]).colorBrand-3pXr91 {
  6444.       background-color: var(--accent-color);
  6445.       color: var(--accent-text-color); }
  6446. .button-38aScr.sizeMin-1mJd1x, .button-38aScr.sizeSmall-2cSMqn, .button-38aScr.sizeMedium-1AC_Sl, .button-38aScr.sizeLarge-1vSeWK, .button-38aScr.sizeXlarge-2yFAlZ, .button-38aScr.buttonSize-AQY2mE {
  6447.   min-width: 36px;
  6448.   height: 36px;
  6449.   min-height: 36px;
  6450.   padding: 0 16px;
  6451.   border-radius: var(--button-radius); }
  6452. .button-38aScr.backButton-iA7KIs {
  6453.   margin-right: 0; }
  6454.  
  6455. .disabledButtonWrapper-3wH6-b .button-38aScr {
  6456.   background-color: rgba(var(--button-link-color), 0.15);
  6457.   box-shadow: none; }
  6458.  
  6459. /*
  6460.  *
  6461.  *  TOOLTIPS
  6462.  *
  6463.  */
  6464. .tooltip-2QfLtc {
  6465.   padding: 8px;
  6466.   background-color: rgba(97, 97, 97, 0.9) !important;
  6467.   border-radius: var(--card-radius);
  6468.   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2) !important;
  6469.   font-size: 12px;
  6470.   font-weight: 500; }
  6471.   .tooltip-2QfLtc {
  6472.     z-index: 99999999999999;
  6473.     animation: opacity var(--default-time) ease; }
  6474.   .tooltip-2QfLtc .tooltipPointer-3ZfirK {
  6475.     display: none; }
  6476.   .tooltip-2QfLtc .tooltipContent-bqVLWK,
  6477.   .tooltip-2QfLtc .guildNameText-3Zwx4p {
  6478.     padding: 0;
  6479.     font-size: 12px;
  6480.     color: #ddd; }
  6481.   .tooltip-2QfLtc .activityIcon-E-aeJm path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] {
  6482.     d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); }
  6483.  
  6484. /*
  6485.  *
  6486.  *  TOASTS
  6487.  *
  6488.  */
  6489. .toast,
  6490. .bd-toast {
  6491.   padding: 12px 16px;
  6492.   background-color: rgba(70, 70, 70, 0.8);
  6493.   border-radius: 20px;
  6494.   box-shadow: none;
  6495.   font-size: 1em;
  6496.   font-weight: 400;
  6497.   color: #fff; }
  6498.  
  6499. /*
  6500.  *
  6501.  *  VERIFIED/PARTNER ICONS
  6502.  *
  6503.  */
  6504. .flowerStarContainer-3zDVtj.verified-1eC5dy, .flowerStarContainer-3zDVtj.partnered-3nJayh {
  6505.   color: var(--accent-color); }
  6506.   .flowerStarContainer-3zDVtj.verified-1eC5dy .icon-1ihkOt, .flowerStarContainer-3zDVtj.partnered-3nJayh .icon-1ihkOt {
  6507.     color: var(--accent-text-color); }
  6508. .flowerStarContainer-3zDVtj .flowerStar-1GeTsn path {
  6509.   fill: var(--accent-color); }
  6510. .flowerStarContainer-3zDVtj .childContainer-1wxZNh path {
  6511.   fill: var(--accent-text-color); }
  6512.  
  6513. /*
  6514.  *
  6515.  *  SUPPORTED PLUGINS
  6516.  *
  6517.  */
  6518. /* SUPPORTED PLUGINS -> BetterFormattingRedux */
  6519. .bf-toolbar {
  6520.   border-radius: 18px !important;
  6521.   z-index: 2; }
  6522.   .bf-toolbar:before {
  6523.     background-color: var(--popout-color) !important;
  6524.     border-radius: 18px !important;
  6525.     box-shadow: var(--shadow-3dp); }
  6526.  
  6527. /* SUPPORTED PLUGINS -> CharCounter */
  6528. .charCounterAdded-zz9O4t .channelTextArea-rNsIhG {
  6529.   margin-bottom: 0; }
  6530.   .charCounterAdded-zz9O4t .channelTextArea-rNsIhG .scrollableContainer-2NUZem {
  6531.     border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; }
  6532.     .charCounterAdded-zz9O4t .channelTextArea-rNsIhG .scrollableContainer-2NUZem.hasReply-16cIUP {
  6533.       border-radius: 0; }
  6534.  
  6535. .counter-uAzbKp {
  6536.   height: var(--main-textarea-radius);
  6537.   padding: 0 12px;
  6538.   line-height: var(--main-textarea-radius);
  6539.   background-color: var(--main-textarea-color);
  6540.   border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
  6541.   border: 1px solid var(--main-textarea-border);
  6542.   border-top: none;
  6543.   box-sizing: border-box;
  6544.   text-align: right;
  6545.   font-weight: 500; }
  6546.   .counter-uAzbKp.chatCounter-XOMPsh {
  6547.     position: relative;
  6548.     bottom: auto;
  6549.     margin-bottom: 12px; }
  6550.  
  6551. /* SUPPORTED PLUGINS -> HideChannels */
  6552. .sidebar-2K8pFh.hideElement .container-3baos1 {
  6553.   background-color: var(--chat-color) !important; }
  6554. .sidebar-2K8pFh.hideElement + .chat-3bRxxu .typing-2GQL18 {
  6555.   width: calc(100% + 240px);
  6556.   left: -240px; }
  6557.  
  6558. /* SUPPORTED PLUGINS -> MemberCounter */
  6559. #MemberCount {
  6560.   background-color: var(--main-color) !important; }
  6561.  
  6562. /* SUPPORTED PLUGINS -> PermissionsViewer */
  6563. #permissions-modal-wrapper #permissions-modal {
  6564.   border-radius: var(--popout-radius-big) !important;
  6565.   box-shadow: var(--shadow-3dp) !important;
  6566.   border: none !important; }
  6567. #permissions-modal-wrapper .header {
  6568.   background-color: var(--popout-color) !important;
  6569.   padding: 16px !important;
  6570.   box-shadow: none !important;
  6571.   border-bottom: 1px solid var(--popout-header-border);
  6572.   line-height: 20px !important;
  6573.   font-size: 16px !important;
  6574.   font-weight: 600 !important;
  6575.   color: var(--header-primary) !important; }
  6576. #permissions-modal-wrapper .modal-body {
  6577.   background-color: var(--popout-color) !important; }
  6578. #permissions-modal-wrapper .role-side {
  6579.   padding: 0 0 16px 16px !important;
  6580.   background-color: transparent !important;
  6581.   border-right: 1px solid var(--popout-header-border); }
  6582. #permissions-modal-wrapper .perm-side {
  6583.   padding: 0 0 16px 16px !important;
  6584.   background-color: transparent !important; }
  6585. #permissions-modal-wrapper .role-item {
  6586.   margin-bottom: 2px !important;
  6587.   border-radius: 14px !important; }
  6588.   #permissions-modal-wrapper .role-item:hover {
  6589.     background-color: var(--menu-item-hover) !important; }
  6590.   #permissions-modal-wrapper .role-item.selected {
  6591.     background-color: var(--menu-item-select) !important; }
  6592. #permissions-modal-wrapper .perm-item {
  6593.   position: relative;
  6594.   border-bottom: none;
  6595.   box-shadow: none !important; }
  6596.   #permissions-modal-wrapper .perm-item:after {
  6597.     position: absolute;
  6598.     content: " ";
  6599.     width: calc(100% - 34px);
  6600.     height: 1px;
  6601.     right: 0;
  6602.     bottom: 0;
  6603.     background-color: var(--card-border-color); }
  6604.   #permissions-modal-wrapper .perm-item:last-of-type:after {
  6605.     display: none; }
  6606.  
  6607. /* SUPPORTED PLUGINS -> PersonalPins */
  6608. .themedPopout-1TrfdI .header-2-Imhb {
  6609.   padding-bottom: 0 !important; }
  6610. .themedPopout-1TrfdI .title-3pkaKd {
  6611.   margin-top: 16px;
  6612.   line-height: 36px;
  6613.   font-weight: 500;
  6614.   font-size: 16px; }
  6615. .themedPopout-1TrfdI .container-cMG81i {
  6616.   margin-top: 16px; }
  6617. .themedPopout-1TrfdI .tab-ck0077 {
  6618.   height: 32px;
  6619.   margin-right: 16px;
  6620.   padding: 0; }
  6621.   .themedPopout-1TrfdI .tab-ck0077:first-child {
  6622.     margin-right: 16px; }
  6623. .themedPopout-1TrfdI .quickSelectWrapper-UCfTKz {
  6624.   margin-right: 16px;
  6625.   font-weight: 500; }
  6626.  
  6627. /*
  6628.  *
  6629.  *  ANIMATIONS
  6630.  *
  6631.  */
  6632. @keyframes top-pop-out {
  6633.   from {
  6634.     transform: translate(0, -20px);
  6635.     opacity: 0; } }
  6636. @keyframes bottom-pop-out {
  6637.   from {
  6638.     transform: translate(0, 20px);
  6639.     opacity: 0; } }
  6640. @keyframes show-user-status-right {
  6641.   from {
  6642.     transform: translateX(-3%) translateY(0%) translateZ(0px);
  6643.     opacity: 0; } }
  6644. @keyframes show-user-status-left {
  6645.   from {
  6646.     transform: translateX(3%) translateY(0%) translateZ(0px);
  6647.     opacity: 0; } }
  6648. @keyframes show-status {
  6649.   from {
  6650.     transform: translateY(100%) translateX(0%) translateZ(0px); } }
  6651. @keyframes status {
  6652.   from {
  6653.     transform: scale(0);
  6654.     opacity: 0; } }
  6655. @keyframes opacity {
  6656.   from {
  6657.     opacity: 0; } }
  6658. @keyframes open-context-menu {
  6659.   from {
  6660.     transform: scale(1, 0.5); } }
  6661. @keyframes scale {
  6662.   from {
  6663.     transform: scale(0); } }
  6664. @keyframes streaming-flash {
  6665.   0% {
  6666.     box-shadow: 0 0 0 0px rgba(var(--stream-flash), 0.4); }
  6667.   50% {
  6668.     box-shadow: 0 0 0 4px rgba(var(--stream-flash), 0.65); }
  6669.   100% {
  6670.     box-shadow: 0 0 0 8px rgba(var(--stream-flash), 0); } }
  6671. @keyframes audio-flash {
  6672.   0% {
  6673.     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 0px rgba(var(--accent-rgb), 0.4); }
  6674.   50% {
  6675.     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 6px rgba(var(--accent-rgb), 0.65); }
  6676.   100% {
  6677.     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(var(--accent-rgb), 0); } }
  6678. @keyframes shadowPulse-AwLIHr {
  6679.   0% {
  6680.     box-shadow: 0 0 6px rgba(var(--accent-rgb), 0.3); }
  6681.   50% {
  6682.     box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.6); }
  6683.   to {
  6684.     box-shadow: 0 0 6px rgba(var(--accent-rgb), 0.3); } }
  6685. /*
  6686.  *
  6687.  *  SCROLLBARS
  6688.  *
  6689.  */
  6690. ::-webkit-scrollbar {
  6691.   width: 10px !important;
  6692.   height: 10px !important; }
  6693.   ::-webkit-scrollbar-track {
  6694.     margin: 0 !important;
  6695.     background: transparent !important;
  6696.     border-radius: 0 !important; }
  6697.     ::-webkit-scrollbar-track-piece {
  6698.       border: 0 solid transparent !important;
  6699.       background-color: transparent !important;
  6700.       margin: 0; }
  6701.   ::-webkit-scrollbar-thumb {
  6702.     display: initial;
  6703.     background-color: rgba(var(--scrollbar-color), 0.15) !important;
  6704.     border: 0 solid transparent !important;
  6705.     border-radius: 0 !important; }
  6706.     ::-webkit-scrollbar-thumb:hover {
  6707.       background-color: rgba(var(--scrollbar-color), 0.25) !important; }
  6708.     ::-webkit-scrollbar-thumb:active {
  6709.       background-color: rgba(var(--scrollbar-color), 0.3) !important; }
  6710.  
  6711. .wrapper-3NnKdC [class*="scroller"]::-webkit-scrollbar {
  6712.   width: 0px !important; }
  6713.  
  6714. /*
  6715.  *
  6716.  *  FONTS
  6717.  *
  6718.  */
  6719. /* FONTS -> GOOGLE SANS */
  6720. /* FONTS -> GOOGLE SANS -> 400 */
  6721. @font-face {
  6722.   font-family: 'Google Sans';
  6723.   font-style: normal;
  6724.   font-weight: 400;
  6725.   font-display: swap;
  6726.   src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-cyrillic.woff2) format("woff2");
  6727.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6728. @font-face {
  6729.   font-family: 'Google Sans';
  6730.   font-style: normal;
  6731.   font-weight: 400;
  6732.   font-display: swap;
  6733.   src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-greek.woff2) format("woff2");
  6734.   unicode-range: U+0370-03FF; }
  6735. @font-face {
  6736.   font-family: 'Google Sans';
  6737.   font-style: normal;
  6738.   font-weight: 400;
  6739.   font-display: swap;
  6740.   src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latinext.woff2) format("woff2");
  6741.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6742. @font-face {
  6743.   font-family: 'Google Sans';
  6744.   font-style: normal;
  6745.   font-weight: 400;
  6746.   font-display: swap;
  6747.   src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latin.woff2) format("woff2");
  6748.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6749. /* FONTS -> GOOGLE SANS -> 500 */
  6750. @font-face {
  6751.   font-family: 'Google Sans';
  6752.   font-style: normal;
  6753.   font-weight: 500;
  6754.   font-display: swap;
  6755.   src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-cyrillic.woff2) format("woff2");
  6756.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6757. @font-face {
  6758.   font-family: 'Google Sans';
  6759.   font-style: normal;
  6760.   font-weight: 500;
  6761.   font-display: swap;
  6762.   src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-greek.woff2) format("woff2");
  6763.   unicode-range: U+0370-03FF; }
  6764. @font-face {
  6765.   font-family: 'Google Sans';
  6766.   font-style: normal;
  6767.   font-weight: 500;
  6768.   font-display: swap;
  6769.   src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latinext.woff2) format("woff2");
  6770.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6771. @font-face {
  6772.   font-family: 'Google Sans';
  6773.   font-style: normal;
  6774.   font-weight: 500;
  6775.   font-display: swap;
  6776.   src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latin.woff2) format("woff2");
  6777.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6778. /* FONTS -> GOOGLE SANS -> 700 */
  6779. @font-face {
  6780.   font-family: 'Google Sans';
  6781.   font-style: normal;
  6782.   font-weight: 700;
  6783.   font-display: swap;
  6784.   src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-cyrillic.woff2) format("woff2");
  6785.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6786. @font-face {
  6787.   font-family: 'Google Sans';
  6788.   font-style: normal;
  6789.   font-weight: 700;
  6790.   font-display: swap;
  6791.   src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-greek.woff2) format("woff2");
  6792.   unicode-range: U+0370-03FF; }
  6793. @font-face {
  6794.   font-family: 'Google Sans';
  6795.   font-style: normal;
  6796.   font-weight: 700;
  6797.   font-display: swap;
  6798.   src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latinext.woff2) format("woff2");
  6799.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6800. @font-face {
  6801.   font-family: 'Google Sans';
  6802.   font-style: normal;
  6803.   font-weight: 700;
  6804.   font-display: swap;
  6805.   src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latin.woff2) format("woff2");
  6806.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6807. /* FONTS -> GOOGLE SANS -> ITALIC */
  6808. /* FONTS -> GOOGLE SANS -> ITALIC -> 400 */
  6809. @font-face {
  6810.   font-family: 'Google Sans';
  6811.   font-style: italic;
  6812.   font-weight: 400;
  6813.   font-display: swap;
  6814.   src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-cyrillic.woff2) format("woff2");
  6815.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6816. @font-face {
  6817.   font-family: 'Google Sans';
  6818.   font-style: italic;
  6819.   font-weight: 400;
  6820.   font-display: swap;
  6821.   src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-greek.woff2) format("woff2");
  6822.   unicode-range: U+0370-03FF; }
  6823. @font-face {
  6824.   font-family: 'Google Sans';
  6825.   font-style: italic;
  6826.   font-weight: 400;
  6827.   font-display: swap;
  6828.   src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latinext.woff2) format("woff2");
  6829.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6830. @font-face {
  6831.   font-family: 'Google Sans';
  6832.   font-style: italic;
  6833.   font-weight: 400;
  6834.   font-display: swap;
  6835.   src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latin.woff2) format("woff2");
  6836.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6837. /* FONTS -> GOOGLE SANS -> ITALIC -> 500 */
  6838. @font-face {
  6839.   font-family: 'Google Sans';
  6840.   font-style: italic;
  6841.   font-weight: 500;
  6842.   font-display: swap;
  6843.   src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-cyrillic.woff2) format("woff2");
  6844.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6845. @font-face {
  6846.   font-family: 'Google Sans';
  6847.   font-style: italic;
  6848.   font-weight: 500;
  6849.   font-display: swap;
  6850.   src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-greek.woff2) format("woff2");
  6851.   unicode-range: U+0370-03FF; }
  6852. @font-face {
  6853.   font-family: 'Google Sans';
  6854.   font-style: italic;
  6855.   font-weight: 500;
  6856.   font-display: swap;
  6857.   src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latinext.woff2) format("woff2");
  6858.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6859. @font-face {
  6860.   font-family: 'Google Sans';
  6861.   font-style: italic;
  6862.   font-weight: 500;
  6863.   font-display: swap;
  6864.   src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latin.woff2) format("woff2");
  6865.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6866. /* FONTS -> GOOGLE SANS -> ITALIC -> 700 */
  6867. @font-face {
  6868.   font-family: 'Google Sans';
  6869.   font-style: italic;
  6870.   font-weight: 700;
  6871.   font-display: swap;
  6872.   src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-cyrillic.woff2) format("woff2");
  6873.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
  6874. @font-face {
  6875.   font-family: 'Google Sans';
  6876.   font-style: italic;
  6877.   font-weight: 700;
  6878.   font-display: swap;
  6879.   src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-greek.woff2) format("woff2");
  6880.   unicode-range: U+0370-03FF; }
  6881. @font-face {
  6882.   font-family: 'Google Sans';
  6883.   font-style: italic;
  6884.   font-weight: 700;
  6885.   font-display: swap;
  6886.   src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latinext.woff2) format("woff2");
  6887.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  6888. @font-face {
  6889.   font-family: 'Google Sans';
  6890.   font-style: italic;
  6891.   font-weight: 700;
  6892.   font-display: swap;
  6893.   src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latin.woff2) format("woff2");
  6894.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  6895.  
Add Comment
Please, Sign In to add comment