-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathvencordDesktopRenderer.css.map
7 lines (7 loc) · 50.9 KB
/
vencordDesktopRenderer.css.map
1
2
3
4
5
6
7
{
"version": 3,
"sources": ["../src/components/ErrorCard.css", "../src/plugins/_api/badges/fixDiscordBadgePadding.css", "../src/components/PluginSettings/contributorModal.css", "../src/api/Notifications/styles.css", "../src/components/iconStyles.css", "../src/utils/discord.css", "../src/components/Switch.css", "../src/components/PluginSettings/styles.css", "../src/components/PluginSettings/PluginModal.css", "../src/components/PluginSettings/LinkIconButton.css", "../src/components/VencordSettings/addonCard.css", "../src/components/VencordSettings/settingsStyles.css", "../src/components/VencordSettings/themesStyles.css", "../src/api/ChatButton.css", "../src/components/VencordSettings/quickActions.css", "../src/components/VencordSettings/specialCard.css", "../src/plugins/clientTheme/clientTheme.css", "../src/plugins/copyFileContents/style.css", "../src/plugins/dearrow/styles.css", "../src/plugins/decor/ui/styles.css", "../src/plugins/fakeProfileThemes/index.css", "../src/plugins/hideAttachments/styles.css", "../src/plugins/memberCount/style.css", "../src/plugins/mentionAvatars/styles.css", "../src/plugins/messageLogger/messageLogger.css", "../src/plugins/permissionsViewer/styles.css", "../src/plugins/pictureInPicture/styles.css", "../src/plugins/pinDms/styles.css", "../src/plugins/platformIndicators/style.css", "../src/plugins/readAllNotificationsButton/style.css", "../src/plugins/replyTimestamp/style.css", "../src/plugins/reviewDB/style.css", "../src/plugins/sendTimestamps/styles.css", "../src/plugins/serverInfo/styles.css", "../src/plugins/shikiCodeblocks.desktop/shiki.css", "../src/plugins/showConnections/styles.css", "../src/plugins/showHiddenChannels/style.css", "../src/plugins/showMeYourName/styles.css", "../src/plugins/showTimeoutDuration/styles.css", "../src/plugins/sortFriendRequests/styles.css", "../src/plugins/spotifyControls/spotifyStyles.css", "../src/plugins/translate/styles.css", "../src/plugins/typingIndicator/style.css", "../src/plugins/userVoiceShow/style.css", "../src/plugins/vencordToolbox/index.css", "../src/plugins/voiceDownload/style.css", "../src/plugins/voiceMessages/styles.css"],
"sourcesContent": [".vc-error-card {\n padding: 2em;\n background-color: #e7828430;\n border: 1px solid #e78284;\n border-radius: 5px;\n color: var(--text-normal, white);\n}\n", "/* the profile popout badge container(s) */\n[class*=\"biteSize_\"] [class*=\"tags_\"] [class*=\"container_\"] {\n /* Discord has padding set to 2px instead of 1px, which causes the 12th badge to wrap to a new line. */\n padding: 0 1px;\n}\n", ".vc-author-modal-root {\n padding: 1em;\n}\n\n.vc-author-modal-header {\n display: flex;\n align-items: center;\n margin-bottom: 1em;\n}\n\n.vc-author-modal-name {\n text-transform: none;\n flex-grow: 0;\n background: var(--background-tertiary);\n border-radius: 0 9999px 9999px 0;\n padding: 6px 0.8em 6px 0.5em;\n font-size: 20px;\n height: 20px;\n position: relative;\n text-wrap: nowrap;\n}\n\n.vc-author-modal-name::before {\n content: \"\";\n display: block;\n position: absolute;\n height: 100%;\n width: 32px;\n background: var(--background-tertiary);\n z-index: -1;\n left: -32px;\n top: 0;\n border-top-left-radius: 9999px;\n border-bottom-left-radius: 9999px;\n}\n\n.vc-author-modal-avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n}\n\n.vc-author-modal-links {\n margin-left: auto;\n}\n\n.vc-author-modal-plugins {\n display: grid;\n gap: 0.5em;\n margin-top: 0.75em;\n}\n", ".vc-notification-root {\n /* clear default button styles */\n all: unset;\n display: flex;\n flex-direction: column;\n color: var(--text-normal);\n background-color: var(--background-secondary-alt);\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n width: 100%;\n}\n\n.vc-notification-root:not(.vc-notification-log-wrapper > .vc-notification-root) {\n position: absolute;\n z-index: 2147483647;\n right: 1rem;\n width: 25vw;\n min-height: 10vh;\n}\n\n.vc-notification {\n display: flex;\n flex-direction: row;\n padding: 1.25rem;\n gap: 1.25rem;\n}\n\n.vc-notification-content {\n width: 100%;\n}\n\n.vc-notification-header {\n display: flex;\n justify-content: space-between;\n}\n\n.vc-notification-title {\n color: var(--header-primary);\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n text-transform: uppercase;\n}\n\n.vc-notification-close-btn {\n all: unset;\n cursor: pointer;\n color: var(--interactive-normal);\n opacity: 0.5;\n transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;\n}\n\n.vc-notification-close-btn:hover {\n color: var(--interactive-hover);\n opacity: 1;\n}\n\n.vc-notification-icon {\n height: 4rem;\n width: 4rem;\n border-radius: 6px;\n}\n\n.vc-notification-progressbar {\n height: 0.25rem;\n border-radius: 5px;\n margin-top: auto;\n}\n\n.vc-notification-p {\n margin: 0.5rem 0 0;\n line-height: 140%;\n}\n\n.vc-notification-img {\n width: 100%;\n}\n\n.vc-notification-log-empty {\n height: 218px;\n background: url(\"/assets/b36de980b174d7b798c89f35c116e5c6.svg\") center no-repeat;\n margin-bottom: 40px;\n}\n\n.vc-notification-log-container {\n display: flex;\n flex-direction: column;\n padding: 1em;\n overflow: hidden;\n}\n\n.vc-notification-log-wrapper {\n transition: 200ms ease;\n transition-property: height, opacity;\n}\n\n.vc-notification-log-wrapper:not(:last-child) {\n margin-bottom: 1em;\n}\n\n.vc-notification-log-removing {\n height: 0 !important;\n opacity: 0;\n margin-bottom: 1em;\n}\n\n.vc-notification-log-body {\n display: flex;\n flex-direction: column;\n}\n\n.vc-notification-log-timestamp {\n margin-left: auto;\n font-size: 0.8em;\n font-weight: lighter;\n}\n\n.vc-notification-log-danger-btn {\n color: var(--white-500);\n background-color: var(--button-danger-background);\n}\n", ".vc-open-external-icon {\n transform: rotate(45deg);\n}\n\n.vc-owner-crown-icon {\n color: var(--text-warning);\n}\n\n.vc-heart-icon {\n margin-right: 0.5em;\n translate: 0 2px;\n}\n", ".vc-position-inherit {\n position: inherit;\n}\n\n/**\n * copy pasted from discord css. not really webpack-findable since it's the only class in the module\n**/\n\n.vc-image-modal {\n background: transparent !important;\n box-shadow: none !important;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 0;\n}\n\n@media(width <= 485px) {\n .vc-image-modal {\n display: relative;\n overflow: visible;\n overflow: initial;\n }\n}\n", ".vc-switch-slider {\n transition: 100ms transform ease-in-out;\n}\n", "/*\n * Vencord, a modification for Discord's desktop app\n * Copyright (c) 2022 Vendicated and contributors\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <https://www.gnu.org/licenses/>.\n*/\n\n.vc-plugins-grid {\n margin-top: 16px;\n display: grid;\n grid-gap: 16px;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n}\n\n.vc-plugins-info-button {\n height: 24px;\n width: 24px;\n padding: 0;\n background: transparent;\n margin-right: 8px;\n}\n\n.vc-plugins-settings-button:hover {\n color: var(--interactive-hover);\n}\n\n.vc-plugins-filter-controls {\n display: grid;\n height: 40px;\n gap: 10px;\n grid-template-columns: 1fr 150px;\n}\n\n.vc-plugins-badge {\n padding: 0 6px;\n font-family: var(--font-display);\n font-weight: 500;\n border-radius: 8px;\n height: 16px;\n font-size: 12px;\n line-height: 16px;\n color: var(--white-500);\n text-align: center;\n}\n\n.vc-plugins-dep-name {\n margin: 0 auto;\n}\n\n.vc-plugins-info-card {\n padding: 1em;\n height: 8em;\n display: flex;\n flex-direction: column;\n gap: 0.25em;\n}\n\n.vc-plugins-restart-card {\n padding: 1em;\n background: var(--info-warning-background);\n border: 1px solid var(--info-warning-foreground);\n color: var(--info-warning-text);\n}\n\n.vc-plugins-restart-button {\n margin-top: 0.5em;\n background: var(--info-warning-foreground) !important;\n}\n\n.vc-plugins-info-icon:not(:hover, :focus) {\n color: var(--text-muted);\n}\n", ".vc-plugin-modal-info {\n align-items: center;\n}\n\n.vc-plugin-modal-description {\n flex-grow: 1;\n}\n", ".vc-settings-modal-link-icon {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n border: 4px solid var(--background-tertiary);\n box-sizing: border-box\n}\n\n.vc-settings-modal-links {\n display: flex;\n gap: 0.2em;\n}\n", ".vc-addon-card {\n background-color: var(--background-secondary-alt);\n color: var(--interactive-active);\n border-radius: 8px;\n display: block;\n height: 100%;\n padding: 12px;\n width: 100%;\n transition: 0.1s ease-out;\n transition-property: box-shadow, transform, background, opacity;\n box-sizing: border-box;\n}\n\n.vc-addon-card-disabled {\n opacity: 0.6;\n}\n\n.vc-addon-card:hover {\n background-color: var(--background-tertiary);\n transform: translateY(-1px);\n box-shadow: var(--elevation-high);\n}\n\n.vc-addon-header {\n margin-top: auto;\n display: flex;\n width: 100%;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n margin-bottom: 0.5em;\n}\n\n.vc-addon-note {\n height: 36px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n /* stylelint-disable-next-line property-no-unknown */\n box-orient: vertical;\n}\n\n.vc-addon-name-author {\n width: 100%;\n}\n\n.vc-addon-name {\n display: flex;\n width: 100%;\n align-items: center;\n flex-grow: 1;\n gap: 8px;\n}\n\n.vc-addon-author {\n font-size: 0.8em;\n}\n\n.vc-addon-author::before {\n content: \"by \";\n}\n\n.vc-addon-title-container {\n width: 100%;\n overflow: hidden;\n height: 1.25em;\n position: relative;\n}\n\n.vc-addon-title {\n position: absolute;\n inset: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n@keyframes vc-addon-title {\n 0% {\n transform: translateX(0);\n }\n\n 50% {\n transform: translateX(var(--offset));\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n.vc-addon-title:hover {\n overflow: visible;\n animation: vc-addon-title var(--duration) linear infinite;\n}\n", ".vc-settings-tab-bar {\n margin-top: 20px;\n margin-bottom: 10px;\n border-bottom: 2px solid var(--background-modifier-accent);\n}\n\n.vc-settings-tab-bar-item {\n margin-right: 32px;\n padding-bottom: 16px;\n margin-bottom: -2px;\n}\n\n.vc-settings-donate {\n display: flex;\n flex-direction: row;\n}\n\n.vc-settings-card {\n padding: 1em;\n margin-bottom: 1em;\n}\n\n.vc-backup-restore-card {\n background-color: var(--info-warning-background);\n border-color: var(--info-warning-foreground);\n color: var(--info-warning-text);\n}\n\n.vc-settings-theme-links {\n /* Needed to fix bad themes that hide certain textarea elements for whatever eldritch reason */\n display: inline-block !important;\n color: var(--text-normal) !important;\n padding: 0.5em;\n border: 1px solid var(--background-modifier-accent);\n max-height: unset;\n background-color: transparent;\n box-sizing: border-box;\n font-size: 12px;\n line-height: 14px;\n resize: none;\n width: 100%;\n}\n\n.vc-settings-theme-links::placeholder {\n color: var(--header-secondary);\n}\n\n.vc-settings-theme-links:focus {\n background-color: var(--background-tertiary);\n}\n\n.vc-cloud-settings-sync-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 1em;\n}\n\n.vc-cloud-erase-data-danger-btn {\n color: var(--white-500);\n background-color: var(--button-danger-background);\n}\n\n.vc-text-selectable,\n.vc-text-selectable :where([class*=\"text\" i], [class*=\"title\" i]) {\n /* make text selectable, silly discord makes the entirety of settings not selectable */\n user-select: text;\n\n /* discord also sets cursor: default which prevents the cursor from showing as text */\n cursor: initial;\n}\n\n.vc-updater-modal {\n padding: 1.5em !important;\n}\n\n.vc-updater-modal-close-button {\n float: right;\n}\n", ".vc-settings-theme-grid {\n display: grid;\n grid-gap: 16px;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n}\n\n.vc-settings-theme-card {\n display: flex;\n flex-direction: column;\n background-color: var(--background-secondary-alt);\n color: var(--interactive-active);\n border-radius: 8px;\n padding: 1em;\n width: 100%;\n transition: 0.1s ease-out;\n transition-property: box-shadow, transform, background, opacity;\n}\n\n.vc-settings-theme-card-text {\n text-overflow: ellipsis;\n height: 1.2em;\n margin-bottom: 2px;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.vc-settings-theme-author::before {\n content: \"by \";\n}\n", ".vc-chatbar-button {\n display: flex;\n align-items: center;\n}\n", ".vc-settings-quickActions-card {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0.5em;\n padding: 0.5em;\n margin-bottom: 1em;\n}\n\n@media (width <=1040px) {\n .vc-settings-quickActions-card {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.vc-settings-quickActions-pill {\n all: unset;\n background: var(--background-secondary);\n color: var(--header-secondary);\n display: flex;\n align-items: center;\n gap: 0.5em;\n padding: 8px 9px;\n border-radius: 8px;\n transition: 0.1s ease-out;\n box-sizing: border-box;\n}\n\n.vc-settings-quickActions-pill:hover {\n background: var(--background-secondary-alt);\n transform: translateY(-1px);\n box-shadow: var(--elevation-high);\n}\n\n.vc-settings-quickActions-pill:focus-visible {\n outline: 2px solid var(--focus-primary);\n outline-offset: 2px;\n}\n\n.vc-settings-quickActions-img {\n width: 24px;\n height: 24px;\n}", ".vc-donate-button {\n overflow: visible !important;\n}\n\n.vc-donate-button .vc-heart-icon {\n transition: transform 0.3s;\n}\n\n.vc-donate-button:hover .vc-heart-icon {\n transform: scale(1.1);\n z-index: 10;\n position: relative;\n}\n\n.vc-settings-card {\n padding: 1em;\n margin-bottom: 1em;\n}\n\n.vc-special-card-special {\n padding: 1em 1.5em;\n margin-bottom: 1em;\n background-size: cover;\n background-position: center;\n}\n\n.vc-special-card-flex {\n display: flex;\n flex-direction: row;\n}\n\n.vc-special-card-flex-main {\n width: 100%;\n}\n\n.vc-special-title {\n color: black;\n}\n\n.vc-special-subtitle {\n color: black;\n font-size: 1.2em;\n font-weight: bold;\n margin-top: 0.5em;\n}\n\n.vc-special-text {\n color: black;\n font-size: 1em;\n margin-top: .75em;\n white-space: pre-line;\n}\n\n.vc-special-seperator {\n margin-top: .75em;\n border-top: 1px solid white;\n opacity: 0.4;\n}\n\n.vc-special-hyperlink {\n margin-top: 1em;\n cursor: pointer;\n\n .vc-special-hyperlink-text {\n color: black;\n font-size: 1em;\n font-weight: bold;\n text-align: center;\n transition: text-decoration 0.5s;\n cursor: pointer;\n }\n\n &:hover .vc-special-hyperlink-text {\n text-decoration: underline;\n }\n}\n\n.vc-special-image-container {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 1em;\n flex-shrink: 0;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background-color: white;\n}\n\n.vc-special-image {\n width: 65%;\n}\n", ".vc-clientTheme-settings {\n display: flex;\n flex-direction: column;\n}\n\n.vc-clientTheme-container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n\n.vc-clientTheme-labels {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n\n.vc-clientTheme-container [class^=\"swatch\"] {\n border: thin solid var(--background-modifier-accent) !important;\n}\n\n.vc-clientTheme-warning-text {\n color: var(--text-danger);\n}\n\n.vc-clientTheme-contrast-warning {\n background-color: var(--background-primary);\n padding: 0.5rem;\n border-radius: .5rem;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n", ".vc-cfc-button {\n color: var(--interactive-normal);\n cursor: pointer;\n padding-left: 4px;\n}\n\n.vc-cfc-button:hover {\n color: var(--interactive-hover);\n}\n", ".vc-dearrow-toggle-off .vc-dearrow-icon {\n filter: grayscale(1);\n}\n\n.vc-dearrow-toggle-on, .vc-dearrow-toggle-off {\n all: unset;\n display: inline;\n cursor: pointer;\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\n}\n", ".vc-decor-danger-btn {\n color: var(--white-500);\n background-color: var(--button-danger-background);\n}\n\n.vc-decor-change-decoration-modal-content {\n position: relative;\n display: flex;\n border-radius: 5px 5px 0 0;\n padding: 0 16px;\n gap: 4px;\n}\n\n.vc-decor-change-decoration-modal-preview {\n display: flex;\n flex-direction: column;\n margin-top: 24px;\n gap: 8px;\n max-width: 280px;\n}\n\n.vc-decor-change-decoration-modal-decoration {\n width: 80px;\n height: 80px;\n}\n\n.vc-decor-change-decoration-modal-footer {\n justify-content: space-between;\n}\n\n.vc-decor-change-decoration-modal-footer-btn-container {\n display: flex;\n flex-direction: row-reverse;\n}\n\n.vc-decor-create-decoration-modal-content {\n display: flex;\n flex-direction: column;\n gap: 20px;\n padding: 0 16px;\n}\n\n.vc-decor-create-decoration-modal-form-preview-container {\n display: flex;\n gap: 16px;\n}\n\n.vc-decor-modal-header {\n padding: 16px;\n}\n\n.vc-decor-modal-footer {\n padding: 16px;\n}\n\n.vc-decor-create-decoration-modal-form {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n gap: 16px;\n}\n\n.vc-decor-sectioned-grid-list-container {\n display: flex;\n flex-direction: column;\n overflow: hidden scroll;\n max-height: 512px;\n width: 352px; /* ((80 + 8 (grid gap)) * desired columns) (scrolled takes the extra 8 padding off conveniently) */\n gap: 12px;\n}\n\n.vc-decor-sectioned-grid-list-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.vc-decor-section-remove-margin {\n margin-bottom: 0;\n}\n", ".vc-fpt-preview * {\n pointer-events: none;\n}\n", ".vc-hideAttachments-accessory {\n color: var(--text-muted);\n margin-top: 0.5em;\n font-style: italic;\n font-weight: 400;\n}\n\n.vc-hideAttachments-no-content {\n margin-top: 0;\n}\n", ".vc-membercount-widget {\n display: flex;\n align-content: center;\n\n --color-online: var(--green-360);\n --color-total: var(--primary-400);\n}\n\n.vc-membercount-tooltip {\n margin-top: 0.25em;\n margin-left: 2px;\n}\n\n.vc-membercount-member-list {\n justify-content: center;\n margin-top: 1em;\n padding-inline: 1em;\n}\n\n.vc-membercount-online {\n color: var(--color-online);\n}\n\n.vc-membercount-total {\n color: var(--color-total);\n}\n\n.vc-membercount-online-dot {\n background-color: var(--color-online);\n display: inline-block;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin-right: 0.5em;\n}\n\n.vc-membercount-total-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n border: 3px solid var(--color-total);\n margin: 0 0.5em 0 1em;\n}\n", ".vc-mentionAvatars-icon {\n vertical-align: middle;\n width: 1em !important; /* insane discord sets width: 100% in channel topic */\n height: 1em;\n margin: 0 4px 0.2rem 2px;\n box-sizing: border-box;\n}\n\n.vc-mentionAvatars-role-icon {\n margin: 0 2px 0.2rem 4px;\n}\n\n/** don't display inside the ServerInfo modal owner mention */\n.vc-gp-owner .vc-mentionAvatars-icon {\n display: none;\n}\n", ".messagelogger-deleted [class^=\"buttons\"] {\n display: none;\n}\n\n.messagelogger-deleted\n:is(\n .messagelogger-deleted-attachment,\n .emoji,\n [data-type=\"sticker\"],\n [class*=\"embedIframe\"],\n [class*=\"embedSpotify\"],\n [class*=\"imageContainer\"]\n) {\n filter: grayscale(1) !important;\n transition: 150ms filter ease-in-out;\n\n &[class*=\"hiddenMosaicItem_\"] {\n filter: grayscale(1) blur(var(--custom-message-attachment-spoiler-blur-radius, 44px)) !important;\n }\n\n &:hover {\n filter: grayscale(0) !important;\n }\n}\n\n.messagelogger-deleted [class*=\"spoilerWarning\"] {\n color: var(--status-danger);\n}\n\n.theme-dark .messagelogger-edited {\n filter: brightness(80%);\n}\n\n.theme-light .messagelogger-edited {\n opacity: 0.5;\n}\n\n.messagelogger-edit-marker {\n cursor: pointer;\n}\n\n.vc-ml-modal-timestamp {\n cursor: unset;\n height: unset;\n}\n\n.vc-ml-modal-tab-bar {\n flex-wrap: wrap;\n gap: 16px;\n}\n", "/* User Permissions Component */\n\n.vc-permviewer-user-header-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n}\n\n.vc-permviewer-user-header-btns {\n display: flex;\n gap: 8px;\n}\n\n.vc-permviewer-user-header-btn {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* RolesAndUsersPermissions Component */\n\n.vc-permviewer-modal-content {\n padding: 16px 4px 16px 16px;\n}\n\n.vc-permviewer-modal-title {\n flex-grow: 1;\n}\n\n.vc-permviewer-modal-no-perms {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n.vc-permviewer-modal-container {\n width: 100%;\n height: 100%;\n display: flex;\n gap: 8px;\n}\n\n.vc-permviewer-modal-list {\n display: flex;\n flex-direction: column;\n gap: 2px;\n padding-right: 8px;\n width: 200px;\n}\n\n.vc-permviewer-modal-list-item-btn {\n cursor: pointer;\n}\n\n.vc-permviewer-modal-list-item {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px;\n border-radius: 5px;\n}\n\n.vc-permviewer-modal-list-item:hover {\n background-color: var(--background-modifier-hover);\n}\n\n.vc-permviewer-modal-list-item-active {\n background-color: var(--background-modifier-selected);\n}\n\n.vc-permviewer-modal-list-item-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.vc-permviewer-modal-role-circle {\n border-radius: 50%;\n width: 12px;\n height: 12px;\n flex-shrink: 0;\n}\n\n.vc-permviewer-modal-role-image {\n width: 20px;\n height: 20px;\n object-fit: contain;\n}\n\n.vc-permviewer-modal-user-img {\n border-radius: 50%;\n width: 20px;\n height: 20px;\n}\n\n.vc-permviewer-modal-divider {\n width: 2px;\n background-color: var(--background-modifier-active);\n}\n\n.vc-permviewer-modal-perms {\n display: flex;\n flex-direction: column;\n padding-right: 8px;\n}\n\n.vc-permviewer-modal-perms-item {\n display: flex;\n align-items: center;\n gap: 5px;\n padding: 10px 2px 10px 10px;\n border-bottom: 2px solid var(--background-modifier-active);\n}\n\n.vc-permviewer-modal-perms-item:last-child {\n border: 0;\n}\n\n.vc-permviewer-modal-perms-item-icon {\n border: 1px solid var(--background-modifier-selected);\n width: 24px;\n height: 24px;\n}\n\n.vc-permviewer-modal-perms-item .vc-info-icon {\n color: var(--interactive-muted);\n margin-left: auto;\n cursor: pointer;\n transition: color ease-in 0.1s;\n}\n\n.vc-permviewer-modal-perms-item .vc-info-icon:hover {\n color: var(--interactive-active);\n}\n\n/* copy pasted from discord cause impossible to webpack find */\n.vc-permviewer-role-button {\n border-radius: var(--radius-xs);\n background: var(--bg-mod-faint);\n color: var(--interactive-normal);\n border: 1px solid var(--border-faint);\n /* stylelint-disable-next-line value-no-vendor-prefix */\n width: -moz-fit-content;\n width: fit-content;\n height: 24px;\n padding: 4px\n}\n\n.custom-profile-theme .vc-permviewer-role-button {\n background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-6));\n border-color: var(--profile-body-border-color)\n}\n\n.vc-permviewer-granted-by-container {\n max-width: 300px;\n width: auto;\n}\n\n.vc-permviewer-granted-by-content {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n", ".vc-pip-button {\n color: var(--interactive-normal);\n}\n\n.vc-pip-button:hover {\n background-color: var(--background-modifier-hover);\n color: var(--interactive-hover);\n}\n", ".vc-pindms-section-container {\n box-sizing: border-box;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n text-transform: uppercase;\n font-size: 12px;\n line-height: 16px;\n letter-spacing: .02em;\n font-family: var(--font-display);\n font-weight: 600;\n flex: 1 1 auto;\n color: var(--channels-default);\n cursor: pointer;\n}\n\n.vc-pindms-modal-content {\n display: grid;\n justify-content: center;\n padding: 1rem;\n gap: 1.5rem;\n}\n\n.vc-pindms-modal-content [class^=\"defaultContainer\"] {\n display: none;\n}\n\n.vc-pindms-collapse-icon {\n width: 16px;\n height: 16px;\n color: var(--interactive-normal);\n transform: rotate(90deg)\n}\n\n.vc-pindms-collapsed .vc-pindms-collapse-icon {\n transform: rotate(0deg);\n}\n", ".vc-platform-indicator {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n vertical-align: top;\n position: relative;\n}\n", ".vc-ranb-button {\n color: var(--interactive-normal);\n padding: 0 0.5em;\n margin-bottom: 0.5em;\n width: 100%;\n box-sizing: border-box;\n}\n\n.vc-ranb-button:hover {\n color: var(--interactive-active);\n}\n", ".vc-reply-timestamp {\n margin-right: 0.25em;\n}\n", "[class|=\"section\"]:not([class|=\"lastSection\"]) + .vc-rdb-view {\n margin-top: 12px;\n}\n\n.vc-rdb-badge {\n vertical-align: middle;\n margin-left: 4px;\n}\n\n.vc-rdb-input {\n margin-top: 6px;\n margin-bottom: 12px;\n resize: none;\n overflow: hidden;\n background: transparent;\n border: 1px solid var(--profile-message-input-border-color);\n}\n\n.vc-rdb-modal-footer-wrapper {\n width: 100%;\n margin: 6px 16px;\n}\n\n.vc-rdb-placeholder {\n margin-bottom: 4px;\n font-weight: bold;\n font-style: italic;\n color: var(--text-muted);\n}\n\n.vc-rdb-input * {\n font-size: 14px;\n}\n\n.vc-rdb-modal-footer {\n padding: 0;\n}\n\n.vc-rdb-modal-footer .vc-rdb-input {\n margin-bottom: 0;\n background: var(--input-background);\n}\n\n.vc-rdb-modal-footer [class|=\"pageControlContainer\"] {\n margin-top: 0;\n}\n\n.vc-rdb-modal-header {\n flex-grow: 1;\n}\n\n.vc-rdb-modal-reviews {\n margin-top: 16px;\n}\n\n.vc-rdb-review {\n padding-top: 8px !important;\n padding-bottom: 8px !important;\n padding-right: 32px !important;\n}\n\n.vc-rdb-review:hover {\n background: var(--background-message-hover) !important;\n border-radius: 8px;\n}\n\n.vc-rdb-review-comment [class*=\"avatar\"] {\n vertical-align: text-top;\n}\n\n.vc-rdb-review-comment {\n overflow-y: hidden;\n margin-top: 1px;\n margin-bottom: 8px;\n color: var(--text-normal);\n font-size: 15px;\n}\n\n.vc-rdb-blocked-badge {\n cursor: pointer;\n}\n\n.vc-rdb-block-modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.vc-rdb-block-modal {\n padding: 1em;\n display: grid;\n gap: 0.75em;\n}\n\n.vc-rdb-button-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n}\n\n/* stylelint-disable-next-line media-feature-range-notation */\n@media (max-width: 600px) {\n .vc-rdb-button-grid {\n grid-template-columns: 1fr;\n }\n}\n\n.vc-rdb-block-modal-row {\n display: flex;\n height: 2em;\n gap: 0.5em;\n align-items: center;\n}\n\n.vc-rdb-block-modal-avatar {\n border-radius: 50%;\n height: 2em;\n width: 2em;\n}\n\n.vc-rdb-block-modal-avatar::before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n background-color: var(--background-modifier-accent);\n}\n\n.vc-rdb-block-modal-username {\n flex-grow: 1;\n}\n\n.vc-rdb-block-modal-unblock {\n cursor: pointer;\n}\n", ".vc-st-date-picker {\n background-color: var(--input-background);\n color: var(--text-normal);\n width: 95%;\n padding: 8px 8px 8px 12px;\n margin: 1em 0;\n outline: none;\n border: 1px solid var(--input-background);\n border-radius: 4px;\n font-weight: 500;\n font-style: inherit;\n font-size: 100%;\n}\n\n.vc-st-format-select {\n margin-bottom: 1em;\n\n --background-modifier-accent: transparent;\n}\n\n.vc-st-format-label {\n --background-modifier-accent: transparent;\n}\n\n.vc-st-modal-header {\n place-content: center space-between;\n}\n\n.vc-st-modal-title {\n margin: 0;\n}\n\n.vc-st-modal-close-button {\n padding: 0;\n}\n\n.vc-st-preview-text {\n margin-bottom: 1em;\n}\n", ".vc-gp-root {\n height: 100%;\n user-select: text;\n}\n\n.vc-gp-banner {\n cursor: pointer;\n aspect-ratio: auto 240 / 135;\n height: 334px;\n width: 100%;\n object-fit: cover;\n overflow: clip;\n overflow-clip-margin: content-box;\n}\n\n.vc-gp-header {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.5em;\n margin: 0.5em;\n}\n\n.vc-gp-icon {\n width: 48px;\n height: 48px;\n cursor: pointer;\n}\n\n.vc-gp-name-and-description {\n display: flex;\n flex-direction: column;\n gap: 0.2em;\n}\n\n.vc-gp-name {\n margin: 0;\n}\n\n.vc-gp-tab-bar {\n border-bottom: 2px solid var(--background-modifier-accent);\n margin: 20px 12px 0;\n display: flex;\n gap: 40px;\n align-items: stretch;\n flex-direction: row;\n}\n\n.vc-gp-tab {\n border-bottom: 2px solid transparent;\n color: var(--interactive-normal);\n cursor: pointer;\n height: 39px;\n line-height: 14px;\n}\n\n.vc-gp-tab-content {\n margin: 1em;\n}\n\n.vc-gp-tab:where(.vc-gp-selected, :hover, :focus) {\n border-bottom-color: var(--interactive-active);\n}\n\n.vc-gp-info {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 1em;\n}\n\n.vc-gp-server-info-pair {\n color: var(--text-normal);\n}\n\n.vc-gp-server-info-pair [class^=\"timestamp\"] {\n margin-left: 0;\n}\n\n.vc-gp-owner {\n display: flex;\n align-items: center;\n gap: 0.2em;\n}\n\n.vc-gp-owner-avatar {\n height: 20px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.vc-gp-scroller {\n width: 100%;\n max-height: 500px;\n}\n\n.vc-gp-scroller [class^=\"listRow\"] {\n margin: 1px 0;\n}\n\n.vc-gp-scroller [class^=\"listRow\"]:hover {\n background-color: var(--background-modifier-hover);\n}\n", ".vc-shiki-container {\n border: 4px;\n background-color: var(--background-secondary);\n}\n\n.vc-shiki-root {\n border-radius: 4px;\n}\n\n.vc-shiki-root .vc-shiki-code {\n display: block;\n overflow-x: auto;\n padding: 0.5em;\n position: relative;\n font-size: 0.875rem;\n line-height: 1.125rem;\n text-indent: 0;\n white-space: pre-wrap;\n background: transparent;\n border: none;\n}\n\n.vc-shiki-devicon {\n margin-right: 8px;\n user-select: none;\n}\n\n.vc-shiki-plain .vc-shiki-code {\n padding-top: 8px;\n}\n\n.vc-shiki-btns {\n font-size: 1em;\n position: absolute;\n right: 0;\n bottom: 0;\n opacity: 0;\n}\n\n.vc-shiki-root:hover .vc-shiki-btns {\n opacity: 1;\n}\n\n.vc-shiki-btn {\n border-radius: 4px 4px 0 0;\n padding: 4px 8px;\n user-select: none;\n}\n\n.vc-shiki-btn ~ .vc-shiki-btn {\n margin-left: 4px;\n}\n\n.vc-shiki-btn:last-child {\n border-radius: 4px 0;\n}\n\n.vc-shiki-spinner-container {\n align-items: center;\n background-color: rgb(0 0 0 / 60%);\n display: flex;\n position: absolute;\n justify-content: center;\n inset: 0;\n}\n\n.vc-shiki-preview {\n margin-bottom: 2em;\n}\n\n.vc-shiki-lang {\n padding: 0 5px;\n margin-bottom: 6px;\n font-weight: bold;\n text-transform: capitalize;\n display: flex;\n align-items: center;\n}\n\n.vc-shiki-table {\n border-collapse: collapse;\n width: 100%;\n}\n\n.vc-shiki-table-row {\n height: 19px;\n width: 100%;\n}\n\n.vc-shiki-root .vc-shiki-table-cell:first-child {\n border-right: 1px solid transparent;\n padding-left: 5px;\n padding-right: 8px;\n user-select: none;\n}\n\n.vc-shiki-root .vc-shiki-table-cell:last-child {\n padding-left: 8px;\n word-break: break-word;\n width: 100%;\n}\n", ".vc-user-connection {\n all: unset;\n display: inline-block;\n cursor: pointer;\n}\n\n.vc-sc-tooltip {\n display: inline-flex;\n gap: 0.25em;\n align-items: center;\n}\n\n.vc-sc-connection-name {\n word-break: break-all;\n}\n\n.vc-sc-tooltip-icon {\n min-width: 16px;\n}\n", ".vc-shc-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n gap: 0.65em;\n margin: 0.5em 0;\n min-height: 100%;\n}\n\n.vc-shc-logo {\n width: 12em;\n height: 12em;\n}\n\n.vc-shc-heading-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.5em;\n}\n\n.vc-shc-heading-nsfw-icon {\n color: var(--text-normal);\n}\n\n.vc-shc-topic-container {\n color: var(--text-normal);\n background: var(--bg-overlay-3, var(--background-secondary));\n border-radius: 5px;\n padding: 10px;\n max-width: 70vw;\n}\n\n.vc-shc-default-emoji-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n background: var(--bg-overlay-3, var(--background-secondary));\n border-radius: 8px;\n padding: 0.75em;\n margin-left: 0.75em;\n}\n\n.vc-shc-tags-container {\n display: flex;\n flex-direction: column;\n background: var(--bg-overlay-3, var(--background-secondary));\n border-radius: 5px;\n padding: 0.75em;\n gap: 0.75em;\n max-width: 70vw;\n}\n\n.vc-shc-tags {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0.35em;\n}\n\n.vc-shc-allowed-users-and-roles-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--bg-overlay-3, var(--background-secondary));\n border-radius: 5px;\n padding: 0.75em;\n max-width: 70vw;\n}\n\n.vc-shc-allowed-users-and-roles-container-title {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.5em;\n}\n\n.vc-shc-allowed-users-and-roles-container-toggle-btn {\n all: unset;\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--text-normal);\n}\n\n.vc-shc-allowed-users-and-roles-container-permdetails-btn {\n all: unset;\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--text-normal);\n}\n\n.vc-shc-allowed-users-and-roles-container > [class^=\"members\"] {\n margin-left: 12px;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.vc-shc-hidden-channel-icon {\n cursor: not-allowed;\n margin-left: 6px;\n z-index: 0;\n}\n", ".vc-smyn-suffix {\n color: var(--text-muted);\n}\n\n.vc-smyn-suffix::before {\n content: \"(\";\n}\n\n.vc-smyn-suffix::after {\n content: \")\";\n}\n", ".vc-std-wrapper {\n display: flex;\n align-items: center;\n}\n\n.vc-std-wrapper [class*=\"communicationDisabled\"] {\n margin-right: 0;\n}\n", ".vc-sortFriendRequests-wrapper {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n margin-right: 0.5em;\n}\n\n.vc-sortFriendRequests-tooltip {\n max-width: none;\n white-space: nowrap;\n}\n\n.vc-sortFriendRequests-date {\n color: var(--text-muted);\n font-family: var(--font-code);\n}\n", "#vc-spotify-player {\n padding: 0.375rem 0.5rem;\n border-bottom: 1px solid var(--background-modifier-accent);\n\n --vc-spotify-green: #1db954; /* so custom themes can easily change it */\n}\n\n.theme-light #vc-spotify-player {\n background: var(--bg-overlay-3, var(--background-secondary-alt));\n}\n\n.theme-dark #vc-spotify-player {\n background: var(--bg-overlay-1, var(--background-secondary-alt));\n}\n\n.vc-spotify-button {\n background: none;\n color: var(--interactive-normal);\n padding: 0;\n width: 32px;\n height: 32px;\n border-radius: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.vc-spotify-button:hover {\n color: var(--interactive-hover);\n background-color: var(--background-modifier-selected);\n}\n\n.vc-spotify-button-icon {\n height: 24px;\n width: 24px;\n}\n\n.vc-spotify-shuffle .vc-spotify-button-icon,\n.vc-spotify-repeat .vc-spotify-button-icon {\n width: 22px;\n height: 22px;\n}\n\n/* .vc-spotify-button:hover {\n filter: brightness(1.3);\n} */\n\n.vc-spotify-shuffle-on,\n.vc-spotify-repeat-context,\n.vc-spotify-repeat-track,\n.vc-spotify-shuffle-on:hover,\n.vc-spotify-repeat-context:hover,\n.vc-spotify-repeat-track:hover {\n color: var(--vc-spotify-green);\n}\n\n.vc-spotify-tooltip-text {\n overflow: hidden;\n white-space: nowrap;\n padding-right: 0.2em;\n max-width: 100%;\n margin: unset;\n}\n\n.vc-spotify-repeat-1 {\n font-size: 70%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.vc-spotify-button-row {\n justify-content: center;\n}\n\n#vc-spotify-info-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 3em;\n gap: 0.5em;\n}\n\n#vc-spotify-album-image {\n height: 90%;\n object-fit: contain;\n border-radius: 3px;\n transition: filter 0.2s;\n}\n\n#vc-spotify-album-image:hover {\n filter: brightness(1.2);\n cursor: pointer;\n}\n\n#vc-spotify-album-expanded-wrapper #vc-spotify-album-image {\n width: 100%;\n object-fit: contain;\n}\n\n#vc-spotify-titles {\n display: flex;\n flex-direction: column;\n padding: 0.2rem;\n align-items: flex-start;\n place-content: flex-start center;\n overflow: hidden;\n}\n\n#vc-spotify-song-title {\n color: var(--header-primary);\n font-size: 14px;\n font-weight: 600;\n}\n\n.vc-spotify-ellipoverflow {\n white-space: nowrap;\n overflow: hidden;\n width: 100%;\n text-overflow: ellipsis;\n}\n\n.vc-spotify-artist,\n.vc-spotify-album {\n font-size: 12px;\n text-decoration: none;\n color: var(--header-secondary);\n}\n\n.vc-spotify-comma {\n color: var(--header-secondary);\n}\n\n.vc-spotify-artist[role=\"link\"]:hover,\n#vc-spotify-album-title[role=\"link\"]:hover,\n#vc-spotify-song-title[role=\"link\"]:hover {\n text-decoration: underline;\n cursor: pointer;\n}\n\n#vc-spotify-progress-bar {\n position: relative;\n color: var(--text-normal);\n width: 100%;\n margin: 0.5em 0;\n margin-bottom: 5px;\n}\n\n#vc-spotify-progress-bar > [class^=\"slider\"] {\n flex-grow: 1;\n width: 100%;\n padding: 0 !important;\n}\n\n#vc-spotify-progress-bar > [class^=\"slider\"] [class^=\"bar-\"] {\n height: 4px !important;\n}\n\n#vc-spotify-progress-bar > [class^=\"slider\"] [class^=\"grabber\"] {\n /* these importants are necessary, it applies a width and height through inline styles */\n height: 10px !important;\n width: 10px !important;\n margin-top: 4px;\n background-color: var(--interactive-normal);\n border-color: var(--interactive-normal);\n color: var(--interactive-normal);\n opacity: 0;\n transition: opacity 0.1s;\n}\n\n#vc-spotify-progress-bar:hover > [class^=\"slider\"] [class^=\"grabber\"] {\n opacity: 1;\n}\n\n#vc-spotify-progress-text {\n margin: 0;\n}\n\n.vc-spotify-progress-time {\n font-size: 12px;\n top: 10px;\n position: absolute;\n}\n\n.vc-spotify-time-left {\n left: 0;\n}\n\n.vc-spotify-time-right {\n right: 0;\n}\n\n.vc-spotify-fallback {\n padding: 0.5em;\n color: var(--text-normal);\n}\n", ".vc-trans-modal-content {\n padding: 1em;\n}\n\n.vc-trans-modal-header {\n place-content: center space-between;\n}\n\n.vc-trans-modal-title {\n margin: 0;\n}\n\n.vc-trans-accessory {\n color: var(--text-muted);\n margin-top: 0.5em;\n font-style: italic;\n font-weight: 400;\n}\n\n.vc-trans-accessory-icon {\n margin-right: 0.25em;\n}\n\n.vc-trans-dismiss {\n all: unset;\n cursor: pointer;\n color: var(--text-link);\n}\n\n.vc-trans-dismiss:is(:hover, :focus) {\n text-decoration: underline;\n}\n\n.vc-trans-auto-translate {\n color: var(--green-360);\n}\n\n.vc-trans-chat-button {\n scale: 1.085;\n}\n", ".vc-typing-indicator {\n display: flex;\n align-items: center;\n height: 20px;\n}\n\n.vc-typing-indicator-avatars {\n margin-left: 6px;\n}\n\n.vc-typing-indicator-dots {\n margin-left: 6px;\n height: 16px;\n display: flex;\n align-items: center;\n z-index: 0;\n cursor: pointer;\n}\n", ".vc-uvs-speaker {\n color: var(--interactive-normal);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.vc-uvs-clickable {\n cursor: pointer;\n}\n\n.vc-uvs-clickable:hover {\n color: var(--interactive-hover);\n}\n\n.vc-uvs-tooltip-container {\n max-width: 300px;\n}\n\n.vc-uvs-tooltip-content {\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.vc-uvs-name {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.vc-uvs-guild-icon {\n border-radius: 100%;\n align-self: center;\n}\n\n.vc-uvs-vc-members {\n display: flex;\n gap: 6px;\n}\n", ".vc-toolbox-btn,\n.vc-toolbox-icon {\n -webkit-app-region: no-drag;\n}\n\n.vc-toolbox-icon {\n color: var(--interactive-normal);\n}\n\n.vc-toolbox-btn[class*=\"selected\"] .vc-toolbox-icon {\n color: var(--interactive-active);\n}\n\n.vc-toolbox-btn:hover .vc-toolbox-icon {\n color: var(--interactive-hover);\n}\n", ".vc-voice-download {\n width: 24px;\n height: 24px;\n color: var(--interactive-normal);\n margin-left: 12px;\n cursor: pointer;\n position: relative;\n}\n\n.vc-voice-download:hover {\n color: var(--interactive-active);\n}\n", ".vc-vmsg-modal {\n padding: 1em;\n}\n\n.vc-vmsg-buttons {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 0.5em;\n margin-bottom: 1em;\n}\n\n.vc-vmsg-preview {\n color: var(--text-normal);\n border-radius: 24px;\n background-color: var(--background-secondary);\n position: relative;\n display: flex;\n align-items: center;\n padding: 0 16px;\n height: 48px;\n}\n\n.vc-vmsg-preview-indicator {\n background: var(--button-secondary-background);\n width: 16px;\n height: 16px;\n border-radius: 50%;\n transition: background 0.2s ease-in-out;\n}\n\n.vc-vmsg-preview-recording .vc-vmsg-preview-indicator {\n background: var(--status-danger);\n}\n\n.vc-vmsg-preview-time {\n opacity: 0.8;\n margin: 0 0.5em;\n font-size: 80%;\n\n /* monospace so different digits have same size */\n font-family: var(--font-code);\n}\n\n.vc-vmsg-preview-label {\n opacity: 0.5;\n letter-spacing: 0.125em;\n font-weight: 600;\n flex: 1;\n text-align: center;\n}\n"],
"mappings": "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",
"names": []
}