diff --git a/Themes/Unity/Unity.css b/Themes/Unity/Unity.css deleted file mode 100644 index d6bd015..0000000 --- a/Themes/Unity/Unity.css +++ /dev/null @@ -1,2197 +0,0 @@ -*[class*=theme-dark] { - --unity-accent-hue: 210; - --unity-accent-saturation: 99%; - --unity-accent-lightness: 50%; - --unity-accent-hsl: var(--unity-accent-hue) var(--unity-accent-saturation) var(--unity-accent-lightness); - --unity-background-primary: #000000; - --unity-background-primary-rgb: 0, 0, 0; - --unity-background-secondary: #2b2b2b; - --unity-background-secondary-alt: #212020; - --unity-background-secondary-rgb: 43, 43, 43; - --unity-background-tertiary: #454545; - --unity-background-tertiary-rgb: 69, 69, 69; - --unity-opacity: 1; - /* STOCK VARIABLES */ - --button-secondary-background-hover: var(--brand-experiment-550); -} -*[class*=theme-dark][class*=custom-theme-background] { - --channel-icon: var(--primary-400); -} -*[class*=theme-light] { - --unity-accent-hue: 210; - --unity-accent-saturation: 99%; - --unity-accent-lightness: 50%; - --unity-background-primary: #f0f0f0; - --unity-background-primary-rgb: 240, 240, 240; - --unity-background-secondary: var(--unity-white); - --unity-background-secondary-alt: #e8e8e8; - --unity-background-secondary-rgb: 252, 252, 252; - --unity-background-tertiary: #E0E0E0; - --unity-background-tertiary-rgb: 224, 224, 224; - --base-background-color: transparent; - --unity-opacity: 1; - /* STOCK VARIABLES */ - --button-secondary-background-hover: var(--brand-experiment-230); -} -*[class*=theme-light][class*=custom-theme-background] { - --channel-icon: var(--primary-430); -} -*[class*=theme-dark], *[class*=theme-light] { - --unity-chat-bubble: 1; - --header-background-blur: 0px; - --unity-custom-font: unset; - --unity-gaps: 1; - --unity-background-color: rgba(var(--unity-background-primary-rgb), 0.6); - --enable-gaps: calc(var(--unity-gaps, 1) / (var(--unity-gaps, 1) + 0.00000000000000000000001)); - --enable-chat-bubble: calc(var(--unity-chat-bubble, 1) / (var(--unity-chat-bubble, 1) + 0.00000000000000000000001)); - --unity-chat-bubble-background-color: var(--background-secondary); - --unity-chat-bubble-border-color: var(--background-secondary-alt); - --unity-chat-bubble-code-background-color: var(--background-secondary-alt); - --unity-chat-bubble-max-width: 90%; - --unity-chat-bubble-border-radius: var(--unity-border-radius); - --unity-chat-bubble-box-shadow-h-offset: 0; - --unity-chat-bubble-box-shadow-v-offset: 4px; - --unity-chat-bubble-box-shadow-blur: 4px; - --unity-chat-bubble-box-shadow-color-h: 0; - --unity-chat-bubble-box-shadow-color-s: 0%; - --unity-chat-bubble-box-shadow-color-l: 0%; - --unity-chat-bubble-box-shadow-color-a: 0.16; - --unity-border-radius: 18px; - --unity-floating-blur-radius: 5px; - --unity-background-floating: rgba(var(--unity-background-secondary-rgb), 0.5); - --border-width: 2px; - --unity-inactive-darker-rgb: 93, 93, 93; - --unity-inactive-rgb: 112, 112, 112; - --unity-blue: #0180fe; - --unity-blue-2: #0074e0; - --unity-blue-3: #3d91ff; - --unity-red: #ef2a47; - --unity-red-2: #e53a34; - --unity-red-3: #d72353; - --unity-magenta: #ee2b72; - --unity-orange: #FF9F1C; - --unity-orange-rgb: 255, 159, 28; - --unity-orange-2: #FC6B10; - --unity-green-1: #18dc81; - --unity-green-2: #17B76D; - --unity-green-3: #0D967C; - --unity-green-4: #9BBE22; - --unity-purple: #6345E5; - --unity-purple-2: #8064F4; - --unity-purple-3: #7882FC; - --unity-white: #fafafa; - --unity-black: #000000; - --unity-inset: 10px; - /* DISCORD STOCK VARIABLE OVERRIDES */ - --font-primary: var(--unity-custom-font, "Samsung One"), "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - --font-display: var(--unity-custom-font, "Samsung One"), "gg sans", "Noto Sans", , "Helvetica Neue", Helvetica, Arial, sans-serif; - --font-headline: var(--unity-custom-font, "Samsung Sharp Sans"), "ABC Ginto Nord", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - --radius-sm: var(--unity-border-radius); - --background-message-highlight: var(--brand-experiment-30a); - --status-danger: var(--unity-red-2); - --home-background: transparent; - --background-mentioned-hover: rgba(var(--unity-orange-rgb), 0.1); - --info-warning-foreground: var(--unity-orange); - --background-mentioned: rgba(var(--unity-orange-rgb), 0.2); - --search-popout-option-fade: rgba(var(--unity-background-secondary-rgb), 0.1); - --interactive-muted: rgb(var(--unity-inactive-rgb)); - --text-warning: var(--unity-orange); - --background-primary: var(--unity-background-primary) !important; - --background-secondary: var(--unity-background-secondary); - --background-floating: var(--unity-background-floating); - --background-tertiary: var(--unity-background-tertiary); - --background-secondary-alt: var(--unity-background-secondary-alt); - --background-modifier-active: rgba(var(--unity-background-primary-rgb), 0.7); - --background-modifier-selected: var(--brand-experiment-20a); - --modal-background: var(--unity-background-floating); - --modal-footer-background: var(--unity-background-floating); - --text-positive: var(--unity-green-2); - --color-danger: var(--unity-red); - --button-danger-background: var(--unity-red-3); - --button-secondary-background: var(--unity-background-secondary-alt); - --input-background: rgba(var(--unity-inactive-darker-rgb), 0.1); - --channeltextarea-background: var(--background-secondary); - --channel-icon: var(--brand-500); - --deprecated-text-input-bg: transparent !important; - --button-positive-background: var(--unity-green-3); - --status-positive: var(--unity-green-2); - --brand-experiment: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness)) !important; - --brand-experiment-100: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 98%) !important; - --brand-experiment-130: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 94.8%) !important; - --brand-experiment-160: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 91.5%) !important; - --brand-experiment-200: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 88.3%) !important; - --brand-experiment-230: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 85%) !important; - --brand-experiment-260: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 81.8%) !important; - --brand-experiment-300: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 78.5%) !important; - --brand-experiment-330: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 75.3%) !important; - --brand-experiment-360: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 72%) !important; - --brand-experiment-400: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 68.8%) !important; - --brand-experiment-430: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 65.5%) !important; - --brand-experiment-460: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 62.3%) !important; - --brand-experiment-445: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 45%) !important; - --brand-experiment-440: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), 40%) !important; - --brand-experiment-500: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness)) !important; - --brand-experiment-530: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*70.5%), 54.3%) !important; - --brand-experiment-560: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*56.4%), 49.7%) !important; - --brand-experiment-600: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 45%) !important; - --brand-experiment-630: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 40.3%) !important; - --brand-experiment-660: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 35.7%) !important; - --brand-experiment-700: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 31%) !important; - --brand-experiment-730: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 26.3%) !important; - --brand-experiment-760: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 21.7%) !important; - --brand-experiment-800: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 17%) !important; - --brand-experiment-830: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 12.3%) !important; - --brand-experiment-860: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 7.7%) !important; - --brand-experiment-900: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*51.5%), 3%) !important; - --brand-experiment-05a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.05) !important; - --brand-experiment-10a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.1) !important; - --brand-experiment-15a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.15) !important; - --brand-experiment-20a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.2) !important; - --brand-experiment-25a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.25) !important; - --brand-experiment-30a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.3) !important; - --brand-experiment-35a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.35) !important; - --brand-experiment-40a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.4) !important; - --brand-experiment-45a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.45) !important; - --brand-experiment-50a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.5) !important; - --brand-experiment-55a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.55) !important; - --brand-experiment-60a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.6) !important; - --brand-experiment-65a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.65) !important; - --brand-experiment-70a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.7) !important; - --brand-experiment-75a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.75) !important; - --brand-experiment-80a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.8) !important; - --brand-experiment-85a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.85) !important; - --brand-experiment-90a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.9) !important; - --brand-experiment-95a: hsla(var(--unity-accent-hue), calc(var(--saturation-factor, 1)*var(--unity-accent-saturation)), var(--unity-accent-lightness), 0.95) !important; - --brand-100: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 77.8%), 98.2%) !important; - --brand-130: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 87.5%), 96.9%) !important; - --brand-160: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 84.6%), 94.9%) !important; - --brand-200: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 83.3%), 92.9%) !important; - --brand-230: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 87%), 91%) !important; - --brand-260: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 86.2%), 88.6%) !important; - --brand-300: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 85.9%) !important; - --brand-330: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.1%), 81.6%) !important; - --brand-345: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.2%), 78.8%) !important; - --brand-360: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 77.5%) !important; - --brand-400: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 71.8%) !important; - --brand-430: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.7%), 69.8%) !important; - --brand-460: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.5%), 67.5%) !important; - --brand-500: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.6%), 64.7%) !important; - --brand-530: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 66.7%), 58.8%) !important; - --brand-560: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 51.4%), 52.4%) !important; - --brand-600: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 44.1%) !important; - --brand-630: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 38.2%) !important; - --brand-660: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 47.1%), 33.3%) !important; - --brand-700: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 47%), 25.9%) !important; - --brand-730: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.8%), 24.3%) !important; - --brand-760: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 22.2%) !important; - --brand-800: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 47.5%), 19.4%) !important; - --brand-830: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 47.4%), 14.9%) !important; - --brand-860: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 9.6%) !important; - --brand-900: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 50%), 3.1%) !important; - --brand-new-100: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 77.8%), 98.2%) !important; - --brand-new-130: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 87.5%), 96.9%) !important; - --brand-new-160: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 84.6%), 94.9%) !important; - --brand-new-200: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 83.3%), 92.9%) !important; - --brand-new-230: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 87%), 91%) !important; - --brand-new-260: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 86.2%), 88.6%) !important; - --brand-new-300: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 85.9%) !important; - --brand-new-330: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.1%), 81.6%) !important; - --brand-new-345: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.2%), 78.8%) !important; - --brand-new-360: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 77.5%) !important; - --brand-new-400: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 71.8%) !important; - --brand-new-430: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.7%), 69.8%) !important; - --brand-new-460: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.5%), 67.5%) !important; - --brand-new-500: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 85.6%), 64.7%) !important; - --brand-new-530: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 66.7%), 58.8%) !important; - --brand-new-560: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 51.4%), 52.4%) !important; - --brand-new-600: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 44.1%) !important; - --brand-new-630: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 38.2%) !important; - --brand-new-660: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 47.1%), 33.3%) !important; - --brand-new-700: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 47%), 25.9%) !important; - --brand-new-730: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.8%), 24.3%) !important; - --brand-new-760: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 22.2%) !important; - --brand-new-800: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 47.5%), 19.4%) !important; - --brand-new-830: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 47.4%), 14.9%) !important; - --brand-new-860: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 9.6%) !important; - --brand-new-900: hsl(var(--unity-accent-hue), calc(var(--saturation-factor, 1) * 50%), 3.1%) !important; -} - -/* Main layer */ -@keyframes fadein { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -/* container for sidebar and chat) */ -:root.platform-osx .base_c0676e::after { - content: ""; - width: 100vw; - height: 30px; - z-index: 2; - -webkit-app-region: drag; - position: absolute; - top: 0; - right: 0; -} -:root[class*=full-motion] .base_c0676e { - transition: padding 1s cubic-bezier(0.09, 0.675, 0.185, 0.98); - padding: calc(var(--unity-inset) * var(--enable-gaps)); -} -.base_c0676e .notice__5fd4c { - margin: calc(var(--unity-inset) * var(--enable-gaps)); - margin-bottom: 0px; - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); -} -:root[class*=full-motion] .base_c0676e .notice__5fd4c { - transition: margin 1s cubic-bezier(0.09, 0.675, 0.185, 0.98), border-radius 1s cubic-bezier(0.09, 0.675, 0.185, 0.98); -} -.base_c0676e .notice__5fd4c:last-child { - border-radius: 0 0 calc(var(--unity-border-radius) * var(--enable-gaps)) calc(var(--unity-border-radius) * var(--enable-gaps)); -} -.base_c0676e .content__76dcf { - padding: calc(var(--unity-inset) * var(--enable-gaps)); - border-radius: calc(var(--unity-border-radius) + var(--unity-inset) * var(--enable-gaps)); - background-color: transparent; - opacity: var(--unity-opacity, 1); - /* disable tiling of image */ -} -:root[class*=full-motion] .base_c0676e .content__76dcf { - transition: padding 1s cubic-bezier(0.09, 0.675, 0.185, 0.98), border-radius 0.5s cubic-bezier(0.09, 0.675, 0.185, 0.98); -} -.base_c0676e .content__76dcf::before { - content: ""; - width: 100%; - height: 100%; - background-image: var(--base-background-image); - background-blend-mode: multiply; - /* blends background color and image if set */ - background-size: cover; - background-position: center; - background-repeat: no-repeat; - -webkit-backdrop-filter: blur(var(--base-background-blur)); - backdrop-filter: blur(var(--base-background-blur)); - position: absolute; - z-index: -2; - border-radius: calc(var(--unity-border-radius) + var(--unity-inset) * var(--enable-gaps)); - background-color: var(--bg-overlay-1, var(--base-background-color, var(--background-primary))); - top: 0; - left: 0; -} -[customTitlebar] .base_c0676e .content__76dcf { - border-top-left-radius: calc(var(--unity-border-radius) * var(--enable-gaps)) !important; -} - -.button__581d0:not(.controlButton__863c7), .button_b82d53 { - border-radius: var(--unity-border-radius); -} - -:root ::-webkit-scrollbar-track { - background-color: transparent; -} - -body.bd-transparency { - background: none; -} -body #app-mount { - background: none; -} -body #app-mount .app_b1f720 .app_de4237 { - background: none; -} -body #app-mount .app_b1f720 .app_de4237 .bg__12180 { - background: unset; - content: ""; - width: 100vw; - height: 100vh; - display: block; - background-image: var(--unity-background-image, unset); - background-color: var(--unity-background-color, var(--background-tertiary)); - background-blend-mode: multiply; - background-position: center; - /* blends background color and image if set */ - background-size: cover; - background-repeat: no-repeat; - -webkit-backdrop-filter: blur(var(--unity-background-blur, 0)); - backdrop-filter: blur(var(--unity-background-blur, 0)); - z-index: -3; -} - -.badge__63b33 { - border-radius: var(--radius-round); - padding: 2.5px 6px; -} - -/* SIDEBAR */ -.sidebar_e031be nav .bar__004d9 { - --backdrop-blur: var(--unity-floating-blur-radius); -} -.sidebar_e031be nav .bar__004d9::after { - -webkit-backdrop-filter: blur(var(--backdrop-blur)); - backdrop-filter: blur(var(--backdrop-blur)); - content: ""; - position: absolute; - width: 100%; - height: 100%; - border-radius: inherit; - z-index: -1; - top: 0; - left: 0; -} -.sidebar_e031be nav ul li { - border-radius: calc(var(--unity-border-radius) - 8px); -} -.sidebar_e031be nav ul li:hover[class] .wrapper__612a5.modeUnreadImportant__35358::before { - height: 20px; -} -.base_c0676e:has(.newMessagesBar__8b272) .sidebar_e031be nav ul li[class] .wrapper__612a5.modeSelected__473f1::before { - height: 20px; - background-color: var(--interactive-active); - transition: height cubic-bezier(0.39, 0.46, 0, 0.98) 850ms, background-color 1.5s ease; -} -.sidebar_e031be nav ul li[class] .wrapper__612a5::before { - position: absolute; - content: ""; - display: inline-block; - width: 3px; - height: 0; - border-radius: var(--radius-round); - background-color: transparent; - top: 50%; - transform: translateY(-50%); - transition: height cubic-bezier(0.39, 0.46, 0, 0.98) 350ms, background-color 1.5s ease; -} -.sidebar_e031be nav ul li[class] .wrapper__612a5 .unread__48cf4 { - display: none; -} -.sidebar_e031be nav ul li[class] .wrapper__612a5.modeUnreadImportant__35358::before { - background-color: var(--interactive-active); - height: 10px; -} - -[class*=platform] { - /* PANELS */ -} -[class*=platform] .sidebar_e031be, -[class*=platform] .sidebar_e031be.hasNotice_cc284c { - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)) calc(var(--unity-border-radius) * var(--enable-gaps)) 0 0; - margin-right: calc(var(--unity-inset) / 2 * var(--enable-gaps)); - opacity: var(--unity-opacity, 1); - overflow: hidden; - background-color: transparent; - /* hide overflow so borders will actually be rounded */ -} -:root.theme-dark:not(.custom-theme-background) .scroller__89969 { - background: var(--sidebar-background-color, var(--background-secondary)); -} - -[class*=platform] .sidebar_e031be > nav, [class*=platform] .sidebar_e031be.scrollerBase-_bVAAt, -[class*=platform] .sidebar_e031be.hasNotice_cc284c > nav, -[class*=platform] .sidebar_e031be.hasNotice_cc284c.scrollerBase-_bVAAt { - background-color: transparent; - border: calc(var(--sidebar-border-width, 0) * var(--enable-gaps)) solid var(--sidebar-border-color, transparent); - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - margin-bottom: calc(var(--unity-inset) * var(--enable-gaps)); -} -:root[class*=full-motion] [class*=platform] .sidebar_e031be > nav, :root[class*=full-motion] [class*=platform] .sidebar_e031be.scrollerBase-_bVAAt, -:root[class*=full-motion] [class*=platform] .sidebar_e031be.hasNotice_cc284c > nav, -:root[class*=full-motion] [class*=platform] .sidebar_e031be.hasNotice_cc284c.scrollerBase-_bVAAt { - transition: margin-bottom 2s cubic-bezier(0.5, 0.25, 0, 1), border-radius 2s cubic-bezier(0.09, 0.675, 0.185, 0.98), border-width 1s cubic-bezier(0.09, 0.675, 0.185, 0.98); -} - -:root.custom-theme-background [class*=platform] .sidebar_e031be > nav, :root.custom-theme-background [class*=platform] .sidebar_e031be.scrollerBase-_bVAAt, -:root.custom-theme-background [class*=platform] .sidebar_e031be.hasNotice_cc284c > nav, -:root.custom-theme-background [class*=platform] .sidebar_e031be.hasNotice_cc284c.scrollerBase-_bVAAt { - background-blend-mode: normal; - background: var(--bg-overlay-3, var(--sidebar-background-color, var(--background-secondary))); -} - -[class*=platform] .sidebar_e031be > nav button.searchBarComponent__8f95f, [class*=platform] .sidebar_e031be.scrollerBase-_bVAAt button.searchBarComponent__8f95f, -[class*=platform] .sidebar_e031be.hasNotice_cc284c > nav button.searchBarComponent__8f95f, -[class*=platform] .sidebar_e031be.hasNotice_cc284c.scrollerBase-_bVAAt button.searchBarComponent__8f95f { - border-radius: calc(var(--unity-border-radius) - 10px); -} -[class*=platform] .sidebar_e031be > nav::after, [class*=platform] .sidebar_e031be.scrollerBase-_bVAAt::after, -[class*=platform] .sidebar_e031be.hasNotice_cc284c > nav::after, -[class*=platform] .sidebar_e031be.hasNotice_cc284c.scrollerBase-_bVAAt::after { - -webkit-backdrop-filter: blur(var(--sidebar-background-blur)); - backdrop-filter: blur(var(--sidebar-background-blur)); - background-color: var(--sidebar-background-color, var(--background-secondary)); - background-image: var(--sidebar-background-image); - background-size: cover; - background-repeat: no-repeat; - background-blend-mode: multiply; - position: absolute; - z-index: -1; - content: ""; - width: 100%; - height: 100%; - top: 0; - left: 0; - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); -} -[class*=platform] .panels__58331 { - opacity: var(--unity-opacity, 1); - border: calc(var(--panels-border-width, 0) * var(--enable-gaps)) solid var(--panels-border-color, transparent); - overflow: hidden; - background: none; - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - background-color: var(--panels-background-color, var(--background-tertiary)); - background-image: var(--panels-background-image); - background-size: cover; - background-repeat: no-repeat; - background-blend-mode: multiply; - -webkit-backdrop-filter: blur(var(--panels-background-blur)); - backdrop-filter: blur(var(--panels-background-blur)); -} -[class*=platform] .panels__58331 .avatarWrapper__500a6 { - border-radius: calc(var(--unity-border-radius) - 8px) 0 0 calc(var(--unity-border-radius) - 8px); -} -:root.custom-theme-background [class*=platform] .panels__58331 { - background-blend-mode: normal; - background: var(--background-secondary); -} - -[class*=platform] .panels__58331 .container_debb33 { - margin-bottom: 0; - background: none; -} -[class*=platform] .panels__58331 .container_e1958d { - background: transparent; -} -.custom-theme-background [class*=platform] .panels__58331 .container_e1958d { - background-blend-mode: normal; - background: var(--bg-overlay-3, var(--background-secondary-alt)); -} -[class*=platform] :root:not(.custom-theme-background) .container_debb33 { - background: none; -} - -/* GUILD LIST */ -nav.wrapper__216eb { - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - border: calc(var(--guilds-border-width, 0) * var(--enable-gaps)) solid var(--guilds-border-color, transparent); - margin: calc(var(--enable-gaps) * var(--guilds-top-bottom-inset, calc(var(--unity-inset) * 2))) 0 calc(var(--guilds-top-bottom-inset, calc(var(--unity-inset) * 2)) * var(--enable-gaps)) calc(var(--guilds-margin-left, calc(var(--unity-inset) * 2)) * var(--enable-gaps)); - opacity: var(--unity-opacity, 1); - background-color: var(--guilds-background-color, var(--background-tertiary)); - background-image: var(--guilds-background-image); - background-size: cover; - background-repeat: no-repeat; - background-blend-mode: multiply; - /* blends background color and image if set */ - -webkit-backdrop-filter: blur(var(--chat-background-blur, 0px)); - backdrop-filter: blur(var(--guilds-background-blur, 0px)); -} -:root.full-motion nav.wrapper__216eb { - transition: margin 3s cubic-bezier(0.5, 0.25, 0, 1), border-radius 2s cubic-bezier(0.09, 0.675, 0.185, 0.98), opacity 1s cubic-bezier(0.09, 0.675, 0.185, 0.98); -} -nav.wrapper__216eb .scroller_de945b { - background-color: transparent; - padding-top: 10px; -} -.custom-theme-background nav.wrapper__216eb .scroller_de945b { - background: var(--bg-overlay-app-frame, transparent); - background-blend-mode: normal; -} - -.container__694a1 { - border: var(--threads-border-width, 0) solid var(--threads-border-color, transparent); - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - opacity: var(--unity-opacity, 1); - overflow: hidden; - /* hide overflow so borders will actually be rounded */ - -webkit-backdrop-filter: blur(var(--threads-blur-radius)); - backdrop-filter: blur(var(--threads-blur-radius)); - background: var(--threads-background-color, var(--background-primary)); -} -.container__694a1 + .resizeHandle_cc9d34 { - margin: auto calc(var(--unity-inset) / 2); - height: 80vh; - border-radius: var(--radius-round); - z-index: 3; -} -.container__68e43 { - border-top: none; -} -.container__68e43 + .divider__4df9f { - width: 95%; - margin: auto; - border-radius: var(--radius-round); -} - -.content__01e65 .container__93316 + aside { - padding-left: calc(var(--unity-inset) * var(--enable-gaps)); -} -.content__01e65 .userPanelOuter_df01a5 { - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); -} -.content__01e65 .userPanelOuter_df01a5 .userPanelInner__3184c.userProfileInner__8ff35 { - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - overflow: hidden; -} -.content__01e65 .userPanelOuter_df01a5 .userPanelInner__3184c.userProfileInner__8ff35 .userPanelOverlayBackground_a2b6ae { - border-radius: calc(var(--unity-border-radius)); -} - -.form_d8a4a1 { - padding: 0 8px; -} -.form_d8a4a1 .wrapper__57349 { - border-radius: var(--unity-border-radius); - margin-bottom: 4px; - background: var(--background-primary); - box-shadow: var(--elevation-low); -} -.form_d8a4a1::before { - display: none; -} -.form_d8a4a1:has(.typing__6fd1d) .channelTextArea_c2094b { - margin-bottom: 24px; -} -.form_d8a4a1 .typing__6fd1d { - animation: fadein 0.5s ease-in normal forwards; -} -.form_d8a4a1 .channelTextArea_c2094b { - margin-bottom: 8px; -} -.form_d8a4a1 .channelTextArea_c2094b .threadSuggestionBar__717a3 { - border-radius: var(--unity-border-radius); - margin-top: 5px; - box-shadow: none; -} -:root.full-motion .form_d8a4a1 .channelTextArea_c2094b { - transition: margin-bottom ease-out 0.2s; -} -.custom-theme-background .form_d8a4a1 .channelTextArea_c2094b { - background-color: transparent; -} -.form_d8a4a1 .channelTextArea_c2094b .autocomplete__743a5 { - border-radius: var(--unity-border-radius); - background-color: var(--unity-background-floating); -} -.form_d8a4a1 .channelTextArea_c2094b .autocomplete__743a5::before { - content: ""; - -webkit-backdrop-filter: blur(30px); - backdrop-filter: blur(30px); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; -} -.form_d8a4a1 .channelTextArea_c2094b .autocomplete__743a5 .rail_ad1aea .wrapper__85934 { - background: transparent; -} -.form_d8a4a1 .channelTextArea_c2094b .autocomplete__743a5 ul[role=group] .categoryHeader__70c8e { - background: none; -} -.form_d8a4a1 .channelTextArea_c2094b .autocomplete__743a5 ul[role=group] .categoryHeader__70c8e .header__8e271[role=button] { - margin-top: 12px; -} -.form_d8a4a1 .channelTextArea_c2094b .scrollableContainer_ff917f:not(.channelTextAreaInner-2_mflx) { - border-radius: calc(var(--unity-border-radius) - 6px); - overflow-y: overlay !important; -} -.form_d8a4a1 .channelTextArea_c2094b .scrollableContainer_ff917f.hasConnectedBar__7d21e { - background: var(--brand-experiment-25a); -} -.form_d8a4a1 .channelTextArea_c2094b .actionBar_a15295 .wrapper__4e6b6 { - border-radius: var(--unity-border-radius); -} -.form_d8a4a1 .channelTextArea_c2094b .actionBar_a15295 .wrapper__4e6b6 button:first-of-type { - border-top-left-radius: var(--unity-border-radius); - border-bottom-left-radius: var(--unity-border-radius); -} -.form_d8a4a1 .channelTextArea_c2094b .actionBar_a15295 .wrapper__4e6b6 button:last-of-type { - border-top-right-radius: var(--unity-border-radius); - border-bottom-right-radius: var(--unity-border-radius); -} -.form_d8a4a1 .channelTextArea_c2094b .attachedBars_c1606a { - padding-bottom: 5px; - background: transparent; - border-radius: var(--unity-border-radius); -} -.form_d8a4a1 .channelTextArea_c2094b .attachedBars_c1606a .replyBar_ed6afc { - border-radius: var(--unity-border-radius); -} -.form_d8a4a1 .channelTextArea_c2094b .buttons__7ecff { - margin-right: 6px; -} -.form_d8a4a1 .channelTextArea_c2094b .buttons__7ecff .innerButton__9efb8 { - margin: 0; -} -.form_d8a4a1 .channelTextArea_c2094b .buttons__7ecff .separator__666aa { - margin-left: 8px; -} -.form_d8a4a1 .channelTextArea_c2094b .buttons__7ecff .separator__666aa > .buttonContainer__14dd9 > button:last-of-type { - width: 35px; - height: 35px; - align-items: center; - align-self: center; - border-radius: calc(var(--unity-border-radius) - 8px); - margin-left: 10px; -} -.form_d8a4a1 .channelTextArea_c2094b .buttons__7ecff .separator__666aa > .buttonContainer__14dd9 > button:last-of-type .contents__322f4 { - margin: 0 auto; -} -.form_d8a4a1 .channelTextArea_c2094b .buttons__7ecff .separator__666aa > .buttonContainer__14dd9 > button:last-of-type:not(:disabled) { - background-color: var(--brand-experiment); -} - -/* SLATE TOOLBAR */ -#slate-toolbar { - border-radius: var(--unity-border-radius); -} -#slate-toolbar .buttons_dd497f button { - border-radius: var(--unity-border-radius); -} -#slate-toolbar .buttons_dd497f button:first-of-type { - border-radius: var(--unity-border-radius) 0 0 var(--unity-border-radius); -} -#slate-toolbar .buttons_dd497f button:last-of-type { - border-radius: 0 var(--unity-border-radius) var(--unity-border-radius) 0; -} - -.groupStart__7b93c.cozyMessage__9f4fd > .contents_d3ae0d, -.mediaAttachmentsContainer__242e2:has(.messageAttachmentMediaMosaic__67262), -.embed_cc6dae, -.cozyMessage__9f4fd:not(.groupStart__7b93c) > .contents_d3ae0d > .markup_a7e664:not(:empty, .searchResultsWrap__2e184 *) { - background: linear-gradient(var(--unity-chat-bubble-background-color, var(--background-primary)), var(--unity-chat-bubble-background-color, var(--background-primary))); - background-size: calc(var(--enable-chat-bubble) * 1px); - max-width: calc(100% - (100% - var(--unity-chat-bubble-max-width)) * var(--enable-chat-bubble)); - width: -moz-fit-content; - width: fit-content; - margin: 0; - padding: calc(7px * var(--enable-chat-bubble)) calc(12px * var(--enable-chat-bubble)); - border-radius: calc(var(--unity-chat-bubble-border-radius) * var(--enable-chat-bubble)); - border: calc(1px * var(--enable-chat-bubble)) solid var(--unity-chat-bubble-border-color, var(--background-primary-border-color)); - box-shadow: var(--unity-chat-bubble-box-shadow-h-offset) calc(var(--unity-chat-bubble-box-shadow-v-offset) * var(--enable-chat-bubble)) calc(var(--unity-chat-bubble-box-shadow-blur) * var(--enable-chat-bubble)) hsla(var(--unity-chat-bubble-box-shadow-color-h), var(--unity-chat-bubble-box-shadow-color-s), var(--unity-chat-bubble-box-shadow-color-l), calc(var(--unity-chat-bubble-box-shadow-color-a) * var(--enable-chat-bubble))); -} -.groupStart__7b93c.cozyMessage__9f4fd > .contents_d3ae0d:has(.embedMedia__4e169):not(:has(.imageContent__0fe2a)), -.mediaAttachmentsContainer__242e2:has(.messageAttachmentMediaMosaic__67262):has(.embedMedia__4e169):not(:has(.imageContent__0fe2a)), -.embed_cc6dae:has(.embedMedia__4e169):not(:has(.imageContent__0fe2a)), -.cozyMessage__9f4fd:not(.groupStart__7b93c) > .contents_d3ae0d > .markup_a7e664:not(:empty, .searchResultsWrap__2e184 *):has(.embedMedia__4e169):not(:has(.imageContent__0fe2a)) { - width: unset; -} - -.container__62863 .embed_cc6dae.markup_a7e664 { - padding: calc(5px * var(--enable-chat-bubble)) calc(5px * var(--enable-chat-bubble)); -} -.container__62863 .embed_cc6dae.markup_a7e664 .embedImage_eb54e3 { - border-radius: calc(var(--unity-chat-bubble-border-radius) - 7px * var(--enable-chat-bubble)); -} -.container__62863 .mediaAttachmentsContainer__242e2:has(.messageAttachmentMediaMosaic__67262) { - height: -moz-fit-content; - height: fit-content; - padding: calc(10px * var(--enable-chat-bubble)); -} -.container__62863 .mediaAttachmentsContainer__242e2:has(.messageAttachmentMediaMosaic__67262) [class*=grid i] { - border-radius: calc(var(--unity-chat-bubble-border-radius) - 10px * var(--enable-chat-bubble)); - overflow: hidden; -} -.container__62863 .inlineMediaEmbed_b25e49 { - border-radius: calc(var(--unity-chat-bubble-border-radius) - 10px * var(--enable-chat-bubble)); - padding: calc(10px * var(--enable-chat-bubble)) calc(10px * var(--enable-chat-bubble)); -} - -.cozyMessage__9f4fd.automodMessage__43f24:before, -.cozyMessage__9f4fd.ephemeral_eb5d84:before, -.cozyMessage__9f4fd.mentioned_fa6fd2:before, -.cozyMessage__9f4fd.replying__38514:before { - width: calc(2px - var(--enable-chat-bubble) * 2px); -} - -.groupStart__7b93c.cozyMessage__9f4fd.mentioned_fa6fd2 .contents_d3ae0d, -.cozyMessage__9f4fd.mentioned_fa6fd2:not(.groupStart__7b93c) .contents_d3ae0d > .markup_a7e664:not(:empty, .searchResultsWrap__2e184 *) { - background: linear-gradient(var(--background-mentioned), var(--background-mentioned)); - background-size: calc(var(--enable-chat-bubble) * 1px); - border: calc(1px * var(--enable-chat-bubble)) solid var(--unity-orange); -} - -.cozyMessage__9f4fd.mentioned_fa6fd2 { - background: linear-gradient(var(--background-mentioned), var(--background-mentioned)); - background-size: calc((1 - var(--enable-chat-bubble)) * 1px); -} - -.groupStart__7b93c.cozyMessage__9f4fd.replying__38514 .contents_d3ae0d, -.cozyMessage__9f4fd.replying__38514:not(.groupStart__7b93c) .contents_d3ae0d > .markup_a7e664:not(:empty, .searchResultsWrap__2e184 *), -.groupStart__7b93c.cozyMessage__9f4fd.ephemeral_eb5d84 .contents_d3ae0d, -.cozyMessage__9f4fd.ephemeral_eb5d84:not(.groupStart__7b93c) .contents_d3ae0d > .markup_a7e664:not(:empty, .searchResultsWrap__2e184 *) { - background: linear-gradient(var(--brand-experiment-05a), var(--brand-experiment-05a)); - background-size: calc(var(--enable-chat-bubble) * 1px); - border: calc(1px * var(--enable-chat-bubble)) solid var(--brand-experiment); -} - -.cozyMessage__9f4fd.replying__38514, -.cozyMessage__9f4fd.ephemeral_eb5d84 { - background: linear-gradient(var(--brand-experiment-05a), var(--brand-experiment-05a)); - background-size: calc((1 - var(--enable-chat-bubble)) * 1px); -} - -.groupStart__7b93c.cozyMessage__9f4fd.automodMessage__43f24 .contents_d3ae0d, -.cozyMessage__9f4fd.automodMessage__43f24:not(.groupStart__7b93c) .contents_d3ae0d > .markup_a7e664:not(:empty, .searchResultsWrap__2e184 *) { - background: linear-gradient(var(--background-message-automod), var(--background-message-automod)); - background-size: calc(var(--enable-chat-bubble) * 1px); - border: calc(1px * var(--enable-chat-bubble)) solid var(--text-danger); -} - -.cozyMessage__9f4fd.automodMessage__43f24 { - background: linear-gradient(var(--background-message-automod), var(--background-message-automod)); - background-size: calc((1 - var(--enable-chat-bubble)) * 1px); -} - -.groupStart__7b93c.cozyMessage__9f4fd.automodMessage__43f24:hover .contents_d3ae0d, -.cozyMessage__9f4fd.automodMessage__43f24:not(.groupStart__7b93c):hover .contents_d3ae0d > .markup_a7e664:not(:empty, .searchResultsWrap__2e184 *) { - background: linear-gradient(var(--background-message-automod-hover), var(--background-message-automod-hover)); - background-size: calc(var(--enable-chat-bubble) * 1px); - border: calc(1px * var(--enable-chat-bubble)) solid var(--text-danger); -} - -.cozyMessage__9f4fd.automodMessage__43f24:hover { - background: linear-gradient(var(--background-message-automod-hover), var(--background-message-automod-hover)); - background-size: calc((1 - var(--enable-chat-bubble)) * 1px); -} - -.groupStart__7b93c.cozyMessage__9f4fd > .contents_d3ae0d .markup_a7e664 code, -.cozyMessage__9f4fd:not(.groupStart__7b93c) > .contents_d3ae0d > .markup_a7e664:not(:empty, .searchResultsWrap__2e184 *) code { - background: linear-gradient(var(--unity-chat-bubble-code-background-color), var(--unity-chat-bubble-code-background-color)); - background-color: var(--background-secondary); - background-size: calc(var(--enable-chat-bubble) * 1px); - border-radius: calc(var(--unity-chat-bubble-border-radius) - 10px); -} - -.markup_a7e664 blockquote, -.markup_a7e664 pre { - max-width: 100%; -} - -.list__5ced9 .card__691f2 .mainCard__0ec2c { - border-radius: var(--unity-border-radius); -} -.list__5ced9 .card__691f2 .mainCard__0ec2c + .matchingPostsRow__6cdb0 { - border-radius: var(--unity-border-radius); - margin-top: 4px; -} -.list__5ced9 .card__691f2 .container__852f7 { - border-radius: calc(var(--unity-border-radius) + 12px); -} - -.chat__52833:has(.threadSidebarOpen__62c31) { - width: 95%; -} -.chat__52833:has(.threadSidebarOpen__62c31) .list__5ced9 > div:first-child, .chat__52833:has(.threadSidebarOpen__62c31) .grid_c2bdfe > div:first-child, .chat__52833:has(.threadSidebarOpen__62c31) .headerRow__86f2e { - min-width: none; -} - -@keyframes chat-blur { - 0% { - -webkit-backdrop-filter: blur(0); - backdrop-filter: blur(0); - } - 100% { - -webkit-backdrop-filter: blur(var(--chat-background-blur)); - backdrop-filter: blur(var(--chat-background-blur)); - } -} -@keyframes header-blur { - 0% { - -webkit-backdrop-filter: blur(0); - backdrop-filter: blur(0); - } - 100% { - -webkit-backdrop-filter: blur(var(--header-background-blur)); - backdrop-filter: blur(var(--header-background-blur)); - } -} -.base_c0676e { - /* HEADER */ -} -.base_c0676e .searchResultsWrap__2e184 { - background: transparent; -} -.base_c0676e .noChat_ce920d { - border-radius: var(--unity-border-radius); - overflow: hidden; -} -.base_c0676e .title_d4ba1a, -.base_c0676e .subtitleContainer_f50402, -.base_c0676e .container__26baa.themed_b152d4:not(:has(+ .chat_f9a759)) { - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - background-color: var(--header-background-color, var(--chat-background-color, var(--background-primary))); -} -:root.full-motion .base_c0676e .title_d4ba1a, -:root.full-motion .base_c0676e .subtitleContainer_f50402, -:root.full-motion .base_c0676e .container__26baa.themed_b152d4:not(:has(+ .chat_f9a759)) { - transition: border-radius 2s cubic-bezier(0.5, 0.25, 0, 1); -} -.base_c0676e .title_d4ba1a::after, -.base_c0676e .subtitleContainer_f50402::after, -.base_c0676e .container__26baa.themed_b152d4:not(:has(+ .chat_f9a759))::after { - content: ""; - position: absolute; - top: 0; - left: 0; - -webkit-backdrop-filter: blur(var(--header-background-blur)); - backdrop-filter: blur(var(--header-background-blur)); - z-index: -1; -} -.base_c0676e .title_d4ba1a + *, .base_c0676e .title_d4ba1a ~ .container_a8317e, -.base_c0676e .subtitleContainer_f50402 + *, -.base_c0676e .subtitleContainer_f50402 ~ .container_a8317e, -.base_c0676e .container__26baa.themed_b152d4:not(:has(+ .chat_f9a759)) + *, -.base_c0676e .container__26baa.themed_b152d4:not(:has(+ .chat_f9a759)) ~ .container_a8317e { - margin-top: calc(var(--unity-inset) * var(--enable-gaps)); - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - background-color: var(--bg-overlay-chat, var(--chat-background-color, var(--background-primary))); - background-image: var(--chat-background-image); - background-blend-mode: multiply; - background-size: cover; - background-position: center; - background-repeat: no-repeat; -} -:root[class*=full-motion] .base_c0676e .title_d4ba1a + *, :root[class*=full-motion] .base_c0676e .title_d4ba1a ~ .container_a8317e, -:root[class*=full-motion] .base_c0676e .subtitleContainer_f50402 + *, -:root[class*=full-motion] .base_c0676e .subtitleContainer_f50402 ~ .container_a8317e, -:root[class*=full-motion] .base_c0676e .container__26baa.themed_b152d4:not(:has(+ .chat_f9a759)) + *, -:root[class*=full-motion] .base_c0676e .container__26baa.themed_b152d4:not(:has(+ .chat_f9a759)) ~ .container_a8317e { - transition: border-radius 2s cubic-bezier(0.5, 0.25, 0, 1), margin-top 2s cubic-bezier(0.5, 0.25, 0, 1); -} -.base_c0676e .title_d4ba1a::before, -.base_c0676e .subtitleContainer_f50402::before, -.base_c0676e .container__26baa.themed_b152d4:not(:has(+ .chat_f9a759))::before { - display: none; -} -.base_c0676e .title_d4ba1a .children_cde9af::after, -.base_c0676e .subtitleContainer_f50402 .children_cde9af::after, -.base_c0676e .container__26baa.themed_b152d4:not(:has(+ .chat_f9a759)) .children_cde9af::after { - display: none; -} -.base_c0676e .noChannel__28db0, -.base_c0676e .sidebar_e031be + *, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31), -.base_c0676e .container_bd15da, -.base_c0676e .container__03ec9 { - margin-left: calc(var(--unity-inset) / 2 * var(--enable-gaps)); - border: calc(var(--chat-border-width, 0) * var(--enable-gaps)) solid var(--chat-border-color, transparent); - opacity: var(--unity-opacity, 1); - background-color: var(--bg-overlay-chat); - background-image: var(--chat-background-image); - background-blend-mode: multiply; - background-size: cover; - background-position: center; - background-repeat: no-repeat; - overflow: hidden; -} -:root.full-motion .base_c0676e .noChannel__28db0, -:root.full-motion .base_c0676e .sidebar_e031be + *, -:root.full-motion .base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31), -:root.full-motion .base_c0676e .container_bd15da, -:root.full-motion .base_c0676e .container__03ec9 { - transition: margin-left 3s cubic-bezier(0.5, 0.25, 0, 1), border-radius 2s cubic-bezier(0.5, 0.25, 0, 1), opacity 1s cubic-bezier(0.5, 0.25, 0, 1); -} -.base_c0676e .noChannel__28db0::before, -.base_c0676e .sidebar_e031be + *::before, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31)::before, -.base_c0676e .container_bd15da::before, -.base_c0676e .container__03ec9::before { - content: ""; - -webkit-backdrop-filter: blur(var(--chat-background-blur)); - backdrop-filter: blur(var(--chat-background-blur)); - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - animation: chat-blur linear 250ms forwards; - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - z-index: -1; -} -.base_c0676e .noChannel__28db0 .tabBody_a90ea8 .nowPlayingColumn_b025fe, -.base_c0676e .sidebar_e031be + * .tabBody_a90ea8 .nowPlayingColumn_b025fe, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31) .tabBody_a90ea8 .nowPlayingColumn_b025fe, -.base_c0676e .container_bd15da .tabBody_a90ea8 .nowPlayingColumn_b025fe, -.base_c0676e .container__03ec9 .tabBody_a90ea8 .nowPlayingColumn_b025fe { - background: transparent; -} -.base_c0676e .noChannel__28db0 .tabBody_a90ea8 .nowPlayingColumn_b025fe aside, -.base_c0676e .sidebar_e031be + * .tabBody_a90ea8 .nowPlayingColumn_b025fe aside, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31) .tabBody_a90ea8 .nowPlayingColumn_b025fe aside, -.base_c0676e .container_bd15da .tabBody_a90ea8 .nowPlayingColumn_b025fe aside, -.base_c0676e .container__03ec9 .tabBody_a90ea8 .nowPlayingColumn_b025fe aside { - background: transparent; -} -.base_c0676e .noChannel__28db0 .tabBody_a90ea8 .itemCard_b64118, -.base_c0676e .sidebar_e031be + * .tabBody_a90ea8 .itemCard_b64118, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31) .tabBody_a90ea8 .itemCard_b64118, -.base_c0676e .container_bd15da .tabBody_a90ea8 .itemCard_b64118, -.base_c0676e .container__03ec9 .tabBody_a90ea8 .itemCard_b64118 { - border-radius: calc(var(--unity-border-radius) - 16px); -} -.base_c0676e .noChannel__28db0 .tabBody_a90ea8::before, -.base_c0676e .sidebar_e031be + * .tabBody_a90ea8::before, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31) .tabBody_a90ea8::before, -.base_c0676e .container_bd15da .tabBody_a90ea8::before, -.base_c0676e .container__03ec9 .tabBody_a90ea8::before { - display: none; -} -.base_c0676e .noChannel__28db0 .content__01e65 > div, -.base_c0676e .sidebar_e031be + * .content__01e65 > div, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31) .content__01e65 > div, -.base_c0676e .container_bd15da .content__01e65 > div, -.base_c0676e .container__03ec9 .content__01e65 > div { - border-radius: var(--unity-border-radius); -} -.base_c0676e .noChannel__28db0 .content__01e65::before, -.base_c0676e .sidebar_e031be + * .content__01e65::before, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31) .content__01e65::before, -.base_c0676e .container_bd15da .content__01e65::before, -.base_c0676e .container__03ec9 .content__01e65::before { - display: none; -} -.base_c0676e .noChannel__28db0 .content__01e65 .buttons__36852 .buttonsInner_a9dfff, -.base_c0676e .sidebar_e031be + * .content__01e65 .buttons__36852 .buttonsInner_a9dfff, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31) .content__01e65 .buttons__36852 .buttonsInner_a9dfff, -.base_c0676e .container_bd15da .content__01e65 .buttons__36852 .buttonsInner_a9dfff, -.base_c0676e .container__03ec9 .content__01e65 .buttons__36852 .buttonsInner_a9dfff { - border-radius: var(--unity-border-radius); -} -.base_c0676e .noChannel__28db0 .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:first-child, -.base_c0676e .sidebar_e031be + * .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:first-child, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31) .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:first-child, -.base_c0676e .container_bd15da .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:first-child, -.base_c0676e .container__03ec9 .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:first-child { - border-radius: var(--unity-border-radius) 0 0 var(--unity-border-radius); -} -.base_c0676e .noChannel__28db0 .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:last-child, -.base_c0676e .sidebar_e031be + * .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:last-child, -.base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31) .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:last-child, -.base_c0676e .container_bd15da .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:last-child, -.base_c0676e .container__03ec9 .content__01e65 .buttons__36852 .buttonsInner_a9dfff .button_d4bf9b:last-child { - border-radius: 0 var(--unity-border-radius) var(--unity-border-radius) 0; -} -:root.custom-theme-background .base_c0676e .noChannel__28db0, -:root.custom-theme-background .base_c0676e .sidebar_e031be + *, -:root.custom-theme-background .base_c0676e :is(.chat__52833, .chat__52833.threadSidebarOpen__62c31), -:root.custom-theme-background .base_c0676e .container_bd15da, -:root.custom-theme-background .base_c0676e .container__03ec9 { - background-blend-mode: normal; -} -.base_c0676e .container_a8317e, -.base_c0676e .channelTextArea_c2094b, -.base_c0676e .header__119bc, -.base_c0676e .wrapper__6b7d8, -.base_c0676e .container__68e43 { - background: transparent; - /* Set backgrounds to transparent so we can see wrapper's background */ -} - -main:not(.container_ec90d4) { - background-color: var(--chat-background-color, var(--background-primary)); - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); -} -main:not(.container_ec90d4) .newMessagesBar__8b272 { - border-radius: calc(var(--unity-border-radius) - 12px); - top: 12px; -} -main:not(.container_ec90d4) .jumpToPresentBar__69174 { - width: calc(100% - 50px); - margin: 0 auto; -} -:root.custom-theme-background main:not(.container_ec90d4) { - background-color: unset; - background: var(--bg-overlay-chat, var(--background-primary)); -} - -[customTitlebar] .base_c0676e { - border-top-left-radius: calc(var(--unity-border-radius) * var(--enable-gaps)) !important; -} - -.searchResultsWrap__2e184 { - border-radius: 0 var(--unity-border-radius) var(--unity-border-radius) 0; -} - -/* MEMBERS LIST */ -.container_f79ab4 { - margin-left: calc(var(--unity-inset) * var(--enable-gaps)); - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); -} -.container_f79ab4 .membersWrap__5ca6b { - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - overflow: hidden; -} - -.pageWrapperBackgroundPrimary__36469 { - background-color: var(--chat-background-color); -} - -/* -- User Popouts + User Profile Panel -- */ -.userPopoutOuter_d67f56 { - border-radius: var(--unity-border-radius); -} -.userPopoutOuter_d67f56 > .userPopoutInner_ac0960::before { - border-radius: calc(var(--unity-border-radius) - 4px); -} -.userPopoutOuter_d67f56 > .userPopoutInner_ac0960 .bannerSVGWrapper__8a38c { - border-radius: calc(var(--unity-border-radius) - 4px) calc(var(--unity-border-radius) - 4px) 0 0; -} - -[class*=userPopoutInner] > [class*=wrapper] > [class*=bannerVisible] { - border-radius: var(--unity-border-radius) var(--unity-border-radius) 0px 0px; -} - -/* Remove stock border on input wrapper */ -[class*=userPopoutOverlayBackground] [class*=section] > [class*=inputWrapper] { - border-width: 0px; -} - -/* "Underline" input boxes when focused */ -:where(.messageInput_c423ff, .input_f27786):focus:not(.searchBoxInput__56498, .select-1Ia3hD, .select_fe2671) { - border-bottom: var(--border-width) solid var(--brand-experiment); -} - -:where(.messageInput_c423ff, .input_f27786):not(.searchBoxInput__56498, .select-1Ia3hD, .select_fe2671) { - border-bottom: var(--border-width) solid var(--profile-message-input-border-color, var(--interactive-muted)); - border-radius: 0px; -} - -:where(.messageInput_c423ff, .input_f27786):not(.searchBoxInput__56498, .select-1Ia3hD, .select_fe2671, .focused-1AtTHC, :focus):hover { - border-bottom: var(--border-width) solid var(--interactive-hover); -} - -.menu__088f7 [role=menuitemradio]:not(:hover) svg.icon__0bfbf > path:has(+ .radioSelection__41d1e) { - color: var(--brand-experiment); -} -.menu__088f7:not(#account) { - border-radius: var(--unity-border-radius); -} -.menu__088f7:not(#account) .item__183e8:nth-child(2) { - margin-top: 0px; -} -.menu__088f7:not(#account) > .scroller__8f066 :not([role^=group]) [role^=menuitem]:only-of-type { - margin: 0; - border-radius: var(--unity-border-radius); -} -.menu__088f7:not(#account) > .scroller__8f066 > .item__183e8:first-of-type { - padding-top: 10px; - margin-top: 0; -} -.menu__088f7:not(#account) > .scroller__8f066 [role=group]:first-of-type .submenu_aed9ee .item__183e8 { - padding-top: 10px; - margin-top: 0; -} -.menu__088f7:not(#account) > .scroller__8f066 [role=group]:first-of-type .item__183e8:first-of-type { - padding-top: 10px; - margin-top: 0; -} - -.menu__088f7:not(#account) > .scroller__8f066 [role=group]:nth-last-child(2) > [role^=menuitem]:last-of-type, -.menu__088f7:not(#account) > .scroller__8f066 > [role^=menuitem]:nth-last-of-type(2) { - /* border-radius: 0px 0px var(--unity-border-radius) var(--unity-border-radius); */ - padding-bottom: 10px; - margin-bottom: 0; -} - -.menu__088f7 > .scroller__8f066::-webkit-scrollbar { - width: 0; -} - -.menu__088f7#account > .scroller__8f066 [role=group]:first-of-type > .submenuContainer-3EVTeH:last-child > .item__183e8:not([id^=account-divider]) { - margin: 0; - margin-bottom: 10px; - padding-top: 0; - padding-bottom: 0; -} - -.submenuPaddingContainer__5a97c { - padding: 0 4px; -} - -.item__183e8.labelContainer__4f869 { - padding-left: 15px; - padding-right: 15px; -} - -.item__183e8 .caret_ce50ce { - transform: translate(5px, 1px); -} - -.item__183e8 .grabber_e3daf3 { - transform: translateY(1px); -} - -.item__183e8:not([id^=account-divider]) { - border-radius: 0px; - padding-top: 8px; - padding-bottom: 8px; -} - -.labelContainer-2vJzYL, -.statusItem-2a1giL { - padding-left: 15px; - padding-right: 15px; -} - -.clickable__0b25f { - padding: 0; -} - -.base__87e58 { - border-radius: 0px; -} - -.menu__088f7 > .scroller__8f066 { - padding: 0; -} - -.menu__088f7:not(#account), -.menu__088f7:not(#account) > .scroller__8f066 { - border-radius: var(--unity-border-radius); -} - -.popout_a6e77f, -.popout_a6e77f.popoutPositionTop__762b9 { - border-radius: var(--unity-border-radius); - top: 8px; - box-shadow: 0px 0px 10px 1px var(--unity-background-tertiary); - background: var(--unity-background-floating); - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - margin-top: 5px; -} - -.menu__088f7:not(#account), -.popoutContainer__66068 { - background: var(--unity-background-floating); -} - -.popoutContainer__66068 { - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); -} - -[id^=popout_]:not(#account):has(.menu__088f7) > .scroller__8f066 { - border-radius: var(--unity-border-radius); -} - -/*Blur using pseudoelement else submenus break */ -.menu__088f7:not(#account).submenu_aed9ee::before, -.menu__088f7:not(#account, .submenu_aed9ee)::before { - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - content: ""; - border-radius: var(--unity-border-radius); - transform-origin: center center; - width: 100%; - pointer-events: none; - box-sizing: border-box; -} - -.menu__088f7:not(#account, .submenu_aed9ee)::before { - height: 100%; - display: block; - position: absolute; - top: 0; -} - -/* submenus with borders end up being the wrong size... looking at super reactions here */ -.menu__088f7:not(#account).submenu_aed9ee::before { - height: 100%; - width: calc(100% - 8px); - display: block; - position: absolute; - top: 2px; -} - -/* STICKER / GIF / EMOJI PICKER */ -.contentWrapper_eab878, .contentWrapper_e0bb2c { - grid-template-rows: auto 24px; - padding-bottom: 8px; -} - -.nav_b56420, -.nav__2aafa { - order: 2; -} - -.wrapper__91b2c { - background-color: transparent; -} - -.navItem__38e35 + .navItem__38e35 { - margin-left: 10px; -} - -.navItem__38e35 { - padding-left: 15px; - padding-right: 15px; -} - -.container_ec5ce2 { - border-radius: var(--unity-border-radius); -} - -.categoryFadeBlurple_ffb0c5 { - border-radius: var(--unity-border-radius); -} - -section .contentWrapper_e0bb2c, -.unicodeShortcut__01a83, -.standardStickerShortcut_e9a698, -#emoji-picker-tab-panel > .header_e5d8b2, -.scroller_ac6d1c.list__30719 { - background-color: var(--unity-background-floating); - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); -} - -.header_e5d8b2 { - background-color: transparent; -} - -.emojiPicker__5e2e2 { - border-radius: 0; - background-color: transparent; -} - -.container_ec5ce2 { - background-color: var(--unity-background-floating); - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); -} - -.inspector__80c84 { - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - background-color: var(--unity-background-floating); -} - -.wrapper__91b2c.header__3028e { - flex-shrink: 1; - top: 10px; - margin-bottom: 10px; - margin-top: 10px; - background-color: unset; -} - -.header__8e271 { - background-color: var(--background-tertiary); - padding: 5px; - border-radius: var(--unity-border-radius); -} - -.wrapper__91b2c::after { - display: none; -} - -.searchBar_ca009d { - border-radius: var(--radius-round); -} - -.contentWrapper_e0bb2c { - border-radius: var(--unity-border-radius); -} - -.contentWrapper_e0bb2c .container_ec5ce2 { - border-radius: var(--unity-border-radius); -} - -[class*=navButtonActive] { - background-color: var(--brand-experiment); - border-radius: var(--radius-round); -} - -.navList__5c9f4 { - justify-content: center; -} - -.result_e1fc74 { - border-radius: var(--unity-border-radius); - overflow: hidden; -} - -.result_e1fc74::after { - border-radius: var(--unity-border-radius); -} - -.container_cdf5a8 { - background-color: var(--unity-background-floating); -} - -.messagesPopout__28784:not(.scroller_e3927b), .scroller_e3927b:not(.scroller_e3927b) { - margin-top: 10px; -} -.messagesPopout__28784 div:first-of-type .channel__36a7e, .scroller_e3927b div:first-of-type .channel__36a7e { - margin-top: 10px; -} -.messagesPopout__28784 .container__7c2c1, .scroller_e3927b .container__7c2c1 { - margin: 10px auto 0 auto; - border-radius: var(--unity-border-radius); -} -.messagesPopout__28784 .container__7c2c1 .messageContainer_cb3d47, .scroller_e3927b .container__7c2c1 .messageContainer_cb3d47 { - border-radius: unset; - overflow: hidden; - background-color: transparent; -} -.messagesPopout__28784 .container__7c2c1 .channelHeader_ea0f89, .scroller_e3927b .container__7c2c1 .channelHeader_ea0f89 { - margin-left: 16px; - padding: 0 20px; - border-radius: var(--unity-border-radius); - margin-bottom: 8px; - margin-top: 8px; -} -.messagesPopout__28784 .channel__36a7e, .scroller_e3927b .channel__36a7e { - border-radius: var(--unity-border-radius); - overflow: hidden; - padding-bottom: 0; - margin-bottom: 16px; -} -.messagesPopout__28784 .channel__36a7e .messages__1aaa1, .scroller_e3927b .channel__36a7e .messages__1aaa1 { - border-radius: 0; -} -.messagesPopout__28784 .channel__36a7e .channelHeader_ea0f89, .scroller_e3927b .channel__36a7e .channelHeader_ea0f89 { - padding: 12px 20px 12px 30px; -} -.messagesPopout__28784 .channel__36a7e .collapseButton_f8165c, .scroller_e3927b .channel__36a7e .collapseButton_f8165c { - left: 5px; -} - -div[id^=popout]:not(:has(#account, [class*=userPopout])) > div { - border-radius: var(--unity-border-radius); - overflow: hidden; - z-index: 102; -} -div[id^=popout]:not(:has(#account, [class*=userPopout])) > div::after { - height: 100%; - width: 100%; - content: " "; - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - border-radius: var(--unity-border-radius); - position: absolute; - display: block; - z-index: -1; - top: 0; - left: 0; - margin-left: inherit; - margin-right: inherit; - box-sizing: border-box; -} -div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] { - background-color: var(--unity-background-floating); - /* INBOX FIX */ -} -div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class]::after { - height: 100%; - width: 100%; - content: " "; - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - border-radius: var(--unity-border-radius); - position: absolute; - display: block; - z-index: -1; - top: 0; - left: 0; - margin-left: inherit; - margin-right: inherit; - box-sizing: border-box; -} -div[id^=popout] .streamPreview__965fa { - background: transparent; -} -div[id^=popout] [class*=animator] > *:not(:has(#account)) { - border-radius: var(--unity-border-radius); -} -div[id^=popout] [class*=animator] > *:not(:has(#account))::after { - height: 100%; - width: 100%; - content: " "; - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - border-radius: var(--unity-border-radius); - position: absolute; - display: block; - z-index: -1; - top: 0; - left: 0; - margin-left: inherit; - margin-right: inherit; - box-sizing: border-box; -} - -.tooltip__7b090 { - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - border-radius: var(--unity-border-radius); -} - -#my-account-tab .userInfo_fb7651, -#my-account-tab .settingsBanner__01382, -#my-account-tab .accountProfileCard__744d8 > .bannerSVGWrapper__8a38c, -#my-account-tab .accountProfileCard__744d8 > .bannerSVGWrapper__8a38c > foreignObject { - height: 260px; -} -#my-account-tab .children_aba8cb :has(.bannerSVGWrapper__8a38c) { - justify-content: center; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 { - display: flex; - align-content: center; - flex-direction: column; - align-items: stretch; - justify-content: flex-start; - border-radius: calc(var(--unity-border-radius) + 16px); -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .bannerSVGWrapper__8a38c { - z-index: 0; - width: auto; - /* 100% width (default) breaks margin, so do auto */ - height: 265px; - border-radius: var(--unity-border-radius); - padding: 16px 16px 0 16px; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .bannerSVGWrapper__8a38c:hover { - filter: brightness(100%); - transition: filter ease-out 1s; - transition-delay: 450ms; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .bannerSVGWrapper__8a38c:not(:hover) { - filter: brightness(40%); - transition: filter ease-out 1s; - transition-delay: 450ms; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .bannerSVGWrapper__8a38c:hover + .userInfo_fb7651 { - opacity: 5%; - transition: opacity ease-out 1s; - transition-delay: 450ms; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .bannerSVGWrapper__8a38c:not(:has(.panelBanner__7d7e2)) { - border-radius: var(--unity-border-radius) var(--unity-border-radius) 0 0; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .bannerSVGWrapper__8a38c > foreignObject { - -webkit-mask: unset; - mask: unset; - transform-origin: center center; - y: -80.5555555556; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .bannerSVGWrapper__8a38c > foreignObject > div { - border-radius: var(--unity-border-radius); -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .userInfo_fb7651 { - filter: drop-shadow(0px 0px 0px var(--unity-background-secondary-alt)); - display: flex; - flex-direction: column; - align-self: center; - align-items: center; - justify-content: center; - padding: 0; - height: auto; - max-width: 70px; - /* make divs shrink to min size for hover to work */ - /* make it as tall as banner */ - position: absolute; - /* absolute positioning so div can be above bg */ - top: 30px; - /* same margin as banner to center vertically */ - /* reverse opacity on leave */ - transition: opacity 1s; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .userInfo_fb7651 .avatar__6c108 { - position: relative; - top: 0; - left: 0; - z-index: 2; - /* manual z-index so banner doesn't cover stuff */ - text-align: center; - border: 1px solid; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .userInfo_fb7651 .avatar__6c108 foreignobject { - -webkit-mask: unset; - mask: unset; - border-radius: var(--radius-round); -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .userInfo_fb7651 .badgeList__6b2c7 { - justify-content: center; - padding-right: 0; - display: flex; - flex-wrap: nowrap; - padding: 5px; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .userInfo_fb7651 .profileCardUsernameRow_f8853e { - margin-top: 10px; - color: var(--interactive-active); - flex-direction: column; - flex: 1 1 0; - align-items: center; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .userInfo_fb7651 .profileCardUsernameRow_f8853e .userTag__28f9c { - background-color: var(--unity-background-primary); - border-radius: var(--radius-round); - padding: 5px 8px; -} -#my-account-tab .children_aba8cb .accountProfileCard__744d8 .userInfo_fb7651 .profileCardUsernameRow_f8853e .overflowMenuButton__38716 { - filter: drop-shadow(var(--guild-header-text-shadow)); - margin: 0; - width: -moz-min-content; - width: min-content; -} - -[role=radiogroup] { - border-radius: var(--unity-border-radius); -} -[role=radiogroup]:has(.radioBar__70669) { - background-color: var(--background-secondary); - border-radius: var(--unity-border-radius); - overflow: hidden; - margin-bottom: 10px; -} -[role=radiogroup] .item_b7fb7e:first-child { - border-radius: var(--unity-border-radius) var(--unity-border-radius) 0 0; -} -[role=radiogroup] .item_b7fb7e:last-child { - border-radius: 0 0 var(--unity-border-radius) var(--unity-border-radius); - margin-bottom: 0px; -} -[role=radiogroup] .item_b7fb7e:last-child > .radioBar__70669 { - margin-bottom: 0px; -} -[role=radiogroup] .item_b7fb7e:not(:last-of-type) { - margin-bottom: 0px; -} -[role=radiogroup] .item_b7fb7e:not(:first-child, :last-child) { - border-radius: 0px; -} -[role=radiogroup] .item_b7fb7e[role=radio] > .radioBar__70669 { - border-left: none; -} -[role=radiogroup] .item_b7fb7e[role=radio][aria-checked=false]:not(:hover) { - background-color: transparent; -} -[role=radiogroup] .item_b7fb7e[role=radio][aria-checked=false]:not(:hover) > .radioBar__70669 > div > svg > * { - color: rgb(var(--unity-inactive-rgb)); -} -[role=radiogroup] .item_b7fb7e[role=radio][aria-checked=true] > .radioBar__70669 { - color: var(--radio-bar-accent-color, var(--brand-experiment)); -} -[role=radiogroup] .item_b7fb7e[role=radio][aria-checked=true] > .radioBar__70669 > div > svg > * { - color: var(--radio-bar-accent-color, var(--brand-experiment)); -} - -.sessions__7b95a .children_aba8cb { /* device sessions */ - background-color: var(--background-secondary); - border-radius: var(--unity-border-radius); - padding: 0 16px; -} -.sessions__7b95a .children_aba8cb .session__201cb:last-child { - border-bottom: none; -} - -#appearance-tab .children_aba8cb .marginTop8__7da6c:nth-child(2) .presets__230dd { - border-radius: var(--unity-border-radius); - background-color: var(--unity-background-secondary); - padding: 10px 10px; -} -#appearance-tab .children_aba8cb .marginTop8__7da6c:nth-child(2) .container__7ad1e { - margin-top: 0; -} -#appearance-tab .children_aba8cb .marginTop8__7da6c:nth-child(2) .container__7ad1e .labelRow__421af { - border-radius: var(--unity-border-radius); - background-color: var(--unity-background-secondary); - padding: 10px 10px; -} -#appearance-tab .children_aba8cb .marginTop8__7da6c:nth-child(2) > div:not([class]) [role=radiogroup] { - border-radius: var(--unity-border-radius); - background-color: var(--unity-background-secondary); - padding: 10px 10px; -} -#appearance-tab .children_aba8cb div.text-md-normal__6e567:last-of-type { - background-color: var(--brand-experiment-25a); - border-radius: var(--unity-border-radius); - border: none; - padding: 16px 22px; -} - -[role=tabpanel] [class^=settingsTabBar_], [role=tabpanel] .tabBar__22a9a.top_fae1fa { - align-items: center; - justify-content: space-evenly; - border-bottom: none; -} -[role=tabpanel] [class^=settingsTabBar_] .tabBarItem_c09345, [role=tabpanel] .tabBar__22a9a.top_fae1fa .tabBarItem_c09345 { - margin: 0; -} - -.profileCustomizationSection_c4a87a .bioTextArea_f46f71 { - border: 2px transparent solid; - border-radius: var(--unity-border-radius); -} -.profileCustomizationSection_c4a87a .bioTextArea_f46f71:focus-within { - border-color: var(--brand-experiment); -} -.profileCustomizationSection_c4a87a .bioTextArea_f46f71:hover:not(:focus-within) { - border-color: var(--interactive-hover); -} - -.connection__6dbd8 { - border-radius: var(--unity-border-radius); - overflow: hidden; -} - -.standardSidebarView__12528 .contentColumn__5f80b#my-account-tab > div > .marginTop40_bda863:last-of-type .sectionTitle__3e02b > h2 { - font-size: unset; - margin-bottom: initial; - margin-top: initial; -} -.standardSidebarView__12528 .contentColumn__5f80b .sectionTitle__3e02b > .defaultMarginh1__53162, -.standardSidebarView__12528 .contentColumn__5f80b h2:first-of-type:not([class*=bd-]) { - text-align: center; - font-size: 30px; - margin-bottom: 50px; - margin-top: 20px; -} -.standardSidebarView__12528 .contentColumn__5f80b .sectionTitle__3e02b > .defaultMarginh1__53162 > .headerContainer_b57177, -.standardSidebarView__12528 .contentColumn__5f80b h2:first-of-type:not([class*=bd-]) > .headerContainer_b57177 { - justify-content: center; - font-size: 30px; - margin-bottom: 10px; - flex-direction: column; - gap: 15px; -} -.standardSidebarView__12528 .button__581d0 { - border-radius: var(--unity-border-radius); -} -.standardSidebarView__12528 .button__581d0.removeButton__70891.lookLink_a2da25 { - background-color: var(--status-danger); - color: var(--interactive-active); -} -.standardSidebarView__12528 .button__581d0.removeButton__70891.lookLink_a2da25 .contents__322f4 { - --button--underline-color: transparent; -} -.standardSidebarView__12528 .card__4dc22 { - border-radius: var(--unity-border-radius); -} -.standardSidebarView__12528 .codeRedemptionRedirect_b3eca7.card-16VQ8C, -.standardSidebarView__12528 .formNotice-2nS8ey.cardPrimary-3qRT__, -.standardSidebarView__12528 .attendeeCTA__1439e { - background-color: var(--brand-experiment-25a); - border-radius: var(--unity-border-radius); - border: none; - padding: 16px 22px; -} - -.base__3e6af:has(.bd-notice) .bd-notice { - border-radius: calc(var(--unity-border-radius) * var(--enable-gaps)); - padding-left: 28px; - margin-top: calc(2px * var(--enable-gaps)); -} -.base__3e6af:has(.bd-notice) #bd-notices { - margin-bottom: 10px; - margin-left: calc(var(--unity-inset) / 2 * var(--enable-gaps)); - margin-right: calc(var(--unity-inset) / 2 * var(--enable-gaps)); -} - -div.bd-switch input { - right: 10px; -} -div.bd-switch input:checked + .bd-switch-body { - background-color: var(--brand-experiment); -} -div.bd-switch input:checked + .bd-switch-body svg.bd-switch-slider { - transform: translateY(-50%) translateX(0); -} -div.bd-switch input:checked + .bd-switch-body svg.bd-switch-slider rect.bd-switch-handle { - stroke: var(--brand-experiment); -} -div.bd-switch input:not(:checked) + .bd-switch-body { - background-color: transparent; - border: 1.5px solid rgb(var(--unity-inactive-rgb)); -} -div.bd-switch input:not(:checked) + .bd-switch-body svg.bd-switch-slider { - transform: translateY(-50%) translateX(-5px); -} -div.bd-switch input:not(:checked) + .bd-switch-body svg.bd-switch-slider rect.bd-switch-handle { - stroke: rgb(var(--unity-inactive-rgb)); - /* use stroke instead of border as this element is a basic shape */ -} -div.bd-switch input:active + .bd-switch-body rect.bd-switch-handle { - width: 20px; - height: 20px; -} -div.bd-switch .bd-switch-body svg.bd-switch-slider { - width: 30px; - height: 30px; - position: absolute; - margin: 0; - top: 50%; -} -div.bd-switch .bd-switch-body svg.bd-switch-slider rect.bd-switch-handle { - stroke-width: 2px; - stroke-linejoin: round; - paint-order: stroke; - x: 4; - y: 0; -} -div.bd-switch .bd-switch-body svg.bd-switch-slider svg.bd-switch-symbol { - display: none; -} - -.contentColumn_dc7d36 .bd-search-wrapper { - border-radius: var(--unity-border-radius); - padding: 5px 10px; -} -.contentColumn_dc7d36 .bd-addon-list .bd-addon-card { - border-radius: var(--unity-border-radius); -} -.contentColumn_dc7d36 .bd-addon-header:has(.bd-switch-checked) { - background-color: var(--brand-experiment-10a); -} -.contentColumn_dc7d36 > .bd-settings-title:first-of-type { - font-size: 30px; -} -.contentColumn_dc7d36 .bd-settings-title + .bd-settings-group { - margin-top: 20px; -} -.contentColumn_dc7d36 .bd-controls.bd-addon-controls { - position: sticky; - z-index: 3; - height: auto; - top: 150px; - padding: 0px 10px; -} -.contentColumn_dc7d36 > .bd-settings-title { - text-align: center; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - row-gap: 20px; - color: var(--interactive-active); - position: sticky; - height: 180px; - margin-top: 0; - padding-top: 10px; - padding-bottom: 0px; - top: 0px; - background-color: var(--background-primary); - z-index: 3; - border-radius: 0px; - margin-bottom: 0px; -} -.contentColumn_dc7d36 > .bd-settings-title::before { - content: ""; - position: absolute; - bottom: -50px; - height: 40px; - width: 100%; - border-radius: var(--unity-border-radius) var(--unity-border-radius) 0px 0px; - background-color: transparent; - box-shadow: 0 -25px 0 0 var(--background-primary); - z-index: -1; - pointer-events: none; -} -.contentColumn_dc7d36 .bd-settings-title > .bd-button-title { - margin-left: 0; - padding: 4px 30px; -} -.contentColumn_dc7d36 .bd-settings-group > .bd-settings-container { - background-color: var(--background-secondary); - padding-left: 15px; - padding-right: 15px; - border-radius: var(--unity-border-radius); -} -.contentColumn_dc7d36 .bd-settings-group > .bd-settings-container > .bd-setting-item.inline:last-of-type .bd-setting-divider { - display: none; -} -.contentColumn_dc7d36 .bd-settings-group > .bd-settings-container > .bd-empty-updates { - padding-bottom: 10px; -} -.contentColumn_dc7d36 .bd-settings-group > .bd-settings-container > .bd-setting-item.inline:first-of-type { - padding-top: 20px; -} -.contentColumn_dc7d36 .bd-settings-group > .bd-settings-container > .bd-setting-item.inline:last-of-type { - padding-bottom: 20px; - margin-bottom: 0px; -} -.contentColumn_dc7d36 .bd-settings-group.collapsible > .bd-settings-group-title::before { - display: none; -} -.contentColumn_dc7d36 .bd-settings-group ~ .bd-settings-group .bd-settings-title { - margin-top: 20px; -} - -.bd-addon-views button.bd-button:not(.bd-button-color-transparent) .bd-button.selected { - background-color: var(--brand-experiment); -} -button.bd-button:not(.bd-button-color-transparent).bd-view-button.selected { - background-color: var(--brand-experiment); -} -button.bd-button:not(.bd-button-color-transparent):not(.bd-addon-button, .bd-view-button) { - border-radius: var(--unity-border-radius); -} - -[role=dialog]:has(.bd-modal-root) { - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - border-radius: var(--unity-border-radius); - overflow: hidden; -} - -/* MODALS */ -/* USER PROFILE MODAL */ -[role=dialog][aria-modal=true] .root_ba16f0:has(.userProfileModalOuter__90b4a) { - --modal-background: transparent; - /* all modals have this background, even the profile ones that have an overlay */ -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a { - border-radius: var(--unity-border-radius); -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47::before { - border-radius: calc(var(--unity-border-radius) - 4px); -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47 .topSection__2d8b8 .bannerSVGWrapper__8a38c { - border-radius: calc(var(--unity-border-radius) - 4px) calc(var(--unity-border-radius) - 4px) 0 0; -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47 > .userProfileModalOverlayBackground_a5b043 { - border-radius: calc(var(--unity-border-radius) - 8px); -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47 > .userProfileModalOverlayBackground_a5b043 .tabBar__35f81 { - justify-content: center; - align-content: center; - flex-wrap: wrap; - gap: 10px 5px; -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47 > .userProfileModalOverlayBackground_a5b043 .tabBar__35f81 .tabBarItem_ce14f3 { - border-radius: var(--radius-round); - border: 1px solid transparent; - text-align: center; - height: auto; - margin: 0px 15px 20px; - padding: 5px 10px; -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47 > .userProfileModalOverlayBackground_a5b043 .tabBar__35f81 .tabBarItem_ce14f3:hover, [role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47 > .userProfileModalOverlayBackground_a5b043 .tabBar__35f81 .tabBarItem_ce14f3.selected_a523ff { - border: 1px solid var(--interactive-hover); - transition: border 100ms ease-in; -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47 > .userProfileModalOverlayBackground_a5b043 .tabBar__35f81 .tabBarItem_ce14f3.disabled__2717e:hover { - border-color: var(--interactive-muted); -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47 > .userProfileModalOverlayBackground_a5b043 .tabBar__35f81 .tabBarItem_ce14f3.selected_a523ff { - border: 1px solid var(--interactive-active); -} -[role=dialog][aria-modal=true] .userProfileModalOuter__90b4a > .userProfileModalInner__84e47 > .userProfileModalOverlayBackground_a5b043 .tabBar__35f81 .tabBarItem_ce14f3.selected_a523ff.brand_ce3ecf { - border: 1px solid var(--brand-experiment); -} - -.profileBadges__1f2ab, -.badgeList__76720 { - border-radius: var(--unity-border-radius); -} - -.quickswitcher_b5bb0a { - background-color: var(--unity-background-floating); - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - border-radius: var(--unity-border-radius); -} -.quickswitcher_b5bb0a input { - text-align: center; - border-radius: calc(var(--unity-border-radius) - 20px); -} -.quickswitcher_b5bb0a .scroller_d4b86c { - background: transparent; -} - -.root_a28985, -.container_a30b97, -.focusLock__28507[aria-modal=true] > :not(.fullscreenOnMobile__05784) .modal_d2e7a7 > .wrapper-2bCxfR > div:not([class|=imageWrapper]), -.modalRoot_d45f8d, -.messagesPopoutWrap__10dd1, -.container_f93da8 { - border-radius: var(--unity-border-radius); -} - -[role=dialog]:has(div .modal__6a96b), [role=dialog]:has(> .modal__6a96b), [role=dialog] > div:has(.modal__6a96b) { - background: transparent; -} -[role=dialog] .rootWithShadow_d20cd6:not(:has(.modal__6a96b)) { - background-color: var(--unity-background-floating); -} -[role=dialog] .rootWithShadow_d20cd6:not(:has(.modal__6a96b))::after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - border-radius: var(--unity-border-radius); - -webkit-backdrop-filter: blur(var(--unity-floating-blur-radius)); - backdrop-filter: blur(var(--unity-floating-blur-radius)); - z-index: -1; - top: 0; - left: 0; -} -[role=dialog] .header__5e5a6, -[role=dialog] .content__3ea16 { - border-radius: var(--unity-border-radius) var(--unity-border-radius) 0 0; -} -[role=dialog] .footer_e0b400 { - border-radius: 0 0 var(--unity-border-radius) var(--unity-border-radius); - justify-content: space-around; -} -[role=dialog] .footer_e0b400 button { - width: auto; - border-radius: var(--unity-border-radius); -} -[role=dialog] .footer_e0b400 button:not([type=submit]) { - background-color: var(--brand-experiment-35a); - transition: background-color ease 0.2s; -} -[role=dialog] .footer_e0b400 button:not([type=submit]).lookLink_a2da25.colorPrimary_ebe632 { - color: var(--interactive-active); -} -[role=dialog] .footer_e0b400 button:not([type=submit]):hover { - background-color: var(--brand-experiment); -} -[role=dialog] .footer_e0b400 button:not([type=submit]) .contents__322f4 { - background-image: none; -} - -.slider__22e99 .grabber_e3daf3 { - border-radius: var(--radius-round); - border-color: var(--brand-experiment); - background-color: var(--brand-experiment); -} -.slider__22e99:not(.mini_d6d84c) .bar_e58961 { - transform: scaleY(0.8); -} -.slider__22e99:not(.mini_d6d84c) > .track_b31f5a .mark_e7d3b1 .markDash__54545 { - background-color: var(--primary-dark-500); - transform: scaleX(0.6); -} -.slider__22e99:not(.mini_d6d84c) > .track_b31f5a .grabber_e3daf3 { - height: 18px; - width: 18px; - border-radius: var(--radius-round); - border: none; - background-color: var(--brand-experiment); - transition: box-shadow 0.2s; - box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35); - position: relative; - transform: translateY(3.5px) translateX(-4px); -} -.slider__22e99:not(.mini_d6d84c) > .track_b31f5a .grabber_e3daf3::before { - content: ""; - box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.289); - opacity: 0; - transition: all 0.3s ease-in-out; - width: inherit; - height: inherit; - position: absolute; - border-radius: inherit; -} -.slider__22e99:not(.mini_d6d84c) > .track_b31f5a .grabber_e3daf3:hover::before { - opacity: 1; -} -.slider__22e99 .bar-1Bhnl9 { - /* background: rgb(var(--unity-inactive-rgb)); */ - background-color: var(--primary-dark-500); -} - -/* Switch Body dimensions and position. also adjust the for bd switches */ -.container__2ed72:not(.mini-6F2SSa), -.bd-switch-body, -.bd-switch input { - height: 20px; - width: 35px; -} - -/* Enabled Switch Body */ -.container__2ed72.checked__36fdc { - background-color: var(--brand-experiment) !important; -} - -/* Disabled Switch Body */ -.container__2ed72:not(.checked__36fdc, .mini-6F2SSa) { - border: 1.5px solid rgb(var(--unity-inactive-rgb)); -} - -/* Switch slider dimensions */ -.slider__41d94 { - width: 30px; - height: 30px; -} - -/* Subtle border on switch handle when disabled */ -:not(.checked__36fdc, .mini-6F2SSa) > .slider__41d94 > rect { - stroke: rgb(var(--unity-inactive-rgb)); - /* use stroke instead of border as this element is a basic shape */ - stroke-width: 2px; - stroke-linejoin: round; - paint-order: stroke; -} - -/* Mini Switches??? */ -.container-2nx-BQ.mini-6F2SSa > .slider-32CRPX { - width: 25px; - height: 25px; - transform: translateX(-5px); - /* Translate as left: is automated */ - top: -5.5px; -} - -.container-2nx-BQ.mini-6F2SSa input { - margin: 0 auto; -} - -.container__827e6 { - display: none; - width: 50%; - height: 50%; -} - -.container__2ed72 { - margin-right: 6px; -} -.container__2ed72.checked__36fdc { - background-color: var(--brand-experiment) !important; -} -.container__2ed72.checked__36fdc svg.slider__41d94 { - left: 12px !important; - margin: 0; - top: 50%; - transform: translateY(-50%) !important; -} -.container__2ed72.checked__36fdc svg.slider__41d94 > rect { - stroke: var(--brand-experiment); - /* use stroke instead of border as this element is a basic shape */ -} -.container__2ed72:not(.checked__36fdc) { - background-color: transparent !important; -} -.container__2ed72:not(.checked__36fdc) svg.slider__41d94 { - top: 50%; - margin: 0; - transform: translateY(-50%) translateX(-5px) !important; -} -.container__2ed72 svg.slider__41d94 { - width: 30px; - height: 30px; - position: absolute; -} -.container__2ed72 svg.slider__41d94 > rect { - stroke: rgb(var(--unity-inactive-rgb)); - stroke-width: 2px; - stroke-linejoin: round; - paint-order: stroke; - width: 20px; - height: 20px; - x: 4; - y: 0; -} -.container__2ed72 svg.slider__41d94 > rect + svg { - display: none; -} - -.checkbox_fcf2ad { - border-radius: var(--radius-round); - overflow: hidden; -} -.checkbox_fcf2ad.checked__16f88 { - background: var(--brand-experiment); -} -.checkbox_fcf2ad.checked__16f88 > svg > path { - fill: var(--interactive-active); -} - -[role=menuitemcheckbox] svg:has(.check__8d1bd) path.checkbox__378d3 { - -webkit-clip-path: circle(50% at 50% 50%); - clip-path: circle(50% at 50% 50%); - transform: scale(1.2); - transform-origin: center center; -} -[role=menuitemcheckbox] svg > path[d^="M18.625 3H5.375"] { - d: path("M12 22.65C17.8818 22.65 22.65 17.8818 22.65 12C22.65 6.11817 17.8818 1.35 12 1.35C6.11817 1.35 1.35 6.11817 1.35 12C1.35 17.8818 6.11817 22.65 12 22.65Z"); - fill: none; - stroke: currentColor; - stroke-width: 1.3; -} - -.searchBarComponent__53adf, .searchBar__5a20a { - border-radius: var(--unity-border-radius); - padding-left: 5px; -} - -.searchFilter_dbda51 { - padding: 0px 4px; - border-radius: var(--unity-border-radius) 0 0 var(--unity-border-radius); -} - -.searchAnswer__2ccaf { - padding: 0 4px; - border-radius: 0 var(--unity-border-radius) var(--unity-border-radius) 0; -} - -[role=tabpanel] .searchBar__310d8 { - border-radius: calc(var(--unity-border-radius) - 8px); -} - -.select__9fa19 { - border-radius: var(--unity-border-radius); -} - -:where(.children_cde9af, .contents_d3ae0d, .link__3a950, .userInfo__83819):has([src*="419610859392860162"]) :where(.overflow__993fa, .headerText_bd68ec, .username__267df, .titleWrapper_d6133e > h1 > div) { - display: inline-flex; - flex-wrap: wrap; -} -:where(.children_cde9af, .contents_d3ae0d, .link__3a950, .userInfo__83819):has([src*="419610859392860162"]) :where(.overflow__993fa, .headerText_bd68ec, .username__267df, .titleWrapper_d6133e > h1 > div):after { - display: inline-flex; - flex: 0 0 auto; - flex-direction: row; - align-items: center; - content: "unity developer"; - text-transform: uppercase; - border: 1px solid var(--brand-experiment-600); - padding: 0 4px; - background-color: var(--brand-experiment-50a); - font-size: 10px; - height: 15px; - border-radius: 4px; - margin: auto 0 auto 4px; - text-decoration: none !important; - color: var(--interactive-active); -} - -:is(.platform-osx, [armcord-platform=darwin]) .wrapper__216eb { - margin-top: var(--guilds-top-bottom-inset, calc(32px * (var(--enable-gaps) - 1) + 32px)); - padding-top: calc(32px * (1 - var(--enable-gaps))); -} - -:root.custom-theme-background .typeMacOS_cacc59 { - opacity: calc(var(--unity-gaps) / -1); -} - -.toast.toast-danger, -.toast.toast-error { - background-color: var(--unity-red); -} - -.toast.toast-success { - background-color: var(--unity-green-2); -} - -.bd-toast { - border-radius: var(--radius-round); - background-color: var(--background-tertiary); -} -.bd-toast.toast-info { - background-color: var(--brand-experiment); -} -.bd-toast.toast-success { - background-color: var(--unity-green-2); -} -.bd-toast.toast-danger, .bd-toast.toast-error { - background-color: var(--unity-red); -} -.bd-toast.toast-warning, .bd-toast.toast-warn { - background-color: var(--unity-orange); -} \ No newline at end of file diff --git a/Themes/Unity/Unity.theme.css b/Themes/Unity/Unity.theme.css index cdc1c9e..94c6ca8 100644 --- a/Themes/Unity/Unity.theme.css +++ b/Themes/Unity/Unity.theme.css @@ -2,16 +2,16 @@ * @name Unity * @author super.user * @authorId 419610859392860162 - * @version 1.5 + * @version 1.6 * @description A highly customizable theme inspired by Samsung's OneUI * @source https://github.com/joshuah345/Discord-Stuff/tree/master/Themes/Unity * @invite BDGSZDYSQ */ -@import url("https://joshuah345.github.io/Discord-Stuff/Themes/Unity/Unity.css"); -@import url("https://joshuah345.github.io/Discord-Stuff/Themes/Unity/Fonts/SamsungOne/SamsungOne.css"); -@import url("https://joshuah345.github.io/Discord-Stuff/Themes/Unity/Fonts/SamsungSharpSans/SamsungSharpSans.css"); +@import url("https://tanuki.page/Discord-Stuff/Themes/Unity/dist/Unity.css"); +@import url("https://tanuki.page/Discord-Stuff/Themes/Unity/Fonts/SamsungOne/SamsungOne.css"); +@import url("https://tanuki.page/Discord-Stuff/Themes/Unity/Fonts/SamsungSharpSans/SamsungSharpSans.css"); /* Please visit https://github.com/joshuah345/Discord-Stuff/wiki/Themes#unity for a variable guide. diff --git a/Themes/Unity/src/theme/chat/_index.scss b/Themes/Unity/src/theme/chat/_index.scss index f91a664..de85ead 100644 --- a/Themes/Unity/src/theme/chat/_index.scss +++ b/Themes/Unity/src/theme/chat/_index.scss @@ -8,8 +8,6 @@ @include keyframes.blur-anim(chat); @include keyframes.blur-anim(header); - - .base_c0676e { .searchResultsWrap__2e184 {