/** * @name SoftX * @author Gibbu#1211 * @version 1.0.0 * @invite ZHthyCw * @description A soft and comfy feel for Discord. * @source https://github.com/DiscordStyles/SoftX */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap'); /*@import url("https://discordstyles.github.io/SoftX/SoftX.css");*/ @import url("https://discordstyles.github.io/SoftX/RadialGlow.css"); /*@import url("https://discordstyles.github.io/Addons/windows-titlebar.css");*/ @import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap'); :root { /* SoftX variables */ --background-image: url('https://mocah.org/thumbs/4512654-night-sky-stars-clouds-water-anime-naruto-shippuuden.jpg'); /* Background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */ --background-blur: 5px; /* Blur intensity of --background-image | Must end in px | Default: 0px */ --accent: 255 , 68 , 0 ; /* Colour used around the app. | Values are in R,G,B format. | Default: 0, 231, 169 */ /* text-decoration-color:rgb(255, 68, 0); */ /* text-emphasis-color:#ffffff; */ --channels-width: 250px; /* Width of the channels list. | Default: 300px */ --guilds-width: 80px; /* Width of the server list. | Default: 105px */ --members-width: 250px; /* Width of the members list. | Default: 280px */ --server-size: 50px; /* Size of the servers inside the server list. | Default: 50px */ --chat-avatar-size: 32px; /* Size of the chat avatars. | Default: 32px */ --glow-intensity: 0; /* Intensity of the glow used around the app. | Set to 0 to disable the glow. | Decimals allowed | Default: 1 */ --opacity: .5; /* Opacity of overall app. | Default: .85 */ --font: 'Comic Neue'; /* Custom font | Default: 'Inter' */ /*-webkit-text-fill-color: #51ff00;*/ /* RadialStatus veriables */ --rs-small-spacing: 2px; /* Spacing between profile image and outer ring on small icons (e.g. member list) | Default: 2px */ --rs-medium-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout) | Default: 4px */ --rs-large-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout fullscreen) | Default: 4px */ --rs-small-width: 1.5px; /* Ring width (follows same sizing as above) | Default: 1.5px */ --rs-medium-width: 2px; /* Default: 2px */ --rs-large-width: 2px; /* Default: 2px */ --rs-avatar-shape: 50%; /* Border-radius for profile image | Default: 50% */ /* Customizable colors */ --rs-online-color: #43b581; /* Default: #43b581 */ --rs-idle-color: #faa61a; /* Default: #faa61a */ --rs-dnd-color: #f04747; /* Default: #f04747 */ --rs-offline-color: #636b75; /* Default: #636b75 */ --rs-streaming-color: #643da7; /* Default: #643da7 */ --rs-invisible-color: #747f8d; /* Default: #747f8d */ --rs-phone-color: var(--rs-online-color); /* Color of the phone for mobile users | Default: var(--rs-online-color) */ --rs-phone-visible: block; /* Visibility of the phone for mobile users | Default: block */ } :root { --softx-version: "1.0.2"; --hue: 0deg; --saturation: 0%; --lightness: 10%; --transition: .15s ease; --chat-glow-intensity: var(--glow-intensity); --channel-glow-intensity: var(--glow-intensity); --members-glow-intensity: var(--glow-intensity); --input-glow-intensity: var(--glow-intensity); --talking-bar: rgb(var(--accent)); --talking-glow: rgb(var(--accent)); --blur: 10px; --TB-height: calc(var(--toolbar-height) - 1px); --TB-width: 52px; --TB-header-padding: 155px; --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06); --shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 10px 10px -5px rgb(0 0 0 / 0.04); --border: hsl(var(--hue) var(--saturation) calc(var(--lightness) / 2) / .6); --bg-primary: hsl(var(--hue) var(--saturation) var(--lightness) / calc(var(--opacity) + .05)); --bg-secondary: hsl(var(--hue) var(--saturation) var(--lightness) / calc(var(--opacity) + .1)); --bg-tertiary: hsl(var(--hue) var(--saturation) var(--lightness) / calc(var(--opacity) + .15)); --chat-bubble-bg: rgba(255, 255, 255, 0.03); --chat-bubble-bg-self: rgb(var(--accent), 0.15); --chat-bubble-padding: 10px 14px; --chat-bubble-display: inline-block; --chat-bubble-outline-color: 00 , 00 , 00; --chat-bubble-border-color: 00 , 00 , 00; --user-area: 0px; --toolbar-height: 60px; --server-spacing: 16px; --guild-scrollbar: none; --unread-colour: 255 255 255; --backdrop-background: var(--bg-primary); --backdrop-blur: 10px; --scrollbar-background: rgb(255 255 255 / .05); --scrollbar-background-hover: rgb(255 255 255 / .1); --scrollbar-background-active: rgb(255 255 255 / .15); --input-background: rgb(18 18 18 / .7); --input-border: rgb(255 255 255 / .05); --discord-red: 359 calc(var(--saturation-factor, 1) * 82.6%) 59.4%; --discord-green: 139 calc(var(--saturation-factor, 1) * 47.3%) 43.9%; --settings-sidebar-width: 300px; --settings-content-width: 900px; --settings-max-height: 800px; --settings-max-width: calc(var(--settings-sidebar-width) + var(--settings-content-width)); --text-link: rgb(var(--accent)); --font-primary: var(--font, "Whitney"); --font-display: var(--font, "Whitney"); --channels-default: #aaa; --background-modifier-hover: rgb(255 255 255 / .05); --background-modifier-active: rgb(255 255 255 / .08); --brand-experiment: rgb(var(--accent), .35); --brand-experiment-560: rgb(var(--accent), .55); --brand-experiment-600: rgb(var(--accent), .4); } .channelName-2YrOjO, /* .messageContent-2qWWxC, */ .-webkit-text-fill-color { background-image: linear-gradient(to left,rgb(51, 255, 0), rgb(255, 230, 0), red, rgb(234, 0, 255), rgb(0, 140, 255), rgb(51, 255, 0)); animation: gradient-border 4s linear infinite; background-size: 400% 100%; color: transparent !important; -webkit-background-clip: text; z-index: 1; } @keyframes gradient-border { from { background-position: 0% 0; } to { background-position: 100% 0; } } html, span:not([class*=spinner-]):not([class*=spinnerItem]) { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .bg-h5JY_x { background: var(--background-image); background-attachment: var(--background-attachment, fixed); background-size: var(--background-size, cover); background-position: var(--background-position, center); filter: blur(var(--background-blur, 0px)) hue-rotate(var(--background-hue, 0deg)); } .content-yTz4x3::before { content: none; } html.theme-light .app-2rEoOp::after { content: "SoftX is not build for Lightmode.\aPlease switch to Dark mode in your Discord Appearance Settings."; line-height: 1.5; white-space: pre-wrap; border-top: 1px solid var(--border); background: var(--bg-secondary); z-index: 1; padding: 16px; color: #fff; } html.theme-light .container-3baos1 { bottom: 81px !important; } .full-motion [class*=animator] { transform: none !important; transition: none !important; } .layer-3QrUeG.baseLayer-35bLyl { transform: scale(1) !important; opacity: 1 !important; } [aria-label=USER_SETTINGS] .info-1VyQPT > span:first-child::before { display: block; content: "SoftX v" var(--softx-version); } #app-mount .container-1r6BKw { background: var(--bg-primary); height: var(--toolbar-height); padding-left: 24px; border-bottom: 1px solid var(--border); } #app-mount .container-1r6BKw path[d="M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z"] { d: path("M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"); fill: transparent; stroke: var(--interactive-normal); stroke-width: 2px; } #app-mount .container-1r6BKw path[d="M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z"] + path { display: none; } #app-mount .container-1r6BKw path[d="M18 9V14C18 15.657 19.344 17 21 17V18H3V17C4.656 17 6 15.657 6 14V9C6 5.686 8.686 3 12 3C15.314 3 18 5.686 18 9ZM11.9999 21C10.5239 21 9.24793 20.19 8.55493 19H15.4449C14.7519 20.19 13.4759 21 11.9999 21Z"] { fill: transparent; stroke: var(--interactive-normal); stroke-width: 2px; d: path("M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"); } #app-mount .container-1r6BKw path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] { d: path("M4.456.734a1.75 1.75 0 012.826.504l.613 1.327a3.081 3.081 0 002.084 1.707l2.454.584c1.332.317 1.8 1.972.832 2.94L11.06 10l3.72 3.72a.75.75 0 11-1.061 1.06L10 11.06l-2.204 2.205c-.968.968-2.623.5-2.94-.832l-.584-2.454a3.081 3.081 0 00-1.707-2.084l-1.327-.613a1.75 1.75 0 01-.504-2.826L4.456.734zM5.92 1.866a.25.25 0 00-.404-.072L1.794 5.516a.25.25 0 00.072.404l1.328.613A4.582 4.582 0 015.73 9.63l.584 2.454a.25.25 0 00.42.12l5.47-5.47a.25.25 0 00-.12-.42L9.63 5.73a4.581 4.581 0 01-3.098-2.537L5.92 1.866z"); transform: translate(-6px, 6px) scale(-1.3522, 1.3522); transform-origin: center; } #app-mount .container-1r6BKw path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] { fill: transparent; stroke: var(--interactive-normal); stroke-width: 2px; d: path("M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"); } #app-mount .container-1r6BKw path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] ~ path { display: none; } #app-mount .container-1r6BKw path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] { fill: transparent; stroke: var(--interactive-normal); stroke-width: 2px; d: path("M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"); } #app-mount .toolbar-1t6TWx { margin-left: 24px; } #app-mount .toolbar-1t6TWx .iconWrapper-2OrFZ1 { order: 1; margin: 0 24px 0 0; } #app-mount .toolbar-1t6TWx .iconWrapper-2OrFZ1 .iconBadge-qZ4Ksk { border-radius: 50%; box-shadow: 0 0 calc(var(--glow-intensity) * 10px) calc(var(--glow-intensity) * 1px) hsl(var(--discord-red)); } #app-mount .toolbar-1t6TWx .iconWrapper-2OrFZ1.selected-1GqIat { filter: drop-shadow(0 0 calc(var(--glow-intensity) * 8px) rgb(var(--accent), 0.35)) drop-shadow(0 0 calc(var(--glow-intensity) * 2px) rgb(var(--accent), 0.35)); } #app-mount .toolbar-1t6TWx .iconWrapper-2OrFZ1.selected-1GqIat svg path { stroke: rgb(var(--accent)); } #app-mount .toolbar-1t6TWx a[href="https://support.discord.com"] { display: none; } #app-mount .toolbar-1t6TWx > :last-child { margin-right: 24px; } #app-mount .children-19S4PO { height: 100%; } #app-mount .children-19S4PO .iconWrapper-2OrFZ1 { grid-area: icon; margin-left: 0; } #app-mount .children-19S4PO .title-29uC1r { margin-right: 24px; } #app-mount .children-19S4PO .topic-TCb_qw { grid-area: bottom; } #app-mount .children-19S4PO .status-1XNdyw { margin-right: 0; } #app-mount .children-19S4PO .status-1XNdyw::after { content: attr(aria-label); margin-left: 8px; font-size: 13px; color: var(--text-normal); } #app-mount .children-19S4PO .status-1XNdyw svg { width: 16px; height: 16px; } #app-mount .children-19S4PO .divider-3FBTu8 { display: none; } #app-mount .children-19S4PO::after { content: none; } #app-mount .tabBar-ZmDY9v { height: 100%; } #app-mount .tabBar-ZmDY9v .item-3HknzM { border-radius: 0; background: transparent !important; overflow: visible; margin: 0; color: var(--interactive-normal) !important; } #app-mount .tabBar-ZmDY9v .item-3HknzM:hover { background: var(--background-modifier-hover) !important; color: var(--interactive-hover) !important; } #app-mount .tabBar-ZmDY9v .item-3HknzM.selected-3s45Ha, #app-mount .tabBar-ZmDY9v .item-3HknzM[aria-selected=true] { background: var(--background-modifier-active) !important; color: var(--interactive-active) !important; } #app-mount .tabBar-ZmDY9v .item-3HknzM.selected-3s45Ha::before, #app-mount .tabBar-ZmDY9v .item-3HknzM[aria-selected=true]::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #fff; box-shadow: 0 0 calc(var(--glow-intensity) * 10px) calc(var(--glow-intensity) * 2px) rgba(255, 255, 255, 0.2); } #app-mount .threadSidebarOpen-vdkwIh .container-1r6BKw { border-right: 1px solid var(--border); } .members-1998pB, .peopleList-3c4jOR, .sidebarRegionScroller-3MXcoP, .contentRegionScroller-26nc1e, .customScroller-26gWhv, .list-I3aHXn, [class*=scrollerBase-] { overflow: hidden overlay !important; } .members-1998pB::-webkit-scrollbar, .peopleList-3c4jOR::-webkit-scrollbar, .sidebarRegionScroller-3MXcoP::-webkit-scrollbar, .contentRegionScroller-26nc1e::-webkit-scrollbar, .customScroller-26gWhv::-webkit-scrollbar, .list-I3aHXn::-webkit-scrollbar, [class*=scrollerBase-]::-webkit-scrollbar { width: 8px; display: none; background: transparent !important; } .members-1998pB::-webkit-scrollbar-track, .peopleList-3c4jOR::-webkit-scrollbar-track, .sidebarRegionScroller-3MXcoP::-webkit-scrollbar-track, .contentRegionScroller-26nc1e::-webkit-scrollbar-track, .customScroller-26gWhv::-webkit-scrollbar-track, .list-I3aHXn::-webkit-scrollbar-track, [class*=scrollerBase-]::-webkit-scrollbar-track { margin: 0; } .members-1998pB::-webkit-scrollbar-track-piece, .peopleList-3c4jOR::-webkit-scrollbar-track-piece, .sidebarRegionScroller-3MXcoP::-webkit-scrollbar-track-piece, .contentRegionScroller-26nc1e::-webkit-scrollbar-track-piece, .customScroller-26gWhv::-webkit-scrollbar-track-piece, .list-I3aHXn::-webkit-scrollbar-track-piece, [class*=scrollerBase-]::-webkit-scrollbar-track-piece { background: transparent; border-color: transparent; } .members-1998pB::-webkit-scrollbar-thumb, .peopleList-3c4jOR::-webkit-scrollbar-thumb, .sidebarRegionScroller-3MXcoP::-webkit-scrollbar-thumb, .contentRegionScroller-26nc1e::-webkit-scrollbar-thumb, .customScroller-26gWhv::-webkit-scrollbar-thumb, .list-I3aHXn::-webkit-scrollbar-thumb, [class*=scrollerBase-]::-webkit-scrollbar-thumb { background-color: var(--scrollbar-background); border-radius: 0; border-radius: var(--border-radius); border: none; } .members-1998pB::-webkit-scrollbar-thumb:hover, .peopleList-3c4jOR::-webkit-scrollbar-thumb:hover, .sidebarRegionScroller-3MXcoP::-webkit-scrollbar-thumb:hover, .contentRegionScroller-26nc1e::-webkit-scrollbar-thumb:hover, .customScroller-26gWhv::-webkit-scrollbar-thumb:hover, .list-I3aHXn::-webkit-scrollbar-thumb:hover, [class*=scrollerBase-]::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-background-hover); } .members-1998pB::-webkit-scrollbar-thumb:active, .peopleList-3c4jOR::-webkit-scrollbar-thumb:active, .sidebarRegionScroller-3MXcoP::-webkit-scrollbar-thumb:active, .contentRegionScroller-26nc1e::-webkit-scrollbar-thumb:active, .customScroller-26gWhv::-webkit-scrollbar-thumb:active, .list-I3aHXn::-webkit-scrollbar-thumb:active, [class*=scrollerBase-]::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-background-active); } .members-1998pB::-webkit-scrollbar-button, .members-1998pB::-webkit-scrollbar-corner, .peopleList-3c4jOR::-webkit-scrollbar-button, .peopleList-3c4jOR::-webkit-scrollbar-corner, .sidebarRegionScroller-3MXcoP::-webkit-scrollbar-button, .sidebarRegionScroller-3MXcoP::-webkit-scrollbar-corner, .contentRegionScroller-26nc1e::-webkit-scrollbar-button, .contentRegionScroller-26nc1e::-webkit-scrollbar-corner, .customScroller-26gWhv::-webkit-scrollbar-button, .customScroller-26gWhv::-webkit-scrollbar-corner, .list-I3aHXn::-webkit-scrollbar-button, .list-I3aHXn::-webkit-scrollbar-corner, [class*=scrollerBase-]::-webkit-scrollbar-button, [class*=scrollerBase-]::-webkit-scrollbar-corner { display: none !important; } .members-1998pB:hover::-webkit-scrollbar, .peopleList-3c4jOR:hover::-webkit-scrollbar, .sidebarRegionScroller-3MXcoP:hover::-webkit-scrollbar, .contentRegionScroller-26nc1e:hover::-webkit-scrollbar, .customScroller-26gWhv:hover::-webkit-scrollbar, .list-I3aHXn:hover::-webkit-scrollbar, [class*=scrollerBase-]:hover::-webkit-scrollbar { display: block; } #app-mount .tooltipPrimary-1d1ph4 { background: var(--bg-primary); border: 1px solid var(--border); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); box-shadow: none; } .chroma { animation: chroma 5s linear 0s infinite left-to-right; /* animation: */ } @keyframes chroma { 0% {--accent: red; } 15% {--accent: orange; } 30% {--accent: yellow; } 45% {--accent: green; } 60% {--accent: blue; } 75% {--accent: purple; } 90% {--accent: violet; } 100%{--accent: white; } } .platform-osx .typeMacOS-3EmCyP { width: var(--guilds-width); background: var(--bg-primary); border-right: 1px solid var(--border); } .platform-osx .macButtons-2MuSAC { width: 100%; padding: 10px 18px; } .platform-osx #app-mount .guilds-1SWlCJ .scroller-1Bvpku { padding-top: 6px; } #app-mount .notice-3bPHh- { border-radius: 0; } #app-mount .closeButton-3cJIM4 { left: 0; height: 100%; } #app-mount .sizeSmall-2cSMqn { height: 36px; } #app-mount .button-1YfofB.lookFilled-1Gx00P.colorBrand-3pXr91 { background: rgba(255, 255, 255, 0.1); } #app-mount .sliderContainer-2Nrll8 { padding: 0; } #app-mount .bar-2Qqk5Z { background: rgba(255, 255, 255, 0.25); } #app-mount .barFill-23-gu- { background: rgb(var(--accent)); } #app-mount .input-cIJ7To:not(.multiInput-2AiDV2):not(.multiInputField-3K361B), #app-mount .input-cIJ7To.multiInput-2AiDV2 { padding: 10px 16px; height: auto; border: 2px solid transparent; background: var(--input-background); border-radius: 6px; transition: var(--transition); transition-property: border-color, box-shadow; color: var(--text-normal); } #app-mount .input-cIJ7To:not(.multiInput-2AiDV2):not(.multiInputField-3K361B):hover, #app-mount .input-cIJ7To.multiInput-2AiDV2:hover { border-color: var(--input-border); } #app-mount .input-cIJ7To:not(.multiInput-2AiDV2):not(.multiInputField-3K361B):focus-within, #app-mount .input-cIJ7To.multiInput-2AiDV2:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 12px) calc(var(--input-glow-intensity) * 2px) rgb(var(--accent), 0.25); } #app-mount .multiInputLast-33BbRU::before { content: none; } #app-mount .inputWrapper-24Isu7 .inputPrefix-1gzNds { top: 14px; left: 12px; pointer-events: none; } #app-mount .inputWrapper-24Isu7 .inputPrefix-1gzNds + .input-cIJ7To:not(.multiInput-2AiDV2):not(.multiInputField-3K361B) { padding-left: 38px; } #app-mount [role=radiogroup][aria-orientation=vertical] { border: 1px solid var(--border); border-radius: 6px; background: rgba(255, 255, 255, 0.02); } #app-mount .itemFilled-3llgIC { background: transparent; margin-bottom: 0; } #app-mount .itemFilled-3llgIC .icon-3pNFyS { display: none; } #app-mount .itemFilled-3llgIC:first-child { border-radius: 6px 6px 0 0; } #app-mount .itemFilled-3llgIC:first-child .radioBar-bMNUI-::before { border-top-left-radius: 6px; } #app-mount .itemFilled-3llgIC:last-child { border-radius: 0 0 6px 6px; } #app-mount .itemFilled-3llgIC:last-child .radioBar-bMNUI-::before { border-bottom-left-radius: 6px; } #app-mount .itemFilled-3llgIC:not(:last-child) { border-bottom: 1px solid var(--border); } #app-mount .itemFilled-3llgIC[aria-checked=true] .radioBar-bMNUI- [class*=size] { color: var(--radio-bar-colour); text-shadow: 0 0 calc(var(--glow-intensity) * 10px) var(--radio-bar-colour); } #app-mount .itemFilled-3llgIC[aria-checked=true] .radioBar-bMNUI- path { color: var(--interactive-active); } #app-mount .itemFilled-3llgIC[aria-checked=true] .radioBar-bMNUI- circle { color: var(--radio-bar-colour); } #app-mount .itemFilled-3llgIC[aria-checked=true] .radioBar-bMNUI-::before { opacity: 1; } #app-mount .radioBar-bMNUI- { --radio-bar-colour: var(--radio-bar-accent-color, rgb(var(--accent))); background: transparent; border-radius: 0; padding: 10px 10px 10px 16px !important; border: none !important; position: relative; grid-gap: 16px; } #app-mount .radioBar-bMNUI-::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: var(--radio-bar-colour); opacity: 0; box-shadow: 0 0 calc(var(--glow-intensity) * 12px) var(--radio-bar-colour); } #app-mount .select-2fjwPw { border: 2px solid transparent; background: var(--input-background); transition: var(--transition); transition-property: border-color, box-shadow; } #app-mount .select-2fjwPw:hover { border-color: var(--input-border); } #app-mount .select-2fjwPw.open-kZ53_U { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 12px) calc(var(--input-glow-intensity) * 2px) rgb(var(--accent), 0.25); } #app-mount .popout-VcNcHB { border: 1px solid var(--border); border-radius: 0 0 6px 6px; background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); } #app-mount .option-3KoAJB { position: relative; padding: 12px 18px; } #app-mount .option-3KoAJB .selectedIcon-3uS11H { color: rgb(var(--accent)); filter: drop-shadow(0 0 calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.35)); } #app-mount .option-3KoAJB:hover, #app-mount .option-3KoAJB:focus, #app-mount .option-3KoAJB.focused-1T6PE5 { background: var(--background-modifier-hover); } #app-mount .option-3KoAJB[aria-selected=true] { background: rgb(var(--accent), 0.1); color: rgb(var(--accent)); text-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--accent)); } #app-mount .option-3KoAJB[aria-selected=true]::before { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--accent)); } #app-mount .deviceOption-o4yLlI { overflow: visible; } #app-mount .container-3auIfb { border-radius: 4px; height: 18px; width: 34px; border: 1px solid var(--border); } #app-mount .slider-TkfMQL { height: 12px; margin: 2px; } #app-mount .slider-TkfMQL rect[fill=white] { rx: 4; } #app-mount .slider-TkfMQL[style*="left: 0"], #app-mount .slider-TkfMQL[style*="left: -1"], #app-mount .slider-TkfMQL[style*="left: -2"], #app-mount .slider-TkfMQL[style*="left: -3"] { left: -1px !important; } #app-mount .slider-TkfMQL[style*="left: 10"], #app-mount .slider-TkfMQL[style*="left: 11"], #app-mount .slider-TkfMQL[style*="left: 12"] { left: 14px !important; } #app-mount .checkbox-1ix_J3 { border-radius: 6px; } #app-mount .checkbox-1ix_J3 path[fill^="hsl(139"] { fill: rgb(var(--accent)); } #app-mount .checkbox-1ix_J3 path[fill^="hsl(235"] { fill: #fff; } #app-mount .checkbox-1ix_J3[style*="var(--control-brand-foreground)"] { background: rgb(var(--accent), 0.4) !important; border-color: transparent !important; } #app-mount .guilds-1SWlCJ { width: var(--guilds-width); border-right: 1px solid var(--border); background: var(--bg-primary); } #app-mount .guilds-1SWlCJ .scroller-1Bvpku { background: transparent; padding: 18px 0; -webkit-mask: radial-gradient(circle at top, black, black 95%, transparent) !important; mask: radial-gradient(circle at top, black, black 95%, transparent) !important; } #app-mount .guilds-1SWlCJ .scroller-1Bvpku:hover::-webkit-scrollbar { display: var(--guild-scrollbar); } #app-mount .guilds-1SWlCJ .tree-2wKJdG { outline: none !important; margin-bottom: var(--user-area); } #app-mount .guildSeparator-EOYZLM { height: 1px; background: var(--border); width: var(--server-size); } #app-mount .wrapper-3Njo_c { width: 100%; } #app-mount .listItem-1hlISG { width: 100%; margin-bottom: var(--server-spacing); } #app-mount .scroller-1Bvpku > div[style]:not([class]) { margin-bottom: var(--server-spacing); } #app-mount .blobContainer-pmnxKB, #app-mount .listItemWrapper-t7zeg3 { transition: var(--transition); transition-property: transform; } #app-mount .blobContainer-pmnxKB:active, #app-mount .listItemWrapper-t7zeg3:active { transform: scale(0.9); } #app-mount .wrapper-25eVIn { width: var(--server-size); height: var(--server-size); } #app-mount .svg-1X37T1 { width: var(--server-size); height: var(--server-size); } #app-mount .svg-1X37T1 foreignObject { border-radius: var(--server-roundness, 50%); -webkit-mask: none !important; mask: none !important; } #app-mount .childWrapper-anI2G9, #app-mount .circleIconButton-1XqULR { background: rgba(255, 255, 255, 0.1); } #app-mount .wrapper-1BJsBx.selected-bZ3Lue, #app-mount .circleIconButton-1XqULR:hover { background: rgba(255, 255, 255, 0.15); } #app-mount .circleIconButton-1XqULR.selected-2jcQaY path { fill: rgb(var(--accent)); } #app-mount .wrapper-sa6paO { width: 100%; height: 100%; overflow: visible; } #app-mount [class*=pill] { left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(var(--server-size) + 8px); height: calc(var(--server-size) + 8px); overflow: visible; margin-left: -2px; } #app-mount [class*=pill] .item-2hkk8m { height: 100% !important; width: 100%; margin: 0; border-radius: var(--server-roundness, 50%); background: transparent; border: 2px solid #fff; transform: none !important; transition: var(--transition); transition-property: box-shadow; } #app-mount [class*=pill] span[style*="height: 0"] { box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--unread-colour)/0.25); border-color: rgb(var(--unread-colour)); } #app-mount [class*=pill] span[style*="height: 1"] { box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--unread-colour)/0.25); border-color: rgb(var(--unread-colour)); } #app-mount [class*=pill] span[style*="height: 2"] { box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--unread-colour)/0.25); border-color: rgb(var(--unread-colour)); } #app-mount [class*=pill] span[style*="height: 3"] { box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--unread-colour)/0.25); border-color: rgb(var(--unread-colour)); } #app-mount [class*=pill] span[style*="height: 4"] { box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--unread-colour)/0.25); border-color: rgb(var(--unread-colour)); } #app-mount [class*=pill] span[style*="height: 5"] { box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--unread-colour)/0.25); border-color: rgb(var(--unread-colour)); } #app-mount [class*=pill] span[style*="height: 6"] { box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--unread-colour)/0.25); border-color: rgb(var(--unread-colour)); } #app-mount [class*=pill] span[style*="height: 7"] { box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--unread-colour)/0.25); border-color: rgb(var(--unread-colour)); } #app-mount [class*=pill] span[style*="height: 8"] { box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--unread-colour)/0.25); border-color: rgb(var(--unread-colour)); } #app-mount [class*=pill] span[style*="height: 9"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 10"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 11"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 12"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 13"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 14"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 15"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 16"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 17"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 18"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 19"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 20"] { border-color: #fff; box-shadow: none; } #app-mount [class*=pill] span[style*="height: 21"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 22"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 23"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 24"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 25"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 26"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 27"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 28"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 29"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 30"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 31"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 32"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 33"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 34"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 35"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 36"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 37"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 38"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 39"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount [class*=pill] span[style*="height: 40"] { transform: scale(1) !important; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount .wrapper-3Njo_c ul[role=group] { height: auto !important; } #app-mount .folder-1hbNCn { background: rgba(255, 255, 255, 0.05); } #app-mount .folderIconWrapper-1_bOZe { border-radius: 0; } #app-mount .expandedFolderBackground-1cujaW { left: 50%; transform: translateX(-50%); background: rgba(255, 255, 255, 0.05); width: var(--server-size); border-radius: clamp(0%, var(--server-roundness, 50%), 30px); } #app-mount .numberBadge-2s8kKX { box-shadow: 0 0 10px 3px hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%, 0.5); } #app-mount [class*=unreadMentionsIndicator] { width: var(--guilds-width); } #app-mount .bar-30k2ka { box-shadow: 0 0 calc(var(--glow-intensity) * 10px) hsl(var(--discord-red)); opacity: 1; visibility: visible; } #app-mount .bar-30k2ka[aria-hidden=true] { opacity: 0; visibility: hidden; } #app-mount .unreadMentionsIndicatorBottom-2mDYbI { bottom: calc(var(--user-area) + 10px); } #app-mount .sidebar-2K8pFh { border-radius: 0; background: var(--bg-primary); width: var(--channels-width); border-right: 1px solid var(--border); z-index: 1; } #app-mount .container-3w7J-x { background: transparent; } #app-mount .content-3YMskv > div[style="height: 16px;"] { display: none; } #app-mount .wrapper-2jXpOf { padding: 0; } #app-mount .wrapper-2jXpOf.modeUnread-1qO3K1 .unread-2lAfLh { box-shadow: 0 0 calc(var(--channel-glow-intensity) * 10px) calc(var(--channel-glow-intensity) * 2px) rgb(var(--unread-colour)/0.3); width: 2px; height: 15px; margin: 0; transform: translateY(-50%); border-radius: 0; } #app-mount .wrapper-2jXpOf.modeUnread-1qO3K1 .icon-1DeIlz, #app-mount .wrapper-2jXpOf.modeUnread-1qO3K1 .name-23GUGE { color: #fff; filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--unread-colour)/0.3)) drop-shadow(0 0 calc(var(--channel-glow-intensity) * 2px) rgb(var(--unread-colour)/0.2)); } #app-mount .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n { background: rgb(var(--accent), 0.1); } #app-mount .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n::before { content: ""; position: absolute; left: 0; height: 100%; width: 2px; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--channel-glow-intensity) * 15px) calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent), 0.2); } #app-mount .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n .icon-1DeIlz, #app-mount .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n .name-23GUGE { color: rgb(var(--accent)); filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent))); } #app-mount .content-1x5b-n { margin: 0; padding: 10px 18px; border-radius: 0; } #app-mount .mainContent-u_9PKf { padding: 0; } #app-mount .container-3JKcAb .spine--Wla_O { height: 22px; } #app-mount .container-3JKcAb .content-1x5b-n { padding-left: 42px; } #app-mount .sidebar-2K8pFh div[style="height: 84px;"], #app-mount .sidebar-2K8pFh .animatedContainer-1NSq4T { display: none; } #app-mount .selected-31Nl7x .header-2V-4Sw { background: transparent; } #app-mount .header-2V-4Sw { height: var(--toolbar-height); border-bottom: 1px solid var(--border); filter: none; box-shadow: none; padding: 0 18px; } #app-mount .header-2V-4Sw .name-1jkAdW { font-weight: 500; } #app-mount .header-2V-4Sw .button-1w5pas { margin-left: 0; -webkit-mask: url('data:image/svg+xml; utf-8,') center/cover; mask: url('data:image/svg+xml; utf-8,') center/cover; background: var(--interactive-normal); width: 24px; height: 24px; } #app-mount .header-2V-4Sw .button-1w5pas g { display: none; } #app-mount .header-2V-4Sw .button-1w5pas.open-1Te94t { transform: rotate(-65deg); } #app-mount .header-2V-4Sw:hover { background: transparent; } #app-mount .guildIconContainer-2FW_iA { display: none; } #app-mount .headerButton-3in1-b { background: transparent; } #app-mount .containerDefault-3tr_sE { padding-top: 18px; } #app-mount .wrapper-PY0fhH { padding: 0 18px 0 42px; height: 32px; } #app-mount .wrapper-PY0fhH .arrow-gKvcEx { left: 16px; width: 20px; height: 20px; top: 5px; } #app-mount .privateChannels-1nO12o, #app-mount .scroller-1JbKMe { background: transparent; } #app-mount .privateChannels-1nO12o div[style="height: 8px;"], #app-mount .scroller-1JbKMe div[style="height: 8px;"] { display: none; } #app-mount .searchBar-6Kv8R2 { height: var(--toolbar-height); box-shadow: none; border-bottom: 1px solid var(--border); padding: 0 12px; margin-top: -1px; } #app-mount .privateChannelsHeaderContainer-3NB1K1 { padding: 18px; height: auto; align-items: center; line-height: normal; } #app-mount .channel-2QD9_O { max-width: unset; margin: 0; padding: 0; } #app-mount .channel-2QD9_O .layout-2DM8Md { padding: 6px 18px; } #app-mount .channel-2QD9_O.selected-aXhQR6 { color: rgb(var(--accent)); } #app-mount .channel-2QD9_O.selected-aXhQR6 .layout-2DM8Md { background: rgb(var(--accent), 0.2); } #app-mount .channel-2QD9_O.selected-aXhQR6 .layout-2DM8Md::before { content: ""; position: absolute; left: 0; height: 100%; width: 2px; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); } #app-mount .channel-2QD9_O.selected-aXhQR6 .nameAndDecorators-5FJ2dg { filter: drop-shadow(0 0 calc(var(--glow-intensity) * 5px) currentColor); } #app-mount .channel-2QD9_O.selected-aXhQR6 .subText-1KtqkB { color: #fff; } #app-mount .panels-j1Uci_ { background: transparent; padding: 0; } #app-mount .wrapper-24pKcD:not(:empty) { border-top: 1px solid var(--border); } #app-mount .container-1giJp5 { border: none; padding: 0; } #app-mount .container-1giJp5 > div:first-child { padding: 0; border-bottom: 1px solid var(--border); } #app-mount .container-1giJp5 > div:first-child .inner-tyMogq { padding: 16px 18px; } #app-mount .container-1giJp5 > div:first-child > .flex-1xMQg5 { margin: 0; } #app-mount .container-1giJp5 > div:first-child .button-14-BFJ { height: 63px; border-radius: 0; width: 42px; } #app-mount .container-1giJp5 > div:first-child .button-14-BFJ:hover { background: var(--background-modifier-hover) !important; } #app-mount .actionButtons-14eAc_ { padding: 0; } #app-mount .actionButtons-14eAc_ > button { margin: 0; border-radius: 0; background: transparent !important; height: 42px; font-size: 0; transition: none; } #app-mount .actionButtons-14eAc_ > button svg { margin: 0; color: var(--interactive-normal); transition: var(--transition); transition-property: color; } #app-mount .actionButtons-14eAc_ > button:hover { background: var(--background-modifier-hover) !important; } #app-mount .actionButtons-14eAc_ > button:hover svg { color: var(--interactive-hover); } #app-mount .activityPanel-28dQGo { border-top: 1px solid var(--border); border-bottom: none; padding: 16px; } #app-mount .voiceUsers-YsH5Db { padding: 10px 16px; border-bottom: 1px solid var(--border); } #app-mount .list-2luk8a { padding: 0; } #app-mount .list-2luk8a .draggable-2E_4tJ { height: auto; } #app-mount .voiceUser-1K6Xox { height: auto; } #app-mount .voiceUser-1K6Xox .content-1Wq3SX { padding: 4px 18px 4px 32px; border-radius: 0; margin: 0; } #app-mount .voiceUser-1K6Xox .icons-1dXQdz { margin-right: 0; } #app-mount .voiceUser-1K6Xox .avatar-3tNQiO { z-index: 1; } #app-mount .voiceUser-1K6Xox .avatar-3tNQiO.avatarSpeaking-2IGMRN { box-shadow: inset 0 0 0 2px var(--talking-bar), inset 0 0 0 3px var(--background-secondary), 0 0 calc(var(--channel-glow-intensity) * 10px) var(--talking-glow); } #app-mount .voiceUser-1K6Xox .liveSmall-1dy2uA { box-shadow: 0 0 calc(var(--channel-glow-intensity) * 10px) hsl(var(--discord-red)); z-index: 1; } #app-mount .voiceUser-1K6Xox.selected-3t3Csj .content-1Wq3SX { background: transparent; } #app-mount .voiceUser-1K6Xox.selected-3t3Csj .username-3KYl0N { text-shadow: 0 0 calc(var(--channel-glow-intensity) * 5px) currentColor; } #app-mount .voiceUser-1K6Xox.selected-3t3Csj .username-3KYl0N::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: currentColor; opacity: 0.2; z-index: 0; pointer-events: none; } #app-mount .voiceUser-1K6Xox.selected-3t3Csj .username-3KYl0N::after { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: currentColor; box-shadow: 0 0 calc(var(--channel-glow-intensity) * 15px) currentColor; pointer-events: none; } #app-mount .unread-1xRYoj { background: hsl(var(--discord-red)); } #app-mount .chat-3bRxxu { background: transparent; } #app-mount .chat-3bRxxu .chatContent-a9vAAp { background: var(--bg-secondary); border-right: 1px solid var(--border); } #app-mount .chat-3bRxxu .scroller-2LSbBU { -webkit-mask: linear-gradient(black 98%, transparent 100%) !important; mask: linear-gradient(black 98%, transparent 100%) !important; } #app-mount .chat-3bRxxu.threadSidebarOpen-vdkwIh { border-radius: 0; } #app-mount .content-yTz4x3 { z-index: 1; } #app-mount .messagesWrapper-1sRNjr { margin-bottom: 8px; } #app-mount .wrapper-3vR61M, #app-mount .wrapper-1F5TKx { background: transparent; } #app-mount .message-2qnXI6 .channelTextArea-3bF57p { background: var(--input-background); border: 2px solid transparent; transition: var(--transition); transition-property: border-color, box-shadow; } #app-mount .message-2qnXI6 .channelTextArea-3bF57p .slateTextArea-1Mkdgw { padding-left: 16px; } #app-mount .message-2qnXI6 .channelTextArea-3bF57p:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .message-2qnXI6 .channelTextArea-3bF57p:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 20px) calc(var(--input-glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount .message-2qnXI6 .operations-36ENbA .anchor-3Z-8Bb { color: rgb(var(--accent)); text-shadow: 0 0 calc(var(--input-glow-intensity) * 5px) rgb(var(--accent)); } #app-mount .message-2qnXI6.replying-1x3H0T { background: rgb(var(--accent), 0.03); } #app-mount .message-2qnXI6.replying-1x3H0T::before { background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--chat-glow-intensity) * 15px) calc(var(--chat-glow-intensity) * 5px) rgb(var(--accent), 0.2); } #app-mount .wrapper-2aW0bm { background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); box-shadow: none; border-radius: 6px; z-index: 1; } #app-mount .cozy-3raOZG { padding-left: calc(var(--chat-avatar-size) + 26px); } #app-mount .cozy-3raOZG .avatar-1BDn8e { margin-top: 0; left: 16px; width: var(--chat-avatar-size); height: var(--chat-avatar-size); border-radius: var(--avatar-roundness, 50%); } #app-mount .cozy-3raOZG .header-23xsNx { overflow: visible; margin-left: 0; margin-bottom: 10px; padding-left: 0; } #app-mount .cozy-3raOZG .messageContent-2qWWxC:not(:empty):not(.repliedTextContent-1R3vnK) { display: var(--chat-bubble-display); margin: 0; background: var(--chat-bubble-bg); padding: var(--chat-bubble-padding); border-radius: 6px; overflow: visible; } #app-mount .cozy-3raOZG .messageContent-2qWWxC:not(:empty):not(.repliedTextContent-1R3vnK) code { background: rgba(255, 255, 255, 0.03); border: none; } #app-mount .cozy-3raOZG .username-1A8OIy { text-shadow: 0 0 calc(var(--chat-glow-intensity) * 10px) currentColor; line-height: normal; } #app-mount .cozy-3raOZG .messageContent-2qWWxC pre { max-width: 100%; } #app-mount .cozy-3raOZG .container-1ov-mD { margin-top: 10px; } #app-mount .cozy-3raOZG.groupStart-23k01U .messageContent-2qWWxC:not(:empty):not(.repliedTextContent-1R3vnK) { margin-top: -5px; } #app-mount .cozy-3raOZG.mentioned-xhSam7 { background: transparent; } #app-mount .cozy-3raOZG.mentioned-xhSam7::before { content: none; } #app-mount .cozy-3raOZG.mentioned-xhSam7 .messageContent-2qWWxC:not(:empty):not(.repliedTextContent-1R3vnK) { background: var(--background-mentioned); box-shadow: inset 2px 0 0 var(--info-warning-foreground); border-radius: 0 6px 6px 0; } #app-mount .cozy-3raOZG[data-is-author-self=true] .messageContent-2qWWxC:not(:empty):not(.repliedTextContent-1R3vnK) { background: var(--chat-bubble-bg-self); } #app-mount .cozy-3raOZG.selected-2P5D_Z:not(.replying-1x3H0T), #app-mount .cozy-3raOZG:not(.replying-1x3H0T):hover { background: transparent !important; } #app-mount .cozy-3raOZG.hasThread-2k82W0::after { left: calc(var(--chat-avatar-size) - 3px); width: calc(var(--chat-avatar-size) - 13px); border-color: rgba(255, 255, 255, 0.15); bottom: 40px; } #app-mount .container-3hZ-gs { margin-top: 0; background: rgba(255, 255, 255, 0.05); margin-bottom: 12px; } #app-mount .wrapper-3WhCwL { background: rgb(var(--accent), 0.1); color: rgb(var(--accent)); text-shadow: 0 0 calc(var(--glow-intensity) * 5px) currentColor; } #app-mount .wrapper-3WhCwL:hover { background: rgb(var(--accent)); color: #fff; } #app-mount .repliedMessage-VokQwo::before { left: calc(var(--chat-avatar-size) / 2 * -1 + var(--gutter) * -1 + 5px); } #app-mount .embedFull-2tM8--, #app-mount .wrapper-35wsBm { background: rgba(255, 255, 255, 0.03); } #app-mount .wrapperAudio-1jDe0Q { border: none; background: rgba(255, 255, 255, 0.03); } #app-mount .textContainer-C0szpm { background: rgba(255, 255, 255, 0.03); border: none; } #app-mount .footer-2yA7Ep { background: rgba(255, 255, 255, 0.05); border: none; } #app-mount .form-2fGMdU::before { content: none; } #app-mount .form-2fGMdU .button-38aScr { height: 100%; } #app-mount .form-2fGMdU .button-38aScr #icon svg { -webkit-mask: url('data:image/svg+xml; utf-8,') center/cover; mask: url('data:image/svg+xml; utf-8,') center/cover; background: var(--interactive-muted); transition: var(--transition); transition-property: background; } #app-mount .form-2fGMdU .button-38aScr #icon svg path { display: none; } #app-mount .form-2fGMdU .button-38aScr:hover #icon svg { background: var(--interactive-normal); } #app-mount .form-2fGMdU .button-38aScr:not(.attachButton-2WznTc) svg { transition: var(--transition); transition-property: filter; } #app-mount .form-2fGMdU .button-38aScr:not(.attachButton-2WznTc).active-23Nm0T { filter: drop-shadow(0 0 calc(var(--chat-glow-intensity) * 5px) rgb(var(--accent))); } #app-mount .form-2fGMdU .button-38aScr:not(.attachButton-2WznTc).active-23Nm0T svg { background: rgb(var(--accent)) !important; } #app-mount .form-2fGMdU .emojiButton-pET4wH { padding: 0 4px; max-height: 54px; } #app-mount .form-2fGMdU .emojiButton-pET4wH .sprite-2iCowe { width: 24px; height: 24px; -webkit-mask: url('data:image/svg+xml; utf-8,') center/cover; mask: url('data:image/svg+xml; utf-8,') center/cover; background: var(--interactive-muted); filter: none !important; transform: none !important; transition: var(--transition); transition-property: background; } #app-mount .form-2fGMdU .emojiButton-pET4wH:hover .sprite-2iCowe { background: var(--interactive-normal); } #app-mount .form-2fGMdU .stickerButton-3OEgwj { padding: 0; } #app-mount .form-2fGMdU .stickerButton-3OEgwj svg { width: 24px !important; height: 24px !important; -webkit-mask: url('data:image/svg+xml; utf-8,') center/cover; mask: url('data:image/svg+xml; utf-8,') center/cover; background: var(--interactive-muted); transition: var(--transition); transition-property: background; } #app-mount .form-2fGMdU .stickerButton-3OEgwj svg path { display: none; } #app-mount .form-2fGMdU .stickerButton-3OEgwj:hover svg { background: var(--interactive-normal); } #app-mount .channelTextArea-rNsIhG { background: var(--input-background); border: 2px solid transparent; border-radius: 6px; transition: var(--transition); transition-property: border-color, box-shadow; } #app-mount .channelTextArea-rNsIhG:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .channelTextArea-rNsIhG:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 20px) calc(var(--input-glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount .slateTextArea-1Mkdgw, #app-mount .placeholder-37qJjk { padding: 16px 0; } #app-mount .scrollableContainer-2NUZem { background: transparent; } #app-mount .attachButton-2WznTc svg { -webkit-mask: url('data:image/svg+xml; utf-8,') center/cover; mask: url('data:image/svg+xml; utf-8,') center/cover; background: var(--interactive-muted); transition: var(--transition); transition-property: background, filter; } #app-mount .attachButton-2WznTc svg path { display: none; } #app-mount .attachButton-2WznTc:hover svg { background: var(--interactive-normal); } #app-mount .attachButton-2WznTc[aria-expanded=true] { filter: drop-shadow(0 0 calc(var(--input-glow-intensity) * 5px) rgb(var(--accent))); } #app-mount .attachButton-2WznTc[aria-expanded=true] svg { background: rgb(var(--accent)) !important; } #app-mount .buttons-3JBrkn > button[aria-label] svg { -webkit-mask: url('data:image/svg+xml; utf-8,') center/cover; mask: url('data:image/svg+xml; utf-8,') center/cover; background: var(--interactive-muted); transition: var(--transition); transition-property: background; } #app-mount .buttons-3JBrkn > button[aria-label] svg path { display: none; } #app-mount .buttons-3JBrkn > button[aria-label]:hover svg { background: var(--interactive-normal); } #app-mount .attachedBars-tZDmyV { background: transparent; border-radius: 6px 6px 0 0; } #app-mount .replyBar-1YLQ2F, #app-mount .threadSuggestionBar-2ufK2Z { background: rgba(255, 255, 255, 0.02); border-bottom: 2px solid var(--border); } #app-mount .wrapper-39oAo3 { background: var(--input-background); border-radius: 6px; padding: 24px 0; } #app-mount .wrapper-39oAo3 .buttonContainer-3AU1Ij { margin-right: 24px; } .font-size-12 .slateContainer-3Qkn2x, .font-size-12 .buttons-3JBrkn { min-height: 48px !important; } .font-size-14 .slateContainer-3Qkn2x, .font-size-14 .buttons-3JBrkn { min-height: 51px !important; } .font-size-15 .slateContainer-3Qkn2x, .font-size-15 .buttons-3JBrkn { min-height: 52px !important; } .font-size-16 .slateContainer-3Qkn2x, .font-size-16 .buttons-3JBrkn { min-height: 54px !important; } .font-size-18 .slateContainer-3Qkn2x, .font-size-18 .buttons-3JBrkn { min-height: 56px !important; } .font-size-20 .slateContainer-3Qkn2x, .font-size-20 .buttons-3JBrkn { min-height: 59px !important; } .font-size-24 .slateContainer-3Qkn2x, .font-size-24 .buttons-3JBrkn { min-height: 65px !important; } #app-mount .newMessagesBar-265mhP { top: 0; right: 0; left: 0; background: var(--bg-secondary); border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none; opacity: 1; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } #app-mount .barButtonBase-2uLO1z { height: auto; padding: 10px 16px; } #app-mount .unreadBar-3t3sYc { opacity: 1; visibility: visible; } #app-mount .unreadBar-3t3sYc[aria-hidden=true] { opacity: 0; visibility: hidden; } #app-mount .jumpToPresentBar-G1R9s6 { background: var(--bg-primary); border: 1px solid var(--border); padding: 0; opacity: 1; border-radius: 6px; right: 12px; bottom: 16px; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } #app-mount .chatHeaderBar-4vZS1x { background: var(--bg-primary); border-bottom: 1px solid var(--border); } #app-mount .searchResultsWrap-3-pOjs { background: var(--bg-primary); } #app-mount .searchResultsWrap-3-pOjs .scroller-3GIiMh { margin-top: -56px; padding-top: 64px; } #app-mount .searchHeader-2XoQg7 { background: var(--bg-primary); border-bottom: 1px solid var(--border); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } #app-mount .channelName-1JRO3C { background: transparent; } #app-mount .searchResult-9tQ1uo { background: transparent; margin-left: -16px; } #app-mount .pageButton-2ruNwd.activeButton-rvKcqq { background: rgb(var(--accent), 0.1); color: rgb(var(--accent)); text-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--accent)); } #app-mount .divider-3_HH5L { border: none; margin: 0; height: auto; justify-content: flex-start; padding: 0 16px 0 calc(var(--chat-avatar-size) + 26px); margin: 32px 0; position: static; flex-direction: row-reverse; align-items: center; } #app-mount .divider-3_HH5L::before { content: ""; height: 1px; display: block; width: 100%; } #app-mount .divider-3_HH5L .content-1o0f9g { border-radius: 6px; margin: 0; padding: 8px 12px; } #app-mount .divider-3_HH5L:not(.isUnread-3Ef-o9)::before, #app-mount .divider-3_HH5L:not(.isUnread-3Ef-o9) .content-1o0f9g { background: var(--border); } #app-mount .divider-3_HH5L.isUnread-3Ef-o9 { margin: 8px 0; } #app-mount .divider-3_HH5L.isUnread-3Ef-o9::before { order: 1; background: hsl(var(--discord-red)); } #app-mount .divider-3_HH5L.isUnread-3Ef-o9 .content-1o0f9g { order: 2; margin-right: 12px; background: hsl(var(--discord-red)/0.2); text-shadow: 0 0 calc(var(--chat-glow-intensity) * 5px) hsl(var(--discord-red)/0.5); } #app-mount .unreadPill-2HyYtt { position: relative; top: 0; left: 0; order: 0; } #app-mount .threadSidebar-1o3BTy { border-radius: 0; margin: 0; background: var(--bg-primary); } #app-mount .chat-15Vmww::before { content: none; } #app-mount .reaction-1hd86g { background: rgba(255, 255, 255, 0.05); border-radius: 6px; border: none; } #app-mount .reaction-1hd86g.reactionMe-wv5HKu { background: rgb(var(--accent), 0.15); } #app-mount .reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV { color: rgb(var(--accent)); } #app-mount .membersWrap-2h-GB4 { min-width: var(--members-width); max-width: var(--members-width); } #app-mount .members-1998pB { background: var(--bg-primary); width: 100%; } #app-mount .members-1998pB > div { background: transparent; } #app-mount .membersGroup-v9BXpm { text-shadow: 0 0 calc(var(--members-glow-intensity) * 10px) currentColor; overflow: visible; padding: 16px; box-sizing: border-box; } #app-mount .member-3-YXUe { max-width: 100%; margin: 0; padding: 0; } #app-mount .member-3-YXUe.selected-aXhQR6 .layout-2DM8Md { background: transparent; } #app-mount .member-3-YXUe.selected-aXhQR6 .roleColor-rz2vM0 { text-shadow: 0 0 calc(var(--members-glow-intensity) * 10px) currentColor; overflow: visible; } #app-mount .member-3-YXUe.selected-aXhQR6 .roleColor-rz2vM0::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: currentColor; opacity: 0.2; z-index: 0; pointer-events: none; } #app-mount .member-3-YXUe.selected-aXhQR6 .roleColor-rz2vM0::after { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: currentColor; box-shadow: 0 0 calc(var(--members-glow-intensity) * 15px) currentColor; pointer-events: none; } #app-mount .member-3-YXUe.selected-aXhQR6 .activityText-yGKsKm { color: #fff; z-index: 1; } #app-mount .layout-2DM8Md { padding: 6px 16px; border-radius: 0; } #app-mount .layout-2DM8Md .name-uJV0GL, #app-mount .layout-2DM8Md .content-3QAtGj { overflow: visible; } #app-mount .layout-2DM8Md .avatar-3uk_u9 { z-index: 1; } #app-mount .menu-3sdvDG { background: var(--bg-primary); border: 1px solid var(--border); box-shadow: none; border-radius: 6px; } #app-mount .menu-3sdvDG::before { content: ""; border-radius: 6px; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); z-index: -1; } #app-mount .menu-3sdvDG .scroller-3BxosC { padding: 0; } #app-mount .menu-3sdvDG [role=group]:first-child > .item-1tOPte:first-child { border-radius: 6px 6px 0 0; } #app-mount .menu-3sdvDG [role=group]:nth-last-child(2) > .item-1tOPte:last-child { border-radius: 0 0 6px 6px; } #app-mount .menu-3sdvDG .separator-2I32lJ { margin: 0; border-color: var(--border); } #app-mount .menu-3sdvDG .item-1tOPte { margin: 0; border-radius: 0; padding: 10px 14px; } #app-mount .menu-3sdvDG .item-1tOPte.focused-3afm-j { background: var(--background-modifier-hover); } #app-mount .menu-3sdvDG .item-1tOPte.colorDanger-2qLCe1.focused-3afm-j { background: hsl(var(--discord-red)); } #app-mount .menu-3sdvDG .submenuPaddingContainer-fiOCHc { margin: 0 -4px; } #app-mount .menu-3sdvDG .hideInteraction-1iHO1O .labelContainer-1BLJti { padding: 0 0 8px; } #app-mount .search-2oPWTC { order: -1; } #app-mount .search-2oPWTC:not(.focused-31_ccS) * { cursor: pointer; } #app-mount .search-2oPWTC.open-6_Y_aH .searchBar-3dMhjb { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 20px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount .search-2oPWTC.focused-31_ccS { position: fixed; left: 50%; top: 20%; transform: translateX(-50%); z-index: 1000; display: flex; align-items: center; justify-content: center; border-radius: 12px; } #app-mount .search-2oPWTC.focused-31_ccS .searchBar-3dMhjb { background: var(--input-background); height: 64px; width: 500px; padding: 0 0 0 12px; box-sizing: border-box; border-radius: 12px; border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 20px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); -webkit-animation: fadeIn 0.2s ease forwards; animation: fadeIn 0.2s ease forwards; } #app-mount .search-2oPWTC.focused-31_ccS .public-DraftEditor-content { cursor: text; font-size: 24px; } #app-mount .search-2oPWTC.focused-31_ccS .public-DraftEditorPlaceholder-root { font-size: 24px; } #app-mount .search-2oPWTC.focused-31_ccS .icon-38sknP { width: 56px; } #app-mount .search-2oPWTC.focused-31_ccS .iconContainer-O4O2CN, #app-mount .search-2oPWTC.focused-31_ccS .icon-3cZ1F_ { width: 24px; height: 24px; } #app-mount .search-2oPWTC.focused-31_ccS::before { content: ""; position: fixed; top: -100vmax; right: -100vmax; bottom: -100vmax; left: -100vmax; background: var(--backdrop-background); z-index: -1; -webkit-backdrop-filter: blur(var(--backdrop-blur)); backdrop-filter: blur(var(--backdrop-blur)); -webkit-animation: fadeIn 0.2s ease forwards; animation: fadeIn 0.2s ease forwards; } #app-mount .search-36MZv- { margin: 0 24px 0 0; } #app-mount .search-36MZv- .icon-38sknP { height: 100%; } #app-mount .searchBar-3dMhjb { background: rgba(255, 255, 255, 0.05); border: 2px solid transparent; padding: 0; height: 32px; width: 250px; transition: var(--transition); transition-property: border-color; } #app-mount .searchBar-3dMhjb:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .DraftEditor-root { padding: 0; } #app-mount .DraftEditor-editorContainer { height: 100%; } #app-mount .public-DraftEditor-content { display: flex; align-items: center; padding-left: 8px; cursor: pointer; } #app-mount .public-DraftEditorPlaceholder-root { height: 100%; display: flex; align-items: center; padding-left: 8px; } #app-mount .container-3ayLPN { position: fixed; left: 50%; top: calc(20% + 76px); transform: translateX(-50%); width: 500px !important; box-sizing: border-box; border-radius: 12px; background: var(--bg-primary); border: 1px solid var(--border); box-shadow: var(--shadow-lg); } #app-mount .resultsGroup-r_nuzN { margin: 0; padding: 0; } #app-mount .resultsGroup-r_nuzN::before { content: none; } #app-mount .header-2N-gMV { padding: 14px 12px; } #app-mount .option-96V44q { margin: 0; border-radius: 0; padding: 4px 12px; } #app-mount .option-96V44q::after { background: linear-gradient(90deg, transparent, var(--bg-primary)); } #app-mount .option-96V44q.selected-rZcOL- { background: rgba(255, 255, 255, 0.05); } .full-motion .search-2oPWTC.focused-31_ccS::before, .full-motion .container-3ayLPN { -webkit-animation: fadeIn 0.2s ease forwards; animation: fadeIn 0.2s ease forwards; } #app-mount .userPopout-xaxa6l { box-shadow: none; border: 1px solid var(--border); background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); border-radius: 6px; } #app-mount .userPopout-xaxa6l .input-cIJ7To { border: 2px solid transparent; background: rgba(255, 255, 255, 0.05); transition: var(--transition); transition-property: border-color, box-shadow; color: var(--text-normal); border-radius: 6px; } #app-mount .userPopout-xaxa6l .input-cIJ7To:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .userPopout-xaxa6l .input-cIJ7To:focus { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 10px) calc(var(--glow-intensity) * 2px) rgb(var(--accent), 0.2); } #app-mount .bodyInnerWrapper-26fQXj { background: transparent; } #app-mount .role-2irmRk { border: 1px solid var(--border) !important; height: auto; padding: 8px 10px; border-radius: 6px; background: var(--bg-primary); position: relative; overflow: hidden; } #app-mount .role-2irmRk:hover .roleCircle-3xAZ1j { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 0; z-index: 2; } #app-mount .role-2irmRk:hover .roleName-32vpEy { opacity: 0; } #app-mount .roleCircle-3xAZ1j { margin: 0; width: 0; height: 0; } #app-mount .roleCircle-3xAZ1j::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: inherit; opacity: 0.2; pointer-events: none; } #app-mount .roleName-32vpEy { z-index: 1; margin: 0; } #app-mount .note-1oo11U { margin: 0; } #app-mount .footer-3UKYOU { background: transparent; } #app-mount .popout-APcvZm { background: var(--bg-primary); border-radius: 6px; -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); border: 1px solid var(--border); -webkit-animation: fadeIn 0.2s ease forwards; animation: fadeIn 0.2s ease forwards; } #app-mount .autocomplete-1vrmpx { background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); border: 1px solid var(--border); box-shadow: none; } #app-mount .autocomplete-1vrmpx .scroller-lynW5A { padding-bottom: 0; } #app-mount .autocomplete-1vrmpx .list-A0BHjR .listItems-1uJgMC { margin: -16px -12px -8px; } #app-mount .autocomplete-1vrmpx .list-A0BHjR .wrapper-2siovq { width: 100% !important; box-sizing: border-box; border-radius: 0; height: auto !important; padding: 8px !important; display: flex; justify-content: center; position: relative; transition: none; } #app-mount .autocomplete-1vrmpx .list-A0BHjR .wrapper-2siovq:hover { background: var(--background-modifier-hover); } #app-mount .autocomplete-1vrmpx .list-A0BHjR .wrapper-2siovq.selected-3xBBKs { background: rgb(var(--accent), 0.1); } #app-mount .autocomplete-1vrmpx .list-A0BHjR .wrapper-2siovq.selected-3xBBKs::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--accent)); } #app-mount .autocomplete-1vrmpx .list-A0BHjR .section-Kprrfe { margin-bottom: 0; } #app-mount .autocomplete-1vrmpx .list-17lzo8 .listItems-1uJgMC { margin: -8px; } #app-mount .autocomplete-1vrmpx .wrapper-uf3cnO { border-right: 1px solid var(--border); background: transparent; } #app-mount .autocomplete-1vrmpx .wrapper-2Gsate { background: transparent; } #app-mount .categoryHeader-O1zU94 { background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); } #app-mount .categorySection-231RiR { margin: 0; } #app-mount .autocompleteRow-2OthDa { padding: 0; } #app-mount .autocompleteRow-2OthDa .base-1pYU8j { border-radius: 0; padding: 8px 16px; } #app-mount .autocompleteRow-2OthDa .base-1pYU8j.selected-1Tbx07 { background: var(--background-modifier-hover); } .full-motion .userPopout-xaxa6l { -webkit-animation: fadeIn 0.2s ease forwards; animation: fadeIn 0.2s ease forwards; } #app-mount .contentWrapper-SvZHNd { background: var(--bg-primary); border-radius: 6px; border: 1px solid var(--border); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); box-shadow: none; padding: 0; display: flex; flex-direction: column; } #app-mount .contentWrapper-SvZHNd .header-8ilj5e, #app-mount .contentWrapper-SvZHNd .header-2k4I2o, #app-mount .contentWrapper-SvZHNd .header-1TOWci { padding: 16px; margin-left: 128px; border-left: 1px solid var(--border); box-shadow: none; } #app-mount .contentWrapper-SvZHNd [class^=searchBar], #app-mount .contentWrapper-SvZHNd .container-2XeR5Z { background: var(--input-background); border: 2px solid transparent; border-radius: 6px; transition: var(--transition); transition-property: border-color, box-shadow; } #app-mount .contentWrapper-SvZHNd [class^=searchBar] [class^=inner-], #app-mount .contentWrapper-SvZHNd .container-2XeR5Z [class^=inner-] { padding: 0; } #app-mount .contentWrapper-SvZHNd [class^=searchBar] [class^=input-], #app-mount .contentWrapper-SvZHNd .container-2XeR5Z [class^=input-] { font-size: 14px; height: 26px; } #app-mount .contentWrapper-SvZHNd [class^=searchBar] [class^=iconLayout-], #app-mount .contentWrapper-SvZHNd .container-2XeR5Z [class^=iconLayout-] { height: 26px; } #app-mount .contentWrapper-SvZHNd [class^=searchBar]:hover, #app-mount .contentWrapper-SvZHNd .container-2XeR5Z:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .contentWrapper-SvZHNd [class^=searchBar]:focus-within, #app-mount .contentWrapper-SvZHNd .container-2XeR5Z:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 15px) calc(var(--input-glow-intensity) * 2px) rgb(var(--accent), 0.25); } #app-mount .nav-7UD0KD { position: absolute; padding: 0; height: 64px; z-index: 1; } #app-mount .emojiPickerInExpressionPicker-3IzIcv { height: 100%; } #app-mount .navList-2UtuhC { height: 100%; width: 128px; } #app-mount .navItem-3Wp_oJ { height: 100%; width: 33.33%; margin: 0; } #app-mount .navItem-3Wp_oJ button { height: 100%; width: 100%; border-radius: 0; position: relative; padding: 0; transition: none; } #app-mount .navItem-3Wp_oJ button:hover { background: var(--background-modifier-hover); } #app-mount .navItem-3Wp_oJ button:hover .contents-18-Yxp::before { background: var(--interactive-hover); } #app-mount .navItem-3Wp_oJ button.navButtonActive-1MkytQ { background: rgb(var(--accent), 0.1); } #app-mount .navItem-3Wp_oJ button.navButtonActive-1MkytQ .contents-18-Yxp { filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent))); } #app-mount .navItem-3Wp_oJ button.navButtonActive-1MkytQ .contents-18-Yxp::before { background: rgb(var(--accent)); } #app-mount .navItem-3Wp_oJ button.navButtonActive-1MkytQ::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); } #app-mount .navItem-3Wp_oJ .contents-18-Yxp { font-size: 0; display: flex; align-tracks: center; } #app-mount .navItem-3Wp_oJ .contents-18-Yxp::before { content: ""; display: flex; width: 24px; height: 24px; background: var(--interactive-normal); } #app-mount .navItem-3Wp_oJ[aria-controls=gif-picker-tab-panel] .contents-18-Yxp::before { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } #app-mount .navItem-3Wp_oJ[aria-controls=sticker-picker-tab-panel] .contents-18-Yxp::before { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } #app-mount .navItem-3Wp_oJ[aria-controls=emoji-picker-tab-panel] .contents-18-Yxp::before { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } #app-mount .wrapper-2Gsate { top: 64px; border-top: 1px solid var(--border); border-right: 1px solid var(--border); background: transparent; } #app-mount .wrapper-2Gsate .listItems-1uJgMC { margin: -8px; } #app-mount .wrapper-2Gsate .scroller-3gAZLs::-webkit-scrollbar { display: none; } #app-mount .categoryItemDefaultCategory-aBZ6nJ { width: 100%; height: 48px; padding: 0; margin: 0; border-radius: 0; position: relative; display: flex; align-items: center; justify-content: center; } #app-mount .categoryItemDefaultCategory-aBZ6nJ.categoryItemDefaultCategorySelected-_HCKoz { background: rgb(var(--accent), 0.1); } #app-mount .categoryItemDefaultCategory-aBZ6nJ.categoryItemDefaultCategorySelected-_HCKoz .categoryIcon-1SvUHG { color: rgb(var(--accent)); filter: drop-shadow(0 0 calc(var(--channel-glow-intensity) * 5px) rgb(var(--accent), 0.4)); } #app-mount .categoryItemDefaultCategory-aBZ6nJ.categoryItemDefaultCategorySelected-_HCKoz::before { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); } #app-mount .categoryItemGuildCategory-3MisqI, #app-mount .stickerCategory-3Yz7vN { width: 100%; height: 48px; margin: 0; border-radius: 0; display: flex; align-items: center; justify-content: center; } #app-mount .categoryItemGuildCategory-3MisqI foreignObject, #app-mount .stickerCategory-3Yz7vN foreignObject { -webkit-mask: none; mask: none; } #app-mount .categoryItemGuildCategory-3MisqI img, #app-mount .categoryItemGuildCategory-3MisqI .guildIcon-3h-1IH, #app-mount .stickerCategory-3Yz7vN img, #app-mount .stickerCategory-3Yz7vN .guildIcon-3h-1IH { border-radius: 6px; background: rgba(255, 255, 255, 0.05); } #app-mount .categoryItemGuildCategory-3MisqI:hover, #app-mount .stickerCategory-3Yz7vN:hover { background: var(--background-modifier-hover); } #app-mount .categoryItemGuildCategory-3MisqI:hover .guildIcon-3h-1IH, #app-mount .stickerCategory-3Yz7vN:hover .guildIcon-3h-1IH { background: rgba(255, 255, 255, 0.1); } #app-mount .unicodeShortcut-15J8Ck { background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); border-top: 1px solid var(--border); } #app-mount .content-ySCtCx { border-top: 1px solid var(--border); } #app-mount .bodyWrapper-3G0FZZ, #app-mount .wrapper-OxgYJ1 { border-top: 1px solid var(--border); } #app-mount .bodyWrapper-3G0FZZ .scroller-3gAZLs, #app-mount .wrapper-OxgYJ1 .scroller-3gAZLs { left: -7px; width: calc(100% + 8px); } #app-mount .wrapper-1-Fsb8 { background: var(--bg-primary); border-bottom: 1px solid var(--border); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); } #app-mount .inspector-S2gM3e { border-top: 1px solid var(--border); background: transparent; } #app-mount .emojiListRow-m_GHp0 { padding: 0 8px; } #app-mount .emojiListRowMediumSize-M_K7-z { grid-template-columns: repeat(auto-fill, 45px); } #app-mount .wrapper-2iFQJ9 { flex: 1 1 auto; } #app-mount .messagesPopoutWrap-1MQ1bW { width: 550px; } #app-mount .header-ykumBX { background: transparent; border-bottom: 1px solid var(--border); box-shadow: none; } #app-mount .messagesPopout-24nkyi:not(.scroller-2UmRce) { padding: 12px !important; } #app-mount .messageGroupWrapper-o-Zw7G { border-radius: 0; border: none; background: transparent; margin-bottom: 32px; } #app-mount .messageGroupCozy-2iY6cT { padding-top: 0; padding-right: 0; padding-bottom: 0; margin-left: -16px; } #app-mount .messagesPopoutWrap-1MQ1bW, #app-mount .recentMentionsPopout-3rCiI6 { background: var(--bg-primary); box-shadow: none; border: 1px solid var(--border); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); } #app-mount .recentMentionsPopout-3rCiI6 .scroller-tlc3kG { padding: 0 !important; } #app-mount .recentMentionsPopout-3rCiI6 .scroller-tlc3kG > div { border-bottom: 1px solid var(--border); padding: 16px; } #app-mount .header-2-Imhb { background: transparent; border-bottom: 1px solid var(--border); padding: 0; } #app-mount .header-2-Imhb .button-1-5Aqk { height: 55px; margin: 0; border-radius: 0; background: transparent; transition: none; } #app-mount .header-2-Imhb .button-1-5Aqk:hover { background: var(--background-modifier-hover); } #app-mount .tab-ck0077 { height: 55px; padding: 0 12px; margin: 0; border-radius: 0; position: relative; overflow: visible; } #app-mount .tab-ck0077[aria-selected=true] { color: rgb(var(--accent)); background: rgb(var(--accent), 0.1); text-shadow: 0 0 calc(var(--channel-glow-intensity) * 10px) rgb(var(--accent), 0.7); } #app-mount .tab-ck0077[aria-selected=true]::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); } #app-mount .container-3iAQ-0 { border-bottom: 1px solid var(--border); margin-bottom: 0; padding: 16px !important; } #app-mount .channelHeader-3Gd2xq { background: transparent; position: static; padding: 0 0 16px 14px; } #app-mount .messages-3G3erD { background: transparent; padding: 0; } #app-mount .messageContainer-gbhlwo { padding: 0; border-radius: 0; background: transparent; } #app-mount .popoutContent-33P_eV { background: var(--bg-primary); border-radius: 6px; -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); border: 1px solid var(--border); box-shadow: none; } #app-mount .guildSection-1EoFKd { background: transparent; border-top: 1px solid var(--border); } #app-mount .tabBody-3YRQ8W::before { content: none; } #app-mount .container-1D34oG { background: transparent; } #app-mount .peopleColumn-29fq28 { background: var(--bg-secondary); border-right: 1px solid var(--border); } #app-mount .peopleList-3c4jOR { margin: 0; } #app-mount .title-30qZAO { margin: 0; padding: 16px; } #app-mount .peopleListItem-2nzedh { margin: 0; padding: 0 0 0 16px; border-color: var(--border); border-radius: 0; } #app-mount .peopleListItem-2nzedh:last-child { border-bottom: 1px solid var(--border); } #app-mount .peopleListItem-2nzedh:hover { background: var(--background-modifier-hover); } #app-mount .actions-1SQwjn { height: 100%; } #app-mount .actionButton-uPB8Fs { height: 100%; width: 42px; border-radius: 0; margin: 0; background: transparent; } #app-mount .actionButton-uPB8Fs:hover { background: var(--background-modifier-hover); } #app-mount .addFriendInputWrapper-3PjsbB { background: var(--input-background); border: 2px solid transparent; } #app-mount .addFriendInputWrapper-3PjsbB:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .addFriendInputWrapper-3PjsbB:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 20px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount .nowPlayingColumn-2sl4cE { background: var(--bg-primary); } #app-mount .container-lRFx4q { background: transparent; } #app-mount .scroller-2ZPeAD { padding: 0 !important; border: none; margin: 0; } #app-mount .header-2SF4Nh { margin: 0; padding: 16px; border-bottom: 1px solid var(--border); font-size: 16px; line-height: 1; font-weight: normal; color: var(--text-normal); } #app-mount .itemCard-v9viV7 { border-radius: 0; border: none; border-bottom: 1px solid var(--border); margin: 0; background: transparent; } #app-mount .itemCard-v9viV7:hover { background: var(--background-modifier-hover); } #app-mount .body-1ld4H7 { border-radius: 6px; border: 1px solid var(--border); background: var(--bg-primary); } #app-mount .section-2gLsgF { background: transparent; } #app-mount .separator-XqIyoz { background: var(--border); } #app-mount .discoverHeader-Ijkm_M { margin: 24px; } #app-mount .categoryItem-1QIroW { margin: 0; padding: 0; position: relative; } #app-mount .categoryItem-1QIroW.selectedCategoryItem-FHKU_o .layout-2DM8Md { background: rgb(var(--accent), 0.1); color: rgb(var(--accent)); } #app-mount .categoryItem-1QIroW.selectedCategoryItem-FHKU_o path { fill: rgb(var(--accent)); } #app-mount .categoryItem-1QIroW.selectedCategoryItem-FHKU_o .avatar-3uk_u9, #app-mount .categoryItem-1QIroW.selectedCategoryItem-FHKU_o .content-3QAtGj { filter: drop-shadow(0 0 calc(var(--glow-intensity) * 5px) rgb(var(--accent))); } #app-mount .categoryItem-1QIroW.selectedCategoryItem-FHKU_o::before { content: ""; position: absolute; left: 0; height: 100%; width: 2px; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); } #app-mount .viewWrapper-8-8h4T { max-width: unset; } #app-mount .pageWrapper-1PgVDX { background: var(--bg-secondary); } #app-mount .pageWrapper-1PgVDX .scroller-1d5FgU { padding: 0 !important; } #app-mount .searchHeader-2I26nG { min-height: unset; height: 240px; border-bottom: 1px solid var(--border); position: fixed; padding: 0; top: 0; display: flex; justify-content: center; width: calc(100% - var(--channels-width)); box-sizing: border-box; z-index: 1; background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); margin: 0; } #app-mount .searchHeader-2I26nG img { display: none; } #app-mount .searchBox-3Y2Vi7 { overflow: visible; } #app-mount .searchBox-2_mAlO { box-shadow: none; background: transparent; position: relative; padding: 0; border: none; } #app-mount .searchIcon-1a1-yA { display: none; } #app-mount .search-1iTphC { width: 600px !important; } #app-mount .clear-U3WkKp { position: absolute; right: -24px; } #app-mount .searchBoxInput-uJtBcv { padding-right: 52px !important; width: 100% !important; } #app-mount .cta-BiH9zX { position: absolute; margin-right: 0; left: 50%; transform: translateX(-50%); top: 56px; } #app-mount .guildListSection-2CS8vH { padding: 248px 24px 24px; box-sizing: border-box; } #app-mount .guildList-3cJX3d { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); } #app-mount .footer-2jdoRS { padding: 24px; } #app-mount .card-3DjzTQ { border-radius: 6px; background: rgba(255, 255, 255, 0.05); } #app-mount .card-3DjzTQ:hover { box-shadow: var(--shadow-lg); } #app-mount .wrapper-3qSb0d { background: var(--bg-primary); } #app-mount .navigationBar-2JJXBp { height: calc(var(--TB-height) + 1px); box-sizing: border-box; background: transparent; border-bottom: 1px solid var(--border); } #app-mount .planCard-rYl0vk { border-radius: 6px; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--border); } #app-mount .planCard-rYl0vk:hover { box-shadow: var(--shadow-lg); } #app-mount .perksTable-7Z6tK2 { background: rgba(255, 255, 255, 0.05); border: 1px solid var(--border); border-radius: 6px; } #app-mount .applicationStore-1pNvnv { background: transparent; } #app-mount .scroller-9moviB { background: var(--bg-secondary); } #app-mount .layer-3QrUeG[aria-label*=SETTINGS] { background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--backdrop-blur)); backdrop-filter: blur(var(--backdrop-blur)); top: 0; left: 0; padding: 0; width: 100%; height: 100%; overflow: visible; display: flex; align-items: center; justify-content: center; z-index: 1; } #app-mount .layer-3QrUeG[aria-label*=SETTINGS] .standardSidebarView-3F1I7i { max-width: var(--settings-max-width); max-height: var(--settings-max-height); width: 90vw; height: 90vh; position: unset; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 6px; } #app-mount .layer-3QrUeG[aria-label*=SETTINGS] .contentRegion-3nDuYy { flex: 1 1 auto; position: unset; height: 100%; } #app-mount .layer-3QrUeG[aria-label*=SETTINGS] .toolsContainer-1edPuj { padding-top: 0; top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: -1; opacity: 0; } #app-mount .layer-3QrUeG[aria-label*=SETTINGS] .tools-3-3s-N, #app-mount .layer-3QrUeG[aria-label*=SETTINGS] .container-1sFeqf { width: 100%; height: 100%; } #app-mount .layer-3QrUeG[aria-label*=SETTINGS] .keybind-KpFkfr { display: none; } #app-mount .layer-3QrUeG[aria-label*=SETTINGS] .closeButton-1tv5uR { background: transparent; border: none; border-radius: 0; flex: 0; width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 1; } #app-mount .sidebarRegion-VFTUkN { flex: 0 0 auto; } #app-mount .sidebarRegion-VFTUkN .sidebarRegionScroller-3MXcoP { background: transparent; flex: 1; width: 100%; } #app-mount .sidebarRegion-VFTUkN .sidebar-CFHs9e { padding: 0; overflow: hidden; border-radius: 6px 0 0 6px; width: 300px; border-right: 1px solid var(--border); } #app-mount .sidebarRegion-VFTUkN .header-2RyJ0Y { padding: 10px 18px; color: var(--text-muted); } #app-mount .sidebarRegion-VFTUkN .separator-gCa7yv { height: 0; background: transparent; margin-bottom: 18px; } #app-mount .sidebarRegion-VFTUkN .item-PXvHYJ { padding: 10px 18px; margin: 0; border-radius: 0; } #app-mount .sidebarRegion-VFTUkN .item-PXvHYJ.selected-3s45Ha { background: rgb(var(--accent), 0.1) !important; position: relative; color: rgb(var(--accent)) !important; text-shadow: 0 0 calc(var(--glow-intensity) * 12px) rgb(var(--accent)), 0 0 calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); } #app-mount .sidebarRegion-VFTUkN .item-PXvHYJ.selected-3s45Ha::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); } #app-mount .layer-3QrUeG[aria-label*=SETTINGS] .divider-3573oO { border-color: var(--border); } #app-mount .contentRegion-3nDuYy { background: transparent; } #app-mount .contentRegion-3nDuYy > .customColumn-Rb6toI { padding-right: 0; } #app-mount .contentRegionScroller-26nc1e { background: transparent; width: calc(90vw - 302px); max-height: var(--settings-max-height); max-width: var(--settings-content-width); height: 90vh; } #app-mount .contentColumnDefault-1VQkGM { max-width: unset; width: 100%; padding: 32px; z-index: 1; } #app-mount .content-3YMskv { min-width: 100%; margin: 0; } #app-mount .content-3YMskv > div[style="height: 60px;"] { display: none; } #app-mount .customColumn-Rb6toI, #app-mount .contentColumn-2hrIYH { width: calc(90vh - 300px); max-width: var(--settings-content-width); padding-right: 32px; } #app-mount .contentColumn-2hrIYH > .customColumn-Rb6toI { padding-right: 0; } #app-mount .customScroller-26gWhv > div { max-width: var(--settings-content-width); padding: 32px; } #app-mount .customContainer-1RHXqt { position: static; } #app-mount .customScroller-26gWhv { width: 100%; max-height: var(--settings-max-height); max-width: var(--settings-content-width); } #app-mount .layer-3QrUeG[aria-label=USER_SETTINGS] .accountProfileCard-1XCH88 { border: 1px solid var(--border); background: rgba(255, 255, 255, 0.02); border-radius: 6px; } #app-mount .layer-3QrUeG[aria-label=USER_SETTINGS] .background-1QDuV2 { margin: 16px 0 0 0; padding: 16px; border-radius: 0; border-top: 1px solid var(--border); background: transparent; } #app-mount .layer-3QrUeG[aria-label=USER_SETTINGS] .fieldList-21DyL8 { background: transparent; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .page-3njELR { position: relative; width: 100%; max-width: var(--settings-content-width); min-width: calc(var(--settings-content-width) - 2px); max-height: var(--settings-max-height); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .sidebar-dLM-kh { height: var(--settings-max-height); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .titleContainer-2CXtJo { padding: 24px; margin: 0; border-bottom: 1px solid var(--border); background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .list-I3aHXn { padding: 73px 0 0 !important; margin-top: -73px; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .list-I3aHXn .item-PXvHYJ { border-radius: 0; padding: 10px 24px; height: auto; margin: 0; position: relative; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .list-I3aHXn .item-PXvHYJ:hover { background: var(--background-modifier-hover); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .list-I3aHXn .item-PXvHYJ.selected-3s45Ha { background: var(--background-modifier-active); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .list-I3aHXn .item-PXvHYJ.selected-3s45Ha::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; background: #fff; box-shadow: 0 0 calc(var(--glow-intensity) * 10px) #fff; width: 2px; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .scroller-3ZpLaI { scroll-padding-top: 132px !important; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .contentWidth-xLB44s { width: 100%; max-width: unset; padding: 24px 24px 0; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .headerContainer-1X2CD8 { right: 0; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .headerContainer-1X2CD8 .header-2mZ9Ov { margin-bottom: 0; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .header-2mZ9Ov { margin: -24px -24px 24px; padding: 24px 24px 0; background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); border-bottom: 1px solid var(--border); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .tabBar-11f3uI { border: none; margin: 0; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .tabBarItem-2QyJ0U { border: none; overflow: visible; position: relative; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .tabBarItem-2QyJ0U.selected-3s45Ha { border-color: rgb(var(--accent)); color: rgb(var(--accent)); text-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--accent)); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .tabBarItem-2QyJ0U.selected-3s45Ha::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--accent)), 0 0 calc(var(--glow-intensity) * 3px) rgb(var(--accent)); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .searchContainer-3pUVEQ, #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .searchContainer-2gy0Sr { margin: 24px 0; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .container-cMG81i { background: var(--input-background); border-radius: 6px; border: 2px solid transparent; transition: var(--transition); transition-property: border-color, box-shadow; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .container-cMG81i:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .container-cMG81i:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 15px) calc(var(--input-glow-intensity) * 2px) rgb(var(--accent), 0.25); } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .container-1Saj_P .list-3a9fyp { scroll-padding-top: 193px !important; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .content-3YMskv > div[style="height: 201px;"] { height: 193px !important; } #app-mount .layer-3QrUeG[aria-label=GUILD_SETTINGS] .previewContainer-1KQDJS .theme-light { display: none; } #app-mount .backdrop-1wrmKB { background: var(--backdrop-background) !important; -webkit-backdrop-filter: blur(var(--backdrop-blur)) !important; backdrop-filter: blur(var(--backdrop-blur)) !important; opacity: 1 !important; -webkit-animation: fadeIn 0.2s ease forwards; animation: fadeIn 0.2s ease forwards; } #app-mount .root-1gCeng { box-shadow: none !important; border-radius: 6px; border: 1px solid var(--border); background: var(--bg-primary); } #app-mount .footer-3mqk7D, #app-mount .footer-2gL1pp { background: transparent; border-top: 1px solid var(--border); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); box-shadow: none; } #app-mount .message-2qRu38 { background: transparent; box-shadow: none; padding: 0; margin-left: -16px; } #app-mount .root-3QyAh1 { overflow: visible; border-radius: 0; } #app-mount .root-3QyAh1 .tabBarContainer-37hZsr { position: absolute; top: -1px; left: -57px; height: 100%; width: 56px; border: 1px solid var(--border); padding: 0; background: var(--bg-primary); z-index: 1; border-radius: 6px 0 0 6px; overflow: hidden; } #app-mount .root-3QyAh1 .tabBar-3nvOPa { flex-direction: column; } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P { border: none; position: relative; overflow: visible; font-size: 0; height: 48px; margin: 0; width: 100%; display: flex; align-items: center; justify-content: center; } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P::after { content: ""; width: 24px; height: 24px; background: var(--interactive-normal); } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P[aria-controls=user_info-tab]::after { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P[aria-controls=activity-tab]::after { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P[aria-controls=mutual_guilds-tab]::after { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P[aria-controls=mutual_friends-tab]::after { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P:hover { background: var(--background-modifier-hover); } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P:hover::after { background: var(--interactive-hover); } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P.selected-3s45Ha { color: rgb(var(--accent)); text-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--accent), 0.8); } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P.selected-3s45Ha::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 2px; height: 100%; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--accent)); } #app-mount .root-3QyAh1 .tabBarItem-3dfX8P.selected-3s45Ha::after { background: rgb(var(--accent)); } #app-mount .topSection-y3p-_D { background: transparent; } #app-mount .header-4zuFdR { position: unset; display: flex; width: 100%; justify-content: space-between; align-items: flex-end; padding: 0 24px; box-sizing: border-box; margin-top: -60px; } #app-mount .header-4zuFdR .avatar-AvHqJA { position: relative; left: 0; margin-left: 0; top: 0; } #app-mount .headerTop-547GTz { position: static; margin-bottom: 30px; } #app-mount .badgeList-1R1WgZ { padding-right: 0; margin-right: 0; } #app-mount .nameTag-ECvD8P { margin: 12px 24px 24px; } #app-mount .relationshipButtons-pUQVkf { position: absolute; bottom: 16px; left: -56px; flex-direction: column; z-index: 2; } #app-mount .relationshipButtons-pUQVkf .actionButton-3vN-m0 { height: 48px; width: 56px; padding: 0; min-width: unset; background: transparent; border-radius: 0; transition: none; margin-bottom: 12px; } #app-mount .relationshipButtons-pUQVkf .actionButton-3vN-m0::before { content: ""; width: 24px; height: 24px; background: var(--interactive-normal); -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } #app-mount .relationshipButtons-pUQVkf .actionButton-3vN-m0:hover { background: var(--background-modifier-hover); } #app-mount .relationshipButtons-pUQVkf .actionButton-3vN-m0:hover .contents-18-Yxp { opacity: 1; visibility: visible; } #app-mount .relationshipButtons-pUQVkf .contents-18-Yxp { position: absolute; top: -46px; background: var(--bg-primary); padding: 10px 12px; border-radius: 6px; border: 1px solid var(--border); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); overflow: visible; opacity: 0; visibility: hidden; transition: var(--transition); transition-property: opacity, visibility; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #app-mount .relationshipButtons-pUQVkf .additionalActionsIcon-365LnQ { margin-left: 0; } #app-mount .customStatusActivity-nmH3DF { padding: 0 24px 24px; } #app-mount .body-r6_QPy { background: transparent; height: 100%; min-height: 340px; max-height: 340px; border-top: 1px solid var(--border); } #app-mount .infoScroller-1Qu30O { padding: 24px !important; } #app-mount .infoScroller-1Qu30O > div[style*="height: 24px"] { display: none; } #app-mount .userInfoSection-q_35fn { padding: 0; border: none; } #app-mount .userInfoSection-q_35fn + .userInfoSection-q_35fn { margin-top: 42px; } #app-mount .userBio-3tlrzS { margin-bottom: 24px; } #app-mount .connectedAccounts-QlRa4m { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px; } #app-mount .connectedAccount-2Jb-Z0 { margin: 0; width: 100%; box-sizing: border-box; border-radius: 0 6px 6px 0; border-color: var(--border); padding: 12px 16px 12px 18px; position: relative; } #app-mount .connectedAccount-2Jb-Z0 img[src*="37f15a06d062bdd0fc252d2b35d0b0bb"] + div { --connection-colour: 63 143 247; } #app-mount .connectedAccount-2Jb-Z0 img[src*="94dc6f30a819026fa295d85f1f72b4ab"] + div { --connection-colour: 206 161 70; } #app-mount .connectedAccount-2Jb-Z0 img[src*="316ed923548387f8983e28a3804e6712"] + div { --connection-colour: 0 120 215; } #app-mount .connectedAccount-2Jb-Z0 img[src*=d897626dfa2016ea3ad0af935acb6070] + div, #app-mount .connectedAccount-2Jb-Z0 img[src*="6a853b4c87fce386cbfef4a2efbacb09"] + div { --connection-colour: 255 255 255; } #app-mount .connectedAccount-2Jb-Z0 img[src*=eaeac24163b35f7526704a3d9b3c7722] + div { --connection-colour: 30 215 96; } #app-mount .connectedAccount-2Jb-Z0 img[src*=ca71e0b8818221eea1deebbaf8dc6518] + div { --connection-colour: 145 70 255; } #app-mount .connectedAccount-2Jb-Z0 img[src*="57ee9535485efae7eb923ed4893abb57"] + div { --connection-colour: 217 37 42; } #app-mount .connectedAccount-2Jb-Z0 img[src*="85cf2b49d2a185c98ec8e383ad5a05d6"] + div { --connection-colour: 29 161 242; } #app-mount .connectedAccount-2Jb-Z0 img[src*=f3224f560c8f5974355596a4f7e9ce19] + div { --connection-colour: 255 69 0; } #app-mount .connectedAccountName-E1KzaT { line-height: normal; } #app-mount .connectedAccountNameInner-2q3MVf { --connection-colour: var(--accent); overflow: visible; } #app-mount .connectedAccountNameInner-2q3MVf::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: rgb(var(--connection-colour)); box-shadow: 0 0 calc(var(--glow-intensity) * 10px) rgb(var(--connection-colour)); } #app-mount .note-367eZJ { margin: 0; } #app-mount .listScroller-3GmIYj { padding: 0 !important; } #app-mount .listScroller-3GmIYj > div[style*=height] { display: none; } #app-mount .listRow-1iDGel { margin: 0; padding: 8px 10px; } #app-mount .listRow-1iDGel:hover { background: var(--background-modifier-hover); border-radius: 0; } #app-mount .listAvatar-1BbvHX.iconActiveMedium-1UaEIR { border-radius: 6px; } #app-mount .uploadModal-2ifh8j { background: var(--bg-primary); border-radius: 6px; border: 1px solid var(--border); box-shadow: none; } #app-mount .uploadModal-2ifh8j .inner-3nWsbo { margin: 0; } #app-mount .uploadModal-2ifh8j .channelTextArea-2VhZ6z { background: var(--input-background); border: 2px solid transparent; transition: var(--transition); transition-property: border-color, box-shadow; margin-bottom: 0; } #app-mount .uploadModal-2ifh8j .channelTextArea-2VhZ6z:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .uploadModal-2ifh8j .channelTextArea-2VhZ6z:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 20px) calc(var(--input-glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount .uploadModal-2ifh8j .slateTextArea-1Mkdgw { padding-left: 16px; } #app-mount .image-2yrs5j { width: 100% !important; height: auto !important; max-height: 298px; margin: 0 !important; box-shadow: none; background: transparent; border-radius: 6px 6px 0 0; } #app-mount .description-2ug5H_ { border-top: 1px solid var(--border); padding: 24px 24px 0; } #app-mount .comment-4IWttf { padding: 24px; margin: 0; } #app-mount .content-1LAB8Z { padding: 24px !important; } #app-mount .override-2YgiXd { border-radius: 0; background: rgba(255, 255, 255, 0.02); border: 1px solid var(--border); margin-bottom: 0; } #app-mount .override-2YgiXd:nth-child(2) { border-radius: 6px 6px 0 0; } #app-mount .override-2YgiXd:not(:last-child) { border-bottom: none; } #app-mount .override-2YgiXd:last-child { border-radius: 0 0 6px 6px; } #app-mount .quickswitcher-3JagVE { background: transparent; box-shadow: none; padding: 0; border-radius: 0; } #app-mount .input-2VB9rf { background: var(--input-background); border: 2px solid transparent; transition: var(--transition); transition-property: border-color, box-shadow; padding: 0 24px; box-shadow: var(--shadow-lg); } #app-mount .input-2VB9rf:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .input-2VB9rf:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 20px) calc(var(--input-glow-intensity) * 5px) rgb(var(--accent), 0.25); } #app-mount .scroller-zPkAnE { margin: 24px 0 0; box-shadow: var(--shadow-lg); border-radius: 6px; overflow: hidden; max-height: 50vh; background: var(--bg-primary); border: 1px solid var(--border); } #app-mount .scroller-zPkAnE div[style="height: 15px;"] { display: none; } #app-mount .content-3YMskv { height: 100% !important; } #app-mount .header-13MUnb { margin: 0; padding: 10px 16px; } #app-mount .result-oB0z-- { border-radius: 0; padding: 10px 16px; height: auto; } #app-mount .result-oB0z--[aria-selected=true] { background: var(--background-modifier-hover); } #app-mount .content-1jxX5g { height: auto; padding: 0; line-height: 1; } #app-mount .protip-1b9XPC { display: none; } .full-motion .input-2VB9rf, .full-motion .scroller-zPkAnE { -webkit-animation: fadeIn 0.2s ease forwards; animation: fadeIn 0.2s ease forwards; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } #app-mount .bd-addon-controls { position: -webkit-sticky; position: sticky; top: 0; padding: 16px 32px; margin: 0 -32px; background: var(--bg-primary); border-bottom: 1px solid var(--border); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); z-index: 1; } #app-mount .bd-search-wrapper { padding: 0; border-radius: 0; background: transparent; position: relative; } #app-mount .bd-search-wrapper .bd-search { padding: 8px 12px; background: var(--input-background); border: 2px solid transparent; border-radius: 6px; transition: var(--transition); transition-property: border-color, box-shadow; position: relative; width: 250px; } #app-mount .bd-search-wrapper .bd-search:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .bd-search-wrapper .bd-search:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 15px) calc(var(--input-glow-intensity) * 2px) rgb(var(--accent), 0.25); } #app-mount .bd-search-wrapper > svg { pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); right: 12px; } #app-mount .bd-addon-list { margin-top: 24px; } #app-mount .bd-addon-list .bd-switch { position: static; } #app-mount .bd-addon-list .bd-switch.bd-switch-checked::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(var(--accent), 0.07); z-index: -1; pointer-events: none; } #app-mount .bd-addon-list .bd-switch.bd-switch-checked::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: rgb(var(--accent)); box-shadow: 0 0 calc(var(--glow-intensity) * 15px) calc(var(--glow-intensity) * 5px) rgb(var(--accent), 0.2); pointer-events: none; } #app-mount .bd-addon-list .bd-switch input { width: 40px; height: 24px; } #app-mount .bd-addon-card { border-radius: 6px; background: rgba(255, 255, 255, 0.02); border: 1px solid var(--border); margin-bottom: 0; border-radius: 0; position: relative; } #app-mount .bd-addon-card:first-child { border-radius: 6px 6px 0 0; } #app-mount .bd-addon-card:not(:last-child) { border-bottom: none; } #app-mount .bd-addon-card:last-child { border-radius: 0 0 6px 6px; } #app-mount .bd-addon-header { background: transparent; padding-bottom: 0; } #app-mount .bd-description { padding: 0; margin-bottom: 0; } .bd-toasts .bd-toast { padding: 12px 16px; -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); box-shadow: none; background: rgba(255, 255, 255, 0.1); border: 1px solid var(--border); border-radius: 6px; } .bd-toasts .bd-toast.toast-success { background: rgba(67, 182, 131, 0.7); } .bd-toasts .bd-toast.toast-success::before { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } .bd-toasts .bd-toast.toast-warn { background: rgba(255, 166, 0, 0.7); } .bd-toasts .bd-toast.toast-warn::before { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } .bd-toasts .bd-toast.toast-error { background: rgba(240, 71, 71, 0.7); } .bd-toasts .bd-toast.toast-error::before { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } .bd-toasts .bd-toast.toast-info { background: rgba(75, 145, 226, 0.7); } .bd-toasts .bd-toast.toast-info::before { -webkit-mask: url('data:image/svg+xml; utf-8,'); mask: url('data:image/svg+xml; utf-8,'); } .bd-toasts .bd-toast.icon { background-image: none; display: flex; align-items: center; } .bd-toasts .bd-toast.icon::before { content: ""; width: 24px; height: 24px; display: block; margin-right: 8px; background: #fff; } #app-mount .contentTransitionWrap-3hqOEW { position: relative; } #app-mount .repoList-9JnAPs .contentRegionScroller-26nc1e { padding-top: 96px; } #app-mount .repoHeader-2KfNvH { padding: 0; position: absolute; top: 0; width: calc(100% - 2px); box-sizing: border-box; z-index: 1000; background: var(--bg-primary); -webkit-backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur)); } #app-mount .repoHeader-2KfNvH > div { max-width: unset; padding: 0; } #app-mount .repoHeader-2KfNvH > div:first-child { padding: 24px 24px 0 24px; } #app-mount .repoHeader-2KfNvH > div:last-child { padding: 0 24px; border-color: var(--border); } #app-mount .repoHeader-2KfNvH .container-cMG81i { background: var(--input-background); border: 2px solid transparent; border-radius: 6px; transition: var(--transition); transition-property: border-color, box-shadow; } #app-mount .repoHeader-2KfNvH .container-cMG81i .input-3Xdcic { padding: 4px 10px; height: auto; } #app-mount .repoHeader-2KfNvH .container-cMG81i .iconLayout-3OgqU3 { height: 100%; width: 32px; } #app-mount .repoHeader-2KfNvH .container-cMG81i:hover { border-color: rgba(255, 255, 255, 0.05); } #app-mount .repoHeader-2KfNvH .container-cMG81i:focus-within { border-color: rgb(var(--accent)); box-shadow: 0 0 calc(var(--input-glow-intensity) * 15px) calc(var(--input-glow-intensity) * 2px) rgb(var(--accent), 0.25); } #app-mount .card-x5zW6z { background: rgba(255, 255, 255, 0.02); border: 1px solid var(--border); box-shadow: none; } #app-mount .card-x5zW6z .header-4hHJgv { border-bottom: 1px solid var(--border); } #app-mount .card-x5zW6z .iconWrapper-eK7GO6 { border-radius: 6px; background: var(--bg-primary); border: 1px solid var(--border); } #app-mount .card-x5zW6z:hover { box-shadow: var(--shadow-lg); }