.importer-uploading { font-size: 1.5em; margin: 0.25em; } .exporter-processing { margin: 0.25em; } .autosuggest { position: relative; } .autosuggest-input { display: block; width: 100%; } .autosuggest-results { position: absolute; left: 0; top: 100%; right: 0; max-height: 400px; background-color: #121a24; background-color: var(--bg, #121a24); border-style: solid; border-width: 1px; border-color: #222; border-color: var(--border, #222); border-radius: 4px; border-radius: var(--inputRadius, 4px); border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: var(--panelShadow); overflow-y: auto; z-index: 1; } .block-card-content-container { margin-top: 0.5em; text-align: right; } .block-card-content-container button { width: 10em; } .mute-card-content-container { margin-top: 0.5em; text-align: right; } .mute-card-content-container button { width: 10em; } .domain-mute-card { -ms-flex: 1 0; flex: 1 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 0.6em 1em 0.6em 0; } .domain-mute-card-domain { margin-right: 1em; overflow: hidden; text-overflow: ellipsis; } .domain-mute-card button { width: 10em; } .autosuggest-results .domain-mute-card { padding-left: 1em; } .selectable-list-item-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .selectable-list-item-inner > * { min-width: 0; } .selectable-list-item-selected-inner { background-color: #151e2a; background-color: var(--selectedMenu, #151e2a); color: var(--selectedMenuText, #b9b9ba); --faint: var(--selectedMenuFaintText, $fallback--faint); --faintLink: var(--selectedMenuFaintLink, $fallback--faint); --lightText: var(--selectedMenuLightText, $fallback--lightText); --icon: var(--selectedMenuIcon, $fallback--icon); } .selectable-list-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.6em 0; border-bottom: 2px solid; border-bottom-color: #222; border-bottom-color: var(--border, #222); } .selectable-list-header-actions { -ms-flex: 1; flex: 1; } .selectable-list-checkbox-wrapper { padding: 0 10px; -ms-flex: none; flex: none; } .with-subscription-loading { padding: 10px; text-align: center; } .with-subscription-loading .error { font-size: 1rem; } .mutes-and-blocks-tab { height: 100%; } .mutes-and-blocks-tab .usersearch-wrapper { padding: 1em; } .mutes-and-blocks-tab .bulk-actions { text-align: right; padding: 0 1em; min-height: 2em; } .mutes-and-blocks-tab .bulk-action-button { width: 10em; } .mutes-and-blocks-tab .domain-mute-form { padding: 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .mutes-and-blocks-tab .domain-mute-button { -ms-flex-item-align: end; align-self: flex-end; margin-top: 1em; width: 10em; } .ModifiedIndicator { display: inline-block; position: relative; } .ModifiedIndicator .modified-tooltip { margin: 0.5em 1em; min-width: 10em; text-align: center; } .ServerSideIndicator { display: inline-block; position: relative; } .ServerSideIndicator .serverside-tooltip { margin: 0.5em 1em; min-width: 10em; text-align: center; } .mfa-backup-codes .warning { color: orange; color: var(--cOrange, orange); } .mfa-backup-codes .backup-codes { font-family: var(--postCodeFont, monospace); } .mfa-settings .mfa-heading, .mfa-settings .method-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; } .mfa-settings .warning { color: orange; color: var(--cOrange, orange); } .mfa-settings .setup-otp { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mfa-settings .setup-otp .qr-code { -ms-flex: 1; flex: 1; padding-right: 10px; } .mfa-settings .setup-otp .verify { -ms-flex: 1; flex: 1; } .mfa-settings .setup-otp .error { margin: 4px 0 0 0; } .mfa-settings .setup-otp .confirm-otp-actions button { width: 15em; margin-top: 5px; } .image-cropper-img-input { display: none; } .image-cropper-image-container { position: relative; } .image-cropper-image-container img { display: block; max-width: 100%; } .image-cropper-buttons-wrapper { margin-top: 10px; } .image-cropper-buttons-wrapper button { margin-top: 5px; } .profile-tab .bio { margin: 0; } .profile-tab .visibility-tray { padding-top: 5px; } .profile-tab input[type=file] { padding: 5px; height: auto; } .profile-tab .banner-background-preview { max-width: 100%; width: 300px; position: relative; } .profile-tab .banner-background-preview img { width: 100%; } .profile-tab .uploading { font-size: 1.5em; margin: 0.25em; } .profile-tab .name-changer { width: 100%; } .profile-tab .current-avatar-container { position: relative; width: 150px; height: 150px; } .profile-tab .current-avatar { display: block; width: 100%; height: 100%; border-radius: 4px; border-radius: var(--avatarRadius, 4px); } .profile-tab .reset-button { position: absolute; top: 0.2em; right: 0.2em; border-radius: 5px; border-radius: var(--tooltipRadius, 5px); background-color: rgba(0, 0, 0, 0.6); opacity: 0.7; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; font-size: 1.5em; cursor: pointer; } .profile-tab .reset-button:hover { opacity: 1; } .profile-tab .reset-button svg { color: white; } .profile-tab .oauth-tokens { width: 100%; } .profile-tab .oauth-tokens th { text-align: left; } .profile-tab .oauth-tokens .actions { text-align: right; } .profile-tab-usersearch-wrapper { padding: 1em; } .profile-tab-bulk-actions { text-align: right; padding: 0 1em; min-height: 2em; } .profile-tab-bulk-actions button { width: 10em; } .profile-tab-domain-mute-form { padding: 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .profile-tab-domain-mute-form button { -ms-flex-item-align: end; align-self: flex-end; margin-top: 1em; width: 10em; } .profile-tab .setting-subitem { margin-left: 1.75em; } .profile-tab .profile-fields { display: -ms-flexbox; display: flex; } .profile-tab .profile-fields > .emoji-input { -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 0.2em 0.5em; min-width: 0; } .profile-tab .profile-fields .delete-field { width: 20px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin: 0 0.2em 0.5em; padding: 0 0.5em; } .color-input { display: -ms-inline-flexbox; display: inline-flex; } .color-input-field.input { display: -ms-inline-flexbox; display: inline-flex; -ms-flex: 0 0 0px; flex: 0 0 0; max-width: 9em; -ms-flex-align: stretch; align-items: stretch; padding: 0.2em 8px; } .color-input-field.input input { background: none; color: #b9b9ba; color: var(--inputText, #b9b9ba); border: none; padding: 0; margin: 0; } .color-input-field.input input.textColor { -ms-flex: 1 0 3em; flex: 1 0 3em; min-width: 3em; padding: 0; } .color-input-field.input input.nativeColor { -ms-flex: 0 0 2em; flex: 0 0 2em; min-width: 2em; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; height: 100%; } .color-input-field.input .computedIndicator, .color-input-field.input .transparentIndicator { -ms-flex: 0 0 2em; flex: 0 0 2em; min-width: 2em; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; height: 100%; } .color-input-field.input .transparentIndicator { background-color: #FF00FF; position: relative; } .color-input-field.input .transparentIndicator::before, .color-input-field.input .transparentIndicator::after { display: block; content: ""; background-color: #000000; position: absolute; height: 50%; width: 50%; } .color-input-field.input .transparentIndicator::after { top: 0; left: 0; } .color-input-field.input .transparentIndicator::before { bottom: 0; right: 0; } .color-input .label { -ms-flex: 1 1 auto; flex: 1 1 auto; } .color-control input.text-input { max-width: 7em; -ms-flex: 1; flex: 1; } .shadow-control { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: 1em; } .shadow-control .shadow-preview-container, .shadow-control .shadow-tweak { margin: 5px 6px 0 0; } .shadow-control .shadow-preview-container { -ms-flex: 0; flex: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shadow-control .shadow-preview-container input[type=number] { width: 5em; min-width: 2em; } .shadow-control .shadow-preview-container .x-shift-control, .shadow-control .shadow-preview-container .y-shift-control { display: -ms-flexbox; display: flex; -ms-flex: 0; flex: 0; } .shadow-control .shadow-preview-container .x-shift-control[disabled=disabled] *, .shadow-control .shadow-preview-container .y-shift-control[disabled=disabled] * { opacity: 0.5; } .shadow-control .shadow-preview-container .x-shift-control { -ms-flex-align: start; align-items: flex-start; } .shadow-control .shadow-preview-container .x-shift-control .wrap, .shadow-control .shadow-preview-container input[type=range] { margin: 0; width: 15em; height: 2em; } .shadow-control .shadow-preview-container .y-shift-control { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; } .shadow-control .shadow-preview-container .y-shift-control .wrap { width: 2em; height: 15em; } .shadow-control .shadow-preview-container .y-shift-control input[type=range] { transform-origin: 1em 1em; transform: rotate(90deg); } .shadow-control .shadow-preview-container .preview-window { -ms-flex: 1; flex: 1; background-color: #999999; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-image: linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0; border-radius: 4px; border-radius: var(--inputRadius, 4px); } .shadow-control .shadow-preview-container .preview-window .preview-block { width: 33%; height: 33%; background-color: #121a24; background-color: var(--bg, #121a24); border-radius: 10px; border-radius: var(--panelRadius, 10px); } .shadow-control .shadow-tweak { -ms-flex: 1; flex: 1; min-width: 280px; } .shadow-control .shadow-tweak .id-control { -ms-flex-align: stretch; align-items: stretch; } .shadow-control .shadow-tweak .id-control .shadow-switcher { -ms-flex: 1; flex: 1; } .shadow-control .shadow-tweak .id-control .shadow-switcher, .shadow-control .shadow-tweak .id-control .btn { min-width: 1px; margin-right: 5px; } .shadow-control .shadow-tweak .id-control .btn { padding: 0 0.4em; margin: 0 0.1em; } .font-control input.custom-font { min-width: 10em; } .font-control.custom { /* TODO Should make proper joiners... */ } .font-control.custom .font-switcher { border-top-right-radius: 0; border-bottom-right-radius: 0; } .font-control.custom .custom-font { border-top-left-radius: 0; border-bottom-left-radius: 0; } .contrast-ratio { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin-top: -4px; margin-bottom: 5px; } .contrast-ratio .label { margin-right: 1em; } .contrast-ratio .rating { display: inline-block; text-align: center; margin-left: 0.5em; } .preview-container { position: relative; } .underlay-preview { position: absolute; top: 0; bottom: 0; left: 10px; right: 10px; } .theme-tab { padding-bottom: 2em; } .theme-tab .theme-warning { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 0.5em; } .theme-tab .theme-warning .buttons .btn { margin-bottom: 0.5em; } .theme-tab .preset-switcher { margin-right: 1em; } .theme-tab .style-control { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 5px; } .theme-tab .style-control .label { -ms-flex: 1; flex: 1; } .theme-tab .style-control.disabled input, .theme-tab .style-control.disabled select { opacity: 0.5; } .theme-tab .style-control .opt { margin: 0.5em; } .theme-tab .style-control .color-input { -ms-flex: 0 0 0px; flex: 0 0 0; } .theme-tab .style-control input, .theme-tab .style-control select { min-width: 3em; margin: 0; -ms-flex: 0; flex: 0; } .theme-tab .style-control input[type=number], .theme-tab .style-control select[type=number] { min-width: 5em; } .theme-tab .style-control input[type=range], .theme-tab .style-control select[type=range] { -ms-flex: 1; flex: 1; min-width: 3em; -ms-flex-item-align: start; align-self: flex-start; } .theme-tab .reset-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-tab .fonts-container, .theme-tab .reset-container, .theme-tab .apply-container, .theme-tab .radius-container, .theme-tab .color-container { display: -ms-flexbox; display: flex; } .theme-tab .fonts-container, .theme-tab .radius-container { -ms-flex-direction: column; flex-direction: column; } .theme-tab .color-container { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .theme-tab .color-container > h4 { width: 99%; } .theme-tab .fonts-container, .theme-tab .color-container, .theme-tab .shadow-container, .theme-tab .radius-container, .theme-tab .presets-container { margin: 1em 1em 0; } .theme-tab .tab-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; width: 100%; min-height: 30px; margin-bottom: 1em; } .theme-tab .tab-header p { -ms-flex: 1; flex: 1; margin: 0; margin-right: 0.5em; } .theme-tab .tab-header-buttons { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .theme-tab .tab-header-buttons .btn { min-width: 1px; -ms-flex: 0 auto; flex: 0 auto; padding: 0 1em; margin-bottom: 0.5em; } .theme-tab .shadow-selector .override { -ms-flex: 1; flex: 1; margin-left: 0.5em; } .theme-tab .shadow-selector .select-container { margin-top: -4px; margin-bottom: -3px; } .theme-tab .save-load, .theme-tab .save-load-options { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-tab .save-load .presets, .theme-tab .save-load .import-export, .theme-tab .save-load-options .presets, .theme-tab .save-load-options .import-export { margin-bottom: 0.5em; } .theme-tab .save-load .import-export, .theme-tab .save-load-options .import-export { display: -ms-flexbox; display: flex; } .theme-tab .save-load .override, .theme-tab .save-load-options .override { margin-left: 0.5em; } .theme-tab .save-load-options { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.5em; -ms-flex-pack: center; justify-content: center; } .theme-tab .save-load-options .keep-option { margin: 0 0.5em 0.5em; min-width: 25%; } .theme-tab .preview-container { border-top: 1px dashed; border-bottom: 1px dashed; border-color: #222; border-color: var(--border, #222); margin: 1em 0; padding: 1em; background-color: var(--wallpaper); background-image: var(--body-background-image); background-size: cover; background-position: 50% 50%; } .theme-tab .preview-container .dummy .post { font-family: var(--postFont); display: -ms-flexbox; display: flex; } .theme-tab .preview-container .dummy .post .content { -ms-flex: 1; flex: 1; } .theme-tab .preview-container .dummy .post .content h4 { margin-bottom: 0.25em; } .theme-tab .preview-container .dummy .post .content .icons { margin-top: 0.5em; display: -ms-flexbox; display: flex; } .theme-tab .preview-container .dummy .post .content .icons i { margin-right: 1em; } .theme-tab .preview-container .dummy .after-post { margin-top: 1em; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .theme-tab .preview-container .dummy .avatar, .theme-tab .preview-container .dummy .avatar-alt { background: linear-gradient(135deg, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); color: black; font-family: sans-serif; text-align: center; margin-right: 1em; } .theme-tab .preview-container .dummy .avatar-alt { -ms-flex: 0 auto; flex: 0 auto; margin-left: 28px; font-size: 12px; min-width: 20px; min-height: 20px; line-height: 20px; border-radius: 10px; border-radius: var(--avatarAltRadius, 10px); } .theme-tab .preview-container .dummy .avatar { -ms-flex: 0 auto; flex: 0 auto; width: 48px; height: 48px; font-size: 14px; line-height: 48px; } .theme-tab .preview-container .dummy .actions { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; } .theme-tab .preview-container .dummy .actions .checkbox { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: baseline; align-items: baseline; margin-right: 1em; -ms-flex: 1; flex: 1; } .theme-tab .preview-container .dummy .separator { margin: 1em; border-bottom: 1px solid; border-color: #222; border-color: var(--border, #222); } .theme-tab .preview-container .dummy .btn { min-width: 3em; } .theme-tab .radius-item, .theme-tab .color-item { min-width: 20em; margin: 5px 6px 0 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 0px; flex: 1 1 0; } .theme-tab .radius-item.wide, .theme-tab .color-item.wide { min-width: 60%; } .theme-tab .radius-item:not(.wide):nth-child(2n+1), .theme-tab .color-item:not(.wide):nth-child(2n+1) { margin-right: 7px; } .theme-tab .radius-item .color, .theme-tab .radius-item .opacity, .theme-tab .color-item .color, .theme-tab .color-item .opacity { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; } .theme-tab .radius-item { -ms-flex-preferred-size: auto; flex-basis: auto; } .theme-tab .theme-radius-rn, .theme-tab .theme-color-cl { border: 0; box-shadow: none; background: transparent; color: var(--faint, rgba(185, 185, 186, 0.5)); -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .theme-tab .theme-color-cl, .theme-tab .theme-radius-in, .theme-tab .theme-color-in { margin-left: 4px; } .theme-tab .theme-radius-in { min-width: 1em; } .theme-tab .theme-radius-in { max-width: 7em; -ms-flex: 1; flex: 1; } .theme-tab .theme-radius-lb { max-width: 50em; } .theme-tab .theme-preview-content { padding: 20px; } .theme-tab .btn { margin-left: 0.25em; margin-right: 0.25em; } .extra-content .apply-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-positive: 1; flex-grow: 1; } .extra-content .apply-container .btn { -ms-flex-positive: 1; flex-grow: 1; min-height: 2em; min-width: 0; max-width: 10em; padding: 0; } .settings_tab-switcher { height: 100%; } .settings_tab-switcher .setting-item { border-bottom: 2px solid var(--fg, #182230); margin: 1em 1em 1.4em; padding-bottom: 1.4em; } .settings_tab-switcher .setting-item > div, .settings_tab-switcher .setting-item > label { display: block; margin-bottom: 0.5em; } .settings_tab-switcher .setting-item > div:last-child, .settings_tab-switcher .setting-item > label:last-child { margin-bottom: 0; } .settings_tab-switcher .setting-item .select-multiple { display: -ms-flexbox; display: flex; } .settings_tab-switcher .setting-item .select-multiple .option-list { margin: 0; padding-left: 0.5em; } .settings_tab-switcher .setting-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 1em; } .settings_tab-switcher .setting-item select { min-width: 10em; } .settings_tab-switcher .setting-item textarea { width: 100%; max-width: 100%; height: 100px; } .settings_tab-switcher .setting-item .unavailable, .settings_tab-switcher .setting-item .unavailable svg { color: var(--cRed, #ff0000); color: #ff0000; } .settings_tab-switcher .setting-item .number-input { max-width: 6em; } /*# sourceMappingURL=2.4e6541aa0979ab5fe8ab.css.map*/