@import url("https://capnkitten.github.io/BetterDiscord/Themes/user-icons.css"); :root { --app-font: 'Google Sans'; --app-bg: var(--main-alt); --accent-hue: 224; --accent-saturation: 71%; --accent-lightness: 61%; --accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness); --avatar-radius: 50%; --accent-button-action: #fff; --accent-button-action-hover: 0.06; --accent-button-action-active: 0.12; --accent-text-color: #fff; --alert-color: #f04747; --alert-button-action: #fff; --alert-button-action-hover: 0.1; --alert-button-action-active: 0.2; --alert-text-color: #fff; --success-color: #43b581; --message-radius: 19px; --message-padding: 8px 12px; --message-padding-alt: 4px 12px 8px 12px; --main-textarea-radius: 24px; --media-radius: 19px; --card-radius: 8px; --card-radius-big: 16px; --button-height: 38px; --button-radius: calc(var(--button-height) / 2); --button-padding: 0 20px; --input-height: var(--button-height); --input-radius: var(--button-radius); --popout-radius: var(--card-radius); --popout-radius-big: var(--card-radius-big); --spotify-color: #1db954; --stream-color: #593695; --stream-flash: 89,54,149; --xbox-color: #107c10; --supporter-color: hsl(var(--accent-hsl)); --tooltip-color: rgba(97,97,97,0.9); --tooltip-text-color: #ddd; --tooltip-font-size: 12px; --tooltip-padding: 8px; --tooltip-radius: 8px; --tooltip-shadow: 0px 5px 15px rgba(0,0,0,0.2); --shadow-1dp: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12); --shadow-2dp: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2); --shadow-3dp: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); --default-animation: cubic-bezier(0.4,0,0.2,1); --default-time: 250ms; --window-title-bar: 22px; --window-button-min: #ffbd44; --window-button-max: #00ca4e; --window-button-close: #ff605c; --code-font: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace; } .theme-dark { --main-color: #16171a; --main-alt: #0f1012; --server-color: #232327; --status-picker-color: #2c2d31; --sidebar-panel-color: #212226; --chat-color: #202225; --message-color: #292d30; --message-color-hover: #303438; --message-color-alt: #1c1e21; --attachment-color: rgb(0,0,0,0.325); --main-textarea-color: #303338; --main-textarea-color-alt: #3b3f42; --main-textarea-border: #3e434a; --typing-color: rgba(32,34,37,0.9); --popout-color: #2c2f33; --popout-color-alt: #202225; --popout-header-border: #444; --separator-color: #444; --input-color: rgba(255,255,255,0.075); --input-border-color: #444; --input-padding: 0 8px; --tab-border-color: #fff; --menu-item-hover: rgba(255,255,255,0.075); --menu-item-select: rgba(255,255,255,0.1); --menu-item-select-accent: hsla(var(--accent-hsl),0.25); --menu-item-text-color: #aaa; --card-color: transparent; --card-color-hover: #292b2f; --card-color-alt: #2a2c30; --card-color-alt-hover: #35383d; --card-border-color: #444; --card-header-text-color: #dcddde; --button-link-color: 255,255,255; --button-link-text-color: #fff; --button-border-color: #444; --slider-color: #4f545c; --switch-knob-color: 0,0%,47%; --switch-slider-color: 240,1%,20%; --md-ripple-color: 0,100%,100%; --emoji-category-header: rgba(44,47,51,0.95); --scrollbar-color: 255,255,255; --window-button: rgba(255,255,255,0.1); --window-button-inactive: rgba(255,255,255,0.05); } .theme-light { --main-color: #e8eaeb; --main-alt: #ddd; --server-color: #eee; --status-picker-color: #d2d4d5; --sidebar-panel-color: #dbddde; --chat-color: #fff; --message-color: #edeff0; --message-color-hover: #e1e2e3; --message-color-alt: #e8e8e8; --attachment-color: rgba(0,0,0,0.1); --main-textarea-color: #fff; --main-textarea-color-alt: #ccc; --main-textarea-border: #dadce0; --typing-color: rgba(255,255,255,0.8); --popout-color: #fff; --popout-color-alt: #e5e5e5; --popout-header-border: #aaa; --separator-color: #ccc; --input-color: #d2d4d4; --input-border-color: #aaa; --tab-border-color: #777; --menu-item-hover: rgba(0,0,0,0.1); --menu-item-select: rgba(0,0,0,0.125); --menu-item-select-accent: hsla(var(--accent-hsl),0.25); --menu-item-text-color: #333; --card-color: transparent; --card-color-hover: #eee; --card-color-alt: transparent; --card-color-alt-hover: #d4d4d4; --card-border-color: #ccc; --card-header-text-color: #333; --button-link-color: 0,0,0; --button-link-text-color: #333; --button-border-color: #ccc; --slider-color: #999; --switch-knob-color: 0,0%,100%; --switch-slider-color: 210,1%,73%; --md-ripple-color: 0,0%,0%; --emoji-category-header: rgba(255,255,255,0.9); --scrollbar-color: 0,0,0; --window-button: rgba(0,0,0,0.2); --window-button-inactive: rgba(0,0,0,0.1); } /* * * APP ELEMENTS * */ * { font-family: var(--app-font), sans-serif !important; } ::selection { background: hsla(var(--accent-hsl), 0.35); text-shadow: none; } body, .app-3xd6d0, .appMount-2yBXZl { background-color: transparent; } .bg-1QIAus, .container-2RRFHK { background: var(--app-bg); background-repeat: no-repeat; background-position: center; background-size: cover; } .platform-win .bg-1QIAus { top: calc((var(--window-title-bar) + 4px) * -1); } .anchor-1MIwyf { color: hsl(var(--accent-hsl)); } .low-saturation .anchor-1MIwyf { color: hsl(var(--accent-hsl)); } .wordmark-2u86JB.wordmarkWindows-2dq6rw { width: auto; height: var(--window-title-bar); padding: 0 0 0 4px; line-height: var(--window-title-bar); font-size: 0.9em; color: var(--text-normal); } .wordmark-2u86JB.wordmarkWindows-2dq6rw:before, .wordmark-2u86JB.wordmarkWindows-2dq6rw:after { position: relative; width: auto; height: 22px; } .wordmark-2u86JB.wordmarkWindows-2dq6rw:before { content: "DINKELCORD"; font-weight: 700; } .wordmark-2u86JB.wordmarkWindows-2dq6rw:after { content: ""; } .wordmark-2u86JB.wordmarkWindows-2dq6rw svg { display: none; } .typeWindows-2-g3UY.withFrame-2dL45i { height: var(--window-title-bar); margin-top: 0; } .typeWindows-2-g3UY .winButton-3UMjdg { height: var(--window-title-bar); top: 0; } .typeWindows-2-g3UY .winButton-3UMjdg:before { position: absolute; content: " "; width: 12px; height: 12px; background-position: center; -webkit-mask-size: contain; mask-size: contain; filter: brightness(40%); z-index: 2; opacity: 0; transition: var(--default-time) var(--default-animation) opacity; pointer-events: none; } .typeWindows-2-g3UY .winButton-3UMjdg:hover:before { opacity: 1; } .typeWindows-2-g3UY .winButton-3UMjdg:after { position: absolute; content: " "; width: 16px; height: 16px; border-radius: 50%; background-color: var(--window-button); transition: var(--default-time) var(--default-animation); pointer-events: none; } .typeWindows-2-g3UY .winButton-3UMjdg:active:after { opacity: 0.65; } .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3RsPUg:nth-last-of-type(2):hover:after { background-color: var(--window-button-max); } .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3RsPUg:nth-last-of-type(2):before { background-color: var(--window-button-max); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3RsPUg:nth-last-of-type(1):hover:after { background-color: var(--window-button-min); } .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3RsPUg:nth-last-of-type(1):before { background-color: var(--window-button-min); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .typeWindows-2-g3UY .winButton-3UMjdg.winButtonClose-3Q8ZH5:hover:after { background-color: var(--window-button-close); } .typeWindows-2-g3UY .winButton-3UMjdg.winButtonClose-3Q8ZH5:before { background-color: var(--window-button-close); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .typeWindows-2-g3UY .winButton-3UMjdg:hover, .typeWindows-2-g3UY .winButton-3UMjdg:active { background-color: transparent; } .typeWindows-2-g3UY .winButton-3UMjdg svg { display: none; } html:not(.app-focused) .typeWindows-2-g3UY .winButton-3UMjdg:after { background-color: var(--window-button-inactive); } html:not(.app-focused) .typeWindows-2-g3UY .winButton-3UMjdg.winButtonMinMax-3RsPUg:after { background-color: var(--window-button-inactive); } /* * * NOTICES * */ .notice-2HEN-u { border-radius: 0; z-index: 1 !important; } .notice-2HEN-u.notice-12Koq-, .notice-2HEN-u.notice-1x8lm- { background-color: hsl(var(--accent-hsl)); } .notice-2HEN-u.notice-12Koq- .button-f2h6uQ, .notice-2HEN-u.notice-1x8lm- .button-f2h6uQ { background-color: rgba(var(--button-link-color), 0.15) !important; box-shadow: none !important; } .notice-2HEN-u.notice-12Koq- .header-26uvhX, .notice-2HEN-u.notice-1x8lm- .header-26uvhX { color: var(--accent-text-color); } .notice-2HEN-u .button-1iHNQ2 { padding: var(--button-padding); background-color: rgba(var(--button-link-color), 0.2); border-radius: var(--button-radius); border: none; line-height: 24px; color: var(--button-text-color); } .notice-2HEN-u .button-1iHNQ2:hover { background-color: rgba(var(--button-link-color), 0.35); color: var(--button-text-color); } /* * * LOGIN SCREEN * */ .authBox-1HR6Ha { padding: 16px; background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big); box-shadow: var(--shadow-3dp); } .authBox-1HR6Ha .mainLoginContainer-wHmAjP { margin-right: 24px; padding-right: 24px; border-right: 1px solid var(--card-border-color); } .authBox-1HR6Ha .verticalSeparator-2r9gHa { display: none; } .authBox-1HR6Ha .qrLogin-1ejtpI { height: 320px; } .authBox-1HR6Ha .needAccount-MrvMN7 { line-height: 24px; } .authBox-1HR6Ha .linkButton-2ax8wP { --button-height: 17px; --button-padding: 0; background-color: transparent !important; font-size: 14px !important; font-weight: 400 !important; } .authBox-1HR6Ha .linkButton-2ax8wP:hover { text-decoration: underline !important; } .authBox-1HR6Ha .needAccount-MrvMN7 + .linkButton-2ax8wP { position: relative; top: -3px; } .navRow-dG-XX8 { height: auto; padding: 8px; background-color: transparent; border-top: 1px solid var(--card-border-color); } .navRow-dG-XX8 .button-1cRKG6 { margin: 0; } /* * * ACCOUNT SWITCHER * */ [aria-label="Manage Accounts"] .modal-1ocm0B { padding: 0; } .list-3-WAYB { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .list-3-WAYB .accountCard-2lki2x { padding: 16px; background-color: transparent; border-radius: var(--card-radius-big); position: relative; border-bottom: none; } .list-3-WAYB .accountCard-2lki2x:after { position: absolute; content: " "; width: calc(100% - 64px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .list-3-WAYB .accountCard-2lki2x:last-of-type:after { display: none; } .list-3-WAYB .userActionMenu-3-DfuT { background-color: transparent !important; border-radius: 50% !important; position: relative; } .list-3-WAYB .userActionMenu-3-DfuT:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .list-3-WAYB .userActionMenu-3-DfuT:hover:after { opacity: 1; transform: scale(1.2); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .list-3-WAYB .userActionMenu-3-DfuT:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .list-3-WAYB .userActionMenu-3-DfuT .contents-3ca1mk { height: 24px; transform: rotate(90deg); } .list-3-WAYB .separator-3pyJLj { display: none; } .modalCloseButton-3DSpqK { z-index: 2; } .modalCloseButton-3DSpqK .contents-3ca1mk { height: 24px; } .button-3e8L6b { margin: 16px 0 0; } .container-5N5x2A { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--shadow-3dp); } .container-5N5x2A .pointer-1bsD64 { border-top-color: var(--popout-color); } .actions-1qEPMo { margin: 16px 0 0; } /* ACCOUNT SWITCHER -> ADD ACCOUNT */ .navRow-dG-XX8 { background-color: transparent !important; } .navRow-dG-XX8 .backButton-2rLJZw, .navRow-dG-XX8 .continueButton-3SZT3h { margin: 0; } /* * * AUTHORIZE APP * */ .oauth2Wrapper-p_8bbd { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .oauth2Wrapper-p_8bbd .authorize-2xTTr- .content-3oGIwf { padding: 0; } .oauth2Wrapper-p_8bbd .authorize-2xTTr- .content-3oGIwf .header-3cN3a_ { border-radius: 0; } .oauth2Wrapper-p_8bbd .authorize-2xTTr- .content-3oGIwf .header-3cN3a_, .oauth2Wrapper-p_8bbd .authorize-2xTTr- .content-3oGIwf .scopes-uCLYQv { border-bottom: 1px solid var(--popout-header-border); } .oauth2Wrapper-p_8bbd .authorize-2xTTr- .content-3oGIwf .header-3cN3a_, .oauth2Wrapper-p_8bbd .authorize-2xTTr- .content-3oGIwf .scopes-uCLYQv, .oauth2Wrapper-p_8bbd .authorize-2xTTr- .content-3oGIwf .applicationDetails-3O3kc- { padding: 16px; } .oauth2Wrapper-p_8bbd .authorize-2xTTr- .content-3oGIwf .entry-2w47SK { margin-top: 0; margin-bottom: 8px; } .oauth2Wrapper-p_8bbd .authorize-2xTTr- .content-3oGIwf .entry-2w47SK:last-child { margin-bottom: 0; } .oauth2Wrapper-p_8bbd .authorize-2xTTr- .footer-3Gu_Tl { padding: 8px; background-color: transparent; border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); border-top: 1px solid var(--popout-header-border); } /* * * TITLE BAR * */ .title-31SJ6t { z-index: 1; } .container-ZMc96U { box-shadow: var(--elevation-low); } .container-ZMc96U.transparent-1lUmft { box-shadow: none; } .container-ZMc96U.themed-Hp1KC_ { background-color: var(--main-color); } .children-3xh0VB:after { background: linear-gradient(90deg, transparent 0, var(--main-color)) !important; } .children-3xh0VB .topPill-3DJJNV { height: 100%; } .children-3xh0VB .topPill-3DJJNV .item-3XjbnG { height: 48px; padding: 0 8px; line-height: 48px; background-color: transparent !important; border-radius: 0; color: var(--interactive-normal) !important; } .children-3xh0VB .topPill-3DJJNV .item-3XjbnG:hover { color: var(--interactive-hover) !important; } .children-3xh0VB .topPill-3DJJNV .item-3XjbnG[aria-selected="true"] { position: relative; background-color: transparent !important; color: var(--interactive-active) !important; } .children-3xh0VB .topPill-3DJJNV .item-3XjbnG[aria-selected="true"]:after { position: absolute; content: " "; width: 90%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .topic-11NuQZ a { color: hsl(var(--accent-hsl)); } .wrapper-1ZcZW- { background-color: hsla(var(--accent-hsl), 0.2); color: hsl(var(--accent-hsl)); } .wrapper-1ZcZW-:hover { background-color: hsla(var(--accent-hsl), 0.35); color: hsl(var(--accent-hsl)); } /* TITLE BAR -> SEARCH BAR */ .search-1FM8Qc { width: 160px; transition: 300ms ease width; } .search-1FM8Qc .searchBar-zdmu7v { width: 100%; height: 32px; background-color: var(--input-color); border-radius: 16px; } .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-root { padding: 6px 0; padding-left: 8px; } .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-root .public-DraftEditorPlaceholder-root { padding-left: 2px; } .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-editorContainer .searchFilter-2UfsDk, .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-editorContainer .searchFilter-2UfsDk + span[data-offset-key], .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-editorContainer .searchAnswer-23w-CH span[data-offset-key] { background-color: rgba(255, 255, 255, 0.15); } .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-editorContainer .searchFilter-2UfsDk { margin-right: 2px; padding: 0 4px 0 8px; border-radius: 10px 0 0 10px; } .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-editorContainer .searchFilter-2UfsDk:only-child { padding: 0 8px; border-radius: 11px; } .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-editorContainer .searchAnswer-23w-CH { background-color: transparent; } .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-editorContainer .searchFilter-2UfsDk + span[data-offset-key], .search-1FM8Qc .searchBar-zdmu7v .DraftEditor-editorContainer .searchAnswer-23w-CH span[data-offset-key] { display: inline-block; height: 20px; margin: 0 2px 0 -2px; padding: 0px 8px 0px 0; border-radius: 0 11px 11px 0; color: #fff; } .search-1FM8Qc .searchBar-zdmu7v .icon-1nNws_ { width: 32px; height: 32px; } .search-1FM8Qc.open-3y3yI_ { width: 240px; } /*.search-1FM8Qc { width: 32px; &:focus-within, &.open-3y3yI_ { width: 240px; .searchBar-zdmu7v { .DraftEditor-root { padding-left: 8px; } } } .searchBar-zdmu7v { .DraftEditor-root { padding-left: 0; } } }*/ /* TITLE BAR -> ICONS */ .iconWrapper-2awDjA.clickable-ZD7xvu { position: relative; } .iconWrapper-2awDjA.clickable-ZD7xvu:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .iconWrapper-2awDjA.clickable-ZD7xvu:hover:after { opacity: 1; transform: scale(1.5); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .iconWrapper-2awDjA.clickable-ZD7xvu:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .iconWrapper-2awDjA foreignObject { mask: none !important; } .iconWrapper-2awDjA .icon-2xnN2Y path { /* TITLE BAR -> ICONS -> REFRESH STAGE DISCOVERY */ /* TITLE BAR -> ICONS -> NEW GROUP DM */ /* TITLE BAR -> ICONS -> START VOICE CALL */ /* TITLE BAR -> ICONS -> START VIDEO CALL */ /* TITLE BAR -> ICONS -> ADD FRIENDS TO DM */ /* TITLE BAR -> ICONS -> MUTE CHANNEL */ /* TITLE BAR -> ICONS -> UNMUTE CHANNEL */ /* TITLE BAR -> ICONS -> PINNED MESSAGES */ /* TITLE BAR -> ICONS -> MEMBERS LIST */ /* TITLE BAR -> ICONS -> UPDATE */ /* TITLE BAR -> ICONS -> INBOX */ /* TITLE BAR -> ICONS -> HELP */ } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M12 2C6.485 2 2 6.485 2 12H5.33333C5.33333 8.32333 8.32333 5.33333 12 5.33333C15.6767 5.33333 18.6667 8.32333 18.6667 12C18.6667 15.6767 15.6767 18.6667 12 18.6667C10.2033 18.6667 8.55833 17.9333 7.315 16.6867L10.3333 13.6667H2V22L4.935 19.065C6.79833 20.94 9.30167 22 12 22C17.515 22 22 17.515 22 12C22 6.48667 17.515 2 12 2Z"] { d: path("M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M20.998 0V3H23.998V5H20.998V8H18.998V5H15.998V3H18.998V0H20.998ZM2.99805 20V24L8.33205 20H14.998C16.102 20 16.998 19.103 16.998 18V9C16.998 7.896 16.102 7 14.998 7H1.99805C0.894047 7 -0.00195312 7.896 -0.00195312 9V18C-0.00195312 19.103 0.894047 20 1.99805 20H2.99805Z"] { d: path("M4 4h16v12H5.17L4 17.17V4m0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-3h12v2H6V6z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] { d: path("M6.54 5c.06.89.21 1.76.45 2.59l-1.2 1.2c-.41-1.2-.67-2.47-.76-3.79h1.51m9.86 12.02c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19M7.5 3H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M21 3H24V5H21V8H19V5H16V3H19V0H21V3ZM10 12C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4C7.795 4 6 5.795 6 8C6 10.205 7.795 12 10 12ZM10 13C5.289 13 2 15.467 2 19V20H18V19C18 15.467 14.711 13 10 13Z"] { d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y 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"] { d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] { d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm0-15.5c2.49 0 4 2.02 4 4.5v.1l2 2V11c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.24.06-.47.15-.69.23l1.64 1.64c.18-.02.36-.05.55-.05zM5.41 3.35L4 4.76l2.81 2.81C6.29 8.57 6 9.74 6 11v5l-2 2v1h14.24l1.74 1.74 1.41-1.41L5.41 3.35zM16 17H8v-6c0-.68.12-1.32.34-1.9L16 16.76V17z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] ~ path { display: none; } .iconWrapper-2awDjA .icon-2xnN2Y 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("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y 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"], .iconWrapper-2awDjA .icon-2xnN2Y path[d="M6 1C3.243 1 1 3.244 1 6c0 2.758 2.243 5 5 5s5-2.242 5-5c0-2.756-2.243-5-5-5zm0 2.376a.625.625 0 110 1.25.625.625 0 010-1.25zM7.5 8.5h-3v-1h1V6H5V5h1a.5.5 0 01.5.5v2h1v1z"] { d: path("M16.5,6.5A2,2 0 0,1 18.5,8.5A2,2 0 0,1 16.5,10.5A2,2 0 0,1 14.5,8.5A2,2 0 0,1 16.5,6.5M16.5,12A3.5,3.5 0 0,0 20,8.5A3.5,3.5 0 0,0 16.5,5A3.5,3.5 0 0,0 13,8.5A3.5,3.5 0 0,0 16.5,12M7.5,6.5A2,2 0 0,1 9.5,8.5A2,2 0 0,1 7.5,10.5A2,2 0 0,1 5.5,8.5A2,2 0 0,1 7.5,6.5M7.5,12A3.5,3.5 0 0,0 11,8.5A3.5,3.5 0 0,0 7.5,5A3.5,3.5 0 0,0 4,8.5A3.5,3.5 0 0,0 7.5,12M21.5,17.5H14V16.25C14,15.79 13.8,15.39 13.5,15.03C14.36,14.73 15.44,14.5 16.5,14.5C18.94,14.5 21.5,15.71 21.5,16.25M12.5,17.5H2.5V16.25C2.5,15.71 5.06,14.5 7.5,14.5C9.94,14.5 12.5,15.71 12.5,16.25M16.5,13C15.3,13 13.43,13.34 12,14C10.57,13.33 8.7,13 7.5,13C5.33,13 1,14.08 1,16.25V19H23V16.25C23,14.08 18.67,13 16.5,13Z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M6 1C3.243 1 1 3.244 1 6c0 2.758 2.243 5 5 5s5-2.242 5-5c0-2.756-2.243-5-5-5zm0 2.376a.625.625 0 110 1.25.625.625 0 010-1.25zM7.5 8.5h-3v-1h1V6H5V5h1a.5.5 0 01.5.5v2h1v1z"] { transform: scale(0.5); } .iconWrapper-2awDjA .icon-2xnN2Y 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; } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] { d: path("M11 8v5l4.25 2.52.77-1.28-3.52-2.09V8zm10 2V3l-2.64 2.64C16.74 4.01 14.49 3 12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9h-2c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.93 0 3.68.79 4.95 2.05L14 10h7z") !important; fill: var(--success-color); } .iconWrapper-2awDjA .icon-2xnN2Y 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"] { d: path("M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5v-3h3.56c.69 1.19 1.97 2 3.45 2s2.75-.81 3.45-2H19v3zm0-5h-4.99c0 1.1-.9 2-2 2s-2-.9-2-2H5V5h14v9z") !important; } .iconWrapper-2awDjA .icon-2xnN2Y path[d="M12 2C6.486 2 2 6.487 2 12C2 17.515 6.486 22 12 22C17.514 22 22 17.515 22 12C22 6.487 17.514 2 12 2ZM12 18.25C11.31 18.25 10.75 17.691 10.75 17C10.75 16.31 11.31 15.75 12 15.75C12.69 15.75 13.25 16.31 13.25 17C13.25 17.691 12.69 18.25 12 18.25ZM13 13.875V15H11V12H12C13.104 12 14 11.103 14 10C14 8.896 13.104 8 12 8C10.896 8 10 8.896 10 10H8C8 7.795 9.795 6 12 6C14.205 6 16 7.795 16 10C16 11.861 14.723 13.429 13 13.875Z"] { d: path("M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z") !important; } /* * * SERVER LIST * */ .wrapper-1_HaEi { background-color: var(--server-color); } .wrapper-1_HaEi .scroller-3X7KbA { background-color: transparent; } .wrapper-1_HaEi .tree-3agP2X:focus { outline: none; } .wrapper-3kah-n .childWrapper-1j_1ub { background-color: hsl(var(--accent-hsl)); border-radius: var(--avatar-radius); color: var(--accent-text-color); } .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub { background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .wrapper-3kah-n:hover .childWrapper-1j_1ub { background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .circleButtonMask-1_597P, .circleIconButton-1VxDrg { border-radius: var(--avatar-radius) !important; background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .circleButtonMask-1_597P.selected-2r1Hvo, .circleIconButton-1VxDrg.selected-2r1Hvo { background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .childWrapper-1j_1ub rect { rx: var(--avatar-radius); } .circleButtonMask-1_597P { background-color: var(--menu-item-select) !important; transition: var(--default-time) var(--default-animation) background-color; } .circleButtonMask-1_597P path { transition: var(--default-time) var(--default-animation) fill; } .circleButtonMask-1_597P:hover { background-color: hsl(var(--accent-hsl)) !important; } .circleButtonMask-1_597P:hover path { fill: var(--accent-text-color); } /* SERVER LIST -> SERVER */ .listItem-3SmSlK .wrapper-28eC3z { border-radius: var(--avatar-radius); } .listItem-3SmSlK .wrapper-28eC3z .icon-3AqZ2e { border-radius: var(--avatar-radius); } .listItem-3SmSlK .wrapper-28eC3z .lowerBadge-3WTshO { width: auto; height: auto; bottom: 0; right: 0; } .listItem-3SmSlK .wrapper-28eC3z .lowerBadge-3WTshO .numberBadge-37OJ3S { background-color: var(--alert-color) !important; box-shadow: var(--shadow-1dp); color: var(--alert-text-color); } .listItem-3SmSlK .wrapper-28eC3z .lowerBadge-3WTshO.unread-badge { right: unset; left: -2px; } .listItem-3SmSlK .wrapper-28eC3z .lowerBadge-3WTshO.unread-badge .numberBadge-37OJ3S { background-color: hsl(var(--accent-hsl)) !important; color: var(--accent-text-color) !important; } .listItem-3SmSlK .wrapper-28eC3z .upperBadge-1V6Iyi { top: -4px; left: -4px; } .listItem-3SmSlK .wrapper-28eC3z .upperBadge-1V6Iyi .iconBadge-1D5-9X { width: 22px; height: 22px; background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); border-radius: 50%; animation: audio-flash 2.5s linear infinite; } .listItem-3SmSlK .wrapper-28eC3z .upperBadge-1V6Iyi .iconBadge-1D5-9X.participating-2Z81oO { background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .listItem-3SmSlK .wrapper-28eC3z .upperBadge-1V6Iyi .iconBadge-1D5-9X .icon-2Ug6UV { padding: 4px; } .listItem-3SmSlK .wrapper-28eC3z .upperBadge-1V6Iyi .iconBadge-1D5-9X .icon-2Ug6UV path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] { d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); } .listItem-3SmSlK .wrapper-28eC3z .upperBadge-1V6Iyi .iconBadge-1D5-9X .icon-2Ug6UV path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); } .listItem-3SmSlK.frame-oXWS21 .childWrapper-1j_1ub { padding: 0 6px; border-radius: 12px; text-transform: capitalize; } .folder-241Joy, .folderIconWrapper-1oRIZr { border-radius: var(--avatar-radius); } .centerTarget-S6BLFQ.dragOver-1OKbo2:before { background-color: hsl(var(--accent-hsl)); box-shadow: var(--shadow-1dp); } .target-1eRTCg.dragOver-1OKbo2:before { background-color: hsl(var(--accent-hsl)); } /* SERVER LIST -> SERVER -> FOLDER */ .folder-1hbNCn, .folderIconWrapper-1_bOZe { border-radius: var(--avatar-radius); } .iconInactive-26M06U { border-radius: var(--avatar-radius); } /* * * INVITED TO SERVER * */ .container-1Gt1iQ { border-radius: var(--popout-radius-big); box-shadow: var(--shadow-3dp); } .contentWrapper-3oy4Xo { background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) 0 0 var(--popout-radius-big); } .inviteSplash-2Q0PLE { border-radius: 0 var(--popout-radius-big) var(--popout-radius-big) 0; } /* * * CREATE/JOIN SERVER * */ .container-q97qHp .templatesList-uohY49, .container-q97qHp .optionsList-dmHy1l { margin-top: 0; } .container-q97qHp .templatesList-uohY49 .container-x8Y1ix, .container-q97qHp .optionsList-dmHy1l .container-x8Y1ix { margin-top: 8px; margin-bottom: 0; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; transition: var(--default-time) var(--default-animation) background-color; } .container-q97qHp .templatesList-uohY49 .container-x8Y1ix:hover, .container-q97qHp .optionsList-dmHy1l .container-x8Y1ix:hover { background-color: var(--card-color-alt); } .container-q97qHp .templatesList-uohY49 .container-x8Y1ix:first-child, .container-q97qHp .optionsList-dmHy1l .container-x8Y1ix:first-child { margin-top: 0; } .container-q97qHp .templatesList-uohY49 .container-x8Y1ix .text-PdAsFQ, .container-q97qHp .optionsList-dmHy1l .container-x8Y1ix .text-PdAsFQ { color: var(--text-normal); } .container-q97qHp .templatesList-uohY49 .skip-2hTIXL, .container-q97qHp .optionsList-dmHy1l .skip-2hTIXL { margin-top: 16px; margin-bottom: 0; } /* * * HOME TAB * */ .privateChannels-oVe7HL { background-color: transparent; } .privateChannels-oVe7HL .searchBar-3TnChZ .searchBarComponent-3N7dCG { height: 32px; padding: 0 10px; background-color: var(--input-color); border-radius: 16px; } .privateChannels-oVe7HL .scroller-WSmht3 { background-color: transparent; } .privateChannels-oVe7HL .content-2a4AW9 { margin-bottom: 20px; } .privateChannels-oVe7HL .container-1oeRFJ { margin-left: 0; padding: 0; } .privateChannels-oVe7HL .container-1oeRFJ .layout-1qmrhw { padding: 1px 16px; border-radius: 0 21px 21px 0; transition: var(--default-time) var(--default-animation) background-color; } .privateChannels-oVe7HL .container-1oeRFJ:hover .layout-1qmrhw { background-color: var(--menu-item-hover); } .privateChannels-oVe7HL .container-1oeRFJ.selected-1-Z6gm .layout-1qmrhw { background-color: var(--menu-item-select-accent); } /* HOME TAB -> STAGE DISCOVERY */ .stageSection-3mAD8V { background-color: var(--chat-color); } .container-2rNpDV { background-color: hsl(var(--accent-hsl)); border-radius: var(--card-radius-big); } .container-2rNpDV .header-3g0E_g, .container-2rNpDV .body-3MGQWc { color: var(--accent-text-color) !important; } .container-S9SaVf { background-color: var(--card-color) !important; border-radius: var(--card-radius-big) !important; border: 1px solid var(--card-border-color) !important; } .container-S9SaVf .contentContainer-r2-Vlj { padding: 0; } .container-S9SaVf .contentContainer-r2-Vlj .guildInfoContainer-1dd0zN { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .container-S9SaVf .contentContainer-r2-Vlj .guildInfoContainer-1dd0zN .rightJustifiedContent-2QwekV { height: 20px; } .container-S9SaVf .contentContainer-r2-Vlj .topicText-2H6hYP { margin: 0 0 12px; padding: 16px 16px 0; } .container-S9SaVf .contentContainer-r2-Vlj .grid-3fdl0Y { padding: 0 16px 16px; } .container-1oAagU { background-color: var(--main-color); } .container-1oAagU .scroller-hE2gWq { margin-left: 0; border-left: none; } /* HOME TAB - > FRIENDS LIST */ .container-2cd8Mz { background-color: var(--chat-color) !important; } .peopleColumn-1wMU14 { position: relative; } .peopleColumn-1wMU14 .searchBar-2aylmZ { position: absolute; width: calc(100% - 32px); height: auto; margin: 16px; background-color: var(--chat-color); border-radius: 20px; box-shadow: var(--shadow-2dp); z-index: 2; box-sizing: border-box; } .peopleColumn-1wMU14 .searchBar-2aylmZ .inner-2pOSmK { background-color: var(--input-color); border-radius: 16px; } .peopleColumn-1wMU14 .searchBar-2aylmZ .inner-2pOSmK .input-2m5SfJ { height: 40px; } .peopleColumn-1wMU14 .searchBar-2aylmZ .inner-2pOSmK .input-2m5SfJ::-webkit-input-placeholder { font-weight: 500; } .peopleColumn-1wMU14 .searchBar-2aylmZ .inner-2pOSmK .iconLayout-3Bjizv { width: 40px; height: 40px; } .peopleList-2VBrVI { margin-top: 0; padding-top: 60px; } .peopleList-2VBrVI .title-x4dI75 { height: 40px; margin: 0; padding: 0 16px; line-height: 40px; font-size: 14px; text-transform: none; } .peopleList-2VBrVI .peopleListItem-u6dGxF { margin: 0; padding: 0 16px; position: relative; border-bottom: none; border-radius: 0; border-top: none; transition: var(--default-time) var(--default-animation) background-color; } .peopleList-2VBrVI .peopleListItem-u6dGxF:after { position: absolute; content: " "; width: calc(100% - 60px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .peopleList-2VBrVI .peopleListItem-u6dGxF:last-of-type:after { display: none; } .peopleList-2VBrVI .peopleListItem-u6dGxF:hover { background-color: var(--menu-item-hover); } .peopleList-2VBrVI .peopleListItem-u6dGxF .actionButton-3-B2x- { background-color: transparent; position: relative; } .peopleList-2VBrVI .peopleListItem-u6dGxF .actionButton-3-B2x-:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .peopleList-2VBrVI .peopleListItem-u6dGxF .actionButton-3-B2x-:hover:after { opacity: 1; transform: scale(1); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .peopleList-2VBrVI .peopleListItem-u6dGxF .actionButton-3-B2x-:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .peopleList-2VBrVI .peopleListItem-u6dGxF .actionButton-3-B2x- .icon-1WVg4I { transform: scale(1.2); } .peopleList-2VBrVI .peopleListItem-u6dGxF .actionButton-3-B2x- .icon-1WVg4I path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] { d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"); } /* HOME TAB -> NOW PLAYING */ .nowPlayingColumn-1eCBCN { background-color: var(--main-color); } .nowPlayingColumn-1eCBCN .container-1oAagU { background-color: var(--main-color); } .nowPlayingColumn-1eCBCN .container-1oAagU .scroller-hE2gWq { margin-left: 0; border-left: none; } .header-13Cw0- { font-size: 14px; text-transform: none; } .emptyCard-KDifrB { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .wrapper-2RrXDg { margin: 0; background-color: transparent; border-radius: 0; border: none; border-left: 1px solid var(--card-border-color); border-right: 1px solid var(--card-border-color); transition: var(--default-time) var(--default-animation) background-color; } .wrapper-2RrXDg:hover { background-color: var(--card-color-hover) !important; } .wrapper-2RrXDg:hover .body-16rSsp { background-color: var(--card-color-alt-hover); } .wrapper-2RrXDg:not(:only-of-type) { position: relative; border-bottom: none; } .wrapper-2RrXDg:not(:only-of-type):after { position: absolute; content: " "; width: calc(100% - 60px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .wrapper-2RrXDg:not(:only-of-type):last-of-type:after { display: none; } .wrapper-2RrXDg:not(:only-of-type):first-of-type { border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; border-top: 1px solid var(--card-border-color); } .wrapper-2RrXDg:not(:only-of-type):nth-last-child(2) { border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border-bottom: 1px solid var(--card-border-color); } .wrapper-2RrXDg:not(:only-of-type):nth-last-child(2):after { display: none; } .wrapper-2RrXDg .body-16rSsp { margin-left: 44px; background-color: var(--card-color-alt); border-radius: var(--card-radius-big); transition: var(--default-time) var(--default-animation) background-color; } .wrapper-2RrXDg .section-3G9aLW { background-color: transparent; border-radius: var(--card-radius-big); } .wrapper-2RrXDg .separator-2OaeRP { background-color: var(--card-border-color); } .wrapper-2RrXDg .applicationStreamingPreviewWrapper-7j27t8, .wrapper-2RrXDg .applicationStreamingPreviewSize-17Trrk img { border-radius: var(--card-radius-big); } .header-13Cw0- + .wrapper-2RrXDg:nth-last-child(2) { border-radius: var(--card-radius-big); } .popout-3Zw0qN { padding: 8px 0; background-color: var(--popout-color) !important; border-radius: var(--card-radius); box-shadow: var(--shadow-3dp) !important; } .popout-3Zw0qN .wrapper-3Rixsz { margin: 0; padding: 9px 12px; border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .popout-3Zw0qN .wrapper-3Rixsz:hover { background-color: var(--menu-item-hover); } .popout-3Zw0qN .wrapper-3Rixsz .colorStandard-21JIj7 { font-weight: 500; color: var(--menu-item-text-color); } .popout-3Zw0qN .memberListContainer-13tNU9 { margin-top: 0; } .popout-3Zw0qN .memberListContainer-13tNU9 .memberListItem-31QoHj { margin: 0; padding: 6px 12px; border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .popout-3Zw0qN .memberListContainer-13tNU9 .memberListItem-31QoHj:hover { background-color: var(--menu-item-hover); } .popout-3Zw0qN .memberListContainer-13tNU9 .memberListItem-31QoHj .colorStandard-21JIj7 { color: var(--menu-item-text-color); } .popout-3Zw0qN .memberListContainer-13tNU9 .memberListItem-31QoHj .nameTag-H6kSJ0 .discriminator-19kRMP, .popout-3Zw0qN .memberListContainer-13tNU9 .memberListItem-31QoHj .nameTag-H6kSJ0 .username-3JLfHz { font-weight: 500; } .popout-3Zw0qN .memberListContainer-13tNU9 .memberListHeader-543n-J { margin: 8px 0; padding: 0 12px; color: var(--menu-item-text-color); text-transform: none; } .popout-3Zw0qN .separator-2OaeRP { margin: 8px 0; background-color: var(--separator-color); } .memberItem-2FOuJI { padding: 0; } /* HOME TAB -> FIND OR START A CONVERSATION */ .quickswitcher-pKcM9U { padding: 0; background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .quickswitcher-pKcM9U .input-3r5zZY { height: 48px; line-height: 48px; margin: 16px; padding: 0 16px; background-color: var(--input-color); border-radius: 24px; box-shadow: none; } .quickswitcher-pKcM9U .scroller-2qwVWY { margin-top: 0; margin-right: 0; background-color: transparent; border-top: 1px solid var(--card-border-color); } .quickswitcher-pKcM9U .result-u66Ywh { border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .quickswitcher-pKcM9U .result-u66Ywh.resultFocused-3aIoYe { background-color: var(--menu-item-hover); } .quickswitcher-pKcM9U .protip-1jXzAl { padding: 8px; border-top-color: var(--card-border-color); } /* HOME TAB -> LIBRARY */ .scroller-2XLwLg, .scroller-1TOeMq { background-color: var(--chat-color); } .container-3u6dG- { padding-bottom: 8px; } .container-3u6dG- .header-2EadGG { height: 42px; padding: 0 16px; line-height: 42px; background-color: var(--chat-color); border-bottom: 1px solid var(--card-border-color); } .container-3u6dG- .header-2EadGG.stickyHeader-fX4ei6 { width: 100%; } .container-3u6dG- .header-2EadGG .headerCell-3WoADH { border: none; font-size: 14px; text-transform: none; } .container-3u6dG- .header-2EadGG .headerCell-3WoADH.headerCellSorted-2sXjX3 .headerCellContent-iBms3e { position: relative; background-color: transparent !important; } .container-3u6dG- .header-2EadGG .headerCell-3WoADH.headerCellSorted-2sXjX3 .headerCellContent-iBms3e:after { position: absolute; content: " "; width: 100%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .container-3u6dG- .header-2EadGG .headerCell-3WoADH.headerCellSorted-2sXjX3 .headerCellContent-iBms3e:after { width: calc(100% - 22px); left: 0; right: auto; } .container-3u6dG- .rowWrapper-N-4fji { margin: 0; position: relative; border-bottom: none; border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .container-3u6dG- .rowWrapper-N-4fji:after { position: absolute; content: " "; width: calc(100% - 66px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .container-3u6dG- .rowWrapper-N-4fji:last-of-type:after { display: none; } .container-3u6dG- .rowWrapper-N-4fji.rowWrapperActive-nOO7R3 { margin: 0; padding: 0; background-color: var(--menu-item-hover); } .container-3u6dG- .rowWrapper-N-4fji .row-1_1Nya { margin: 0; padding: 0 16px; border-top: none !important; } .container-3u6dG- .rowWrapper-N-4fji .nameBodyCell-2RYQL9, .container-3u6dG- .rowWrapper-N-4fji .settingIcon-1PlYq2, .container-3u6dG- .rowWrapper-N-4fji .textCell-sKsLUQ { transition: var(--default-time) var(--default-animation) opacity; } .container-3u6dG- .rowWrapper-N-4fji .nameBodyCell-2RYQL9 { padding-left: 0; } .body-3KonCR { min-width: 350px; max-width: 1200px; padding: 60px 40px 80px; } .wrapper-QQNZRu .foreground-2JnqVD { stroke: var(--slider-color) !important; } .wrapper-QQNZRu .foreground-2JnqVD { stroke: hsl(var(--accent-hsl)) !important; } /* HOME TAB -> NITRO */ .applicationStore-2nk7Lo { background-color: var(--chat-color); } .applicationStore-2nk7Lo .scroller-29cQFV { background-color: transparent; } .premiumContainer-3GGa8Q { min-width: 350px; max-width: 1200px; } .banner-3Kac2g, .hero-1aNo0v { max-width: 100%; background-size: cover; border-radius: var(--card-radius-big); } .banner-3Kac2g.stickersHero-rhTlUd, .hero-1aNo0v.stickersHero-rhTlUd { background-position: center; background-size: cover; } .hero-1aNo0v .button-f2h6uQ.lookInverted-2mDUMi, .wrapper-3nSjSv .button-f2h6uQ.lookInverted-2mDUMi { background-color: rgba(255, 255, 255, 0.1) !important; box-shadow: none !important; color: #fff !important; } .detailsBlock-FoDTGA { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .feature-2IUcBI { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; background-color: transparent !important; } .featureStickers-Pc_FBx .stickerImageSection-7EUs8E { background-color: var(--card-color-alt); border-radius: var(--card-radius-big); } /* HOME TAB -> ADD FRIEND */ .sectionHeader-20RGqu { border-color: var(--card-border-color) !important; } .addFriendInputWrapper-kkoSV9 { height: calc(var(--input-height) * 1.316); margin: 12px 0 0 0; padding: 0 8px 0 16px; background-color: var(--input-color); border-radius: calc(var(--input-radius) * 1.316); border: none; } .addFriendInputWrapper-kkoSV9 .addFriendInput-1Ta-rO, .addFriendInputWrapper-kkoSV9 .addFriendHint-1EVQJY { padding: 0; line-height: var(--input-height); font-weight: 400; } .addFriendInputWrapper-kkoSV9 .addFriendInput-1Ta-rO::-webkit-input-placeholder, .addFriendInputWrapper-kkoSV9 .addFriendHint-1EVQJY::-webkit-input-placeholder { color: var(--text-muted); font-weight: 500; } /* * * SERVER DISCOVERY * */ .pageWrapper-2PwDoS { background-color: var(--chat-color) !important; } .headerImage-2D5D-v { border-radius: var(--card-radius-big); box-shadow: var(--shadow-1dp); } .search-25t1e9 .searchBox-31Zv9h { border-radius: 18px; border: none; box-shadow: none; transition: var(--default-time) var(--default-animation) box-shadow; } .search-25t1e9 .searchBox-31Zv9h:focus-within { box-shadow: var(--shadow-3dp); } .search-25t1e9 .searchBox-31Zv9h .searchBoxInputWrapper-3XLwVB { border-bottom: none !important; } .search-25t1e9 .searchBox-31Zv9h .searchBoxInputWrapper-3XLwVB:before, .search-25t1e9 .searchBox-31Zv9h .searchBoxInputWrapper-3XLwVB:after { display: none; } .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-P0mWHW { padding: 8px 16px; } /* SERVER DISCOVERY -> SIDEBAR */ .sidebar-1tnWFu .categoryItem-3zFJns { margin: 0 8px 0 0; border-radius: 0 21px 21px 0; } .sidebar-1tnWFu .categoryItem-3zFJns .wrappedLayout-31F4iI { border-radius: 0 21px 21px 0; } .sidebar-1tnWFu .categoryItem-3zFJns:hover .layout-1qmrhw { background-color: var(--menu-item-hover); } .sidebar-1tnWFu .categoryItem-3zFJns.selectedCategoryItem-3X8ujp { color: var(--menu-item-text-color); } .sidebar-1tnWFu .categoryItem-3zFJns.selectedCategoryItem-3X8ujp .itemInner-3gVXMG { background-color: var(--menu-item-select); } /* SERVER DISCOVERY -> CARDS */ .card-2TuZPZ { background-color: var(--card-color-alt) !important; border-radius: var(--card-radius-big); box-shadow: none !important; transition: var(--default-time) var(--default-animation) transform, var(--default-time) var(--default-animation) box-shadow; } .card-2TuZPZ:hover { box-shadow: var(--shadow-3dp) !important; } .card-2TuZPZ:hover .guildInfo-PdhToW { border-color: transparent; } .card-2TuZPZ .cardHeader-1kPMOm { margin-bottom: 0; } .card-2TuZPZ .guildInfo-PdhToW { padding-top: 32px; border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border: 1px solid var(--card-border-color); border-top: none; transition: var(--default-time) var(--default-animation) border-color; } .card-2TuZPZ .guildIcon-1nnIAv foreignObject { mask: none !important; } .card-2TuZPZ .guildIcon-1nnIAv .iconMask-2fMR98 { background-color: var(--card-color-alt) !important; border-radius: 50%; } .card-2TuZPZ .guildIcon-1nnIAv .iconMask-2fMR98 .avatar-30VHqO { border-radius: 50%; } /* * * SERVER BOOST PAGE * */ .perksModal-fSYqOq { background-color: var(--main-color) !important; background-image: none !important; } .ctaBar-2UsjF2 { background-image: none !important; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .wrapper-WLdlSO { background-color: var(--chat-color); } .wrapper-WLdlSO .navigationBar-2Z_P4D { background-color: var(--main-color); box-shadow: var(--elevation-low); } .heroContent-1Wj0uW .button-f2h6uQ { --accent-button-action: #000; background-color: #fff !important; } .progressBarTrack-xPgjRk { height: 4px; background-color: hsl(var(--switch-slider-color)); } .progressBarTrack-xPgjRk.progressBarFill-3z0vRF { background-image: none; background-color: hsl(var(--accent-hsl)); } .progressBarMarkerUnlocked-3YdWPU:before { background-image: none; background-color: hsl(var(--accent-hsl)); } .progressBarMarkerUnlocked-3YdWPU .progressBarMarkerNumSubscriptionsRequired-1DMOqy { color: var(--accent-text-color); } .planCard-vET3Ia { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; transition: var(--default-time) var(--default-animation); } .planCard-vET3Ia:hover { background-color: var(--background-modifier-hover); border-color: transparent; box-shadow: var(--shadow-3dp); transform: translateY(-4px); } .perksTable-H9sPBm { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .perksTable-H9sPBm .perksTableRowHeading-jY6XJu { padding: 16px !important; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .perksTable-H9sPBm .perksTableRow-31boQO { padding: 0 16px; border-top: none !important; border-bottom: 1px solid var(--card-border-color); transition: var(--default-time) var(--default-animation) background-color; } .perksTable-H9sPBm .perksTableRow-31boQO:last-of-type { border-bottom: none; } .perksTable-H9sPBm .perksTableRow-31boQO:hover { background-color: var(--menu-item-hover); } .perksTable-H9sPBm .perksTableRowLabelCopy-1tRwM4 { font-size: 16px; } .perkPopout-18_jX- { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .perkPopout-18_jX- .perkPopoutDescription-Expmm3 { border-top: 1px solid var(--popout-header-border); } /* SERVER BOOST PAGE -> LEVELS */ .tierMarkerBackground-G8FoN4 { background-color: var(--main-color) !important; } .tierWrapper-W9ajqp { border-radius: 0; box-shadow: none !important; } .carouselItem-g4c5Xp { background-color: var(--card-color-alt); border-radius: var(--card-radius-big); transition: var(--default-time) var(--default-animation) box-shadow; } .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG { box-shadow: var(--shadow-3dp); } .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG .tier-12tKuZ .tierHeader---JJFb.tierHeaderLocked-1s2JJz { border-color: transparent; border-bottom-color: var(--card-border-color); } .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG .tier-12tKuZ .tierBody-16Chc9 { border-color: transparent; } .carouselItem-g4c5Xp .tier-12tKuZ { border-radius: var(--card-radius-big); } .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb, .carouselItem-g4c5Xp .tier-12tKuZ .tierBody-16Chc9 { transition: var(--default-time) var(--default-animation) border-color; } .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb { border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; } .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb.tierHeaderLocked-1s2JJz { background-color: transparent !important; border: 1px solid var(--card-border-color); } .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb .tierLock-3CSxSX path { d: path("M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z") !important; } .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb .tierUnlocked-25K6Kv { font-size: 14px; text-transform: none; } .carouselItem-g4c5Xp .tier-12tKuZ .tierBody-16Chc9 { background-color: transparent; border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border: 1px solid var(--card-border-color); border-top: none; } .perk-2WeBWW { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } /* SERVER BOOST -> SERVER MODAL */ .perks-2IIbWQ { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .perks-2IIbWQ .perkRow-10K6XE { margin: 0; padding: 16px; position: relative; border-bottom: none; } .perks-2IIbWQ .perkRow-10K6XE:after { position: absolute; content: " "; width: calc(100% - 56px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .perks-2IIbWQ .perkRow-10K6XE:last-of-type:after { display: none; } /* * * DIRECT MESSAGES * */ .wrapper-1gVUIN { box-shadow: var(--shadow-3dp); } .wrapper-1gVUIN.minimum-fXpVNc { background-color: var(--chat-color); } .callContainer-HtHELf { background-color: transparent; } .content-1jQy2l:before { display: none; } .border-2BJQjd { transition: var(--default-time) var(--default-animation) box-shadow; } .border-2BJQjd.speaking-3RWJBr { box-shadow: inset 0 0 0 3px hsl(var(--accent-hsl)), inset 0 0 0 4px var(--background-floating); } /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE */ .root-22AK9z { /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS */ } .root-22AK9z .videoControls-353CsJ .contextMenuNub-NuTZ_U.colorable-3rVGna.white-11auuQ { background-color: #2f3136; color: #fff; } .root-22AK9z .videoControls-353CsJ .container-a_NK-C .button-f2h6uQ { border-radius: 28px !important; } .root-22AK9z .videoControls-353CsJ .container-a_NK-C .button-f2h6uQ:hover { background-color: rgba(var(--button-link-color), 0.1) !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ { border-radius: 50% !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ.centerButton-1IShs7:not(.red-3T8maV) { background-color: var(--menu-item-hover); } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ.centerButton-1IShs7:not(.red-3T8maV):hover { background-color: var(--menu-item-select); } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ.centerButton-1IShs7:not(.red-3T8maV) .centerIcon-JYpTUi { color: var(--menu-item-text-color) !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ.centerButton-1IShs7.red-3T8maV { background-color: var(--alert-color); } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ.centerButton-1IShs7.red-3T8maV:hover { background-color: var(--alert-color); } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ.centerButton-1IShs7.red-3T8maV .centerIcon-JYpTUi { color: var(--alert-text-color); } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ:not(.centerButton-1IShs7) { background-color: transparent !important; position: relative; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ:not(.centerButton-1IShs7):after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ:not(.centerButton-1IShs7):hover:after { opacity: 1; transform: scale(1.5); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ:not(.centerButton-1IShs7):active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path { /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> TURN ON CAMERA */ /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> JOIN CALL */ /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> STOP SCREEN SHARE */ /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> SCREEN SHARE */ /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> MUTE */ /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> UNMUTE */ /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> END CALL */ } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] { d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z") !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] { d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z") !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] { d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z") !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] { d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z") !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] ~ path { display: none; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] { d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86") !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path { display: none; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] { d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z") !important; } .root-22AK9z .videoControls-353CsJ .button-f2h6uQ path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] ~ path { display: none; } .root-22AK9z .bottomControls-31YuPK .leftTrayIcon-3kMl25:after { display: none; } .quickSelect-384d3G { margin-top: 12px; } .regionSelectPopout-3sEzVB { padding: 8px 0; background-color: var(--popout-color) !important; border-radius: var(--popout-radius); box-shadow: var(--shadow-3dp); } .regionSelectPopout-3sEzVB .quickSelectPopoutOption-2E2UmS { position: relative; padding: 9px 12px; transition: var(--default-time) ease background-color; } .regionSelectPopout-3sEzVB .quickSelectPopoutOption-2E2UmS:hover { background-color: var(--menu-item-hover) !important; } .regionSelectPopout-3sEzVB .quickSelectPopoutOption-2E2UmS.selected { background-color: var(--menu-item-select) !important; } .regionSelectPopout-3sEzVB .quickSelectPopoutOption-2E2UmS .regionSelectFlag-2YbDyH { position: absolute; left: 12px; } .regionSelectPopout-3sEzVB .quickSelectPopoutOption-2E2UmS .regionSelectName-1Tj9C9 { margin-left: 0; margin-right: 24px; font-size: 14px; text-align: left; color: var(--menu-item-text-color) !important; } .regionSelectPopout-3sEzVB .quickSelectPopoutOption-2E2UmS .check-K_srvn { position: absolute; right: 12px; } .scroller-3b1p7z { padding: 8px 0; padding-right: 0 !important; background-color: var(--popout-color); border-radius: var(--popout-radius); } .scroller-3b1p7z .memberListHeader-1V_jWz { margin: 8px 0; padding: 0 12px; color: var(--menu-item-text-color); text-transform: none; } .scroller-3b1p7z .memberListItem-3V-x8Q { margin: 0; padding: 6px 12px; border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .scroller-3b1p7z .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover { background-color: var(--menu-item-hover) !important; } .scroller-3b1p7z .memberListItem-3V-x8Q .colorStandard-21JIj7 { color: var(--menu-item-text-color); } .scroller-3b1p7z::-webkit-scrollbar { width: 0 !important; } .tile-2TcwiO { border-radius: var(--card-radius-big); } .participantsButton-1WBdFP { background-color: #2f3136 !important; border-radius: 16px !important; } .participantsButton-1WBdFP:hover { background-color: #202225 !important; } .overlayTitle-2efoIF { border-radius: 16px; } /* * * CHANNELS LIST * */ .sidebar-1tnWFu { border-radius: 0 !important; } .sidebar-1tnWFu, .sidebar-1tnWFu .container-1NXEtd { background-color: var(--main-color); } .sidebar-1tnWFu .container-1NXEtd .content-2a4AW9 { margin-bottom: 11px; } .sidebar-1tnWFu .container-q97qHp { font-size: 14px; text-transform: none; } .sidebar-1tnWFu .container-1-ERn5:not(.hasBanner-2IrYih) .header-3OsQeK, .sidebar-1tnWFu .container-1-ERn5:not(.hasBanner-2IrYih) .header-3OsQeK:hover { background-color: var(--main-color); } /* CHANNELS LIST -> CREATE CHANNEL */ .searchBox-2ktdj3 { padding: 0 0 12px; } .searchBox-2ktdj3 .searchBar-3OIGe3 { position: relative; height: auto; max-height: unset; padding: 0; background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid var(--input-border-color) !important; } .searchBox-2ktdj3 .searchBar-3OIGe3:before, .searchBox-2ktdj3 .searchBar-3OIGe3:after { position: absolute; content: " "; height: 2px; width: 0; bottom: -1px; background: hsla(var(--accent-hsl)); transition: 300ms ease all; z-index: 2; } .searchBox-2ktdj3 .searchBar-3OIGe3:before { left: 50%; } .searchBox-2ktdj3 .searchBar-3OIGe3:after { right: 50%; } .searchBox-2ktdj3 .searchBar-3OIGe3:focus-within:before, .searchBox-2ktdj3 .searchBar-3OIGe3:focus-within:after { width: 50%; } .searchBox-2ktdj3 .searchBar-3OIGe3 .input-2FSSDe { padding: 0; } .richTag-20_n21 { background-color: var(--menu-item-hover); border-radius: 13px; } .richTag-20_n21:hover { background-color: var(--menu-item-select); } .richTag-20_n21.tag-15zcD_:first-of-type { margin-left: 0; } .richTag-20_n21.tag-15zcD_:last-of-type { margin-right: 0; } .inputPrefix-1HHwWv { top: 10px; left: 0; } .inputPrefix-1HHwWv + .input-2g-os5 { padding-left: 20px; } /* CHANNELS LIST -> CHANNEL */ .containerDefault-YUSmu3.selected-2TbFuo { background-color: var(--menu-item-select-accent); border-radius: 0 24px 24px 0; } .containerDefault-YUSmu3 .modeSelected-3DmyhH .content-1gYQeQ, .containerDefault-YUSmu3 .modeSelected-3DmyhH:hover .content-1gYQeQ { background-color: transparent; } .containerDefault-YUSmu3 .content-1gYQeQ { margin-left: 0; border-radius: 0 24px 24px 0; } .containerDefault-YUSmu3 .typeThread-2Aqh6X .mainContent-20q_Hp { margin-left: 34px; } .wrapper-NhbLHG .content-1gYQeQ { margin-left: 0; border-radius: 0 24px 24px 0; } .containerDefault-3TQ5YN .addButton-2mlqCW { background-color: transparent !important; position: relative; } .containerDefault-3TQ5YN .addButton-2mlqCW:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .containerDefault-3TQ5YN .addButton-2mlqCW:hover:after { opacity: 1; transform: scale(1.5); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .containerDefault-3TQ5YN .addButton-2mlqCW:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .containerDragAfter-3aBiOW:after, .containerDragBefore-1s5Qg6:before { left: 0; background-color: hsl(var(--accent-hsl)); } .containerUserOver-SDa1HW:after { right: 4px; background-color: hsla(var(--accent-hsl), 0.1); border-radius: var(--card-radius-big); border-color: hsla(var(--accent-hsl), 0.5); } .content-1Tgc42 { border-radius: 15px; /* CHANNELS LIST -> CHANNEL -> VOICE ICONS */ } .content-1Tgc42 .icons-2mwuFp .icon-N9JZb6 path { display: none; /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> MUTED */ /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> DEAFENED */ /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> WEBCAM */ } .content-1Tgc42 .icons-2mwuFp .icon-N9JZb6 path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] { display: block; d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z") !important; } .content-1Tgc42 .icons-2mwuFp .icon-N9JZb6 path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] { display: block; d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z") !important; } .content-1Tgc42 .icons-2mwuFp .icon-N9JZb6 path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { display: block; d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; } .streamPreview-3qoMP4 { background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; } .streamPreview-3qoMP4 .watchButton-2v6cPT { background-color: rgba(var(--button-link-color), 0.075) !important; box-shadow: none !important; color: var(--button-link-text-color) !important; transition: var(--default-time) var(--default-animation) background-color !important; } .streamPreview-3qoMP4 .watchButton-2v6cPT:hover { background-color: rgba(var(--button-link-color), 0.125) !important; } /* CHANNELS LIST -> CHANNEL -> ICONS */ .iconItem-1EjiK0 { position: relative; margin: 0 0 0 10px; padding: 2px; position: relative; } .iconItem-1EjiK0:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .iconItem-1EjiK0:hover:after { opacity: 1; transform: scale(1.4); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .iconItem-1EjiK0:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .iconItem-1EjiK0[role] .actionIcon-2sw4Sl:active { transform: translateY(0); } .iconItem-1EjiK0[role] .actionIcon-2sw4Sl path { transform: scale(0.72); } .iconItem-1EjiK0 .actionIcon-2sw4Sl path { /* CHANNELS LIST -> CHANNEL -> ICONS -> CREATE/INVITE */ /* CHANNELS LIST -> CHANNEL -> ICONS -> EDIT CHANNEL */ } .iconItem-1EjiK0 .actionIcon-2sw4Sl path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] { d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; } .iconItem-1EjiK0 .actionIcon-2sw4Sl path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] ~ path { display: none; } .iconItem-1EjiK0 .actionIcon-2sw4Sl path[d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"] { d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; } .mainContent-20q_Hp .icon-2W8DHg path { /* CHANNELS LIST -> CHANNEL -> ICONS -> ACTIVE THREADS */ /* CHANNELS LIST -> CHANNEL -> ICONS -> VOICE CHANNEL */ /* CHANNELS LIST -> CHANNEL -> ICONS -> ANNOUNCEMENTS */ /* CHANNELS LIST -> CHANNEL -> ICONS -> RULES */ /* CHANNELS LIST -> CHANNEL -> ICONS -> BIG LOCK */ /* CHANNELS LIST -> CHANNEL -> ICONS -> SMALL LOCK */ /* CHANNELS LIST -> CHANNEL -> ICONS -> NSFW */ } .mainContent-20q_Hp .icon-2W8DHg path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] { d: path("M4 4h16v12H5.17L4 17.17V4m0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm2 10h8v2H6v-2zm0-3h12v2H6V9zm0-3h12v2H6V6z"); } .mainContent-20q_Hp .icon-2W8DHg path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"], .mainContent-20q_Hp .icon-2W8DHg path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] { d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); } .mainContent-20q_Hp .icon-2W8DHg path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"], .mainContent-20q_Hp .icon-2W8DHg path[d="M4.85 8.26429L15.84 5.84426V10.5599C15.84 11.6202 16.6996 12.4799 17.76 12.4799H21V19.0586H19.1V17.9302L12.7065 16.524L10.36 19.6233C10.1776 19.8633 9.89545 19.9998 9.6 19.9998C9.524 19.9998 9.4461 19.9904 9.3701 19.9725L5.5701 19.0313C5.1464 18.925 4.85 18.5495 4.85 18.1175V8.26429ZM9.2181 17.9942L6.75 17.3824V15.2111L10.6706 16.0751L9.2181 17.9942Z"] { d: path("M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M15,15.6L13,14H4V10H13L15,8.4V15.6M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z"); } .mainContent-20q_Hp .icon-2W8DHg path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"] ~ path { display: none; } .mainContent-20q_Hp .icon-2W8DHg path[d="M33 34.5833V7.49998H35V36.6666H9C6.791 36.6666 5 34.801 5 32.5V7.49998C5 5.19894 6.791 3.33331 9 3.33331H31V30.4166H9C7.8955 30.4166 7 31.3485 7 32.5C7 33.6515 7.8955 34.5833 9 34.5833H33ZM23.9718 9.99998L15.8889 17.9915L12.7086 14.8441L10 17.5058L15.8885 23.3333L26.6667 12.6669L23.9718 9.99998Z"] { d: path("M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M7.5,13.5L9,12L11,14L15.5,9.5L17,11L11,17L7.5,13.5Z"); transform: scale(1.6); } .mainContent-20q_Hp .icon-2W8DHg path[d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"] { d: path("M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"); } .mainContent-20q_Hp .icon-2W8DHg path[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"], .mainContent-20q_Hp .icon-2W8DHg path[d="M22.545 4.91992V3.91992C22.545 2.79992 21.57 1.91992 20.52 1.91992C19.47 1.91992 18.52 2.79992 18.52 3.91992V4.91992H17.76C17.6275 4.91992 17.52 5.02737 17.52 5.15992V9.67992C17.52 9.81247 17.6275 9.91992 17.76 9.91992H23.28C23.4126 9.91992 23.52 9.81247 23.52 9.67992V5.15992C23.52 5.02737 23.4126 4.91992 23.28 4.91992H22.545ZM21.52 4.91992H19.52V3.91992C19.52 3.34849 19.9867 2.91992 20.52 2.91992C21.0533 2.91992 21.52 3.34849 21.52 3.91992V4.91992Z"], .mainContent-20q_Hp .icon-2W8DHg path[d="M22.025 2V3C22.5635 3 23 3.43652 23 3.975V7C23 7.55228 22.5523 8 22 8H18C17.4477 8 17 7.55228 17 7V4C17 3.44772 17.4477 3 18 3V2C18 0.88 18.95 0 20 0C21.05 0 22.025 0.88 22.025 2ZM19 3H21V2C21 1.42857 20.5333 1 20 1C19.4667 1 19 1.42857 19 2V3Z"] { transform: translate(-7px, -2px) scale(1.35); fill: var(--interactive-normal); opacity: 1; } .mainContent-20q_Hp .icon-2W8DHg path[d="M22.545 4.91992V3.91992C22.545 2.79992 21.57 1.91992 20.52 1.91992C19.47 1.91992 18.52 2.79992 18.52 3.91992V4.91992H17.76C17.6275 4.91992 17.52 5.02737 17.52 5.15992V9.67992C17.52 9.81247 17.6275 9.91992 17.76 9.91992H23.28C23.4126 9.91992 23.52 9.81247 23.52 9.67992V5.15992C23.52 5.02737 23.4126 4.91992 23.28 4.91992H22.545ZM21.52 4.91992H19.52V3.91992C19.52 3.34849 19.9867 2.91992 20.52 2.91992C21.0533 2.91992 21.52 3.34849 21.52 3.91992V4.91992Z"] { transform: translate(-8px, -2px) scale(1.35); } .mainContent-20q_Hp .icon-2W8DHg path[d="M3.9 8.25981H2V15.2939H3.9V8.25981Z"] { d: path("M22.545 4.87988V5.87988H23.28C23.4126 5.87988 23.52 5.98733 23.52 6.11988V10.6399C23.52 10.7724 23.4126 10.8799 23.28 10.8799H17.76C17.6275 10.8799 17.52 10.7724 17.52 10.6399V6.11988C17.52 5.98733 17.6275 5.87988 17.76 5.87988H18.52V4.87988C18.52 3.75988 19.47 2.87988 20.52 2.87988C21.57 2.87988 22.545 3.75988 22.545 4.87988ZM19.52 5.87988H21.52V4.87988C21.52 4.30845 21.0534 3.87988 20.52 3.87988C19.9867 3.87988 19.52 4.30845 19.52 4.87988V5.87988Z"); transform: translate(-8px, -2px) scale(1.35); fill: var(--interactive-normal); opacity: 1; } .mainContent-20q_Hp .icon-2W8DHg path[d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"] { transform: translateX(-6px) scale(1.35); fill: var(--interactive-normal); opacity: 1; } /* CHANNELS LIST -> CHANNEL -> LISTENING TO SPOTIFY */ .container-8Futzw { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .container-8Futzw .headerText-3g1XK9 { font-size: 14px; text-transform: none; font-weight: 500; } .container-8Futzw .assetsLargeImage-8U5dlz { border-radius: 50%; } .container-8Futzw .buttonSize-dIiz43 { height: 36px; min-height: 36px; padding: 0 !important; } .container-8Futzw .button-f2h6uQ { background-color: rgba(var(--button-link-color), 0.075) !important; box-shadow: none !important; color: var(--button-link-text-color) !important; transition: var(--default-time) var(--default-animation) background-color !important; } .container-8Futzw .button-f2h6uQ:hover { background-color: rgba(var(--button-link-color), 0.125) !important; } /* CHANNELS LIST -> CHANNEL -> CREATE INVITE */ .header-1J9IaL .container-1SX9VC { background-color: var(--input-color); border-radius: 16px; } .header-1J9IaL .container-1SX9VC .inner-1NoIT5 { padding: 0; } .header-1J9IaL .container-1SX9VC .inner-1NoIT5 .input-2FSSDe { height: 32px; line-height: 32px; margin: 0; padding: 0 8px 0 12px; } .header-1J9IaL .container-1SX9VC .inner-1NoIT5 .iconLayout-SqV3nb { width: 32px; height: 32px; } .scroller-3nFW5p { padding-left: 0; } .inviteRow-3vmB7i { margin-right: 0; padding: 7px 12px; border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .inviteRow-3vmB7i:hover { background-color: var(--menu-item-hover); } /* CHANNELS LIST -> CHANNEL -> EDIT CHANNEL */ .inputMaxLength-3n06SD textarea.input-2g-os5 { height: unset; min-height: 32px; max-height: 96px; } .inputMaxLength-3n06SD .maxLength-IdVNmX { right: 0; } /* CHANNELS LIST -> CHANNEL -> EDIT CHANNEL -> PERMISSIONS */ .settingCard-xZSDjS { margin-bottom: 32px; border-radius: var(--card-radius-big); border: 1px solid var(--card-border-color); } .settingCard-xZSDjS, .settingCard-xZSDjS.active-3EK-ed, .settingCard-xZSDjS .cardFolder-3H4uH4 { background-color: transparent; } .settingCard-xZSDjS .cardContent-1-5hym { border-bottom: 1px solid var(--card-border-color); } .settingCard-xZSDjS .folderHeader-2FpErk { position: relative; border-bottom: none; } .settingCard-xZSDjS .folderHeader-2FpErk:after { position: absolute; content: " "; width: 100%; height: 1px; bottom: 0; left: 0; background-color: var(--card-border-color); } .settingCard-xZSDjS .roleMemberList-ub4EsQ { padding: 16px; } .settingCard-xZSDjS .roleMemberList-ub4EsQ .content-28mbXd { height: auto !important; } .settingCard-xZSDjS .roleMemberList-ub4EsQ .content-28mbXd .memberRow-1p7Jls { padding: 0 4px; margin-bottom: 16px; } .settingCard-xZSDjS .roleMemberList-ub4EsQ .content-28mbXd .memberRow-1p7Jls:last-child { margin-bottom: 0; } .settingCard-xZSDjS .roleMemberList-ub4EsQ .content-28mbXd .divider-3LgWDL { display: none; } .settingCard-xZSDjS + .divider-3LgWDL { display: none; } .easyModeLayoutStyle-11J5S7 .card-16VQ8C { margin-bottom: 24px; } /* CHANNELS LIST -> THREADS POPOUT */ .popout-TdhJ6Z { padding: 8px 0 0; background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .popout-TdhJ6Z .title-1yq5kT { padding: 0 12px; font-size: 14px; text-transform: none; } .popout-TdhJ6Z .row-1qtctT { border-radius: 0; color: var(--menu-item-text-color); transition: var(--default-time) var(--default-animation); } .popout-TdhJ6Z .row-1qtctT:hover { background-color: var(--menu-item-hover); color: var(--menu-item-text-color); } .popout-TdhJ6Z .more-2c3Z-T { color: hsl(var(--accent-hsl)); } .popout-TdhJ6Z .more-2c3Z-T .size14-3fJ-ot { margin-left: auto; } /* * * MEMBERS LIST * */ .container-2o3qEW { background-color: var(--main-color); } .members-3WRCEx, .members-3WRCEx > div { background-color: var(--main-color); } .members-3WRCEx .container-1oeRFJ { width: 100%; height: 42px; margin: 0; } .members-3WRCEx .container-1oeRFJ, .members-3WRCEx .container-1oeRFJ .layout-1qmrhw { border-radius: 21px 0 0 21px; } .members-3WRCEx .container-1oeRFJ .layout-1qmrhw { width: calc(100% - 18px); margin-left: 8px; padding: 0 8px 0 8px; transition: 200ms ease all; } .members-3WRCEx .container-1oeRFJ:hover .layout-1qmrhw { background-color: var(--menu-item-hover); } .members-3WRCEx .container-1oeRFJ.selected-1-Z6gm .layout-1qmrhw { background-color: var(--menu-item-select-accent); } .members-3WRCEx .container-q97qHp { margin: 0 0 4px 0; padding: 20px 8px 0 16px; font-size: 14px; text-transform: none; } .botTag-7aX5WZ { border-radius: 8px !important; } .botTag-7aX5WZ.botTagRegular-kpctgU { background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .botTag-7aX5WZ.botTagRegular-kpctgU .botTagVerified-2KCPMa { z-index: 2; } /* MEMBERS LIST -> CHANNEL BANNER */ .bannerPlaceholder-edbQI2 { width: calc(100% - 32px); margin: 16px 16px 0; border-radius: var(--card-radius-big); } .contentWrapper-3wXY8L { padding: 16px; background-color: var(--main-color); border-bottom: 1px solid var(--card-border-color); } .contentWrapper-3wXY8L .contentWrapperInner-17OxmC { padding: 8px; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .contentWrapper-3wXY8L .button-f2h6uQ { --button-padding: 0 8px; } .container-2Oqvgx { background-color: var(--main-color); } .tabs-1RhQha { padding: 0 16px; background-color: transparent; border-bottom: 1px solid var(--card-border-color); } .tabs-1RhQha .item-3XjbnG { height: 56px; line-height: 56px; margin-right: 24px; padding: 0; border-radius: 0; } .tabs-1RhQha .item-3XjbnG:last-of-type { margin-right: 0; } .tabs-1RhQha .item-3XjbnG:hover { background-color: transparent !important; } .tabs-1RhQha .item-3XjbnG.selected-g-kMVV { position: relative; background-color: transparent !important; } .tabs-1RhQha .item-3XjbnG.selected-g-kMVV:after { position: absolute; content: " "; width: 90%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .container-NkLXgf { background-color: transparent; overflow-y: auto; } .container-NkLXgf .header-2tOrk6 { font-size: 14px; text-transform: none; } .container-NkLXgf .divider-2vPjtn { background-color: var(--card-border-color); } /* MEMBERS LIST -> ROLES */ .role-2TIOKu { position: relative; min-width: 24px; height: 24px; padding: 0; background-color: transparent; border-radius: 16px; border: 1px solid var(--card-border-color); } .role-2TIOKu .roleCircle-1EgnFN:before { position: absolute; content: " "; width: 100%; height: 100%; top: 0; left: 0; background-color: inherit; border-radius: 12px; opacity: 0.2; pointer-events: none; } .role-2TIOKu .roleCircle-1EgnFN, .role-2TIOKu .perm-circle { width: 16px; height: 16px; margin-left: 3px; margin-right: 0; } .role-2TIOKu .roleCircle-1EgnFN:not(:empty), .role-2TIOKu .perm-circle:not(:empty) { position: static; } .role-2TIOKu .roleCircle-1EgnFN:not(:empty):after, .role-2TIOKu .perm-circle:not(:empty):after { position: absolute; content: 'Remove role'; width: 70px; max-width: 200px; height: auto; top: 0; left: 0; line-height: 16px; padding: var(--tooltip-padding); background-color: var(--tooltip-color); box-shadow: var(--tooltip-shadow); border-radius: var(--card-radius); transform: translate(-4px, -38px); pointer-events: none; color: var(--tooltip-text-color); font-size: var(--tooltip-font-size); font-weight: 500; text-align: center; transition: var(--default-time) var(--default-animation) all; z-index: 3; opacity: 0; } .role-2TIOKu .roleCircle-1EgnFN:not(:empty):hover:after, .role-2TIOKu .perm-circle:not(:empty):hover:after { opacity: 1; } .role-2TIOKu .perm-circle { width: 16px !important; height: 16px !important; margin-right: 0 !important; } .role-2TIOKu .roleRemoveIcon-387wKV { width: 24px; height: 24px; display: block; transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) transform; transform: scale(0.25); opacity: 0; cursor: pointer; } .role-2TIOKu:hover .roleRemoveIcon-387wKV { transform: scale(0.75) rotate(90deg); opacity: 1; } .role-2TIOKu .roleName-2ZJJYR { margin: 0 8px 0 4px; z-index: 2; } .role-2TIOKu.addButton-1_dZYu { background-color: transparent !important; position: relative; } .role-2TIOKu.addButton-1_dZYu:after { position: absolute; content: 'Add role'; width: calc(100% + 32px); max-width: 200px; height: auto; top: 0; left: 0; line-height: 16px; padding: var(--tooltip-padding); background-color: var(--tooltip-color); box-shadow: var(--tooltip-shadow); border-radius: var(--card-radius); transform: translate(-4px, -38px); pointer-events: none; color: var(--tooltip-text-color); font-size: var(--tooltip-font-size); font-weight: 500; text-align: center; transition: var(--default-time) var(--default-animation) all; z-index: 3; opacity: 0; } .role-2TIOKu.addButton-1_dZYu:hover:after { opacity: 1; } .role-2TIOKu.addButton-1_dZYu .addButtonIcon-3HZ_2f { width: 18px; height: 18px; } /* * * CUSTOMIZABLE AVATAR & SERVER RADIUS * */ /*.wrapper-1VLyxH, .avatarHint-k7pYop { border-radius: var(--avatar-radius); foreignObject { &[mask*="round-80"] { -webkit-mask: url('data:image/svg+xml;utf8,'); } &[mask*="mobile-80"] { -webkit-mask: url('data:image/svg+xml;utf8,'); } } } .wrapper-1VLyxH { .avatar-b5OQ1N { border-radius: var(--avatar-radius); } foreignObject { &[width="32"]:not([mask*="32"]), &[width="32"]:not([mask*="mobile"]) { -webkit-mask: url('data:image/svg+xml;utf8,'); } &[mask*="avatar-default"] { -webkit-mask: url('data:image/svg+xml;utf8,') !important; } &[mask*="round-32"] { -webkit-mask: url('data:image/svg+xml;utf8,'); } &[mask*="mobile-32"] { -webkit-mask: url('data:image/svg+xml;utf8,'); } &[mask*="round-40"] { -webkit-mask: url('data:image/svg+xml;utf8,'); } &[mask*="mobile-40"] { -webkit-mask: url('data:image/svg+xml;utf8,'); } &[mask*="round-120"] { -webkit-mask: url('data:image/svg+xml;utf8,'); } &[mask*="mobile-120"] { -webkit-mask: url('data:image/svg+xml;utf8,'); } } } .voiceSectionGuildImage-TctMOd, .voiceSectionNoGuildImageWrapper-17kLyh { border-radius: var(--avatar-radius); -webkit-mask: url('data:image/svg+xml;utf8,'); } .avatar-3FKimL, .avatarContainer-3tBLDx, .avatar-2EVtgZ { border-radius: var(--avatar-radius); } .avatar-3FKimL, .avatar-2EVtgZ { transition: var(--default-time) var(--default-animation) box-shadow; }*/ /* * * CHAT AREA * */ .chat-2ZfjoI, .threadSidebar-1o3BTy { background-color: var(--chat-color); } .chat-2ZfjoI.threadSidebarOpen-1LSXvU { border-radius: 0 16px 16px 0; } .threadSidebar-1o3BTy { border-radius: 16px 0 0 16px; } /* CHAT AREA -> PLACEHOLDER */ .wrapper-3HVHpV { background-color: var(--chat-color); } .wrapper-22ayhK, .wrapper-15CKyy { background-color: transparent; } .attachment-16cAbS, .avatar-l9Txm5, .blob-1uHjdp { background-color: #fff; } /* CHAT AREA -> MESSAGES */ .messagesWrapper-RpOMA3.group-spacing-0 .groupStart-3Mlgv1 { --group-spacing: 0.125rem; } .messagesWrapper-RpOMA3.group-spacing-0 .divider-2rZFJK.beforeGroup-1BvJAt { top: 1px; } .messagesWrapper-RpOMA3.group-spacing-4 .groupStart-3Mlgv1 { --group-spacing: 0.3125rem; } .messagesWrapper-RpOMA3.group-spacing-4 .divider-2rZFJK.beforeGroup-1BvJAt { top: 2px; } .messagesWrapper-RpOMA3.group-spacing-8 .groupStart-3Mlgv1 { --group-spacing: 0.5625rem; } .messagesWrapper-RpOMA3.group-spacing-8 .divider-2rZFJK.beforeGroup-1BvJAt { top: 4px; } .messagesWrapper-RpOMA3.group-spacing-16 .groupStart-3Mlgv1 { --group-spacing: 1.0625rem; } .messagesWrapper-RpOMA3.group-spacing-16 .divider-2rZFJK.beforeGroup-1BvJAt { top: 8px; } .messagesWrapper-RpOMA3.group-spacing-24 .groupStart-3Mlgv1 { --group-spacing: 1.5625rem; } .messagesWrapper-RpOMA3.group-spacing-24 .divider-2rZFJK.beforeGroup-1BvJAt { top: 12px; } .messagesWrapper-RpOMA3[class*="group-spacing"] .groupStart-3Mlgv1 { margin-top: var(--group-spacing) !important; } .messagesWrapper-RpOMA3[class*="group-spacing"] .divider-2rZFJK:not(.beforeGroup-1BvJAt) { top: -4px; } .messageListItem-ZZ7v6g { margin-left: 68px; margin-right: 26px; } .quotedChatMessage-PxNsZi { margin-left: 68px; margin-right: 26px; } .wrapper-30-Nkg { background-color: var(--message-color) !important; transition: var(--default-time) var(--default-animation) background-color; } .wrapper-30-Nkg:hover { background-color: var(--message-color-hover) !important; } .wrapper-30-Nkg:hover + .wrapper-30-Nkg:not(.groupStart-3Mlgv1):before { border-left-color: var(--message-color-hover); } .wrapper-30-Nkg:hover + .wrapper-30-Nkg:not(.groupStart-3Mlgv1):after { border-bottom-color: var(--message-color-hover); } .wrapper-30-Nkg.hasThread-3h-KJV:after { display: none; } .wrapper-30-Nkg.hasThread-3h-KJV .messageContent-2t3eCI { overflow: visible; } .wrapper-30-Nkg.hasThread-3h-KJV .container-x059i8 { padding: 0; } .wrapper-30-Nkg.hasThread-3h-KJV .iconContainer-2rPbqG { position: absolute; width: 40px !important; height: 40px; top: -8px; left: -62px; margin-right: 0; padding-top: 0; background-color: var(--message-color-hover); border-radius: var(--avatar-radius); } .wrapper-30-Nkg.hasThread-3h-KJV .container-3i3IzO { width: 100%; padding: 12px; background-color: var(--attachment-color); border-radius: var(--media-radius); box-sizing: border-box; } .wrapper-30-Nkg.hasThread-3h-KJV .cta-1XhfrG { color: hsl(var(--accent-hsl)); } .wrapper-30-Nkg.groupStart-3Mlgv1 { position: relative; border-radius: var(--message-radius); } .wrapper-30-Nkg.groupStart-3Mlgv1 .avatar-2e8lTP { width: 40px; height: 40px; top: 0; left: -50px; margin-top: 0; border-radius: var(--avatar-radius); } .wrapper-30-Nkg.ephemeral-2nDdnn:before, .wrapper-30-Nkg.replying-eZ7p5z:before { display: none; } .wrapper-30-Nkg.ephemeral-2nDdnn a, .wrapper-30-Nkg.replying-eZ7p5z a { color: hsl(var(--accent-hsl)); } .wrapper-30-Nkg:not(.groupStart-3Mlgv1) { border-radius: 0 0 var(--message-radius) var(--message-radius); } .wrapper-30-Nkg:not(.groupStart-3Mlgv1):before, .wrapper-30-Nkg:not(.groupStart-3Mlgv1):after { content: " "; position: absolute; width: 0; height: 0; top: 2px; background-color: transparent; border: 16px solid transparent; border-color: transparent; pointer-events: none; } .wrapper-30-Nkg:not(.groupStart-3Mlgv1):before { left: 0; border-left-color: var(--message-color); transition: var(--default-time) var(--default-animation) border-left-color; } .wrapper-30-Nkg:not(.groupStart-3Mlgv1):after { right: 0; border-bottom-color: var(--message-color); transition: var(--default-time) var(--default-animation) border-bottom-color; } .wrapper-30-Nkg.cozy-VmLDNB { padding: var(--message-padding) !important; } .wrapper-30-Nkg.cozy-VmLDNB.groupStart-3Mlgv1 { margin-left: 0; margin-right: 0; margin-bottom: 0; } .wrapper-30-Nkg.cozy-VmLDNB.groupStart-3Mlgv1.mentioned-Tre-dv:before { display: none; } .wrapper-30-Nkg.cozy-VmLDNB:not(.groupStart-3Mlgv1) { margin: -8px 0 0 0; padding: var(--message-padding-alt) !important; } .wrapper-30-Nkg.cozy-VmLDNB:not(.groupStart-3Mlgv1):before, .wrapper-30-Nkg.cozy-VmLDNB:not(.groupStart-3Mlgv1):after { margin: -16px 0 0 0; } .wrapper-30-Nkg.cozy-VmLDNB:not(.groupStart-3Mlgv1):before { border-width: 14px 0 0 6px; } .wrapper-30-Nkg.cozy-VmLDNB:not(.groupStart-3Mlgv1):after { border-width: 0 0 14px 6px; } .wrapper-30-Nkg.cozy-VmLDNB:not(.groupStart-3Mlgv1) + .divider-2rZFJK:not(.beforeGroup-1BvJAt) { top: -4px; } .wrapper-30-Nkg.cozy-VmLDNB:not(.groupStart-3Mlgv1).mentioned-Tre-dv:before { content: " "; position: absolute; width: 0; height: 0; top: 3px; background-color: transparent; border: 16px solid transparent; border-color: transparent; pointer-events: none; transform: rotate(360deg); left: 0; border-left-color: var(--message-color); } .wrapper-30-Nkg.cozy-VmLDNB .header-2jRmjb { margin-bottom: 4px; } .wrapper-30-Nkg.cozy-VmLDNB .messageContent-2t3eCI { margin-left: 0; padding-left: 0; } .wrapper-30-Nkg.cozy-VmLDNB:hover .timestamp-p1Df1m.alt-1dvXnH { opacity: 1; transition: var(--default-time) ease opacity 750ms; } .wrapper-30-Nkg.cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH { opacity: 0; left: -72px; color: var(--text-muted); font-weight: 600; transition: var(--default-time) ease opacity 0ms; } .wrapper-30-Nkg.cozy-VmLDNB:not(.message-2CShn3) { margin: 16px 26px 0 68px; padding: 8px 12px !important; border-radius: var(--message-radius); } .wrapper-30-Nkg.cozy-VmLDNB:not(.message-2CShn3):before, .wrapper-30-Nkg.cozy-VmLDNB:not(.message-2CShn3):after { display: none; } .wrapper-30-Nkg.cozy-VmLDNB:not(.message-2CShn3) .avatar-2e8lTP { top: 0; left: -63px; } .wrapper-30-Nkg.cozy-VmLDNB .repliedMessage-3Z6XBG:before { transform: translateX(42px); } .wrapper-30-Nkg.cozy-VmLDNB .repliedMessage-3Z6XBG .replyAvatar-sHd2sU, .wrapper-30-Nkg.cozy-VmLDNB .repliedMessage-3Z6XBG .replyBadge-LMm_Ic, .wrapper-30-Nkg.cozy-VmLDNB .repliedMessage-3Z6XBG .executedCommandAvatar-3oOnb1, .wrapper-30-Nkg.cozy-VmLDNB .repliedMessage-3Z6XBG .userJoinSystemMessageIcon-3FQ_Mo { margin-left: 42px; } .wrapper-30-Nkg.compact-2Nkcau { margin-bottom: 0; padding-right: 8px !important; } .wrapper-30-Nkg.compact-2Nkcau.groupStart-3Mlgv1 { padding: 8px; } .wrapper-30-Nkg.compact-2Nkcau.groupStart-3Mlgv1.mentioned-Tre-dv:before { display: none; } .wrapper-30-Nkg.compact-2Nkcau.groupStart-3Mlgv1 + .divider-2rZFJK { margin-bottom: -1px; } .wrapper-30-Nkg.compact-2Nkcau:not(.groupStart-3Mlgv1) { padding: 0 8px 8px 8px; } .wrapper-30-Nkg.compact-2Nkcau:not(.groupStart-3Mlgv1):before, .wrapper-30-Nkg.compact-2Nkcau:not(.groupStart-3Mlgv1):after { margin: -18px 0 0 0; } .wrapper-30-Nkg.compact-2Nkcau:not(.groupStart-3Mlgv1):before { border-width: 16px 0 0 14px; } .wrapper-30-Nkg.compact-2Nkcau:not(.groupStart-3Mlgv1):after { border-width: 0 0 16px 14px; } .wrapper-30-Nkg.compact-2Nkcau.hasThread-3h-KJV .contents-2MsGLg:before { display: none; } .wrapper-30-Nkg.compact-2Nkcau.hasThread-3h-KJV .content-vSHmMD { margin-left: 44px; } .wrapper-30-Nkg.compact-2Nkcau.hasThread-3h-KJV .spine-2vt3pM { display: none; } .wrapper-30-Nkg.compact-2Nkcau .header-2jRmjb { position: relative; left: -8px; } .wrapper-30-Nkg.compact-2Nkcau .timestamp-p1Df1m { width: 52px; margin-right: 16px; color: var(--text-muted); } .wrapper-30-Nkg.compact-2Nkcau + .divider-2rZFJK { margin-left: 80px; } .wrapper-30-Nkg.compact-2Nkcau + .divider-2rZFJK:not(.beforeGroup-1BvJAt) { top: -11px; } .wrapper-30-Nkg.compact-2Nkcau .repliedMessage-3Z6XBG { margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent)); } .wrapper-30-Nkg.compact-2Nkcau + .wrapper-30-Nkg.compact-2Nkcau:not(.message-2CShn3) { margin: 16px 20px 0 70px; } .wrapper-30-Nkg.compact-2Nkcau .iconContainer-2rPbqG { margin-left: 4.5ch; } .wrapper-30-Nkg.mentioned-Tre-dv .messageContent-2t3eCI { position: relative; background-color: hsla(var(--accent-hsl), 0.2); border-radius: var(--card-radius); } .wrapper-30-Nkg.mentioned-Tre-dv .messageContent-2t3eCI a { color: var(--accent-text-color); } .wrapper-30-Nkg.mentioned-Tre-dv .messageContent-2t3eCI .wrapper-1ZcZW-:before { display: none; } .wrapper-30-Nkg.mentioned-Tre-dv .messageContent-2t3eCI .wrapper-1ZcZW-:hover { color: var(--accent-text-color); } .wrapper-30-Nkg .iconContainer-2rPbqG { position: relative; width: auto !important; right: auto; margin-right: 12px; } .wrapper-30-Nkg .iconContainer-2rPbqG .icon-JRJzJz[style*='/assets/c30220457097b064286a8759a9b6c4af.svg'] { background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/phone_called.svg) !important; } .wrapper-30-Nkg .iconContainer-2rPbqG .icon-JRJzJz[style*='/assets/d80d1fdc43a3c42134a31a39581160ac.svg'] { background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/phone_missed.svg) !important; } .wrapper-30-Nkg .channelTextArea-1VQBuV .scrollableContainer-15eg7h { background-color: var(--main-textarea-color-alt); border-radius: var(--main-textarea-radius); } .operations-3q3u6E > a { color: hsl(var(--accent-hsl)); } /* CHAT AREA -> MESSAGES -> ACTIONS */ .message-2CShn3 .buttons-3dF5Kd { max-width: 32px; opacity: 0; visibility: visible; pointer-events: none; transition: opacity var(--default-time) var(--default-animation), max-width var(--default-time) var(--default-animation) var(--default-time); } .message-2CShn3.selected-2LX7Jy .buttons-3dF5Kd, .message-2CShn3:hover .buttons-3dF5Kd { max-width: 380px; opacity: 1; pointer-events: all; } .wrapper-2vIMkT { background-color: var(--main-textarea-color); border-radius: 16px; box-shadow: var(--shadow-2dp); border: none; overflow: hidden; } .wrapper-2vIMkT:hover { box-shadow: var(--shadow-3dp); } .wrapper-2vIMkT .button-3bklZh { transition: var(--default-time) ease all; /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS */ } .wrapper-2vIMkT .button-3bklZh:hover { background-color: var(--menu-item-hover); } .wrapper-2vIMkT .button-3bklZh:active { padding: 4px; } .wrapper-2vIMkT .button-3bklZh .selected-69H4ua { background-color: var(--menu-item-select); } .wrapper-2vIMkT .button-3bklZh svg { /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> ADD REACTION */ /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> START THREAD */ /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> REPLY */ /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> EDIT MESSAGE */ /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> RETRY */ /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> DELETE MESSAGE */ /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> MARK READ */ /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> PIN MESSAGE */ /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> COPY LINK */ /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> COPY ID */ } .wrapper-2vIMkT .button-3bklZh svg path[d="M12.2512 2.00309C12.1677 2.00104 12.084 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.916 21.999 11.8323 21.9969 11.7488C21.3586 11.9128 20.6895 12 20 12C15.5817 12 12 8.41828 12 4C12 3.31052 12.0872 2.6414 12.2512 2.00309ZM10 8C10 6.896 9.104 6 8 6C6.896 6 6 6.896 6 8C6 9.105 6.896 10 8 10C9.104 10 10 9.105 10 8ZM12 19C15.14 19 18 16.617 18 14V13H6V14C6 16.617 8.86 19 12 19Z"] { d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z") !important; } .wrapper-2vIMkT .button-3bklZh svg path[d="M12.2512 2.00309C12.1677 2.00104 12.084 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.916 21.999 11.8323 21.9969 11.7488C21.3586 11.9128 20.6895 12 20 12C15.5817 12 12 8.41828 12 4C12 3.31052 12.0872 2.6414 12.2512 2.00309ZM10 8C10 6.896 9.104 6 8 6C6.896 6 6 6.896 6 8C6 9.105 6.896 10 8 10C9.104 10 10 9.105 10 8ZM12 19C15.14 19 18 16.617 18 14V13H6V14C6 16.617 8.86 19 12 19Z"] ~ path { display: none; } .wrapper-2vIMkT .button-3bklZh svg path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] { d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z") !important; } .wrapper-2vIMkT .button-3bklZh svg path[d="M10 8.26667V4L3 11.4667L10 18.9333V14.56C15 14.56 18.5 16.2667 21 20C20 14.6667 17 9.33333 10 8.26667Z"] { d: path("M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9") !important; } .wrapper-2vIMkT .button-3bklZh svg path[d="M19.2929 9.8299L19.9409 9.18278C21.353 7.77064 21.353 5.47197 19.9409 4.05892C18.5287 2.64678 16.2292 2.64678 14.817 4.05892L14.1699 4.70694L19.2929 9.8299ZM12.8962 5.97688L5.18469 13.6906L10.3085 18.813L18.0201 11.0992L12.8962 5.97688ZM4.11851 20.9704L8.75906 19.8112L4.18692 15.239L3.02678 19.8796C2.95028 20.1856 3.04028 20.5105 3.26349 20.7337C3.48669 20.9569 3.8116 21.046 4.11851 20.9704Z"] { d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z") !important; } .wrapper-2vIMkT .button-3bklZh svg path[d="M12 2C6.485 2 2 6.485 2 12H5.33333C5.33333 8.32333 8.32333 5.33333 12 5.33333C15.6767 5.33333 18.6667 8.32333 18.6667 12C18.6667 15.6767 15.6767 18.6667 12 18.6667C10.2033 18.6667 8.55833 17.9333 7.315 16.6867L10.3333 13.6667H2V22L4.935 19.065C6.79833 20.94 9.30167 22 12 22C17.515 22 22 17.515 22 12C22 6.48667 17.515 2 12 2Z"] { d: path("M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z") !important; } .wrapper-2vIMkT .button-3bklZh svg path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] { d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z") !important; } .wrapper-2vIMkT .button-3bklZh svg path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] ~ path { display: none; } .wrapper-2vIMkT .button-3bklZh svg path[d="M14 3H20C21 3 22.0001 4 22.0001 5V19.0003C22.0001 20 21 21 20 21H14C13 21 6 13 6 13H2V11H6C6 11 13 3 14 3Z"] { d: path("M22,6.98V16c0,1.1-0.9,2-2,2H6l-4,4V4c0-1.1,0.9-2,2-2h10.1C14.04,2.32,14,2.66,14,3s0.04,0.68,0.1,1H4v12h16V7.9 C20.74,7.75,21.42,7.42,22,6.98z M16,3c0,1.66,1.34,3,3,3s3-1.34,3-3s-1.34-3-3-3S16,1.34,16,3z") !important; } .wrapper-2vIMkT .button-3bklZh svg 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("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z") !important; } .wrapper-2vIMkT .button-3bklZh svg path[d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"] { d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z") !important; } .wrapper-2vIMkT .button-3bklZh svg path[d="M5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM8.79741 7.72V16H6.74541V7.72H8.79741ZM13.2097 7.72C16.0897 7.72 17.5897 9.388 17.5897 11.848C17.5897 14.308 16.0537 16 13.2577 16H10.3537V7.72H13.2097ZM13.1497 14.404C14.6137 14.404 15.5257 13.636 15.5257 11.86C15.5257 10.12 14.5537 9.316 13.1497 9.316H12.4057V14.404H13.1497Z"] { d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z") !important; } /* CHAT AREA -> MESSAGES -> ACTIONS -> DELETE MESSAGE */ .message-G6O-Wv { padding: 0; background-color: transparent !important; box-shadow: none !important; } .message-G6O-Wv .wrapper-30-Nkg { margin: 0 0 0 52px !important; background-color: var(--message-color-alt) !important; } .message-G6O-Wv .wrapper-30-Nkg .avatar-2e8lTP { left: -52px !important; } .container-1zDvAE .control-1fl03- { position: relative; top: 5px; } /* CHAT AREA -> MESSAGES -> NEW MESSAGES */ .barBase-3xxDXu { left: 0; right: 0; background-color: hsl(var(--accent-hsl)); border-radius: 0; box-shadow: var(--shadow-1dp); } .barBase-3xxDXu .barButtonBase-Sk2mdB { color: var(--accent-text-color); } .divider-2rZFJK.isUnread-3Lojb- { margin: 0 .875rem 0 80px; border-color: hsl(var(--accent-hsl)); } .divider-2rZFJK.isUnread-3Lojb- .unreadPill-3nEWYM { height: 28px; top: -15px; padding: 0 16px; background-color: hsl(var(--accent-hsl)); border-radius: 14px; box-shadow: var(--shadow-3dp); font-size: 14px; font-weight: 500; text-transform: capitalize; color: var(--accent-text-color); } .divider-2rZFJK.isUnread-3Lojb- .unreadPill-3nEWYM .unreadPillCap-2-iI4h { display: none; } .divider-2rZFJK.isUnread-3Lojb-.hasContent-31hcsn .content-3spvdd { background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .divider-2rZFJK.hasContent-31hcsn { margin-left: 1rem; } /* CHAT AREA -> MESSAGES -> JUMP TO BUTTON */ .jumpToPresentBar-1cEnH0 { width: 48px; height: 48px; border-radius: 30%; left: auto; right: 20px; bottom: 20px; padding: 0; background: hsl(var(--accent-hsl)) !important; box-shadow: var(--shadow-3dp); } .jumpToPresentBar-1cEnH0:active { margin: 0 !important; } .jumpToPresentBar-1cEnH0:after { content: " "; position: absolute; width: 48px; height: 48px; bottom: 0; right: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNDEsOC41OEwxMiwxMy4xN0wxNi41OSw4LjU4TDE4LDEwTDEyLDE2TDYsMTBMNy40MSw4LjU4WiIgLz48L3N2Zz4=); background-repeat: no-repeat; background-size: 75%; background-color: transparent; background-position: 7px 7px; border-radius: 50%; } .jumpToPresentBar-1cEnH0 .barButtonBase-Sk2mdB { width: inherit; height: inherit; padding: inherit; } .jumpToPresentBar-1cEnH0 .barButtonBase-Sk2mdB.barButtonMain-2GIx4o { opacity: 0; z-index: 2; } .jumpToPresentBar-1cEnH0 .barButtonBase-Sk2mdB.barButtonAlt-TQoCdZ { display: none; } .jumpToPresentBar-1cEnH0 .spinner-2RT7ZC { position: absolute; width: inherit; height: inherit; padding: inherit; background-color: hsl(var(--accent-hsl)); border-radius: 50%; z-index: 3; } .jumpToPresentBar-1cEnH0 .spinner-2RT7ZC .pulsingEllipsis-10G8Z6 { vertical-align: middle; } .messagesErrorBar-1IQ1rH { width: auto; height: 36px; left: auto; right: 16px; bottom: 12px; padding: 0; border-radius: 18px; box-shadow: var(--shadow-2dp); transition: var(--default-time) var(--default-animation) box-shadow; } .messagesErrorBar-1IQ1rH:hover { box-shadow: var(--shadow-3dp); } .messagesErrorBar-1IQ1rH .barButtonMain-2GIx4o { min-width: 36px; padding: 0 18px 0 12px; flex: 0 1 auto; } .messagesErrorBar-1IQ1rH .barButtonMain-2GIx4o:after { position: absolute; content: "|"; width: 4px; height: 100%; top: 0; right: 0; } /* CHAT AREA -> MESSAGES -> MARKUP */ .markup-eYLPri a { color: hsl(var(--accent-hsl)); } .markup-eYLPri .wrapper-1ZcZW- { position: relative; background-color: hsla(var(--accent-hsl), 0.1); border-radius: var(--card-radius); color: hsl(var(--accent-hsl)); } .markup-eYLPri .wrapper-1ZcZW-:hover { background-color: hsla(var(--accent-hsl), 0.3); } .markup-eYLPri pre, .markup-eYLPri pre *, .markup-eYLPri pre code, .markup-eYLPri pre code *, .markup-eYLPri code.inline, .markup-eYLPri .codeBlockText-311wOq, .markup-eYLPri .codeBlockText-311wOq *, .markup-eYLPri .codeLine-3a3dbd, .markup-eYLPri .codeLine-3a3dbd *, .markup-eYLPri .codeBlockLang-3OMn-4, .markup-eYLPri .codeBlockLang-3OMn-4 *, .markup-eYLPri .codeBlockSyntax-2MZ-Qy, .markup-eYLPri .codeBlockSyntax-2MZ-Qy *, .markup-eYLPri .syntaxAfter-OxiKEl, .markup-eYLPri .syntaxAfter-OxiKEl *, .markup-eYLPri .syntaxBefore-3pDAmR, .markup-eYLPri .syntaxBefore-3pDAmR { font-family: var(--code-font) !important; } .markup-eYLPri pre, .markup-eYLPri pre code, .markup-eYLPri code.inline { background-color: var(--attachment-color); border-radius: var(--card-radius); border: none; } .markup-eYLPri pre code, .markup-eYLPri pre code code, .markup-eYLPri code.inline code { background-color: transparent; } .markup-eYLPri pre, .markup-eYLPri code.inline { margin: 4px 0; } .textContainer-36wgKK, .footer-GXWBBp { background-color: var(--attachment-color); border: none; } .textContainer-36wgKK { border-radius: var(--card-radius) var(--card-radius) 0 0; } .footer-GXWBBp { border-radius: 0 0 var(--card-radius) var(--card-radius); border-top: 1px solid var(--separator-color); } .codeView-12LUIl, .codeView-12LUIl * { font-family: var(--code-font) !important; } /* CHAT AREA -> MESSAGES -> SPOILERS */ .spoilerText-27bIiA, .spoilerText-27bIiA.hidden-3B-Rum { background-color: var(--attachment-color) !important; } /* CHAT AREA -> MESSAGES -> REACTIONS */ .reactions-1BUEKl { margin: 8px 0 0 0; } .reactions-1BUEKl .reaction-2A2y9y { background-color: var(--menu-item-hover); border-radius: 12px; border: none; } .reactions-1BUEKl .reaction-2A2y9y:hover { background-color: var(--menu-item-select); } .reactions-1BUEKl .reaction-2A2y9y.reactionMe-3I9gFK { background-color: hsla(var(--accent-hsl), 0.3); } .reactions-1BUEKl .reaction-2A2y9y.reactionMe-3I9gFK .reactionCount-1zkLcN { color: var(--accent-text-color); font-weight: 400; } /* CHAT AREA -> MESSAGES -> ATTACHMENTS */ .attachment-1PZZB2 { background-color: var(--attachment-color); border-radius: var(--message-radius); border: none; } .attachment-1PZZB2 .downloadWrapper-1Cy2Fi { position: relative; } .attachment-1PZZB2 .downloadWrapper-1Cy2Fi:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .attachment-1PZZB2 .downloadWrapper-1Cy2Fi:hover:after { opacity: 1; transform: scale(1.4); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .attachment-1PZZB2 .downloadWrapper-1Cy2Fi:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .attachment-1PZZB2 .downloadButton-2HLFWN { margin-left: 0; } .attachment-1PZZB2 .downloadButton-2HLFWN path { d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z") !important; } .progress-xNqAjK { background-color: hsla(var(--accent-hsl), 0.3) !important; } .progress-xNqAjK .progressBar-1T6LYX { background-color: hsl(var(--accent-hsl)) !important; } .embed-hKpSrO { border-radius: var(--media-radius); } .embed-hKpSrO.embedFull-1HGV2S { background-color: var(--attachment-color); } .wrapper-1HIH0j { background-color: var(--attachment-color); border-radius: var(--message-radius); } .wrapper-1HIH0j .header-3anOjb { font-size: 14px; text-transform: none; } .wrapper-1HIH0j .guildIcon-3ZfRfI { border-radius: 50%; } /* CHAT AREA -> MESSAGES -> ATTACHMENTS -> AUDIO FILE */ .wrapperAudio-1Bzv_Z { padding: 0; background-color: var(--attachment-color) !important; border-radius: var(--media-radius); border: none; } .wrapperAudio-1Bzv_Z .audioMetadata-1Hrt8T { padding: 8px; } .wrapperAudio-1Bzv_Z .audioMetadata-1Hrt8T .anchor-1MIwyf { position: relative; } .wrapperAudio-1Bzv_Z .audioMetadata-1Hrt8T .anchor-1MIwyf:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .wrapperAudio-1Bzv_Z .audioMetadata-1Hrt8T .anchor-1MIwyf:hover:after { opacity: 1; transform: scale(1.4); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .wrapperAudio-1Bzv_Z .audioMetadata-1Hrt8T .anchor-1MIwyf:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .wrapperAudio-1Bzv_Z .audioMetadata-1Hrt8T .metadataIcon-3QMhu9 path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] { d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z"); } .wrapperAudio-1Bzv_Z .audioControls-3fmemK { margin-top: 0; background-color: transparent; border-radius: 0; border-top: 1px solid var(--card-border-color); } .wrapperAudio-1Bzv_Z .audioControls-3fmemK .controlIcon-1grhw_ { padding: 8px; } .wrapperAudio-1Bzv_Z .audioControls-3fmemK .mediaBarGrabber-FvJKJg, .wrapperAudio-1Bzv_Z .audioControls-3fmemK .mediaBarGrabber-FvJKJg:before, .wrapperAudio-1Bzv_Z .audioControls-3fmemK .mediaBarGrabber-FvJKJg:after, .wrapperAudio-1Bzv_Z .audioControls-3fmemK .mediaBarProgress-38I317, .wrapperAudio-1Bzv_Z .audioControls-3fmemK .mediaBarProgress-38I317:before, .wrapperAudio-1Bzv_Z .audioControls-3fmemK .mediaBarProgress-38I317:after { background-color: hsl(var(--accent-hsl)); } .wrapperAudio-1Bzv_Z .audioControls-3fmemK .fakeEdges-18N907:before, .wrapperAudio-1Bzv_Z .audioControls-3fmemK .fakeEdges-18N907:after { border-radius: 0; } /* CHAT AREA -> MESSAGES -> ATTACHMENTS -> EMOJI SELLUP */ .popoutContainer-2wbmiM { background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; } .popoutContainer-2wbmiM .emojiSection-3QtaWO, .popoutContainer-2wbmiM .guildSection-2Zyzy8 { background-color: transparent; } .popoutContainer-2wbmiM .guildSection-2Zyzy8 { border-top: 1px solid var(--card-border-color); } .container-1ZA19X { z-index: 2; } .container-1ZA19X .stickerResults-cD_yeI { padding: 16px 16px 8px; } .container-1ZA19X .bottomInformationTextContainer-3xmddX { padding: 8px 16px 8px; border-top: 1px solid var(--card-border-color); } .container-1ZA19X .bottomInformationTextContainer-3xmddX .textDivider-34kVsR { display: none; } .container-1ZA19X .containerBackground-Ang24O { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; border: none; } .container-1ZA19X .containerBackground-Ang24O:after { border-top-color: var(--popout-color); } /* CHAT AREA -> MESSAGES -> ATTACHMENTS -> IMAGES */ .imageWrapper-oMkQl4.embedWrapper-1MtIDg { border-radius: var(--media-radius); } .embedMedia-1mdWSP { border-radius: var(--media-radius); } .spoilerContainer-3wsC0k { border-radius: var(--message-radius); box-shadow: none !important; } /* CHAT AREA -> MAIN TEXTAREA */ .form-3gdLxP, .form-3uUEen { margin-top: 0; background-color: var(--chat-color); } .form-3gdLxP:before, .form-3uUEen:before { display: none; } .form-3gdLxP .channelTextArea-1FufC0, .form-3gdLxP .channelTextArea-2ZBawt, .form-3uUEen .channelTextArea-1FufC0, .form-3uUEen .channelTextArea-2ZBawt { margin: 12px 0; background-color: transparent; border-radius: var(--main-textarea-radius); } .form-3gdLxP .channelTextArea-1FufC0.channelTextAreaDisabled-1p2fQv, .form-3gdLxP .channelTextArea-2ZBawt.channelTextAreaDisabled-1p2fQv, .form-3uUEen .channelTextArea-1FufC0.channelTextAreaDisabled-1p2fQv, .form-3uUEen .channelTextArea-2ZBawt.channelTextAreaDisabled-1p2fQv { opacity: 0.8; } .form-3gdLxP .channelTextArea-1FufC0 .scrollableContainer-15eg7h, .form-3gdLxP .channelTextArea-2ZBawt .scrollableContainer-15eg7h, .form-3uUEen .channelTextArea-1FufC0 .scrollableContainer-15eg7h, .form-3uUEen .channelTextArea-2ZBawt .scrollableContainer-15eg7h { background-color: var(--main-textarea-color); border-radius: var(--main-textarea-radius); border: 1px solid var(--main-textarea-border); opacity: 1; } .form-3gdLxP .channelTextArea-1FufC0 .scrollableContainer-15eg7h.hasConnectedBar-1vN2JH, .form-3gdLxP .channelTextArea-2ZBawt .scrollableContainer-15eg7h.hasConnectedBar-1vN2JH, .form-3uUEen .channelTextArea-1FufC0 .scrollableContainer-15eg7h.hasConnectedBar-1vN2JH, .form-3uUEen .channelTextArea-2ZBawt .scrollableContainer-15eg7h.hasConnectedBar-1vN2JH { border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); } .form-3gdLxP .channelTextArea-1FufC0 .clipContainer-31nYlH, .form-3gdLxP .channelTextArea-2ZBawt .clipContainer-31nYlH, .form-3uUEen .channelTextArea-1FufC0 .clipContainer-31nYlH, .form-3uUEen .channelTextArea-2ZBawt .clipContainer-31nYlH { margin-top: 0; padding-top: 0; } .form-3gdLxP .channelTextArea-1FufC0 .attachedBars-2BCP3l, .form-3gdLxP .channelTextArea-2ZBawt .attachedBars-2BCP3l, .form-3uUEen .channelTextArea-1FufC0 .attachedBars-2BCP3l, .form-3uUEen .channelTextArea-2ZBawt .attachedBars-2BCP3l { background-color: var(--main-textarea-color); border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; border: 1px solid var(--main-textarea-border); border-bottom: none; } .form-3gdLxP .channelTextArea-1FufC0 .attachedBars-2BCP3l .replyBar-1oi75v, .form-3gdLxP .channelTextArea-2ZBawt .attachedBars-2BCP3l .replyBar-1oi75v, .form-3uUEen .channelTextArea-1FufC0 .attachedBars-2BCP3l .replyBar-1oi75v, .form-3uUEen .channelTextArea-2ZBawt .attachedBars-2BCP3l .replyBar-1oi75v { background-color: transparent; border-radius: 0; } .form-3gdLxP .channelTextArea-1FufC0 .attachedBars-2BCP3l .colorBrand-21Le_q, .form-3gdLxP .channelTextArea-1FufC0 .attachedBars-2BCP3l .colorLink-2apWfY, .form-3gdLxP .channelTextArea-2ZBawt .attachedBars-2BCP3l .colorBrand-21Le_q, .form-3gdLxP .channelTextArea-2ZBawt .attachedBars-2BCP3l .colorLink-2apWfY, .form-3uUEen .channelTextArea-1FufC0 .attachedBars-2BCP3l .colorBrand-21Le_q, .form-3uUEen .channelTextArea-1FufC0 .attachedBars-2BCP3l .colorLink-2apWfY, .form-3uUEen .channelTextArea-2ZBawt .attachedBars-2BCP3l .colorBrand-21Le_q, .form-3uUEen .channelTextArea-2ZBawt .attachedBars-2BCP3l .colorLink-2apWfY { color: hsl(var(--accent-hsl)); } .form-3gdLxP .attachButtonPlus-3IYelE, .form-3uUEen .attachButtonPlus-3IYelE { d: path("M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z") !important; } .form-3gdLxP .typing-2J1mQU, .form-3uUEen .typing-2J1mQU { width: 100%; top: -24px; left: 0; background-color: var(--typing-color); transition: 200ms ease-in-out; } .form-3gdLxP .typing-2J1mQU .slowModeIcon-35Psjn, .form-3uUEen .typing-2J1mQU .slowModeIcon-35Psjn { margin-right: 8px; } .form-3gdLxP .button-f2h6uQ.lookBlank-21BCro, .form-3uUEen .button-f2h6uQ.lookBlank-21BCro { background-color: transparent !important; } .applicationCommandEducation-1stoia { position: relative; left: unset; right: unset; margin-top: -11px; border-top: none; } .wrapper-2SplAX { height: 44px; margin: 12px 0; padding: 0; background-color: var(--main-textarea-color); border: 1px solid var(--main-textarea-border); border-radius: var(--main-textarea-radius); } .wrapper-2SplAX .buttonContainer-KMz3Ex { margin-right: 4px; } .fakeLink-2FvUR7 { color: hsl(var(--accent-hsl)); } .characterCount-8yNPfb { margin-top: 24px; } .root-3PVcjb { background-color: var(--attachment-color); border-radius: var(--card-radius-big); } /* CHAT AREA -> SPAM FILTER */ .spamBanner-1auiob { display: grid; grid-template-columns: 1fr auto; margin: 12px 16px; padding: 4px 8px; background-color: var(--main-textarea-color); border: 1px solid var(--main-textarea-border); border-radius: 28px; } .spamBanner-1auiob .bannerTextContainer-TbC9W4 { margin: 0 8px 0 0; } .spamBanner-1auiob .actionButtons-2SAg-Q { width: auto; margin: 0; } /* * * THREADS * */ .container-3GP6AV { background-color: transparent; } .container-3GP6AV .header-3cSJjT { padding: 4px 16px; background-color: transparent; border-bottom: 1px solid var(--popout-header-border); } .container-2rzKKA { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; transition: var(--default-time) var(--default-animation); } .container-2rzKKA:hover { background-color: var(--background-modifier-hover); border-color: var(--card-border-color); } /* THREADS -> POPOUT THREAD */ .container-3XgAHv { background-color: var(--chat-color); border-radius: 16px 0 0 16px; } .container-3XgAHv .scrollerInner-2PPAp2 { padding-top: 36px; } .channelTextArea-3TZH74 { background-color: transparent; } .channelTextAreaInner-ITp5kW { max-height: 200px; background-color: var(--main-textarea-color); border-radius: var(--main-textarea-radius); border: 1px solid var(--main-textarea-border); } /* THREADS -> POPOUT THREAD -> PERKS */ .perks-26lTSw { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .perks-26lTSw .perkRow-10K6XE { margin: 0; position: relative; border-bottom: none; } .perks-26lTSw .perkRow-10K6XE:after { position: absolute; content: " "; width: calc(100% - 56px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .perks-26lTSw .perkRow-10K6XE:last-of-type:after { display: none; } .perks-26lTSw .perkIconContainer-25jfLV { margin-left: 16px; } /* THREADS -> CHAT AREA */ .chatHeaderBar-2fUORh { position: absolute; width: calc(100% - 32px); background-color: var(--typing-color); z-index: 2; } .chatHeaderBar-2fUORh .chatHeaderBarText-1yrbqv { font-weight: 500; } .container-18GwIk { min-height: 200px; max-height: 80vh; background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; animation: top-pop-out 400ms var(--default-animation); } .container-18GwIk .header-3_zmOb { padding: 0 16px; background-color: transparent; border-bottom: 1px solid var(--popout-header-border); } .container-18GwIk .header-3_zmOb .tabBar-2WhZ9G { height: 100%; } .container-18GwIk .header-3_zmOb .createButton-oruGBs { --button-padding: 0 12px; } .container-18GwIk .container-2c4_8A { min-height: 200px; padding: 16px; } .container-18GwIk .activeThreadsList-c8qlqZ { padding-bottom: 16px; } .container-18GwIk .content-28mbXd { height: auto !important; } .container-18GwIk .container-2rzKKA { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .container-18GwIk .container-2rzKKA:hover { background-color: var(--card-color-hover); } .container-18GwIk .container-2rzKKA:last-of-type { margin-bottom: 0; } body:active .container-18GwIk:not(:active) { opacity: 0; transition: 150ms ease all; } /* THREADS -> MORE ACTIVE THREADS */ .title-1yq5kT.size12-oc4dx4 { margin-top: -8px; padding: 12px; } .title-1yq5kT.size12-oc4dx4 + .more-2c3Z-T { margin-top: 0; } .title-1yq5kT.size12-oc4dx4 + .row-1qtctT { border-top: 1px solid var(--popout-header-border); } .row-1qtctT { margin: 0; } .more-2c3Z-T { padding: 8px 12px; border-top-color: var(--popout-header-border); } /* * * EVENTS * */ .eventCard-2ZL9GD { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } /* * * USER STATUS * */ .layer-2aCOJ3[style*="left: 88px"] { left: 80px !important; } .panels-3wFtMD { position: relative; margin: -12px 8px 8px; background-color: transparent; } .panels-3wFtMD:before { position: absolute; content: " "; width: calc(100% + 16px); height: 40px; top: -28px; left: -8px; background: linear-gradient(0deg, var(--main-color) 0%, transparent 50%); z-index: -1; pointer-events: none; } .panels-3wFtMD .container-1zzFcN .button-12Fmur, .panels-3wFtMD .container-6sXIoE .button-12Fmur, .panels-3wFtMD .listeningAlong-6YvYsc .button-12Fmur { background-color: transparent !important; position: relative; } .panels-3wFtMD .container-1zzFcN .button-12Fmur:after, .panels-3wFtMD .container-6sXIoE .button-12Fmur:after, .panels-3wFtMD .listeningAlong-6YvYsc .button-12Fmur:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .panels-3wFtMD .container-1zzFcN .button-12Fmur:hover:after, .panels-3wFtMD .container-6sXIoE .button-12Fmur:hover:after, .panels-3wFtMD .listeningAlong-6YvYsc .button-12Fmur:hover:after { opacity: 1; transform: scale(1.1); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .panels-3wFtMD .container-1zzFcN .button-12Fmur:active:after, .panels-3wFtMD .container-6sXIoE .button-12Fmur:active:after, .panels-3wFtMD .listeningAlong-6YvYsc .button-12Fmur:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .panels-3wFtMD .container-1zzFcN .button-1EGGcP { --button-padding: 0 12px; } .panels-3wFtMD .container-1zzFcN, .panels-3wFtMD .container-6sXIoE, .panels-3wFtMD .panel-2ZFCRb, .panels-3wFtMD .listeningAlong-6YvYsc { margin-bottom: 8px; background-color: var(--sidebar-panel-color); border-radius: var(--card-radius-big); } .panels-3wFtMD .container-6sXIoE, .panels-3wFtMD .container-1zzFcN, .panels-3wFtMD .activityPanel-9icbyU, .panels-3wFtMD .listeningAlong-6YvYsc { border-bottom: none; } .panels-3wFtMD .container-6sXIoE.withTimeline-824fT_ .bar-g2ZMIm { background-color: var(--slider-color); } .panels-3wFtMD .container-6sXIoE.withTimeline-824fT_ .barText-lmqc5O { padding: 0 4px; } .panels-3wFtMD .container-6sXIoE.maximized-vv2Wr0 .coverWrapper-YAplwJ { border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; } .panels-3wFtMD .container-6sXIoE .interpret-F93iqP { color: var(--text-normal); } .panels-3wFtMD .container-YkUktl { height: 52px; background-color: var(--status-picker-color); border-radius: var(--card-radius-big); box-sizing: border-box; /* USER STATUS -> ICONS */ } .panels-3wFtMD .container-YkUktl .button-12Fmur { background-color: transparent !important; border-radius: 50%; position: relative; color: var(--interactive-normal) !important; } .panels-3wFtMD .container-YkUktl .button-12Fmur:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .panels-3wFtMD .container-YkUktl .button-12Fmur:hover:after { opacity: 1; transform: scale(1.1); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .panels-3wFtMD .container-YkUktl .button-12Fmur:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .panels-3wFtMD .container-YkUktl .button-12Fmur:hover { color: var(--interactive-hover) !important; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path { /* USER STATUS -> ICONS -> DISABLE GAME ACTIVITY */ /* USER STATUS -> ICONS -> ENABLE GAME ACTIVITY */ /* USER STATUS -> ICONS -> MUTE */ /* USER STATUS -> ICONS -> UNMUTE */ /* USER STATUS -> ICONS -> DEAFEN */ /* USER STATUS -> ICONS -> UNDEAFEN */ /* USER STATUS -> ICONS -> SETTINGS */ } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="M 5.7066445,4.9022473 H 18.293275 c 1.595895,0 2.92046,1.2333283 3.034163,2.8251676 l 0.667683,9.3475611 c 0.0743,1.040197 -0.708715,1.943677 -1.748914,2.017977 -0.04477,0.0032 -0.08964,0.0048 -0.134531,0.0048 -1.191828,0 -2.230714,-0.811138 -2.519775,-1.96738 l -0.522119,-2.08848 H 6.930137 l -0.5221194,2.088478 c -0.2890608,1.156242 -1.3279463,1.96738 -2.5197742,1.96738 -1.0428481,0 -1.8882436,-0.845396 -1.8882436,-1.888243 0,-0.04488 0.0016,-0.08976 0.0048,-0.134532 L 2.6724812,7.7274149 C 2.7861841,6.1355756 4.1107494,4.9022473 5.7066445,4.9022473 Z m 8.8282265,5.0698223 c 0.839995,0 1.520947,-0.680951 1.520947,-1.5209465 0,-0.8399957 -0.680952,-1.5209468 -1.520947,-1.5209468 -0.839996,0 -1.520947,0.6809511 -1.520947,1.5209468 0,0.8399955 0.680951,1.5209465 1.520947,1.5209465 z m 4.055858,3.0418944 c 0.839996,0 1.520947,-0.680952 1.520947,-1.520947 0,-0.839995 -0.680951,-1.5209474 -1.520947,-1.5209474 -0.839996,0 -1.520947,0.6809524 -1.520947,1.5209474 0,0.839995 0.680951,1.520947 1.520947,1.520947 z M 5.9161725,8.9581056 H 3.8882434 v 2.0279294 h 2.0279291 v 2.027929 H 7.9441016 V 10.986035 H 9.9720304 V 8.9581056 H 7.9441016 V 6.9301763 H 5.9161725 Z"] { d: path("M7.97,16L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.21,7.81 5.14,6 7.5,6H16.5C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75A1.75,1.75 0 0,1 20.25,19.5C19.77,19.5 19.33,19.3 19,19L16.03,16H7.97M7,8V10H5V11H7V13H8V11H10V10H8V8H7M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z") !important; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="m 5.707493,4.903746 c -1.5957556,0 -2.921198,1.232272 -3.0348909,2.823972 l -0.6679103,9.346058 c -0.0032,0.04477 -0.00469,0.09105 -0.00469,0.135925 0,0.286145 0.068875,0.553783 0.1827966,0.796805 L 7.1745522,13.014755 H 5.9160685 v -2.02951 H 3.8889021 V 8.958078 H 5.9160685 V 6.930913 H 7.943235 v 2.027165 h 2.0295102 v 1.258484 L 15.285561,4.903746 Z m 15.366625,1.832652 -4.813642,4.813642 -3.491882,3.491882 h 4.300405 l 0.522611,2.088099 c 0.289036,1.156141 1.327587,1.966233 2.519311,1.966233 0.04489,0 0.08882,-0.0014 0.133582,-0.0047 1.040108,-0.0743 1.824922,-0.977685 1.750628,-2.01779 l -0.66791,-9.346079 c -0.02519,-0.352659 -0.11926,-0.683371 -0.253103,-0.99132 z m -2.484157,3.236436 c 0.839921,0 1.52096,0.681039 1.52096,1.52096 0,0.839923 -0.681039,1.520961 -1.52096,1.520961 -0.839923,0 -1.520962,-0.681038 -1.520962,-1.520961 0,-0.839921 0.681039,-1.52096 1.520962,-1.52096 z M 7.943235,10.985245 v 1.260827 l 1.2608277,-1.260827 z"] { d: path("M2,5.27L3.28,4L20,20.72L18.73,22L12.73,16H7.97L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.1,9.09 3.53,8.17 4.19,7.46L2,5.27M5,10V11H7V13H8V11.27L6.73,10H5M16.5,6C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75C22,18.41 21.64,19 21.1,19.28L7.82,6H16.5M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z") !important; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="m 5.707493,4.903746 c -1.5957556,0 -2.921198,1.232272 -3.0348909,2.823972 l -0.6679103,9.346058 c -0.0032,0.04477 -0.00469,0.09105 -0.00469,0.135925 0,0.286145 0.068875,0.553783 0.1827966,0.796805 L 7.1745522,13.014755 H 5.9160685 v -2.02951 H 3.8889021 V 8.958078 H 5.9160685 V 6.930913 H 7.943235 v 2.027165 h 2.0295102 v 1.258484 L 15.285561,4.903746 Z m 15.366625,1.832652 -4.813642,4.813642 -3.491882,3.491882 h 4.300405 l 0.522611,2.088099 c 0.289036,1.156141 1.327587,1.966233 2.519311,1.966233 0.04489,0 0.08882,-0.0014 0.133582,-0.0047 1.040108,-0.0743 1.824922,-0.977685 1.750628,-2.01779 l -0.66791,-9.346079 c -0.02519,-0.352659 -0.11926,-0.683371 -0.253103,-0.99132 z m -2.484157,3.236436 c 0.839921,0 1.52096,0.681039 1.52096,1.52096 0,0.839923 -0.681039,1.520961 -1.52096,1.520961 -0.839923,0 -1.520962,-0.681038 -1.520962,-1.520961 0,-0.839921 0.681039,-1.52096 1.520962,-1.52096 z M 7.943235,10.985245 v 1.260827 l 1.2608277,-1.260827 z"] ~ path { display: none; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] { d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z") !important; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] ~ path { display: none; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] { d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86") !important; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path { display: none; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="M12 2.00305C6.486 2.00305 2 6.48805 2 12.0031V20.0031C2 21.1071 2.895 22.0031 4 22.0031H6C7.104 22.0031 8 21.1071 8 20.0031V17.0031C8 15.8991 7.104 15.0031 6 15.0031H4V12.0031C4 7.59105 7.589 4.00305 12 4.00305C16.411 4.00305 20 7.59105 20 12.0031V15.0031H18C16.896 15.0031 16 15.8991 16 17.0031V20.0031C16 21.1071 16.896 22.0031 18 22.0031H20C21.104 22.0031 22 21.1071 22 20.0031V12.0031C22 6.48805 17.514 2.00305 12 2.00305Z"] { d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z") !important; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] { d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z") !important; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] ~ path { display: none; } .panels-3wFtMD .container-YkUktl .button-12Fmur .contents-3ca1mk path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] { d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; } .container-JMJRDf { width: calc(100% - 16px); margin: 8px 8px 0; background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; overflow: hidden; } .container-JMJRDf .content-PlPs77 { padding: 0 0 8px; } .container-JMJRDf .video-31SuuY { border-radius: 0; } /* USER STATUS -> STATUS PICKER */ .layer-2aCOJ3[style*="left: 80px; bottom: 6"] { top: initial !important; left: 82px !important; bottom: 78px !important; } .menu-1QACrS#status-picker { width: 224px; min-height: 68px; background-color: var(--popout-color); border-radius: var(--popout-radius-big); box-shadow: var(--shadow-3dp); animation: show-status var(--default-time) var(--default-animation); overflow: hidden; } .menu-1QACrS#status-picker .scroller-1bVxF5 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; } .menu-1QACrS#status-picker .scroller-1bVxF5::-webkit-scrollbar { width: 0 !important; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status) { position: relative; width: unset; height: 68px; margin: 0; border-radius: 0; font-size: 0; overflow: hidden; animation: status 300ms var(--default-animation) backwards; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status):active { background-color: transparent !important; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-online { animation-delay: 100ms; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-online .statusItem-2hiCNB { background-color: #43b581; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-online .status-2DiCMd { background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_dark.svg); } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-idle { animation-delay: 140ms; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-idle .statusItem-2hiCNB { background-color: #faa61a; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-idle .status-2DiCMd { background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/alarm_dark.svg); } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-dnd { animation-delay: 180ms; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-dnd .statusItem-2hiCNB { background-color: #f04747; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-dnd .status-2DiCMd { background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_dark.svg); } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-invisible { animation-delay: 220ms; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-invisible .statusItem-2hiCNB { background-color: #747f8d; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status)#status-picker-invisible .status-2DiCMd { background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility_off_dark.svg); } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status) .statusItem-2hiCNB { position: absolute; display: block; width: 34px; height: 34px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 0; border-radius: var(--avatar-radius); transition: var(--default-time) var(--default-animation); } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status) .statusItem-2hiCNB .description-3Cwkxk { display: none; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status):hover .statusItem-2hiCNB { transform: scale(1.425); } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status):hover .status-2DiCMd { opacity: 0.65; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status).focused-3qFvc8 { background-color: transparent; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status) .icon-Lz4Y-_ { display: none; } .menu-1QACrS#status-picker .item-1OdjEX:not(#status-picker-custom-status) .status-2DiCMd { display: block; position: absolute; width: 20px; height: 20px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-size: 100%; background-position: center; background-repeat: no-repeat; opacity: 0; transition: var(--default-time) var(--default-animation); font-size: 0; } .menu-1QACrS#status-picker .item-1OdjEX#status-picker-custom-status, .menu-1QACrS#status-picker .item-1OdjEX#status-picker-switch-account { grid-column: 1/6; margin-top: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; border-top: 1px solid var(--popout-header-border); transition: var(--default-time) var(--default-animation) background-color; } .menu-1QACrS#status-picker .item-1OdjEX#status-picker-custom-status.focused-3qFvc8, .menu-1QACrS#status-picker .item-1OdjEX#status-picker-switch-account.focused-3qFvc8 { background-color: var(--menu-item-hover); color: var(--interactive-normal); } .menu-1QACrS#status-picker .item-1OdjEX#status-picker-custom-status .statusItem-2hiCNB, .menu-1QACrS#status-picker .item-1OdjEX#status-picker-switch-account .statusItem-2hiCNB { display: grid; position: unset; min-height: 28px; padding: 4px 12px; grid-template-rows: 28px 1fr; } .menu-1QACrS#status-picker .item-1OdjEX#status-picker-custom-status .statusItem-2hiCNB { grid-template-columns: 28px 1fr; } .menu-1QACrS#status-picker .item-1OdjEX#status-picker-custom-status .statusItem-2hiCNB.customStatusItem-1qQzss { grid-template-columns: 1fr 32px; } .menu-1QACrS#status-picker .item-1OdjEX#status-picker-custom-status .statusItem-2hiCNB .customEmoji-1nCP1t { margin-left: 0; } .menu-1QACrS#status-picker .item-1OdjEX#status-picker-custom-status .clearStatusButton-GXA1lF { width: 32px !important; height: 32px !important; } .menu-1QACrS#status-picker .item-1OdjEX#status-picker-custom-status .clearStatusIcon-9SeHGZ { margin-left: 0; } .menu-1QACrS#status-picker .item-1OdjEX#status-picker-switch-account .statusItem-2hiCNB { grid-template-columns: 28px 1fr; } .menu-1QACrS#status-picker .submenuContainer-3EVTeH { width: auto; height: auto; grid-column: 1/6; } .menu-1QACrS#status-picker .submenuContainer-3EVTeH #status-picker-switch-account { height: 36px; padding: 0; font-size: 14px; animation: none; } .menu-1QACrS#status-picker .submenuContainer-3EVTeH #status-picker-switch-account:hover .statusItem-2hiCNB { transform: none; } .menu-1QACrS#status-picker .submenuContainer-3EVTeH #status-picker-switch-account.focused-3qFvc8 { background-color: var(--menu-item-hover); } .menu-1QACrS#status-picker .submenuContainer-3EVTeH #status-picker-switch-account.focused-3qFvc8 .switchAccountsItem-1neGS_ path { fill: currentColor !important; } .menu-1QACrS#status-picker .submenuContainer-3EVTeH #status-picker-switch-account .statusItem-2hiCNB { width: auto; height: auto; } .menu-1QACrS#status-picker .submenuContainer-3EVTeH #status-picker-switch-account .status-2DiCMd { display: unset; position: unset; width: unset; height: unset; margin: unset; font-size: inherit; opacity: 1 !important; } .menu-1QACrS#status-picker .submenuContainer-3EVTeH #status-picker-switch-account .betaTag-3pnIxA { position: absolute; top: 0; bottom: 0; right: 24px; margin: auto 0; background-color: hsl(var(--accent-hsl)) !important; color: var(--accent-text-color); } .menu-1QACrS#status-picker .submenuContainer-3EVTeH #status-picker-switch-account .iconContainer-1-SsTR { margin-right: 8px; } .menu-1QACrS#status-picker .submenuContainer-3EVTeH { grid-column: 1/6; } .menu-1QACrS#status-picker .submenuContainer-3EVTeH .layer-2aCOJ3 { transform: translateX(-4px); } .menu-1QACrS#status-picker .submenuContainer-3EVTeH .scroller-1bVxF5 { display: block; } .menu-1QACrS#status-picker .separator-1So4YB { display: none; } .menu-1QACrS#status-picker .layer-2aCOJ3[style*="left: 316px"] { left: 312px !important; } .menu-1QACrS#status-picker .submenu-1apzyU { padding: 8px 0; background-color: var(--popout-color); overflow: hidden; animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); transform-origin: top; } .menu-1QACrS#status-picker [aria-activedescendant*="status-picker-switch-account"] .item-1OdjEX { height: auto !important; padding: 9px 12px !important; font-size: 14px !important; line-height: 18px; transition: var(--default-time) var(--default-animation) background-color; animation: none !important; } .menu-1QACrS#status-picker [aria-activedescendant*="status-picker-switch-account"] .item-1OdjEX:hover { background-color: var(--menu-item-hover) !important; } .menu-1QACrS#status-picker [aria-activedescendant*="status-picker-switch-account"] .item-1OdjEX#status-picker-switch-account--manage-accounts { position: relative; margin-top: 16px; overflow: visible; } .menu-1QACrS#status-picker [aria-activedescendant*="status-picker-switch-account"] .item-1OdjEX#status-picker-switch-account--manage-accounts:after { position: absolute; content: " "; width: 100%; height: 1px; top: -8px; left: 0; background-color: var(--popout-header-border); } body:active .menu-1QACrS#status-picker:not(:active) { opacity: 0; transform: translateY(15%); transition: 200ms var(--default-animation) !important; } .emojiButtonContainer-1cdx-p { margin: 0; z-index: 2; } .emojiButtonContainer-1cdx-p + .inputWrapper-1YNMmM .input-2g-os5 { padding-left: 32px; padding-right: 36px; } .formDivider-6eSaij { margin-top: 16px; } .menu-1QACrS#activity-popout { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--shadow-3dp); } .menu-1QACrS#activity-popout .scroller-1bVxF5 { padding: 8px 0; padding-right: 0 !important; } .menu-1QACrS#activity-popout .scroller-1bVxF5::-webkit-scrollbar { width: 0 !important; } .menu-1QACrS#activity-popout .scroller-1bVxF5 .activityItem-3_4A5- { margin: 0; border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .menu-1QACrS#activity-popout .scroller-1bVxF5 .activityItem-3_4A5-:hover { background-color: var(--menu-item-hover); } .menu-1QACrS#activity-popout .scroller-1bVxF5 .separator-1So4YB { margin: 8px 0; border-bottom-color: var(--separator-color); } .menu-1QACrS#activity-popout .betaTag-3mHD-Y { padding: 0 6px; background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); font-size: 13px; text-transform: none; } /* * * VOICE CONNECTED * */ .avatarSpeaking-2pCGrZ, .avatarSpeaking-33RRJU, .speaking-3K28iH, .border-2Vy6FN.speaking-7QZEkv { box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-secondary); } .border-2Vy6FN { border-radius: var(--card-radius-big); } .rtcConnectionStatusConnected-1c73OK { background-color: transparent !important; color: var(--success-color) !important; } /* VOICE CONNECTED -> SHOW VOICE USERS */ .avatarIconOverlay-ZVSfbr { /* VOICE CONNECTED -> SHOW VOICE USERS -> MUTED */ /* VOICE CONNECTED -> SHOW VOICE USERS -> DEAFENED */ } .avatarIconOverlay-ZVSfbr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] { d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z"); } .avatarIconOverlay-ZVSfbr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path { display: none; } .avatarIconOverlay-ZVSfbr path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] { d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"); } .avatarIconOverlay-ZVSfbr path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] ~ path { display: none; } /* VOICE CONNECTED -> RTC CONNECTION */ .container-1ILvLB { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .container-1ILvLB .header-2C89wJ, .container-1ILvLB section { background-color: transparent !important; } .container-1ILvLB .header-2C89wJ { border-bottom: 1px solid var(--popout-header-border); text-transform: none; justify-content: left; } /* VOICE CONNECTED -> NOISE SUPPRESSION */ .noiseCancellationPopout-2-e5Xz { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .noiseCancellationPopout-2-e5Xz .micTestButton-2Ct97k { width: auto; } /* VOICE CONNECTED -> BUTTONS */ .actionButtons-2vEOUh .button-f2h6uQ .buttonIcon-2Zsrs2 path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); } .actionButtons-2vEOUh .button-f2h6uQ .buttonIcon-2Zsrs2 path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] { d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z"); } /* * * STAGE CHANNEL * */ .content-3uvxCf { margin: 16px; } .container-a_NK-C { padding: 4px; background-color: var(--menu-item-select); border-radius: 32px; } .container-a_NK-C .button-f2h6uQ { height: unset !important; max-height: unset; padding: 16px !important; box-shadow: none !important; transition: var(--default-time) var(--default-animation) !important; } .raiseHandButton-1TZpXJ { margin: 0; background-color: transparent !important; } .raiseHandButton-1TZpXJ:not([disabled]):hover { background-color: rgba(var(--button-link-color), 0.1) !important; } .leaveQuietlyButton-3Vhswc { height: unset !important; max-height: unset; padding: 16px !important; border-radius: 28px !important; } .leaveQuietlyButton-3Vhswc:after { display: none; } /* * * SCREEN SHARE * */ .modalSize-22vimZ .segmentContainer-2dq0ta { border-bottom: 1px solid var(--card-border-color); } .modalSize-22vimZ .segmentContainer-2dq0ta .divider-2_Eu47 { display: none; } .modalSize-22vimZ .segmentContainer-2dq0ta .segmentControlOption-2LyihQ.selected-2xa993 { border-bottom: none !important; position: relative; background-color: transparent !important; } .modalSize-22vimZ .segmentContainer-2dq0ta .segmentControlOption-2LyihQ.selected-2xa993:after { position: absolute; content: " "; width: 100%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .modalSize-22vimZ .tile-38DNjt:hover .sourceThumbnail-3n4cjJ { box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)); } .modalSize-22vimZ .card-1SdQ2- { padding: 6px 4px 6px 8px; background-color: var(--input-color); border-radius: 22px; border: none; } .modalSize-22vimZ .card-1SdQ2- .changeButton-3QdaoH, .modalSize-22vimZ .card-1SdQ2- .changeButton-3QdaoH:after { border-radius: 18px !important; } .modalSize-22vimZ .group-1_ptLP { border-radius: 16px; border: 1px solid var(--card-border-color); overflow: hidden; } .modalSize-22vimZ .group-1_ptLP .selectorButton-3sW6Qm { border: none !important; transition: var(--default-time) var(--default-animation) background-color; } .modalSize-22vimZ .group-1_ptLP .selectorButton-3sW6Qm:hover { background-color: var(--menu-item-hover); } .modalSize-22vimZ .group-1_ptLP .selectorButton-3sW6Qm.selectorButtonSelected-3Z0WNU { background-color: var(--menu-item-select); } .modalSize-22vimZ .group-1_ptLP .selectorButton-3sW6Qm .selectorText-2PqieX { color: var(--menu-item-text-color); } /* * * PICTURE IN PICTURE * */ .elevationHigh-3KUiqj, .pictureInPictureWindow-3ms5Zy { border-radius: var(--popout-radius-big); box-shadow: var(--shadow-3dp) !important; } .pictureInPictureVideo-2puO2Q { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; /* PiP -> CONTROLS */ } .pictureInPictureVideo-2puO2Q .videoControls-e2Ogs3 { /* PiP -> CONTROLS -> VIEWERS */ } .pictureInPictureVideo-2puO2Q .videoControls-e2Ogs3 .controlIcon-10O-4h path { /* PiP -> CONTROLS -> TURN ON CAMERA */ /* PiP -> CONTROLS -> SETTINGS */ /* PiP -> CONTROLS -> STOP SCREEN SHARE */ } .pictureInPictureVideo-2puO2Q .videoControls-e2Ogs3 .controlIcon-10O-4h path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); } .pictureInPictureVideo-2puO2Q .videoControls-e2Ogs3 .controlIcon-10O-4h path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] { d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"); } .pictureInPictureVideo-2puO2Q .videoControls-e2Ogs3 .controlIcon-10O-4h path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] { d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z"); } .pictureInPictureVideo-2puO2Q .videoControls-e2Ogs3 .viewersIcon-F76mss path { d: path("M12 6.5c3.79 0 7.17 2.13 8.82 5.5-1.65 3.37-5.02 5.5-8.82 5.5S4.83 15.37 3.18 12C4.83 8.63 8.21 6.5 12 6.5m0-2C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5m0-2c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5z"); } /* * * USER SETTINGS * */ .layer-86YKbF, .standardSidebarView-E9Pc3j { background-color: transparent; } .sidebarRegionScroller-FXiQOh { background-color: var(--main-alt); } .contentRegion-3HkfJJ { background-color: var(--main-color); border-top-left-radius: var(--card-radius-big); } .contentRegion-3HkfJJ .contentRegionScroller-2_GT_N { background-color: transparent; } .h2-1EaYVL { text-transform: none; font-weight: 500; } .divider-3LgWDL { border-top-color: var(--card-border-color); } .layer-86YKbF.animating { pointer-events: initial !important; will-change: transform, opacity; } [class*="theme-"] .standardSidebarView-E9Pc3j { backface-visibility: hidden; } .layer-86YKbF { transform: none !important; transition: 300ms var(--default-animation) all; backface-visibility: hidden; } .layer-86YKbF.animating-1rIrGV { transform: none !important; } .layer-86YKbF.stop-animations:first-of-type { transform: scale(0.95) !important; opacity: 0 !important; } .layer-86YKbF + .layer-86YKbF { transform: scale(1.1) !important; opacity: 0 !important; pointer-events: none !important; transition: 300ms var(--default-animation) all, 150ms ease opacity; } .layer-86YKbF.stop-animations ~ .layer-86YKbF { pointer-events: initial !important; transform: none !important; opacity: 1 !important; animation: opensettings 300ms var(--default-animation); } @keyframes opensettings { 0% { transform: scale(1.1); opacity: 0; } } .closeButton-PCZcma { position: relative; border: none; } .closeButton-PCZcma:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .closeButton-PCZcma:hover:after { opacity: 1; transform: scale(1.2); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .closeButton-PCZcma:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .closeButton-PCZcma:hover { background-color: transparent !important; } .closeButton-PCZcma:active { transform: translateX(0px); } .keybind-13vtq8 { color: var(--text-muted) !important; } /* USER SETTINGS -> MY ACCOUNT */ .contentColumnDefault-3eyv5o > div:not([class]):first-child > div:not([class]):first-child + .divider-3LgWDL { display: none; } .accountProfileCard-lbN7n- { background-color: var(--card-color); border-radius: var(--card-radius-big); } .accountProfileCard-lbN7n- .userInfo-regn9W { height: 88px; padding: 16px 16px 16px 120px; border-left: 1px solid var(--card-border-color); border-right: 1px solid var(--card-border-color); } .accountProfileCard-lbN7n- .userInfo-regn9W .avatar-3mTjvZ { background-color: transparent; border: none; box-shadow: var(--shadow-3dp); } .accountProfileCard-lbN7n- .background-3d_SjE { margin: 0; padding: 0; background-color: transparent; border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border: 1px solid var(--card-border-color); } .accountProfileCard-lbN7n- .background-3d_SjE .fieldList-in8WkP { margin-top: 0; padding: 16px; } .accountProfileCard-lbN7n- .background-3d_SjE .fieldList-in8WkP .constrainedRow-3y91Xf .button-f2h6uQ { margin-left: 8px; } .fieldList-in8WkP { padding: 0; background-color: transparent; border-radius: 0; } /* USER SETTINGS -> MY ACCOUNT -> EDIT */ .inputPrefix-1VU7MB { height: 32px; padding-top: 0; padding-left: 16px; line-height: 32px; color: var(--text-normal); } /* USER SETTINGS -> USER PROFILE */ .notice-1Qe0b_ { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .nitroUpsellButtonInner-zjGzQV { display: grid; grid-template-columns: 30px 1fr; } .customizationSection-IGy2fS .inputWrapper-1YNMmM { height: auto; min-height: 32px; max-height: unset; } .customizationSection-IGy2fS:not(.preview-yzOwK1) { margin-bottom: 16px; padding: 16px; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .customizationSection-IGy2fS:not(.preview-yzOwK1) .title-3hptVQ { width: calc(100% + 32px); margin-top: -16px; margin-left: -16px; margin-bottom: 16px; padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .customizationSection-IGy2fS.preview-yzOwK1 .title-3hptVQ { display: none; } .customizationSection-IGy2fS .buttonsContainer-3rygH4 { height: auto !important; background-color: unset; border-radius: 0 !important; border: none; } .profileBannerPreview-3mLIdO { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .profileBannerPreview-3mLIdO .avatarUploaderInner-p38nm2 { background-color: transparent; border: none; box-shadow: var(--shadow-3dp); } .profileBannerPreview-3mLIdO .avatarUploaderInner-p38nm2:focus-within .avatarUploaderHint-2ZdBlc, .profileBannerPreview-3mLIdO .avatarUploaderInner-p38nm2:hover .avatarUploaderHint-2ZdBlc { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; } .profileBannerPreview-3mLIdO .headerTop-3GPUSF { padding: 64px 12px 12px; border-bottom: 1px solid var(--card-border-color); } .profileBannerPreview-3mLIdO .popoutInfo-16MuYF { padding: 12px; } .profileBannerPreview-3mLIdO .divider-1wtgZ3 { display: none; } .profileBannerPreview-3mLIdO .aboutMeTitle-3pjiS7, .profileBannerPreview-3mLIdO .fakeActivityTitle-3Yf28p, .profileBannerPreview-3mLIdO .fakeActivityTitle-3-_pB_ { font-size: 14px; text-transform: none; } .profileBannerPreview-3mLIdO .fakeActivityIcon-KeXVoI { background-color: hsl(var(--accent-hsl)); border-radius: 50%; } /* USER SETTINGS -> AUTHORIZED APPS */ .formNotice-2nS8ey { padding: 0; } .formNotice-2nS8ey .formNoticeTitle-2qYdGw { margin: 0; padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; text-transform: none; } .formNotice-2nS8ey .formNoticeBody-1GTGJa { padding: 16px; } .authedApp-1tw-eT { padding: 0; margin-bottom: 16px; } .authedApp-1tw-eT .marginBottom20-315RVT { margin: 0; padding: 16px; border-bottom: 1px solid var(--card-border-color); } .authedApp-1tw-eT div:not([class]) { padding: 16px 16px 0; } .authedApp-1tw-eT .marginTop20-2T8ZJx { margin: 0; padding: 16px; } .permission-5MTkHz .permissionCheckmark-2XFmCt { background-image: none; background-color: var(--success-color); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_box.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_box.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* USER SETTINGS -> CONNECTIONS */ .accountList-305sx3 { padding: 0; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .accountList-305sx3 .title-3hptVQ { margin-bottom: 0; padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; opacity: 1; } .accountList-305sx3 .modeDefault-2fEh7a { padding: 8px 16px 0; } .accountList-305sx3 .connectedAccounts-26X_gr { padding: 0 16px 16px 16px; } .accountList-305sx3 .connectedAccounts-26X_gr .accountBtn-1YkMgV { margin-bottom: 0; } .accountList-305sx3 .connectedAccounts-26X_gr .accountBtn-1YkMgV .accountBtnInner-3XK70s { background-color: var(--menu-item-hover); border-radius: 50%; transition: var(--default-time) var(--default-animation) background-color; } .accountList-305sx3 .connectedAccounts-26X_gr .accountBtn-1YkMgV .accountBtnInner-3XK70s:hover { background-color: var(--menu-item-select); } .connectionList-1NoxUk { grid-gap: 16px; } .connectionList-1NoxUk .connection-107AGH { margin-bottom: 0; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .connectionList-1NoxUk .connection-107AGH .connectionHeader-2rV1ze { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .connectionList-1NoxUk .connection-107AGH .connectionHeader-2rV1ze .connectionAccountValue-3gVX0m, .connectionList-1NoxUk .connection-107AGH .connectionHeader-2rV1ze .connectionAccountLabel-HkwS6X { font-weight: 500; } .connectionList-1NoxUk .connection-107AGH .connectionOptionsWrapper-1ipqUo { padding: 16px; } .connectionList-1NoxUk .connection-107AGH .connectionOptionsWrapper-1ipqUo .connectionOptionSwitch-FwkEHS { padding-left: 0; padding-right: 0; } .connectionList-1NoxUk .connection-107AGH .connectionOptionsWrapper-1ipqUo .connectionOptionSwitch-FwkEHS.marginBottom20-315RVT:last-child { margin-bottom: 0; } .connectionList-1NoxUk .connection-107AGH .connectedAccountSeparator-2gWsUP { margin-left: 0; margin-right: 0; } .integrationsWrapper-3a2pGd { padding: 0; } .integrationsWrapper-3a2pGd .h5-2RwDNl { margin: 0; padding: 16px 16px 8px; } .integrationsWrapper-3a2pGd .integration-1f5IUi { position: relative; margin-top: 0; padding: 16px; background-color: transparent; border-radius: 0; } .integrationsWrapper-3a2pGd .integration-1f5IUi:after { position: absolute; content: " "; width: calc(100% - 56px); height: 1px; bottom: 0; right: 0; background-color: var(--card-border-color); } .integrationsWrapper-3a2pGd .integration-1f5IUi:last-child:after, .integrationsWrapper-3a2pGd .integration-1f5IUi:only-child:after { display: none; } .integrationsWrapper-3a2pGd .integration-1f5IUi .button-f2h6uQ { background-color: hsla(var(--accent-hsl), 0.1); color: hsl(var(--accent-hsl)); } /* USER SETTINGS -> DISCORD NITRO */ .holidayHeroContainer-11fdxG { width: 100%; border-radius: var(--card-radius-big); } .giftContainer-1X7m0c { padding: 16px; background-color: var(--card-color) !important; border-radius: var(--card-radius-big) !important; border: 1px solid var(--card-border-color) !important; } /* USER SETTINGS -> SERVER BOOST */ .feature-1Q4U_R { padding: 16px; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .guild-Hq0WWA { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .guild-Hq0WWA .guildHeader-3nh5RK { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .guild-Hq0WWA .guildHeader-3nh5RK .guildIcon-c10VUR { top: 0; bottom: 0; margin: auto 0; } .guild-Hq0WWA .guildHeader-3nh5RK .guildHeaderContent-1vpxhX { padding: 0 16px; } .guild-Hq0WWA .guildHeader-3nh5RK .guildGemIndicatorContainer-3Ie0ga { margin: 0; } .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN { padding: 0; background-color: transparent; } .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI { padding: 16px; border-bottom: none; position: relative; border-bottom: none; } .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI:after { position: absolute; content: " "; width: calc(100% - 42px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI:last-of-type:after { display: none; } .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL { position: relative; } .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:hover:after { opacity: 1; transform: scale(1.5); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .cardWrapper-CyvwQv { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; transition: var(--default-time) var(--default-animation) background-color; } .cardWrapper-CyvwQv:hover { background-color: transparent; } .menu-1QACrS#subscription-context { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--shadow-3dp); } .menu-1QACrS#subscription-context .scroller-1bVxF5 { padding: 8px 0; } .menu-1QACrS#subscription-context .scroller-1bVxF5::-webkit-scrollbar { width: 0px !important; } .menu-1QACrS#subscription-context .item-1OdjEX { margin: 0; padding: 9px 12px; border-radius: 0; color: var(--menu-item-text-color); transition: var(--default-time) var(--default-animation) background-color; } .menu-1QACrS#subscription-context .item-1OdjEX.focused-3qFvc8 { background-color: var(--menu-item-hover); color: var(--menu-item-text-color); } /* USER SETTINGS -> BILLING */ .card-2aHs8C { padding: 0; } .card-2aHs8C form > div:not([class]):first-child { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .card-2aHs8C form > div:not([class]):first-child .subText-3FNUOd { margin-top: 16px; } .card-2aHs8C form .addressSection-3-7v_3 { margin-top: 0; padding: 16px; } .card-2aHs8C form .addressSection-3-7v_3 + .defaultSection-319Lgg { margin: 0; padding: 8px 16px 16px; } .card-2aHs8C form .formActions-5CiFNE { margin-top: 0; padding: 8px; } .card-2aHs8C form .formActions-5CiFNE .lookLink-15mFoz.colorPrimary-2AuQVo { margin-right: 8px; } .codeRedemptionRedirect-3SBiCp { padding: 16px; background-color: transparent !important; border-color: var(--card-border-color) !important; } .button-3WZC0G { margin: 0; } .button-3WZC0G:nth-of-type(odd) { margin-right: 6px; } .cardNumberWrapper-3JnfVP .hiddenDiv-2qTqSF { height: 0; } .cardInput-33x7OF { padding: 6px 0; background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid var(--input-border-color); } .cardInput-33x7OF.cardNumberInput-1Ly6Gn { padding-left: 40px; } .cardIcon-1rZ5-N { top: 6px; left: 0; } /* USER SETTINGS -> APPEARANCE */ .preview-rua1rr .wrapper-30-Nkg.cozy-VmLDNB { margin-left: 62px; margin-right: 16px; } /* USER SETTINGS -> ACCESSIBILITY */ .previewMessage-2uxBrA { padding: 16px; background-color: var(--chat-color); border-radius: var(--card-radius-big); } .previewMessage-2uxBrA .wrapper-30-Nkg { margin: 0 0 0 52px !important; border-radius: var(--message-radius); } .previewMessage-2uxBrA .wrapper-30-Nkg:before, .previewMessage-2uxBrA .wrapper-30-Nkg:after { display: none; } .previewMessage-2uxBrA .wrapper-30-Nkg .avatar-2e8lTP { top: 0; left: -50px; } /* USER SETTINGS -> VOICE & VIDEO */ .userSettingsVoice-1_dzjw .media-engine-video { border-radius: var(--card-radius-big); } .userSettingsVoice-1_dzjw .previewOverlay-2reuWf { background-color: var(--main-color) !important; border-radius: var(--card-radius-big); border-color: var(--card-border-color) !important; } .formNotice-2nS8ey .icon-1fWS75 { margin-left: 16px !important; } .micTestButton-1Qz8Oq { width: auto; } /* USER SETTINGS -> KEYBINDS */ .warning-RBGtx2 { background-color: transparent; border-color: var(--alert-color); } .warning-RBGtx2 .icon-2fP4ae { color: var(--alert-color); } .container-3jbRo5 { border-radius: var(--card-radius-big); } .children-1xdcWE .marginBottom20-315RVT + .divider-3LgWDL { display: none; } .row-1Tg75B { padding: 16px; border: 1px solid var(--card-border-color); border-bottom: none; box-shadow: none !important; } .row-1Tg75B:first-child { border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; } .row-1Tg75B:last-child { margin-bottom: 40px; border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border-bottom: 1px solid var(--card-border-color); } .row-1Tg75B:only-child { border-radius: var(--card-radius-big); } .row-1Tg75B .keybindGroup-eTTYMW { margin: 0; padding: 0; } .row-1Tg75B .keybindGroup-eTTYMW:before { display: none; } .row-1Tg75B .removeKeybind-2YVgVG { right: -12px; } .defaultKeybindGroup-3IVc_- { margin: 32px 0 0 0; border-radius: var(--card-radius-big); border: 1px solid var(--card-border-color); } .defaultKeybindGroup-3IVc_- .defaultKeybindGroupHeader-2dEFA2 { margin-bottom: 0; padding: 16px; font-size: 1em; color: var(--card-header-text-color); font-weight: 500; text-transform: capitalize; } .defaultKeybindGroup-3IVc_- .defaultKeybindGroupHeader-2dEFA2.defaultKeybindGroupWithDescription-2W4JbJ { margin-bottom: 6px; padding: 16px 16px 0; } .defaultKeybindGroup-3IVc_- .defaultKeybindGroupDescription-3mKcYJ { margin-bottom: 0; padding: 0 16px 16px; } .defaultKeybindGroup-3IVc_- .defaultKeybindGroupDescription-3mKcYJ + .divider-3LgWDL { display: none; } .defaultKeybindGroup-3IVc_- .defaultKeybind-OJ0CKH { padding: 16px; border-top: 1px solid var(--card-border-color); font-weight: 400; } .defaultKeybindGroup-3IVc_- .defaultKeybind-OJ0CKH:nth-child(3) { border-top: none; } .defaultKeybindGroup-3IVc_- .defaultKeybind-OJ0CKH + .divider-3LgWDL { display: none; } /* USER SETTINGS -> ACTIVITY STATUS */ .activeGame-3ncS55 { border-radius: var(--card-radius-big); border: 1px solid var(--card-border-color); } .activeGame-3ncS55.notDetected-2HEmAp, .activeGame-3ncS55.nowPlaying-zBamm2 { background-color: transparent !important; } .activeGame-3ncS55 .gameName-Uw4dbt, .activeGame-3ncS55 .lastPlayed-3aHvxk { color: var(--text-normal) !important; } .nowPlayingAdd-3lvnXJ { color: var(--text-normal) !important; } .nowPlayingAdd-3lvnXJ .button-f2h6uQ { margin-left: 8px; } .addGamePopout-3yePJc { background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; } .addGamePopout-3yePJc .lookLink-15mFoz.colorGrey-2iAG-B { margin-right: 8px; } /* USER SETTINGS -> ACTIVITY STATUS -> GAME LIST */ .nowPlayingAdd-3lvnXJ { margin: 16px 0; } .nowPlayingAdd-3lvnXJ + .container-1zDvAE { margin-bottom: 0; } .nowPlayingAdd-3lvnXJ + .marginTop40-Q4o1tS { margin-top: 0; border-radius: var(--card-radius-big); border: 1px solid var(--card-border-color); } .nowPlayingAdd-3lvnXJ + .marginTop40-Q4o1tS .h5-2RwDNl { margin-bottom: 0; padding: 16px; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .game-3x3aDt { padding: 16px; border-bottom: 1px solid var(--card-border-color); box-shadow: none !important; } .game-3x3aDt:before { display: none; } .game-3x3aDt:last-child { border-bottom: none; } .game-3x3aDt .gameNameInput-3TuPuA { height: 24px; border-radius: 12px; border: none; } .game-3x3aDt .gameNameInput-3TuPuA:focus { background-color: var(--input-color); } .game-3x3aDt .lastPlayed-3aHvxk { margin-top: 4px; } .game-3x3aDt .overlayStatusText-AHDYB3 { color: var(--text-muted); transition: var(--default-time) var(--default-animation) opacity; } .game-3x3aDt .overlayToggleIcon-2NLk4w { width: 24px; height: 24px; position: relative; } .game-3x3aDt .overlayToggleIcon-2NLk4w:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .game-3x3aDt .overlayToggleIcon-2NLk4w:hover:after { opacity: 1; transform: scale(1.6); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .game-3x3aDt .overlayToggleIcon-2NLk4w:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .game-3x3aDt .overlayToggleIconOn-3_-nGm .fill-MYciTJ { fill: var(--text-muted); } .game-3x3aDt .overlayToggleIconOn-3_-nGm path { d: path("M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z"); } .game-3x3aDt .overlayToggleIconOff-3hGOmN path { d: path("M1.41 1.69L0 3.1l1 .99V16c0 1.1.89 2 1.99 2H10v2H8v2h8v-2h-2v-2h.9l6 6 1.41-1.41-20.9-20.9zM2.99 16V6.09L12.9 16H2.99zM4.55 2l2 2H21v12h-2.45l2 2h.44c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4.55z"); } .game-3x3aDt .overlayToggleIconOff-3hGOmN path ~ rect { display: none; } .game-3x3aDt .removeGame-3Le1LJ { top: -12px; right: -12px; } /* USER SETTINGS -> GAME OVERLAY */ .container-1_EVMa .base-ddxxyL { padding: 10px 0; } .container-30qY7E { --input-border-color: transparent; height: var(--input-height) !important; max-height: var(--input-height) !important; padding: var(--input-padding) !important; background-color: var(--input-color) !important; border-radius: calc(var(--input-height) / 2) !important; } .container-30qY7E:before, .container-30qY7E:after { display: none; } .container-30qY7E:hover .button-ZJ9ZzX, .container-30qY7E:focus-within .button-ZJ9ZzX { width: 154px !important; } .container-30qY7E .input-3MU9bJ { padding-left: 12px; } .container-30qY7E .button-ZJ9ZzX { --button-height: 30px; margin: 4px; transition: var(--default-time) var(--default-animation) width, var(--default-time) var(--default-animation) box-shadow !important; } .container-30qY7E.recording-3ny5_E { border-radius: calc(var(--input-height) / 2); } .wrapper-SdcMKg { border-radius: var(--card-radius-big); border-color: hsl(var(--accent-hsl)); } .wrapper-SdcMKg .option-1QI4c9 { border-radius: var(--card-radius-big); } .wrapper-SdcMKg .option-1QI4c9:hover { background-color: hsl(var(--accent-hsl)); opacity: 0.6; } .wrapper-SdcMKg .option-1QI4c9.selected-18Wszc { background-color: hsl(var(--accent-hsl)); border-color: hsl(var(--accent-hsl)); box-shadow: var(--shadow-1dp); } /* USER SETTINGS -> BETTERDISCORD */ #bd-settings-sidebar .ui-tab-bar-separator { background-color: transparent !important; } .bd-search-wrapper { height: 32px; padding: 0; line-height: 32px; background-color: var(--input-color); border-radius: 16px; } .bd-search-wrapper .bd-search { height: 100%; padding: 0 4px 0 12px; font-size: 14px; } .bd-search-wrapper > svg { margin-right: 12px; } .bd-addon-list { margin-top: 24px !important; } .bd-addon-list a { color: hsl(var(--accent-hsl)); } .bd-addon-list .bd-addon-card { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .bd-addon-list .bd-addon-header { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .bd-addon-list .bd-addon-header .gifFavoriteButton-2IttKp { color: var(--text-muted); } .bd-addon-list .bd-addon-header .gifFavoriteButton-2IttKp.selected-7JJuv5 { color: #faa61a; } .bd-addon-list .bd-controls { border-radius: 14px; border: 1px solid var(--card-border-color); overflow: hidden; } .bd-addon-list .bd-controls .bd-button { padding: 3px 8px; background-color: transparent; } .bd-addon-list .bd-controls .bd-button:hover { background-color: var(--menu-item-hover); } .bd-addon-list .bd-controls .bd-button svg { fill: var(--menu-item-text-color); } .repoHeader-2KfNvH > * { min-width: 350px; max-width: 1200px; } .repoHeader-2KfNvH .top-K_jibn .item-3XjbnG { border: none; } .repoHeader-2KfNvH .top-K_jibn .item-3XjbnG.selected-g-kMVV { position: relative; background-color: transparent !important; } .repoHeader-2KfNvH .top-K_jibn .item-3XjbnG.selected-g-kMVV:after { position: absolute; content: " "; width: 90%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .repoHeader-2KfNvH .tabBarContainer-1s1u-z.bottom-b8sdfs { border-bottom-color: var(--card-border-color); } .bd-button { background-color: hsl(var(--accent-hsl)); border-radius: var(--card-radius); color: var(--accent-text-color); } .bd-addon-views .bd-view-button.selected { background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .bd-select .bd-select-options { padding: 8px 0; background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--shadow-3dp); border: none; } .bd-select .bd-select-options .bd-select-option { padding: 8px 12px; font-weight: 500; color: var(--menu-item-text-color); transition: var(--default-time) var(--default-animation) background-color; } .bd-select .bd-select-options .bd-select-option:hover { background-color: var(--menu-item-hover); } .bd-select .bd-select-options .bd-select-option.selected { background-color: var(--menu-item-select); } .monaco-editor *, .ace_editor *, .line-numbers * { font-family: var(--code-font) !important; } .monaco-editor .codicon[class*=codicon-], .ace_editor .codicon[class*=codicon-], .line-numbers .codicon[class*=codicon-] { font-family: codicon !important; } /* USER SETTINGS -> SIDEBAR */ .sidebarRegion-1VBisG { flex: 0; } .sidebar-nqHbhN { width: 240px; margin: 0 6px 0 0; padding: 60px 6px 40px 0; } .side-2ur1Qk .header-2Kx1US, .side-2ur1Qk .ui-tab-bar-header, #bd-settings-sidebar .header-2Kx1US, #bd-settings-sidebar .ui-tab-bar-header { margin-top: 4px; margin-bottom: 8px; padding: 0 12px 0 26px; font-size: 0.8em; font-weight: 700; text-transform: none; color: var(--channels-default) !important; } .side-2ur1Qk .separator-2wx7h6, .side-2ur1Qk .ui-tab-bar-separator, #bd-settings-sidebar .separator-2wx7h6, #bd-settings-sidebar .ui-tab-bar-separator { position: relative; height: 1px; margin: 8px 0; background: transparent; } .side-2ur1Qk .separator-2wx7h6:before, .side-2ur1Qk .ui-tab-bar-separator:before, #bd-settings-sidebar .separator-2wx7h6:before, #bd-settings-sidebar .ui-tab-bar-separator:before { position: absolute; content: " "; width: calc(100% + 12px); height: 1px; background: rgba(114, 118, 125, 0.3); } .contentRegion-3HkfJJ div[role="tabpanel"] { width: 100%; height: 100%; } .contentColumnDefault-3eyv5o, .contentColumnMinimal-32PuDO, .customColumn-2n-oKU, .customScroller-m1-jZn > div { flex: 1 1 auto; min-width: 350px; max-width: 1200px; left: 0; right: 0; margin: 0 auto; } .contentColumnDefault-3eyv5o { padding: 60px; } .customHeader-f9DEJ_ { padding-top: 0; } .customContainer-dK1ozq { width: auto; } .customContainer-dK1ozq .auto-2K3UW5 { background-color: var(--main-color) !important; border-top-left-radius: var(--card-radius-big); } .customContainer-dK1ozq .customScroller-m1-jZn { padding-right: 0 !important; } .customContainer-dK1ozq .customScroller-m1-jZn .content-28mbXd div:not([class])[style="height: 60px;"] { height: 0 !important; } .customContainer-dK1ozq .customScroller-m1-jZn > div { position: relative; min-width: 350px; max-width: 1200px; margin: 0 auto; padding: 60px 97px 60px 60px !important; } .customContainer-dK1ozq .customScroller-m1-jZn > .customHeader-3mDgmH { padding: 0; } .card-2ART2V:before { margin: 0 60px; } .customColumn-2n-oKU + .toolsContainer-25FL6V, .contentRegion-3HkfJJ div[role="tabpanel"] + .toolsContainer-25FL6V { position: absolute; width: 60px; height: 60px; right: 0; } .customColumn-2n-oKU + .toolsContainer-25FL6V .tools-kIrEGr, .contentRegion-3HkfJJ div[role="tabpanel"] + .toolsContainer-25FL6V .tools-kIrEGr { position: absolute; width: 36px; right: -8px; } .contentColumnMinimal-32PuDO { padding: 60px 80px 80px; } .sidebarScrollable-2mW9Ls .flexChild-3PzYmX[style*='padding: 60px 15px 80px 20px;'] { padding: 60px 8px 40px 0 !important; } .sidebarScrollable-2mW9Ls + .content-2ssVKB[style*='padding: 60px 0px 80px 20px;'] { padding: 0 0 0 20px !important; } .sidebarScrollable-2mW9Ls + .content-2ssVKB { position: relative; width: calc(100% - 232px); left: 232px; right: 0; margin-left: 0; padding: 0 !important; } .sidebarScrollable-2mW9Ls .side-2ur1Qk .header-2Kx1US:first-child { margin: 0 0 8px 0; padding: 0 0 0 10px !important; } .socialLinks-2DELRE, .info-1sUqUG { padding: 8px 12px 8px 26px; } /* USER SETTINGS -> SIDEBAR -> ICONS */ .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG, #bd-settings-sidebar .ui-tab-bar-item { width: 240px; height: 32px; margin: 0; padding: 0 12px 0 54px; line-height: 32px; border-radius: 0 16px 16px 0; transition: var(--default-time) ease background-color; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG:before, #bd-settings-sidebar .ui-tab-bar-item:before { position: absolute; content: " "; width: 20px; height: 20px; top: 0; left: 26px; bottom: 0; margin: auto 0; background-repeat: no-repeat; background-position: center; opacity: 0.8; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG svg, #bd-settings-sidebar .ui-tab-bar-item svg { display: none; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG.selected-g-kMVV, .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG.selected, #bd-settings-sidebar .ui-tab-bar-item.selected-g-kMVV, #bd-settings-sidebar .ui-tab-bar-item.selected { background-color: var(--menu-item-select-accent) !important; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG.selected-g-kMVV:before, .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG.selected:before, #bd-settings-sidebar .ui-tab-bar-item.selected-g-kMVV:before, #bd-settings-sidebar .ui-tab-bar-item.selected:before { opacity: 1; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG .selectedBackground-1qyzak, #bd-settings-sidebar .ui-tab-bar-item .selectedBackground-1qyzak { display: none; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="my-account-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="profile-customization-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="privacy-&-safety-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="authorized-apps-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="connections-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="subscriptions-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/subscription.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/subscription.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="discord-nitro-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/nitro.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/nitro.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="nitro-server-boost-tab"]:before { left: 27px; background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="library-inventory-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gift.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gift.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="billing-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/payment.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/payment.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="appearance-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="accessibility-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/accessibility.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/accessibility.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="voice-&-video-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/mic.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/mic.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="text-&-images-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="notifications-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="keybinds-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/space_bar.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/space_bar.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="language-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/translate.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/translate.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="windows-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/windows.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/windows.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="linux-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/linux.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/linux.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="streamer-mode-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/live_tv.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/live_tv.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="advanced-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="game-activity-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gamepad.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gamepad.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="overlay-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/picture_in_picture.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/picture_in_picture.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG.bd-settings-tab:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG.bd-emotes-tab:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG.bd-customcss-tab:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG.bd-plugins-tab:before, .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="pluginrepo-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG.bd-themes-tab:before, .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="themerepo-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="changelog-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/list.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/list.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="hypesquad-online-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hypesquad.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hypesquad.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="experiments-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="developer-options-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="hotspot-options-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="logout-tab"]:before { background-color: var(--alert-color); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/exit_to_app.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/exit_to_app.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="pc-general-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="pc-modulemanager-plugins-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="pc-modulemanager-themes-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="pc-updater-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/update.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/update.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(3):before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(4):before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(5):before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(6):before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } #bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(7):before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* * * SERVER SETTINGS * */ .container-1s4HBn { background-color: transparent !important; border-radius: 0; border: none; border-bottom: 1px solid var(--input-border-color) !important; } .container-1s4HBn .input-1dRteR { padding: 0; } .container-1s4HBn .button-3og7GZ { margin: 4px 0; } .regionSelectModal-12e-57 { padding: 0; } .regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 { margin-bottom: 0; padding: 16px; border-bottom: 1px solid var(--popout-header-border); font-size: 16px; text-transform: none; font-weight: 600; color: var(--card-header-text-color); text-align: left; } .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB { padding: 16px; overflow-y: auto; } .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB .regionSelectModalOption-2DSIZ3 { background-color: var(--card-color-alt); border-radius: var(--card-radius-big); border: 1px solid var(--card-border-color); transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) transform; } .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB .regionSelectModalOption-2DSIZ3:hover { transform: translateY(-2px); box-shadow: var(--shadow-3dp); } .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA { margin-top: 0; padding: 16px; border-top: 1px solid var(--popout-header-border); text-align: left; } .noticeRegion-qjyUVg { left: 0; right: 0; margin: 0 auto; padding: 0 16px 16px; } .container-20TyK0 { background-color: var(--popout-color) !important; border-radius: 29px; box-shadow: var(--shadow-3dp) !important; } .title-2CL_z0, .text-27cdrj { color: var(--text-normal) !important; } .description-30xx7u + .button-f2h6uQ.sizeMedium-2bFIHr { max-width: auto; } /* SERVER SETTINGS -> ROLES */ .sidebarScrollable-2mW9Ls .side-2ur1Qk .item-3XjbnG { width: auto; border-radius: 16px; } .colorPickerSwatch-RTUGRR { border-radius: 10px; } .colorPickerSwatch-RTUGRR.custom-1Up2lr, .colorPickerSwatch-RTUGRR.default-3ISV7m { width: 50px; border-radius: 50%; overflow: visible !important; } .colorPickerSwatch-RTUGRR.custom-1Up2lr:not(.default-3ISV7m):after { display: none; } .container-1S70rv { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .container-1S70rv .autocompleteShadow-2nfsSy { display: none; } .container-1S70rv .autocompleteArrow-jJE9TQ { background-color: var(--popout-color) !important; } .container-1S70rv .header-3i_Csh { padding: 0 16px; background-color: transparent !important; border-bottom: 1px solid var(--popout-header-border); } .container-1S70rv .header-3i_Csh .input-2lpFVz { width: calc(100% - 32px); } .container-1S70rv .sectionTag-28mLyE { background-color: transparent !important; } .container-1S70rv .section-3PvCGN { padding: 0 16px; text-transform: none; font-size: 14px; } .container-1S70rv .row-1Ib2uD { padding: 0; } .container-1S70rv .row-1Ib2uD .rowInner-3uonq8 { padding: 12px 16px; border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .container-1S70rv .row-1Ib2uD.selected-1IWCoj .rowInner-3uonq8 { background-color: var(--menu-item-hover); color: var(--menu-item-text-color); } /* SERVER SETTINGS -> ROLES -> NEW */ .container-3EtAkD { padding: 16px; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .searchContainer-16qhPt .container-2oNtJn { height: var(--input-height); border-radius: var(--input-radius); } .searchContainer-16qhPt .container-2oNtJn .inner-2pOSmK .input-2m5SfJ { height: var(--input-height); } .searchContainer-16qhPt .container-2oNtJn .inner-2pOSmK .iconLayout-3Bjizv { width: 36px; height: 36px; } /* SERVER SETTINGS -> ROLES -> NEW -> ROLES LIST */ .rolesTable-2Z8MuS { padding: 16px; border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; border: 1px solid var(--card-border-color); } .rolesTable-2Z8MuS .tableHeader-2h-wc8 { margin-left: 0; margin-bottom: 0; } .rolesTable-2Z8MuS .tableHeader-2h-wc8 .dragSpacing-2GB_1h { display: none; } .rolesTable-2Z8MuS .tableTitle-3zdrSx { font-size: 1em; color: var(--card-header-text-color); font-weight: 500; text-transform: none; } .rolesTable-2Z8MuS .tableTitle-3zdrSx.memberSpacing-1RRW7k { margin-left: 64px; } .roleRow-3LoHQ6 { margin-left: 0; margin-right: 0; padding-right: 16px; position: relative; border-bottom: none; border-radius: 0; border-left: 1px solid var(--card-border-color); border-right: 1px solid var(--card-border-color); transition: var(--default-time) var(--default-animation); } .roleRow-3LoHQ6:after { position: absolute; content: " "; width: calc(100% - 62px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .roleRow-3LoHQ6:last-of-type:after { display: none; } .roleRow-3LoHQ6:hover { background-color: var(--card-color-hover); } .roleRow-3LoHQ6:hover:after { background-color: var(--card-border-color); } .roleRow-3LoHQ6:before { display: none; } .roleRow-3LoHQ6:last-of-type { border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border-bottom: 1px solid var(--card-border-color); } .roleRow-3LoHQ6 .secondary-2bzKEX { background-color: transparent !important; position: relative; } .roleRow-3LoHQ6 .secondary-2bzKEX:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .roleRow-3LoHQ6 .secondary-2bzKEX:hover:after { opacity: 1; transform: scale(1); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .roleRow-3LoHQ6 .secondary-2bzKEX:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .roleRow-3LoHQ6 .dragIcon-kQZ0Jv, .roleRow-3LoHQ6 .editButton-2P76Jg { opacity: 0; transition: var(--default-time) var(--default-animation); } .roleRow-3LoHQ6:hover .dragIcon-kQZ0Jv, .roleRow-3LoHQ6:hover .editButton-2P76Jg { opacity: 1; } /* SERVER SETTINGS -> ROLES -> NEW -> EDIT ROLE */ .page-15bX59 { width: 100%; min-width: 100%; } .page-15bX59 .sidebar-3K3Z4C, .page-15bX59 .contentContainer-3hXFtK { position: relative; } .page-15bX59 .sidebar-3K3Z4C { margin-left: 40px; border-right-color: var(--card-border-color); } .page-15bX59 .sidebar-3K3Z4C .list-1AJFv_ { padding: 0 16px 96px 16px; background-color: transparent; border: none; } .page-15bX59 .sidebar-3K3Z4C .titleContainer-3fPic2 { margin-left: 0; margin-right: 0; padding: 0 8px 16px; background-color: var(--main-color); } .page-15bX59 .sidebar-3K3Z4C .titleContainer-3fPic2 .titleText-3LapIU { font-size: 16px; text-transform: none; } .page-15bX59 .sidebar-3K3Z4C .item-3XjbnG { width: auto; padding: 0 12px; border-radius: 16px; } .page-15bX59 .sidebar-3K3Z4C .item-3XjbnG:before { display: none; } .page-15bX59 .sidebar-3K3Z4C .roleDot-2a4Pv7 { border: none; } .page-15bX59 .contentContainer-3hXFtK { left: 0; flex: 1; } .page-15bX59 .contentWidth-3aWel5 { width: auto; min-width: auto; max-width: none; padding-right: 82px; } .page-15bX59 .header-JUTO-g { margin-left: 0; margin-right: 0; padding: 0; background-color: var(--main-color); transition: var(--default-time) var(--default-animation) border-bottom-color; } .page-15bX59 .header-JUTO-g.stickyHeaderElevated-dNSSrJ { box-shadow: none; } .page-15bX59 .header-JUTO-g .titleText-35PD5k { font-size: 16px; text-transform: none; } .page-15bX59 .header-JUTO-g + div + .divider-5Xhahz { display: none; } .page-15bX59 .tabBar-3DfKkN { margin-left: 0; border-bottom: 1px solid var(--card-border-color); } .page-15bX59 .tabBar-3DfKkN .item-3XjbnG { margin: 0 8px; padding: 16px 0; background-color: transparent !important; border-radius: 0; border-bottom: none; } .page-15bX59 .tabBar-3DfKkN .item-3XjbnG:first-of-type { margin: 0 8px 0 0; } .page-15bX59 .tabBar-3DfKkN .item-3XjbnG.selected-g-kMVV { position: relative; background-color: transparent !important; } .page-15bX59 .tabBar-3DfKkN .item-3XjbnG.selected-g-kMVV:after { position: absolute; content: " "; width: 100%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .page-15bX59 .searchContainer-2kJ46v, .page-15bX59 .searchContainer-23hFke { margin-top: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--card-border-color); } .page-15bX59 .previewContainer-1xQAsw { background-color: transparent; border-radius: var(--card-radius-big); border: none; } .page-15bX59 .previewContainer-1xQAsw .messageContainer-3a6gLR { background-color: var(--chat-color); } .page-15bX59 .permissionsForm-xrzuUy .container-1zDvAE { margin-bottom: 20px; } .page-15bX59 + .toolsContainer-25FL6V { position: absolute; top: 0; right: 0; z-index: 2; } .list-1AJFv_ { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } /* SERVER SETTINGS -> ROLES -> VIEW AS ROLE */ .container-3LUQwT { padding: 0; background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .container-3LUQwT .container-2oNtJn { height: auto; padding: 8px; background-color: transparent; border-radius: 0; border-bottom: 1px solid var(--popout-header-border); } .container-3LUQwT .container-2oNtJn .inner-2pOSmK { border-radius: 16px; background-color: var(--input-color); } .container-3LUQwT .list-1MBHYC { margin-top: 0; padding: 0; } .container-3LUQwT .list-1MBHYC .item-1BCeuB { border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .container-3LUQwT .list-1MBHYC .item-1BCeuB:hover { background-color: var(--menu-item-hover); } /* SERVER SETTINGS -> EMOJI */ .emojiRow-1aPaM- { padding: 0 16px; } .emojiRow-1aPaM-:after { width: calc(100% - 56px); } .emojiRow-1aPaM-:hover .emojiAliasPlaceholder-3oShSx { opacity: 0; } .emojiRow-1aPaM-:nth-child(2):last-of-type { border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); } .emojiRow-1aPaM- .emojiAliasInput-3ZhdKx { border-bottom: none !important; } .emojiRow-1aPaM- .emojiAliasInput-3ZhdKx:before, .emojiRow-1aPaM- .emojiAliasInput-3ZhdKx:after { display: none; } .emojiRow-1aPaM- .emojiAliasInput-3ZhdKx:focus-within + .emojiAliasPlaceholder-3oShSx { opacity: 0; } .emojiRow-1aPaM- .emojiAliasInput-3ZhdKx .emojiInput-B8MGXq { padding: 0 8px; border-radius: var(--input-radius); font-size: 16px; background-color: var(--input-color); } .emojiRow-1aPaM- .emojiAliasPlaceholder-3oShSx { height: auto; margin-left: 8px; padding: 0; line-height: var(--input-height); color: var(--text-normal); transition: var(--default-time) var(--default-animation); overflow: visible; } .emojiRow-1aPaM- .emojiRemove-D9w3jo { right: -12px; } .title-3hptVQ + .marginBottom40-fvAlAV .marginBottom4-1fdMNe { margin-bottom: 0; padding: 16px; border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; border: 1px solid var(--card-border-color); } .title-3hptVQ + .marginBottom40-fvAlAV .marginBottom4-1fdMNe .description-30xx7u { font-weight: 600; } /* SERVER SETTINGS -> STICKERS */ .upsellContainer-3UlEOE .colorWhite-rEQuAQ { --accent-button-action: #000; background-color: #fff !important; } .tierHeader-3q9jIw { border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; } .tierHeader-3q9jIw.tierHeaderUnlocked-1OpOLf, .tierHeader-3q9jIw.tierHeaderLocked-30MLlO { background-color: var(--card-color) !important; border: 1px solid var(--card-border-color); } .tierHeader-3q9jIw.tierHeaderWithoutCardBody-1iT8o_ { border-radius: var(--card-radius-big); } .tierBody-1d3UiS { background-color: var(--card-color) !important; border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border: 1px solid var(--card-border-color); border-top: none; } .tierLock-1eabw6 { color: var(--interactive-normal); } .wrapper-24fR1R { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } /* SERVER SETTINGS -> STICKERS -> UPLOAD */ .modalHeader-2KRhe7 + .formItem-1Vab1c { margin-top: 16px; } .preview-x-26h- { border-radius: var(--card-radius-big); border: none; } .preview-x-26h- .previewDark-3Xp3UB { background-color: #202225; } .preview-x-26h- .previewLight-IOzFhi { background-color: #fff; } .fileUpload-MFkgW2 { height: 33px; background-color: transparent !important; border-radius: 0; border: none !important; border-bottom: 1px solid var(--input-border-color) !important; } .fileUpload-MFkgW2 .fileUploadInput-tCSo4C { height: 32px; padding: 0; } .fileUpload-MFkgW2 .fileUploadButton-2rwYk6 { min-width: 88px !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0; } .emojiInputContainer-iEFcAP .emojiButton-2pmTD2 { margin-left: 0; } .emojiInputContainer-iEFcAP .emojiText-R_5fDP { padding-left: 32px; } /* SERVER SETTINGS -> AUDIT LOG */ .auditLog-1NVAY0 { margin-bottom: 0; border: none; } .auditLog-1NVAY0 .header-2pgFQm { position: relative; background-color: transparent; border-left: 1px solid var(--card-border-color); border-right: 1px solid var(--card-border-color); } .auditLog-1NVAY0 .header-2pgFQm:after { position: absolute; content: " "; width: 100%; height: 1px; right: 0; top: 0; background-color: var(--card-border-color); } .auditLog-1NVAY0 .divider-M3saWq { display: none; } .auditLog-1NVAY0 .changeDetails-1kMZqI { background-color: transparent !important; border-left: 1px solid var(--card-border-color); border-right: 1px solid var(--card-border-color); } .auditLog-1NVAY0:first-of-type .header-2pgFQm { border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; border-top: 1px solid var(--card-border-color); } .auditLog-1NVAY0:first-of-type .header-2pgFQm:after { display: none; } .auditLog-1NVAY0:last-of-type .header-2pgFQm { border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border-bottom: 1px solid var(--card-border-color); } .auditLog-1NVAY0:last-of-type .header-2pgFQm.headerExpanded-CUEwZ5 { border-radius: 0; border-bottom: none; } .auditLog-1NVAY0:last-of-type .changeDetails-1kMZqI:last-of-type { border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border-bottom: 1px solid var(--card-border-color); } .icon-2PiQ65:after { width: 9px; height: 9px; top: unset; left: unset; right: 2px; bottom: 2px; border-radius: 50%; } .icon-2PiQ65.typeCreate--o_pRH:after { background: #389c59; } .icon-2PiQ65.typeUpdate-34INPr:after { background: #ec9d1a; } .icon-2PiQ65.typeDelete-1AYMTg:after { background: #9d3235; } /* SERVER SETTINGS -> INTEGRATIONS */ .iconWrapper-lS1uig { background-color: var(--menu-item-select); } .footerPlaceholder-3sjNqI .card-16VQ8C.card-o7rAq- { background-color: var(--card-color) !important; border-radius: var(--card-radius-big) !important; border: 1px solid var(--card-border-color) !important; } .card-3IImnr { background-color: var(--card-color) !important; border-radius: var(--card-radius-big) !important; border: 1px solid var(--card-border-color) !important; } .card-3IImnr .header-146Xl5 { border-bottom: 1px solid var(--card-border-color); } .card-3IImnr .header-146Xl5:only-child { border-bottom: none; } .card-3IImnr .body-1zRX82 { padding: 16px; } .card-3IImnr .body-1zRX82 .divider-3LgWDL { display: none; } .card-1o0mns { padding: 0; background-color: var(--card-color) !important; border-radius: var(--card-radius-big) !important; border: 1px solid var(--card-border-color) !important; } .card-1o0mns > .flex-2S1XBF > .flex-2S1XBF:first-child { padding: 16px; border-bottom: 1px solid var(--card-border-color); } .card-1o0mns .divider-3LgWDL { display: none; } .card-1o0mns .permissionHeader-asGFgR { margin-top: 16px; padding: 0 16px; } .card-1o0mns .permissionHeader-asGFgR + .flex-2S1XBF { padding: 8px 16px 16px; } .card-1o0mns .rolePills-32B_DQ { margin-top: 8px; padding: 0 16px; } .card-1o0mns .permission-23FtuH { height: 24px; margin-top: 0; } .card-1o0mns .permission-23FtuH .check-2-1yhI, .card-1o0mns .permission-23FtuH .cross-22YsmA { top: 0; bottom: 0; margin: auto 8px auto 0; } .card-1o0mns .permission-23FtuH .colorStandard-21JIj7 { line-height: 24px; } /* SERVER SETTINGS -> SERVER TEMPLATE */ .descriptionBox-1EKQKL { background-color: transparent; border-radius: var(--card-radius-big); border: 1px solid var(--card-border-color); } /* SERVER SETTINGS -> COMMUNITY -> OVERVIEW */ .upsellContainer-2a5eMP { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .upsellContainer-2a5eMP .upsellFooter-3M1V33 { padding: 8px; background-color: transparent; border-top: 1px solid var(--card-border-color); } /* SERVER SETTINGS -> COMMUNITY -> SERVER INSIGHTS */ .backgroundAccent-2YeFtZ { padding: 16px; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; color: var(--header-secondary); } .developerPortalCtaWrapper-2PniQs { padding-bottom: 16px; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } /* SERVER SETTINGS -> COMMUNITY -> PARTNER PROGRAM */ .featureCard-3XHbjy { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .checklistContainer-12xGp5 { width: 100%; margin: 0; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .checklistContainer-12xGp5 .checklistHeader-3liG7E { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .checklistContainer-12xGp5 .checklistItem-1gWPPD { position: relative; border-bottom: none; } .checklistContainer-12xGp5 .checklistItem-1gWPPD:after { position: absolute; content: " "; width: calc(100% - 52px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .checklistContainer-12xGp5 .checklistItem-1gWPPD:last-of-type:after { display: none; } .checklistContainer-12xGp5 .checklistItem-1gWPPD + .separator-2qVfIV { display: none; } /* SERVER SETTINGS -> COMMUNITY -> DISCOVERY */ .checklist-Asy_56 { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .checklist-Asy_56 .header-Wl8ec- { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .checklist-Asy_56 .checklistItem-1gWPPD { position: relative; border-bottom: none; } .checklist-Asy_56 .checklistItem-1gWPPD:after { position: absolute; content: " "; width: calc(100% - 52px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .checklist-Asy_56 .checklistItem-1gWPPD:last-of-type:after { display: none; } .checklist-Asy_56 .checklistItem-1gWPPD + .separator-1py8Bj { display: none; } .card-3_CqkU { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; box-shadow: none !important; } /* SERVER SETTINGS -> COMMUNITY -> MEMBERSHIP SCREENING */ .enableContainer-1J91Aq { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 { width: auto; } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; padding: 0; } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .settingsFormFieldWrapper-U99c9i.flex-2S1XBF { margin: 16px; } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .settingsFormFieldWrapper-U99c9i:not(.flex-2S1XBF) { padding: 0; background-color: transparent; border: none; } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .settingsLink-2BmKpa { padding: 8px; background-color: transparent; border-top: 1px solid var(--card-border-color); } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .h5-2RwDNl { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .termsRow-dZXIM3 { padding: 16px; position: relative; border-bottom: none; } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .termsRow-dZXIM3:after { position: absolute; content: " "; width: calc(100% - 44px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .termsRow-dZXIM3:last-of-type:after { display: none; } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .termsRow-dZXIM3 .termsRowContent-2Qx-E5 { padding-left: 16px; } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .checkbox-1unEG1 { margin-top: 0; padding: 8px; background-color: transparent; border-top: 1px solid var(--card-border-color); } .previewContainer-1L7bG- .editableFieldsContainer-1p_q_4 .settingsFormItem-25zW3t .checkbox-1unEG1.checkboxWrapperDisabled-2lYviP { opacity: 1; } /* SERVER SETTINGS -> COMMUNITY -> WELCOME SCREEN */ .enableContainer-2MEsKV { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; border: 1px solid var(--card-border-color); } .previewContainer-29oeA6 { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border-top: none; } .previewContainer-29oeA6 .descriptionWrapper-Maz2Cn .inputWrapper-1YNMmM { --input-height: 64px; } .previewContainer-29oeA6 .descriptionInput-2-jF56 { line-height: 32px; } .previewContainer-29oeA6 .descriptionInput-2-jF56[placeholder] { text-align: left; } .previewContainer-29oeA6 .welcomeChannel-_Q4qAA { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .iconActiveLarger-2EZc1b { border-radius: 50%; } .options-3Wncp7 { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .options-3Wncp7 .optionContainer-yOpaLq { margin-top: 0; border-radius: 0; background-color: transparent; position: relative; border-bottom: none; } .options-3Wncp7 .optionContainer-yOpaLq:after { position: absolute; content: " "; width: calc(100% - 48px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .options-3Wncp7 .optionContainer-yOpaLq:last-of-type:after { display: none; } .close-6m8kzT { background-color: transparent !important; position: relative; position: absolute; } .close-6m8kzT:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .close-6m8kzT:hover:after { opacity: 1; transform: scale(1.6); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .close-6m8kzT:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .modalContents-CkPqoE { padding: 0; } .modalContents-CkPqoE .headerText-2VPbLb { margin: 0; padding: 16px 16px 0; } .modalContents-CkPqoE .headerText-2VPbLb + .formDescription-1gW_br { margin: 0; padding: 0 16px 16px; border-bottom: 1px solid var(--popout-header-border); } .modalContents-CkPqoE > div:not([class]) { padding: 16px 16px 0; } .modalContents-CkPqoE > div:not([class]) + div:not([class]) { padding: 0 16px 16px; } .modalContents-CkPqoE .emojiButtonContainer-1n1BNw { margin-top: 4px; padding: 0; } .modalContents-CkPqoE .channelDescriptionWrapper-1IPt5G .inputWrapper-1YNMmM { margin-left: 32px; } /* SERVER SETTINGS -> COMMUNITY -> THREADS */ .info-1Vr1AV { padding: 16px; background-color: hsla(var(--accent-hsl), 0.1); border-radius: var(--card-radius-big); border-color: hsl(var(--accent-hsl)); } .info-1Vr1AV .infoIcon-3aR3CI { color: hsl(var(--accent-hsl)); } .banner-2G2Kv6 { border-radius: var(--card-radius-big); } .boxes-2F9BmS { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 0 16px; } .boxes-2F9BmS .box-J4N4jE { width: auto; background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } /* SERVER SETTINGS -> SERVER BOOST STATUS */ .tier-3H4BXk .tierHeader-rlkkJd { border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; } .tier-3H4BXk .tierHeader-rlkkJd.tierHeaderLocked-1a2opw { padding: 16px ; background-color: transparent; border-bottom: 1px solid var(--card-border-color); font-size: 1em; color: var(--card-header-text-color); font-weight: 500; border: 1px solid var(--card-border-color); } .tier-3H4BXk .tierHeader-rlkkJd.tierHeaderUnlocked-2RhWqn { padding: 16px; } .tier-3H4BXk .tierHeader-rlkkJd .tierHeaderContent-2-YfvN { padding: 0; } .tier-3H4BXk .tierHeader-rlkkJd .tierHeaderContent-2-YfvN .tierLock-1oFMOZ path { d: path("M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z") !important; } .tier-3H4BXk .tierBody-x9kBBp { background-color: transparent !important; border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border: 1px solid var(--card-border-color); border-top: none; } /* SERVER SETTINGS -> USER MANAGEMENT -> MEMBERS */ .content-28mbXd div:not([class]):nth-child(2) .divider-3LgWDL[style="margin-bottom: -1px;"] { display: none; } .container-2oNtJn { height: 32px; background-color: var(--input-color); border-radius: 16px; } .container-2oNtJn .inner-2pOSmK { padding: 0; } .container-2oNtJn .inner-2pOSmK .input-2m5SfJ { height: 32px; margin: 0; padding: 0 4px 0 12px; } .container-2oNtJn .inner-2pOSmK .iconLayout-3Bjizv { width: 32px; height: 32px; margin-right: 8px; } .container-2O1UgZ { padding: 0; background-color: var(--popout-color); border-radius: var(--popout-radius); border: none; box-shadow: var(--shadow-3dp); animation: top-pop-out 400ms var(--default-animation); } .container-2O1UgZ .container-2oNtJn { margin: 12px 8px; } .container-2O1UgZ .list-3cyRKU { margin-top: 0; border-top: 1px solid var(--card-border-color); } .container-2O1UgZ .list-3cyRKU .content-28mbXd { height: auto !important; } .container-2O1UgZ .list-3cyRKU .item-1BCeuB { margin-bottom: 0; border-radius: 0; color: var(--menu-item-text-color); transition: var(--default-time) var(--default-animation) background-color; } .container-2O1UgZ .list-3cyRKU .item-1BCeuB:hover { background-color: var(--menu-item-hover); } .container-2O1UgZ .list-3cyRKU .item-1BCeuB.selected-22ukbQ, .container-2O1UgZ .list-3cyRKU .item-1BCeuB.selectedBrand-1AtwYE { background-color: var(--menu-item-select); } body:active .container-2O1UgZ:not(:active) { opacity: 0; transition: 150ms ease all; } .member-2cj2PI { padding: 16px; } .member-2cj2PI:after { width: calc(100% - 66px); } .member-2cj2PI:nth-child(3) { margin-top: 24px; border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; border-top: 1px solid var(--card-border-color); } .member-2cj2PI:nth-child(3):last-of-type { border-radius: var(--card-radius-big); } .member-2cj2PI:last-of-type { margin-bottom: 32px; } .member-2cj2PI .roleWrapper-2IhvNd { overflow: visible; } .member-2cj2PI .button-f2h6uQ { height: 32px; background-color: transparent !important; position: relative; } .member-2cj2PI .button-f2h6uQ:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .member-2cj2PI .button-f2h6uQ:hover:after { opacity: 1; transform: scale(1.1); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .member-2cj2PI .button-f2h6uQ:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .overflowRolesPopout-1Puiuq { width: 240px; padding: 0; background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; } .overflowRolesPopout-1Puiuq .overflowRolesPopoutHeader-1JoWg7 { margin-bottom: 0; padding: 16px; border-bottom: 1px solid var(--popout-header-border); } .overflowRolesPopout-1Puiuq .overflowRolesPopoutHeaderText-3HyHGv { font-size: 14px; text-transform: none; } .overflowRolesPopout-1Puiuq .root-jbEB5E { padding: 8px; } /* SERVER SETTINGS -> USER MANAGEMENT -> INVITES */ .headerSection-2X_FUZ { padding-bottom: 0; } .headerSection-2X_FUZ .divider-3LgWDL { display: none; } .headerSection-2X_FUZ .horizontal-112GEH { padding: 16px; border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; border: 1px solid var(--card-border-color); } .inviteSettingsInviteRow-1rZeIM { height: 68px; padding: 16px; } .inviteSettingsInviteRow-1rZeIM:after { width: calc(100% - 64px); } .inviteSettingsInviteRow-1rZeIM .text-3t4Eyu .user-32vk-K .avatar-29vZjw { position: absolute; width: 34px !important; height: 34px !important; top: 0; bottom: 0; margin: auto 0; } .inviteSettingsInviteRow-1rZeIM .text-3t4Eyu .user-32vk-K .username-MRMnpj { margin-left: 48px; } .inviteSettingsInviteRow-1rZeIM .text-3t4Eyu .colorHeaderSecondary-g5teka { margin-left: 48px; } .inviteSettingsInviteRow-1rZeIM .revokeInvite-XuVwn4 { right: -16px; } /* SERVER SETTINGS -> USER MANAGEMENT -> BANS */ .bannedUser-1IalTM { padding: 16px; } .bannedUser-1IalTM:after { width: calc(100% - 64px); } .bannedUser-1IalTM:nth-child(3) { border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; border-top: 1px solid var(--card-border-color); } .bannedUser-1IalTM:nth-child(3):last-of-type { border-radius: var(--card-radius-big); } .bannedUser-1IalTM:last-of-type { margin-bottom: 32px; } .bannedUserModal-3RJCOV { min-height: 180px; } .bannedUserModal-3RJCOV .content-1x7qW2 { padding: 0 !important; } .bannedUserModal-3RJCOV .content-1x7qW2::-webkit-scrollbar { width: 0px !important; } .bannedUserModal-3RJCOV .content-1x7qW2 .horizontal-112GEH { padding: 16px; justify-content: left; border-bottom: 1px solid var(--card-border-color); } .bannedUserModal-3RJCOV .content-1x7qW2 .reasonHeader-2etdjy { margin-top: 0; padding: 16px; font-size: 14px; text-transform: none; } .bannedUserModal-3RJCOV .content-1x7qW2 .reasonHeader-2etdjy + .size14-3fJ-ot { padding: 0 16px 16px; } /* SERVER SETTINGS -> LISTS */ .emojiRow-1aPaM-, .member-2cj2PI, .inviteSettingsInviteRow-1rZeIM, .bannedUser-1IalTM { border-left: 1px solid var(--card-border-color); border-right: 1px solid var(--card-border-color); box-shadow: none !important; } .emojiRow-1aPaM-:before, .member-2cj2PI:before, .inviteSettingsInviteRow-1rZeIM:before, .bannedUser-1IalTM:before { display: none; } .emojiRow-1aPaM-:after, .member-2cj2PI:after, .inviteSettingsInviteRow-1rZeIM:after, .bannedUser-1IalTM:after { position: absolute; content: " "; height: 1px; bottom: 0; right: 0; background-color: var(--card-border-color); } .emojiRow-1aPaM-:last-of-type, .member-2cj2PI:last-of-type, .inviteSettingsInviteRow-1rZeIM:last-of-type, .bannedUser-1IalTM:last-of-type { border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border-bottom: 1px solid var(--card-border-color); } .emojiRow-1aPaM-:last-of-type:after, .member-2cj2PI:last-of-type:after, .inviteSettingsInviteRow-1rZeIM:last-of-type:after, .bannedUser-1IalTM:last-of-type:after { display: none; } /* SERVER SETTINGS -> SIDEBAR ICONS */ .side-2ur1Qk .item-3XjbnG[aria-controls="overview-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="permissions-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock_open.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock_open.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="roles-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="emoji-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="stickers-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/sticker-emoji.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/sticker-emoji.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="moderation-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="audit_log-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/audit_log.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/audit_log.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="integrations-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="widget-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/widgets.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/widgets.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="guild_templates-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/template.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/template.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="vanity_url-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="community-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="analytics-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/analytics.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/analytics.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="partner-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="discovery-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/discovery.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/discovery.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="member_verification-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_user.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_user.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="community_welcome-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="threads-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="guild_premium-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="members-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="instant_invites-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="bans-tab"]:before { background-color: var(--text-normal); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hammer.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hammer.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .side-2ur1Qk .item-3XjbnG[aria-controls="delete-tab"]:before { background-color: var(--alert-color); -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/delete.svg); mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/delete.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* SERVER SETTINGS -> ROLES */ .scroller-3_YDR2 { background-color: transparent; } @media (min-width: 1148px) { .sidebarScrollable-2mW9Ls + .content-2ssVKB { /*max-width: 100%;*/ max-width: calc(100% - 232px); margin-left: 16px; } } .role-3pGE29 { padding: 0 10px !important; } /* * * PINNED MESSAGES * */ .iconBadge-3Mmg92 { top: -2px; right: 4px; background-color: hsl(var(--accent-hsl)); box-shadow: var(--shadow-1dp); } .messagesPopoutWrap-3zryHW { max-height: 80vh !important; background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; animation: top-pop-out 400ms var(--default-animation); } .messagesPopoutWrap-3zryHW .header-1w9Q93 { padding: 0 16px; background-color: transparent; border-bottom: 1px solid var(--popout-header-border); box-shadow: none; } .messagesPopoutWrap-3zryHW .header-1w9Q93 .wrapper-1HSdhi { height: 52px; line-height: 52px; } .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI { padding: 0 8px 20px 8px; } .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C { margin: 0; background-color: transparent; border: none; } .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN { margin: 16px 8px 0 52px; padding: 12px !important; background-color: var(--message-color-alt) !important; border-radius: var(--message-radius); } .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN:before, .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN:after { display: none; } .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN .avatar-2e8lTP { top: 0; left: -50px; } .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN .container-2sjPya { overflow: hidden; border-radius: var(--message-radius); } .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C .actionButtons-2mNSAB { top: 22px; right: 12px; } .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageGroupWrapper-1jf_7C .actionButtons-2mNSAB .jumpButton-1ZwI_j { border-radius: 9px; } body:active .messagesPopoutWrap-3zryHW:not(:active) { opacity: 0; transition: 150ms ease all; } /* * * COLOR PICKER * */ .colorPickerCustom-1swUKF { background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; border: none; } /* * * CREATE GROUP DM * */ .popout-3gby1q .header-1zd7se .marginTop20-2T8ZJx { margin-top: 8px; } .popout-3gby1q .header-1zd7se .container-1SX9VC { background-color: var(--input-color); border-radius: 18px; } .popout-3gby1q .header-1zd7se .container-1SX9VC .inner-1NoIT5 { padding: 0; } .popout-3gby1q .header-1zd7se .container-1SX9VC .input-2FSSDe { margin: 0; padding: 0 12px; min-height: 36px; } .popout-3gby1q .header-1zd7se .container-1SX9VC .tag-15zcD_ { height: 28px; margin: 4px 0 0 4px; /*background-color: var(--menu-item-hover);*/ border-radius: 14px; background-color: transparent; border: 1px solid var(--text-muted); color: var(--text-normal); } .popout-3gby1q .header-1zd7se .container-1SX9VC .tag-15zcD_ .close-3-lUJg { width: 18px; height: 18px; margin-left: 8px; } .popout-3gby1q .header-1zd7se .container-1SX9VC .tag-15zcD_ .close-3-lUJg path { d: path("M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"); } .popout-3gby1q .friendWrapper-2x5j0A { margin: 0; padding: 0; } .popout-3gby1q .friendWrapper-2x5j0A .friend-8ZraY7 { padding: 6px 12px; border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .popout-3gby1q .friendWrapper-2x5j0A .friend-8ZraY7.friendSelected-3cwmD7 { background-color: var(--menu-item-hover); color: var(--menu-item-text-color); } .popout-3gby1q .footerSeparator-b6VH1V { margin: 0; background-color: var(--popout-header-border); box-shadow: none !important; } .popout-3gby1q .footer-C9oLp9 { padding: 8px; } /* * * INBOX * */ .container-2ebMPP { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } /* MENTIONS -> HEADER */ .header-145e10, .header-1w9Q93 { height: 52px; padding: 0 16px; background-color: var(--popout-color); border-bottom: 1px solid var(--popout-header-border); } .header-145e10 .tab-TRrPC8, .header-1w9Q93 .tab-TRrPC8 { height: 100%; margin: 0; padding: 0 8px; } .header-145e10 .tab-TRrPC8:hover, .header-145e10 .tab-TRrPC8.active-1grPyy, .header-1w9Q93 .tab-TRrPC8:hover, .header-1w9Q93 .tab-TRrPC8.active-1grPyy { background-color: transparent !important; } .header-145e10 .tab-TRrPC8.active-1grPyy, .header-1w9Q93 .tab-TRrPC8.active-1grPyy { position: relative; background-color: transparent !important; } .header-145e10 .tab-TRrPC8.active-1grPyy:after, .header-1w9Q93 .tab-TRrPC8.active-1grPyy:after { position: absolute; content: " "; width: 90%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .header-145e10 .tab-TRrPC8:first-child, .header-1w9Q93 .tab-TRrPC8:first-child { margin-right: 8px; } .header-145e10 .secondary-2bzKEX, .header-1w9Q93 .secondary-2bzKEX { margin-top: 10px; } /* INBOX -> MENTIONS */ .container-iA3Qrz { padding-left: 8px; padding-right: 8px; } .container-iA3Qrz:first-child { margin-top: 16px; } .container-iA3Qrz .channelHeader-DFRX8q { padding: 12px 16px; background-color: var(--message-color-alt); border-radius: var(--message-radius) var(--message-radius) 0 0; border-bottom: 1px solid var(--card-border-color); } .container-iA3Qrz .messageContainer-3VTXBC { background-color: var(--message-color-alt); border-radius: 0 0 var(--message-radius) var(--message-radius); } .container-iA3Qrz .messageContainer-3VTXBC .wrapper-30-Nkg.cozy-VmLDNB { margin: 0 0 0 80px; border-radius: var(--message-radius); overflow: visible; } .container-iA3Qrz .messageContainer-3VTXBC .wrapper-30-Nkg.cozy-VmLDNB:before, .container-iA3Qrz .messageContainer-3VTXBC .wrapper-30-Nkg.cozy-VmLDNB:after { display: none; } .container-iA3Qrz .messageContainer-3VTXBC .wrapper-30-Nkg.cozy-VmLDNB .avatar-2e8lTP { top: 0; left: -50px; } .container-iA3Qrz .messageContainer-3VTXBC .wrapper-30-Nkg .container-2sjPya { overflow: hidden; } /* INBOX -> UNREADS */ .channel-3NJZ1V { padding-top: 16px; } .channel-3NJZ1V .channelHeader-DFRX8q { padding: 12px 16px 12px 42px; background-color: var(--message-color-alt); border-radius: var(--message-radius) var(--message-radius) 0 0; border-bottom: 1px solid var(--card-border-color); } .channel-3NJZ1V .channelHeader-DFRX8q:only-child { border-radius: var(--message-radius); border-bottom: none; } .channel-3NJZ1V .channelHeader-DFRX8q .collapseButton-39-IRc { left: 12px; cursor: pointer; } .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub { background-color: var(--menu-item-hover); } .channel-3NJZ1V .channelHeader-DFRX8q .button-1_oXub:hover { background-color: var(--menu-item-select); } .channel-3NJZ1V .messages-23can0 { padding: 16px; background-color: var(--message-color-alt); border-radius: 0 0 var(--message-radius) var(--message-radius); } .channel-3NJZ1V .messages-23can0 .wrapper-30-Nkg.cozy-VmLDNB { overflow: visible; } .channel-3NJZ1V .messages-23can0 .wrapper-30-Nkg.cozy-VmLDNB .avatar-2e8lTP { left: -50px; } .channel-3NJZ1V .messages-23can0 .wrapper-30-Nkg.cozy-VmLDNB.groupStart-3Mlgv1 { margin: 16px 0 0 48px; } .channel-3NJZ1V .messages-23can0 .wrapper-30-Nkg.cozy-VmLDNB:not(.groupStart-3Mlgv1) { margin: -8px 0 0 48px; } /* * * SEARCH * */ .container-2McqkF { max-height: 80vh; background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; overflow-y: auto; transform: translate(0, -4px); animation: top-pop-out 400ms var(--default-animation); } .container-2McqkF .resultsGroup-1BPR25:before { display: none; } .container-2McqkF .resultsGroup-1BPR25 .header-3A13BX { color: var(--text-normal); font-size: 14px; text-transform: none; } .container-2McqkF .resultsGroup-1BPR25 .searchLearnMore-7__o_n a, .container-2McqkF .resultsGroup-1BPR25 .searchClearHistory-2Be-92 { color: var(--text-normal); } .container-2McqkF .resultsGroup-1BPR25 .option-2KkUJO { margin: 0 !important; padding: 0 20px !important; border-radius: 0 !important; } .container-2McqkF .resultsGroup-1BPR25 .option-2KkUJO:after { background: transparent !important; } .container-2McqkF .resultsGroup-1BPR25 .option-2KkUJO:hover { background: var(--menu-item-hover) !important; } .container-2McqkF .resultsGroup-1BPR25 .option-2KkUJO.selected-rZcOL- { background: var(--menu-item-select) !important; } .container-2McqkF .resultsGroup-1BPR25 .option-2KkUJO.selected-rZcOL-:after { width: 70px; background: linear-gradient(90deg, rgba(35, 38, 42, 0), var(--menu-item-hover) 50%) !important; } .container-2McqkF .resultsGroup-1BPR25 .option-2KkUJO .filter-5YbOzJ { color: var(--text-normal); } .container-2McqkF .resultsGroup-1BPR25 .option-2KkUJO .answer-2fBfuP { color: var(--text-muted); } .container-2McqkF .queryContainer-ZunrLZ { border-bottom-color: var(--popout-header-border) !important; } .container-2McqkF .queryContainer-ZunrLZ.focused-2FU0YH { background-color: transparent !important; } .keybindShortcut-3zF1P9 { height: 24px; } .keybindShortcut-3zF1P9 span, .keybindShortcut-3zF1P9 span:active { height: 100%; padding: 0 6px; line-height: 24px; border-radius: 12px; box-shadow: none !important; border: none !important; } body:active .container-2McqkF:not(:active) { opacity: 0; transition: 150ms ease all; } /* SEARCH -> RESULTS */ .searchResultsWrap-5RVOkx { background-color: var(--main-color); /* SEARCH -> RESULTS -> HEADER */ /* SEARCH -> RESULTS -> MESSAGES */ } .searchResultsWrap-5RVOkx .searchHeader-1r_ZSh { padding: 0 16px; background-color: transparent; border-bottom: 1px solid var(--separator-color); } .searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .tab-2j5AEF { height: 100%; line-height: 100%; border-radius: 0; } .searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .tab-2j5AEF:hover, .searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .tab-2j5AEF.selected-2LAck8 { background-color: transparent; } .searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .tab-2j5AEF.selected-2LAck8 { position: relative; background-color: transparent !important; } .searchResultsWrap-5RVOkx .searchHeader-1r_ZSh .tab-2j5AEF.selected-2LAck8:after { position: absolute; content: " "; width: 90%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .searchResultsWrap-5RVOkx .searchHeaderTabList-3CZMQB { height: 100%; } .searchResultsWrap-5RVOkx .searchHeaderTabList-3CZMQB .item-3XjbnG { height: 100%; margin: 0 0 0 8px; padding: 0 8px; line-height: 55px; border-radius: 0; } .searchResultsWrap-5RVOkx .searchHeaderTabList-3CZMQB .item-3XjbnG:hover:not(.disabled-1nofHP), .searchResultsWrap-5RVOkx .searchHeaderTabList-3CZMQB .item-3XjbnG.selected-g-kMVV { background-color: transparent; } .searchResultsWrap-5RVOkx .searchHeaderTabList-3CZMQB .item-3XjbnG.selected-g-kMVV { position: relative; background-color: transparent !important; } .searchResultsWrap-5RVOkx .searchHeaderTabList-3CZMQB .item-3XjbnG.selected-g-kMVV:after { position: absolute; content: " "; width: 80%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .searchResultsWrap-5RVOkx .scroller-3iiyhZ { padding: 8px; } .searchResultsWrap-5RVOkx .channelName-3w2Y3c { padding: 8px 8px 8px 12px; background-color: transparent; color: var(--card-header-text-color); } .searchResultsWrap-5RVOkx .searchResult-O9NDji { background-color: transparent; border-radius: 0; } .searchResultsWrap-5RVOkx .searchResult-O9NDji .wrapper-30-Nkg { margin: 0 8px 0 60px; padding: 12px !important; border-radius: var(--message-radius); } .searchResultsWrap-5RVOkx .searchResult-O9NDji .wrapper-30-Nkg:before, .searchResultsWrap-5RVOkx .searchResult-O9NDji .wrapper-30-Nkg:after { display: none; } .searchResultsWrap-5RVOkx .searchResult-O9NDji .wrapper-30-Nkg .avatar-2e8lTP { top: 0; left: -50px; } .searchResultsWrap-5RVOkx .buttonsContainer-Nmgy7x { top: 16px; right: 18px; } .searchResultsWrap-5RVOkx .buttonsContainer-Nmgy7x .button-cfOvv- { padding: 4px 8px; border-radius: 12px; } /* * * USER POPOUT * */ .userPopout-2j1gM4 { position: relative; width: 280px; max-height: 90vh; background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; } .userPopout-2j1gM4 .headerNormal-1mX3KY { background-color: var(--popout-color-alt); } .userPopout-2j1gM4 .banner-1YaD3N { border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0; } .userPopout-2j1gM4 .avatar-2Vndt_ { background-color: transparent; border: none; /*box-shadow: var(--shadow-3dp);*/ } .userPopout-2j1gM4 .avatarHint-k7pYop { top: 0; left: 0; } .userPopout-2j1gM4 .avatarWrapper-eenWra { left: 12px; } .userPopout-2j1gM4 .headerTop-3GPUSF { padding: 54px 12px 12px; background-color: transparent; border-bottom: 1px solid var(--card-border-color); } .userPopout-2j1gM4 .headerTop-3GPUSF .headerTagUsernameBase-12nwcw { overflow-y: hidden; } .userPopout-2j1gM4 .headerTop-3GPUSF .discrimBase-1PEDoA { margin-left: 2px; font-weight: 400; } .userPopout-2j1gM4 .headerTop-3GPUSF .colorLink-2apWfY { color: hsl(var(--accent-hsl)); } .userPopout-2j1gM4 .customStatus-3XAoF9 { margin-bottom: 0; padding: 16px 12px 12px; } .userPopout-2j1gM4 .applicationInstallButton-taCWKH { width: calc(100% - 24px); margin: 12px 12px 0; } .userPopout-2j1gM4 .aboutMeSection-PUghFQ { margin-bottom: 0; padding: 12px; border-bottom: 1px solid var(--card-border-color); } .userPopout-2j1gM4 .aboutMeSection-PUghFQ .aboutMeTitle-3pjiS7 { font-size: 14px; text-transform: none; } .userPopout-2j1gM4 .aboutMeSection-PUghFQ .aboutMeBody-1J8rhz { display: block; } .userPopout-2j1gM4 .activity-fViXj7 { padding: 16px; } .userPopout-2j1gM4 .activity-fViXj7 .iconButton-1li_a3 { padding: 0; } .userPopout-2j1gM4 .activity-3v9l4T { padding: 12px; background-color: transparent; } .userPopout-2j1gM4 .activity-3v9l4T .iconButton-1li_a3 { padding: 0 !important; } .userPopout-2j1gM4 .assetsLargeImage-8U5dlz, .userPopout-2j1gM4 .gameIcon-1mDo1J { border-radius: var(--avatar-radius); } .userPopout-2j1gM4 .body-2wLx-E { padding: 0; padding-right: 0 !important; } .userPopout-2j1gM4 .body-2wLx-E.scrollerSeparator-CHLxyV { box-shadow: none; } .userPopout-2j1gM4 .body-2wLx-E .divider-1wtgZ3 { display: none; } .userPopout-2j1gM4 .body-2wLx-E .bodyTitle-2Az3VQ, .userPopout-2j1gM4 .body-2wLx-E .headerText-3g1XK9, .userPopout-2j1gM4 .body-2wLx-E .PronounDB-style-header { font-size: 14px; text-transform: none; } .userPopout-2j1gM4 .body-2wLx-E .PronounDB-style-container { margin-bottom: 16px; flex-direction: column; align-items: flex-start; } .userPopout-2j1gM4 .body-2wLx-E .PronounDB-style-container .PronounDB-style-header { margin-bottom: 8px; } .userPopout-2j1gM4 .body-2wLx-E .PronounDB-style-container .PronounDB-style-tag { margin-left: 0; font-weight: 500; } .userPopout-2j1gM4 .bodyInnerWrapper-2bQs1k { padding: 12px; background-color: transparent; } .userPopout-2j1gM4 .activity-1gTu-L .iconButton-1li_a3 { padding: 0 !important; } .userPopout-2j1gM4 .footer-3naVBw { margin-top: 0; padding: 8px; background-color: transparent; border-top: 1px solid var(--card-border-color); } .userPopout-2j1gM4 .footer-3naVBw .inputWrapper-1YNMmM { border-bottom: none !important; } .userPopout-2j1gM4 .footer-3naVBw .inputWrapper-1YNMmM.quickMessage-3jDbBs { margin-top: 0; } .userPopout-2j1gM4 .footer-3naVBw .inputWrapper-1YNMmM:before, .userPopout-2j1gM4 .footer-3naVBw .inputWrapper-1YNMmM:after { display: none; } .userPopout-2j1gM4 .footer-3naVBw .inputWrapper-1YNMmM .input-2g-os5 { padding: 0 12px; background-color: var(--input-color); border-radius: 16px; } .allactivities-right .button-f2h6uQ, .allactivities-left .button-f2h6uQ { padding: 0 !important; } body:active .userPopout-3XzG_A:not(:active) { opacity: 0; transition: 150ms ease all; } /* * * USER PROFILE * */ .swatch-35F5kl { min-height: 50px !important; height: 50px !important; border-radius: var(--button-radius); } .swatch-35F5kl:after { display: none; } .root-8LYsGj { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .root-8LYsGj .topSection-13QKHs { background-color: transparent; } .root-8LYsGj .topSection-13QKHs .avatar-3QF_VA { background-color: transparent; border: none; } .root-8LYsGj .topSection-13QKHs .nameTagNoCustomStatus-3ocqoK { margin-bottom: 8px; } .root-8LYsGj .header-QKLPzZ { padding: 16px; background: rgba(0, 0, 0, 0.1); } .root-8LYsGj .headerFill-adLl4x { background-color: transparent; } .root-8LYsGj .activity-1ythUs { padding: 16px; } .root-8LYsGj .assetsLargeImage-8U5dlz, .root-8LYsGj .gameIcon-1mDo1J { border-radius: 50%; } .root-8LYsGj .assetsLargeImageProfileTwitch-1SbNkP { border-radius: var(--card-radius-big); } .root-8LYsGj .tabBarContainer-sCZC4w { padding-left: 16px; border-top: none; border-bottom-color: var(--card-border-color); } .root-8LYsGj .tabBarContainer-sCZC4w .tabBar-2hXqzU { height: 48px; } .root-8LYsGj .tabBarContainer-sCZC4w .tabBar-2hXqzU .tabBarItem-30Te4- { margin-right: 32px; border: none; } .root-8LYsGj .tabBarContainer-sCZC4w .tabBar-2hXqzU .tabBarItem-30Te4-[aria-selected="true"] { position: relative; background-color: transparent !important; } .root-8LYsGj .tabBarContainer-sCZC4w .tabBar-2hXqzU .tabBarItem-30Te4-[aria-selected="true"]:after { position: absolute; content: " "; width: 100%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .root-8LYsGj .body-1Ukv50 { background-color: transparent; } .root-8LYsGj .body-1Ukv50 .infoScroller-1QMpon { padding: 0 16px; } .root-8LYsGj .body-1Ukv50 .headerText-3g1XK9 { font-size: 14px; text-transform: none; font-weight: 500; } .root-8LYsGj .body-1Ukv50 .userInfoSection-2u2hir { padding: 16px 0 8px; border-top: none; } .root-8LYsGj .body-1Ukv50 .userInfoSection-2u2hir:nth-child(2) { padding: 8px 0 16px; } .root-8LYsGj .body-1Ukv50 .userInfoSection-2u2hir .userInfoSectionHeader-2mYYun { font-size: 14px; text-transform: none; font-weight: 500; } .root-8LYsGj .body-1Ukv50 .userInfoSection-2u2hir .note-3M15gE .textarea-_59yqs { padding: 0; } .root-8LYsGj .body-1Ukv50 .userInfoSection-2u2hir .connectedAccounts-1YaT2t { margin-top: -16px; } .root-8LYsGj .body-1Ukv50 .userInfoSection-2u2hir .connectedAccounts-1YaT2t .connectedAccount-1xKpli { margin-top: 16px; background-color: transparent; border-radius: var(--card-radius); border-color: var(--card-border-color); transition: var(--default-time) var(--default-animation) background-color; } .root-8LYsGj .body-1Ukv50 .userInfoSection-2u2hir .connectedAccounts-1YaT2t .connectedAccount-1xKpli:hover { background-color: var(--card-color-alt); } .root-8LYsGj .userProfileActivity-sal5no .iconButton-1li_a3 { padding: 0 !important; } .root-8LYsGj .iconActiveMedium-27_R5B { border-radius: var(--avatar-radius); } /* * * EMOJI PICKER * */ .contentWrapper-3vHNP2, .emojiPicker-6YCk8a { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; animation: bottom-pop-out 400ms var(--default-animation); /* EMOJI PICKER -> HEADER */ /* EMOJI PICKER -> HEADER -> SEARCH BAR */ /* EMOJI PICKER -> HEADER -> DIVERSITY PICKER */ /* EMOJI PICKER -> EMOJIS */ /* EMOJI PICKER -> CATEGORIES */ } .contentWrapper-3vHNP2 .navList-YSb9UB .navButton-1XuvI-, .emojiPicker-6YCk8a .navList-YSb9UB .navButton-1XuvI- { border-radius: 12px; color: var(--menu-item-text-color) !important; } .contentWrapper-3vHNP2 .navList-YSb9UB .navButton-1XuvI-:hover, .emojiPicker-6YCk8a .navList-YSb9UB .navButton-1XuvI-:hover { background-color: var(--menu-item-hover) !important; } .contentWrapper-3vHNP2 .navList-YSb9UB .navButton-1XuvI-.navButtonActive-1EqC5l, .emojiPicker-6YCk8a .navList-YSb9UB .navButton-1XuvI-.navButtonActive-1EqC5l { background-color: var(--menu-item-select) !important; } .contentWrapper-3vHNP2 .header-11eigE, .contentWrapper-3vHNP2 .header-uVCAlo, .contentWrapper-3vHNP2 .header-JHwfVI, .emojiPicker-6YCk8a .header-11eigE, .emojiPicker-6YCk8a .header-uVCAlo, .emojiPicker-6YCk8a .header-JHwfVI { border-bottom: 1px solid var(--card-border-color); box-shadow: none; } .contentWrapper-3vHNP2 .diversitySelectorPopout-3FiGaM, .emojiPicker-6YCk8a .diversitySelectorPopout-3FiGaM { background-color: var(--popout-color); border-radius: 16px; border: none; box-shadow: var(--shadow-3dp); } .contentWrapper-3vHNP2 .diversitySelectorPopout-3FiGaM .diversityEmojiItem-2bgZKv, .emojiPicker-6YCk8a .diversitySelectorPopout-3FiGaM .diversityEmojiItem-2bgZKv { border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .contentWrapper-3vHNP2 .diversitySelectorPopout-3FiGaM .diversityEmojiItem-2bgZKv:hover, .emojiPicker-6YCk8a .diversitySelectorPopout-3FiGaM .diversityEmojiItem-2bgZKv:hover { background-color: var(--menu-item-hover); } .contentWrapper-3vHNP2 .container-1SX9VC, .emojiPicker-6YCk8a .container-1SX9VC { background-color: var(--input-color); border-radius: 16px; } .contentWrapper-3vHNP2 .container-1SX9VC .inner-1NoIT5, .emojiPicker-6YCk8a .container-1SX9VC .inner-1NoIT5 { padding: 0; } .contentWrapper-3vHNP2 .container-1SX9VC .input-2FSSDe, .emojiPicker-6YCk8a .container-1SX9VC .input-2FSSDe { height: 32px; margin: 0; padding: 0 12px; } .contentWrapper-3vHNP2 .diversitySelectorOptions-3DhNYs, .emojiPicker-6YCk8a .diversitySelectorOptions-3DhNYs { background-color: var(--popout-color); border-radius: 17px; border: none; box-shadow: var(--shadow-3dp); overflow: hidden; } .contentWrapper-3vHNP2 .diversitySelectorOptions-3DhNYs .diversityEmojiItem-2bgZKv:hover, .emojiPicker-6YCk8a .diversitySelectorOptions-3DhNYs .diversityEmojiItem-2bgZKv:hover { background-color: var(--menu-item-hover); } .contentWrapper-3vHNP2 .wrapper-1NNaWG, .emojiPicker-6YCk8a .wrapper-1NNaWG { background-color: var(--emoji-category-header); } .contentWrapper-3vHNP2 .wrapper-1NNaWG .headerLabel-1g790w, .emojiPicker-6YCk8a .wrapper-1NNaWG .headerLabel-1g790w { font-size: 14px; text-transform: none; } .contentWrapper-3vHNP2 .inspector-DFKXwB, .emojiPicker-6YCk8a .inspector-DFKXwB { background-color: var(--popout-color); border-top: 1px solid var(--card-border-color); } .contentWrapper-3vHNP2 .inspector-DFKXwB .graphicSecondary-37AA_Y foreignObject, .emojiPicker-6YCk8a .inspector-DFKXwB .graphicSecondary-37AA_Y foreignObject { mask: none !important; } .contentWrapper-3vHNP2 .inspector-DFKXwB .graphicSecondary-37AA_Y .guildIcon-2SUGiq, .emojiPicker-6YCk8a .inspector-DFKXwB .graphicSecondary-37AA_Y .guildIcon-2SUGiq { border-radius: 50%; } .contentWrapper-3vHNP2 .wrapper-22rqw6, .emojiPicker-6YCk8a .wrapper-22rqw6 { margin-top: -1px; background-color: var(--attachment-color); /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES */ } .contentWrapper-3vHNP2 .wrapper-22rqw6 .scroller-2MALzE::-webkit-scrollbar, .emojiPicker-6YCk8a .wrapper-22rqw6 .scroller-2MALzE::-webkit-scrollbar { width: 0px !important; } .contentWrapper-3vHNP2 .wrapper-22rqw6 .unicodeShortcut-3N8oDe, .emojiPicker-6YCk8a .wrapper-22rqw6 .unicodeShortcut-3N8oDe { height: 47px; background-color: var(--popout-color); border-top: 1px solid var(--card-border-color); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .unicodeShortcut-3N8oDe path, .emojiPicker-6YCk8a .wrapper-22rqw6 .unicodeShortcut-3N8oDe path { d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq, .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq { border-radius: 50%; /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES -> PEOPLE */ /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES -> NATURE */ /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES -> FOOD */ /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES -> ACTIVITIES */ /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES -> TRAVEL */ /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES -> OBJECTS */ /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES -> SYMBOLS */ /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES -> FLAGS */ } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq:hover, .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq:hover { background-color: var(--menu-item-hover); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq.categoryItemRecentEmoji-Rk8CU1 path, .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq.categoryItemRecentEmoji-Rk8CU1 path { d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM16.293 6.293L17.707 7.706L16.414 9L17.707 10.293L16.293 11.706L13.586 9L16.293 6.293ZM6.293 7.707L7.707 6.294L10.414 9L7.707 11.707L6.293 10.294L7.586 9L6.293 7.707ZM12 19C9.609 19 7.412 17.868 6 16.043L7.559 14.486C8.555 15.92 10.196 16.831 12 16.831C13.809 16.831 15.447 15.92 16.443 14.481L18 16.04C16.59 17.867 14.396 19 12 19Z"], .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM16.293 6.293L17.707 7.706L16.414 9L17.707 10.293L16.293 11.706L13.586 9L16.293 6.293ZM6.293 7.707L7.707 6.294L10.414 9L7.707 11.707L6.293 10.294L7.586 9L6.293 7.707ZM12 19C9.609 19 7.412 17.868 6 16.043L7.559 14.486C8.555 15.92 10.196 16.831 12 16.831C13.809 16.831 15.447 15.92 16.443 14.481L18 16.04C16.59 17.867 14.396 19 12 19Z"] { d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M6.814 8.982C4.539 11.674 4.656 15.591 6.931 18.153L4.034 21.579L5.561 22.87L8.463 19.437C9.569 20.127 10.846 20.513 12.161 20.513C14.231 20.513 16.183 19.607 17.516 18.027C20.069 15.01 20.771 6.945 21 3C17.765 3.876 9.032 6.356 6.814 8.982V8.982ZM8.935 17.331C6.826 15.548 6.56 12.382 8.342 10.272C9.592 8.793 14.904 6.845 18.764 5.698L8.935 17.331V17.331Z"], .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M6.814 8.982C4.539 11.674 4.656 15.591 6.931 18.153L4.034 21.579L5.561 22.87L8.463 19.437C9.569 20.127 10.846 20.513 12.161 20.513C14.231 20.513 16.183 19.607 17.516 18.027C20.069 15.01 20.771 6.945 21 3C17.765 3.876 9.032 6.356 6.814 8.982V8.982ZM8.935 17.331C6.826 15.548 6.56 12.382 8.342 10.272C9.592 8.793 14.904 6.845 18.764 5.698L8.935 17.331V17.331Z"] { d: path("M8.66 13.07c.15 0 .29-.01.43-.03C9.56 14.19 10.69 15 12 15s2.44-.81 2.91-1.96c.14.02.29.03.43.03 1.73 0 3.14-1.41 3.14-3.14 0-.71-.25-1.39-.67-1.93.43-.54.67-1.22.67-1.93 0-1.73-1.41-3.14-3.14-3.14-.15 0-.29.01-.43.03C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96c-.14-.02-.29-.03-.43-.03-1.73 0-3.14 1.41-3.14 3.14 0 .71.25 1.39.67 1.93-.43.54-.68 1.22-.68 1.93 0 1.73 1.41 3.14 3.15 3.14zM12 13c-.62 0-1.12-.49-1.14-1.1l.12-1.09c.32.12.66.19 1.02.19s.71-.07 1.03-.19l.11 1.09c-.02.61-.52 1.1-1.14 1.1zm3.34-1.93c-.24 0-.46-.07-.64-.2l-.81-.57c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03 0 .64-.52 1.15-1.15 1.15zm-.65-5.94c.2-.13.42-.2.65-.2.63 0 1.14.51 1.14 1.14 0 .44-.25.83-.66 1.03l-.88.42c-.12-.74-.51-1.38-1.07-1.83l.82-.56zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1zM8.66 4.93c.24 0 .46.07.64.2l.81.56c-.55.45-.94 1.09-1.06 1.83l-.88-.42c-.4-.2-.66-.59-.66-1.03 0-.63.52-1.14 1.15-1.14zM8.17 8.9l.88-.42c.12.74.51 1.38 1.07 1.83l-.81.55c-.2.13-.42.2-.65.2-.63 0-1.14-.51-1.14-1.14-.01-.43.25-.82.65-1.02zM12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zm2.44-2.44c.71-1.9 2.22-3.42 4.12-4.12-.71 1.9-2.22 3.41-4.12 4.12zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9zm2.44 2.44c1.9.71 3.42 2.22 4.12 4.12-1.9-.71-3.41-2.22-4.12-4.12z"); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M11 18H13V22H11V18Z"], .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M11 18H13V22H11V18Z"] { d: path("M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z"); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M11 18H13V22H11V18Z"] ~ path, .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M11 18H13V22H11V18Z"] ~ path { display: none; } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M5.66487 5H18.3351C19.9078 5 21.2136 6.21463 21.3272 7.78329L21.9931 16.9774C22.0684 18.0165 21.287 18.9198 20.248 18.9951C20.2026 18.9984 20.1572 19 20.1117 19C18.919 19 17.8785 18.1904 17.5855 17.0342L17.0698 15H6.93015L6.41449 17.0342C6.12142 18.1904 5.08094 19 3.88826 19C2.84645 19 2.00189 18.1554 2.00189 17.1136C2.00189 17.0682 2.00354 17.0227 2.00682 16.9774L2.67271 7.78329C2.78632 6.21463 4.0921 5 5.66487 5ZM14.5 10C15.3284 10 16 9.32843 16 8.5C16 7.67157 15.3284 7 14.5 7C13.6716 7 13 7.67157 13 8.5C13 9.32843 13.6716 10 14.5 10ZM18.5 13C19.3284 13 20 12.3284 20 11.5C20 10.6716 19.3284 10 18.5 10C17.6716 10 17 10.6716 17 11.5C17 12.3284 17.6716 13 18.5 13ZM6.00001 9H4.00001V11H6.00001V13H8.00001V11H10V9H8.00001V7H6.00001V9Z"], .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M5.66487 5H18.3351C19.9078 5 21.2136 6.21463 21.3272 7.78329L21.9931 16.9774C22.0684 18.0165 21.287 18.9198 20.248 18.9951C20.2026 18.9984 20.1572 19 20.1117 19C18.919 19 17.8785 18.1904 17.5855 17.0342L17.0698 15H6.93015L6.41449 17.0342C6.12142 18.1904 5.08094 19 3.88826 19C2.84645 19 2.00189 18.1554 2.00189 17.1136C2.00189 17.0682 2.00354 17.0227 2.00682 16.9774L2.67271 7.78329C2.78632 6.21463 4.0921 5 5.66487 5ZM14.5 10C15.3284 10 16 9.32843 16 8.5C16 7.67157 15.3284 7 14.5 7C13.6716 7 13 7.67157 13 8.5C13 9.32843 13.6716 10 14.5 10ZM18.5 13C19.3284 13 20 12.3284 20 11.5C20 10.6716 19.3284 10 18.5 10C17.6716 10 17 10.6716 17 11.5C17 12.3284 17.6716 13 18.5 13ZM6.00001 9H4.00001V11H6.00001V13H8.00001V11H10V9H8.00001V7H6.00001V9Z"] { d: path("M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M22 17H19.725C19.892 16.529 20 16.029 20 15.5C20 13.015 17.985 11 15.5 11H13.5L12.276 8.553C12.107 8.214 11.761 8 11.382 8H7C6.448 8 6 8.447 6 9V11.051C3.753 11.302 2 13.186 2 15.5C2 17.986 4.015 20 6.5 20H15.5C16.563 20 17.527 19.616 18.297 19H22V17ZM6.5 16.75C5.81 16.75 5.25 16.19 5.25 15.5C5.25 14.81 5.81 14.25 6.5 14.25C7.19 14.25 7.75 14.81 7.75 15.5C7.75 16.19 7.19 16.75 6.5 16.75ZM11.5 16.75C10.81 16.75 10.25 16.19 10.25 15.5C10.25 14.81 10.81 14.25 11.5 14.25C12.19 14.25 12.75 14.81 12.75 15.5C12.75 16.19 12.19 16.75 11.5 16.75ZM16.5 16.75C15.81 16.75 15.25 16.19 15.25 15.5C15.25 14.81 15.81 14.25 16.5 14.25C17.19 14.25 17.75 14.81 17.75 15.5C17.75 16.19 17.19 16.75 16.5 16.75Z"], .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M22 17H19.725C19.892 16.529 20 16.029 20 15.5C20 13.015 17.985 11 15.5 11H13.5L12.276 8.553C12.107 8.214 11.761 8 11.382 8H7C6.448 8 6 8.447 6 9V11.051C3.753 11.302 2 13.186 2 15.5C2 17.986 4.015 20 6.5 20H15.5C16.563 20 17.527 19.616 18.297 19H22V17ZM6.5 16.75C5.81 16.75 5.25 16.19 5.25 15.5C5.25 14.81 5.81 14.25 6.5 14.25C7.19 14.25 7.75 14.81 7.75 15.5C7.75 16.19 7.19 16.75 6.5 16.75ZM11.5 16.75C10.81 16.75 10.25 16.19 10.25 15.5C10.25 14.81 10.81 14.25 11.5 14.25C12.19 14.25 12.75 14.81 12.75 15.5C12.75 16.19 12.19 16.75 11.5 16.75ZM16.5 16.75C15.81 16.75 15.25 16.19 15.25 15.5C15.25 14.81 15.81 14.25 16.5 14.25C17.19 14.25 17.75 14.81 17.75 15.5C17.75 16.19 17.19 16.75 16.5 16.75Z"] { d: path("M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2h2v-5H4V6h9v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66l-1.42 4.11v5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"], .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] { d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] ~ path, .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] ~ path { display: none; } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M16 4.001C14.406 4.001 12.93 4.838 12 6.081C11.07 4.838 9.594 4.001 8 4.001C5.243 4.001 3 6.244 3 9.001C3 14.492 11.124 19.633 11.471 19.849C11.633 19.95 11.817 20.001 12 20.001C12.183 20.001 12.367 19.95 12.529 19.849C12.876 19.633 21 14.492 21 9.001C21 6.244 18.757 4.001 16 4.001V4.001Z"], .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M16 4.001C14.406 4.001 12.93 4.838 12 6.081C11.07 4.838 9.594 4.001 8 4.001C5.243 4.001 3 6.244 3 9.001C3 14.492 11.124 19.633 11.471 19.849C11.633 19.95 11.817 20.001 12 20.001C12.183 20.001 12.367 19.95 12.529 19.849C12.876 19.633 21 14.492 21 9.001C21 6.244 18.757 4.001 16 4.001V4.001Z"] { d: path("M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z"); } .contentWrapper-3vHNP2 .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M20 6.002H14V3.002C14 2.45 13.553 2.002 13 2.002H4C3.447 2.002 3 2.45 3 3.002V22.002H5V14.002H10.586L8.293 16.295C8.007 16.581 7.922 17.011 8.076 17.385C8.23 17.759 8.596 18.002 9 18.002H20C20.553 18.002 21 17.554 21 17.002V7.002C21 6.45 20.553 6.002 20 6.002Z"], .emojiPicker-6YCk8a .wrapper-22rqw6 .categoryItemDefaultCategory-3haEDq path[d="M20 6.002H14V3.002C14 2.45 13.553 2.002 13 2.002H4C3.447 2.002 3 2.45 3 3.002V22.002H5V14.002H10.586L8.293 16.295C8.007 16.581 7.922 17.011 8.076 17.385C8.23 17.759 8.596 18.002 9 18.002H20C20.553 18.002 21 17.554 21 17.002V7.002C21 6.45 20.553 6.002 20 6.002Z"] { d: path("M14 6l-1-2H5v17h2v-7h5l1 2h7V6h-6zm4 8h-4l-1-2H7V6h5l1 2h5v6z"); } .emojiPicker-6YCk8a + .wrapper-22rqw6 .scroller-2MALzE::-webkit-scrollbar { width: 0px !important; } body:active .contentWrapper-3vHNP2:not(:active) { opacity: 0; transition: 150ms ease all; } /* EMOJI PICKER -> GIFS */ .result-3OpoO7 { border-radius: var(--media-radius); } .result-3OpoO7:after, .result-3OpoO7 .gif-1EWTs-, .result-3OpoO7 .categoryFade-2EGqIh, .result-3OpoO7 .categoryFadeBlurple-1HuV1x { border-radius: inherit; } .result-3OpoO7 .categoryFadeBlurple-1HuV1x { background-color: hsla(var(--accent-hsl), 0.8) !important; } .result-3OpoO7:hover { box-shadow: var(--shadow-2dp) !important; } .result-3OpoO7:hover:after { box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 1px 3px #2f3136 !important; } /* EMOJI PICKER -> STICKERS */ .row-2mBMW2 { column-gap: 6px !important; } /* * * UPLOAD * */ .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .bgScale-1iWuPF { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS { border: none; } .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .title-3ChJ_v, .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .title-3ChJ_v strong { color: var(--text-normal) !important; } .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .instructions-272j2A { color: var(--text-normal) !important; } .uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C .title-3ChJ_v, .uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C .title-3ChJ_v strong { color: #eee !important; } .uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C .instructions-272j2A { color: #eee !important; } .colorDefault-CDqZdO .subtext-2GlkbE { color: var(--text-muted) !important; } /* UPLOAD -> MODAL */ .uploadModal-2ie9O_ { background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; } .uploadModal-2ie9O_ .inner-rBP-MS { margin: 0; padding: 16px; } .uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k { margin-left: 0 !important; border-radius: var(--popout-radius-big); box-shadow: var(--shadow-3dp); } .uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .description-2AJi-V { padding-left: 0 !important; } .uploadModal-2ie9O_ .inner-rBP-MS .comment-1kpwc5 { margin: 0; } .uploadModal-2ie9O_ .inner-rBP-MS .comment-1kpwc5 .label-21vOgf { font-size: 14px; text-transform: none; } .uploadModal-2ie9O_ .inner-rBP-MS .comment-1kpwc5 .channelTextArea-1VQBuV { margin-bottom: 0; } .uploadModal-2ie9O_ .inner-rBP-MS .comment-1kpwc5 .channelTextArea-1VQBuV .scrollableContainer-15eg7h { background-color: var(--main-textarea-color); border-radius: var(--main-textarea-radius); border: 1px solid var(--main-textarea-border); } .uploadModal-2ie9O_ .footer-VCsJQY { padding: 8px; background-color: transparent !important; border-top: 1px solid var(--card-border-color); box-shadow: none !important; } .uploadModal-2ie9O_ .footer-VCsJQY .button-f2h6uQ.lookLink-15mFoz { margin-right: 8px; } /* UPLOAD -> IMAGE INSERT */ .upload-3GTSF9 { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .upload-3GTSF9 .image-2dAEjD { border-radius: var(--card-radius-big); } .upload-3GTSF9 .wrapper-2vIMkT:hover { box-shadow: var(--shadow-3dp); } .upload-3GTSF9 .altTag-2Bi3uP { border-radius: 10px; } /* * * REACTIONS * */ .container-KM8BU6 .scroller-2GkvCq, .container-KM8BU6 .reactors-1VXca7 { background-color: transparent; } .container-KM8BU6 .scroller-2GkvCq { border-right: 1px solid var(--card-border-color); } .container-KM8BU6 .reactionDefault-1Sjj1f, .container-KM8BU6 .reactionSelected-1aMb2K { margin-bottom: 4px; border-radius: 14px; } .container-KM8BU6 .reactionDefault-1Sjj1f:hover { background-color: var(--menu-item-hover); } .container-KM8BU6 .reactionSelected-1aMb2K { background-color: var(--menu-item-select); } .container-KM8BU6 .reactors-1VXca7 .reactor-1J25Qp { margin-left: 0; margin-right: 0; padding-left: 16px; box-shadow: none !important; position: relative; border-bottom: none; } .container-KM8BU6 .reactors-1VXca7 .reactor-1J25Qp:after { position: absolute; content: " "; width: calc(100% - 50px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .container-KM8BU6 .reactors-1VXca7 .reactor-1J25Qp:last-of-type:after { display: none; } /* * * AUTOCOMPLETE * */ .autocomplete-3NRXG8 { background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; } .autocomplete-3NRXG8 .autocompleteRow-14iwvH { padding: 0; } .autocomplete-3NRXG8 .autocompleteRow-14iwvH .base-2v-uc0 { padding: 8px 12px; border-radius: 0; transition: var(--default-time) var(--default-animation) background-color; } .autocomplete-3NRXG8 .autocompleteRow-14iwvH .base-2v-uc0.selected-3H3-RC { background-color: var(--menu-item-hover) !important; } .autocomplete-3NRXG8 .autocompleteRow-14iwvH .base-2v-uc0:not(.selectable-1MM9tu) { border-bottom: 1px solid var(--card-border-color); } .autocomplete-3NRXG8 .autocompleteRow-14iwvH .base-2v-uc0:not(.selectable-1MM9tu) .contentTitle-3CylD3 { font-size: 14px; text-transform: none; } .autocomplete-3NRXG8 .divider-1bJsnZ { padding: 8px 0; } .autocomplete-3NRXG8 .divider-1bJsnZ:after { background-color: var(--card-border-color); } .autocomplete-3NRXG8 .wrapper-3z7DuG { background-color: var(--attachment-color); } .autocomplete-3NRXG8 .wrapper-3z7DuG .wrapper-22rqw6 { background-color: transparent; } .autocomplete-3NRXG8 .wrapper-3z7DuG .wrapper-22rqw6 .listItems-6eZzQ1 { left: 12px !important; right: 12px !important; } .autocomplete-3NRXG8 .wrapper-3z7DuG .wrapper-22rqw6 .wrapper-1wwiGV { border-radius: 50%; } .autocomplete-3NRXG8 .listItems-6eZzQ1 { left: 0 !important; right: 0 !important; } .autocomplete-3NRXG8 .categorySectionLast-C-_pSG .categoryHeader-OpJ1Ly { background-color: var(--emoji-category-header); } /* * * ACCEPT RULES * */ .guildSidebar-UHnQqs { padding: 0; background-color: transparent; border-right: 1px solid var(--card-border-color); } .guildSidebar-UHnQqs > div:not([class]):first-child { padding: 16px; } .guildSidebar-UHnQqs > div:not([class]):last-child { display: flex; position: relative; padding: 9px 8px; border-top: 1px solid var(--popout-header-border); } .guildSidebar-UHnQqs > div:not([class]):last-child:after { position: absolute; content: " "; width: 1px; height: 52px; top: 0; right: -1px; background-color: var(--popout-color); } .guildSidebar-UHnQqs > div:not([class]):last-child .flex-2S1XBF { height: 36px; margin-right: 8px; margin-bottom: 0; } .guildSidebar-UHnQqs .iconSizeLarge-_r2zCK { border-radius: 50%; } .guildSidebar-UHnQqs .divider-1zHRlg { border-bottom-color: var(--card-border-color); } .modal-2TOYtq { background-color: transparent; } .modal-2TOYtq .divider-1zHRlg { border-bottom-color: var(--card-border-color); } .modal-2TOYtq .formFieldWrapper-2LV3S6 { padding: 8px 6px 8px 12px; } .modal-2TOYtq .formFieldWrapper-2LV3S6.flex-2S1XBF { background-color: var(--input-color); border-radius: 24px; border: none; } .modal-2TOYtq .formFieldWrapper-2LV3S6.flex-2S1XBF .button-f2h6uQ { margin-top: -3px; } .modal-2TOYtq .formFieldWrapper-2LV3S6:not(.flex-2S1XBF) { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; padding: 0; } .modal-2TOYtq .formFieldWrapper-2LV3S6 .termsRow-dZXIM3 { padding: 16px; position: relative; border-bottom: none; } .modal-2TOYtq .formFieldWrapper-2LV3S6 .termsRow-dZXIM3:after { position: absolute; content: " "; width: calc(100% - 44px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } .modal-2TOYtq .formFieldWrapper-2LV3S6 .termsRow-dZXIM3:last-of-type:after { display: none; } .modal-2TOYtq .formFieldWrapper-2LV3S6 .termsRow-dZXIM3 .termsRowContent-2Qx-E5 { padding-left: 16px; } /* * * VIDEO PLAYER * */ .metadata-3IncIG { height: auto; top: 0; padding: 0; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.4) 67%, rgba(0, 0, 0, 0.4) 100%); z-index: 2; } .metadata-3IncIG .metadataContent-lalfZ3 { padding: 12px 12px 0; } .metadata-3IncIG .anchor-1MIwyf { width: 25px; height: 25px; margin: 6px 6px 0 0; padding: 6px; opacity: 1; position: relative; } .metadata-3IncIG .anchor-1MIwyf:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .metadata-3IncIG .anchor-1MIwyf:hover:after { opacity: 1; transform: scale(1); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .metadata-3IncIG .anchor-1MIwyf:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .metadata-3IncIG .metadataIcon-3QMhu9 path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] { d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z"); } .playCenter-APe1JX .wrapper-x4po40 { width: 100%; height: 100%; background-color: transparent; border-radius: var(--media-radius); } .playCenter-APe1JX .wrapper-x4po40 .iconWrapper-1lfhOx { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); transition: var(--default-time) var(--default-animation) all; opacity: 0.6; } .playCenter-APe1JX .wrapper-x4po40 .iconWrapper-1lfhOx:hover { opacity: 1; transform: scale(1.25); } .playCenter-APe1JX .wrapper-x4po40 .iconWrapper-1lfhOx:active { transform: scale(1.25), translateY(0); } .playCenter-APe1JX .wrapper-x4po40 .iconPlay-3weMmb { width: 100%; height: 100%; margin: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLDE2LjVWNy41TDE2LDEyTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIgLz48L3N2Zz4=); background-repeat: no-repeat; background-size: 20%; background-position: 50%; pointer-events: none; } .playCenter-APe1JX .wrapper-x4po40 .iconPlay-3weMmb polygon { display: none; } /* VIDEO PLAYER -> CONTROLS */ .videoControls-2NzHnF .mediaBarWrapper-33h1oY { box-shadow: none !important; } .videoControls-2NzHnF .mediaBarWrapper-33h1oY .mediaBarGrabber-FvJKJg, .videoControls-2NzHnF .mediaBarWrapper-33h1oY .mediaBarGrabber-FvJKJg:before, .videoControls-2NzHnF .mediaBarWrapper-33h1oY .mediaBarGrabber-FvJKJg:after, .videoControls-2NzHnF .mediaBarWrapper-33h1oY .mediaBarProgress-38I317, .videoControls-2NzHnF .mediaBarWrapper-33h1oY .mediaBarProgress-38I317:before, .videoControls-2NzHnF .mediaBarWrapper-33h1oY .mediaBarProgress-38I317:after { background-color: hsl(var(--accent-hsl)); } .videoControls-2NzHnF .mediaBarWrapper-33h1oY .fakeEdges-18N907:before, .videoControls-2NzHnF .mediaBarWrapper-33h1oY .fakeEdges-18N907:after { border-radius: 0; } .videoControls-2NzHnF .bubble-3XikHF { background-color: rgba(97, 97, 97, 0.9); color: #ddd; } .videoControls-2NzHnF .bubble-3XikHF:before { border-top-color: rgba(97, 97, 97, 0.9); } /* * * FORMAT TOOLBAR * */ .toolbar-37BrJ5 { background-color: var(--popout-color); border-radius: 16px; box-shadow: var(--shadow-3dp); overflow: hidden; } .toolbar-37BrJ5 .button-lA2rvH { border-radius: 0 !important; box-shadow: none !important; transition: var(--default-time) var(--default-animation) background-color !important; } .toolbar-37BrJ5 .button-lA2rvH:hover { background-color: var(--menu-item-hover); } .toolbar-37BrJ5 .button-lA2rvH .icon-3g7qdA { color: var(--menu-item-text-color) !important; } .toolbar-37BrJ5 .divider-3NY7PF { border-left-color: var(--card-border-color); } /* * * CONTEXT/RIGHT CLICK MENU * */ .styleFlexible-x0_sIC { animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); transform-origin: top; } .styleFlexible-x0_sIC .scroller-1bVxF5 { padding: 8px 0; background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--shadow-3dp); } .styleFlexible-x0_sIC .scroller-1bVxF5::-webkit-scrollbar { width: 0 !important; } .styleFlexible-x0_sIC .item-1OdjEX { min-height: 32px; margin: 0; padding: 9px 12px; line-height: 18px; border-radius: 0; color: var(--menu-item-text-color) !important; transition: var(--default-time) var(--default-animation); /* CONTEXT/RIGHT CLICK MENU -> ICONS */ } .styleFlexible-x0_sIC .item-1OdjEX.focused-3qFvc8 { background-color: var(--menu-item-hover); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-reply path { d: path("M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-edit path { d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-pin path { d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-thread path { d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-mark-unread path { d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-reactions path { d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-copy-link path { d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-tts path { d: path("M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H3zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27l-1.68 1.69zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-delete path { display: block; d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-delete path ~ path { display: none; } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-report path { d: path("M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4"); } .styleFlexible-x0_sIC .item-1OdjEX#message-actions-copy-id path { d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"); } .styleFlexible-x0_sIC .submenuContainer-3EVTeH .submenuPaddingContainer-_k62dJ { margin-left: -4px; margin-right: -4px; animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); transform-origin: top; } .styleFlexible-x0_sIC .separator-1So4YB { width: 100%; margin: 8px 0; border-color: var(--separator-color); } /* * * POPOUT MENUS * */ /* POPOUT MENUS -> SERVER OPTIONS */ .menu-1QACrS { background-color: transparent; border-radius: var(--popout-radius); } .menu-1QACrS#guild-header-popout { padding: 8px 0; background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; animation: top-pop-out 400ms var(--default-animation); overflow: hidden; } .menu-1QACrS#guild-header-popout .scroller-1bVxF5 { padding: 0; } .menu-1QACrS#guild-header-popout .scroller-1bVxF5::-webkit-scrollbar { width: 0 !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX { margin: 0; padding: 9px 12px; border-radius: 0; color: var(--menu-item-text-color); transition: var(--default-time) var(--default-animation); /* POPOUT MENUS -> SERVER OPTIONS -> INVITE */ /* POPOUT MENUS -> SERVER OPTIONS -> SERVER SETTINGS */ /* POPOUT MENUS -> SERVER OPTIONS -> CREATE CHANNEL */ /* POPOUT MENUS -> SERVER OPTIONS -> CREATE CATEGORY */ /* POPOUT MENUS -> SERVER OPTIONS -> NOTIFICATION SETTINGS */ /* POPOUT MENUS -> SERVER OPTIONS -> PRIVACY SETTINGS */ /* POPOUT MENUS -> SERVER OPTIONS -> CHANGE NICKNAME */ /* POPOUT MENUS -> SERVER OPTIONS -> HIDE MUTED CHANNELS */ /*&#guild-header-popout-hide-muted-channels[aria-checked="true"] .check-3HZJs4 { transform: scale(0.7) translate(5px, 4px); }*/ /* POPOUT MENUS -> SERVER OPTIONS -> LEAVE SERVER */ } .menu-1QACrS#guild-header-popout .item-1OdjEX.focused-3qFvc8 { background-color: var(--menu-item-hover); } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-invite-people svg path { d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-settings svg path { d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-create-channel svg path { d: path("M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z") !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-create-category svg path { d: path("M14 10H2v2h12v-2zm0-4H2v2h12V6zm4 8v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2 16h8v-2H2v2z") !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-notifications svg path { d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z") !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-privacy svg path { d: path("M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 4.52-2.98 8.69-7 9.93-4.02-1.24-7-5.41-7-9.93V6.3l7-3.11 7 3.11V11zm-11.59.59L6 13l4 4 8-8-1.41-1.42L10 14.17z") !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-change-nickname svg path { d: path("M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z") !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-hide-muted-channels[aria-checked="false"] path { d: path("M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z") !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-hide-muted-channels[aria-checked="true"] .checkbox-hADx5o { d: path("M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z") !important; } .menu-1QACrS#guild-header-popout .item-1OdjEX#guild-header-popout-leave svg path { d: path("M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z") !important; } .menu-1QACrS#guild-header-popout .separator-1So4YB { width: 100%; margin: 8px 0; border-color: var(--separator-color); } body:active .menu-1QACrS#guild-header-popout:not(:active) { opacity: 0; transition: 150ms ease all; } /* POPOUT MENUS -> INCOMING CALL */ .wrapper-3X0c60 { z-index: 99; } .root-1e2tfc { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .root-1e2tfc .colorable-3rVGna { border-radius: 50% !important; } .root-1e2tfc .colorable-3rVGna.red-3T8maV.active-3D763s, .root-1e2tfc .colorable-3rVGna.red-3T8maV:hover { background: #f04747 !important; } .root-1e2tfc .colorable-3rVGna.green-3wkLbx.active-3D763s, .root-1e2tfc .colorable-3rVGna.green-3wkLbx:hover { background: #43b581 !important; } /* * * MODALS * */ .root-g14mjS, .modal-1ocm0B { background-color: var(--popout-color) !important; border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; /* MODALS -> HEADER */ /* MODALS -> BODY */ /* MODALS -> FOOTER */ } .root-g14mjS > form:not([class]), .modal-1ocm0B > form:not([class]) { height: 100%; overflow-y: scroll; } .root-g14mjS.modal-3Crloo, .modal-1ocm0B.modal-3Crloo { background-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; } .root-g14mjS.modal-3O0aXp, .modal-1ocm0B.modal-3O0aXp { max-height: 90vh; } .root-g14mjS.small-23Atuv, .modal-1ocm0B.small-23Atuv { min-height: 75px; } .root-g14mjS .authBox-1HR6Ha, .modal-1ocm0B .authBox-1HR6Ha { box-shadow: none; } .root-g14mjS .authBox-1HR6Ha .sizeTiny-EgeIrh, .modal-1ocm0B .authBox-1HR6Ha .sizeTiny-EgeIrh { padding: 0; background-color: transparent !important; font-weight: 400; font-size: 16px; } .root-g14mjS .authBox-1HR6Ha .sizeTiny-EgeIrh:hover, .modal-1ocm0B .authBox-1HR6Ha .sizeTiny-EgeIrh:hover { text-decoration: underline !important; } .root-g14mjS .header-1zd7se, .modal-1ocm0B .header-1zd7se { padding: 16px; background-color: transparent; border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0; border-bottom: 1px solid var(--popout-header-border); box-shadow: none !important; } .root-g14mjS .header-1zd7se.header-o8wV_s, .modal-1ocm0B .header-1zd7se.header-o8wV_s { margin-top: 0; align-items: flex-start; } .root-g14mjS .header-1zd7se.header-o8wV_s .closeButton-32emop, .modal-1ocm0B .header-1zd7se.header-o8wV_s .closeButton-32emop { top: auto; } .root-g14mjS .header-1zd7se .close-1mLglB, .modal-1ocm0B .header-1zd7se .close-1mLglB { width: 32px; height: 32px; right: 12px; margin: 0; padding: 0; background-color: transparent !important; position: relative; position: absolute; } .root-g14mjS .header-1zd7se .close-1mLglB:after, .modal-1ocm0B .header-1zd7se .close-1mLglB:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .root-g14mjS .header-1zd7se .close-1mLglB:hover:after, .modal-1ocm0B .header-1zd7se .close-1mLglB:hover:after { opacity: 1; transform: scale(1.1); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .root-g14mjS .header-1zd7se .close-1mLglB:active:after, .modal-1ocm0B .header-1zd7se .close-1mLglB:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } .root-g14mjS .header-1zd7se .close-1mLglB .contents-3ca1mk, .modal-1ocm0B .header-1zd7se .close-1mLglB .contents-3ca1mk { height: 24px; } .root-g14mjS .header-1zd7se .close-1mLglB svg, .modal-1ocm0B .header-1zd7se .close-1mLglB svg { transform: scale(0.85); } .root-g14mjS .header-1zd7se.headerContainer-SNQkF2 .art-2p0nYa, .modal-1ocm0B .header-1zd7se.headerContainer-SNQkF2 .art-2p0nYa { display: none; } .root-g14mjS .header-1zd7se.headerContainer-SNQkF2 .header-2zHCAk, .modal-1ocm0B .header-1zd7se.headerContainer-SNQkF2 .header-2zHCAk { padding-top: 0; align-items: stretch; } .root-g14mjS .header-1zd7se.headerContainer-SNQkF2 .header-2zHCAk .headerText-3OXA-J, .modal-1ocm0B .header-1zd7se.headerContainer-SNQkF2 .header-2zHCAk .headerText-3OXA-J { line-height: 20px; font-size: 16px; font-weight: 600; } .root-g14mjS .header-1R3myj .title-3VYtQS, .root-g14mjS .header-1R3myj .subtitle-3Kkhfr, .modal-1ocm0B .header-1R3myj .title-3VYtQS, .modal-1ocm0B .header-1R3myj .subtitle-3Kkhfr { text-align: left; } .root-g14mjS .content-2hZxGK, .modal-1ocm0B .content-2hZxGK { padding: 16px; background-color: transparent; border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); } .root-g14mjS .content-2hZxGK .content-1G6Z6z, .modal-1ocm0B .content-2hZxGK .content-1G6Z6z { padding-bottom: 0; } .root-g14mjS .content-2hZxGK .formGroup-3b6DOC, .modal-1ocm0B .content-2hZxGK .formGroup-3b6DOC { margin-bottom: 16px; } .root-g14mjS .content-2hZxGK .formGroup-3b6DOC:nth-child(2), .modal-1ocm0B .content-2hZxGK .formGroup-3b6DOC:nth-child(2) { margin-bottom: 0; } .root-g14mjS .content-2hZxGK .reset-2ikQ30, .modal-1ocm0B .content-2hZxGK .reset-2ikQ30 { margin-bottom: 0; background-color: transparent !important; } .root-g14mjS .content-2hZxGK a, .modal-1ocm0B .content-2hZxGK a { color: hsl(var(--accent-hsl)); } .root-g14mjS .footer-31IekZ, .modal-1ocm0B .footer-31IekZ { padding: 8px; background-color: transparent !important; border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); border-top: 1px solid var(--popout-header-border); box-shadow: none !important; } .root-g14mjS .footer-31IekZ .button-f2h6uQ.lookLink-15mFoz, .modal-1ocm0B .footer-31IekZ .button-f2h6uQ.lookLink-15mFoz { margin-right: 8px; } .video-1j0A3v { padding: 0; background-color: var(--popout-color); border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0; border-bottom: 1px solid var(--popout-header-border); } .content-gjD8J2 { padding: 16px; } .content-gjD8J2 .features-1tMYEH { width: 100%; } .content-gjD8J2 .features-1tMYEH .icon-1HfuQI { background-color: var(--menu-item-hover); } .footer-2sB7av { margin: 0; padding: 16px; } /* * * INPUTS * */ .input-2g-os5 { height: var(--input-height); padding: 0; background-color: transparent; border-radius: 0; border: none; } .inputWrapper-1YNMmM, .note-1MiCN7, .note-3M15gE, .note-Go5ZP2, .container-1_EVMa { position: relative; height: var(--input-height); max-height: var(--input-height); padding: 0; background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid var(--input-border-color) !important; } .inputWrapper-1YNMmM:before, .inputWrapper-1YNMmM:after, .note-1MiCN7:before, .note-1MiCN7:after, .note-3M15gE:before, .note-3M15gE:after, .note-Go5ZP2:before, .note-Go5ZP2:after, .container-1_EVMa:before, .container-1_EVMa:after { position: absolute; content: " "; height: 2px; width: 0; bottom: -1px; background: hsla(var(--accent-hsl)); transition: 300ms ease all; z-index: 2; } .inputWrapper-1YNMmM:before, .note-1MiCN7:before, .note-3M15gE:before, .note-Go5ZP2:before, .container-1_EVMa:before { left: 50%; } .inputWrapper-1YNMmM:after, .note-1MiCN7:after, .note-3M15gE:after, .note-Go5ZP2:after, .container-1_EVMa:after { right: 50%; } .inputWrapper-1YNMmM:focus-within:before, .inputWrapper-1YNMmM:focus-within:after, .note-1MiCN7:focus-within:before, .note-1MiCN7:focus-within:after, .note-3M15gE:focus-within:before, .note-3M15gE:focus-within:after, .note-Go5ZP2:focus-within:before, .note-Go5ZP2:focus-within:after, .container-1_EVMa:focus-within:before, .container-1_EVMa:focus-within:after { width: 50%; } .multiInputLast-35zVz0:before { border: none; opacity: 1; } .copyInput-3AbKWB { height: var(--input-height); background-color: var(--input-color) !important; border-radius: var(--input-radius); border: none !important; } .copyInput-3AbKWB .input-2QVoG3 { padding: 8px 8px 8px 12px; } .copyInput-3AbKWB .button-f2h6uQ { --button-height: 32px; margin: 3px; } .note-1MiCN7, .note-3M15gE, .note-Go5ZP2 { margin: 0; } .note-1MiCN7 textarea, .note-3M15gE textarea, .note-Go5ZP2 textarea { font-size: 15px; } .note-1MiCN7 textarea:focus, .note-3M15gE textarea:focus, .note-Go5ZP2 textarea:focus { background-color: transparent; } .note-3M15gE { height: unset; min-height: unset; max-height: unset; } .input-m1-Y7Q { background-color: transparent; } /* * * SELECT MENUS * */ [class^="css-"][class*="-control"] { background-color: var(--input-color); border-radius: var(--card-radius); border: none; } [class^="css-"][class*="-menu"] { background-color: var(--popout-color); border-radius: 0 0 var(--popout-radius) var(--popout-radius); border: none; box-shadow: var(--shadow-3dp); } [class^="css-"][class*="-menu"] .css-1ye7vu0 { overflow-x: hidden; } [class^="css-"][class*="-menu"] .css-rzbxvl-option, [class^="css-"][class*="-menu"] .css-pkcurw-option { background-color: var(--menu-item-hover); overflow: hidden; text-overflow: ellipsis; } [class^="css-"][class*="-menu"] .css-1ba14n5-option, [class^="css-"][class*="-menu"] .css-1gxgi19-option { background-color: var(--menu-item-select); overflow: hidden; text-overflow: ellipsis; } .select-1Ia3hD { border-radius: var(--input-radius); border: none; } .select-1Ia3hD, .select-1Ia3hD.lookFilled-1GseHa { background-color: var(--input-color); } .popout-1KHNAq { margin: 4px 0; background-color: var(--popout-color); border-radius: var(--popout-radius); border: none; box-shadow: var(--shadow-3dp); } .popout-1KHNAq .option-2eIyOn { color: var(--menu-item-text-color); transition: var(--default-time) var(--default-animation) background-color; } .popout-1KHNAq .option-2eIyOn:hover { background-color: var(--menu-item-hover); } .popout-1KHNAq .option-2eIyOn[aria-selected=true] { background-color: var(--menu-item-select); } .popout-1KHNAq .option-2eIyOn[aria-selected=true] .selectedIcon-19TbzU { color: hsl(var(--accent-hsl)); } /* * * RADIO BUTTONS * */ div[role="radiogroup"] { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } div[role="radiogroup"] .item-2idW98 { margin: 0; padding: 4px 16px; background-color: transparent; border-radius: 0; position: relative; border-bottom: none; } div[role="radiogroup"] .item-2idW98:after { position: absolute; content: " "; width: calc(100% - 48px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } div[role="radiogroup"] .item-2idW98:last-of-type:after { display: none; } div[role="radiogroup"] .item-2idW98:hover, div[role="radiogroup"] .item-2idW98[aria-checked=true] { background-color: transparent; } div[role="radiogroup"] .item-2idW98[aria-checked=true] .radioBar-3w9XY- { position: relative; } div[role="radiogroup"] .item-2idW98[aria-checked=true] .radioBar-3w9XY-:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--accent-hsl), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } div[role="radiogroup"] .item-2idW98[aria-checked=true] .radioBar-3w9XY-:hover:after { opacity: 1; transform: scale(1.15); animation: scale 150ms var(--default-animation), opacity 150ms ease; } div[role="radiogroup"] .item-2idW98[aria-checked=true] .radioBar-3w9XY-:active:after { background-color: hsla(var(--accent-hsl), 0.2); } div[role="radiogroup"] .item-2idW98[aria-checked=true] .radioBar-3w9XY-:after { width: 32px; height: 32px; top: -4px; left: -4px; } div[role="radiogroup"] .item-2idW98[aria-checked=true] .radioBar-3w9XY- path { fill: hsl(var(--accent-hsl)) !important; } div[role="radiogroup"] .item-2idW98[aria-checked=true] .radioIconForeground-2BMavi { color: hsl(var(--accent-hsl)); } div[role="radiogroup"] .item-2idW98 .radioBar-3w9XY- { margin-bottom: 0; padding: 8px 0 8px 0 !important; border-left: none; position: relative; } div[role="radiogroup"] .item-2idW98 .radioBar-3w9XY-:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--md-ripple-color), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } div[role="radiogroup"] .item-2idW98 .radioBar-3w9XY-:hover:after { opacity: 1; transform: scale(1.15); animation: scale 150ms var(--default-animation), opacity 150ms ease; } div[role="radiogroup"] .item-2idW98 .radioBar-3w9XY-:active:after { background-color: hsla(var(--md-ripple-color), 0.2); } div[role="radiogroup"] .item-2idW98 .radioBar-3w9XY-:after { width: 32px; height: 32px; top: -3px; left: -4px; bottom: 0; margin: auto 0; } div[role="radiogroup"] .item-2idW98.disabled-3tqE8r { opacity: 1; } div[role="radiogroup"] .item-2idW98.disabled-3tqE8r .radioBar-3w9XY- { opacity: 0.3; } div[role="radiogroup"][aria-orientation="horizontal"] { height: 34px; border-radius: 17px; overflow: hidden; } div[role="radiogroup"][aria-orientation="horizontal"] .item-4m-12I { height: 32px; background-color: transparent; cursor: pointer; transition: var(--default-time) var(--default-animation) background-color; } div[role="radiogroup"][aria-orientation="horizontal"] .item-4m-12I:hover { background-color: var(--menu-item-hover); } div[role="radiogroup"][aria-orientation="horizontal"] .item-4m-12I.selected-3jieYB { background-color: var(--menu-item-select); } div[role="radiogroup"] .tooltipWrapper-Z59cgW { margin: 0; position: relative; border-bottom: none; } div[role="radiogroup"] .tooltipWrapper-Z59cgW:after { position: absolute; content: " "; width: calc(100% - 48px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } div[role="radiogroup"] .tooltipWrapper-Z59cgW:last-of-type:after { display: none; } div[role="radiogroup"] .tooltipWrapper-Z59cgW:last-child { border-bottom: none; } /* * * SWITCHES * */ .container-2nx-BQ { width: 32px; height: 14px; background-color: hsl(var(--switch-slider-color)) !important; overflow: visible; } .container-2nx-BQ[style*="43.9%"] { background-color: hsla(var(--accent-hsl), 0.3) !important; } .container-2nx-BQ[style*="43.9%"] .slider-32CRPX { background-color: hsl(var(--accent-hsl)); } .container-2nx-BQ .slider-32CRPX { width: 20px; height: 20px; top: -3px; margin: 0; background-color: hsl(var(--switch-knob-color)); border-radius: 50%; box-shadow: var(--shadow-1dp); } .container-2nx-BQ .slider-32CRPX rect, .container-2nx-BQ .slider-32CRPX svg { display: none; } .bd-switch { width: 32px; height: 14px; overflow: visible; } .bd-switch .bd-switch-body { --switch-color: hsl(var(--switch-slider-color)); width: 32px; height: 14px; overflow: visible; } .bd-switch .bd-switch-body .bd-switch-slider { height: 20px; top: -3px; left: -7px; margin: 0; overflow: visible; } .bd-switch .bd-switch-body .bd-switch-slider .bd-switch-handle { fill: hsl(var(--switch-knob-color)); filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2)); } .bd-switch .bd-switch-body .bd-switch-slider .bd-switch-symbol { display: none; } .bd-switch input:active + .bd-switch-body { --switch-color: hsl(var(--switch-slider-color)); } .bd-switch input:checked + .bd-switch-body { --switch-color: hsla(var(--accent-hsl),0.3); } .bd-switch input:checked + .bd-switch-body .bd-switch-slider { left: 8px; } .bd-switch input:checked + .bd-switch-body .bd-switch-slider .bd-switch-handle { fill: hsl(var(--accent-hsl)); } .bd-switch input:checked:active + .bd-switch-body { --switch-color: hsla(var(--accent-hsl),0.3); } /* * * CHECKBOXES * */ .checkbox-f1HnKB { border-width: 2px; transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color; } .checkbox-f1HnKB.box-BHImcZ { border-radius: 4px; } .checkbox-f1HnKB:not(.checked-1pZh2h) path { transition: var(--default-time) var(--default-animation) fill; } .checkbox-f1HnKB.checked-1pZh2h { background-color: hsl(var(--accent-hsl)) !important; border-color: hsl(var(--accent-hsl)) !important; } .checkbox-f1HnKB.checked-1pZh2h path { fill: var(--accent-text-color); transition: var(--default-time) var(--default-animation) fill; } .colorDefault-CDqZdO .checkbox-hADx5o { color: hsl(var(--accent-hsl)); } .colorDefault-CDqZdO .check-3HZJs4 { color: var(--accent-text-color); } .colorDefault-CDqZdO.focused-3qFvc8 .checkbox-hADx5o { color: hsl(var(--accent-hsl)); } .colorDefault-CDqZdO.focused-3qFvc8 .check-3HZJs4 { color: var(--accent-text-color); } /* * * SLIDER BARS * */ .slider-1NC-Gf .markAbove-21dc11 { top: -8px; } .slider-1NC-Gf .bar-1Bhnl9 { height: 4px; background-color: hsla(var(--accent-hsl), 0.3) !important; border-radius: 2px; } .slider-1NC-Gf .bar-1Bhnl9 .barFill-2Bh7CX { background-color: hsl(var(--accent-hsl)) !important; } .slider-1NC-Gf .track-1BI4CA .grabber-2GQyvM { width: 16px; height: 16px; background-color: hsl(var(--accent-hsl)); border-radius: 50%; border: none; box-shadow: var(--shadow-1dp); transform: translate(-3px, calc(50% - 5px)); transition: var(--default-time) var(--default-animation) box-shadow; position: relative; } .slider-1NC-Gf .track-1BI4CA .grabber-2GQyvM:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: hsla(var(--accent-hsl), 0.1); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(1.2); transition: 300ms ease; z-index: 4; } .slider-1NC-Gf .track-1BI4CA .grabber-2GQyvM:hover:after, .slider-1NC-Gf .track-1BI4CA .grabber-2GQyvM:active:after { opacity: 1; transform: scale(2.5); animation: scale 150ms var(--default-animation), opacity 150ms ease; } .slider-1NC-Gf .track-1BI4CA .grabber-2GQyvM:active:after { background-color: hsla(var(--accent-hsl), 0.2); } .slider-1NC-Gf .track-1BI4CA .grabber-2GQyvM:hover { box-shadow: var(--shadow-2dp); } .slider-1NC-Gf .track-1BI4CA .grabber-2GQyvM:active { box-shadow: var(--shadow-3dp); } .slider-1NC-Gf.slider-BEB8u7 .track-1BI4CA .grabber-2GQyvM { top: calc(50% - 5px); } .themedPopout-1TrfdI .volumeSlider-sR5g00 { margin: 8px; } .themedPopout-1TrfdI .volumeSlider-sR5g00 .track-1BI4CA .grabber-2GQyvM { top: 1px; } .wrapper-UvA17F { height: 4px; border-radius: 2px; overflow: hidden; } .wrapper-UvA17F .container-3NTP7o { width: 100% !important; } .wrapper-UvA17F .container-3NTP7o[style*='background: linear-gradient(to right, rgb(251, 184, 72), rgb(67, 181, 129));'] { background: var(--success-color) !important; } .wrapper-UvA17F .progress-1S-TDF { background-color: var(--slider-color); } .wrapper-UvA17F .notches-2w7UZJ { display: none; } /* * * CARDS * */ .card-16VQ8C { background-color: var(--card-color) ; border-radius: var(--card-radius-big) ; border: 1px solid var(--card-border-color) ; } .card-16VQ8C a { color: hsl(var(--accent-hsl)); } /* CARDS -> HEADER */ .formNoticeTitle-2qYdGw.colorStandard-21JIj7, .labelBold-199Hd8.colorStandard-21JIj7 { font-size: 1em; font-weight: 500; color: var(--card-header-text-color); text-transform: none; opacity: 1; } .h4-1_f8j1, .h5-2RwDNl { text-transform: none; } .h5-2RwDNl { font-size: 14px; } /* * * BUTTONS * */ .button-f2h6uQ.lookFilled-yCfaCM, .button-f2h6uQ.lookOutlined-3yKVGo, .button-f2h6uQ.lookInverted-2mDUMi { border-radius: var(--button-radius); border: none; font-size: 1em; } .button-f2h6uQ.lookFilled-yCfaCM:not([disabled]), .button-f2h6uQ.lookOutlined-3yKVGo:not([disabled]), .button-f2h6uQ.lookInverted-2mDUMi:not([disabled]) { box-shadow: var(--shadow-1dp); transition: var(--default-time) var(--default-animation) box-shadow; } .button-f2h6uQ.lookFilled-yCfaCM:not([disabled]):hover, .button-f2h6uQ.lookOutlined-3yKVGo:not([disabled]):hover, .button-f2h6uQ.lookInverted-2mDUMi:not([disabled]):hover { box-shadow: var(--shadow-2dp); } .button-f2h6uQ.lookFilled-yCfaCM:not([disabled]):active, .button-f2h6uQ.lookOutlined-3yKVGo:not([disabled]):active, .button-f2h6uQ.lookInverted-2mDUMi:not([disabled]):active { box-shadow: var(--shadow-3dp); } .button-f2h6uQ.lookFilled-yCfaCM:not([disabled]):after, .button-f2h6uQ.lookOutlined-3yKVGo:not([disabled]):after, .button-f2h6uQ.lookInverted-2mDUMi:not([disabled]):after { position: absolute; content: " "; width: 100%; height: 100%; top: 0; left: 0; border-radius: var(--button-radius); opacity: 0; pointer-events: none; transition: var(--default-time) var(--default-animation) opacity; } .button-f2h6uQ.lookFilled-yCfaCM:disabled, .button-f2h6uQ.lookOutlined-3yKVGo:disabled, .button-f2h6uQ.lookInverted-2mDUMi:disabled { background-color: rgba(var(--button-link-color), 0.15) !important; color: var(--button-link-text-color) !important; } .button-f2h6uQ.lookFilled-yCfaCM.colorBrand-I6CyqQ, .button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo, .button-f2h6uQ.lookFilled-yCfaCM.colorGrey-2iAG-B, .button-f2h6uQ.lookFilled-yCfaCM.colorWhite-rEQuAQ, .button-f2h6uQ.lookFilled-yCfaCM.colorGreen-3y-Z79, .button-f2h6uQ.lookOutlined-3yKVGo.colorBrand-I6CyqQ, .button-f2h6uQ.lookOutlined-3yKVGo.colorPrimary-2AuQVo, .button-f2h6uQ.lookOutlined-3yKVGo.colorGrey-2iAG-B, .button-f2h6uQ.lookOutlined-3yKVGo.colorWhite-rEQuAQ, .button-f2h6uQ.lookOutlined-3yKVGo.colorGreen-3y-Z79, .button-f2h6uQ.lookInverted-2mDUMi.colorBrand-I6CyqQ, .button-f2h6uQ.lookInverted-2mDUMi.colorPrimary-2AuQVo, .button-f2h6uQ.lookInverted-2mDUMi.colorGrey-2iAG-B, .button-f2h6uQ.lookInverted-2mDUMi.colorWhite-rEQuAQ, .button-f2h6uQ.lookInverted-2mDUMi.colorGreen-3y-Z79 { background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .button-f2h6uQ.lookFilled-yCfaCM.colorBrand-I6CyqQ:after, .button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo:after, .button-f2h6uQ.lookFilled-yCfaCM.colorGrey-2iAG-B:after, .button-f2h6uQ.lookFilled-yCfaCM.colorWhite-rEQuAQ:after, .button-f2h6uQ.lookFilled-yCfaCM.colorGreen-3y-Z79:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorBrand-I6CyqQ:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorPrimary-2AuQVo:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorGrey-2iAG-B:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorWhite-rEQuAQ:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorGreen-3y-Z79:after, .button-f2h6uQ.lookInverted-2mDUMi.colorBrand-I6CyqQ:after, .button-f2h6uQ.lookInverted-2mDUMi.colorPrimary-2AuQVo:after, .button-f2h6uQ.lookInverted-2mDUMi.colorGrey-2iAG-B:after, .button-f2h6uQ.lookInverted-2mDUMi.colorWhite-rEQuAQ:after, .button-f2h6uQ.lookInverted-2mDUMi.colorGreen-3y-Z79:after { background-color: var(--accent-button-action); } .button-f2h6uQ.lookFilled-yCfaCM.colorBrand-I6CyqQ:hover, .button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, .button-f2h6uQ.lookFilled-yCfaCM.colorGrey-2iAG-B:hover, .button-f2h6uQ.lookFilled-yCfaCM.colorWhite-rEQuAQ:hover, .button-f2h6uQ.lookFilled-yCfaCM.colorGreen-3y-Z79:hover, .button-f2h6uQ.lookOutlined-3yKVGo.colorBrand-I6CyqQ:hover, .button-f2h6uQ.lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover, .button-f2h6uQ.lookOutlined-3yKVGo.colorGrey-2iAG-B:hover, .button-f2h6uQ.lookOutlined-3yKVGo.colorWhite-rEQuAQ:hover, .button-f2h6uQ.lookOutlined-3yKVGo.colorGreen-3y-Z79:hover, .button-f2h6uQ.lookInverted-2mDUMi.colorBrand-I6CyqQ:hover, .button-f2h6uQ.lookInverted-2mDUMi.colorPrimary-2AuQVo:hover, .button-f2h6uQ.lookInverted-2mDUMi.colorGrey-2iAG-B:hover, .button-f2h6uQ.lookInverted-2mDUMi.colorWhite-rEQuAQ:hover, .button-f2h6uQ.lookInverted-2mDUMi.colorGreen-3y-Z79:hover { background-color: hsl(var(--accent-hsl)); } .button-f2h6uQ.lookFilled-yCfaCM.colorBrand-I6CyqQ:hover:after, .button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo:hover:after, .button-f2h6uQ.lookFilled-yCfaCM.colorGrey-2iAG-B:hover:after, .button-f2h6uQ.lookFilled-yCfaCM.colorWhite-rEQuAQ:hover:after, .button-f2h6uQ.lookFilled-yCfaCM.colorGreen-3y-Z79:hover:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorBrand-I6CyqQ:hover:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorGrey-2iAG-B:hover:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorWhite-rEQuAQ:hover:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorGreen-3y-Z79:hover:after, .button-f2h6uQ.lookInverted-2mDUMi.colorBrand-I6CyqQ:hover:after, .button-f2h6uQ.lookInverted-2mDUMi.colorPrimary-2AuQVo:hover:after, .button-f2h6uQ.lookInverted-2mDUMi.colorGrey-2iAG-B:hover:after, .button-f2h6uQ.lookInverted-2mDUMi.colorWhite-rEQuAQ:hover:after, .button-f2h6uQ.lookInverted-2mDUMi.colorGreen-3y-Z79:hover:after { opacity: var(--accent-button-action-hover); } .button-f2h6uQ.lookFilled-yCfaCM.colorBrand-I6CyqQ:active, .button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo:active, .button-f2h6uQ.lookFilled-yCfaCM.colorGrey-2iAG-B:active, .button-f2h6uQ.lookFilled-yCfaCM.colorWhite-rEQuAQ:active, .button-f2h6uQ.lookFilled-yCfaCM.colorGreen-3y-Z79:active, .button-f2h6uQ.lookOutlined-3yKVGo.colorBrand-I6CyqQ:active, .button-f2h6uQ.lookOutlined-3yKVGo.colorPrimary-2AuQVo:active, .button-f2h6uQ.lookOutlined-3yKVGo.colorGrey-2iAG-B:active, .button-f2h6uQ.lookOutlined-3yKVGo.colorWhite-rEQuAQ:active, .button-f2h6uQ.lookOutlined-3yKVGo.colorGreen-3y-Z79:active, .button-f2h6uQ.lookInverted-2mDUMi.colorBrand-I6CyqQ:active, .button-f2h6uQ.lookInverted-2mDUMi.colorPrimary-2AuQVo:active, .button-f2h6uQ.lookInverted-2mDUMi.colorGrey-2iAG-B:active, .button-f2h6uQ.lookInverted-2mDUMi.colorWhite-rEQuAQ:active, .button-f2h6uQ.lookInverted-2mDUMi.colorGreen-3y-Z79:active { background-color: hsl(var(--accent-hsl)); } .button-f2h6uQ.lookFilled-yCfaCM.colorBrand-I6CyqQ:active:after, .button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo:active:after, .button-f2h6uQ.lookFilled-yCfaCM.colorGrey-2iAG-B:active:after, .button-f2h6uQ.lookFilled-yCfaCM.colorWhite-rEQuAQ:active:after, .button-f2h6uQ.lookFilled-yCfaCM.colorGreen-3y-Z79:active:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorBrand-I6CyqQ:active:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorPrimary-2AuQVo:active:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorGrey-2iAG-B:active:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorWhite-rEQuAQ:active:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorGreen-3y-Z79:active:after, .button-f2h6uQ.lookInverted-2mDUMi.colorBrand-I6CyqQ:active:after, .button-f2h6uQ.lookInverted-2mDUMi.colorPrimary-2AuQVo:active:after, .button-f2h6uQ.lookInverted-2mDUMi.colorGrey-2iAG-B:active:after, .button-f2h6uQ.lookInverted-2mDUMi.colorWhite-rEQuAQ:active:after, .button-f2h6uQ.lookInverted-2mDUMi.colorGreen-3y-Z79:active:after { opacity: var(--accent-button-action-active); } .button-f2h6uQ.lookFilled-yCfaCM.colorRed-rQXKgM, .button-f2h6uQ.lookOutlined-3yKVGo.colorRed-rQXKgM, .button-f2h6uQ.lookInverted-2mDUMi.colorRed-rQXKgM { background-color: var(--alert-color); color: var(--alert-text-color); border: none; } .button-f2h6uQ.lookFilled-yCfaCM.colorRed-rQXKgM:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorRed-rQXKgM:after, .button-f2h6uQ.lookInverted-2mDUMi.colorRed-rQXKgM:after { background-color: var(--alert-button-action); } .button-f2h6uQ.lookFilled-yCfaCM.colorRed-rQXKgM:hover:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorRed-rQXKgM:hover:after, .button-f2h6uQ.lookInverted-2mDUMi.colorRed-rQXKgM:hover:after { opacity: var(--alert-button-action-hover); } .button-f2h6uQ.lookFilled-yCfaCM.colorRed-rQXKgM:active:after, .button-f2h6uQ.lookOutlined-3yKVGo.colorRed-rQXKgM:active:after, .button-f2h6uQ.lookInverted-2mDUMi.colorRed-rQXKgM:active:after { opacity: var(--alert-button-action-active); } .button-f2h6uQ.lookLink-15mFoz, .button-f2h6uQ.lookBlank-21BCro { border-radius: var(--button-radius); font-size: 1em; } .button-f2h6uQ.lookLink-15mFoz:not([disabled]), .button-f2h6uQ.lookBlank-21BCro:not([disabled]) { color: var(--button-link-text-color); transition: var(--default-time) var(--default-animation) background-color; } .button-f2h6uQ.lookLink-15mFoz:not([disabled]):hover, .button-f2h6uQ.lookBlank-21BCro:not([disabled]):hover { background-color: rgba(var(--button-link-color), 0.075); text-decoration: none; } .button-f2h6uQ.lookLink-15mFoz:not([disabled]):hover .contents-3ca1mk, .button-f2h6uQ.lookBlank-21BCro:not([disabled]):hover .contents-3ca1mk { background-image: none; } .button-f2h6uQ.lookLink-15mFoz:not([disabled]):active, .button-f2h6uQ.lookBlank-21BCro:not([disabled]):active { background-color: rgba(var(--button-link-color), 0.125); } .button-f2h6uQ.lookInverted-2mDUMi { border-radius: var(--button-radius); font-size: 0.9em; } .button-f2h6uQ.lookInverted-2mDUMi:not([disabled]) { box-shadow: var(--shadow-1dp); transition: var(--default-time) var(--default-animation) box-shadow; } .button-f2h6uQ.lookInverted-2mDUMi:not([disabled]):hover { box-shadow: var(--shadow-2dp); } .button-f2h6uQ.lookInverted-2mDUMi:not([disabled]):active { box-shadow: var(--shadow-3dp); } .button-f2h6uQ.lookInverted-2mDUMi:not([disabled]).colorBrand-I6CyqQ { background-color: hsl(var(--accent-hsl)); color: var(--accent-text-color); } .button-f2h6uQ.sizeMin-DfpWCE, .button-f2h6uQ.sizeSmall-wU2dO-, .button-f2h6uQ.sizeMedium-2bFIHr, .button-f2h6uQ.sizeLarge-1vSeWK, .button-f2h6uQ.sizeXlarge-2yFAlZ, .button-f2h6uQ.buttonSize-dIiz43, .button-f2h6uQ.buttonSize-3QlBTl { min-width: var(--button-height); height: var(--button-height); min-height: var(--button-height); padding: var(--button-padding); border-radius: var(--button-radius); } .button-f2h6uQ.followButton-1N-GGp { min-width: 80px; } .button-f2h6uQ.backButton-2Ps-B8 { margin-right: 0; } .button-f2h6uQ .buttonIcon-2Zsrs2.withText-2iJppd { margin-right: 6px; } .disabledButtonWrapper-3wH6-b .button-f2h6uQ { background-color: rgba(var(--button-link-color), 0.15); box-shadow: none; } /* * * TAB BARS * */ .tabBar-2WhZ9G .item-3XjbnG { height: inherit; border-radius: 0; } .tabBar-2WhZ9G .item-3XjbnG, .tabBar-2WhZ9G .item-3XjbnG:hover, .tabBar-2WhZ9G .item-3XjbnG.selected-g-kMVV { background-color: transparent !important; } .tabBar-2WhZ9G .item-3XjbnG.selected-g-kMVV { position: relative; background-color: transparent !important; } .tabBar-2WhZ9G .item-3XjbnG.selected-g-kMVV:after { position: absolute; content: " "; width: 90%; height: 3px; left: 0; right: 0; bottom: 0; margin: 0 auto; background: var(--tab-border-color); border-radius: 3px 3px 0 0; transition: var(--default-time) ease all; } .tabBar-2WhZ9G .item-3XjbnG:last-of-type { margin-right: 0; } .tabBar-3N44FC { height: 52px; } .tabBar-3N44FC .item-3XjbnG { border-radius: 12px; } .tabBar-3N44FC .item-3XjbnG:hover { background-color: var(--menu-item-hover) !important; } .tabBar-3N44FC .item-3XjbnG.selected-g-kMVV { background-color: var(--menu-item-select) !important; } /* * * TOOLTIPS * */ .tooltip-14MtrL { padding: var(--tooltip-padding); background-color: var(--tooltip-color) !important; border-radius: var(--popout-radius); box-shadow: var(--tooltip-shadow) !important; font-size: var(--tooltip-font-size); font-weight: 500; } .tooltip-14MtrL { z-index: 99999999999999; animation: opacity var(--default-time) ease; } .tooltip-14MtrL .tooltipPointer-3L49xb { display: none; } .tooltip-14MtrL .tooltipContent-Nejnvh, .tooltip-14MtrL .guildNameText-jBFbNC { padding: 0; font-size: var(--tooltip-font-size); color: var(--tooltip-text-color); } .tooltip-14MtrL .bodyInnerWrapper-2bQs1k { background-color: transparent; } .tooltip-14MtrL .note-Go5ZP2 { border-bottom: 1px solid #999 !important; } .tooltip-14MtrL .rolesList-3uZoaa:last-of-type { margin-bottom: 0; } .tooltip-14MtrL .activityIcon-vfIBet path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] { d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); } .tooltip-14MtrL .colorMuted-20987_ { color: #ddd; } .subscribeTooltipWrapper-3ipXtC { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .subscribeTooltipWrapper-3ipXtC:after { border-bottom-color: var(--popout-color); } .subscribeTooltipWrapper-3ipXtC .subscribeTooltipHeader-15pGbG { color: var(--header-primary); } .subscribeTooltipWrapper-3ipXtC .subscribeTooltipText-2A8MMi { color: var(--header-secondary); } .container-3-AQTb { background-color: var(--popout-color) ; border-radius: var(--popout-radius-big) ; box-shadow: var(--shadow-3dp) ; } .container-3-AQTb .text-3Zs7a0 { color: var(--text-normal); } .container-3-AQTb .pointer-12wKfh { border-top-color: var(--popout-color); } /* * * TOASTS * */ .toast, .bd-toast { padding: 12px 16px; background-color: rgba(70, 70, 70, 0.8); border-radius: 20px; box-shadow: none; font-size: 1em; font-weight: 400; color: #fff; } /* * * VERIFIED/PARTNER ICONS * */ .flowerStarContainer-1QeD-L.verified-1Jv_7P, .flowerStarContainer-1QeD-L.partnered-23cXFN { color: hsl(var(--accent-hsl)); } .flowerStarContainer-1QeD-L.verified-1Jv_7P .icon-3BYlXK, .flowerStarContainer-1QeD-L.partnered-23cXFN .icon-3BYlXK { color: var(--accent-text-color); } .flowerStarContainer-1QeD-L .flowerStar-2tNFCR path { fill: hsl(var(--accent-hsl)); } .flowerStarContainer-1QeD-L .childContainer-U_a6Yh path { fill: var(--accent-text-color); } /* * * BETTERDISCORD * */ .bd-settings-title { margin-bottom: 20px; line-height: 24px; font-size: 20px; font-weight: 600; color: var(--header-primary); } #bd-editor-panel { border-radius: var(--card-radius-big); overflow: hidden; } #bd-editor-controls { background-color: var(--main-color); border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; border: 1px solid var(--card-border-color); } .monaco-editor { background-color: var(--main-color); } .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input, .monaco-editor .margin { background-color: inherit !important; } .monaco-editor .overflow-guard { border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); border: 1px solid var(--card-border-color); border-top: none; } .monaco-editor .minimap { right: 7px; background-color: inherit !important; } .monaco-editor .minimap-shadow-visible { box-shadow: none !important; } .monaco-editor .scroll-decoration { box-shadow: none !important; } /* BETTERDISCORD -> ADDON ERROR */ .bd-addon-error { background-color: var(--card-color) !important; border-radius: var(--card-radius-big) !important; border: 1px solid var(--card-border-color) !important; } .bd-addon-error .bd-addon-error-body { padding: 0; border-top: 1px solid var(--card-border-color); } .bd-addon-error .bd-addon-error-body .divider-3LgWDL { display: none; } .bd-addon-error .bd-addon-error-stack { margin: 16px; } .bd-addon-error .bd-addon-error-stack code { background-color: var(--attachment-color); border-radius: var(--card-radius-big); border: none; } /* * * POWERCORD * */ .powercord-product { padding: 0 !important; } .powercord-product .divider-3LgWDL { margin-top: 0; } .powercord-product-header { margin-bottom: 0 !important; padding: 16px; } .powercord-product-header .container-2nx-BQ { margin-top: 4px; } .powercord-product-details { padding: 0 16px 16px; } /* * * GOOSEMOD * */ #gm-settings-inject { background-color: transparent !important; } .gm-store-category { position: relative; } .gm-store-category:before, .gm-store-category:after { position: absolute; content: " "; width: 10px; height: 100%; top: 0; z-index: 2; } .gm-store-category:before { left: 0; background: linear-gradient(90deg, var(--chat-color) 0%, transparent 100%); } .gm-store-category:after { right: 0; background: linear-gradient(90deg, transparent 0%, var(--chat-color) 100%); } .gm-store-card { background-color: var(--card-color-alt) !important; border-radius: var(--card-radius-big) !important; border: 1px solid var(--card-border-color); box-shadow: none !important; overflow: hidden; transition: var(--default-time) var(--default-animation) transform, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-color; } .gm-store-card:hover { box-shadow: var(--shadow-3dp) !important; border-color: transparent !important; transform: translateY(-1px); } .gm-store-card:hover > :nth-child(1) { transform: scale(1.01) translateZ(0); } .gm-store-card > :nth-child(1) { height: 150px !important; background-color: var(--attachment-color) !important; border-bottom: 1px solid var(--card-border-color); transition: var(--default-time) var(--default-animation) transform; } .gm-store-card > :nth-child(2) { top: 108px !important; right: 8px !important; } .gm-store-card > :nth-child(2) .author { color: var(--status-positive-text) !important; } .gm-store-card > :nth-child(3), .gm-store-card > :nth-child(4) { width: calc(100% - 56px) !important; } .gm-store-card > :nth-child(5) { top: 154px !important; } .loadingPopout-1feYe_ { background-color: var(--popout-color); box-shadow: var(--shadow-3dp); border-radius: 24px; } .path3-3tVOpU { stroke: hsl(var(--accent-hsl)) !important; } /* * * SUPPORTED PLUGINS * */ /* SUPPORTED PLUGINS -> BetterFormattingRedux */ .bf-toolbar { z-index: 2; } /* SUPPORTED PLUGINS -> CharCounter */ .charCounterAdded-zz9O4t .channelTextArea-1FufC0 { margin-bottom: 0; } .charCounterAdded-zz9O4t .channelTextArea-1FufC0 .scrollableContainer-15eg7h { border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; } .charCounterAdded-zz9O4t .channelTextArea-1FufC0 .scrollableContainer-15eg7h.hasReply-16cIUP { border-radius: 0; } .counter-uAzbKp { height: var(--main-textarea-radius); padding: 0 12px; line-height: var(--main-textarea-radius); background-color: var(--main-textarea-color); border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); border: 1px solid var(--main-textarea-border); border-top: none; box-sizing: border-box; text-align: right; font-weight: 500; } .counter-uAzbKp.chatCounter-XOMPsh { position: relative; bottom: auto; margin-bottom: 12px; } /* SUPPORTED PLUGINS -> HideChannels */ .sidebar-1tnWFu.hideElement .container-YkUktl { height: 70px !important; margin-bottom: 0 !important; background-color: var(--chat-color) !important; } .sidebar-1tnWFu.hideElement + .chat-2ZfjoI .typing-2J1mQU { width: calc(100% + 240px); left: -240px; } /* SUPPORTED PLUGINS -> MemberCounter */ #MemberCount { margin-top: 0 !important; background-color: var(--main-color) !important; } #MemberCount .membersGroup-2eiWxl { padding: 16px; } /* SUPPORTED PLUGINS -> PermissionsViewer */ #permissions-modal-wrapper #permissions-modal { border-radius: var(--popout-radius-big) !important; box-shadow: var(--shadow-3dp) !important; border: none !important; } #permissions-modal-wrapper .header { background-color: var(--popout-color) !important; padding: 16px !important; box-shadow: none !important; border-bottom: 1px solid var(--popout-header-border); line-height: 20px !important; font-size: 16px !important; font-weight: 600 !important; color: var(--header-primary) !important; } #permissions-modal-wrapper .modal-body { background-color: var(--popout-color) !important; } #permissions-modal-wrapper .role-side { padding: 0 0 16px 16px !important; background-color: transparent !important; border-right: 1px solid var(--popout-header-border); } #permissions-modal-wrapper .perm-side { padding: 0 0 16px 16px !important; background-color: transparent !important; } #permissions-modal-wrapper .role-item { margin-bottom: 2px !important; border-radius: 14px !important; } #permissions-modal-wrapper .role-item:hover { background-color: var(--menu-item-hover) !important; } #permissions-modal-wrapper .role-item.selected { background-color: var(--menu-item-select) !important; } #permissions-modal-wrapper .perm-item { position: relative; border-bottom: none; box-shadow: none !important; } #permissions-modal-wrapper .perm-item:after { position: absolute; content: " "; width: calc(100% - 34px); height: 1px; right: 0; bottom: 0; background-color: var(--card-border-color); } #permissions-modal-wrapper .perm-item:last-of-type:after { display: none; } /* SUPPORTED PLUGINS -> PersonalPins */ .themedPopout-1TrfdI { border-radius: var(--popout-radius-big); box-shadow: var(--shadow-3dp); } .themedPopout-1TrfdI .header-145e10 { padding-bottom: 0 !important; } .themedPopout-1TrfdI .title-3OGHA5 { margin-top: 16px; line-height: 36px; font-weight: 500; font-size: 16px; } .themedPopout-1TrfdI .container-2oNtJn { margin-top: 16px; } .themedPopout-1TrfdI .tab-TRrPC8 { height: 32px; margin-right: 16px; padding: 0; } .themedPopout-1TrfdI .tab-TRrPC8:first-child { margin-right: 16px; } .themedPopout-1TrfdI .quickSelectWrapper-UCfTKz { margin-right: 16px; font-weight: 500; } /* SUPPORTED PLUGINS -> StatusEverywhere */ .StatusEverywhere-avatar-chatAvatar.accountSettingsAvatar { width: 80px !important; height: 80px !important; top: 76px; } .StatusEverywhere-avatar-userPopout { background-color: var(--popout-color) !important; border: none !important; } .StatusEverywhere-avatar-userPopout + .avatarHint-k7pYop { border-radius: var(--avatar-radius); } .StatusEverywhere-avatar-userPopout + .avatarHint-k7pYop foreignObject { border-radius: var(--avatar-radius) !important; } /* * * ANIMATIONS * */ @keyframes top-pop-out { from { transform: translate(0, -20px); opacity: 0; } } @keyframes bottom-pop-out { from { transform: translate(0, 20px); opacity: 0; } } @keyframes show-user-status-right { from { transform: translateX(-3%) translateY(0%) translateZ(0px); opacity: 0; } } @keyframes show-user-status-left { from { transform: translateX(3%) translateY(0%) translateZ(0px); opacity: 0; } } @keyframes show-status { from { transform: translateY(15%) translateX(0%) translateZ(0px); } } @keyframes status { from { transform: scale(0); opacity: 0; } } @keyframes opacity { from { opacity: 0; } } @keyframes open-context-menu { from { transform: scale(1, 0.5); } } @keyframes scale { from { transform: scale(0); } } @keyframes streaming-flash { 0% { box-shadow: 0 0 0 0px rgba(var(--stream-flash), 0.4); } 50% { box-shadow: 0 0 0 4px rgba(var(--stream-flash), 0.65); } 100% { box-shadow: 0 0 0 8px rgba(var(--stream-flash), 0); } } @keyframes audio-flash { 0% { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 0px hsla(var(--accent-hsl), 0.4); } 25% { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 6px hsla(var(--accent-hsl), 0.65); } 50% { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 12px hsla(var(--accent-hsl), 0); } } @keyframes shadowPulse-AwLIHr { 0% { box-shadow: 0 0 6px hsla(var(--accent-hsla), 0.3); } 50% { box-shadow: 0 0 10px hsla(var(--accent-hsl), 0.6); } to { box-shadow: 0 0 6px hsla(var(--accent-hsl), 0.3); } } /* * * SCROLLBARS * */ ::-webkit-scrollbar { width: 10px !important; height: 10px !important; } ::-webkit-scrollbar-track { margin: 0 !important; background: transparent !important; border-radius: 0 !important; } ::-webkit-scrollbar-track-piece { border: 0 solid transparent !important; background-color: transparent !important; margin: 0; } ::-webkit-scrollbar-thumb { display: initial; background-color: rgba(var(--scrollbar-color), 0.15) !important; border: 0 solid transparent !important; border-radius: 0 !important; } ::-webkit-scrollbar-thumb:hover { background-color: rgba(var(--scrollbar-color), 0.25) !important; } ::-webkit-scrollbar-thumb:active { background-color: rgba(var(--scrollbar-color), 0.3) !important; } .wrapper-1_HaEi [class*="scroller"]::-webkit-scrollbar { width: 0px !important; } /* * * FONTS * */ /* FONTS -> GOOGLE SANS */ /* FONTS -> GOOGLE SANS -> 400 */ @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-cyrillic.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-greek.woff2) format("woff2"); unicode-range: U+0370-03FF; } @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latinext.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* FONTS -> GOOGLE SANS -> 500 */ @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 500; font-display: swap; src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-cyrillic.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 500; font-display: swap; src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-greek.woff2) format("woff2"); unicode-range: U+0370-03FF; } @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 500; font-display: swap; src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latinext.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 500; font-display: swap; src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* FONTS -> GOOGLE SANS -> 700 */ @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-cyrillic.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-greek.woff2) format("woff2"); unicode-range: U+0370-03FF; } @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latinext.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* FONTS -> GOOGLE SANS -> ITALIC */ /* FONTS -> GOOGLE SANS -> ITALIC -> 400 */ @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 400; font-display: swap; src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-cyrillic.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 400; font-display: swap; src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-greek.woff2) format("woff2"); unicode-range: U+0370-03FF; } @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 400; font-display: swap; src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latinext.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 400; font-display: swap; src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* FONTS -> GOOGLE SANS -> ITALIC -> 500 */ @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 500; font-display: swap; src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-cyrillic.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 500; font-display: swap; src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-greek.woff2) format("woff2"); unicode-range: U+0370-03FF; } @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 500; font-display: swap; src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latinext.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 500; font-display: swap; src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* FONTS -> GOOGLE SANS -> ITALIC -> 700 */ @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 700; font-display: swap; src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-cyrillic.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 700; font-display: swap; src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-greek.woff2) format("woff2"); unicode-range: U+0370-03FF; } @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 700; font-display: swap; src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latinext.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Google Sans'; font-style: italic; font-weight: 700; font-display: swap; src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*# sourceMappingURL=Material-Discord.theme.css.map */