@import url("https://nyri4.github.io/donators/donators.css"); @import url("https://fonts.googleapis.com/css2?family=Material+Icons"); :root .messagesWrapper_e2e187 { flex-direction: column; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca { padding-left: 50px; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca.groupStart_d5deea .contents_f9f2ca::after { left: 48px; width: 30px; height: 30px; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .avatar_f9f2ca { position: relative; left: -2px; width: 30px; height: 30px; border-radius: var(--avatar-radius); } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .avatarDecoration_f9f2ca { left: 43px; width: 40px; height: 40px; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .header_f9f2ca { left: 38px; margin-top: -30px; margin-bottom: 10px; width: 100%; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .timestamp_f9f2ca.alt_f9f2ca { position: absolute; font-size: 0.6875rem !important; right: 10px; left: unset; opacity: 0; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca:hover .timestamp_f9f2ca { opacity: 1; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .iconContainer_d76df7 { position: unset; width: unset; margin-right: 10px; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .repliedMessage_f9f2ca { margin-left: 48px; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .repliedMessage_f9f2ca .replyAvatar_f9f2ca { border-radius: calc(var(--avatar-radius) - 3px); } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .blockquoteContainer_f8f345 .blockquoteDivider_f8f345 { display: none; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .blockquoteContainer_f8f345 blockquote { padding: 12px; background: var(--background-secondary); border-radius: 4px; width: 100%; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .shiki-container { background-color: transparent; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca .shiki-container .shiki-root { background-color: var(--background-secondary) !important; border-radius: 8px; overflow: hidden; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca.hasThread_f9f2ca::after { top: 2.5rem; left: 3.5rem; } :root .messagesWrapper_e2e187 .cozy_f9f2ca.wrapper_f9f2ca.hasThread_f9f2ca .container_c15230 { margin-left: 48px; border-radius: 8px; } :root .messagesWrapper_e2e187 .scroller_e2e187::-webkit-scrollbar { display: none; } :root .wrapper_f7e168 { border: none; box-shadow: none; background: var(--background-secondary); } :root .wrapper_f7e168:hover { box-shadow: none; } :root .botTagRegular_a9e77f { border-radius: 5px; background: var(--main-color); } :root .botTagOP_e48ddb { color: white; } :root .wrapper_d4fa29 { background: transparent !important; position: relative; color: var(--main-color) !important; } :root .wrapper_d4fa29.mention { border-radius: 5px; } :root .wrapper_d4fa29:hover::after { opacity: 0.2; } :root .wrapper_d4fa29::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--main-color); opacity: 0.08; border-radius: 5px; transition: opacity 200ms; pointer-events: none; } :root .newMessagesBar_cf58b5 { position: static; margin: 5px 40px 0 40px; padding: 5px; background: var(--background-secondary); border-radius: 7px; opacity: 1; } :root .newMessagesBar_cf58b5 .barButtonMain_cf58b5 { opacity: 0.6; } :root .newMessagesBar_cf58b5 .barButtonAlt_cf58b5 { display: none; } :root .divider_c2654d { margin: 0 56px; border: none; height: unset; background: transparent; } :root .divider_c2654d.isUnread_c2654d:not(.hasContent_c2654d) { margin: 10px 47px; margin-top: 5px !important; margin-bottom: 5px !important; } :root .divider_c2654d .content_c2654d, :root .divider_c2654d#---new-messages-bar .unreadPill_c2654d { background: var(--background-secondary); width: 100%; padding: 10px; text-align: center; border-radius: 5px; height: unset; } :root .divider_c2654d .unreadPill_c2654d { position: relative; color: #f04747; top: 0; } :root .divider_c2654d .unreadPill_c2654d .unreadPillCap_c2654d { display: none; } :root .divider_c2654d#---new-messages-bar .content_c2654d { border-radius: 5px 0 0 5px; } :root .divider_c2654d#---new-messages-bar .content_c2654d + .unreadPill_c2654d { border-radius: 0 5px 5px 0; padding-top: 12px; padding-bottom: 12px; } :root .jumpToPresentBar_cf58b5 { bottom: 15px; left: unset; height: 40px; padding-bottom: 0; background: var(--background-secondary); border-radius: 8px; } :root .jumpToPresentBar_cf58b5 .barButtonAlt_cf58b5 { text-indent: -10000px; font-size: 0; padding: 0 6px; } :root .jumpToPresentBar_cf58b5 .barButtonAlt_cf58b5 .barButtonIcon_cf58b5 { margin-left: 0; width: 28px; height: 28px; } :root .jumpToPresentBar_cf58b5 .barButtonMain_cf58b5 { display: none; } :root .jumpToPresentBar_cf58b5 .spinner_cf58b5 { padding: 0 5px; } :root .resizeHandle_af5dbb::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: calc(100% + 36px); background: rgba(0, 0, 0, 0.3333333333); border-radius: 8px; opacity: 0; pointer-events: none; transition: opacity 0.3s; } :root .resizeHandle_af5dbb:active::before { opacity: 1; pointer-events: all; } :root .navButtonActive_af5dbb { background: var(--background-primary); } :root #emoji-picker-tab-panel { border-radius: 8px 8px 0 0; } :root #emoji-picker-tab-panel .header_c6ee36 { box-shadow: none; } :root #emoji-picker-tab-panel .premiumPromo_ca9b56 { background: var(--background-secondary); opacity: 1; animation: fade 0.3s ease, zoom 0.3s ease; } :root #emoji-picker-tab-panel.wrapper_c6ee36 { margin-bottom: 8px; } :root #emoji-picker-tab-panel .container_effbe2, :root #emoji-picker-tab-panel .emojiItem_fbfedd.emojiItemSelected_fbfedd { background: var(--background-primary); } :root #emoji-picker-tab-panel .imageLoading_b000dd { background-image: none !important; background-color: var(--background-primary); border-radius: 8px; } :root #emoji-picker-tab-panel .inspector_c3120f { position: absolute; top: -50px; right: 0; padding: 0 8px; justify-content: end; width: unset; max-width: 220px; background: transparent; } :root #emoji-picker-tab-panel .diversitySelectorOptions_cce80d { background: var(--background-primary); border: none; } :root #emoji-picker-tab-panel:not(.emojiPickerInExpressionPicker-2nOwH8) .inspector_c3120f { position: absolute; top: unset; bottom: 0; right: 0; left: 48px; padding: 0 16px; max-width: unset; background: linear-gradient(transparent, var(--background-secondary)); } :root #emoji-picker-tab-panel .wrapper_dc0b29 { background: var(--background-secondary); } :root #emoji-picker-tab-panel .wrapper_dc0b29 .scroller_d53d65::-webkit-scrollbar { display: none; } :root #emoji-picker-tab-panel .badgeLabel_c3120f { display: none; } :root .positionContainer_af5dbb { height: 414px; bottom: calc(100% - 8px); transform: translateZ(0); } :root .contentWrapper_af5dbb .header_b56bbc { box-shadow: none; } :root .contentWrapper_af5dbb .header_b56bbc .inner__999f6 { height: 34px; background: var(--background-primary); } :root .contentWrapper_af5dbb .header_b56bbc .inner__999f6 .iconLayout__67261 { width: 30px; height: 30px; } :root #sticker-picker-tab-panel .header_d8cdac { box-shadow: none; } :root #sticker-picker-tab-panel .container_effbe2 { background-color: var(--background-primary); } :root #sticker-picker-tab-panel .wrapper_dc0b29 { background: var(--background-secondary); } :root #sticker-picker-tab-panel .wrapper_dc0b29 .scroller_d53d65::-webkit-scrollbar { display: none; } :root .uploadModal_f82cc7 { background: var(--background-primary); box-shadow: unset; width: 1000px; height: 400px; border-radius: 15px; } :root .uploadModal_f82cc7 .inner_f82cc7 .comment_f82cc7, :root .uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .description_f82cc7 { margin-left: 55%; margin-right: 30px; } :root .uploadModal_f82cc7 .inner_f82cc7 .comment_f82cc7 .label_f82cc7 { text-transform: unset; font-size: 12px; opacity: 0.8; } :root .uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 { height: 75px; } :root .uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .description_f82cc7 { margin-top: 15px; } :root .uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .description_f82cc7 .filename_f82cc7 { font-weight: 550; } :root .uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7 { background-color: var(--background-secondary); background-size: 70px; } :root .uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.video_f82cc7 { background-image: url(https://cdn.discordapp.com/attachments/539180316447997974/705623014334791720/videocam-white-18dp.svg); } :root .uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.acrobat_f82cc7 { background-image: url(https://cdn.discordapp.com/attachments/539180316447997974/705623972791975936/picture_as_pdf-white-18dp.svg); } :root .uploadModal_f82cc7 .footer_f82cc7 { background-color: transparent; box-shadow: unset; position: absolute; right: 20px; bottom: 10px; } :root .uploadModal_f82cc7 .checkboxWrapper_f6cde8 .checkbox_f6cde8 { opacity: 0; visibility: hidden; transition: 0.2s; } :root .uploadModal_f82cc7 .checkboxWrapper_f6cde8 .checkbox_f6cde8.checked_f6cde8::before { color: var(--textcolor); content: "visibility_off"; } :root .uploadModal_f82cc7 .checkboxWrapper_f6cde8 .checkbox_f6cde8:hover, :root .uploadModal_f82cc7 .checkboxWrapper_f6cde8 .checkbox_f6cde8 .checked_f6cde8 { opacity: 1; } :root .uploadModal_f82cc7 .checkboxWrapper_f6cde8 .checkbox_f6cde8::before { content: "visibility"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5333333333); text-align: center; line-height: 350px; color: rgba(255, 255, 255, 0.4); font-size: 72px; font-family: "Material Icons", sans-serif; visibility: visible; border-radius: 19px; } :root .uploadModal_f82cc7 .labelForward_f6cde8 { display: none; } :root .uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.image_f82cc7, :root .uploadModal_f82cc7 .checkboxWrapper_f6cde8, :root .uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7 { position: fixed; top: 20px; left: 10px; width: 48% !important; height: 350px !important; margin-top: 0 !important; margin-left: 16px !important; margin-right: 16px !important; box-shadow: unset; border-radius: 20px; } :root .uploadModal_f82cc7 .scrollableContainer_d0696b.webkit__8d35a { max-height: 215px; } :root .autocomplete_bcc24e { background: var(--background-secondary); bottom: calc(100% - 8px); border-radius: 8px 8px 0 0; } :root .autocomplete_bcc24e .categoryHeader_fe2299 { background-color: var(--background-tertiary); border-radius: 6px; } :root .autocomplete_bcc24e .categoryHeader_fe2299::after { content: none; } :root .autocomplete_bcc24e .contentTitle_bcc24e { color: var(--textcolor); } :root .autocomplete_bcc24e .scroller_d53d65 { overflow: visible !important; } :root .wrapperAudio_f316dd { background: var(--background-secondary); border: none; border-radius: 7px; padding: 0; } :root .wrapperAudio_f316dd .audioMetadata_f316dd { padding: 10px; } :root .wrapperAudio_f316dd .audioControls_f316dd { background: transparent; } :root .wrapperAudio_f316dd .audioControls_f316dd .mediaBarWrapper_f7877e:hover { box-shadow: none; } :root .wrapperAudio_f316dd .audioControls_f316dd .mediaBarWrapper_f7877e .mediaBarProgress_f7877e, :root .wrapperAudio_f316dd .audioControls_f316dd .mediaBarWrapper_f7877e .mediaBarProgress_f7877e:after, :root .wrapperAudio_f316dd .audioControls_f316dd .mediaBarWrapper_f7877e .mediaBarProgress_f7877e:before, :root .wrapperAudio_f316dd .audioControls_f316dd .mediaBarWrapper_f7877e .mediaBarGrabber_f7877e { background: var(--main-color) !important; } :root .embedFull_b0068a { width: calc(100% + 100px); max-width: unset !important; left: -50px; border-radius: 0; border-color: var(--background-secondary-alt-alt); position: relative; overflow: hidden; } :root .embedFull_b0068a .grid_b0068a { margin-left: 34px; margin-right: 12px; } :root .embedFull_b0068a .grid_b0068a .embedSuppressButton_b0068a { top: 12px; right: 12px; } :root .theme-light .embedFull_b0068a { background: var(--background-secondary-alt-alt); border-color: var(--card); } :root .wrapper_a71a1c { background: var(--background-secondary); border-radius: 10px; } :root .wrapper_a71a1c .header_a71a1c { display: none; } :root .wrapper_a71a1c .count_a71a1c { font-weight: 500; color: var(--textcolor); } :root .markup_f8f345 code { border: none; background: var(--colortransparency); border-radius: 10px; } :root .hljs .powercord-lines:after, :root .powercord-codeblock-lang { border: none; } :root .powercord-codeblock-lang { padding: 3px 10px; } :root .textContainer_d8e2d0, :root .footer_d8e2d0 { border: none; } :root .textContainer_d8e2d0 .scrollbar_c858ce::-webkit-scrollbar, :root .footer_d8e2d0 .scrollbar_c858ce::-webkit-scrollbar { display: none; } :root .textContainer_d8e2d0 { border-radius: 10px 10px 0 0; } :root .footer_d8e2d0 { border-radius: 0 0 10px 10px; } :root .spoilerText-27bIiA.hidden-3B-Rum, :root .spoilerText-27bIiA.hidden-3B-Rum:hover { background-color: var(--background-secondary); } :root .embedSpotify_b0068a { border-radius: 5px; } :root .invite_f61cb8 { background: var(--background-secondary); border: none; } :root .tile_ab47a1 { transform: translateZ(0); overflow: hidden; background: var(--background-secondary); } :root .tile_ab47a1:hover { background: var(--background-secondary-alt-alt); } :root .tile_ab47a1 .invalidPoop_ff31dd { background: var(--background-secondary-alt-alt); position: relative; } :root .tile_ab47a1 .invalidPoop_ff31dd::after { content: ">_<"; animation: blink 2.5s; animation-iteration-count: infinite; font-size: 50px; color: var(--textcolor); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } :root .tile_ab47a1 .description_ab47a1 { color: #fff; } :root .tile_ab47a1 .description_ab47a1 .tagline_ab47a1 { color: #eee; } :root .tile_ab47a1 .splash_cbd9b6 { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; z-index: -1; opacity: 0.3; filter: blur(20px); mask-image: linear-gradient(rgba(0, 0, 0, 0.7333333333), rgba(0, 0, 0, 0.7333333333)); -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.7333333333), rgba(0, 0, 0, 0.7333333333)); } :root .popoutTopLeft-3B0mFf.noArrow-2foL9g.noShadow-3pu20z { margin-bottom: 0; margin-top: 8px; } :root .attachment_b52bef { background: var(--background-secondary); border: none; border-radius: 7px; } :root .attachment_b52bef .progressBar-1T6LYX { border-radius: 0; background: #419e85 !important; } :root .scrollableContainer_d0696b, :root .wrapper_faf5ab { background: var(--background-secondary); } :root .scrollableContainer_d0696b .lookFilled-yCfaCM.colorPrimary-2AuQVo, :root .wrapper_faf5ab .lookFilled-yCfaCM.colorPrimary-2AuQVo { background-color: var(--main-color); } :root .attachButtonPlus_f298d4, :root .attachButton_f298d4:hover .attachButtonPlus_f298d4 { fill: var(--main-color); } :root .form_a7d72e:before { background: linear-gradient(180deg, transparent 0, var(--background-primary)); } :root .typing_d7ebeb { z-index: 0; } :root .button_df39bd { background-color: var(--background-secondary); } :root .contentWrapper_f7506e { background-color: var(--background-primary); } :root .container_e5da8b, :root .clickable_b78bb6 { background-color: var(--background-secondary); } :root .container_c18ec9 { border-radius: 8px; } :root .message_ddcc45 { background: var(--background-secondary); box-shadow: none; } :root .reaction_f61c73 { background: var(--colortransparency); } :root .container_f2bfbb, :root .reactors_f2bfbb { background: var(--background-secondary); } :root .container_f2bfbb .scroller_f2bfbb, :root .reactors_f2bfbb .scroller_f2bfbb { background: var(--background-primary); } :root .container_a6d69a { background-color: var(--background-primary); } :root .container_a6d69a .tagsContainer_a6d69a button, :root .container_a6d69a .tagsContainer_a6d69a .tag_a6d69a { background-color: var(--background-secondary-alt-alt); } :root .container_a6d69a .mainCard_a6d69a { background-color: var(--background-secondary); } :root .container_a6d69a::-webkit-scrollbar { display: none; } :root .guilds_a4d4d9 { width: 90px; margin-top: -40px; } :root .guilds_a4d4d9.hidden_fea3ef { width: 0 !important; } :root .guilds_a4d4d9::before { content: ""; position: absolute; bottom: 135px; left: 0; z-index: 1; width: 90px; height: 100px; background: linear-gradient(360deg, var(--background-tertiary), transparent); pointer-events: none; } :root .guilds_a4d4d9 .scroller_fea3ef { padding: 30px 0; } :root .guilds_a4d4d9 .scroller_fea3ef > .tutorialContainer_c96c45:first-child > .listItem_c96c45 .childWrapper_a6ce15 { background: var(--main-color); color: #fff; } :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 { width: 90px; margin: 0 0 12px; } :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 .wrapper_c5f96a, :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 .svg_c5f96a { width: 42px; height: 42px; } :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 .upperBadge_c5f96a { top: 2px; right: -1px; } :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 .lowerBadge_c5f96a { bottom: 4px; right: -5px; } :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 .lowerBadge_c5f96a .numberBadge_df8943 { min-width: 25px; background: var(--main-color) !important; font-size: 8px; } :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 .lowerBadge_c5f96a:last-child .numberBadge_df8943 { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5333333333); } :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15, :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 .wrapper__8436d:hover .childWrapper_a6ce15 { background: var(--main-color); } :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 .wrapper__8436d .childWrapper_a6ce15 { background: var(--background-secondary); } :root .guilds_a4d4d9 .scroller_fea3ef .listItem_c96c45 defs g:last-child { display: none; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapper_bc7085 { width: 90px; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapper_bc7085 .expandedFolderBackground_bc7085 { --custom-folder-item-guild-icon-margin: 12px !important; left: 21px; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapper_bc7085 .expandedFolderBackground_bc7085 ~ ul .wrapper_c5f96a { width: 42px; height: 42px; border-radius: 50%; overflow: hidden; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapper_bc7085 .folderIconWrapper_bc7085 { transition: border-radius 200ms; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapper_bc7085 .folderIconWrapper_bc7085:hover { border-radius: 12px; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapper_bc7085 .wrapper_c5f96a { width: 42px; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapper_bc7085 .wrapper_c5f96a > svg > foreignObject { mask: none; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapper_bc7085 .wrapper_c5f96a > svg > foreignObject .folder_bc7085 { background: transparent; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapper_bc7085 .wrapper_c5f96a > svg > foreignObject.expanded .expandedFolderBackground_bc7085 { background: var(--background-secondary); } :root .guilds_a4d4d9 .scroller_fea3ef .circleIconButton_db6521 { border-radius: 999px; border: dashed 2px var(--epicshadow1); background: transparent; color: var(--epicshadow1); transition: all 0.2s; } :root .guilds_a4d4d9 .scroller_fea3ef .tutorialContainer_c96c45:hover .circleIconButton_db6521, :root .guilds_a4d4d9 .scroller_fea3ef .tutorialContainer_c96c45 + .listItem_c96c45:hover .circleIconButton_db6521 { background: transparent; color: var(--main-color); border-color: var(--main-color); } :root .guilds_a4d4d9 .scroller_fea3ef .tutorialContainer_c96c45 svg > foreignObject, :root .guilds_a4d4d9 .scroller_fea3ef .tutorialContainer_c96c45 + .listItem_c96c45 svg > foreignObject { mask: none; } :root .guilds_a4d4d9 .scroller_fea3ef .wrapperSimple_c5f96a foreignObject { mask: none; } :root .guilds_a4d4d9 .scroller_fea3ef > div:last-child { margin-bottom: 80px; } :root .guilds_a4d4d9 .scroller_fea3ef::-webkit-scrollbar { display: none; } :root .guilds_a4d4d9 .footer_aa1bff { width: 100%; padding-bottom: 70px; } :root .guilds_a4d4d9 .footer_aa1bff .listItem_c96c45 { width: 100%; } :root .guilds_a4d4d9 .mention_edf32f { height: 100%; background: linear-gradient(360deg, transparent, var(--background-tertiary)); transition: color 0.2s; opacity: 1; text-transform: capitalize; color: var(--textcolor); animation: fade 0.5s; border-radius: 0; } :root .guilds_a4d4d9 .mention_edf32f:hover { color: var(--main-color); } :root .guilds_a4d4d9 .unreadMentionsIndicatorBottom_fea3ef .mention_edf32f { background: transparent; } :root .guilds_a4d4d9 .unreadMentionsIndicatorTop_fea3ef, :root .guilds_a4d4d9 .unreadMentionsIndicatorBottom_fea3ef { width: 100%; height: 30px; padding: 0; } :root .header_fd6364 { box-shadow: none; padding: 25px; border-radius: 8px; background: transparent !important; } :root #channels div[style="height: 12px;"], :root #channels div[style="height: 16px;"] { display: none; } :root .channelNotice-tO6Tus, :root .channelNotice-3DDmsB { box-shadow: none; width: 170px; background: transparent; margin: 15px; padding: 20px; background: var(--background-primary); border-radius: 10px; position: absolute; top: 0; z-index: 10; height: 60px; transition: height 400ms; } :root .channelNotice-tO6Tus::before, :root .channelNotice-3DDmsB::before { content: "announcement"; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); opacity: 1; color: var(--textcolor); z-index: 1; font-size: 24px; font-family: "Material Icons", sans-serif; transition: opacity 200ms; } :root .channelNotice-tO6Tus .message-3KLVy1, :root .channelNotice-3DDmsB .message-3KLVy1 { opacity: 0; pointer-events: none; transition: opacity 400ms; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; margin-bottom: auto; } :root .channelNotice-tO6Tus .message-3KLVy1 .btn-38SvSS, :root .channelNotice-tO6Tus .message-3KLVy1 .btn-38SvSS:hover, :root .channelNotice-3DDmsB .message-3KLVy1 .btn-38SvSS, :root .channelNotice-3DDmsB .message-3KLVy1 .btn-38SvSS:hover { background: var(--background-secondary-alt-alt); margin: 0 auto; margin-top: 20px; z-index: 1; width: unset; } :root .channelNotice-tO6Tus .message-3KLVy1 > div, :root .channelNotice-3DDmsB .message-3KLVy1 > div { margin-bottom: auto; } :root .channelNotice-tO6Tus .message-39hdqk, :root .channelNotice-3DDmsB .message-39hdqk { opacity: 0; margin-top: 30px; pointer-events: none; width: calc(100% + 20px); transition: opacity 400ms; } :root .channelNotice-tO6Tus .button_dd4f85, :root .channelNotice-3DDmsB .button_dd4f85 { background: var(--background-secondary-alt-alt); opacity: 0; pointer-events: none; transition: opacity 400ms; } :root .channelNotice-tO6Tus:hover, :root .channelNotice-3DDmsB:hover { height: 160px; } :root .channelNotice-tO6Tus:hover .message-3KLVy1, :root .channelNotice-tO6Tus:hover .message-39hdqk, :root .channelNotice-3DDmsB:hover .message-3KLVy1, :root .channelNotice-3DDmsB:hover .message-39hdqk { pointer-events: all; opacity: 1; } :root .channelNotice-tO6Tus:hover::before, :root .channelNotice-3DDmsB:hover::before { opacity: 0; } :root .channelNotice-tO6Tus:hover .button_dd4f85, :root .channelNotice-3DDmsB:hover .button_dd4f85 { opacity: 1; pointer-events: all; } :root .wrapper_a08117 { padding: 0 22px; } :root .container_a5ad5c { color: var(--textcolor); text-transform: unset; font-size: 14px; } :root .icon_a08117 { display: none; } :root .wrapper_d8bfb3 { height: 30px; margin: 0; } :root .wrapper_d8bfb3 .link_d8bfb3 { padding: 6px 20px; border-radius: 0; } :root .unread_d8bfb3 { left: 0; } :root .typeThread_d8bfb3 .name_d8bfb3 { padding-left: 28px; } :root .containerPadding_eba0ba { padding: 0; margin: 0 0 4px 0; } :root .containerPadding_eba0ba .bar_eba0ba { padding: 8px; border-radius: 4px; background: var(--main-color); } :root .containerPadding_eba0ba .bar_eba0ba .barText_eba0ba, :root .containerPadding_eba0ba .bar_eba0ba .unreadIcon_eba0ba { color: white !important; } :root .scroller_c43953::-webkit-scrollbar, :root .scroller_fea3ef::-webkit-scrollbar, :root #channels::-webkit-scrollbar { display: none; } :root .containerDefault_f6f816:has(.linkBottom_d8bfb3) .list_a478e5 { background-color: var(--background-primary); margin: 12px; padding: 0; border-radius: 12px; } :root .containerDefault_f6f816:has(.linkBottom_d8bfb3) .list_a478e5 .draggable_ac3629, :root .containerDefault_f6f816:has(.linkBottom_d8bfb3) .list_a478e5 .voiceUser_d80634 { height: 40px; } :root .containerDefault_f6f816:has(.linkBottom_d8bfb3) .list_a478e5 .content_d80634 { padding-left: 2px; height: 100%; border-radius: 0; } :root .containerDefault_f6f816:has(.linkBottom_d8bfb3) .list_a478e5 .content_d80634 .avatar_d80634 { border-radius: var(--avatar-radius); } :root .containerDefault_f6f816:has(.linkBottom_d8bfb3) .list_a478e5 .draggable_ac3629:first-child .content_d80634 { border-radius: 12px 12px 0 0; } :root .containerDefault_f6f816:has(.linkBottom_d8bfb3) .list_a478e5 .draggable_ac3629:last-child .content_d80634 { border-radius: 0 0 12px 12px; } :root .toolbar_fc4f04 > :last-child[href="https://support.discord.com"], :root .searchLearnMore_b0286e { display: none; } :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) { z-index: 1; background: transparent; width: calc(100% - 240px); } :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .toolbar_fc4f04, :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .topic_bf3bbb { -webkit-app-region: no-drag; } :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .icon_fc4f04 { -webkit-app-region: unset; } :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .followButton_a7d72e, :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .children_fc4f04:after { display: none; } :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .search_ff5f90 { position: fixed; right: 10px; } :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .search_ff5f90 .searchBar_a46bef { background: var(--background-primary); width: 200px; height: 28px; padding: 2px 10px; border-radius: 4px; } :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .search_ff5f90 .searchBar_a46bef .searchFilter_b0fa94, :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .search_ff5f90 .searchBar_a46bef .searchAnswer_b0fa94 { background: transparent; } :root .container_fc4f04.title_a7d72e:not(.minimum_d880dc) .search_ff5f90 .searchBar_a46bef .icon_effbe2 { color: var(--main-color); } :root .container_eedf95 { background: var(--background-secondary-alt-alt); box-shadow: none; } :root .container_eedf95 .resultsGroup_b0286e .option_b0286e { padding: 0 20px; margin: 0; border-radius: 0; } :root .container_eedf95 .resultsGroup_b0286e .option_b0286e.selected-rZcOL-, :root .container_eedf95 .resultsGroup_b0286e .option_b0286e[aria-selected=true] { background: var(--background-secondary); } :root .container_eedf95 .resultsGroup_b0286e .option_b0286e:after { display: none; } :root .container_eedf95 .calendarPicker_be05cd .react-datepicker { background: transparent; border-radius: 0; } :root .container_eedf95 .calendarPicker_be05cd .react-datepicker .react-datepicker__header { background: transparent; } :root .container_eedf95 .calendarPicker_be05cd .react-datepicker .react-datepicker__header .react-datepicker__current-month { border-bottom: none; } :root .container_eedf95 .calendarPicker_be05cd .react-datepicker__navigation--next, :root .container_eedf95 .calendarPicker_be05cd .react-datepicker__navigation--previous { border: none; border-radius: 50%; } :root .container_eedf95 .calendarPicker_be05cd .react-datepicker__navigation--next:hover, :root .container_eedf95 .calendarPicker_be05cd .react-datepicker__navigation--previous:hover { background-color: var(--epicshadow1); } :root .container_eedf95 .calendarPicker_be05cd .react-datepicker [class^=react-datepicker__day] { background: transparent; } :root .container_eedf95 .calendarPicker_be05cd .react-datepicker .react-datepicker__day { border-color: var(--background-tertiary); } :root .container_eedf95 .calendarPicker_be05cd .react-datepicker .react-datepicker__day--selected:after, :root .container_eedf95 .calendarPicker_be05cd .react-datepicker .react-datepicker__day--selected:hover, :root .container_eedf95 .calendarPicker_be05cd .react-datepicker .react-datepicker__day:hover { background: var(--main-color); } :root .container_eedf95 .datePickerHint_b0286e .hintValue_b0286e { background: var(--main-color); } :root .searchResultsWrap_c2b47d { background: var(--background-secondary); top: -48px; padding-top: 48px; width: 480px; height: 100%; } :root .searchResultsWrap_c2b47d .searchHeader_b7c924 { position: absolute; width: 100%; background: linear-gradient(180deg, var(--background-secondary), transparent); } :root .searchResultsWrap_c2b47d .scroller_c2b47d { padding: 0; padding-top: 48px; } :root .searchResultsWrap_c2b47d .scroller_c2b47d > div { padding: 0 14px 0 20px; } :root .searchResultsWrap_c2b47d .scroller_c2b47d .channelName-3w2Y3c { background: transparent; padding: 8px 0; } :root .searchResultsWrap_c2b47d .scroller_c2b47d .searchResult_ddc613 { border: none; box-shadow: none; border-radius: 10px; } :root .searchResultsWrap_c2b47d .scroller_c2b47d .pageButton_b48941 { background-color: var(--background-primary); } :root .searchResultsWrap_c2b47d .scroller_c2b47d .pageButton_b48941.activeButton_b48941 { background-color: var(--main-color); } :root .recentMentionsPopout_ddb5b4 { position: fixed; top: 0; right: 0; min-height: 100%; max-height: 100% !important; border-radius: 0; background: var(--background-secondary); box-shadow: var(--elevation-high); } :root .recentMentionsPopout_ddb5b4 .header_ac90a2 { background-color: var(--background-tertiary); } :root .recentMentionsPopout_ddb5b4 .item_a0 { margin-bottom: 0 !important; } :root .recentMentionsPopout_ddb5b4 .item_a0.brand_a0.selected_a0.item_a0, :root .recentMentionsPopout_ddb5b4 .item_a0.brand_a0.item_a0:active { border-bottom-color: var(--main-color) !important; } :root .recentMentionsPopout_ddb5b4 .row_fd8ff1 { background: var(--background-primary); margin: 12px; border-radius: 12px; } :root .messagesPopoutWrap_ac90a2:not(.recentMentionsPopout_ddb5b4) { position: fixed; top: 84px; left: 330px; width: calc(100% - 570px); max-height: calc(100% - 84px) !important; height: 100%; box-shadow: unset; background: var(--background-primary); border-radius: 0; } :root .messagesPopoutWrap_ac90a2:not(.recentMentionsPopout_ddb5b4) .header_ac90a2 { background: var(--background-primary); text-align: center; box-shadow: none; } :root .messagesPopoutWrap_ac90a2:not(.recentMentionsPopout_ddb5b4) .messagesPopout_ac90a2 { padding: 12px 0 0 12px; } :root .messagesPopoutWrap_ac90a2:not(.recentMentionsPopout_ddb5b4) .messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 { padding: 8px; margin-bottom: 12px; border: none; background: var(--background-secondary); border-radius: 12px; } :root .messagesPopoutWrap_ac90a2:not(.recentMentionsPopout_ddb5b4) .messagesPopout_ac90a2::-webkit-scrollbar { width: 8px; margin-left: 5px; } :root .messagesPopoutWrap_ac90a2:not(.recentMentionsPopout_ddb5b4) .messagesPopout_ac90a2::-webkit-scrollbar-thumb { border: none; background: var(--background-secondary) !important; border-radius: 6px 0 0 6px; } :root .messagesPopoutWrap_ac90a2:not(.recentMentionsPopout_ddb5b4) .messagesPopout_ac90a2::-webkit-scrollbar-track-piece { display: none; } :root .membersWrap_cbd271 { margin-top: -48px; max-height: calc(100% + 48px); } :root .membersWrap_cbd271 .members_cbd271 { padding-top: 48px; } :root .membersWrap_cbd271 .members_cbd271 .member_a31c43 { margin: 0; } :root .membersWrap_cbd271 .members_cbd271 .member_a31c43 .layout_d808b0 { padding: 0 22px; width: calc(100% - 22px); border-radius: 0; } :root .membersWrap_cbd271 .members_cbd271::-webkit-scrollbar { display: none; } :root .loadingPopout-1feYe_ { background: var(--background-secondary); } :root .userPopoutOuter_c69a7b { border-radius: 8px; overflow: unset; } :root .userPopoutOuter_c69a7b .userProfileInner_c69a7b { background-color: var(--background-tertiary); overflow: unset; } :root .userPopoutOuter_c69a7b .header_b8cc6d { min-height: 210px; } :root .userPopoutOuter_c69a7b .header_b8cc6d > .mask_d5fdb1 { overflow: visible; min-height: unset !important; contain: unset; } :root .userPopoutOuter_c69a7b .header_b8cc6d > .mask_d5fdb1 .banner_d5fdb1 { position: absolute; height: 200px !important; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.7607843137), rgba(0, 0, 0, 0.7607843137)); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), 50% 100%, 0 calc(100% - 25px)); } :root .userPopoutOuter_c69a7b .header_b8cc6d > .mask_d5fdb1 > foreignObject { mask: none; } :root .userPopoutOuter_c69a7b .wrapper_cb78f1 { flex-direction: column; } :root .userPopoutOuter_c69a7b .addCustomStatusButtonBubble_d22603, :root .userPopoutOuter_c69a7b .statusBubbleOuter_d22603 + .visibleContainer_d22603 { position: absolute; top: -60px; --custom-status-bubble-background: var(--background-tertiary); } :root .userPopoutOuter_c69a7b .statusBubbleOuter_d22603:before { top: 28px; } :root .userPopoutOuter_c69a7b .statusBubbleOuter_d22603:after { top: 50px; left: 25px; } :root .userPopoutOuter_c69a7b .avatar_f94206 { top: 15px !important; left: calc(50% - 40px); } :root .userPopoutOuter_c69a7b .avatar_f94206 .overlay_f94206:after { border-radius: var(--avatar-radius); } :root .userPopoutOuter_c69a7b .avatar_f94206 .avatarPopover_a64b81 { top: 0; left: 0; border-radius: calc(var(--avatar-radius) * 2) !important; } :root .userPopoutOuter_c69a7b .avatar_f94206 .avatarPopover_a64b81 foreignObject { mask: none !important; } :root .userPopoutOuter_c69a7b .avatar_f94206 .avatarPopover_a64b81 foreignObject .avatarHintInner_f89da9 { font-size: 0; text-transform: none; } :root .userPopoutOuter_c69a7b .avatar_f94206 .avatarPopover_a64b81 foreignObject .avatarHintInner_f89da9::after { white-space: normal; text-align: center; content: var(--avatar-hint-text); color: var(--avatar-hint-color); font-size: var(--avatar-hint-size); font-family: var(--avatar-hint-font); } :root .userPopoutOuter_c69a7b .mask_c51b4e foreignObject { border-radius: calc(var(--avatar-radius) * 2) !important; } :root .userPopoutOuter_c69a7b .mask_c51b4e circle, :root .userPopoutOuter_c69a7b .mask_c51b4e rect[fill=black] { display: none; } :root .userPopoutOuter_c69a7b .body_b8cc6d { position: static; } :root .userPopoutOuter_c69a7b .container_c32acf { position: absolute; top: 115px; left: 20px; width: calc(100% - 38px); } :root .userPopoutOuter_c69a7b .usernameRow_c32acf .clickableUsername_c32acf { width: 100%; } :root .userPopoutOuter_c69a7b .usernameRow_c32acf .clickableUsername_c32acf h1 { display: block; text-align: center; } :root .userPopoutOuter_c69a7b .usernameRow_c32acf .nicknameIcons_c32acf { display: none; } :root .userPopoutOuter_c69a7b .tags_c32acf { margin-top: 5px; justify-content: center; } :root .userPopoutOuter_c69a7b .tags_c32acf .container_b64375 { border: none; background: transparent; } :root .root_b9fccc.root_f9a4c9.small_f9a4c9 { width: 800px; height: 400px; } :root .root_b9fccc.root_f9a4c9.small_f9a4c9 > div, :root .root_b9fccc.root_f9a4c9.small_f9a4c9 .userProfileModalOuter_c69a7b { width: 100%; height: 100%; box-sizing: border-box; } :root .userProfileModalInner_c69a7b { width: 100%; height: 100%; flex-direction: row; overflow: hidden; position: relative; border-radius: 8px; } :root .userProfileModalInner_c69a7b::before { width: 100%; height: 100%; } :root .userProfileModalInner_c69a7b header { width: calc(55% - 16px); height: 100%; } :root .userProfileModalInner_c69a7b header > .mask_d5fdb1 { min-width: unset !important; min-height: unset !important; width: 100%; height: 100%; } :root .userProfileModalInner_c69a7b header > .mask_d5fdb1 .banner_d5fdb1 { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; z-index: -1; opacity: 0.6; border-radius: 10px 0 0 10px; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2862745098)); -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2862745098)); } :root .userProfileModalInner_c69a7b header > .mask_d5fdb1 > foreignObject { mask: none; } :root .userProfileModalInner_c69a7b header > .mask_d5fdb1[viewBox="0 0 600 106"] > foreignObject { y: -350px; height: 800px; } :root .userProfileModalInner_c69a7b header > .mask_d5fdb1[viewBox="0 0 600 210"] > foreignObject { y: -250px; height: 700px; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc { position: static; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .avatar_f94206 { top: 16px; left: 16px; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .avatar_f94206 circle, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .avatar_f94206 rect[fill=black] { display: none; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 { position: absolute; top: unset; left: unset; bottom: 0; right: 0; z-index: 2; width: calc(45% + 16px); padding: 20px; backdrop-filter: blur(8px); box-sizing: border-box; border-bottom-right-radius: 5px; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603 > .statusBubbleOuter_d22603, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 > .statusBubbleOuter_d22603 { border: none; box-shadow: none; background: transparent; min-width: unset; max-width: unset; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603 > .statusBubbleOuter_d22603::before, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603 > .statusBubbleOuter_d22603::after, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 > .statusBubbleOuter_d22603::before, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 > .statusBubbleOuter_d22603::after { display: none; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603 > .statusBubbleOuter_d22603 > .statusBubble_d22603, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 > .statusBubbleOuter_d22603 > .statusBubble_d22603 { padding: 0; background: transparent; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603 > .statusBubbleOuter_d22603 > .statusBubble_d22603 > .content_d22603, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 > .statusBubbleOuter_d22603 > .statusBubble_d22603 > .content_d22603 { text-align: left; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603.activityProfile_c1d9fd, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603.activityProfile_c1d9fd { right: unset; bottom: -140px; left: 5px; width: 750px; padding: 20px; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603 .customStatus_b2ca13, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 .customStatus_b2ca13 { margin-top: 0; } :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603 .assetsLargeImageActivityFeed_c1d9fd, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603 .assetsLargeImageActivityFeedXbox_c1d9fd, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d22603 .assetsLargeImageProfile_c1d9fd, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 .assetsLargeImageActivityFeed_c1d9fd, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 .assetsLargeImageActivityFeedXbox_c1d9fd, :root .userProfileModalInner_c69a7b .headerInner_b9fccc .statusBubbleOuter_d22603 + .visibleContainer_d22603 .assetsLargeImageProfile_c1d9fd { width: 40px; height: 40px; } :root .userProfileModalInner_c69a7b .headerButtons_b9fccc { position: fixed; bottom: 15px; left: 15px; z-index: 1; } :root .userProfileModalInner_c69a7b .mask_c51b4e foreignObject { border-radius: calc(var(--avatar-radius) * 2.1) !important; } :root .userProfileModalInner_c69a7b .body_b9fccc { width: calc(45% + 16px); margin: 0; overflow: visible; background-color: var(--background-primary); border-radius: 0; } :root .userProfileModalInner_c69a7b .body_b9fccc .fullSizeOverlayBackground_c69a7b { position: static; background: transparent; border: none; } :root .userProfileModalInner_c69a7b .body_b9fccc .fullSizeOverlayBackground_c69a7b .container_ecc04c { height: 100%; } :root .userProfileModalInner_c69a7b .body_b9fccc .container_c32acf { position: absolute; top: 25px; left: 153px; z-index: 1; max-width: 250px; } :root .userProfileModalInner_c69a7b .body_b9fccc .container_c32acf .container_b64375 { border: none; } :root .userProfileModalInner_c69a7b .body_b9fccc .tabBar_ecc04c { position: absolute; bottom: 65px; left: 5px; z-index: 1; border-bottom: unset; flex-direction: column; gap: 15px; } :root .userProfileModalInner_c69a7b .body_b9fccc .tabBar_ecc04c .item_a0 { height: 20px; border-bottom: unset; } :root .userProfileModalInner_c69a7b .body_b9fccc .tabBar_ecc04c .item_a0 > div { transition: font-weight 200ms; } :root .userProfileModalInner_c69a7b .body_b9fccc .tabBar_ecc04c .item_a0.selected_a0 > div { font-weight: bold; } :root .userProfileModalInner_c69a7b .body_b9fccc .section_ba4d80:nth-last-child(3) { margin-bottom: 50px; } :root .userProfileModalInner_c69a7b .body_b9fccc .connectedAccountContainer_ab12c6 { border: none; background-color: rgba(255, 255, 255, 0.05); } :root .userProfileModalInner_c69a7b .body_b9fccc .listScroller_d2d6cb { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(20, 0fr); gap: 10px; padding-left: 8px; } :root .userProfileModalInner_c69a7b .body_b9fccc .listScroller_d2d6cb .listRow_d2d6cb { position: relative; z-index: 1; height: 44px; margin: 0; padding-left: 10px; border-radius: 8px; overflow: hidden; background-color: rgba(255, 255, 255, 0.0274509804); } :root .userProfileModalInner_c69a7b .body_b9fccc .listScroller_d2d6cb .listRow_d2d6cb .listAvatar_d2d6cb { position: absolute; right: 0; z-index: -1; width: 62% !important; height: 250% !important; margin-right: 0; border-radius: 0; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7960784314)); } :root .userProfileModalInner_c69a7b .body_b9fccc .listScroller_d2d6cb .listRow_d2d6cb .listAvatar_d2d6cb svg { position: relative; width: 100%; height: 100%; } :root .userProfileModalInner_c69a7b .body_b9fccc .listScroller_d2d6cb .listRow_d2d6cb .listAvatar_d2d6cb svg foreignObject { width: 100%; height: 100%; } :root .userProfileModalInner_c69a7b .body_b9fccc .listScroller_d2d6cb .listRow_d2d6cb .listAvatar_d2d6cb svg rect { display: none; } :root .userProfileModalInner_c69a7b .body_b9fccc .listScroller_d2d6cb .empty_d2d6cb { grid-column: 1/3; grid-row: 1/22; position: relative; z-index: 0; overflow: hidden; margin: 0; padding-left: 10px; border-radius: 8px; } :root .userProfileModalInner_c69a7b .body_b9fccc .listScroller_d2d6cb .empty_d2d6cb .emptyIconFriends_d2d6cb { position: absolute; z-index: -1; width: 80%; height: 80%; margin-left: -10px; opacity: 0.2; background-size: 100%; } :root .userProfileModalInner_c69a7b .body_b9fccc .input-2g-os5 { background-color: transparent; } :root .userProfileModalInner_c69a7b .userProfileModalOverlayBackground_c69a7b { background-color: transparent; } :root .layer_d4b6c5 { transform: unset !important; } :root .layer_d4b6c5.baseLayer_d4b6c5 { opacity: 1 !important; } :root .layer_d4b6c5.baseLayer_d4b6c5.stop-animations { transform: scale(1) !important; } :root .layer_d4b6c5:not(.baseLayer_d4b6c5) { margin-left: 90px; } :root .layer_d4b6c5 .sidebarRegion_c25c6d { flex: unset; background: var(--background-tertiary); } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d { justify-content: flex-start; border-radius: 8px 0 0; } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d { width: 240px; } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d .searchBar_e7c031 { margin: 0 30px 15px 30px; border-radius: 8px; } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d .side_a0 .header_a0 { color: var(--textcolor); } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d .bd-sidebar-header-label { color: var(--textcolor); padding: 0; } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d .side_a0 .header_a0, :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d .side_a0 .item_a0, :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d .bd-sidebar-header { padding: 6px 30px; border-radius: 0; } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d .socialLinks_c44e94 { justify-content: center; display: flex; flex-direction: row; } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d .info_c5a741 { padding-left: 30px; } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .sidebar_c25c6d, :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d .flexChild_dc333f { padding-left: 0 !important; padding-right: 0 !important; } :root .layer_d4b6c5 .sidebarRegion_c25c6d .sidebarRegionScroller_c25c6d::-webkit-scrollbar { display: none; } :root .layer_d4b6c5 .contentColumn_c25c6d, :root .layer_d4b6c5 .customColumn_c25c6d { min-width: unset; max-width: 95%; } :root .layer_d4b6c5 .toolsContainer_c25c6d { position: absolute; right: 0px; } :root .layer_d4b6c5 .toolsContainer_c25c6d .closeButton_df5532:active { transform: none; } :root .layer_d4b6c5 .toolsContainer_c25c6d .closeButton_df5532::before { content: ""; position: fixed; top: 0; left: 0; width: 90px; height: 100%; z-index: 100; } :root .noticeRegion_c25c6d { right: 0; max-width: 100%; } :root .noticeRegion_c25c6d .container_b6cd66 { background-color: var(--background-secondary) !important; } @media (max-width: 1465px) { :root .accountProfileCard_b69b77 { flex-direction: column; } :root .accountProfileCard_b69b77 .mask_d5fdb1 { position: absolute; min-height: 150px !important; max-width: 100% !important; } :root .accountProfileCard_b69b77 .mask_d5fdb1 mask { display: none; } :root .accountProfileCard_b69b77 .mask_d5fdb1 foreignObject { y: -51px !important; } :root .accountProfileCard_b69b77 .banner_d5fdb1 { border-radius: 8px 8px 0 0 !important; height: 200px !important; flex: unset !important; } :root .accountProfileCard_b69b77 .userInfo_b69b77 { height: 150px !important; margin-left: 0 !important; justify-content: space-evenly !important; } :root .accountProfileCard_b69b77 .userInfo_b69b77 .container_b64375 { justify-content: center; } :root .accountProfileCard_b69b77 .background_b69b77 { margin-top: 150px !important; flex: unset !important; } } :root .accountProfileCard_b69b77 { display: flex; background-color: var(--background-secondary); } :root .accountProfileCard_b69b77 .mask_d5fdb1 mask { display: none; } :root .accountProfileCard_b69b77 .mask_d5fdb1 foreignObject { y: -110px; } :root .accountProfileCard_b69b77 .banner_d5fdb1 { -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.7607843137), rgba(0, 0, 0, 0.7607843137)); border-radius: 8px 0 0 8px; height: 320px !important; flex: 1; } :root .accountProfileCard_b69b77 .userInfo_b69b77 { position: absolute; display: grid; grid-template-areas: "avatar username" "avatar button"; gap: 20px; overflow: hidden; height: 100%; padding: 0; justify-content: flex-start; margin-left: 40px; } :root .accountProfileCard_b69b77 .userInfo_b69b77 .avatar_b69b77 { grid-area: avatar; position: static; width: 120px !important; height: 120px !important; border: none; background: none; align-self: center; } :root .accountProfileCard_b69b77 .userInfo_b69b77 .avatar_b69b77 .mask_c51b4e { width: 120px; height: 120px; } :root .accountProfileCard_b69b77 .userInfo_b69b77 .badgeList_b69b77 { background-color: transparent; } :root .accountProfileCard_b69b77 .userInfo_b69b77 > div:nth-child(2) { grid-area: username; align-self: flex-end; } :root .accountProfileCard_b69b77 .userInfo_b69b77 button:last-child { grid-area: button; } :root .accountProfileCard_b69b77 .background_b69b77 { margin: 0; flex: 1; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 > :first-child { flex: 2 auto; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .userPopoutInner_c69a7b:before { width: calc(100% - 8px) !important; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .header_f4c122 { min-height: 210px; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .header_f4c122 > .mask_d5fdb1 { overflow: visible; min-height: unset !important; contain: unset; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .header_f4c122 > .mask_d5fdb1 .banner_d5fdb1 { position: absolute; height: 200px !important; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.7607843137), rgba(0, 0, 0, 0.7607843137)); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), 50% 100%, 0 calc(100% - 25px)); } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .header_f4c122 > .mask_d5fdb1 > foreignObject { mask: none; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .avatar_f18fcb { top: 15px; left: 50%; margin-left: -40px; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .avatar_f18fcb .avatarUploaderInner_ab876d { border: none; border-radius: var(--avatar-radius); } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .avatar_f18fcb .imageUploaderIcon_de76e4 { display: none; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .avatar_f18fcb .status_ab876d { background-color: transparent; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .customStatus__3aa7f { padding-top: 12px; } :root .profileCustomizationSection_bad983 .baseLayout_bad983 .divider-1wtgZ3 { display: none; } :root .bioTextArea_ccf27d { border-radius: 8px; } :root .item-2idW98 { background: var(--background-secondary); transition: transform 200ms; } :root .item-2idW98:hover { background: var(--background-secondary); } :root #family-center-tab .max-width_d00e26, :root #family-center-tab .max-width_a2e886, :root #requests-tab .container_f70f48 { max-width: unset; } :root .connectionHeader_e2a436 { background: transparent; } :root .connectionHeader_e2a436 .connectionDelete_e2a436 { border-color: transparent; border-radius: 50%; padding: 8px 8px 5px 8px; transition: background 100ms; } :root .connectionHeader_e2a436 .connectionDelete_e2a436:hover { background: rgba(255, 255, 255, 0.1333333333); } :root .premiumLabel_ae3c77 { flex-direction: row-reverse; justify-content: flex-end; } :root .premiumLabel_ae3c77 svg { margin-right: 8px; } :root .premiumLabel_ae3c77 + .selectedBackground_ae3c77 { background-color: var(--background-modifier-selected); border-radius: 0; } :root .cardWrapper_f9902b { transform: translateZ(0); overflow: hidden; background: rgba(0, 0, 0, 0.5333333333); --header-primary: #fff; } :root .cardWrapper_f9902b .tierLabel__41356 { color: #fff; font-weight: 500; } :root .cardWrapper_f9902b .gemIndicatorContainer_b03ca0 { background: transparent; backdrop-filter: blur(5px); } :root .cardWrapper_f9902b .gemIndicatorContainer_b03ca0 .gemWithoutLabel__6225b { color: #999; } :root .cardWrapper_f9902b .icon_a64689 { border-radius: 8px; } :root .cardWrapper_f9902b .icon_a64689::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; z-index: -1; opacity: 0.5; filter: blur(20px); } :root .promotionCard_e8af36 { border-radius: 8px; } :root .paymentPane_f66684, :root .codeRedemptionRedirect_cb70f4 { background: var(--background-secondary); border: none; } :root .paymentPane_f66684 .paginator_f66684, :root .paymentPane_f66684 .bottomDivider_f66684, :root .codeRedemptionRedirect_cb70f4 .paginator_f66684, :root .codeRedemptionRedirect_cb70f4 .bottomDivider_f66684 { background: transparent; } :root .paymentPane_f66684 .paymentRow_f66684, :root .codeRedemptionRedirect_cb70f4 .paymentRow_f66684 { border: none; } :root .paymentPane_f66684 .paymentRow_f66684 .expandedInfo_a28a08, :root .codeRedemptionRedirect_cb70f4 .paymentRow_f66684 .expandedInfo_a28a08 { background: var(--background-primary); } :root .micTest_ca3055 .notches_e5cdf3.gray_e5cdf3 { color: var(--background-primary); } :root .addGamePopout_fd966d { background: var(--background-secondary); box-shadow: none; } :root .addGamePopout_fd966d .divider_b8ab18 { display: none; } :root .gameNameInput_fd966d { padding: 8px; } :root .gameNameInput_fd966d:focus, :root .gameNameInput_fd966d:hover { background-color: var(--background-primary); border: none; } :root .notificationSettings-1U0JsJ { max-width: unset; } :root .notificationSettings-1U0JsJ .wrapper_b877fa { border: none; background: var(--background-secondary); border-radius: 20px; } :root .notificationSettings-1U0JsJ .wrapper_b877fa .option_b877fa { margin: 10px; border-radius: 16px; background: var(--epicshadow1); } :root .notificationSettings-1U0JsJ .wrapper_b877fa .option_b877fa:hover { background: var(--main-color); opacity: 0.4; } :root .notificationSettings-1U0JsJ .wrapper_b877fa .option_b877fa.selected_b877fa { background: var(--main-color); box-shadow: unset; } :root .membershipDialog-2wAdpQ { border-radius: 10px; } :root .membershipDialog-2wAdpQ:after { left: 5px; } :root .videoWrapper_b8e00f { background: transparent; } :root .videoWrapper_b8e00f iframe { margin: auto; border-radius: 10px; } :root .avatarUploaderInner_f0a9ff { border-radius: 16px; box-shadow: none; } :root .imageUploaderIcon_de76e4 { display: none; } :root .customScroller_c25c6d > div, :root .contentWidth_bd05f1 { max-width: unset; } :root .customColorPicker_bbc020 { background: var(--background-secondary); border: none; border-radius: 8px; } :root .customColorPicker_bbc020 .customColorPickerInputContainer_e467bb .input_f8bc55 { background-color: var(--background-secondary); } :root .emojiAliasInput-1y-NBz .emojiInput-1aLNse { background: var(--background-primary); } :root .auditLog_eebd33 { border: none; border-radius: 8px; overflow: hidden; } :root .auditLog_eebd33 .header_eebd33, :root .auditLog_eebd33 .changeDetails_eebd33 { background: var(--background-secondary); } :root .auditLog_eebd33 .divider_eebd33 { display: none; } :root .copyInput_d7e343 { border: none; border-radius: 8px; } :root .directoryContainer_da3f59 { background-color: var(--background-primary); } :root .modal-1gWd9S .footer_ffaecb, :root .container_a74b6f .footer_ffaecb { border-bottom-left-radius: 0 !important; } :root .editCircle-2uL_D3, :root .editCircle-ityklj { background: var(--background-primary); } :root .formFieldWrapper-2LV3S6 { border: none; } :root .sparkles-2XXTZO { z-index: unset; } :root .background_bfac79 { color: var(--background-secondary); } :root .tierInProgress_bfac79, :root .tierBody_da77bd, :root .tierHeaderLocked_da77bd, :root .tierHeaderUnlocked_da77bd { background: var(--background-secondary); } :root .overflowRolesPopout_e4010c, :root .overflowRolesPopoutArrow_e4010c { background: var(--background-secondary); box-shadow: none; } :root .panels_a4d4d9 { position: relative; z-index: unset; } :root .panels_a4d4d9 .activityPanel_a4d4d9 { position: absolute; bottom: 20px; right: 105px; padding: 0; border-radius: 8px; } :root .panels_a4d4d9 .activityPanel_a4d4d9 .gameWrapper_bf1a22 { display: none; } :root .panels_a4d4d9 .activityPanel_a4d4d9 .actions_bf1a22 { margin: 0; } :root .panels_a4d4d9 .activityPanel_a4d4d9 .actions_bf1a22 .button_dd4f85 { color: var(--main-color); } :root .panels_a4d4d9 .activityPanel_a4d4d9:hover { background-color: var(--background-modifier-selected); } :root .panels_a4d4d9 > .container_b2ca13 { padding: 10px 8px; } :root .panels_a4d4d9 > .container_b2ca13 .avatarWrapper_b2ca13[aria-expanded] .wrapper_c51b4e { position: fixed; left: 29px; bottom: 23px; z-index: 1; } :root .panels_a4d4d9 > .container_b2ca13 .avatarWrapper_b2ca13[aria-expanded]:hover { background-color: transparent; } :root .panels_a4d4d9 > .container_b2ca13 .title-3XlmeX { font-weight: 500; } :root .panels_a4d4d9 > .container_b2ca13 .button_adca65 { color: #888; } :root .panels_a4d4d9 > .container_b2ca13 .button_adca65[aria-checked=false].enabled_adca65 { color: var(--main-color); } :root .noChat_d880dc.wrapper_d880dc { background: #000; margin: 0; border-radius: 0; animation: unset; } :root .noChat_d880dc.wrapper_d880dc .headerWrapper_d880dc .container_fc4f04 { width: unset; } :root .noChat_d880dc.wrapper_d880dc .border_ba4b17.speaking_ba4b17 { box-shadow: inset 0 0 0 2.5px #43b581, inset 0 0 0 4.5px var(--background-secondary); } :root .noChat_d880dc.wrapper_d880dc .wrapper_b6e2f9 .button_dd4f85 { border-radius: 50%; } :root .noChat_d880dc.wrapper_d880dc .colorable_ef18ee.primaryDark_ef18ee, :root .noChat_d880dc.wrapper_d880dc .participantsButton_b83b18, :root .noChat_d880dc.wrapper_d880dc .participantsButton_b83b18:hover { background: var(--background-secondary); } :root .noChat_d880dc.wrapper_d880dc .css-1k9nrkn { background: transparent; } :root .noChat_d880dc.wrapper_d880dc .controlButton_b6e2f9 foreignObject { mask: none; } :root .searchBar_f0963d { position: absolute; top: 0; left: 0; width: calc(100% - 20px); background: linear-gradient(180deg, var(--background-secondary), transparent); box-shadow: none; } :root .searchBar_f0963d .searchBarComponent_f0963d { background: var(--background-primary); border-radius: 20px; font-size: 10px; text-align: center; } :root .input_f4e139 { background: var(--background-primary); } :root .privateChannels_f0963d > .scroller_c47fa9 { padding-top: 48px; background: transparent; } :root .privateChannels_f0963d > .scroller_c47fa9::-webkit-scrollbar { display: none; } :root .channel_c91bad { margin: 0; max-width: unset; border-radius: 0; } :root .channel_c91bad .layout_ec8679 { padding: 0 22px; width: calc(100% - 22px); border-radius: 0; } :root .container_c2739c { background: var(--background-primary); } :root .container_c2739c .actionButton_e01b91 { background: transparent; } :root .container_c2739c .actionButton_e01b91:hover { background: var(--background-primary); } :root .container_c2739c .peopleColumn_c2739c ::-webkit-scrollbar { display: none; } :root .container_c2739c .tabBody_c2739c::before, :root .container_c2739c .libraryHeader_cb9493::before { content: none; } :root .container_c2739c .header_c6ee36, :root .container_c2739c .header_d8cdac, :root .container_c2739c .header-JHwfVI { display: none; } :root .container_c2739c .nowPlayingColumn_c2739c { background: transparent; margin: 3px 0 10px 0; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a { background: var(--background-secondary); border-radius: 15px 0 0 15px; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a { border: none; padding: 16px 0 !important; margin: 0; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a .header_bf550a { text-align: center; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a .emptyCard_f02fcf { margin: 16px; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a .outer_ac5d22 { background: transparent; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a .wrapper_cd82a7 { background: var(--background-secondary); margin: 16px; border-radius: 10px; border: none; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a .wrapper_cd82a7 .body_cd82a7 > :nth-last-child(3) { border-radius: 8px 8px 0 0; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a .wrapper_cd82a7 .body_cd82a7 .separator_cd82a7 { display: none; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a .wrapper_cd82a7 .body_cd82a7 > :nth-child(3) { border-radius: 0 0 8px 8px; } :root .container_c2739c .nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a::-webkit-scrollbar { display: none; } :root .akaBadge__27cd4 { background: var(--main-color); color: #fff; } :root .wrapper_d880dc:not(.video_d880dc) { background: var(--background-secondary); margin: 15px; border-radius: 10px; animation: callzoom 2s ease; } :root .wrapper_d880dc:not(.video_d880dc) .tile_dc5fc4 { background: var(--background-primary); } :root .wrapper_d880dc:not(.video_d880dc) .tile_dc5fc4 .button_e5cc00, :root .wrapper_d880dc:not(.video_d880dc) .tile_dc5fc4 .buttonColor_d4af21 { background-color: var(--main-color); } :root .wrapper_d880dc:not(.video_d880dc) .videoWrapper_ba4b17 { background: var(--background-primary); } :root .wrapper_d880dc:not(.video_d880dc) .border_db83a2.speaking_db83a2 { box-shadow: inset 0 0 0 2.5px #43b581, inset 0 0 0 6px var(--background-secondary); } :root .wrapper_d880dc:not(.video_d880dc) .colorable_ef18ee.primaryDark_ef18ee, :root .wrapper_d880dc:not(.video_d880dc) .leftTrayIcon_d880dc { background: var(--background-primary); } :root .wrapper_d880dc:not(.video_d880dc) .wrapper_b6e2f9 > .controlButton_b6e2f9 > svg > foreignObject { mask: none; } :root .quickSelectPopout_abbf45 { background: var(--background-primary); } :root .applicationStore_cecc86 .container_fc4f04 { width: calc(100% - 240px); position: absolute; top: 0; background: linear-gradient(180deg, var(--background-primary), transparent); z-index: 1; } :root .userPanelOuter_c69a7b .scrollerBase_eed6a8 { overflow: unset !important; } :root .userPanelOuter_c69a7b .bannerSVGWrapper_b32cc2 { overflow: visible; min-height: 180px !important; contain: unset; max-width: 340px; } :root .userPanelOuter_c69a7b .bannerSVGWrapper_b32cc2 .banner_d5fdb1 { position: absolute; height: 200px; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.7607843137), rgba(0, 0, 0, 0.7607843137)); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), 50% 100%, 0 calc(100% - 25px)); } :root .userPanelOuter_c69a7b .bannerSVGWrapper_b32cc2[viewBox="0 0 340 60"] > foreignObject { transform: translateY(-60px); } :root .userPanelOuter_c69a7b .bannerSVGWrapper_b32cc2[viewBox="0 0 340 120"] > foreignObject { transform: translateY(-30px); } :root .userPanelOuter_c69a7b .bannerSVGWrapper_b32cc2[viewBox="0 0 340 90"] > foreignObject { transform: translateY(-45px); } :root .userPanelOuter_c69a7b .bannerSVGWrapper_b32cc2 > foreignObject { mask: none; } :root .userPanelOuter_c69a7b .divider_ae36e5 { display: none; } :root .userPanelOuter_c69a7b .badgelistGroup_ab525a { min-height: 10px; } :root .userPanelOuter_c69a7b .badgeList_ab525a { position: absolute; top: 160px; left: 0; width: 340px; height: unset; max-width: unset; padding: 0; justify-content: center; background-color: transparent; } :root .userPanelOuter_c69a7b .section_d7a21f { padding-top: 0; padding-bottom: 12px; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) { position: static; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .section_d7a21f .userText_c9ccf6 { position: absolute; top: 110px; left: 0; width: 340px; box-sizing: border-box; text-align: center; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .section_d7a21f .userText_c9ccf6 .discrimBase_c9ccf6 { color: white; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .pronouns_c9ccf6 { position: relative; margin-top: 8px; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .scroller_d2b491::-webkit-scrollbar { display: none; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .activity__20c1e { z-index: 1; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .activity__20c1e .assetsLargeImageSpotify_c1d9fd { border-radius: 8px !important; margin-left: 6px; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .activity__20c1e .null { margin-right: 8px; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .activity__20c1e .button_da7790 { background-color: var(--main-color); opacity: 1; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .activity__20c1e .platformIcon_c1d9fd { display: none; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .activity__20c1e .timeBarUserPopoutV2_c1d9fd { position: absolute; top: 7px; left: 0; z-index: -1; width: 100%; height: 70px; border-radius: 8px; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .activity__20c1e .timeBarUserPopoutV2_c1d9fd .bar_ec2fa7 { border-radius: 8px; height: 100%; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .activity__20c1e .timeBarUserPopoutV2_c1d9fd .barInner_ec2fa7 { border-radius: 8px 0 0 8px; opacity: 0.2; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .activity__20c1e .timeBarUserPopoutV2_c1d9fd > :last-child { display: none; } :root .userPanelOuter_c69a7b .userPanelOverlayBackground_a2b6ae:nth-child(2) .input-2g-os5 { background-color: transparent !important; } :root .userPanelOuter_c69a7b.userProfileOuterThemed_c69a7b .usernameSection_d2b491 { left: 4px; } :root .userPanelOuter_c69a7b .avatarWrapper_f89da9 { top: 15px !important; left: calc(50% - 40px); } :root .userPanelOuter_c69a7b .avatarWrapper_f89da9 .avatarHint_f89da9 { top: 0; left: 0; border-radius: calc(var(--avatar-radius) * 2) !important; } :root .userPanelOuter_c69a7b .avatarWrapper_f89da9 .avatarHint_f89da9 foreignObject { mask: none !important; } :root .userPanelOuter_c69a7b .avatarWrapper_f89da9 .avatarHint_f89da9 foreignObject .avatarHintInner_f89da9 { font-size: 0; text-transform: none; } :root .userPanelOuter_c69a7b .avatarWrapper_f89da9 .avatarHint_f89da9 foreignObject .avatarHintInner_f89da9::after { white-space: normal; text-align: center; content: var(--avatar-hint-text); color: var(--avatar-hint-color); font-size: var(--avatar-hint-size); font-family: var(--avatar-hint-font); } :root .userPanelOuter_c69a7b .mask_c51b4e foreignObject { border-radius: calc(var(--avatar-radius) * 2) !important; } :root .userPanelOuter_c69a7b .mask_c51b4e circle, :root .userPanelOuter_c69a7b .mask_c51b4e rect[fill=black] { display: none; } body { background: transparent; } .withFrame_a934d8 { background: var(--background-tertiary); padding: 8px 16px; height: 24px; margin-top: unset; position: relative; left: 90px; width: calc(100% - 122px); z-index: 1; pointer-events: none; } .withFrame_a934d8 .wordmark_a934d8 { top: unset; left: 16px; color: transparent; } .withFrame_a934d8 .winButton_a934d8 { color: var(--textcolor); top: -8px; right: -16px; height: 40px; width: 56px; } .withFrame_a934d8 .winButtonClose_a934d8 + .winButtonMinMax_a934d8::before { content: ""; position: absolute; top: 10px; left: 18px; width: 18px; height: 18px; background: url("https://cdn.discordapp.com/attachments/539180316447997974/713920529622630411/aaaaaaaaa.svg") no-repeat; background-size: contain; opacity: 0; } .theme-light .winButtonClose_a934d8 + .winButtonMinMax_a934d8::before { background-image: url("https://cdn.discordapp.com/attachments/539180316447997974/713920227582279810/aaaaaaaaa.svg"); } body.maximized .winButtonClose_a934d8 + .winButtonMinMax_a934d8 svg { opacity: 0; } body.maximized .winButtonClose_a934d8 + .winButtonMinMax_a934d8::before { opacity: 1; } .platform-win .chat_a7d72e .wrapper_d880dc:not(.minimum_d880dc) .search_ff5f90 { top: 50px; } .platform-win .appMount_ea7e65 .app_bd26cc .scroller_fea3ef { padding-top: 20px; } .platform-win .appMount_ea7e65 .app_bd26cc .content_a4d4d9::after { content: ""; position: absolute; top: -5px; left: -5px; z-index: 2; width: 30px; height: 30px; border: solid var(--background-tertiary); border-width: 5px 0 0 5px; border-radius: 15px 0 0 0; box-sizing: border-box; } .platform-win .layers_a01fb1, .platform-win .layers_d4b6c5, .platform-win .layers_a01fb1 > .layer_d4b6c5, .platform-win .container_a4d4d9 { overflow: visible; } .platform-win .recentMentionsPopout_ddb5b4, .platform-win .root_fccaa9 { top: 40px; } html:not(.platform-linux) body:not(.maximized).transparent .appMount_ea7e65 { overflow: hidden; border-radius: 8px; box-shadow: 0 0 10px 0 var(--background-tertiary); top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); transform: translateZ(0); } .platform-osx .typeMacOS_a934d8 { width: 90px; } .platform-osx .typeMacOS_a934d8 .macButtons_a934d8 { width: 90px; padding: 10px 20px 10px 20px; } .platform-osx .unreadMentionsIndicatorTop_fea3ef { top: 20px; } .platform-osx .unreadMentionsIndicatorTop_fea3ef .mention_edf32f { background: transparent; } .platform-osx .guilds_a4d4d9 { margin: 0; } .platform-osx .guilds_a4d4d9 .scroller_fea3ef { padding-top: 40px; } .platform-osx .guilds_a4d4d9::after { content: ""; position: absolute; width: 100%; height: 32px; top: 0; left: 0; background: linear-gradient(180deg, var(--background-tertiary), transparent); } :root *::-webkit-scrollbar { width: 8px; } :root *::-webkit-scrollbar-thumb { background: var(--background-secondary); border-radius: 20px; } :root *::-webkit-scrollbar-track-piece { display: none; } :root .info_c5a741 [class^="text-xs/normal_dc00ef"]:last-child::after { content: "\a Couve v" var(--version); text-transform: none; white-space: pre; } :root .categoryItem_c72b37 { margin: 3px 0 3px 8px; } :root .categoryItem_c72b37.selectedCategoryItem_c72b37 .itemInner_c72b37 { background: var(--epicshadow1); } :root .pageWrapper_a3a4ce { background: var(--background-primary); } :root .pageWrapper_a3a4ce .search-25t1e9 .searchBox-31Zv9h { background: var(--background-secondary); } :root .pageWrapper_a3a4ce .search-25t1e9 .searchBox-31Zv9h .input_f8bc55 { color: white; } :root .pageWrapper_a3a4ce .search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL { margin-left: 8px; } :root .pageWrapper_a3a4ce .card_e90879, :root .pageWrapper_a3a4ce .iconMask_e90879 { background-color: var(--card); } :root .pageWrapper_a3a4ce .card_e90879:hover, :root .pageWrapper_a3a4ce .card_e90879:hover .iconMask_e90879, :root .pageWrapper_a3a4ce .iconMask_e90879:hover, :root .pageWrapper_a3a4ce .iconMask_e90879:hover .iconMask_e90879 { background: var(--background-secondary); } :root .root_fccaa9 { top: 40px; left: 330px; contain: unset; } :root .root_fccaa9 .perksModal-CLcR1c { background-color: var(--background-primary); } :root .root_fccaa9 .perksModal-CLcR1c .ctaBar-Nhk8yY { background: var(--background-secondary); border-radius: 10px; } :root .root_fccaa9 .perksModal-CLcR1c .progressBar-20NUv9 { z-index: 1; } :root .root_fccaa9 .perksModal-CLcR1c .progressBar-20NUv9 .bar-1g-wqp { border-radius: 0; } :root .root_fccaa9 .perksModal-CLcR1c .progressBar-20NUv9 .tierMarkerBackground-G8FoN4 { z-index: -10; } :root .root_fccaa9 .perksModal-CLcR1c .progressBar-20NUv9 .tierMarkerBackground-G8FoN4, :root .root_fccaa9 .perksModal-CLcR1c .progressBar-20NUv9 .barBackground-unEPDT { background: var(--background-secondary-alt-alt); } :root .root_fccaa9 .perksModal-CLcR1c .progressBar-20NUv9 .tierMarkerInProgress-2Tdxjz { background: var(--background-primary) !important; } :root .root_fccaa9 .perksModal-CLcR1c .carouselContainerVisible-bGCrdY { left: -15%; } :root .root_fccaa9 .perksModal-CLcR1c .carouselContainerVisible-bGCrdY .tierHeaderUnlocked-1IvR2R { background: #b377f3; } :root .root_fccaa9 .perksModal-CLcR1c .carouselContainerVisible-bGCrdY .tierHeaderUnlocked-1IvR2R .tierUnlocked-1yG5Ic { background: rgba(0, 0, 0, 0.4); color: #fff; } :root .root_fccaa9 .perksModal-CLcR1c .carouselContainerVisible-bGCrdY .tierHeaderLocked-3ItHYn { background: var(--background-secondary-alt-alt); } :root .root_fccaa9 .perksModal-CLcR1c .carouselContainerVisible-bGCrdY .tierBody-3ju-rc { background: var(--background-secondary); } :root .root_fccaa9 .perksModal-CLcR1c .perk-19D_HN { background: var(--background-secondary); } :root .root_fccaa9 .closeWrapper-1aVqeP { padding-top: 72px; } :root .root_fccaa9 .closeWrapper-1aVqeP .closeButton_df5532:active { transform: none; } :root .root_fccaa9 .closeWrapper-1aVqeP .closeButton_df5532::before { content: ""; position: fixed; top: 0; left: -330px; width: 330px; height: 100%; z-index: 100; } :root .role_f9575e, :root .sidebar_e87574 .list_e87574 .item_a0, :root .container_ac201b .item_eef3ef, :root .roleRow-3HnunM { position: relative; overflow: hidden; height: unset; z-index: 1; border: none; padding: 5px; border-radius: 20px; margin-right: 4px; margin-left: 0; } :root .role_f9575e .roleCircle_a26d7b::before, :root .sidebar_e87574 .list_e87574 .item_a0 .roleCircle_a26d7b::before, :root .container_ac201b .item_eef3ef .roleCircle_a26d7b::before, :root .roleRow-3HnunM .roleCircle_a26d7b::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; opacity: 0.2; z-index: -1; pointer-events: none; } :root .roleRemoveButton_f9575e { position: unset; } :root .roleRemoveButton_f9575e .roleRemoveIcon_e4010c { left: 15px; } :root .container_ac201b { border: none; } :root .container_ac201b .item_eef3ef { margin-right: 5px; } :root .container_ac201b .container_c18ec9 { border-radius: 8px; } :root .sidebar_e87574 { border: none; } :root .sidebar_e87574 .list_e87574 { padding-left: 16px; } :root .sidebar_e87574 .list_e87574 .item_a0 { padding: 6px 10px; margin-bottom: 6px; border-radius: 25px; } :root #user-context-roles + .layer_cd0de5 .item_d90b3d { flex-direction: row-reverse; } :root #user-context-roles + .layer_cd0de5 .item_d90b3d .iconContainer-1-SsTR { margin: 0 8px 0 0; } :root #user-context-roles + .layer_cd0de5 .item_d90b3d .roleRow-3HnunM { border-radius: 25px; } :root #user-context-roles + .layer_cd0de5 .item_d90b3d .roleRow-3HnunM .roleDot-2gCDg5 { filter: none; margin-right: 4px; } :root .root_f9a4c9, :root .modal_c97cbd { background: var(--background-primary); box-shadow: unset; border-radius: 10px; } :root .root_f9a4c9::-webkit-scrollbar, :root .modal_c97cbd::-webkit-scrollbar { display: none; } :root .root_f9a4c9 form, :root .modal_c97cbd form { display: flex; flex-direction: column; } :root .root_f9a4c9.small_f9a4c9, :root .modal_c97cbd.small_f9a4c9 { min-height: unset; } :root .root_f9a4c9 .header_f9a4c9, :root .modal_c97cbd .header_f9a4c9 { text-align: center; } :root .root_f9a4c9 .separator_f9a4c9, :root .modal_c97cbd .separator_f9a4c9 { box-shadow: none; } :root .root_f9a4c9 .footer_f9a4c9, :root .modal_c97cbd .footer_f9a4c9 { padding: 0; text-align: center; background: transparent; box-shadow: none; min-height: 45px; overflow: hidden; border-radius: 0 0 10px 10px; } :root .root_f9a4c9 .footer_f9a4c9 button, :root .modal_c97cbd .footer_f9a4c9 button { flex-grow: 1; margin: 0; padding: 2px 16px; box-shadow: none !important; border-radius: 0; min-height: 45px; } :root .root_f9a4c9 .footer_f9a4c9 .lookLink-15mFoz, :root .modal_c97cbd .footer_f9a4c9 .lookLink-15mFoz { background: rgba(255, 255, 255, 0.0666666667); } :root .root_f9a4c9 .footer_f9a4c9 > *, :root .modal_c97cbd .footer_f9a4c9 > * { width: 100%; margin: 0; } :root .root_f9a4c9 .footer_f9a4c9 .cancelButton-kOgwem, :root .root_f9a4c9 .footer_f9a4c9 .cancel-1Ph_Z1, :root .modal_c97cbd .footer_f9a4c9 .cancelButton-kOgwem, :root .modal_c97cbd .footer_f9a4c9 .cancel-1Ph_Z1 { margin-right: 0; } :root .root_f9a4c9 .footer_f9a4c9 .minorContainer_acae5d, :root .modal_c97cbd .footer_f9a4c9 .minorContainer_acae5d { order: -1; margin-bottom: 16px; } :root .root_f9a4c9 .qualitySettingsContainer-30AsSH, :root .modal_c97cbd .qualitySettingsContainer-30AsSH { border: none; padding: 0; } :root .root_f9a4c9 .card-1SdQ2-, :root .root_f9a4c9 .item-2OyinQ, :root .modal_c97cbd .card-1SdQ2-, :root .modal_c97cbd .item-2OyinQ { border: none; background: var(--background-secondary); } :root .root_f9a4c9 .changeButton-3QdaoH, :root .modal_c97cbd .changeButton-3QdaoH { border-radius: 3px; } :root .root_f9a4c9 .art-2OaYX0 + form > :nth-child(3) > :last-child, :root .root_f9a4c9 .changeButton-3QdaoH, :root .modal_c97cbd .art-2OaYX0 + form > :nth-child(3) > :last-child, :root .modal_c97cbd .changeButton-3QdaoH { background: rgba(255, 255, 255, 0.0666666667) !important; } :root .root_f9a4c9 .selectorButtonSelected-3Z0WNU, :root .modal_c97cbd .selectorButtonSelected-3Z0WNU { background: var(--main-color); } :root .root_f9a4c9 .primaryActions_ffaecb, :root .modal_c97cbd .primaryActions_ffaecb { flex-grow: 1; } :root .root_f9a4c9 .primaryActions_ffaecb .shinyButton_d5e126, :root .modal_c97cbd .primaryActions_ffaecb .shinyButton_d5e126 { width: 100%; height: 100%; border-radius: 0; } :root .root_f9a4c9.carouselModal-1eUFoq, :root .modal_c97cbd.carouselModal-1eUFoq { background: none; } :root .popout-1KHNAq { border: none; } :root .popout-1KHNAq .option-2eIyOn { background: var(--background-secondary); } :root .button_dd4f85 { border-radius: 8px; transition: box-shadow 200ms; } :root .lookFilled_dd4f85.colorBrand_dd4f85, :root .lookFilled_dd4f85.colorBrand_dd4f85:hover { background: var(--main-color) !important; } :root .item-2idW98[style*=background-color] { background: var(--main-color) !important; } :root .checked_cebd1c { border: none; } :root .checkbox-f1HnKB { border-radius: 50%; } :root .bar_c7a159 { background: var(--background-secondary-alt-alt); } :root .bar_c7a159 .barFill_c7a159 { background: var(--main-color); } :root .grabber_c7a159 { border: none; background: transparent !important; box-shadow: none; } :root .cardPrimary_a298b8, :root .cardPrimaryEditable-2mz_3i, :root .cardPrimaryOutline-1ofwVz { border: none; background: var(--background-secondary); border-radius: 10px; } :root .card_ea2a21::before { background-color: var(--background-secondary); border: none; } :root .default_a467ac { background-color: var(--background-secondary); } :root .input_f8bc55 { border: none; border-radius: 8px; transition: background 0.4s; } :root .select_f6639d, :root .item_eb92a8 { border: none; border-radius: 8px; } :root .popout_f6639d { border: none; border-radius: 8px; margin-top: 5px; } :root .popout_f6639d.popoutPositionTop_f6639d { margin-bottom: 5px; } :root .popout_f6639d::-webkit-scrollbar { display: none; } :root .input_cebd1c, :root .container_cebd1c { border-radius: 8px; } :root .input_cebd1c rect, :root .container_cebd1c rect { rx: 8px; } :root .option_f6639d:hover { background: rgba(255, 255, 255, 0.05) !important; } :root .option_f6639d:hover { background: rgba(255, 255, 255, 0.05) !important; } :root .styleFixed-2_NfVL { background: var(--background-primary); box-shadow: unset; } :root .styleFlexible-x0_sIC, :root .submenu_d90b3d { overflow: hidden; background: var(--background-secondary-alt); box-shadow: unset; } :root .submenuPaddingContainer_d90b3d { margin-left: -8px; margin-right: -8px; } :root .button_a24e84, :root .button_a24e84:hover { background: var(--background-primary); } :root .item_d90b3d { margin: 0; padding: 8px 16px; border-radius: 0; transition: background 200ms; } :root .item_d90b3d:hover, :root .item_d90b3d.focused_d90b3d, :root .item_d90b3d:active:not(.hideInteraction_d90b3d) { background-color: rgba(255, 255, 255, 0.05); } :root .accountProfilePopoutWrapper_b2ca13 { position: fixed; top: 0; left: 0; height: 100%; } :root .accountProfilePopoutWrapper_b2ca13 > div, :root .accountProfilePopoutWrapper_b2ca13 .userProfileInner_c69a7b { height: 100%; max-height: unset; } :root .accountProfilePopoutWrapper_b2ca13 .popoutContainer_ad5fac { display: block; height: 100%; } :root .accountProfilePopoutWrapper_b2ca13 .popoutContainer_ad5fac > div { height: 100%; } :root .accountProfilePopoutWrapper_b2ca13 .container__0ec3c { background: var(--background-tertiary); } :root .accountProfilePopoutWrapper_b2ca13 .container__0ec3c > .ctaContainer__95bd7 { background-color: transparent; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b { width: 330px; height: 100%; max-height: unset; animation: sidebarStatusTransalteX 0.5s ease, fade 0.4s ease; border-radius: 0; background: var(--background-tertiary); margin-right: 0; padding: 0; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .userPopoutInner_c69a7b { max-height: unset; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .userPopoutInner_c69a7b::before { width: 100% !important; height: 100% !important; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .userProfileInnerThemedNonPremium_c69a7b { background: transparent; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .header_b8cc6d { min-height: 230px; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .avatarWrapper_f89da9 { left: calc(50% - 35px); } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .body_ad5fac { position: static; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .addCustomStatusButtonBubble_d0a252 { left: 340px; --custom-status-bubble-background: var(--background-tertiary); } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .menus_ad5fac .menuOverlay_ad5fac { padding: 0; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .menus_ad5fac .menuOverlay_ad5fac .button_f9d37d { height: unset; border-radius: 0; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .menus_ad5fac .menuOverlay_ad5fac .button_f9d37d .menuItemInner_ad5fac { padding: 16px; } :root .accountProfilePopoutWrapper_b2ca13 .userPopoutOuter_c69a7b .menus_ad5fac .menuOverlay_ad5fac .menuDivider_ad5fac { display: none; } :root div[role=group]:not(.profileGroup-1yKk23) .item_d90b3d.colorDefault-CDqZdO.focused_d90b3d, :root div[role=group]:not(.profileGroup-1yKk23) .item_d90b3d.colorDefault-CDqZdO:hover:not(.hideInteraction_d90b3d) { background: var(--epicshadow1); } :root::-webkit-scrollbar-thumb { background: var(--epicshadow1); } :root.full-motion .animatorTop-3ltI52 { transition: unset !important; } :root .scroller_d90b3d { overflow-y: auto !important; padding-left: 0; } :root .scroller_d90b3d::-webkit-scrollbar-thumb { background: var(--epicshadow1); } :root .avatarWrapper_b2ca13 .avatarSpeaking_c51b4e { border-radius: var(--avatar-radius); } :root .streamPreview_adbea6 { background: var(--background-secondary); width: 330px; } :root .streamPreview_adbea6 .previewContainer_adbea6 { background: var(--background-secondary); height: 200px; } :root .tooltip-14MtrL { background: var(--background-secondary-alt); } :root .tooltipPointer_b6c360 { border-top-color: var(--background-secondary-alt) !important; } :root .modal-atz_3z .header_f9a4c9 { box-shadow: none; } :root .modal-atz_3z .container__33507 { background-color: var(--background-secondary); } :root .modal-atz_3z .title-3hptVQ { margin: 8px; } :root .modal-atz_3z .input-2g-os5 { border-radius: 0; } :root .modal-atz_3z .inviteRowButton-3hcOhY { width: fit-content; border: none; } :root .modal-atz_3z > .footer-1hTRRZ > .content-3nJg0c .inviteBannerUpsell-1t_LYM { order: 3; margin-top: 0; } :root .modal-atz_3z > .footer-1hTRRZ > .content-3nJg0c .footerText-2QLGHU { margin: 8px 8px 16px; order: 2; } :root .modal-atz_3z > .footer-1hTRRZ > .content-3nJg0c .input_f8bc55 { order: 4; } :root .modal-atz_3z > .footer-1hTRRZ > .content-3nJg0c .marginBottom8_f7730b { margin: 8px; order: 1; } :root .modal-atz_3z .content-3nJg0c:before, :root .modal-atz_3z .title-3hptVQ { display: none; } :root .container_a4d79f { background-color: var(--background-primary); border-radius: 8px; --background-primary: #252a3e; --background-secondary: #1e2337; --background-secondary-alt-alt: #1b1d31; --header-primary: #d0d0d0; --header-secondary: #fff; --text-normal: #dcddde; --text-muted: #dcddde; --interactive-normal: #fff9f9; --primary-400: #fff; } :root .container_a4d79f .container_a47d49 { border: none; background-color: var(--background-modifier-hover); } :root .container_a4d79f .input_f8bc55, :root .container_a4d79f .input_e8a9c7 { background-color: var(--background-secondary); } :root .container_a4d79f .footer_f9a4c9 .button_dd4f85.lookBlank_dd4f85 { color: var(--header-secondary); } :root .container_f1fd9c, :root .background_e85cee, :root .header_f1fd9c, :root .emptyPage_c6b11b, :root .scrollerContainer_c6b11b, :root .container_c2efea, :root .container_d20375, :root .page_d20375, :root .pageBody_c2efea { background-color: var(--background-primary) !important; } :root .row_b53f4f, :root .container__33507, :root .channelRow_f04d06 { background-color: var(--background-secondary); } :root .container_b6cd66 { background-color: var(--background-tertiary) !important; } :root .inviteButton_d32e26 { background-color: var(--main-color); } :root .mainTableContainer_e23072 { background-color: var(--background-secondary); } :root .tableHeaderRow_e6d0a5:first-child:after { box-shadow: none; } :root .checkbox_f6cde8 { background-color: var(--background-primary); border: none; } :root .contentWrapper_ed5743 { background: var(--background-primary); } :root .keyboardShortcutsModal_ad95dc { background: var(--background-primary); } :root .keyboardShortcutsModal_ad95dc .keybindShortcut-3zF1P9 span { background: var(--main-color); } :root .container__13b2a { border-radius: 12px; overflow: hidden; } :root .container__13b2a .header-2C89wJ { background-color: var(--background-tertiary); } :root .container__13b2a section { background-color: var(--background-primary); } :root .pictureInPictureWindow_e0c856 { z-index: 10000; } :root .pictureInPictureVideo_cadaa5 .container_fc4f04 { width: 100%; } :root .content_a7d72e:before, :root .divider_fc4f04, :root .separator_d90b3d { display: none; } :root .attachWrapper_f298d4, :root .panel_bf1a22, :root .peopleListItem_d51464, :root .rowWrapper_f1629a + .rowWrapper_f1629a .row_f1629a, :root .header_f1629a, :root .headerCell_f1629a, :root .containerBackground_ccd3df { border: none; } :root .headerText_c1d9fd, :root .bodyTitle-Y0qMQz, :root .userInfoSectionHeader-CBvMDh, :root .title-3hptVQ, :root .contentTitle_bcc24e, :root .header-3A13BX, :root .calendarPicker_be05cd .react-datepicker__current-month, :root :root .react-datepicker__day-name, :root .subSectionHeader-1bsAit { text-transform: unset; } :root .mask_c51b4e img { border-radius: 0 !important; } :root .mask_c51b4e foreignObject { mask: none !important; border-radius: var(--avatar-radius) !important; } :root .pointerEvents_c51b4e { mask: none !important; rx: 30; } :root .pointerEvents_c51b4e[mask="url(#svg-mask-status-typing)"] { rx: 6; } :root .pointerEvents_c51b4e[mask="url(#svg-mask-status-online-mobile)"] { rx: 4; } :root .ready_e40c16 { display: none; } :root .ready_e40c16 + .text_e40c16 { top: 82px; } :root .ready_e40c16 + .text_e40c16::before { content: ""; position: absolute; bottom: 100px; left: 50px; width: 200px; height: 200px; background: url("https://i.imgur.com/2XrlegJ.png") center/80% no-repeat; animation: jump 1s infinite; } @keyframes jump { 0% { transform: translateY(0); } 20% { transform: translateY(-25px); } 40% { transform: translateY(0); } 60% { transform: translateY(-12px); } 100% { transform: translateY(0); } } :root.full-motion .translate-PeW1wK { transform: translateZ(0); animation: zoom 0.3s ease, fade 0.3s ease; } @keyframes sidebarStatusTransalteX { from { transform: translateX(-15%); } to { transform: none; } } @keyframes sidebarStatusTransalteXReverse { from { transform: translateX(15%); } to { transform: none; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes zoom { from { transform: scale(1.05); } to { transform: scale(1); } } @keyframes callzoom { from { background: var(--background-primary); margin: 0; border-radius: 0; opacity: 0; } to { background: var(--background-secondary); margin: 15px; border-radius: 10px; opacity: 1; } } @keyframes blink { 79% { content: ">_<"; } 80% { content: "-_-"; } 90% { content: ">_<"; } 100% { content: "-_-"; } } :root { --brand-400: var(--main-color); --brand-500: var(--main-color); --text-brand: var(--main-color); --control-brand-foreground: var(--main-color); --card-secondary-bg: var(--background-secondary); } :root .scale-3UGUBw.didRender-2SiRlm { transform: scale(1) !important; } :root #status-picker.menu_d90b3d #status-picker-custom-status .labelContainer-2vJzYL { padding: 0 16px; } :root #status-picker.menu_d90b3d #status-picker-custom-status + .layer_cd0de5 { top: 432px !important; left: 359px !important; } :root #status-picker.menu_d90b3d #status-picker-custom-status + .layer_cd0de5 .submenu-1apzyU { background: var(--background-tertiary); border-radius: 0 8px 8px 0; } :root .gameActivityToggleAdded-Yd-YxC > div:last-child button:first-child { color: var(--main-color); } :root .activityPanel_a4d4d9 ~ .gameActivityToggleAdded-Yd-YxC > div:last-child button:first-child { margin-right: 35px; } :root #MemberCount { top: 48px; } :root #MemberCount .membersGroup_cbd271 { margin-top: 0; padding: 18px 8px 0 16px; } :root #MemberCount + .members_cbd271 { margin-top: 0; padding-top: 70px; } :root .mask_c51b4e > svg > mask > :not(:first-child) { display: none; } :root .notice__5fd4c[id] { margin: -30px 240px 0px 90px; border-radius: 8px 8px 0 0 !important; } :root .notice__5fd4c[id] ~ .layers_d4b6c5 .sidebar_a4d4d9 { border-radius: 0; } :root .ChannelDms-channelmembers-wrap { width: 240px; } :root .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header { margin-top: -48px; padding-top: 48px; max-height: calc(100% + 48px); background: var(--background-secondary); border-bottom-width: 0px; } :root .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header + div .membersWrap_cbd271 { margin-top: 0; max-height: unset; } :root .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header + div .membersWrap_cbd271 .members_cbd271 { padding-top: 0; } :root #channelTabs-container { position: relative; left: 80px; width: calc(100% - 96px); background-color: var(--background-tertiary); } :root #channelTabs-container ~ .layers_d4b6c5 .guilds_a4d4d9 { margin-top: -85px; } :root ul[data-list-id=guildfoldersnav] { margin-top: 12px; } :root .vc-addon-name-author { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }