From 3d2dad8656db98966ed0a02f0180b5318fe686d1 Mon Sep 17 00:00:00 2001 From: Saltssaumure Date: Mon, 7 Nov 2022 03:19:52 +0000 Subject: [PATCH] Additions: https://discord.com/channels/946226981501042709/1024836554360901632/1039005817346732092 --- scss/_popovers.scss | 87 ++ scss/mixins/_boxes.scss | 2 +- scss/xp.scss | 11 + xp.min.css | 2 +- xp.theme.css | 2028 ++++++++++++++++++++++++--------------- 5 files changed, 1341 insertions(+), 789 deletions(-) diff --git a/scss/_popovers.scss b/scss/_popovers.scss index 3221a4f..7cbf9af 100644 --- a/scss/_popovers.scss +++ b/scss/_popovers.scss @@ -235,6 +235,9 @@ .text-md-normal-304U3g { color: black!important; } + .button-f2h6uQ { + @include beigeButton; + } } } } @@ -251,6 +254,9 @@ @include indentBox; border: 0; } + .body-GBnhET { + color: black; + } } } @@ -340,6 +346,86 @@ } } + // Select role preview + .container-3ssFyj { + @include beigeBox; + // Search role + .container-2oNtJn { + @include beigeButtonInset; + } + // Role + .item-1BCeuB { + border-radius: 0; + &.selected-22ukbQ { + background: $blue-select; + } + .itemLabel-27pirQ span { + background: $beige; + } + // Checkbox + .box-BHImcZ { + border-radius: 0; + &.checked-1pZh2h { + background: $beige !important; + path { + fill: $green-bright!important; + } + } + } + } + } + + // Emoji info + .popoutContainer-2wbmiM { + @include beigeBox; + // Nitro button + .shinyButton-2Q9MDB { + @include beigeButton; + } + } + + // Color picker + .colorPickerCustom-1swUKF { + @include beigeBox; + // Hex code box + .input-2g-os5 { + @include beigeButtonInset; + } + // Suggested colour buttons + .suggestedColor-2q1U7c { + @include beigeButton; + } + // Saturation brightness grid + .saturation-CLQHFD { + box-shadow: ( + -1px -1px 2px 0 grey, + 2px 2px 2px 0 white + ); + } + // Hue slider + .hue-horizontal { + box-shadow: ( + inset 1px 1px 2px 0 grey, + inset -2px -2px 2px 0 white + ); + // Grabber + div:last-child { + height: 12px; + width: 10px; + margin-top: -4px; + div { + border-radius: 3px; + border: solid $green-bright; + border-width: 3px 0; + box-shadow: ( + inset -1px -1px 2px 0 grey, + inset 2px 2px 2px 0 white + ); + } + } + } + } + // Search options .container-2McqkF { --header-secondary: black; @@ -516,6 +602,7 @@ // Gif picker #gif-picker-tab-panel { + background: $beige; // Back button .backButton-bSKWLe { color: black; diff --git a/scss/mixins/_boxes.scss b/scss/mixins/_boxes.scss index 63c0247..54ff024 100644 --- a/scss/mixins/_boxes.scss +++ b/scss/mixins/_boxes.scss @@ -105,7 +105,7 @@ border-radius: 0; box-shadow: ( inset 1px 1px 2px 0 $black-overlay, - inset -2px -2px 2px 0 white + inset -1px -1px 2px 0 $white-overlay ); } diff --git a/scss/xp.scss b/scss/xp.scss index 9e906d9..ece3b3b 100644 --- a/scss/xp.scss +++ b/scss/xp.scss @@ -164,6 +164,17 @@ body #app-mount { // Channels sidebar and main chat .base-2jDfDU { + // Notice banner + .notice-2olXi7 { + top: $window-top; + margin: 0 $window-right 0 $window-left; + width: auto; + border-radius: 0; + border: solid $blue-select; + border-width: 0 2px 0 2px; + box-shadow: none; + } + // Top bar .title-31SJ6t { .toolbar-3_r2xA { diff --git a/xp.min.css b/xp.min.css index 51aa576..2607f6a 100644 --- a/xp.min.css +++ b/xp.min.css @@ -1 +1 @@ -@import"https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css";@import"https://discordstyles.github.io/Addons/bottomhsl.css";:root{--bsod-text-original: "A problem has been detected and Windows has been shut down to prevent damage to your computer. \a \a A clock interrupt was not received on a secondary processor within the allocated time interval. \a \aIf this is the first time you've seen this stop error screen, restart your computer. If this screen appears again, follow these steps: \a \a Check to make sure any new hardware or software is properly installed. If this is a new installation, ask your hardware or software manufacturer for any Windows updates you might need. \a \aIf problems continue, disable or remove any newly installed hardware or software. Disable BIOS memory options such as caching or shadowing. If you need to use Safe Mode to remove or disable components, restart your computer, press F8 to select Advanced Startup Options, and then throw away the whole computer. \a \aTechnical information: \a \a*** STOP: USING_DISCORD \a \a*** discord.exe - Address DEADBEEF base at 8BADF00D, DateStamp 1337C0D3 \a \a \a \a \a \a \a \a \a \a Collecting data for crash dump ... \aInitializing disk for crash dump ... \a Beginning dump of all your belongings ... \a Dumping physical memory to disk: 100% \aPhysical memory dump complete. \a Contact your system administrator or technical support group for further assistance." }:root{--HSL-server-icon-size: 25px;--HSL-server-spacing: 10px;--HSL-server-direction: column}code,.markup-eYLPri pre{font-family:var(--font-code)}body #app-mount .withFrame-2dL45i{margin-top:0}body #app-mount .titleBar-1it3bQ{position:absolute;left:270px;right:120px;top:20px;z-index:2;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw{color:#fff;padding-top:2px}body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw::before{content:"Discord";display:block;position:relative;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000}body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw svg{display:none}body #app-mount .titleBar-1it3bQ .winButton-3UMjdg{top:0;min-height:20px;min-width:20px;height:20px;width:20px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231))}body #app-mount .titleBar-1it3bQ .winButton-3UMjdg.winButtonClose-3Q8ZH5{top:0;min-height:20px;min-width:20px;height:20px;width:20px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231));background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7))}body #app-mount .bg-1QIAus{background:var(--background-image, url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg)) center/cover}body #app-mount .container-1eFtFS .guilds-2JjMmN{height:calc(100vw - 240px) !important;left:calc(100vw - 240px);z-index:0;--status-danger: rgb(230, 77, 28)}body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorBottom-3RJMnQ,body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorTop-2bTgUU{width:100%}body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorBottom-3RJMnQ .bar-2eAyLE,body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorTop-2bTgUU .bar-2eAyLE{border-radius:0;background:linear-gradient(to bottom, transparent, rgb(230, 77, 28))}body #app-mount .container-1eFtFS .guilds-2JjMmN .lowerBadge-3WTshO .numberBadge-37OJ3S{opacity:.8}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA{background:linear-gradient(to left, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset -2px 0 2px 1px rgba(255,255,255,.8);padding-top:0 !important}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS{background:linear-gradient(to left, green, green 12%, rgb(56, 196, 56));box-shadow:inset 0 0 3px 2px green,inset -2px 0 2px 1px rgba(255,255,255,.8);position:relative;padding:5px 0 30px 0}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS::after{content:"";display:block;position:absolute;height:10px;width:100%;border-radius:0 0 50% 50%;bottom:-5px;background:inherit}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z{height:40px;width:40px}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .svg-2zuE5p{height:inherit;width:inherit}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n .selected-1Drb7Z .childWrapper-1j_1ub,body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n:hover .childWrapper-1j_1ub{color:#fff}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n .childWrapper-1j_1ub{color:rgba(255,255,255,.8);background:rgba(0,0,0,0)}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .item-2LIpTv{background:#fff}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .folder-241Joy{background:radial-gradient(circle at 12px 12px, white, rgb(16, 140, 228), rgb(22, 101, 202))}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .expandedFolderBackground-1kSAf6{background:linear-gradient(to bottom, rgb(16, 140, 228), rgb(87, 140, 208))}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .circleIconButton-1VxDrg{background:linear-gradient(to bottom, rgb(16, 140, 228), rgb(87, 140, 208));color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type{position:fixed;height:auto;margin:0;right:auto;left:50px;display:flex;justify-content:center;top:140px}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type :is(.icon-2xnN2Y){background:linear-gradient(rgb(12, 168, 12), green);border-radius:4px;padding:5px;margin:5px;height:36px;width:36px;box-shadow:1px 1px 2px #000;color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type::before{content:attr(aria-label);display:block;position:absolute;top:46px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;line-height:12px;color:#fff;text-shadow:1px 1px 2px #000,1px 1px 1px #000;text-align:center}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type::after{content:"";display:block;position:absolute;height:9px;width:9px;border:1px solid #000;bottom:0;left:0;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC")}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"],[aria-label="Skjul medlemsliste"],[aria-label="Mitgliederliste ausblenden"],[aria-label="Mitgliederliste anzeigen"],[aria-label="Show Member List"],[aria-label="Hide Member List"],[aria-label="Mostrar lista de miembros"],[aria-label="Ocultar lista de miembros"],[aria-label="Masquer la liste des membres"],[aria-label="Afficher la liste des membres"]){position:fixed;height:auto;margin:0;right:50px;left:auto;display:flex;justify-content:center}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"],[aria-label="Skjul medlemsliste"],[aria-label="Mitgliederliste ausblenden"],[aria-label="Mitgliederliste anzeigen"],[aria-label="Show Member List"],[aria-label="Hide Member List"],[aria-label="Mostrar lista de miembros"],[aria-label="Ocultar lista de miembros"],[aria-label="Masquer la liste des membres"],[aria-label="Afficher la liste des membres"]) :is(.icon-2xnN2Y){background:linear-gradient(rgb(12, 168, 12), green);border-radius:4px;padding:5px;margin:5px;height:36px;width:36px;box-shadow:1px 1px 2px #000;color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"],[aria-label="Skjul medlemsliste"],[aria-label="Mitgliederliste ausblenden"],[aria-label="Mitgliederliste anzeigen"],[aria-label="Show Member List"],[aria-label="Hide Member List"],[aria-label="Mostrar lista de miembros"],[aria-label="Ocultar lista de miembros"],[aria-label="Masquer la liste des membres"],[aria-label="Afficher la liste des membres"])::before{content:attr(aria-label);display:block;position:absolute;top:46px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;line-height:12px;color:#fff;text-shadow:1px 1px 2px #000,1px 1px 1px #000;text-align:center}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"],[aria-label="Skjul medlemsliste"],[aria-label="Mitgliederliste ausblenden"],[aria-label="Mitgliederliste anzeigen"],[aria-label="Show Member List"],[aria-label="Hide Member List"],[aria-label="Mostrar lista de miembros"],[aria-label="Ocultar lista de miembros"],[aria-label="Masquer la liste des membres"],[aria-label="Afficher la liste des membres"])::after{content:"";display:block;position:absolute;height:9px;width:9px;border:1px solid #000;bottom:0;left:0;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC")}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu{position:absolute;bottom:0;max-height:60vh;background:rgba(0,0,0,0);border-radius:8px 8px 0 0;border:2px solid #1665ca;border-top:0;box-shadow:2px 15px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd{background:rgba(0,0,0,0)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000;height:48px}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK .headerContent-2SNbie{color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK .headerContent-2SNbie .flowerStar-2tNFCR{color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .animatedContainer-2laTjx{background:rgba(0,0,0,0);z-index:2;border-radius:8px 8px 0 0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .animatedContainer-2laTjx .bannerImage-ubW8K-::before{display:none}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 :is(.modeSelected-3DmyhH,.notInteractive-2tFrlE.modeConnected-NrO4cP,.notInteractive-2tFrlE.modeSelected-3DmyhH) .name-28HaxV{color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .sectionDivider-189lqb{background:rgba(0,0,0,0)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .containerDefault-3TQ5YN:not(:nth-child(2))::before{content:"";display:block;position:absolute;top:7px;width:100%;height:2px;background:linear-gradient(to right, transparent 10%, lightgrey, transparent 90%)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .actionIcon-2sw4Sl,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .actionIcon-2sw4Sl{color:rgba(0,0,0,.7)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .channelInfo-3jN1ay,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .channelInfo-3jN1ay{--background-primary: lightgrey;--background-tertiary: grey}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .channelInfo-3jN1ay .wrapper-2fEmwW,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .channelInfo-3jN1ay .wrapper-2fEmwW{border-radius:3px}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeSelected-3DmyhH .actionIcon-2sw4Sl{color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeMuted-2T4MDZ .name-28HaxV,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeMuted-2T4MDZ .icon-2W8DHg{color:gray}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL{background:rgba(0,0,0,0)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .searchBar-3TnChZ{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG{background:rgba(0,0,0,0);font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .scroller-WSmht3{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .scroller-WSmht3::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .privateChannelsHeaderContainer-1UWASm{position:relative}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .privateChannelsHeaderContainer-1UWASm::before{content:"";display:block;position:absolute;top:2px;width:100%;height:2px;background:linear-gradient(to right, transparent 10%, lightgrey, transparent 90%)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .container-32HW5s{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;position:relative;border-radius:8px 8px 0 0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt::before{display:none}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .discoverHeader-1vsvZ0{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000;margin:0;padding:12px 0;text-indent:16px;font-size:16px;position:fixed;width:240px;z-index:2}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .container-1oeRFJ{color:var(--channels-default);border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .container-1oeRFJ:first-of-type{margin-top:62px}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .container-1oeRFJ:nth-last-of-type(2){margin-bottom:10px}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .container-1oeRFJ .layout-1qmrhw{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4{background-color:var(--background-modifier-selected)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD{width:240px;height:var(--server-container);position:fixed;top:calc(100% - var(--server-container));left:calc(100vw - 240px);background:linear-gradient(to bottom, rgb(16, 140, 228), rgb(16, 140, 228) 12%, rgb(87, 140, 208));box-shadow:inset 0 0 3px 2px #108ce4,inset 0 2px 2px 1px rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl{height:inherit;flex-direction:row-reverse}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW{margin:0 0 0 6px;padding:0 4px 0 0;flex-direction:row-reverse}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq{text-shadow:0 1px 1px #000}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq .title-338goq{color:#fff;font-weight:normal}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq .subtext-2HDqJ7{color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .button-12Fmur{color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .withTagAsButton-OsgQ9L:hover,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .withTagless-10ooWt:hover,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .button-12Fmur.enabled-9OeuTA:hover{background:linear-gradient(to bottom, rgb(22, 101, 202), rgb(16, 140, 228))}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .button-12Fmur.enabled-9OeuTA:hover{color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .container-2cd8Mz{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .pageWrapper-2PwDoS{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .scroller-RfJjkV{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4);height:auto}body #app-mount .container-1eFtFS .base-2jDfDU .applicationStore-2nk7Lo{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU .chatContent-3KubbW .message-2CShn3{margin-right:0 !important}body #app-mount .container-1eFtFS .base-2jDfDU .resizeHandle-PBRzPC{position:relative;right:120px;margin:50px 0 50px 0;height:auto;background:#0372ff}body #app-mount .container-1eFtFS .base-2jDfDU .container-3XgAHv{position:relative;margin:50px 0 50px 0;right:120px;border-radius:0;max-width:100%;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .chatTarget-3H6mpC{display:none}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .message-2CShn3{padding-right:140px !important}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .message-2CShn3 .container-2gUZhU{right:130px}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ{position:fixed;height:auto;margin:0;right:auto;left:50px;display:flex;justify-content:center;top:50px}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ :is(.contents-3ca1mk){background:linear-gradient(rgb(12, 168, 12), green);border-radius:4px;padding:5px;margin:5px;height:36px;width:36px;box-shadow:1px 1px 2px #000;color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ::before{content:attr(aria-label);display:block;position:absolute;top:46px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;line-height:12px;color:#fff;text-shadow:1px 1px 2px #000,1px 1px 1px #000;text-align:center}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ::after{content:"";display:block;position:absolute;height:9px;width:9px;border:1px solid #000;bottom:0;left:0;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC")}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ .contents-3ca1mk{padding:0}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ .contents-3ca1mk .active-z80xEj .buttonWrapper-3YFQGJ,body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ .contents-3ca1mk .buttonWrapper-3YFQGJ:hover{color:inherit}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .headerRow-1MKoR-,body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .list-3FIpnh>div:first-child{min-width:0}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;position:fixed;right:30px;top:180px;height:65vh;max-height:calc(100vh - 400px);border:2px solid #1665ca;border-top:0;box-shadow:2px 0px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t::before{content:"Members";display:block;position:absolute;z-index:1;width:calc(100% + 4px);top:-30px;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff;text-indent:9px;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx{background:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .membersGroup-2eiWxl:not(:nth-child(2)){position:relative}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .membersGroup-2eiWxl:not(:nth-child(2))::before{content:"";display:block;position:absolute;top:7px;width:100%;height:2px;background:linear-gradient(to right, transparent 10%, lightgrey, transparent 90%)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .member-48YF_l{background:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .member-48YF_l .layout-1qmrhw{border-radius:0}body #app-mount .layer-86YKbF{background:rgba(0,0,0,0)}body #app-mount .layer-86YKbF .standardSidebarView-E9Pc3j{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW{border-radius:8px 8px 0 0;max-height:calc(100vh - 50px - 120px) !important}body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .footer-5ji8u1{display:none}body #app-mount .layerContainer-2v_Sit .tooltip-14MtrL{background:#ebe8d7;border:1px solid #000;color:#000;border-radius:0}body #app-mount .layerContainer-2v_Sit .tooltip-14MtrL .guildNameText-jBFbNC{color:#000}body #app-mount .layerContainer-2v_Sit .tooltip-14MtrL .tooltipPointer-3L49xb{border-top-color:#000}body #app-mount .layerContainer-2v_Sit .menu-1QACrS{--interactive-normal: black;background:#ebe8d7;border:1px solid #000;border-radius:0}body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO.focused-3qFvc8{background:#1665ca;border-radius:0}body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l path[d^="M12 20C16.4183"]{d:path("M 12 22 A 1 1 0 0 0 12 2 A 1 1 0 0 0 12 22 Z M 12 21 A 1 1 0 0 0 12 3 A 1 1 0 0 0 12 21 Z")}body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .radioSelection-1UHp0b{color:#38c438}body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .checkbox-hADx5o{d:path("M 2 2 V 22 H 22 V 2 Z M 3 3 V 21 H 21 V 3 Z");color:#000;border:1px solid #000}body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .check-3HZJs4{color:#38c438}body #app-mount .layerContainer-2v_Sit .menu-1QACrS .bar-1Bhnl9{background:#ebe8d7;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .menu-1QACrS .bar-1Bhnl9 .barFill-2Bh7CX{background:rgba(0,0,0,0)}body #app-mount .layerContainer-2v_Sit .menu-1QACrS .grabber-2GQyvM{height:16px;width:10px;margin-top:-1px;border-radius:3px;border:solid #38c438;border-width:3px 0;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID{border:2px solid #1665ca;border-top:0;box-shadow:2px 0px 3px 2px rgba(0,0,0,.4)}body #app-mount .layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID::before{content:"User Profile";display:block;position:absolute;z-index:1;width:calc(100% + 4px);top:-30px;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff;text-indent:9px;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID::before{left:-2px}body #app-mount .layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID .userProfileOuter-1K_BYU{border-radius:0}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000;--interactive-normal: black;--interactive-active: black}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV{position:absolute;bottom:-1px;z-index:1;align-items:base}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8{background:#ebe8d7;border-radius:3px 3px 0 0;border:solid #1665ca;border-width:1px 1px 0 1px;margin:0}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8.selected-g-kMVV{padding-top:1px;height:25px;background:linear-gradient(to bottom, orange, white 10%, rgb(235, 232, 215) 80%)}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8:hover{color:#000}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN.container-2ebMPP .header-145e10 .button-1_oXub{top:0;min-height:26px;min-width:26px;height:26px;width:26px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231))}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN.messagesPopoutWrap-3zryHW .header-145e10 .button-1_oXub{top:0;min-height:26px;min-width:26px;height:26px;width:26px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231))}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;--header-primary: black;--header-secondary: grey;background:#ebe8d7}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI::after,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .channelHeader-DFRX8q,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .channelHeader-DFRX8q,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .channelHeader-DFRX8q,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .channelHeader-DFRX8q{background:#ebe8d7}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .channelHeader-DFRX8q .button-1_oXub,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .channelHeader-DFRX8q .button-1_oXub{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .messages-23can0,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .messageContainer-3VTXBC,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .messages-23can0,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .messageContainer-3VTXBC,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .messages-23can0,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .messageContainer-3VTXBC,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .messages-23can0,body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .messageContainer-3VTXBC{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -2px -2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7{border-radius:8px 8px 0 0}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .threadIcon-rd1kqG{color:#fff}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .searchBox-3IjAC1{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .searchBox-3IjAC1 .input-2m5SfJ{color:#000}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .closeIcon-11tHJX{top:0;min-height:26px;min-width:26px;height:26px;width:26px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231));background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7));display:flex;align-items:center;justify-content:center}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .createButton-oruGBs{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;background:#ebe8d7}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .sectionHeader-QsOv68{color:#000 !important}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2rzKKA{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -2px -2px 2px 0 #fff;border:0}body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .defaultColor-HXu-5n,body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .text-md-normal-304U3g{color:#000 !important}body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .header-1w9Q93{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;background:#ebe8d7}body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -2px -2px 2px 0 #fff;border:0}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ{border-radius:0;border:2px solid #1665ca;border-top:0;box-shadow:2px 0px 3px 2px rgba(0,0,0,.4)}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ::before{content:"User info";display:block;position:absolute;z-index:1;width:calc(100% + 4px);top:-30px;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff;text-indent:9px;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ::before{width:100%;left:0}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1{left:24px}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .pencilContainer-11Kuga{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .pencilContainer-11Kuga .pencilIcon-1MUmnO{color:#000}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .profileBadges-31rDHI{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi{border-radius:0;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -2px -2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .rolePill-2IJ1vo{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .note-6O4w9y{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -2px -2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .messageInputContainer-2rGDH8{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -2px -2px 2px 0 #fff}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY{background:#ebe8d7;--interactive-active: black;--header-primary: black;--header-secondary: grey;--text-normal: black;--background-secondary: beige;--interactive-muted: beige}body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .overlayBackground-1KgwVi{background:#fff}body #app-mount .layerContainer-2v_Sit .backdrop-2ByYRN{background:var(--bsod-color, navy) !important;opacity:1 !important}body #app-mount .layerContainer-2v_Sit .backdrop-2ByYRN::before{content:var(--bsod-text, var(--bsod-text-original));white-space:pre-wrap;display:block;font-family:"Courier New",Courier,monospace;font-size:20px;color:#fff;margin:40px}body #app-mount .layerContainer-2v_Sit .layer-1Ixpg3{align-items:flex-end;padding-right:10vw}body #app-mount .layerContainer-2v_Sit .layer-1Ixpg3 .focusLock-2tveLW{border:2px solid #fff;padding:5px;background:var(--bsod-color, rgba(0, 0, 128, 0.8))}#floating-editor-window{border-radius:10px 10px 0 0;border:2px solid #1665ca;border-top:0;box-shadow:2px 5px 3px 2px rgba(0,0,0,.4)}#floating-editor-window .floating-window-titlebar{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}#floating-editor-window .floating-window-titlebar .title{font-size:14px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff}#floating-editor-window .floating-window-titlebar .button{top:0;min-height:20px;min-width:20px;height:20px;width:20px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231))}#floating-editor-window .floating-window-titlebar .button.close-button{top:0;min-height:20px;min-width:20px;height:20px;width:20px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231));background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7))}.wrapper-1VLyxH::before{content:"";display:block;position:absolute;height:100%;width:100%;background:radial-gradient(circle at 25% 25%, hsla(0deg, 0%, 100%, 0.8), rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 40%, transparent);border-radius:50%;z-index:1} \ No newline at end of file +@import"https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css";@import"https://discordstyles.github.io/Addons/bottomhsl.css";:root{--bsod-text-original: "A problem has been detected and Windows has been shut down to prevent damage to your computer. \a \a A clock interrupt was not received on a secondary processor within the allocated time interval. \a \aIf this is the first time you've seen this stop error screen, restart your computer. If this screen appears again, follow these steps: \a \a Check to make sure any new hardware or software is properly installed. If this is a new installation, ask your hardware or software manufacturer for any Windows updates you might need. \a \aIf problems continue, disable or remove any newly installed hardware or software. Disable BIOS memory options such as caching or shadowing. If you need to use Safe Mode to remove or disable components, restart your computer, press F8 to select Advanced Startup Options, and then throw away the whole computer. \a \aTechnical information: \a \a*** STOP: USING_DISCORD \a \a*** discord.exe - Address DEADBEEF base at 8BADF00D, DateStamp 1337C0D3 \a \a \a \a \a \a \a \a \a \a Collecting data for crash dump ... \aInitializing disk for crash dump ... \a Beginning dump of all your belongings ... \a Dumping physical memory to disk: 100% \aPhysical memory dump complete. \a Contact your system administrator or technical support group for further assistance." }.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW{border-radius:8px 8px 0 0;max-height:calc(100vh - 50px - 120px) !important}.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .footer-5ji8u1{display:none}.layerContainer-2v_Sit .tooltip-14MtrL{background:#ebe8d7;border:1px solid #000;color:#000;border-radius:0}.layerContainer-2v_Sit .tooltip-14MtrL .guildNameText-jBFbNC{color:#000}.layerContainer-2v_Sit .tooltip-14MtrL .tooltipPointer-3L49xb{border-top-color:#000}.layerContainer-2v_Sit .menu-1QACrS{--interactive-normal: black;background:#ebe8d7;border:1px solid #000;border-radius:0}.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO.focused-3qFvc8{background:#1665ca;border-radius:0}.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l path[d^="M12 20C16.4183"]{d:path("M 12 22 A 1 1 0 0 0 12 2 A 1 1 0 0 0 12 22 Z M 12 21 A 1 1 0 0 0 12 3 A 1 1 0 0 0 12 21 Z")}.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .radioSelection-1UHp0b{color:#38c438}.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .checkbox-hADx5o{d:path("M 2 2 V 22 H 22 V 2 Z M 3 3 V 21 H 21 V 3 Z");color:#000;border:1px solid #000}.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .check-3HZJs4{color:#38c438}.layerContainer-2v_Sit .menu-1QACrS .bar-1Bhnl9{background:#ebe8d7;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}.layerContainer-2v_Sit .menu-1QACrS .bar-1Bhnl9 .barFill-2Bh7CX{background:rgba(0,0,0,0)}.layerContainer-2v_Sit .menu-1QACrS .grabber-2GQyvM{height:16px;width:10px;margin-top:-1px;border-radius:3px;border:solid #38c438;border-width:3px 0;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID{border:2px solid #1665ca;border-top:0;box-shadow:2px 0px 3px 2px rgba(0,0,0,.4)}.layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID::before{content:"User Profile";display:block;position:absolute;z-index:1;width:calc(100% + 4px);top:-30px;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff;text-indent:9px;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}.layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID::before{left:-2px}.layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID .userProfileOuter-1K_BYU{border-radius:0}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000;--interactive-normal: black;--interactive-active: black}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV{position:absolute;bottom:-1px;z-index:1;align-items:base}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8{background:#ebe8d7;border-radius:3px 3px 0 0;border:solid #1665ca;border-width:1px 1px 0 1px;margin:0}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8.selected-g-kMVV{padding-top:1px;height:25px;background:linear-gradient(to bottom, orange, white 10%, rgb(235, 232, 215) 80%)}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8:hover{color:#000}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN.container-2ebMPP .header-145e10 .button-1_oXub{top:0;min-height:26px;min-width:26px;height:26px;width:26px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231))}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN.messagesPopoutWrap-3zryHW .header-145e10 .button-1_oXub{top:0;min-height:26px;min-width:26px;height:26px;width:26px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231))}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;--header-primary: black;--header-secondary: grey;background:#ebe8d7}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI::after,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .channelHeader-DFRX8q,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .channelHeader-DFRX8q,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .channelHeader-DFRX8q,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .channelHeader-DFRX8q{background:#ebe8d7}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .channelHeader-DFRX8q .button-1_oXub,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .channelHeader-DFRX8q .button-1_oXub{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .messages-23can0,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .messageContainer-3VTXBC,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .messages-23can0,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .messageContainer-3VTXBC,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .messages-23can0,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .messageContainer-3VTXBC,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .messages-23can0,.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .messageContainer-3VTXBC{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -1px -1px 2px 0 rgba(255,255,255,.8)}.layerContainer-2v_Sit .browser-mnQ1T7{border-radius:8px 8px 0 0}.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .threadIcon-rd1kqG{color:#fff}.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .searchBox-3IjAC1{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .searchBox-3IjAC1 .input-2m5SfJ{color:#000}.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .closeIcon-11tHJX{top:0;min-height:26px;min-width:26px;height:26px;width:26px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231));background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7));display:flex;align-items:center;justify-content:center}.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .createButton-oruGBs{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;background:#ebe8d7}.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .sectionHeader-QsOv68{color:#000 !important}.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2rzKKA{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -1px -1px 2px 0 rgba(255,255,255,.8);border:0}.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .defaultColor-HXu-5n,.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .text-md-normal-304U3g{color:#000 !important}.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .button-f2h6uQ{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .header-1w9Q93{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;background:#ebe8d7}.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -1px -1px 2px 0 rgba(255,255,255,.8);border:0}.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .body-GBnhET{color:#000}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ{border-radius:0;border:2px solid #1665ca;border-top:0;box-shadow:2px 0px 3px 2px rgba(0,0,0,.4)}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ::before{content:"User info";display:block;position:absolute;z-index:1;width:calc(100% + 4px);top:-30px;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff;text-indent:9px;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ::before{width:100%;left:0}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1{left:24px}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .pencilContainer-11Kuga{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .pencilContainer-11Kuga .pencilIcon-1MUmnO{color:#000}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .profileBadges-31rDHI{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi{border-radius:0;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -1px -1px 2px 0 rgba(255,255,255,.8)}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .rolePill-2IJ1vo{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .note-6O4w9y{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -1px -1px 2px 0 rgba(255,255,255,.8)}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .messageInputContainer-2rGDH8{font-family:"Whitney",var(--i18n-fallbacks);border-radius:0;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.7),inset -1px -1px 2px 0 rgba(255,255,255,.8)}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY{background:#ebe8d7;--interactive-active: black;--header-primary: black;--header-secondary: grey;--text-normal: black;--background-secondary: beige;--interactive-muted: beige}.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .overlayBackground-1KgwVi{background:#fff}.layerContainer-2v_Sit .container-1ILvLB{--text-normal: black;background:#ebe8d7;border:1px solid #000;border-radius:0}.layerContainer-2v_Sit .container-1ILvLB .popoutText-3NRmTw{color:#000}.layerContainer-2v_Sit .streamPreview-I7itZ6{--text-normal: black;background:#ebe8d7;border:1px solid #000;border-radius:0}.layerContainer-2v_Sit .streamPreview-I7itZ6 .watchButton-2YRKxv{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .container-3ssFyj{--text-normal: black;background:#ebe8d7;border:1px solid #000;border-radius:0}.layerContainer-2v_Sit .container-3ssFyj .container-2oNtJn{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB{border-radius:0}.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB.selected-22ukbQ{background:#1665ca}.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB .itemLabel-27pirQ span{background:#ebe8d7}.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB .box-BHImcZ{border-radius:0}.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB .box-BHImcZ.checked-1pZh2h{background:#ebe8d7 !important}.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB .box-BHImcZ.checked-1pZh2h path{fill:#38c438 !important}.layerContainer-2v_Sit .popoutContainer-2wbmiM{--text-normal: black;background:#ebe8d7;border:1px solid #000;border-radius:0}.layerContainer-2v_Sit .popoutContainer-2wbmiM .shinyButton-2Q9MDB{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .colorPickerCustom-1swUKF{--text-normal: black;background:#ebe8d7;border:1px solid #000;border-radius:0}.layerContainer-2v_Sit .colorPickerCustom-1swUKF .input-2g-os5{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}.layerContainer-2v_Sit .colorPickerCustom-1swUKF .suggestedColor-2q1U7c{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .colorPickerCustom-1swUKF .saturation-CLQHFD{box-shadow:-1px -1px 2px 0 gray,2px 2px 2px 0 #fff}.layerContainer-2v_Sit .colorPickerCustom-1swUKF .hue-horizontal{box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}.layerContainer-2v_Sit .colorPickerCustom-1swUKF .hue-horizontal div:last-child{height:12px;width:10px;margin-top:-4px}.layerContainer-2v_Sit .colorPickerCustom-1swUKF .hue-horizontal div:last-child div{border-radius:3px;border:solid #38c438;border-width:3px 0;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .container-2McqkF{--header-secondary: black;--text-muted: black;--interactive-normal: black;--search-popout-option-non-text-color: black;--search-popout-option-user-nickname: black;--search-popout-option-user-username: black;--search-popout-date-picker-hint-text: black;--background-floating: rgb(235, 232, 215);--background-modifier-hover: rgb(22, 101, 202);--search-popout-option-fade: linear-gradient(to right, transparent, rgb(235, 232, 215));--search-popout-option-fade-hover: linear-gradient(to right, transparent, rgb(22, 101, 202) 60%);border-radius:0;border:1px solid #000}.layerContainer-2v_Sit .container-2McqkF .option-ayUoaq{border-radius:0}.layerContainer-2v_Sit .container-2McqkF .react-datepicker{background:#ebe8d7}.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__navigation{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;background-size:30%;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='25'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M17.338 12.485c-4.156 4.156-8.312 8.312-12.468 12.467-1.402-1.402-2.805-2.804-4.207-4.206 2.756-2.757 5.513-5.514 8.27-8.27C6.176 9.72 3.419 6.963.663 4.207L4.87 0c-.058-.059 12.555 12.562 12.468 12.485z' clip-rule='evenodd'/%3E%3C/svg%3E")}.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__header{background:rgba(0,0,0,0)}.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__header .react-datepicker__current-month,.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__header .react-datepicker__day-name{color:#000}.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__month{border:1px solid #000;border-radius:3px}.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__month .react-datepicker__day:not(.react-datepicker__day--disabled){border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;border-radius:0;border:0}.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__month .react-datepicker__day:not(.react-datepicker__day--disabled).react-datepicker__day--outside-month{background:#ebe8d7}.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__month .react-datepicker__day--disabled{background:#ebe8d7;color:gray}.layerContainer-2v_Sit .container-2McqkF .hintValue-V9hd8l{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .container-2McqkF .hintValue-V9hd8l:hover{background:inherit}.layerContainer-2v_Sit #emoji-picker-tab-panel{--interactive-normal: black;--interactive-hover: black;--interactive-active: black;--text-normal: black;--header-secondary: black;--background-primary: rgb(22, 101, 202)}.layerContainer-2v_Sit #emoji-picker-tab-panel .header-11eigE{background:#ebe8d7;border-radius:0}.layerContainer-2v_Sit #emoji-picker-tab-panel .header-11eigE .searchBar-2M9mRP{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}.layerContainer-2v_Sit #emoji-picker-tab-panel .header-11eigE .diversitySelectorButton-2CGlo5,.layerContainer-2v_Sit #emoji-picker-tab-panel .header-11eigE .diversitySelectorOptions-3DhNYs{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;padding:3px}.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a{background:#fff;border-radius:0}.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a .bodyWrapper-1eSOtW{box-shadow:inset 0 0 2px 2px gray}.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a .bodyWrapper-1eSOtW .wrapper-1NNaWG{background:linear-gradient(to bottom, transparent, white, transparent)}.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a .bodyWrapper-1eSOtW .emojiItem-277VFM.emojiItemSelected-2Lg50V{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a .inspector-DFKXwB{background:#ebe8d7}.layerContainer-2v_Sit #emoji-picker-tab-panel .categoryList-2qRrlj{background:#ebe8d7}.layerContainer-2v_Sit .animatorLeft-3yvG13>#emoji-picker-tab-panel{border:2px solid #1665ca;border-top:0;box-shadow:2px 0px 3px 2px rgba(0,0,0,.4)}.layerContainer-2v_Sit .animatorLeft-3yvG13>#emoji-picker-tab-panel::before{content:"Add a reaction";display:block;position:absolute;z-index:1;width:calc(100% + 4px);top:-30px;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff;text-indent:9px;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}.layerContainer-2v_Sit .animatorLeft-3yvG13>#emoji-picker-tab-panel::before{left:-2px}.layerContainer-2v_Sit .contentWrapper-3vHNP2{--interactive-normal: black;--interactive-hover: black;--interactive-active: black;--text-normal: black;--header-secondary: black;--background-primary: rgb(22, 101, 202);--background-tertiary: transparent;background:#ebe8d7;border-radius:0;border:2px solid #1665ca;border-top:0;box-shadow:2px 0px 3px 2px rgba(0,0,0,.4);overflow:visible}.layerContainer-2v_Sit .contentWrapper-3vHNP2::before{content:"Chat addition";display:block;position:absolute;z-index:1;width:calc(100% + 4px);top:-30px;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff;text-indent:9px;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}.layerContainer-2v_Sit .contentWrapper-3vHNP2::before{left:-2px}.layerContainer-2v_Sit .contentWrapper-3vHNP2 .navButton-1XuvI-{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}.layerContainer-2v_Sit .contentWrapper-3vHNP2 .navButton-1XuvI-.navButtonActive-1EqC5l{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}.layerContainer-2v_Sit .contentWrapper-3vHNP2 .container-1SX9VC,.layerContainer-2v_Sit .contentWrapper-3vHNP2 .container-2oNtJn{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #sticker-picker-tab-panel #sticker-picker-grid{background:#fff;box-shadow:inset 0 0 2px 2px gray}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #sticker-picker-tab-panel #sticker-picker-grid .wrapper-1NNaWG{background:linear-gradient(to bottom, transparent, white, transparent)}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #sticker-picker-tab-panel .standardStickerShortcut-ObSns3{background:#ebe8d7}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #sticker-picker-tab-panel .inspector-DFKXwB{background:#ebe8d7}.layerContainer-2v_Sit .contentWrapper-3vHNP2 .categoryList-2qRrlj{background:#ebe8d7}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel{background:#ebe8d7}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .backButton-bSKWLe{color:#000}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .categoryFadeBlurple-1l49_Q{background:rgba(0,0,0,.7)}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .result-pzZrwj{background-color:#fff !important}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .result-pzZrwj::after{box-shadow:inset 0 0 0 2px #fff;border-radius:0}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .focused-16Owih,.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .result-pzZrwj:hover{box-shadow:0 11px 22px 1px rgba(255,255,255,.8)}.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .placeholder-T1Tuu8{border-radius:0;background:rgba(255,255,255,.8)}.layerContainer-2v_Sit .backdrop-2ByYRN{background:var(--bsod-color, navy) !important;opacity:1 !important}.layerContainer-2v_Sit .backdrop-2ByYRN::before{content:var(--bsod-text, var(--bsod-text-original));white-space:pre-wrap;display:block;font-family:"Courier New",Courier,monospace;font-size:20px;color:#fff;margin:40px}.layerContainer-2v_Sit .layer-1Ixpg3{align-items:flex-end;padding-right:10vw}.layerContainer-2v_Sit .layer-1Ixpg3 .focusLock-2tveLW{border:2px solid #fff;padding:5px;background:var(--bsod-color, rgba(0, 0, 128, 0.8))}:root{--HSL-server-icon-size: 25px;--HSL-server-spacing: 10px;--HSL-server-direction: column}code,.markup-eYLPri pre{font-family:var(--font-code)}body #app-mount .withFrame-2dL45i{margin-top:0}body #app-mount .titleBar-1it3bQ{position:absolute;left:270px;right:120px;top:20px;z-index:2;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw{color:#fff;padding-top:2px}body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw::before{content:"Discord";display:block;position:relative;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000}body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw svg{display:none}body #app-mount .titleBar-1it3bQ .winButton-3UMjdg{top:0;min-height:20px;min-width:20px;height:20px;width:20px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231))}body #app-mount .titleBar-1it3bQ .winButton-3UMjdg.winButtonClose-3Q8ZH5{top:0;min-height:20px;min-width:20px;height:20px;width:20px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231));background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7))}body #app-mount .bg-1QIAus{background:var(--background-image, url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg)) center/cover}body #app-mount .container-1eFtFS .guilds-2JjMmN{height:calc(100vw - 240px) !important;left:calc(100vw - 240px);z-index:0;--status-danger: rgb(230, 77, 28)}body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorBottom-3RJMnQ,body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorTop-2bTgUU{width:100%}body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorBottom-3RJMnQ .bar-2eAyLE,body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorTop-2bTgUU .bar-2eAyLE{border-radius:0;background:linear-gradient(to bottom, transparent, rgb(230, 77, 28))}body #app-mount .container-1eFtFS .guilds-2JjMmN .lowerBadge-3WTshO .numberBadge-37OJ3S{opacity:.8}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA{background:linear-gradient(to left, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset -2px 0 2px 1px rgba(255,255,255,.8);padding-top:0 !important}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS{background:linear-gradient(to left, green, green 12%, rgb(56, 196, 56));box-shadow:inset 0 0 3px 2px green,inset -2px 0 2px 1px rgba(255,255,255,.8);position:relative;padding:5px 0 30px 0}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS::after{content:"";display:block;position:absolute;height:10px;width:100%;border-radius:0 0 50% 50%;bottom:-5px;background:inherit}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z{height:40px;width:40px}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .svg-2zuE5p{height:inherit;width:inherit}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n .selected-1Drb7Z .childWrapper-1j_1ub,body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n:hover .childWrapper-1j_1ub{color:#fff}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n .childWrapper-1j_1ub{color:rgba(255,255,255,.8);background:rgba(0,0,0,0)}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .item-2LIpTv{background:#fff}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .folder-241Joy{background:radial-gradient(circle at 12px 12px, white, rgb(16, 140, 228), rgb(22, 101, 202))}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .expandedFolderBackground-1kSAf6{background:linear-gradient(to bottom, rgb(16, 140, 228), rgb(87, 140, 208))}body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .circleIconButton-1VxDrg{background:linear-gradient(to bottom, rgb(16, 140, 228), rgb(87, 140, 208));color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .notice-2olXi7{top:50px;margin:0 120px 0 270px;width:auto;border-radius:0;border:solid #1665ca;border-width:0 2px 0 2px;box-shadow:none}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type{position:fixed;height:auto;margin:0;right:auto;left:50px;display:flex;justify-content:center;top:140px}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type :is(.icon-2xnN2Y){background:linear-gradient(rgb(12, 168, 12), green);border-radius:4px;padding:5px;margin:5px;height:36px;width:36px;box-shadow:1px 1px 2px #000;color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type::before{content:attr(aria-label);display:block;position:absolute;top:46px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;line-height:12px;color:#fff;text-shadow:1px 1px 2px #000,1px 1px 1px #000;text-align:center}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type::after{content:"";display:block;position:absolute;height:9px;width:9px;border:1px solid #000;bottom:0;left:0;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC")}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"],[aria-label="Skjul medlemsliste"],[aria-label="Mitgliederliste ausblenden"],[aria-label="Mitgliederliste anzeigen"],[aria-label="Show Member List"],[aria-label="Hide Member List"],[aria-label="Mostrar lista de miembros"],[aria-label="Ocultar lista de miembros"],[aria-label="Masquer la liste des membres"],[aria-label="Afficher la liste des membres"]){position:fixed;height:auto;margin:0;right:50px;left:auto;display:flex;justify-content:center}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"],[aria-label="Skjul medlemsliste"],[aria-label="Mitgliederliste ausblenden"],[aria-label="Mitgliederliste anzeigen"],[aria-label="Show Member List"],[aria-label="Hide Member List"],[aria-label="Mostrar lista de miembros"],[aria-label="Ocultar lista de miembros"],[aria-label="Masquer la liste des membres"],[aria-label="Afficher la liste des membres"]) :is(.icon-2xnN2Y){background:linear-gradient(rgb(12, 168, 12), green);border-radius:4px;padding:5px;margin:5px;height:36px;width:36px;box-shadow:1px 1px 2px #000;color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"],[aria-label="Skjul medlemsliste"],[aria-label="Mitgliederliste ausblenden"],[aria-label="Mitgliederliste anzeigen"],[aria-label="Show Member List"],[aria-label="Hide Member List"],[aria-label="Mostrar lista de miembros"],[aria-label="Ocultar lista de miembros"],[aria-label="Masquer la liste des membres"],[aria-label="Afficher la liste des membres"])::before{content:attr(aria-label);display:block;position:absolute;top:46px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;line-height:12px;color:#fff;text-shadow:1px 1px 2px #000,1px 1px 1px #000;text-align:center}body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"],[aria-label="Skjul medlemsliste"],[aria-label="Mitgliederliste ausblenden"],[aria-label="Mitgliederliste anzeigen"],[aria-label="Show Member List"],[aria-label="Hide Member List"],[aria-label="Mostrar lista de miembros"],[aria-label="Ocultar lista de miembros"],[aria-label="Masquer la liste des membres"],[aria-label="Afficher la liste des membres"])::after{content:"";display:block;position:absolute;height:9px;width:9px;border:1px solid #000;bottom:0;left:0;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC")}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu{position:absolute;bottom:0;max-height:60vh;background:rgba(0,0,0,0);border-radius:8px 8px 0 0;border:2px solid #1665ca;border-top:0;box-shadow:2px 15px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd{background:rgba(0,0,0,0)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000;height:48px}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK .headerContent-2SNbie{color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK .headerContent-2SNbie .flowerStar-2tNFCR{color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .animatedContainer-2laTjx{background:rgba(0,0,0,0);z-index:2;border-radius:8px 8px 0 0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .animatedContainer-2laTjx .bannerImage-ubW8K-::before{display:none}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 :is(.modeSelected-3DmyhH,.notInteractive-2tFrlE.modeConnected-NrO4cP,.notInteractive-2tFrlE.modeSelected-3DmyhH) .name-28HaxV{color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .sectionDivider-189lqb{background:rgba(0,0,0,0)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .containerDefault-3TQ5YN:not(:nth-child(2))::before{content:"";display:block;position:absolute;top:7px;width:100%;height:2px;background:linear-gradient(to right, transparent 10%, lightgrey, transparent 90%)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .actionIcon-2sw4Sl,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .actionIcon-2sw4Sl{color:rgba(0,0,0,.7)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .channelInfo-3jN1ay,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .channelInfo-3jN1ay{--background-primary: lightgrey;--background-tertiary: grey}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .channelInfo-3jN1ay .wrapper-2fEmwW,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .channelInfo-3jN1ay .wrapper-2fEmwW{border-radius:3px}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1Tgc42{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeSelected-3DmyhH .actionIcon-2sw4Sl{color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeMuted-2T4MDZ .name-28HaxV,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeMuted-2T4MDZ .icon-2W8DHg{color:gray}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL{background:rgba(0,0,0,0)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .searchBar-3TnChZ{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG{background:rgba(0,0,0,0);font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .scroller-WSmht3{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .scroller-WSmht3::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .privateChannelsHeaderContainer-1UWASm{position:relative}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .privateChannelsHeaderContainer-1UWASm::before{content:"";display:block;position:absolute;top:2px;width:100%;height:2px;background:linear-gradient(to right, transparent 10%, lightgrey, transparent 90%)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .container-32HW5s{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;position:relative;border-radius:8px 8px 0 0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt::before{display:none}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .discoverHeader-1vsvZ0{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000;margin:0;padding:12px 0;text-indent:16px;font-size:16px;position:fixed;width:240px;z-index:2}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .container-1oeRFJ{color:var(--channels-default);border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .container-1oeRFJ:first-of-type{margin-top:62px}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .container-1oeRFJ:nth-last-of-type(2){margin-bottom:10px}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .container-1oeRFJ .layout-1qmrhw{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu>.scrollerBase-_bVAAt .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4{background-color:var(--background-modifier-selected)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD{width:240px;height:auto;position:fixed;bottom:-1px;left:calc(100vw - 240px);z-index:0;background:linear-gradient(to bottom, rgb(16, 140, 228), rgb(16, 140, 228) 12%, rgb(87, 140, 208));box-shadow:inset 0 0 3px 2px #108ce4,inset 0 2px 2px 1px rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD:hover{z-index:1}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .subtext-2HDqJ7{color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-1zzFcN .button-1EGGcP{border-radius:3px;border:1px solid #000;background:#f0efed;color:#000;box-shadow:inset -1px -1px 2px 0 gray,inset 2px 2px 2px 0 #fff}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-1zzFcN .button-1EGGcP.buttonActive-Uc1jHx{background:#ebe8d7;box-shadow:inset 1px 1px 2px 0 gray,inset -2px -2px 2px 0 #fff}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl{height:var(--server-container);flex-direction:row-reverse}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW{margin:0 0 0 6px;padding:0 4px 0 0;flex-direction:row-reverse}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq{text-shadow:0 1px 1px #000}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq .title-338goq{color:#fff;font-weight:normal}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .button-12Fmur{color:rgba(255,255,255,.8)}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .withTagAsButton-OsgQ9L:hover,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .withTagless-10ooWt:hover,body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .button-12Fmur.enabled-9OeuTA:hover{background:linear-gradient(to bottom, rgb(22, 101, 202), rgb(16, 140, 228))}body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .button-12Fmur.enabled-9OeuTA:hover{color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .container-2cd8Mz{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .pageWrapper-2PwDoS{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .scroller-RfJjkV{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4);height:auto}body #app-mount .container-1eFtFS .base-2jDfDU .applicationStore-2nk7Lo{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .message-2CShn3{padding-right:140px !important}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .message-2CShn3 .container-2gUZhU{right:130px}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ{position:fixed;height:auto;margin:0;right:auto;left:50px;display:flex;justify-content:center;top:50px}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ :is(.contents-3ca1mk){background:linear-gradient(rgb(12, 168, 12), green);border-radius:4px;padding:5px;margin:5px;height:36px;width:36px;box-shadow:1px 1px 2px #000;color:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ::before{content:attr(aria-label);display:block;position:absolute;top:46px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;line-height:12px;color:#fff;text-shadow:1px 1px 2px #000,1px 1px 1px #000;text-align:center}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ::after{content:"";display:block;position:absolute;height:9px;width:9px;border:1px solid #000;bottom:0;left:0;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC")}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ .contents-3ca1mk{padding:0}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ .contents-3ca1mk .active-z80xEj .buttonWrapper-3YFQGJ,body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5>.button-f2h6uQ .contents-3ca1mk .buttonWrapper-3YFQGJ:hover{color:inherit}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .autocomplete-3NRXG8{width:calc(100% - 150px)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .headerRow-1MKoR-,body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .list-3FIpnh>div:first-child{min-width:0}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t{--background-modifier-selected: rgb(22, 101, 202);--background-modifier-hover: lightgrey;--channels-default: black;--channel-icon: black;--interactive-hover: black;--interactive-active: black;--interactive-muted: lightgrey;--font-primary: Tahoma, sans-serif;--font-display: Tahoma, sans-serif;--text-muted: grey;font-family:var(--font-primary);background:#fff;border:1px solid #005ae7;position:fixed;right:30px;top:180px;height:65vh;max-height:calc(100vh - 400px);border:2px solid #1665ca;border-top:0;box-shadow:2px 0px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t::after{content:"";display:block;position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right, transparent, orange, transparent)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t::before{content:"Members";display:block;position:absolute;z-index:1;width:calc(100% + 4px);top:-30px;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff;text-indent:9px;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx{background:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .membersGroup-2eiWxl:not(:nth-child(2)){position:relative}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .membersGroup-2eiWxl:not(:nth-child(2))::before{content:"";display:block;position:absolute;top:7px;width:100%;height:2px;background:linear-gradient(to right, transparent 10%, lightgrey, transparent 90%)}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .member-48YF_l{background:#fff}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .member-48YF_l .layout-1qmrhw{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .video-3n15R6{z-index:0}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU .chatContent-3KubbW .message-2CShn3{margin-right:0 !important}body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU .autocomplete-3NRXG8{width:auto !important}body #app-mount .container-1eFtFS .base-2jDfDU .resizeHandle-PBRzPC{background:#0372ff}body #app-mount .container-1eFtFS .base-2jDfDU .floating-3M3WeH{border-radius:0}body #app-mount .container-1eFtFS .base-2jDfDU .content-1SgpWY>.resizeHandle-PBRzPC{position:relative;right:120px;margin:50px 0 50px 0;height:auto}body #app-mount .container-1eFtFS .base-2jDfDU .content-1SgpWY>.container-3XgAHv{position:relative;margin:50px 0 50px 0;right:120px;border-radius:0;max-width:100%;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .container-1eFtFS .base-2jDfDU .content-1SgpWY>.chatLayerWrapper-2mgEK-{top:50px;right:122px;bottom:52px;height:auto}body #app-mount .container-1eFtFS .base-2jDfDU .chatTarget-3H6mpC{display:none}body #app-mount .layer-86YKbF{background:rgba(0,0,0,0)}body #app-mount .layer-86YKbF .standardSidebarView-E9Pc3j{margin:50px 120px 50px 270px;overflow:hidden;border:2px solid #1665ca;border-top:0;box-shadow:2px 3px 3px 2px rgba(0,0,0,.4)}body #app-mount .layer-86YKbF .pictureInPictureWindow-3ms5Zy{border:2px solid #1665ca;border-top:0;box-shadow:2px 0px 3px 2px rgba(0,0,0,.4);overflow:visible;border-radius:0}body #app-mount .layer-86YKbF .pictureInPictureWindow-3ms5Zy::before{content:"Stream";display:block;position:absolute;z-index:1;width:calc(100% + 4px);top:-30px;font-size:14px;line-height:30px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff;text-indent:9px;background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}body #app-mount .layer-86YKbF .pictureInPictureWindow-3ms5Zy::before{left:-2px}body #app-mount .layer-86YKbF .pictureInPictureWindow-3ms5Zy .pictureInPictureVideo-2puO2Q{border-radius:0}#floating-editor-window{border-radius:10px 10px 0 0;border:2px solid #1665ca;border-top:0;box-shadow:2px 5px 3px 2px rgba(0,0,0,.4)}#floating-editor-window .floating-window-titlebar{background:linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255));box-shadow:inset 0 0 3px 2px #005ae7,inset 0 2px 2px 1px rgba(255,255,255,.8);border-radius:8px 8px 0 0;height:30px;--font-display: Tahoma, sans-serif;--header-primary: white;text-shadow:0 1px 1px #000}#floating-editor-window .floating-window-titlebar .title{font-size:14px;font-weight:600;font-family:Tahoma,sans-serif;text-shadow:0 1px 1px #000;color:#fff}#floating-editor-window .floating-window-titlebar .button{top:0;min-height:20px;min-width:20px;height:20px;width:20px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231))}#floating-editor-window .floating-window-titlebar .button.close-button{top:0;min-height:20px;min-width:20px;height:20px;width:20px;margin:4px;margin-left:0;border:1px solid #fff;border-radius:3px;color:#fff;background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231));background:radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7))}.wrapper-1VLyxH::before{content:"";display:block;position:absolute;height:100%;width:100%;background:radial-gradient(circle at 25% 25%, hsla(0deg, 0%, 100%, 0.8), rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 40%, transparent);border-radius:50%;z-index:1} \ No newline at end of file diff --git a/xp.theme.css b/xp.theme.css index 3e62d28..54e9761 100644 --- a/xp.theme.css +++ b/xp.theme.css @@ -10,26 +10,84 @@ --bsod-text-original: "A problem has been detected and Windows has been shut down to prevent damage to your computer. \a \a A clock interrupt was not received on a secondary processor within the allocated time interval. \a \aIf this is the first time you've seen this stop error screen, restart your computer. If this screen appears again, follow these steps: \a \a Check to make sure any new hardware or software is properly installed. If this is a new installation, ask your hardware or software manufacturer for any Windows updates you might need. \a \aIf problems continue, disable or remove any newly installed hardware or software. Disable BIOS memory options such as caching or shadowing. If you need to use Safe Mode to remove or disable components, restart your computer, press F8 to select Advanced Startup Options, and then throw away the whole computer. \a \aTechnical information: \a \a*** STOP: USING_DISCORD \a \a*** discord.exe - Address DEADBEEF base at 8BADF00D, DateStamp 1337C0D3 \a \a \a \a \a \a \a \a \a \a Collecting data for crash dump ... \aInitializing disk for crash dump ... \a Beginning dump of all your belongings ... \a Dumping physical memory to disk: 100% \aPhysical memory dump complete. \a Contact your system administrator or technical support group for further assistance." ; } -:root { - --HSL-server-icon-size: 25px; /* Size of the server icons | DEFAULT: 40px */ - --HSL-server-spacing: 10px; /* Spacing between each server icon | DEFAULT: 10px */ - --HSL-server-direction: column; /* Direct of the server list. | Options: column, column-reverse | DEFAULT: column */ +.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW { + border-radius: 8px 8px 0 0; + max-height: calc(100vh - 50px - 120px) !important; } - -code, -.markup-eYLPri pre { - font-family: var(--font-code); +.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .footer-5ji8u1 { + display: none; } - -body #app-mount .withFrame-2dL45i { - margin-top: 0; +.layerContainer-2v_Sit .tooltip-14MtrL { + background: rgb(235, 232, 215); + border: 1px solid black; + color: black; + border-radius: 0; } -body #app-mount .titleBar-1it3bQ { +.layerContainer-2v_Sit .tooltip-14MtrL .guildNameText-jBFbNC { + color: black; +} +.layerContainer-2v_Sit .tooltip-14MtrL .tooltipPointer-3L49xb { + border-top-color: black; +} +.layerContainer-2v_Sit .menu-1QACrS { + --interactive-normal: black; + background: rgb(235, 232, 215); + border: 1px solid black; + border-radius: 0; +} +.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO.focused-3qFvc8 { + background: rgb(22, 101, 202); + border-radius: 0; +} +.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l path[d^="M12 20C16.4183"] { + d: path("M 12 22 A 1 1 0 0 0 12 2 A 1 1 0 0 0 12 22 Z M 12 21 A 1 1 0 0 0 12 3 A 1 1 0 0 0 12 21 Z"); +} +.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .radioSelection-1UHp0b { + color: rgb(56, 196, 56); +} +.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .checkbox-hADx5o { + d: path("M 2 2 V 22 H 22 V 2 Z M 3 3 V 21 H 21 V 3 Z"); + color: black; + border: 1px solid black; +} +.layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .check-3HZJs4 { + color: rgb(56, 196, 56); +} +.layerContainer-2v_Sit .menu-1QACrS .bar-1Bhnl9 { + background: rgb(235, 232, 215); + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +} +.layerContainer-2v_Sit .menu-1QACrS .bar-1Bhnl9 .barFill-2Bh7CX { + background: transparent; +} +.layerContainer-2v_Sit .menu-1QACrS .grabber-2GQyvM { + height: 16px; + width: 10px; + margin-top: -1px; + border-radius: 3px; + border: solid rgb(56, 196, 56); + border-width: 3px 0; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +} +.layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID { + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 0px 3px 2px hsla(0deg, 0%, 0%, 0.4); +} +.layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID::before { + content: "User Profile"; + display: block; position: absolute; - left: 270px; - right: 120px; - top: 20px; - z-index: 2; + z-index: 1; + width: calc(100% + 4px); + top: -30px; + font-size: 14px; + line-height: 30px; + font-weight: 600; + font-family: Tahoma, sans-serif; + text-shadow: 0 1px 1px black; + color: white; + text-indent: 9px; background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); border-radius: 8px 8px 0 0; @@ -38,29 +96,50 @@ body #app-mount .titleBar-1it3bQ { --header-primary: white; text-shadow: 0 1px 1px black; } -body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw { - color: white; - padding-top: 2px; +.layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID::before { + left: -2px; } -body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw::before { - content: "Discord"; - display: block; - position: relative; - font-size: 14px; - line-height: 30px; - font-weight: 600; - font-family: Tahoma, sans-serif; +.layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID .userProfileOuter-1K_BYU { + border-radius: 0; +} +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 { + background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); + box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); + border-radius: 8px 8px 0 0; + height: 30px; + --font-display: Tahoma, sans-serif; + --header-primary: white; text-shadow: 0 1px 1px black; + --interactive-normal: black; + --interactive-active: black; } -body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw svg { - display: none; +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV { + position: absolute; + bottom: -1px; + z-index: 1; + align-items: base; } -body #app-mount .titleBar-1it3bQ .winButton-3UMjdg { +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8 { + background: rgb(235, 232, 215); + border-radius: 3px 3px 0 0; + border: solid rgb(22, 101, 202); + border-width: 1px 1px 0 1px; + margin: 0; +} +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8.selected-g-kMVV { + padding-top: 1px; + height: 25px; + background: linear-gradient(to bottom, orange, white 10%, rgb(235, 232, 215) 80%); +} +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8:hover { + color: black; +} +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN.container-2ebMPP .header-145e10 .button-1_oXub { top: 0; - min-height: 20px; - min-width: 20px; - height: 20px; - width: 20px; + min-height: 26px; + min-width: 26px; + height: 26px; + width: 26px; margin: 4px; margin-left: 0; border: 1px solid white; @@ -68,217 +147,127 @@ body #app-mount .titleBar-1it3bQ .winButton-3UMjdg { color: white; background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231)); } -body #app-mount .titleBar-1it3bQ .winButton-3UMjdg.winButtonClose-3Q8ZH5 { +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN.messagesPopoutWrap-3zryHW .header-145e10 .button-1_oXub { top: 0; - min-height: 20px; - min-width: 20px; - height: 20px; - width: 20px; + min-height: 26px; + min-width: 26px; + height: 26px; + width: 26px; margin: 4px; margin-left: 0; border: 1px solid white; border-radius: 3px; color: white; background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231)); - background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7)); -} -body #app-mount .bg-1QIAus { - background: var(--background-image, url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg)) center/cover; -} -body #app-mount .container-1eFtFS .guilds-2JjMmN { - height: calc(100vw - 240px) !important; - left: calc(100vw - 240px); - z-index: 0; - --status-danger: rgb(230, 77, 28); -} -body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorBottom-3RJMnQ, -body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorTop-2bTgUU { - width: 100%; -} -body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorBottom-3RJMnQ .bar-2eAyLE, -body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorTop-2bTgUU .bar-2eAyLE { - border-radius: 0; - background: linear-gradient(to bottom, transparent, rgb(230, 77, 28)); -} -body #app-mount .container-1eFtFS .guilds-2JjMmN .lowerBadge-3WTshO .numberBadge-37OJ3S { - opacity: 0.8; -} -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA { - background: linear-gradient(to left, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); - box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset -2px 0 2px 1px hsla(0deg, 0%, 100%, 0.8); - padding-top: 0 !important; } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS { - background: linear-gradient(to left, green, green 12%, rgb(56, 196, 56)); - box-shadow: inset 0 0 3px 2px green, inset -2px 0 2px 1px hsla(0deg, 0%, 100%, 0.8); - position: relative; - padding: 5px 0 30px 0; +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c { + --background-modifier-selected: rgb(22, 101, 202); + --background-modifier-hover: lightgrey; + --channels-default: black; + --channel-icon: black; + --interactive-hover: black; + --interactive-active: black; + --interactive-muted: lightgrey; + --font-primary: Tahoma, sans-serif; + --font-display: Tahoma, sans-serif; + --text-muted: grey; + font-family: var(--font-primary); + background: white; + border: 1px solid rgb(0, 90, 231); + --header-primary: black; + --header-secondary: grey; + background: rgb(235, 232, 215); } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS::after { +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI::after, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c::after { content: ""; display: block; position: absolute; - height: 10px; + top: 0; width: 100%; - border-radius: 0 0 50% 50%; - bottom: -5px; - background: inherit; + height: 2px; + background: linear-gradient(to right, transparent, orange, transparent); } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z { - height: 40px; - width: 40px; +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .channelHeader-DFRX8q, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .channelHeader-DFRX8q, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .channelHeader-DFRX8q, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .channelHeader-DFRX8q { + background: rgb(235, 232, 215); } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .svg-2zuE5p { - height: inherit; - width: inherit; +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .channelHeader-DFRX8q .button-1_oXub, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .channelHeader-DFRX8q .button-1_oXub { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n .selected-1Drb7Z .childWrapper-1j_1ub, body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n:hover .childWrapper-1j_1ub { - color: white; +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .messages-23can0, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .messageContainer-3VTXBC, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .messages-23can0, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .messageContainer-3VTXBC, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .messages-23can0, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .messageContainer-3VTXBC, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .messages-23can0, +.layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .messageContainer-3VTXBC { + font-family: "Whitney", var(--i18n-fallbacks); + border-radius: 0; + box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -1px -1px 2px 0 hsla(0deg, 0%, 100%, 0.8); } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n .childWrapper-1j_1ub { - color: hsla(0deg, 0%, 100%, 0.8); - background: transparent; +.layerContainer-2v_Sit .browser-mnQ1T7 { + border-radius: 8px 8px 0 0; } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .item-2LIpTv { - background: white; +.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb { + background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); + box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); + border-radius: 8px 8px 0 0; + height: 30px; + --font-display: Tahoma, sans-serif; + --header-primary: white; + text-shadow: 0 1px 1px black; } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .folder-241Joy { - background: radial-gradient(circle at 12px 12px, white, rgb(16, 140, 228), rgb(22, 101, 202)); +.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .threadIcon-rd1kqG { + color: white; } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .expandedFolderBackground-1kSAf6 { - background: linear-gradient(to bottom, rgb(16, 140, 228), rgb(87, 140, 208)); +.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .searchBox-3IjAC1 { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; } -body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .circleIconButton-1VxDrg { - background: linear-gradient(to bottom, rgb(16, 140, 228), rgb(87, 140, 208)); - color: hsla(0deg, 0%, 100%, 0.8); +.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .searchBox-3IjAC1 .input-2m5SfJ { + color: black; } -body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type { - position: fixed; - height: auto; - margin: 0; - right: auto; - left: 50px; +.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .closeIcon-11tHJX { + top: 0; + min-height: 26px; + min-width: 26px; + height: 26px; + width: 26px; + margin: 4px; + margin-left: 0; + border: 1px solid white; + border-radius: 3px; + color: white; + background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231)); + background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7)); display: flex; + align-items: center; justify-content: center; - top: 140px; } -body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type :is(.icon-2xnN2Y) { - background: linear-gradient(rgb(12, 168, 12), green); - border-radius: 4px; - padding: 5px; - margin: 5px; - height: 36px; - width: 36px; - box-shadow: 1px 1px 2px black; - color: white; -} -body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type::before { - content: attr(aria-label); - display: block; - position: absolute; - top: 46px; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - font-size: 12px; - line-height: 12px; - color: white; - text-shadow: 1px 1px 2px black, 1px 1px 1px black; - text-align: center; -} -body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type::after { - content: ""; - display: block; - position: absolute; - height: 9px; - width: 9px; - border: 1px solid black; - bottom: 0; - left: 0; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC"); -} -body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"], [aria-label="Skjul medlemsliste"], [aria-label="Mitgliederliste ausblenden"], [aria-label="Mitgliederliste anzeigen"], [aria-label="Show Member List"], [aria-label="Hide Member List"], [aria-label="Mostrar lista de miembros"], [aria-label="Ocultar lista de miembros"], [aria-label="Masquer la liste des membres"], [aria-label="Afficher la liste des membres"]) { - position: fixed; - height: auto; - margin: 0; - right: 50px; - left: auto; - display: flex; - justify-content: center; -} -body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"], [aria-label="Skjul medlemsliste"], [aria-label="Mitgliederliste ausblenden"], [aria-label="Mitgliederliste anzeigen"], [aria-label="Show Member List"], [aria-label="Hide Member List"], [aria-label="Mostrar lista de miembros"], [aria-label="Ocultar lista de miembros"], [aria-label="Masquer la liste des membres"], [aria-label="Afficher la liste des membres"]) :is(.icon-2xnN2Y) { - background: linear-gradient(rgb(12, 168, 12), green); - border-radius: 4px; - padding: 5px; - margin: 5px; - height: 36px; - width: 36px; - box-shadow: 1px 1px 2px black; - color: white; -} -body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"], [aria-label="Skjul medlemsliste"], [aria-label="Mitgliederliste ausblenden"], [aria-label="Mitgliederliste anzeigen"], [aria-label="Show Member List"], [aria-label="Hide Member List"], [aria-label="Mostrar lista de miembros"], [aria-label="Ocultar lista de miembros"], [aria-label="Masquer la liste des membres"], [aria-label="Afficher la liste des membres"])::before { - content: attr(aria-label); - display: block; - position: absolute; - top: 46px; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - font-size: 12px; - line-height: 12px; - color: white; - text-shadow: 1px 1px 2px black, 1px 1px 1px black; - text-align: center; -} -body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"], [aria-label="Skjul medlemsliste"], [aria-label="Mitgliederliste ausblenden"], [aria-label="Mitgliederliste anzeigen"], [aria-label="Show Member List"], [aria-label="Hide Member List"], [aria-label="Mostrar lista de miembros"], [aria-label="Ocultar lista de miembros"], [aria-label="Masquer la liste des membres"], [aria-label="Afficher la liste des membres"])::after { - content: ""; - display: block; - position: absolute; - height: 9px; - width: 9px; +.layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .createButton-oruGBs { + border-radius: 3px; border: 1px solid black; - bottom: 0; - left: 0; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC"); -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu { - position: absolute; - bottom: 0; - max-height: 60vh; - background: transparent; - border-radius: 8px 8px 0 0; - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 15px 3px 2px hsla(0deg, 0%, 0%, 0.4); -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd { - background: transparent; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK { - background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); - box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); - border-radius: 8px 8px 0 0; - height: 30px; - --font-display: Tahoma, sans-serif; - --header-primary: white; - text-shadow: 0 1px 1px black; - height: 48px; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK .headerContent-2SNbie { - color: white; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK .headerContent-2SNbie .flowerStar-2tNFCR { - color: hsla(0deg, 0%, 100%, 0.8); -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .animatedContainer-2laTjx { - background: transparent; - z-index: 2; - border-radius: 8px 8px 0 0; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .animatedContainer-2laTjx .bannerImage-ubW8K-::before { - display: none; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 { +.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb { --background-modifier-selected: rgb(22, 101, 202); --background-modifier-hover: lightgrey; --channels-default: black; @@ -292,8 +281,9 @@ body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd font-family: var(--font-primary); background: white; border: 1px solid rgb(0, 90, 231); + background: rgb(235, 232, 215); } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2::after { +.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb::after { content: ""; display: block; position: absolute; @@ -302,49 +292,27 @@ body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd height: 2px; background: linear-gradient(to right, transparent, orange, transparent); } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 :is(.modeSelected-3DmyhH, .notInteractive-2tFrlE.modeConnected-NrO4cP, .notInteractive-2tFrlE.modeSelected-3DmyhH) .name-28HaxV { - color: white; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .sectionDivider-189lqb { - background: transparent; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .containerDefault-3TQ5YN:not(:nth-child(2))::before { - content: ""; - display: block; - position: absolute; - top: 7px; - width: 100%; - height: 2px; - background: linear-gradient(to right, transparent 10%, lightgrey, transparent 90%); +.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .sectionHeader-QsOv68 { + color: black !important; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ, -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s { +.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2rzKKA { + font-family: "Whitney", var(--i18n-fallbacks); border-radius: 0; + box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -1px -1px 2px 0 hsla(0deg, 0%, 100%, 0.8); + border: 0; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .actionIcon-2sw4Sl, -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .actionIcon-2sw4Sl { - color: hsla(0deg, 0%, 0%, 0.7); -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .channelInfo-3jN1ay, -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .channelInfo-3jN1ay { - --background-primary: lightgrey; - --background-tertiary: grey; +.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .defaultColor-HXu-5n, +.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .text-md-normal-304U3g { + color: black !important; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .channelInfo-3jN1ay .wrapper-2fEmwW, -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .channelInfo-3jN1ay .wrapper-2fEmwW { +.layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .button-f2h6uQ { border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeSelected-3DmyhH .actionIcon-2sw4Sl { - color: hsla(0deg, 0%, 100%, 0.8); -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeMuted-2T4MDZ .name-28HaxV, -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeMuted-2T4MDZ .icon-2W8DHg { - color: grey; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL { - background: transparent; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .searchBar-3TnChZ { +.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .header-1w9Q93 { background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); border-radius: 8px 8px 0 0; @@ -353,16 +321,7 @@ body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels- --header-primary: white; text-shadow: 0 1px 1px black; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG { - background: transparent; - font-size: 14px; - line-height: 30px; - font-weight: 600; - font-family: Tahoma, sans-serif; - text-shadow: 0 1px 1px black; - color: white; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .scroller-WSmht3 { +.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI { --background-modifier-selected: rgb(22, 101, 202); --background-modifier-hover: lightgrey; --channels-default: black; @@ -376,8 +335,9 @@ body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels- font-family: var(--font-primary); background: white; border: 1px solid rgb(0, 90, 231); + background: rgb(235, 232, 215); } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .scroller-WSmht3::after { +.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI::after { content: ""; display: block; position: absolute; @@ -386,51 +346,35 @@ body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels- height: 2px; background: linear-gradient(to right, transparent, orange, transparent); } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .privateChannelsHeaderContainer-1UWASm { - position: relative; +.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C { + font-family: "Whitney", var(--i18n-fallbacks); + border-radius: 0; + box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -1px -1px 2px 0 hsla(0deg, 0%, 100%, 0.8); + border: 0; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .privateChannelsHeaderContainer-1UWASm::before { - content: ""; - display: block; - position: absolute; - top: 2px; - width: 100%; - height: 2px; - background: linear-gradient(to right, transparent 10%, lightgrey, transparent 90%); +.layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .body-GBnhET { + color: black; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .container-32HW5s { +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ { border-radius: 0; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 0px 3px 2px hsla(0deg, 0%, 0%, 0.4); } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt { - --background-modifier-selected: rgb(22, 101, 202); - --background-modifier-hover: lightgrey; - --channels-default: black; - --channel-icon: black; - --interactive-hover: black; - --interactive-active: black; - --interactive-muted: lightgrey; - --font-primary: Tahoma, sans-serif; - --font-display: Tahoma, sans-serif; - --text-muted: grey; - font-family: var(--font-primary); - background: white; - border: 1px solid rgb(0, 90, 231); - position: relative; - border-radius: 8px 8px 0 0; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt::after { - content: ""; +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ::before { + content: "User info"; display: block; position: absolute; - top: 0; - width: 100%; - height: 2px; - background: linear-gradient(to right, transparent, orange, transparent); -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt::before { - display: none; -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .discoverHeader-1vsvZ0 { + z-index: 1; + width: calc(100% + 4px); + top: -30px; + font-size: 14px; + line-height: 30px; + font-weight: 600; + font-family: Tahoma, sans-serif; + text-shadow: 0 1px 1px black; + color: white; + text-indent: 9px; background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); border-radius: 8px 8px 0 0; @@ -438,148 +382,658 @@ body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_ --font-display: Tahoma, sans-serif; --header-primary: white; text-shadow: 0 1px 1px black; - margin: 0; - padding: 12px 0; - text-indent: 16px; - font-size: 16px; - position: fixed; - width: 240px; - z-index: 2; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .container-1oeRFJ { - color: var(--channels-default); - border-radius: 0; +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ::before { + width: 100%; + left: 0; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .container-1oeRFJ:first-of-type { - margin-top: 62px; +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 { + left: 24px; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .container-1oeRFJ:nth-last-of-type(2) { - margin-bottom: 10px; +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .pencilContainer-11Kuga { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .container-1oeRFJ .layout-1qmrhw { - border-radius: 0; +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .pencilContainer-11Kuga .pencilIcon-1MUmnO { + color: black; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 { - background-color: var(--background-modifier-selected); +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .profileBadges-31rDHI { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD { - width: 240px; - height: var(--server-container); - position: fixed; - top: calc(100% - var(--server-container)); +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi { + border-radius: 0; + --font-primary: Tahoma, sans-serif; + --font-display: Tahoma, sans-serif; + font-family: "Whitney", var(--i18n-fallbacks); + border-radius: 0; + box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -1px -1px 2px 0 hsla(0deg, 0%, 100%, 0.8); +} +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .rolePill-2IJ1vo { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +} +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .note-6O4w9y { + font-family: "Whitney", var(--i18n-fallbacks); + border-radius: 0; + box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -1px -1px 2px 0 hsla(0deg, 0%, 100%, 0.8); +} +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .messageInputContainer-2rGDH8 { + font-family: "Whitney", var(--i18n-fallbacks); + border-radius: 0; + box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -1px -1px 2px 0 hsla(0deg, 0%, 100%, 0.8); +} +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY { + background: rgb(235, 232, 215); + --interactive-active: black; + --header-primary: black; + --header-secondary: grey; + --text-normal: black; + --background-secondary: beige; + --interactive-muted: beige; +} +.layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .overlayBackground-1KgwVi { + background: white; +} +.layerContainer-2v_Sit .container-1ILvLB { + --text-normal: black; + background: rgb(235, 232, 215); + border: 1px solid black; + border-radius: 0; +} +.layerContainer-2v_Sit .container-1ILvLB .popoutText-3NRmTw { + color: black; +} +.layerContainer-2v_Sit .streamPreview-I7itZ6 { + --text-normal: black; + background: rgb(235, 232, 215); + border: 1px solid black; + border-radius: 0; +} +.layerContainer-2v_Sit .streamPreview-I7itZ6 .watchButton-2YRKxv { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +} +.layerContainer-2v_Sit .container-3ssFyj { + --text-normal: black; + background: rgb(235, 232, 215); + border: 1px solid black; + border-radius: 0; +} +.layerContainer-2v_Sit .container-3ssFyj .container-2oNtJn { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +} +.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB { + border-radius: 0; +} +.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB.selected-22ukbQ { + background: rgb(22, 101, 202); +} +.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB .itemLabel-27pirQ span { + background: rgb(235, 232, 215); +} +.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB .box-BHImcZ { + border-radius: 0; +} +.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB .box-BHImcZ.checked-1pZh2h { + background: rgb(235, 232, 215) !important; +} +.layerContainer-2v_Sit .container-3ssFyj .item-1BCeuB .box-BHImcZ.checked-1pZh2h path { + fill: rgb(56, 196, 56) !important; +} +.layerContainer-2v_Sit .popoutContainer-2wbmiM { + --text-normal: black; + background: rgb(235, 232, 215); + border: 1px solid black; + border-radius: 0; +} +.layerContainer-2v_Sit .popoutContainer-2wbmiM .shinyButton-2Q9MDB { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +} +.layerContainer-2v_Sit .colorPickerCustom-1swUKF { + --text-normal: black; + background: rgb(235, 232, 215); + border: 1px solid black; + border-radius: 0; +} +.layerContainer-2v_Sit .colorPickerCustom-1swUKF .input-2g-os5 { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +} +.layerContainer-2v_Sit .colorPickerCustom-1swUKF .suggestedColor-2q1U7c { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +} +.layerContainer-2v_Sit .colorPickerCustom-1swUKF .saturation-CLQHFD { + box-shadow: -1px -1px 2px 0 grey, 2px 2px 2px 0 white; +} +.layerContainer-2v_Sit .colorPickerCustom-1swUKF .hue-horizontal { + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +} +.layerContainer-2v_Sit .colorPickerCustom-1swUKF .hue-horizontal div:last-child { + height: 12px; + width: 10px; + margin-top: -4px; +} +.layerContainer-2v_Sit .colorPickerCustom-1swUKF .hue-horizontal div:last-child div { + border-radius: 3px; + border: solid rgb(56, 196, 56); + border-width: 3px 0; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +} +.layerContainer-2v_Sit .container-2McqkF { + --header-secondary: black; + --text-muted: black; + --interactive-normal: black; + --search-popout-option-non-text-color: black; + --search-popout-option-user-nickname: black; + --search-popout-option-user-username: black; + --search-popout-date-picker-hint-text: black; + --background-floating: rgb(235, 232, 215); + --background-modifier-hover: rgb(22, 101, 202); + --search-popout-option-fade: linear-gradient(to right, transparent, rgb(235, 232, 215)); + --search-popout-option-fade-hover: linear-gradient(to right, transparent, rgb(22, 101, 202) 60%); + border-radius: 0; + border: 1px solid black; +} +.layerContainer-2v_Sit .container-2McqkF .option-ayUoaq { + border-radius: 0; +} +.layerContainer-2v_Sit .container-2McqkF .react-datepicker { + background: rgb(235, 232, 215); +} +.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__navigation { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + background-size: 30%; + background-repeat: no-repeat; + background-position: center; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='25'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M17.338 12.485c-4.156 4.156-8.312 8.312-12.468 12.467-1.402-1.402-2.805-2.804-4.207-4.206 2.756-2.757 5.513-5.514 8.27-8.27C6.176 9.72 3.419 6.963.663 4.207L4.87 0c-.058-.059 12.555 12.562 12.468 12.485z' clip-rule='evenodd'/%3E%3C/svg%3E"); +} +.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__header { + background: transparent; +} +.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__header .react-datepicker__current-month, +.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__header .react-datepicker__day-name { + color: black; +} +.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__month { + border: 1px solid black; + border-radius: 3px; +} +.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__month .react-datepicker__day:not(.react-datepicker__day--disabled) { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + border-radius: 0; + border: 0; +} +.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__month .react-datepicker__day:not(.react-datepicker__day--disabled).react-datepicker__day--outside-month { + background: rgb(235, 232, 215); +} +.layerContainer-2v_Sit .container-2McqkF .react-datepicker .react-datepicker__month .react-datepicker__day--disabled { + background: rgb(235, 232, 215); + color: grey; +} +.layerContainer-2v_Sit .container-2McqkF .hintValue-V9hd8l { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +} +.layerContainer-2v_Sit .container-2McqkF .hintValue-V9hd8l:hover { + background: inherit; +} +.layerContainer-2v_Sit #emoji-picker-tab-panel { + --interactive-normal: black; + --interactive-hover: black; + --interactive-active: black; + --text-normal: black; + --header-secondary: black; + --background-primary: rgb(22, 101, 202); +} +.layerContainer-2v_Sit #emoji-picker-tab-panel .header-11eigE { + background: rgb(235, 232, 215); + border-radius: 0; +} +.layerContainer-2v_Sit #emoji-picker-tab-panel .header-11eigE .searchBar-2M9mRP { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +} +.layerContainer-2v_Sit #emoji-picker-tab-panel .header-11eigE .diversitySelectorButton-2CGlo5, +.layerContainer-2v_Sit #emoji-picker-tab-panel .header-11eigE .diversitySelectorOptions-3DhNYs { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + padding: 3px; +} +.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a { + background: white; + border-radius: 0; +} +.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a .bodyWrapper-1eSOtW { + box-shadow: inset 0 0 2px 2px grey; +} +.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a .bodyWrapper-1eSOtW .wrapper-1NNaWG { + background: linear-gradient(to bottom, transparent, white, transparent); +} +.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a .bodyWrapper-1eSOtW .emojiItem-277VFM.emojiItemSelected-2Lg50V { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +} +.layerContainer-2v_Sit #emoji-picker-tab-panel .emojiPicker-6YCk8a .inspector-DFKXwB { + background: rgb(235, 232, 215); +} +.layerContainer-2v_Sit #emoji-picker-tab-panel .categoryList-2qRrlj { + background: rgb(235, 232, 215); +} +.layerContainer-2v_Sit .animatorLeft-3yvG13 > #emoji-picker-tab-panel { + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 0px 3px 2px hsla(0deg, 0%, 0%, 0.4); +} +.layerContainer-2v_Sit .animatorLeft-3yvG13 > #emoji-picker-tab-panel::before { + content: "Add a reaction"; + display: block; + position: absolute; + z-index: 1; + width: calc(100% + 4px); + top: -30px; + font-size: 14px; + line-height: 30px; + font-weight: 600; + font-family: Tahoma, sans-serif; + text-shadow: 0 1px 1px black; + color: white; + text-indent: 9px; + background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); + box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); + border-radius: 8px 8px 0 0; + height: 30px; + --font-display: Tahoma, sans-serif; + --header-primary: white; + text-shadow: 0 1px 1px black; +} +.layerContainer-2v_Sit .animatorLeft-3yvG13 > #emoji-picker-tab-panel::before { + left: -2px; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 { + --interactive-normal: black; + --interactive-hover: black; + --interactive-active: black; + --text-normal: black; + --header-secondary: black; + --background-primary: rgb(22, 101, 202); + --background-tertiary: transparent; + background: rgb(235, 232, 215); + border-radius: 0; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 0px 3px 2px hsla(0deg, 0%, 0%, 0.4); + overflow: visible; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2::before { + content: "Chat addition"; + display: block; + position: absolute; + z-index: 1; + width: calc(100% + 4px); + top: -30px; + font-size: 14px; + line-height: 30px; + font-weight: 600; + font-family: Tahoma, sans-serif; + text-shadow: 0 1px 1px black; + color: white; + text-indent: 9px; + background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); + box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); + border-radius: 8px 8px 0 0; + height: 30px; + --font-display: Tahoma, sans-serif; + --header-primary: white; + text-shadow: 0 1px 1px black; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2::before { + left: -2px; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 .navButton-1XuvI- { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 .navButton-1XuvI-.navButtonActive-1EqC5l { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 .container-1SX9VC, +.layerContainer-2v_Sit .contentWrapper-3vHNP2 .container-2oNtJn { + border-radius: 3px; + border: 1px solid black; + background: rgb(240, 239, 237); + color: black; + box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #sticker-picker-tab-panel #sticker-picker-grid { + background: white; + box-shadow: inset 0 0 2px 2px grey; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #sticker-picker-tab-panel #sticker-picker-grid .wrapper-1NNaWG { + background: linear-gradient(to bottom, transparent, white, transparent); +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #sticker-picker-tab-panel .standardStickerShortcut-ObSns3 { + background: rgb(235, 232, 215); +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #sticker-picker-tab-panel .inspector-DFKXwB { + background: rgb(235, 232, 215); +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 .categoryList-2qRrlj { + background: rgb(235, 232, 215); +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel { + background: rgb(235, 232, 215); +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .backButton-bSKWLe { + color: black; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .categoryFadeBlurple-1l49_Q { + background: hsla(0deg, 0%, 0%, 0.7); +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .result-pzZrwj { + background-color: white !important; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .result-pzZrwj::after { + box-shadow: inset 0 0 0 2px white; + border-radius: 0; +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .focused-16Owih, +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .result-pzZrwj:hover { + box-shadow: 0 11px 22px 1px hsla(0deg, 0%, 100%, 0.8); +} +.layerContainer-2v_Sit .contentWrapper-3vHNP2 #gif-picker-tab-panel .placeholder-T1Tuu8 { + border-radius: 0; + background: hsla(0deg, 0%, 100%, 0.8); +} +.layerContainer-2v_Sit .backdrop-2ByYRN { + background: var(--bsod-color, navy) !important; + opacity: 1 !important; +} +.layerContainer-2v_Sit .backdrop-2ByYRN::before { + content: var(--bsod-text, var(--bsod-text-original)); + white-space: pre-wrap; + display: block; + font-family: "Courier New", Courier, monospace; + font-size: 20px; + color: white; + margin: 40px; +} +.layerContainer-2v_Sit .layer-1Ixpg3 { + align-items: flex-end; + padding-right: 10vw; +} +.layerContainer-2v_Sit .layer-1Ixpg3 .focusLock-2tveLW { + border: 2px solid white; + padding: 5px; + background: var(--bsod-color, rgba(0, 0, 128, 0.8)); +} + +:root { + --HSL-server-icon-size: 25px; /* Size of the server icons | DEFAULT: 40px */ + --HSL-server-spacing: 10px; /* Spacing between each server icon | DEFAULT: 10px */ + --HSL-server-direction: column; /* Direct of the server list. | Options: column, column-reverse | DEFAULT: column */ +} + +code, +.markup-eYLPri pre { + font-family: var(--font-code); +} + +body #app-mount .withFrame-2dL45i { + margin-top: 0; +} +body #app-mount .titleBar-1it3bQ { + position: absolute; + left: 270px; + right: 120px; + top: 20px; + z-index: 2; + background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); + box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); + border-radius: 8px 8px 0 0; + height: 30px; + --font-display: Tahoma, sans-serif; + --header-primary: white; + text-shadow: 0 1px 1px black; +} +body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw { + color: white; + padding-top: 2px; +} +body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw::before { + content: "Discord"; + display: block; + position: relative; + font-size: 14px; + line-height: 30px; + font-weight: 600; + font-family: Tahoma, sans-serif; + text-shadow: 0 1px 1px black; +} +body #app-mount .titleBar-1it3bQ .wordmarkWindows-2dq6rw svg { + display: none; +} +body #app-mount .titleBar-1it3bQ .winButton-3UMjdg { + top: 0; + min-height: 20px; + min-width: 20px; + height: 20px; + width: 20px; + margin: 4px; + margin-left: 0; + border: 1px solid white; + border-radius: 3px; + color: white; + background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231)); +} +body #app-mount .titleBar-1it3bQ .winButton-3UMjdg.winButtonClose-3Q8ZH5 { + top: 0; + min-height: 20px; + min-width: 20px; + height: 20px; + width: 20px; + margin: 4px; + margin-left: 0; + border: 1px solid white; + border-radius: 3px; + color: white; + background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231)); + background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7)); +} +body #app-mount .bg-1QIAus { + background: var(--background-image, url(https://saltssaumure.github.io/xp-discord-theme/img/bliss.jpg)) center/cover; +} +body #app-mount .container-1eFtFS .guilds-2JjMmN { + height: calc(100vw - 240px) !important; left: calc(100vw - 240px); - background: linear-gradient(to bottom, rgb(16, 140, 228), rgb(16, 140, 228) 12%, rgb(87, 140, 208)); - box-shadow: inset 0 0 3px 2px rgb(16, 140, 228), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); + z-index: 0; + --status-danger: rgb(230, 77, 28); } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl { - height: inherit; - flex-direction: row-reverse; +body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorBottom-3RJMnQ, +body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorTop-2bTgUU { + width: 100%; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW { - margin: 0 0 0 6px; - padding: 0 4px 0 0; - flex-direction: row-reverse; +body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorBottom-3RJMnQ .bar-2eAyLE, +body #app-mount .container-1eFtFS .guilds-2JjMmN .unreadMentionsIndicatorTop-2bTgUU .bar-2eAyLE { + border-radius: 0; + background: linear-gradient(to bottom, transparent, rgb(230, 77, 28)); +} +body #app-mount .container-1eFtFS .guilds-2JjMmN .lowerBadge-3WTshO .numberBadge-37OJ3S { + opacity: 0.8; +} +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA { + background: linear-gradient(to left, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); + box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset -2px 0 2px 1px hsla(0deg, 0%, 100%, 0.8); + padding-top: 0 !important; +} +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS { + background: linear-gradient(to left, green, green 12%, rgb(56, 196, 56)); + box-shadow: inset 0 0 3px 2px green, inset -2px 0 2px 1px hsla(0deg, 0%, 100%, 0.8); + position: relative; + padding: 5px 0 30px 0; +} +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS::after { + content: ""; + display: block; + position: absolute; + height: 10px; + width: 100%; + border-radius: 0 0 50% 50%; + bottom: -5px; + background: inherit; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq { - text-shadow: 0 1px 1px black; +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z { + height: 40px; + width: 40px; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq .title-338goq { - color: white; - font-weight: normal; +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .svg-2zuE5p { + height: inherit; + width: inherit; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq .subtext-2HDqJ7 { - color: hsla(0deg, 0%, 100%, 0.8); +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n .selected-1Drb7Z .childWrapper-1j_1ub, body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n:hover .childWrapper-1j_1ub { + color: white; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .button-12Fmur { +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS .wrapper-28eC3z .wrapper-3kah-n .childWrapper-1j_1ub { color: hsla(0deg, 0%, 100%, 0.8); + background: transparent; } -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .withTagAsButton-OsgQ9L:hover, -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .withTagless-10ooWt:hover, -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .button-12Fmur.enabled-9OeuTA:hover { - background: linear-gradient(to bottom, rgb(22, 101, 202), rgb(16, 140, 228)); -} -body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .button-12Fmur.enabled-9OeuTA:hover { - color: white; -} -body #app-mount .container-1eFtFS .base-2jDfDU .container-2cd8Mz { - margin: 50px 120px 50px 270px; - overflow: hidden; - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .item-2LIpTv { + background: white; } -body #app-mount .container-1eFtFS .base-2jDfDU .pageWrapper-2PwDoS { - margin: 50px 120px 50px 270px; - overflow: hidden; - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .folder-241Joy { + background: radial-gradient(circle at 12px 12px, white, rgb(16, 140, 228), rgb(22, 101, 202)); } -body #app-mount .container-1eFtFS .base-2jDfDU .scroller-RfJjkV { - margin: 50px 120px 50px 270px; - overflow: hidden; - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); - height: auto; +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .expandedFolderBackground-1kSAf6 { + background: linear-gradient(to bottom, rgb(16, 140, 228), rgb(87, 140, 208)); } -body #app-mount .container-1eFtFS .base-2jDfDU .applicationStore-2nk7Lo { - margin: 50px 120px 50px 270px; - overflow: hidden; - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); +body #app-mount .container-1eFtFS .guilds-2JjMmN .scroller-3X7KbA .circleIconButton-1VxDrg { + background: linear-gradient(to bottom, rgb(16, 140, 228), rgb(87, 140, 208)); + color: hsla(0deg, 0%, 100%, 0.8); } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU { +body #app-mount .container-1eFtFS .base-2jDfDU .notice-2olXi7 { + top: 50px; + margin: 0 120px 0 270px; + width: auto; border-radius: 0; + border: solid rgb(22, 101, 202); + border-width: 0 2px 0 2px; + box-shadow: none; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU .chatContent-3KubbW .message-2CShn3 { - margin-right: 0 !important; -} -body #app-mount .container-1eFtFS .base-2jDfDU .resizeHandle-PBRzPC { - position: relative; - right: 120px; - margin: 50px 0 50px 0; +body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type { + position: fixed; height: auto; - background: rgb(3, 114, 255); -} -body #app-mount .container-1eFtFS .base-2jDfDU .container-3XgAHv { - position: relative; - margin: 50px 0 50px 0; - right: 120px; - border-radius: 0; - max-width: 100%; - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); -} -body #app-mount .container-1eFtFS .base-2jDfDU .chatTarget-3H6mpC { - display: none; + margin: 0; + right: auto; + left: 50px; + display: flex; + justify-content: center; + top: 140px; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI { - margin: 50px 120px 50px 270px; - overflow: hidden; - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); +body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type :is(.icon-2xnN2Y) { + background: linear-gradient(rgb(12, 168, 12), green); + border-radius: 4px; + padding: 5px; + margin: 5px; + height: 36px; + width: 36px; + box-shadow: 1px 1px 2px black; + color: white; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .message-2CShn3 { - padding-right: 140px !important; +body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type::before { + content: attr(aria-label); + display: block; + position: absolute; + top: 46px; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + font-size: 12px; + line-height: 12px; + color: white; + text-shadow: 1px 1px 2px black, 1px 1px 1px black; + text-align: center; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .message-2CShn3 .container-2gUZhU { - right: 130px; +body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:only-of-type::after { + content: ""; + display: block; + position: absolute; + height: 9px; + width: 9px; + border: 1px solid black; + bottom: 0; + left: 0; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC"); } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ { +body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"], [aria-label="Skjul medlemsliste"], [aria-label="Mitgliederliste ausblenden"], [aria-label="Mitgliederliste anzeigen"], [aria-label="Show Member List"], [aria-label="Hide Member List"], [aria-label="Mostrar lista de miembros"], [aria-label="Ocultar lista de miembros"], [aria-label="Masquer la liste des membres"], [aria-label="Afficher la liste des membres"]) { position: fixed; height: auto; margin: 0; - right: auto; - left: 50px; + right: 50px; + left: auto; display: flex; justify-content: center; - top: 50px; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ :is(.contents-3ca1mk) { +body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"], [aria-label="Skjul medlemsliste"], [aria-label="Mitgliederliste ausblenden"], [aria-label="Mitgliederliste anzeigen"], [aria-label="Show Member List"], [aria-label="Hide Member List"], [aria-label="Mostrar lista de miembros"], [aria-label="Ocultar lista de miembros"], [aria-label="Masquer la liste des membres"], [aria-label="Afficher la liste des membres"]) :is(.icon-2xnN2Y) { background: linear-gradient(rgb(12, 168, 12), green); border-radius: 4px; padding: 5px; @@ -589,7 +1043,7 @@ body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW box-shadow: 1px 1px 2px black; color: white; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ::before { +body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"], [aria-label="Skjul medlemsliste"], [aria-label="Mitgliederliste ausblenden"], [aria-label="Mitgliederliste anzeigen"], [aria-label="Show Member List"], [aria-label="Hide Member List"], [aria-label="Mostrar lista de miembros"], [aria-label="Ocultar lista de miembros"], [aria-label="Masquer la liste des membres"], [aria-label="Afficher la liste des membres"])::before { content: attr(aria-label); display: block; position: absolute; @@ -603,7 +1057,7 @@ body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW text-shadow: 1px 1px 2px black, 1px 1px 1px black; text-align: center; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ::after { +body #app-mount .container-1eFtFS .base-2jDfDU .title-31SJ6t .toolbar-3_r2xA .iconWrapper-2awDjA:is([aria-label="Vis medlemsliste"], [aria-label="Skjul medlemsliste"], [aria-label="Mitgliederliste ausblenden"], [aria-label="Mitgliederliste anzeigen"], [aria-label="Show Member List"], [aria-label="Hide Member List"], [aria-label="Mostrar lista de miembros"], [aria-label="Ocultar lista de miembros"], [aria-label="Masquer la liste des membres"], [aria-label="Afficher la liste des membres"])::after { content: ""; display: block; position: absolute; @@ -614,18 +1068,44 @@ body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW left: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC"); } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ .contents-3ca1mk { - padding: 0; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu { + position: absolute; + bottom: 0; + max-height: 60vh; + background: transparent; + border-radius: 8px 8px 0 0; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 15px 3px 2px hsla(0deg, 0%, 0%, 0.4); } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ .contents-3ca1mk .active-z80xEj .buttonWrapper-3YFQGJ, -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ .contents-3ca1mk .buttonWrapper-3YFQGJ:hover { - color: inherit; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd { + background: transparent; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .headerRow-1MKoR-, -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .list-3FIpnh > div:first-child { - min-width: 0; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK { + background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); + box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); + border-radius: 8px 8px 0 0; + height: 30px; + --font-display: Tahoma, sans-serif; + --header-primary: white; + text-shadow: 0 1px 1px black; + height: 48px; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t { +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK .headerContent-2SNbie { + color: white; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .header-3OsQeK .headerContent-2SNbie .flowerStar-2tNFCR { + color: hsla(0deg, 0%, 100%, 0.8); +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .animatedContainer-2laTjx { + background: transparent; + z-index: 2; + border-radius: 8px 8px 0 0; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .animatedContainer-2laTjx .bannerImage-ubW8K-::before { + display: none; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 { --background-modifier-selected: rgb(22, 101, 202); --background-modifier-hover: lightgrey; --channels-default: black; @@ -639,16 +1119,8 @@ body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t font-family: var(--font-primary); background: white; border: 1px solid rgb(0, 90, 231); - position: fixed; - right: 30px; - top: 180px; - height: 65vh; - max-height: calc(100vh - 400px); - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 0px 3px 2px hsla(0deg, 0%, 0%, 0.4); } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t::after { +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2::after { content: ""; display: block; position: absolute; @@ -657,35 +1129,13 @@ body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t: height: 2px; background: linear-gradient(to right, transparent, orange, transparent); } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t::before { - content: "Members"; - display: block; - position: absolute; - z-index: 1; - width: calc(100% + 4px); - top: -30px; - font-size: 14px; - line-height: 30px; - font-weight: 600; - font-family: Tahoma, sans-serif; - text-shadow: 0 1px 1px black; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 :is(.modeSelected-3DmyhH, .notInteractive-2tFrlE.modeConnected-NrO4cP, .notInteractive-2tFrlE.modeSelected-3DmyhH) .name-28HaxV { color: white; - text-indent: 9px; - background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); - box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); - border-radius: 8px 8px 0 0; - height: 30px; - --font-display: Tahoma, sans-serif; - --header-primary: white; - text-shadow: 0 1px 1px black; -} -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx { - background: white; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .membersGroup-2eiWxl:not(:nth-child(2)) { - position: relative; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .sectionDivider-189lqb { + background: transparent; } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .membersGroup-2eiWxl:not(:nth-child(2))::before { +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .containerDefault-3TQ5YN:not(:nth-child(2))::before { content: ""; display: block; position: absolute; @@ -694,100 +1144,37 @@ body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t height: 2px; background: linear-gradient(to right, transparent 10%, lightgrey, transparent 90%); } -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .member-48YF_l { - background: white; -} -body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .member-48YF_l .layout-1qmrhw { - border-radius: 0; -} -body #app-mount .layer-86YKbF { - background: transparent; -} -body #app-mount .layer-86YKbF .standardSidebarView-E9Pc3j { - margin: 50px 120px 50px 270px; - overflow: hidden; - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); -} -body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW { - border-radius: 8px 8px 0 0; - max-height: calc(100vh - 50px - 120px) !important; -} -body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .footer-5ji8u1 { - display: none; -} -body #app-mount .layerContainer-2v_Sit .tooltip-14MtrL { - background: rgb(235, 232, 215); - border: 1px solid black; - color: black; - border-radius: 0; -} -body #app-mount .layerContainer-2v_Sit .tooltip-14MtrL .guildNameText-jBFbNC { - color: black; -} -body #app-mount .layerContainer-2v_Sit .tooltip-14MtrL .tooltipPointer-3L49xb { - border-top-color: black; -} -body #app-mount .layerContainer-2v_Sit .menu-1QACrS { - --interactive-normal: black; - background: rgb(235, 232, 215); - border: 1px solid black; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ, +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s { border-radius: 0; } -body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO.focused-3qFvc8 { - background: rgb(22, 101, 202); - border-radius: 0; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .actionIcon-2sw4Sl, +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .actionIcon-2sw4Sl { + color: hsla(0deg, 0%, 0%, 0.7); } -body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l path[d^="M12 20C16.4183"] { - d: path("M 12 22 A 1 1 0 0 0 12 2 A 1 1 0 0 0 12 22 Z M 12 21 A 1 1 0 0 0 12 3 A 1 1 0 0 0 12 21 Z"); +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .channelInfo-3jN1ay, +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .channelInfo-3jN1ay { + --background-primary: lightgrey; + --background-tertiary: grey; } -body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .radioSelection-1UHp0b { - color: rgb(56, 196, 56); +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1gYQeQ .channelInfo-3jN1ay .wrapper-2fEmwW, +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .container-32HW5s .channelInfo-3jN1ay .wrapper-2fEmwW { + border-radius: 3px; } -body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .checkbox-hADx5o { - d: path("M 2 2 V 22 H 22 V 2 Z M 3 3 V 21 H 21 V 3 Z"); - color: black; - border: 1px solid black; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .content-1Tgc42 { + border-radius: 0; } -body #app-mount .layerContainer-2v_Sit .menu-1QACrS .colorDefault-CDqZdO .icon-E4cW1l .check-3HZJs4 { - color: rgb(56, 196, 56); +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeSelected-3DmyhH .actionIcon-2sw4Sl { + color: hsla(0deg, 0%, 100%, 0.8); } -body #app-mount .layerContainer-2v_Sit .menu-1QACrS .bar-1Bhnl9 { - background: rgb(235, 232, 215); - box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeMuted-2T4MDZ .name-28HaxV, +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .container-1NXEtd .scroller-1ox3I2 .modeMuted-2T4MDZ .icon-2W8DHg { + color: grey; } -body #app-mount .layerContainer-2v_Sit .menu-1QACrS .bar-1Bhnl9 .barFill-2Bh7CX { +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL { background: transparent; } -body #app-mount .layerContainer-2v_Sit .menu-1QACrS .grabber-2GQyvM { - height: 16px; - width: 10px; - margin-top: -1px; - border-radius: 3px; - border: solid rgb(56, 196, 56); - border-width: 3px 0; - box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; -} -body #app-mount .layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID { - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 0px 3px 2px hsla(0deg, 0%, 0%, 0.4); -} -body #app-mount .layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID::before { - content: "User Profile"; - display: block; - position: absolute; - z-index: 1; - width: calc(100% + 4px); - top: -30px; - font-size: 14px; - line-height: 30px; - font-weight: 600; - font-family: Tahoma, sans-serif; - text-shadow: 0 1px 1px black; - color: white; - text-indent: 9px; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .searchBar-3TnChZ { background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); border-radius: 8px 8px 0 0; @@ -796,72 +1183,55 @@ body #app-mount .layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID::befo --header-primary: white; text-shadow: 0 1px 1px black; } -body #app-mount .layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID::before { - left: -2px; -} -body #app-mount .layerContainer-2v_Sit .accountProfilePopoutWrapper-3GskID .userProfileOuter-1K_BYU { - border-radius: 0; -} -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 { - background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); - box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); - border-radius: 8px 8px 0 0; - height: 30px; - --font-display: Tahoma, sans-serif; - --header-primary: white; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG { + background: transparent; + font-size: 14px; + line-height: 30px; + font-weight: 600; + font-family: Tahoma, sans-serif; text-shadow: 0 1px 1px black; - --interactive-normal: black; + color: white; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .scroller-WSmht3 { + --background-modifier-selected: rgb(22, 101, 202); + --background-modifier-hover: lightgrey; + --channels-default: black; + --channel-icon: black; + --interactive-hover: black; --interactive-active: black; + --interactive-muted: lightgrey; + --font-primary: Tahoma, sans-serif; + --font-display: Tahoma, sans-serif; + --text-muted: grey; + font-family: var(--font-primary); + background: white; + border: 1px solid rgb(0, 90, 231); } -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV { +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .scroller-WSmht3::after { + content: ""; + display: block; position: absolute; - bottom: -1px; - z-index: 1; - align-items: base; -} -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8 { - background: rgb(235, 232, 215); - border-radius: 3px 3px 0 0; - border: solid rgb(22, 101, 202); - border-width: 1px 1px 0 1px; - margin: 0; -} -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8.selected-g-kMVV { - padding-top: 1px; - height: 25px; - background: linear-gradient(to bottom, orange, white 10%, rgb(235, 232, 215) 80%); + top: 0; + width: 100%; + height: 2px; + background: linear-gradient(to right, transparent, orange, transparent); } -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .header-145e10 .topPill-3DJJNV .tab-TRrPC8:hover { - color: black; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .privateChannelsHeaderContainer-1UWASm { + position: relative; } -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN.container-2ebMPP .header-145e10 .button-1_oXub { - top: 0; - min-height: 26px; - min-width: 26px; - height: 26px; - width: 26px; - margin: 4px; - margin-left: 0; - border: 1px solid white; - border-radius: 3px; - color: white; - background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231)); +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .privateChannelsHeaderContainer-1UWASm::before { + content: ""; + display: block; + position: absolute; + top: 2px; + width: 100%; + height: 2px; + background: linear-gradient(to right, transparent 10%, lightgrey, transparent 90%); } -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN.messagesPopoutWrap-3zryHW .header-145e10 .button-1_oXub { - top: 0; - min-height: 26px; - min-width: 26px; - height: 26px; - width: 26px; - margin: 4px; - margin-left: 0; - border: 1px solid white; - border-radius: 3px; - color: white; - background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231)); +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL .container-32HW5s { + border-radius: 0; } -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c { +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt { --background-modifier-selected: rgb(22, 101, 202); --background-modifier-hover: lightgrey; --channels-default: black; @@ -875,12 +1245,10 @@ body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-14 font-family: var(--font-primary); background: white; border: 1px solid rgb(0, 90, 231); - --header-primary: black; - --header-secondary: grey; - background: rgb(235, 232, 215); + position: relative; + border-radius: 8px 8px 0 0; } -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI::after, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c::after { +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt::after { content: ""; display: block; position: absolute; @@ -889,132 +1257,197 @@ body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-14 height: 2px; background: linear-gradient(to right, transparent, orange, transparent); } -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .channelHeader-DFRX8q, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .channelHeader-DFRX8q, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .channelHeader-DFRX8q, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .channelHeader-DFRX8q { - background: rgb(235, 232, 215); +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt::before { + display: none; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .discoverHeader-1vsvZ0 { + background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); + box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); + border-radius: 8px 8px 0 0; + height: 30px; + --font-display: Tahoma, sans-serif; + --header-primary: white; + text-shadow: 0 1px 1px black; + margin: 0; + padding: 12px 0; + text-indent: 16px; + font-size: 16px; + position: fixed; + width: 240px; + z-index: 2; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .container-1oeRFJ { + color: var(--channels-default); + border-radius: 0; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .container-1oeRFJ:first-of-type { + margin-top: 62px; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .container-1oeRFJ:nth-last-of-type(2) { + margin-bottom: 10px; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .container-1oeRFJ .layout-1qmrhw { + border-radius: 0; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu > .scrollerBase-_bVAAt .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 { + background-color: var(--background-modifier-selected); +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD { + width: 240px; + height: auto; + position: fixed; + bottom: -1px; + left: calc(100vw - 240px); + z-index: 0; + background: linear-gradient(to bottom, rgb(16, 140, 228), rgb(16, 140, 228) 12%, rgb(87, 140, 208)); + box-shadow: inset 0 0 3px 2px rgb(16, 140, 228), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD:hover { + z-index: 1; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .subtext-2HDqJ7 { + color: hsla(0deg, 0%, 100%, 0.8); } -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .channelHeader-DFRX8q .button-1_oXub, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .channelHeader-DFRX8q .button-1_oXub { +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-1zzFcN .button-1EGGcP { border-radius: 3px; border: 1px solid black; background: rgb(240, 239, 237); color: black; box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; } -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .messages-23can0, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .channel-3NJZ1V .messageContainer-3VTXBC, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .messages-23can0, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI .container-iA3Qrz .messageContainer-3VTXBC, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .messages-23can0, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .channel-3NJZ1V .messageContainer-3VTXBC, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .messages-23can0, -body #app-mount .layerContainer-2v_Sit .recentMentionsPopout-2bI1ZN .scroller-145h9c .container-iA3Qrz .messageContainer-3VTXBC { - font-family: "Whitney", var(--i18n-fallbacks); - border-radius: 0; - box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -2px -2px 2px 0 white; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-1zzFcN .button-1EGGcP.buttonActive-Uc1jHx { + background: rgb(235, 232, 215); + box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 { - border-radius: 8px 8px 0 0; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl { + height: var(--server-container); + flex-direction: row-reverse; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb { - background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); - box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); - border-radius: 8px 8px 0 0; - height: 30px; - --font-display: Tahoma, sans-serif; - --header-primary: white; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW { + margin: 0 0 0 6px; + padding: 0 4px 0 0; + flex-direction: row-reverse; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq { text-shadow: 0 1px 1px black; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .threadIcon-rd1kqG { - color: white; +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .container-YkUktl .avatarWrapper-1B9FTW .nameTag-sc-gpq .title-338goq { + color: white; + font-weight: normal; +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .button-12Fmur { + color: hsla(0deg, 0%, 100%, 0.8); +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .withTagAsButton-OsgQ9L:hover, +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .withTagless-10ooWt:hover, +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .button-12Fmur.enabled-9OeuTA:hover { + background: linear-gradient(to bottom, rgb(22, 101, 202), rgb(16, 140, 228)); +} +body #app-mount .container-1eFtFS .base-2jDfDU .sidebar-1tnWFu .panels-3wFtMD .button-12Fmur.enabled-9OeuTA:hover { + color: white; +} +body #app-mount .container-1eFtFS .base-2jDfDU .container-2cd8Mz { + margin: 50px 120px 50px 270px; + overflow: hidden; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); +} +body #app-mount .container-1eFtFS .base-2jDfDU .pageWrapper-2PwDoS { + margin: 50px 120px 50px 270px; + overflow: hidden; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); +} +body #app-mount .container-1eFtFS .base-2jDfDU .scroller-RfJjkV { + margin: 50px 120px 50px 270px; + overflow: hidden; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); + height: auto; +} +body #app-mount .container-1eFtFS .base-2jDfDU .applicationStore-2nk7Lo { + margin: 50px 120px 50px 270px; + overflow: hidden; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); +} +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI { + margin: 50px 120px 50px 270px; + overflow: hidden; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .searchBox-3IjAC1 { - border-radius: 3px; - border: 1px solid black; - background: rgb(240, 239, 237); - color: black; - box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; - box-shadow: inset 1px 1px 2px 0 grey, inset -2px -2px 2px 0 white; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .message-2CShn3 { + padding-right: 140px !important; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .searchBox-3IjAC1 .input-2m5SfJ { - color: black; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .message-2CShn3 .container-2gUZhU { + right: 130px; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .closeIcon-11tHJX { - top: 0; - min-height: 26px; - min-width: 26px; - height: 26px; - width: 26px; - margin: 4px; - margin-left: 0; - border: 1px solid white; - border-radius: 3px; - color: white; - background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(3, 114, 255), rgb(0, 90, 231)); - background: radial-gradient(circle at 20% 20%, hsla(0deg, 0%, 100%, 0.8), rgb(230, 77, 28), rgb(199, 50, 7)); +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ { + position: fixed; + height: auto; + margin: 0; + right: auto; + left: 50px; display: flex; - align-items: center; justify-content: center; + top: 50px; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .header-3_zmOb .createButton-oruGBs { - border-radius: 3px; - border: 1px solid black; - background: rgb(240, 239, 237); - color: black; - box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ :is(.contents-3ca1mk) { + background: linear-gradient(rgb(12, 168, 12), green); + border-radius: 4px; + padding: 5px; + margin: 5px; + height: 36px; + width: 36px; + box-shadow: 1px 1px 2px black; + color: white; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb { - --background-modifier-selected: rgb(22, 101, 202); - --background-modifier-hover: lightgrey; - --channels-default: black; - --channel-icon: black; - --interactive-hover: black; - --interactive-active: black; - --interactive-muted: lightgrey; - --font-primary: Tahoma, sans-serif; - --font-display: Tahoma, sans-serif; - --text-muted: grey; - font-family: var(--font-primary); - background: white; - border: 1px solid rgb(0, 90, 231); - background: rgb(235, 232, 215); +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ::before { + content: attr(aria-label); + display: block; + position: absolute; + top: 46px; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + font-size: 12px; + line-height: 12px; + color: white; + text-shadow: 1px 1px 2px black, 1px 1px 1px black; + text-align: center; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb::after { +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ::after { content: ""; display: block; position: absolute; - top: 0; - width: 100%; - height: 2px; - background: linear-gradient(to right, transparent, orange, transparent); + height: 9px; + width: 9px; + border: 1px solid black; + bottom: 0; + left: 0; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVBhXdY1BCgAgDMP0/4+usla3KsthlARxoCfbLNDYO5W/SQc0anJheTfWuC/ZOCr2n9Yh2wuwAHBguYD1JFi4AAAAAElFTkSuQmCC"); } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .sectionHeader-QsOv68 { - color: black !important; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ .contents-3ca1mk { + padding: 0; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2rzKKA { - font-family: "Whitney", var(--i18n-fallbacks); - border-radius: 0; - box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -2px -2px 2px 0 white; - border: 0; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ .contents-3ca1mk .active-z80xEj .buttonWrapper-3YFQGJ, +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .buttons-uaqb-5 > .button-f2h6uQ .contents-3ca1mk .buttonWrapper-3YFQGJ:hover { + color: inherit; } -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .defaultColor-HXu-5n, -body #app-mount .layerContainer-2v_Sit .browser-mnQ1T7 .list-3YHPPb .container-2c4_8A .text-md-normal-304U3g { - color: black !important; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .chatContent-3KubbW .form-3gdLxP .autocomplete-3NRXG8 { + width: calc(100% - 150px); } -body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .header-1w9Q93 { - background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); - box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); - border-radius: 8px 8px 0 0; - height: 30px; - --font-display: Tahoma, sans-serif; - --header-primary: white; - text-shadow: 0 1px 1px black; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .headerRow-1MKoR-, +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .list-3FIpnh > div:first-child { + min-width: 0; } -body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI { +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t { --background-modifier-selected: rgb(22, 101, 202); --background-modifier-hover: lightgrey; --channels-default: black; @@ -1028,9 +1461,16 @@ body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopou font-family: var(--font-primary); background: white; border: 1px solid rgb(0, 90, 231); - background: rgb(235, 232, 215); + position: fixed; + right: 30px; + top: 180px; + height: 65vh; + max-height: calc(100vh - 400px); + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 0px 3px 2px hsla(0deg, 0%, 0%, 0.4); } -body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI::after { +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t::after { content: ""; display: block; position: absolute; @@ -1039,20 +1479,8 @@ body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopou height: 2px; background: linear-gradient(to right, transparent, orange, transparent); } -body #app-mount .layerContainer-2v_Sit .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C { - font-family: "Whitney", var(--i18n-fallbacks); - border-radius: 0; - box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -2px -2px 2px 0 white; - border: 0; -} -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ { - border-radius: 0; - border: 2px solid rgb(22, 101, 202); - border-top: 0; - box-shadow: 2px 0px 3px 2px hsla(0deg, 0%, 0%, 0.4); -} -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ::before { - content: "User info"; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t::before { + content: "Members"; display: block; position: absolute; z-index: 1; @@ -1073,88 +1501,114 @@ body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ::before { --header-primary: white; text-shadow: 0 1px 1px black; } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ::before { - width: 100%; - left: 0; -} -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .avatarWrapper-3y0KZ1 { - left: 24px; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx { + background: white; } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .pencilContainer-11Kuga { - border-radius: 3px; - border: 1px solid black; - background: rgb(240, 239, 237); - color: black; - box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .membersGroup-2eiWxl:not(:nth-child(2)) { + position: relative; } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .pencilContainer-11Kuga .pencilIcon-1MUmnO { - color: black; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .membersGroup-2eiWxl:not(:nth-child(2))::before { + content: ""; + display: block; + position: absolute; + top: 7px; + width: 100%; + height: 2px; + background: linear-gradient(to right, transparent 10%, lightgrey, transparent 90%); } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .profileBadges-31rDHI { - border-radius: 3px; - border: 1px solid black; - background: rgb(240, 239, 237); - color: black; - box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .member-48YF_l { + background: white; } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi { +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .membersWrap-3NUR2t .members-3WRCEx .member-48YF_l .layout-1qmrhw { border-radius: 0; - --font-primary: Tahoma, sans-serif; - --font-display: Tahoma, sans-serif; - font-family: "Whitney", var(--i18n-fallbacks); +} +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI .video-3n15R6 { + z-index: 0; +} +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU { border-radius: 0; - box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -2px -2px 2px 0 white; } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .rolePill-2IJ1vo { - border-radius: 3px; - border: 1px solid black; - background: rgb(240, 239, 237); - color: black; - box-shadow: inset -1px -1px 2px 0 grey, inset 2px 2px 2px 0 white; +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU .chatContent-3KubbW .message-2CShn3 { + margin-right: 0 !important; } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .note-6O4w9y { - font-family: "Whitney", var(--i18n-fallbacks); +body #app-mount .container-1eFtFS .base-2jDfDU .chat-2ZfjoI.threadSidebarOpen-1LSXvU .autocomplete-3NRXG8 { + width: auto !important; +} +body #app-mount .container-1eFtFS .base-2jDfDU .resizeHandle-PBRzPC { + background: rgb(3, 114, 255); +} +body #app-mount .container-1eFtFS .base-2jDfDU .floating-3M3WeH { border-radius: 0; - box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -2px -2px 2px 0 white; } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userPopoutInner-1hXSeY .overlayBackground-1KgwVi .messageInputContainer-2rGDH8 { - font-family: "Whitney", var(--i18n-fallbacks); +body #app-mount .container-1eFtFS .base-2jDfDU .content-1SgpWY > .resizeHandle-PBRzPC { + position: relative; + right: 120px; + margin: 50px 0 50px 0; + height: auto; +} +body #app-mount .container-1eFtFS .base-2jDfDU .content-1SgpWY > .container-3XgAHv { + position: relative; + margin: 50px 0 50px 0; + right: 120px; border-radius: 0; - box-shadow: inset 1px 1px 2px 0 hsla(0deg, 0%, 0%, 0.7), inset -2px -2px 2px 0 white; + max-width: 100%; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY { - background: rgb(235, 232, 215); - --interactive-active: black; - --header-primary: black; - --header-secondary: grey; - --text-normal: black; - --background-secondary: beige; - --interactive-muted: beige; +body #app-mount .container-1eFtFS .base-2jDfDU .content-1SgpWY > .chatLayerWrapper-2mgEK- { + top: 50px; + right: 122px; + bottom: 52px; + height: auto; } -body #app-mount .layerContainer-2v_Sit .userPopoutOuter-3AVBmJ .userProfileInnerThemedNonPremium-1gT-zY .overlayBackground-1KgwVi { - background: white; +body #app-mount .container-1eFtFS .base-2jDfDU .chatTarget-3H6mpC { + display: none; } -body #app-mount .layerContainer-2v_Sit .backdrop-2ByYRN { - background: var(--bsod-color, navy) !important; - opacity: 1 !important; +body #app-mount .layer-86YKbF { + background: transparent; } -body #app-mount .layerContainer-2v_Sit .backdrop-2ByYRN::before { - content: var(--bsod-text, var(--bsod-text-original)); - white-space: pre-wrap; +body #app-mount .layer-86YKbF .standardSidebarView-E9Pc3j { + margin: 50px 120px 50px 270px; + overflow: hidden; + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 3px 3px 2px hsla(0deg, 0%, 0%, 0.4); +} +body #app-mount .layer-86YKbF .pictureInPictureWindow-3ms5Zy { + border: 2px solid rgb(22, 101, 202); + border-top: 0; + box-shadow: 2px 0px 3px 2px hsla(0deg, 0%, 0%, 0.4); + overflow: visible; + border-radius: 0; +} +body #app-mount .layer-86YKbF .pictureInPictureWindow-3ms5Zy::before { + content: "Stream"; display: block; - font-family: "Courier New", Courier, monospace; - font-size: 20px; + position: absolute; + z-index: 1; + width: calc(100% + 4px); + top: -30px; + font-size: 14px; + line-height: 30px; + font-weight: 600; + font-family: Tahoma, sans-serif; + text-shadow: 0 1px 1px black; color: white; - margin: 40px; + text-indent: 9px; + background: linear-gradient(to bottom, rgb(0, 90, 231), rgb(0, 90, 231) 12%, rgb(3, 114, 255)); + box-shadow: inset 0 0 3px 2px rgb(0, 90, 231), inset 0 2px 2px 1px hsla(0deg, 0%, 100%, 0.8); + border-radius: 8px 8px 0 0; + height: 30px; + --font-display: Tahoma, sans-serif; + --header-primary: white; + text-shadow: 0 1px 1px black; } -body #app-mount .layerContainer-2v_Sit .layer-1Ixpg3 { - align-items: flex-end; - padding-right: 10vw; +body #app-mount .layer-86YKbF .pictureInPictureWindow-3ms5Zy::before { + left: -2px; } -body #app-mount .layerContainer-2v_Sit .layer-1Ixpg3 .focusLock-2tveLW { - border: 2px solid white; - padding: 5px; - background: var(--bsod-color, rgba(0, 0, 128, 0.8)); +body #app-mount .layer-86YKbF .pictureInPictureWindow-3ms5Zy .pictureInPictureVideo-2puO2Q { + border-radius: 0; } #floating-editor-window {