diff --git a/priv/static/0.js b/priv/static/0.js new file mode 100644 index 000000000..c2322639e Binary files /dev/null and b/priv/static/0.js differ diff --git a/priv/static/1.js b/priv/static/1.js new file mode 100644 index 000000000..2957360ba Binary files /dev/null and b/priv/static/1.js differ diff --git a/priv/static/10.js b/priv/static/10.js new file mode 100644 index 000000000..7d6cf74ea Binary files /dev/null and b/priv/static/10.js differ diff --git a/priv/static/11.js b/priv/static/11.js new file mode 100644 index 000000000..7965e85ef Binary files /dev/null and b/priv/static/11.js differ diff --git a/priv/static/12.js b/priv/static/12.js new file mode 100644 index 000000000..2e6017a94 Binary files /dev/null and b/priv/static/12.js differ diff --git a/priv/static/13.js b/priv/static/13.js new file mode 100644 index 000000000..eb8b70de2 Binary files /dev/null and b/priv/static/13.js differ diff --git a/priv/static/14.js b/priv/static/14.js new file mode 100644 index 000000000..2a6c82e70 Binary files /dev/null and b/priv/static/14.js differ diff --git a/priv/static/15.js b/priv/static/15.js new file mode 100644 index 000000000..6533384de Binary files /dev/null and b/priv/static/15.js differ diff --git a/priv/static/16.js b/priv/static/16.js new file mode 100644 index 000000000..47d338f65 Binary files /dev/null and b/priv/static/16.js differ diff --git a/priv/static/17.js b/priv/static/17.js new file mode 100644 index 000000000..9ba53a893 Binary files /dev/null and b/priv/static/17.js differ diff --git a/priv/static/18.js b/priv/static/18.js new file mode 100644 index 000000000..3a2f736a4 Binary files /dev/null and b/priv/static/18.js differ diff --git a/priv/static/19.js b/priv/static/19.js new file mode 100644 index 000000000..137de65dd Binary files /dev/null and b/priv/static/19.js differ diff --git a/priv/static/2.js b/priv/static/2.js new file mode 100644 index 000000000..0e112beb6 Binary files /dev/null and b/priv/static/2.js differ diff --git a/priv/static/20.js b/priv/static/20.js new file mode 100644 index 000000000..6e0ce9fe9 Binary files /dev/null and b/priv/static/20.js differ diff --git a/priv/static/21.js b/priv/static/21.js new file mode 100644 index 000000000..925b1ac4e Binary files /dev/null and b/priv/static/21.js differ diff --git a/priv/static/22.js b/priv/static/22.js new file mode 100644 index 000000000..f77d7ced2 Binary files /dev/null and b/priv/static/22.js differ diff --git a/priv/static/23.js b/priv/static/23.js new file mode 100644 index 000000000..9652ab939 Binary files /dev/null and b/priv/static/23.js differ diff --git a/priv/static/24.js b/priv/static/24.js new file mode 100644 index 000000000..98fcb2fff Binary files /dev/null and b/priv/static/24.js differ diff --git a/priv/static/25.js b/priv/static/25.js new file mode 100644 index 000000000..332ddf7ec Binary files /dev/null and b/priv/static/25.js differ diff --git a/priv/static/26.js b/priv/static/26.js new file mode 100644 index 000000000..a66cf56f1 Binary files /dev/null and b/priv/static/26.js differ diff --git a/priv/static/27.js b/priv/static/27.js new file mode 100644 index 000000000..c0b0bc4d4 Binary files /dev/null and b/priv/static/27.js differ diff --git a/priv/static/28.js b/priv/static/28.js new file mode 100644 index 000000000..d3630229f Binary files /dev/null and b/priv/static/28.js differ diff --git a/priv/static/29.js b/priv/static/29.js new file mode 100644 index 000000000..08eeb58a1 Binary files /dev/null and b/priv/static/29.js differ diff --git a/priv/static/3.js b/priv/static/3.js new file mode 100644 index 000000000..b5a041b98 Binary files /dev/null and b/priv/static/3.js differ diff --git a/priv/static/30.js b/priv/static/30.js new file mode 100644 index 000000000..be865355d Binary files /dev/null and b/priv/static/30.js differ diff --git a/priv/static/4.js b/priv/static/4.js new file mode 100644 index 000000000..76c89ef3c Binary files /dev/null and b/priv/static/4.js differ diff --git a/priv/static/5.js b/priv/static/5.js new file mode 100644 index 000000000..7afb7cffc Binary files /dev/null and b/priv/static/5.js differ diff --git a/priv/static/6.js b/priv/static/6.js new file mode 100644 index 000000000..e31da14b4 Binary files /dev/null and b/priv/static/6.js differ diff --git a/priv/static/7.js b/priv/static/7.js new file mode 100644 index 000000000..489d17455 Binary files /dev/null and b/priv/static/7.js differ diff --git a/priv/static/8.js b/priv/static/8.js new file mode 100644 index 000000000..f14e6c999 Binary files /dev/null and b/priv/static/8.js differ diff --git a/priv/static/9.js b/priv/static/9.js new file mode 100644 index 000000000..5427c0c6f Binary files /dev/null and b/priv/static/9.js differ diff --git a/priv/static/app.js b/priv/static/app.js new file mode 100644 index 000000000..d708fc5d8 Binary files /dev/null and b/priv/static/app.js differ diff --git a/priv/static/index.html b/priv/static/index.html index 257d1da7b..e00ef9c18 100644 --- a/priv/static/index.html +++ b/priv/static/index.html @@ -1 +1 @@ -Pleroma
\ No newline at end of file +Pleroma
\ No newline at end of file diff --git a/priv/static/static/css/2.0778a6a864a1307a6c41.css b/priv/static/static/css/2.0778a6a864a1307a6c41.css deleted file mode 100644 index a33585ef1..000000000 --- a/priv/static/static/css/2.0778a6a864a1307a6c41.css +++ /dev/null @@ -1,9 +0,0 @@ -.with-subscription-loading { - padding: 10px; - text-align: center; -} -.with-subscription-loading .error { - font-size: 14px; -} - -/*# sourceMappingURL=2.0778a6a864a1307a6c41.css.map*/ \ No newline at end of file diff --git a/priv/static/static/css/2.0778a6a864a1307a6c41.css.map b/priv/static/static/css/2.0778a6a864a1307a6c41.css.map deleted file mode 100644 index 28cd8ba54..000000000 --- a/priv/static/static/css/2.0778a6a864a1307a6c41.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack:///./src/hocs/with_subscription/with_subscription.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,C","file":"static/css/2.0778a6a864a1307a6c41.css","sourcesContent":[".with-subscription-loading {\n padding: 10px;\n text-align: center;\n}\n.with-subscription-loading .error {\n font-size: 14px;\n}"],"sourceRoot":""} \ No newline at end of file diff --git a/priv/static/static/css/2.4e6541aa0979ab5fe8ab.css b/priv/static/static/css/2.4e6541aa0979ab5fe8ab.css new file mode 100644 index 000000000..4ce7cbc20 --- /dev/null +++ b/priv/static/static/css/2.4e6541aa0979ab5fe8ab.css @@ -0,0 +1,936 @@ +.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*/ \ No newline at end of file diff --git a/priv/static/static/css/2.4e6541aa0979ab5fe8ab.css.map b/priv/static/static/css/2.4e6541aa0979ab5fe8ab.css.map new file mode 100644 index 000000000..475bf50a3 --- /dev/null +++ b/priv/static/static/css/2.4e6541aa0979ab5fe8ab.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./src/components/importer/importer.vue?0858","webpack:///./src/components/exporter/exporter.vue?47c3","webpack:///./src/components/autosuggest/autosuggest.vue?4a16","webpack:///./src/components/block_card/block_card.vue?94f5","webpack:///./src/components/mute_card/mute_card.vue?35f4","webpack:///./src/components/domain_mute_card/domain_mute_card.vue?24ef","webpack:///./src/components/selectable_list/selectable_list.vue?7599","webpack:///./src/hocs/with_subscription/with_subscription.scss","webpack:///./src/components/settings_modal/tabs/mutes_and_blocks_tab.scss","webpack:///./src/components/settings_modal/helpers/modified_indicator.vue?8f00","webpack:///./src/components/settings_modal/helpers/server_side_indicator.vue?cf23","webpack:///./src/components/settings_modal/tabs/security_tab/mfa_backup_codes.vue?4071","webpack:///./src/components/settings_modal/tabs/security_tab/mfa.vue?7b55","webpack:///./src/components/image_cropper/image_cropper.vue?169c","webpack:///./src/components/settings_modal/tabs/profile_tab.scss","webpack:///./src/components/color_input/color_input.scss","webpack:///./src/components/color_input/color_input.vue?f55d","webpack:///./src/components/shadow_control/shadow_control.vue?3e05","webpack:///./src/components/font_control/font_control.vue?d344","webpack:///./src/components/contrast_ratio/contrast_ratio.vue?e09f","webpack:///./src/components/settings_modal/tabs/theme_tab/preview.vue?b4e5","webpack:///./src/components/settings_modal/tabs/theme_tab/theme_tab.scss","webpack:///./src/components/settings_modal/settings_modal_content.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA,C;ACHA;AACA;AACA,C;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC3BA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACNA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;;ACRA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACfA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC/GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtEA;AACA;AACA;AACA;AACA,C;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACxGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACfA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC5UA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C","file":"static/css/2.4e6541aa0979ab5fe8ab.css","sourcesContent":[".importer-uploading {\n font-size: 1.5em;\n margin: 0.25em;\n}",".exporter-processing {\n margin: 0.25em;\n}",".autosuggest {\n position: relative;\n}\n.autosuggest-input {\n display: block;\n width: 100%;\n}\n.autosuggest-results {\n position: absolute;\n left: 0;\n top: 100%;\n right: 0;\n max-height: 400px;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n border-style: solid;\n border-width: 1px;\n border-color: #222;\n border-color: var(--border, #222);\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n overflow-y: auto;\n z-index: 1;\n}",".block-card-content-container {\n margin-top: 0.5em;\n text-align: right;\n}\n.block-card-content-container button {\n width: 10em;\n}",".mute-card-content-container {\n margin-top: 0.5em;\n text-align: right;\n}\n.mute-card-content-container button {\n width: 10em;\n}",".domain-mute-card {\n -ms-flex: 1 0;\n flex: 1 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.6em 1em 0.6em 0;\n}\n.domain-mute-card-domain {\n margin-right: 1em;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.domain-mute-card button {\n width: 10em;\n}\n.autosuggest-results .domain-mute-card {\n padding-left: 1em;\n}",".selectable-list-item-inner {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.selectable-list-item-inner > * {\n min-width: 0;\n}\n.selectable-list-item-selected-inner {\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: var(--selectedMenuText, #b9b9ba);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.selectable-list-header {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.6em 0;\n border-bottom: 2px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.selectable-list-header-actions {\n -ms-flex: 1;\n flex: 1;\n}\n.selectable-list-checkbox-wrapper {\n padding: 0 10px;\n -ms-flex: none;\n flex: none;\n}",".with-subscription-loading {\n padding: 10px;\n text-align: center;\n}\n.with-subscription-loading .error {\n font-size: 1rem;\n}",".mutes-and-blocks-tab {\n height: 100%;\n}\n.mutes-and-blocks-tab .usersearch-wrapper {\n padding: 1em;\n}\n.mutes-and-blocks-tab .bulk-actions {\n text-align: right;\n padding: 0 1em;\n min-height: 2em;\n}\n.mutes-and-blocks-tab .bulk-action-button {\n width: 10em;\n}\n.mutes-and-blocks-tab .domain-mute-form {\n padding: 1em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.mutes-and-blocks-tab .domain-mute-button {\n -ms-flex-item-align: end;\n align-self: flex-end;\n margin-top: 1em;\n width: 10em;\n}",".ModifiedIndicator {\n display: inline-block;\n position: relative;\n}\n.ModifiedIndicator .modified-tooltip {\n margin: 0.5em 1em;\n min-width: 10em;\n text-align: center;\n}",".ServerSideIndicator {\n display: inline-block;\n position: relative;\n}\n.ServerSideIndicator .serverside-tooltip {\n margin: 0.5em 1em;\n min-width: 10em;\n text-align: center;\n}",".mfa-backup-codes .warning {\n color: orange;\n color: var(--cOrange, orange);\n}\n.mfa-backup-codes .backup-codes {\n font-family: var(--postCodeFont, monospace);\n}",".mfa-settings .mfa-heading, .mfa-settings .method-item {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.mfa-settings .warning {\n color: orange;\n color: var(--cOrange, orange);\n}\n.mfa-settings .setup-otp {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.mfa-settings .setup-otp .qr-code {\n -ms-flex: 1;\n flex: 1;\n padding-right: 10px;\n}\n.mfa-settings .setup-otp .verify {\n -ms-flex: 1;\n flex: 1;\n}\n.mfa-settings .setup-otp .error {\n margin: 4px 0 0 0;\n}\n.mfa-settings .setup-otp .confirm-otp-actions button {\n width: 15em;\n margin-top: 5px;\n}",".image-cropper-img-input {\n display: none;\n}\n.image-cropper-image-container {\n position: relative;\n}\n.image-cropper-image-container img {\n display: block;\n max-width: 100%;\n}\n.image-cropper-buttons-wrapper {\n margin-top: 10px;\n}\n.image-cropper-buttons-wrapper button {\n margin-top: 5px;\n}",".profile-tab .bio {\n margin: 0;\n}\n.profile-tab .visibility-tray {\n padding-top: 5px;\n}\n.profile-tab input[type=file] {\n padding: 5px;\n height: auto;\n}\n.profile-tab .banner-background-preview {\n max-width: 100%;\n width: 300px;\n position: relative;\n}\n.profile-tab .banner-background-preview img {\n width: 100%;\n}\n.profile-tab .uploading {\n font-size: 1.5em;\n margin: 0.25em;\n}\n.profile-tab .name-changer {\n width: 100%;\n}\n.profile-tab .current-avatar-container {\n position: relative;\n width: 150px;\n height: 150px;\n}\n.profile-tab .current-avatar {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n}\n.profile-tab .reset-button {\n position: absolute;\n top: 0.2em;\n right: 0.2em;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n background-color: rgba(0, 0, 0, 0.6);\n opacity: 0.7;\n width: 1.5em;\n height: 1.5em;\n text-align: center;\n line-height: 1.5em;\n font-size: 1.5em;\n cursor: pointer;\n}\n.profile-tab .reset-button:hover {\n opacity: 1;\n}\n.profile-tab .reset-button svg {\n color: white;\n}\n.profile-tab .oauth-tokens {\n width: 100%;\n}\n.profile-tab .oauth-tokens th {\n text-align: left;\n}\n.profile-tab .oauth-tokens .actions {\n text-align: right;\n}\n.profile-tab-usersearch-wrapper {\n padding: 1em;\n}\n.profile-tab-bulk-actions {\n text-align: right;\n padding: 0 1em;\n min-height: 2em;\n}\n.profile-tab-bulk-actions button {\n width: 10em;\n}\n.profile-tab-domain-mute-form {\n padding: 1em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.profile-tab-domain-mute-form button {\n -ms-flex-item-align: end;\n align-self: flex-end;\n margin-top: 1em;\n width: 10em;\n}\n.profile-tab .setting-subitem {\n margin-left: 1.75em;\n}\n.profile-tab .profile-fields {\n display: -ms-flexbox;\n display: flex;\n}\n.profile-tab .profile-fields > .emoji-input {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n margin: 0 0.2em 0.5em;\n min-width: 0;\n}\n.profile-tab .profile-fields .delete-field {\n width: 20px;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n margin: 0 0.2em 0.5em;\n padding: 0 0.5em;\n}",".color-input {\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n.color-input-field.input {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex: 0 0 0px;\n flex: 0 0 0;\n max-width: 9em;\n -ms-flex-align: stretch;\n align-items: stretch;\n padding: 0.2em 8px;\n}\n.color-input-field.input input {\n background: none;\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n border: none;\n padding: 0;\n margin: 0;\n}\n.color-input-field.input input.textColor {\n -ms-flex: 1 0 3em;\n flex: 1 0 3em;\n min-width: 3em;\n padding: 0;\n}\n.color-input-field.input input.nativeColor {\n -ms-flex: 0 0 2em;\n flex: 0 0 2em;\n min-width: 2em;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n height: 100%;\n}\n.color-input-field.input .computedIndicator,\n.color-input-field.input .transparentIndicator {\n -ms-flex: 0 0 2em;\n flex: 0 0 2em;\n min-width: 2em;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n height: 100%;\n}\n.color-input-field.input .transparentIndicator {\n background-color: #FF00FF;\n position: relative;\n}\n.color-input-field.input .transparentIndicator::before, .color-input-field.input .transparentIndicator::after {\n display: block;\n content: \"\";\n background-color: #000000;\n position: absolute;\n height: 50%;\n width: 50%;\n}\n.color-input-field.input .transparentIndicator::after {\n top: 0;\n left: 0;\n}\n.color-input-field.input .transparentIndicator::before {\n bottom: 0;\n right: 0;\n}\n.color-input .label {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}",".color-control input.text-input {\n max-width: 7em;\n -ms-flex: 1;\n flex: 1;\n}",".shadow-control {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: center;\n justify-content: center;\n margin-bottom: 1em;\n}\n.shadow-control .shadow-preview-container,\n.shadow-control .shadow-tweak {\n margin: 5px 6px 0 0;\n}\n.shadow-control .shadow-preview-container {\n -ms-flex: 0;\n flex: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.shadow-control .shadow-preview-container input[type=number] {\n width: 5em;\n min-width: 2em;\n}\n.shadow-control .shadow-preview-container .x-shift-control,\n.shadow-control .shadow-preview-container .y-shift-control {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 0;\n flex: 0;\n}\n.shadow-control .shadow-preview-container .x-shift-control[disabled=disabled] *,\n.shadow-control .shadow-preview-container .y-shift-control[disabled=disabled] * {\n opacity: 0.5;\n}\n.shadow-control .shadow-preview-container .x-shift-control {\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.shadow-control .shadow-preview-container .x-shift-control .wrap,\n.shadow-control .shadow-preview-container input[type=range] {\n margin: 0;\n width: 15em;\n height: 2em;\n}\n.shadow-control .shadow-preview-container .y-shift-control {\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.shadow-control .shadow-preview-container .y-shift-control .wrap {\n width: 2em;\n height: 15em;\n}\n.shadow-control .shadow-preview-container .y-shift-control input[type=range] {\n transform-origin: 1em 1em;\n transform: rotate(90deg);\n}\n.shadow-control .shadow-preview-container .preview-window {\n -ms-flex: 1;\n flex: 1;\n background-color: #999999;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n 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%);\n background-size: 20px 20px;\n background-position: 0 0, 0 10px, 10px -10px, -10px 0;\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n}\n.shadow-control .shadow-preview-container .preview-window .preview-block {\n width: 33%;\n height: 33%;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.shadow-control .shadow-tweak {\n -ms-flex: 1;\n flex: 1;\n min-width: 280px;\n}\n.shadow-control .shadow-tweak .id-control {\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.shadow-control .shadow-tweak .id-control .shadow-switcher {\n -ms-flex: 1;\n flex: 1;\n}\n.shadow-control .shadow-tweak .id-control .shadow-switcher, .shadow-control .shadow-tweak .id-control .btn {\n min-width: 1px;\n margin-right: 5px;\n}\n.shadow-control .shadow-tweak .id-control .btn {\n padding: 0 0.4em;\n margin: 0 0.1em;\n}",".font-control input.custom-font {\n min-width: 10em;\n}\n.font-control.custom {\n /* TODO Should make proper joiners... */\n}\n.font-control.custom .font-switcher {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.font-control.custom .custom-font {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}",".contrast-ratio {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: end;\n justify-content: flex-end;\n margin-top: -4px;\n margin-bottom: 5px;\n}\n.contrast-ratio .label {\n margin-right: 1em;\n}\n.contrast-ratio .rating {\n display: inline-block;\n text-align: center;\n margin-left: 0.5em;\n}",".preview-container {\n position: relative;\n}\n.underlay-preview {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 10px;\n right: 10px;\n}",".theme-tab {\n padding-bottom: 2em;\n}\n.theme-tab .theme-warning {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n margin-bottom: 0.5em;\n}\n.theme-tab .theme-warning .buttons .btn {\n margin-bottom: 0.5em;\n}\n.theme-tab .preset-switcher {\n margin-right: 1em;\n}\n.theme-tab .style-control {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n margin-bottom: 5px;\n}\n.theme-tab .style-control .label {\n -ms-flex: 1;\n flex: 1;\n}\n.theme-tab .style-control.disabled input, .theme-tab .style-control.disabled select {\n opacity: 0.5;\n}\n.theme-tab .style-control .opt {\n margin: 0.5em;\n}\n.theme-tab .style-control .color-input {\n -ms-flex: 0 0 0px;\n flex: 0 0 0;\n}\n.theme-tab .style-control input, .theme-tab .style-control select {\n min-width: 3em;\n margin: 0;\n -ms-flex: 0;\n flex: 0;\n}\n.theme-tab .style-control input[type=number], .theme-tab .style-control select[type=number] {\n min-width: 5em;\n}\n.theme-tab .style-control input[type=range], .theme-tab .style-control select[type=range] {\n -ms-flex: 1;\n flex: 1;\n min-width: 3em;\n -ms-flex-item-align: start;\n align-self: flex-start;\n}\n.theme-tab .reset-container {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.theme-tab .fonts-container,\n.theme-tab .reset-container,\n.theme-tab .apply-container,\n.theme-tab .radius-container,\n.theme-tab .color-container {\n display: -ms-flexbox;\n display: flex;\n}\n.theme-tab .fonts-container,\n.theme-tab .radius-container {\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.theme-tab .color-container {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.theme-tab .color-container > h4 {\n width: 99%;\n}\n.theme-tab .fonts-container,\n.theme-tab .color-container,\n.theme-tab .shadow-container,\n.theme-tab .radius-container,\n.theme-tab .presets-container {\n margin: 1em 1em 0;\n}\n.theme-tab .tab-header {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: baseline;\n align-items: baseline;\n width: 100%;\n min-height: 30px;\n margin-bottom: 1em;\n}\n.theme-tab .tab-header p {\n -ms-flex: 1;\n flex: 1;\n margin: 0;\n margin-right: 0.5em;\n}\n.theme-tab .tab-header-buttons {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.theme-tab .tab-header-buttons .btn {\n min-width: 1px;\n -ms-flex: 0 auto;\n flex: 0 auto;\n padding: 0 1em;\n margin-bottom: 0.5em;\n}\n.theme-tab .shadow-selector .override {\n -ms-flex: 1;\n flex: 1;\n margin-left: 0.5em;\n}\n.theme-tab .shadow-selector .select-container {\n margin-top: -4px;\n margin-bottom: -3px;\n}\n.theme-tab .save-load,\n.theme-tab .save-load-options {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: baseline;\n align-items: baseline;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.theme-tab .save-load .presets,\n.theme-tab .save-load .import-export,\n.theme-tab .save-load-options .presets,\n.theme-tab .save-load-options .import-export {\n margin-bottom: 0.5em;\n}\n.theme-tab .save-load .import-export,\n.theme-tab .save-load-options .import-export {\n display: -ms-flexbox;\n display: flex;\n}\n.theme-tab .save-load .override,\n.theme-tab .save-load-options .override {\n margin-left: 0.5em;\n}\n.theme-tab .save-load-options {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-top: 0.5em;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.theme-tab .save-load-options .keep-option {\n margin: 0 0.5em 0.5em;\n min-width: 25%;\n}\n.theme-tab .preview-container {\n border-top: 1px dashed;\n border-bottom: 1px dashed;\n border-color: #222;\n border-color: var(--border, #222);\n margin: 1em 0;\n padding: 1em;\n background-color: var(--wallpaper);\n background-image: var(--body-background-image);\n background-size: cover;\n background-position: 50% 50%;\n}\n.theme-tab .preview-container .dummy .post {\n font-family: var(--postFont);\n display: -ms-flexbox;\n display: flex;\n}\n.theme-tab .preview-container .dummy .post .content {\n -ms-flex: 1;\n flex: 1;\n}\n.theme-tab .preview-container .dummy .post .content h4 {\n margin-bottom: 0.25em;\n}\n.theme-tab .preview-container .dummy .post .content .icons {\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n}\n.theme-tab .preview-container .dummy .post .content .icons i {\n margin-right: 1em;\n}\n.theme-tab .preview-container .dummy .after-post {\n margin-top: 1em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.theme-tab .preview-container .dummy .avatar, .theme-tab .preview-container .dummy .avatar-alt {\n background: linear-gradient(135deg, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);\n color: black;\n font-family: sans-serif;\n text-align: center;\n margin-right: 1em;\n}\n.theme-tab .preview-container .dummy .avatar-alt {\n -ms-flex: 0 auto;\n flex: 0 auto;\n margin-left: 28px;\n font-size: 12px;\n min-width: 20px;\n min-height: 20px;\n line-height: 20px;\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.theme-tab .preview-container .dummy .avatar {\n -ms-flex: 0 auto;\n flex: 0 auto;\n width: 48px;\n height: 48px;\n font-size: 14px;\n line-height: 48px;\n}\n.theme-tab .preview-container .dummy .actions {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.theme-tab .preview-container .dummy .actions .checkbox {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n margin-right: 1em;\n -ms-flex: 1;\n flex: 1;\n}\n.theme-tab .preview-container .dummy .separator {\n margin: 1em;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.theme-tab .preview-container .dummy .btn {\n min-width: 3em;\n}\n.theme-tab .radius-item,\n.theme-tab .color-item {\n min-width: 20em;\n margin: 5px 6px 0 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n}\n.theme-tab .radius-item.wide,\n.theme-tab .color-item.wide {\n min-width: 60%;\n}\n.theme-tab .radius-item:not(.wide):nth-child(2n+1),\n.theme-tab .color-item:not(.wide):nth-child(2n+1) {\n margin-right: 7px;\n}\n.theme-tab .radius-item .color, .theme-tab .radius-item .opacity,\n.theme-tab .color-item .color,\n.theme-tab .color-item .opacity {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.theme-tab .radius-item {\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n}\n.theme-tab .theme-radius-rn,\n.theme-tab .theme-color-cl {\n border: 0;\n box-shadow: none;\n background: transparent;\n color: var(--faint, rgba(185, 185, 186, 0.5));\n -ms-flex-item-align: stretch;\n -ms-grid-row-align: stretch;\n align-self: stretch;\n}\n.theme-tab .theme-color-cl,\n.theme-tab .theme-radius-in,\n.theme-tab .theme-color-in {\n margin-left: 4px;\n}\n.theme-tab .theme-radius-in {\n min-width: 1em;\n}\n.theme-tab .theme-radius-in {\n max-width: 7em;\n -ms-flex: 1;\n flex: 1;\n}\n.theme-tab .theme-radius-lb {\n max-width: 50em;\n}\n.theme-tab .theme-preview-content {\n padding: 20px;\n}\n.theme-tab .btn {\n margin-left: 0.25em;\n margin-right: 0.25em;\n}\n.extra-content .apply-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.extra-content .apply-container .btn {\n -ms-flex-positive: 1;\n flex-grow: 1;\n min-height: 2em;\n min-width: 0;\n max-width: 10em;\n padding: 0;\n}",".settings_tab-switcher {\n height: 100%;\n}\n.settings_tab-switcher .setting-item {\n border-bottom: 2px solid var(--fg, #182230);\n margin: 1em 1em 1.4em;\n padding-bottom: 1.4em;\n}\n.settings_tab-switcher .setting-item > div,\n.settings_tab-switcher .setting-item > label {\n display: block;\n margin-bottom: 0.5em;\n}\n.settings_tab-switcher .setting-item > div:last-child,\n.settings_tab-switcher .setting-item > label:last-child {\n margin-bottom: 0;\n}\n.settings_tab-switcher .setting-item .select-multiple {\n display: -ms-flexbox;\n display: flex;\n}\n.settings_tab-switcher .setting-item .select-multiple .option-list {\n margin: 0;\n padding-left: 0.5em;\n}\n.settings_tab-switcher .setting-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 1em;\n}\n.settings_tab-switcher .setting-item select {\n min-width: 10em;\n}\n.settings_tab-switcher .setting-item textarea {\n width: 100%;\n max-width: 100%;\n height: 100px;\n}\n.settings_tab-switcher .setting-item .unavailable,\n.settings_tab-switcher .setting-item .unavailable svg {\n color: var(--cRed, #ff0000);\n color: #ff0000;\n}\n.settings_tab-switcher .setting-item .number-input {\n max-width: 6em;\n}"],"sourceRoot":""} \ No newline at end of file diff --git a/priv/static/static/css/3.b2603a50868c68a1c192.css b/priv/static/static/css/3.2f4099421df47087d7d1.css similarity index 92% rename from priv/static/static/css/3.b2603a50868c68a1c192.css rename to priv/static/static/css/3.2f4099421df47087d7d1.css index 4cec5785b..905a529a6 100644 --- a/priv/static/static/css/3.b2603a50868c68a1c192.css +++ b/priv/static/static/css/3.2f4099421df47087d7d1.css @@ -1,11 +1,11 @@ /*! - * Cropper.js v1.4.3 + * Cropper.js v1.5.12 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * - * Date: 2018-10-24T13:07:11.429Z + * Date: 2021-06-12T08:00:11.623Z */ .cropper-container { @@ -56,14 +56,14 @@ .cropper-drag-box { .cropper-modal { background-color: #000; - opacity: .5; + opacity: 0.5; } .cropper-view-box { display: block; height: 100%; - outline-color: rgba(51, 153, 255, 0.75); outline: 1px solid #39f; + outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } @@ -71,7 +71,7 @@ .cropper-view-box { .cropper-dashed { border: 0 dashed #eee; display: block; - opacity: .5; + opacity: 0.5; position: absolute; } @@ -97,28 +97,28 @@ .cropper-center { display: block; height: 0; left: 50%; - opacity: .75; + opacity: 0.75; position: absolute; top: 50%; width: 0; } -.cropper-center:before, -.cropper-center:after { +.cropper-center::before, +.cropper-center::after { background-color: #eee; content: ' '; display: block; position: absolute; } -.cropper-center:before { +.cropper-center::before { height: 1px; left: -3px; top: 0; width: 7px; } -.cropper-center:after { +.cropper-center::after { height: 7px; left: 0; top: -3px; @@ -130,7 +130,7 @@ .cropper-line, .cropper-point { display: block; height: 100%; - opacity: .1; + opacity: 0.1; position: absolute; width: 100%; } @@ -176,7 +176,7 @@ .cropper-line.line-s { .cropper-point { background-color: #39f; height: 5px; - opacity: .75; + opacity: 0.75; width: 5px; } @@ -252,12 +252,12 @@ @media (min-width: 992px) { @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; - opacity: .75; + opacity: 0.75; width: 5px; } } -.cropper-point.point-se:before { +.cropper-point.point-se::before { background-color: #39f; bottom: -50%; content: ' '; @@ -304,4 +304,4 @@ .cropper-disabled .cropper-point { } -/*# sourceMappingURL=3.b2603a50868c68a1c192.css.map*/ \ No newline at end of file +/*# sourceMappingURL=3.2f4099421df47087d7d1.css.map*/ \ No newline at end of file diff --git a/priv/static/static/css/3.2f4099421df47087d7d1.css.map b/priv/static/static/css/3.2f4099421df47087d7d1.css.map new file mode 100644 index 000000000..b43861282 --- /dev/null +++ b/priv/static/static/css/3.2f4099421df47087d7d1.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./node_modules/cropperjs/dist/cropper.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,wCAAwC;AACxC;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"static/css/3.2f4099421df47087d7d1.css","sourcesContent":["/*!\n * Cropper.js v1.5.12\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2021-06-12T08:00:11.623Z\n */\n\n.cropper-container {\n direction: ltr;\n font-size: 0;\n line-height: 0;\n position: relative;\n -ms-touch-action: none;\n touch-action: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.cropper-container img {\n display: block;\n height: 100%;\n image-orientation: 0deg;\n max-height: none !important;\n max-width: none !important;\n min-height: 0 !important;\n min-width: 0 !important;\n width: 100%;\n}\n\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.cropper-wrap-box,\n.cropper-canvas {\n overflow: hidden;\n}\n\n.cropper-drag-box {\n background-color: #fff;\n opacity: 0;\n}\n\n.cropper-modal {\n background-color: #000;\n opacity: 0.5;\n}\n\n.cropper-view-box {\n display: block;\n height: 100%;\n outline: 1px solid #39f;\n outline-color: rgba(51, 153, 255, 0.75);\n overflow: hidden;\n width: 100%;\n}\n\n.cropper-dashed {\n border: 0 dashed #eee;\n display: block;\n opacity: 0.5;\n position: absolute;\n}\n\n.cropper-dashed.dashed-h {\n border-bottom-width: 1px;\n border-top-width: 1px;\n height: calc(100% / 3);\n left: 0;\n top: calc(100% / 3);\n width: 100%;\n}\n\n.cropper-dashed.dashed-v {\n border-left-width: 1px;\n border-right-width: 1px;\n height: 100%;\n left: calc(100% / 3);\n top: 0;\n width: calc(100% / 3);\n}\n\n.cropper-center {\n display: block;\n height: 0;\n left: 50%;\n opacity: 0.75;\n position: absolute;\n top: 50%;\n width: 0;\n}\n\n.cropper-center::before,\n.cropper-center::after {\n background-color: #eee;\n content: ' ';\n display: block;\n position: absolute;\n}\n\n.cropper-center::before {\n height: 1px;\n left: -3px;\n top: 0;\n width: 7px;\n}\n\n.cropper-center::after {\n height: 7px;\n left: 0;\n top: -3px;\n width: 1px;\n}\n\n.cropper-face,\n.cropper-line,\n.cropper-point {\n display: block;\n height: 100%;\n opacity: 0.1;\n position: absolute;\n width: 100%;\n}\n\n.cropper-face {\n background-color: #fff;\n left: 0;\n top: 0;\n}\n\n.cropper-line {\n background-color: #39f;\n}\n\n.cropper-line.line-e {\n cursor: ew-resize;\n right: -3px;\n top: 0;\n width: 5px;\n}\n\n.cropper-line.line-n {\n cursor: ns-resize;\n height: 5px;\n left: 0;\n top: -3px;\n}\n\n.cropper-line.line-w {\n cursor: ew-resize;\n left: -3px;\n top: 0;\n width: 5px;\n}\n\n.cropper-line.line-s {\n bottom: -3px;\n cursor: ns-resize;\n height: 5px;\n left: 0;\n}\n\n.cropper-point {\n background-color: #39f;\n height: 5px;\n opacity: 0.75;\n width: 5px;\n}\n\n.cropper-point.point-e {\n cursor: ew-resize;\n margin-top: -3px;\n right: -3px;\n top: 50%;\n}\n\n.cropper-point.point-n {\n cursor: ns-resize;\n left: 50%;\n margin-left: -3px;\n top: -3px;\n}\n\n.cropper-point.point-w {\n cursor: ew-resize;\n left: -3px;\n margin-top: -3px;\n top: 50%;\n}\n\n.cropper-point.point-s {\n bottom: -3px;\n cursor: s-resize;\n left: 50%;\n margin-left: -3px;\n}\n\n.cropper-point.point-ne {\n cursor: nesw-resize;\n right: -3px;\n top: -3px;\n}\n\n.cropper-point.point-nw {\n cursor: nwse-resize;\n left: -3px;\n top: -3px;\n}\n\n.cropper-point.point-sw {\n bottom: -3px;\n cursor: nesw-resize;\n left: -3px;\n}\n\n.cropper-point.point-se {\n bottom: -3px;\n cursor: nwse-resize;\n height: 20px;\n opacity: 1;\n right: -3px;\n width: 20px;\n}\n\n@media (min-width: 768px) {\n .cropper-point.point-se {\n height: 15px;\n width: 15px;\n }\n}\n\n@media (min-width: 992px) {\n .cropper-point.point-se {\n height: 10px;\n width: 10px;\n }\n}\n\n@media (min-width: 1200px) {\n .cropper-point.point-se {\n height: 5px;\n opacity: 0.75;\n width: 5px;\n }\n}\n\n.cropper-point.point-se::before {\n background-color: #39f;\n bottom: -50%;\n content: ' ';\n display: block;\n height: 200%;\n opacity: 0;\n position: absolute;\n right: -50%;\n width: 200%;\n}\n\n.cropper-invisible {\n opacity: 0;\n}\n\n.cropper-bg {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\n}\n\n.cropper-hide {\n display: block;\n height: 0;\n position: absolute;\n width: 0;\n}\n\n.cropper-hidden {\n display: none !important;\n}\n\n.cropper-move {\n cursor: move;\n}\n\n.cropper-crop {\n cursor: crosshair;\n}\n\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n cursor: not-allowed;\n}\n"],"sourceRoot":""} \ No newline at end of file diff --git a/priv/static/static/css/3.b2603a50868c68a1c192.css.map b/priv/static/static/css/3.b2603a50868c68a1c192.css.map deleted file mode 100644 index 805e7dc04..000000000 --- a/priv/static/static/css/3.b2603a50868c68a1c192.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack:///./node_modules/cropperjs/dist/cropper.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,wCAAwC;AACxC;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"static/css/3.b2603a50868c68a1c192.css","sourcesContent":["/*!\n * Cropper.js v1.4.3\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2018-10-24T13:07:11.429Z\n */\n\n.cropper-container {\n direction: ltr;\n font-size: 0;\n line-height: 0;\n position: relative;\n -ms-touch-action: none;\n touch-action: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.cropper-container img {\n display: block;\n height: 100%;\n image-orientation: 0deg;\n max-height: none !important;\n max-width: none !important;\n min-height: 0 !important;\n min-width: 0 !important;\n width: 100%;\n}\n\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.cropper-wrap-box,\n.cropper-canvas {\n overflow: hidden;\n}\n\n.cropper-drag-box {\n background-color: #fff;\n opacity: 0;\n}\n\n.cropper-modal {\n background-color: #000;\n opacity: .5;\n}\n\n.cropper-view-box {\n display: block;\n height: 100%;\n outline-color: rgba(51, 153, 255, 0.75);\n outline: 1px solid #39f;\n overflow: hidden;\n width: 100%;\n}\n\n.cropper-dashed {\n border: 0 dashed #eee;\n display: block;\n opacity: .5;\n position: absolute;\n}\n\n.cropper-dashed.dashed-h {\n border-bottom-width: 1px;\n border-top-width: 1px;\n height: calc(100% / 3);\n left: 0;\n top: calc(100% / 3);\n width: 100%;\n}\n\n.cropper-dashed.dashed-v {\n border-left-width: 1px;\n border-right-width: 1px;\n height: 100%;\n left: calc(100% / 3);\n top: 0;\n width: calc(100% / 3);\n}\n\n.cropper-center {\n display: block;\n height: 0;\n left: 50%;\n opacity: .75;\n position: absolute;\n top: 50%;\n width: 0;\n}\n\n.cropper-center:before,\n.cropper-center:after {\n background-color: #eee;\n content: ' ';\n display: block;\n position: absolute;\n}\n\n.cropper-center:before {\n height: 1px;\n left: -3px;\n top: 0;\n width: 7px;\n}\n\n.cropper-center:after {\n height: 7px;\n left: 0;\n top: -3px;\n width: 1px;\n}\n\n.cropper-face,\n.cropper-line,\n.cropper-point {\n display: block;\n height: 100%;\n opacity: .1;\n position: absolute;\n width: 100%;\n}\n\n.cropper-face {\n background-color: #fff;\n left: 0;\n top: 0;\n}\n\n.cropper-line {\n background-color: #39f;\n}\n\n.cropper-line.line-e {\n cursor: ew-resize;\n right: -3px;\n top: 0;\n width: 5px;\n}\n\n.cropper-line.line-n {\n cursor: ns-resize;\n height: 5px;\n left: 0;\n top: -3px;\n}\n\n.cropper-line.line-w {\n cursor: ew-resize;\n left: -3px;\n top: 0;\n width: 5px;\n}\n\n.cropper-line.line-s {\n bottom: -3px;\n cursor: ns-resize;\n height: 5px;\n left: 0;\n}\n\n.cropper-point {\n background-color: #39f;\n height: 5px;\n opacity: .75;\n width: 5px;\n}\n\n.cropper-point.point-e {\n cursor: ew-resize;\n margin-top: -3px;\n right: -3px;\n top: 50%;\n}\n\n.cropper-point.point-n {\n cursor: ns-resize;\n left: 50%;\n margin-left: -3px;\n top: -3px;\n}\n\n.cropper-point.point-w {\n cursor: ew-resize;\n left: -3px;\n margin-top: -3px;\n top: 50%;\n}\n\n.cropper-point.point-s {\n bottom: -3px;\n cursor: s-resize;\n left: 50%;\n margin-left: -3px;\n}\n\n.cropper-point.point-ne {\n cursor: nesw-resize;\n right: -3px;\n top: -3px;\n}\n\n.cropper-point.point-nw {\n cursor: nwse-resize;\n left: -3px;\n top: -3px;\n}\n\n.cropper-point.point-sw {\n bottom: -3px;\n cursor: nesw-resize;\n left: -3px;\n}\n\n.cropper-point.point-se {\n bottom: -3px;\n cursor: nwse-resize;\n height: 20px;\n opacity: 1;\n right: -3px;\n width: 20px;\n}\n\n@media (min-width: 768px) {\n .cropper-point.point-se {\n height: 15px;\n width: 15px;\n }\n}\n\n@media (min-width: 992px) {\n .cropper-point.point-se {\n height: 10px;\n width: 10px;\n }\n}\n\n@media (min-width: 1200px) {\n .cropper-point.point-se {\n height: 5px;\n opacity: .75;\n width: 5px;\n }\n}\n\n.cropper-point.point-se:before {\n background-color: #39f;\n bottom: -50%;\n content: ' ';\n display: block;\n height: 200%;\n opacity: 0;\n position: absolute;\n right: -50%;\n width: 200%;\n}\n\n.cropper-invisible {\n opacity: 0;\n}\n\n.cropper-bg {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\n}\n\n.cropper-hide {\n display: block;\n height: 0;\n position: absolute;\n width: 0;\n}\n\n.cropper-hidden {\n display: none !important;\n}\n\n.cropper-move {\n cursor: move;\n}\n\n.cropper-crop {\n cursor: crosshair;\n}\n\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n cursor: not-allowed;\n}\n"],"sourceRoot":""} \ No newline at end of file diff --git a/priv/static/static/css/4.10e378d3da0e7f32661d.css b/priv/static/static/css/4.10e378d3da0e7f32661d.css new file mode 100644 index 000000000..fbf9420e3 --- /dev/null +++ b/priv/static/static/css/4.10e378d3da0e7f32661d.css @@ -0,0 +1,30 @@ +.sticker-picker { + width: 100%; +} +.sticker-picker .contents { + min-height: 250px; +} +.sticker-picker .contents .sticker-picker-content { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 4px; +} +.sticker-picker .contents .sticker-picker-content .sticker { + display: -ms-flexbox; + display: flex; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin: 4px; + width: 56px; + height: 56px; +} +.sticker-picker .contents .sticker-picker-content .sticker img { + height: 100%; +} +.sticker-picker .contents .sticker-picker-content .sticker img:hover { + filter: drop-shadow(0 0 5px var(--accent, #d8a070)); +} + +/*# sourceMappingURL=4.10e378d3da0e7f32661d.css.map*/ \ No newline at end of file diff --git a/priv/static/static/css/4.10e378d3da0e7f32661d.css.map b/priv/static/static/css/4.10e378d3da0e7f32661d.css.map new file mode 100644 index 000000000..8d99f02b5 --- /dev/null +++ b/priv/static/static/css/4.10e378d3da0e7f32661d.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./src/components/sticker_picker/sticker_picker.vue?46b5"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C","file":"static/css/4.10e378d3da0e7f32661d.css","sourcesContent":[".sticker-picker {\n width: 100%;\n}\n.sticker-picker .contents {\n min-height: 250px;\n}\n.sticker-picker .contents .sticker-picker-content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding: 0 4px;\n}\n.sticker-picker .contents .sticker-picker-content .sticker {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n margin: 4px;\n width: 56px;\n height: 56px;\n}\n.sticker-picker .contents .sticker-picker-content .sticker img {\n height: 100%;\n}\n.sticker-picker .contents .sticker-picker-content .sticker img:hover {\n filter: drop-shadow(0 0 5px var(--accent, #d8a070));\n}"],"sourceRoot":""} \ No newline at end of file diff --git a/priv/static/static/css/app.7d2d223f75c3a14b0991.css b/priv/static/static/css/app.7d2d223f75c3a14b0991.css deleted file mode 100644 index d79cf910f..000000000 --- a/priv/static/static/css/app.7d2d223f75c3a14b0991.css +++ /dev/null @@ -1,298 +0,0 @@ -.RichContent blockquote { - margin: 0.2em 0 0.2em 2em; - font-style: italic; -} -.RichContent pre { - overflow: auto; -} -.RichContent code, -.RichContent samp, -.RichContent kbd, -.RichContent var, -.RichContent pre { - font-family: var(--postCodeFont, monospace); -} -.RichContent p { - margin: 0 0 1em 0; -} -.RichContent p:last-child { - margin: 0 0 0 0; -} -.RichContent h1 { - font-size: 1.1em; - line-height: 1.2em; - margin: 1.4em 0; -} -.RichContent h2 { - font-size: 1.1em; - margin: 1em 0; -} -.RichContent h3 { - font-size: 1em; - margin: 1.2em 0; -} -.RichContent h4 { - margin: 1.1em 0; -} -.RichContent .img { - display: inline-block; -} -.RichContent .emoji { - display: inline-block; - width: var(--emoji-size, 32px); - height: var(--emoji-size, 32px); -} -.RichContent .img, -.RichContent video { - max-width: 100%; - max-height: 400px; - vertical-align: middle; - -o-object-fit: contain; - object-fit: contain; -} -.tab-switcher { - display: -ms-flexbox; - display: flex; -} -.tab-switcher .tab-icon { - margin: 0.2em auto; - display: block; -} -.tab-switcher.top-tabs { - -ms-flex-direction: column; - flex-direction: column; -} -.tab-switcher.top-tabs > .tabs { - width: 100%; - overflow-y: hidden; - overflow-x: auto; - padding-top: 5px; - -ms-flex-direction: row; - flex-direction: row; -} -.tab-switcher.top-tabs > .tabs::after, .tab-switcher.top-tabs > .tabs::before { - content: ""; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - border-bottom: 1px solid; - border-bottom-color: #222; - border-bottom-color: var(--border, #222); -} -.tab-switcher.top-tabs > .tabs .tab-wrapper { - height: 28px; -} -.tab-switcher.top-tabs > .tabs .tab-wrapper:not(.active)::after { - left: 0; - right: 0; - bottom: 0; - border-bottom: 1px solid; - border-bottom-color: #222; - border-bottom-color: var(--border, #222); -} -.tab-switcher.top-tabs > .tabs .tab { - width: 100%; - min-width: 1px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - padding-bottom: 99px; - margin-bottom: -93px; -} -.tab-switcher.top-tabs .contents.scrollable-tabs { - -ms-flex-preferred-size: 0; - flex-basis: 0; -} -.tab-switcher.side-tabs { - -ms-flex-direction: row; - flex-direction: row; -} -@media all and (max-width: 800px) { - .tab-switcher.side-tabs { - overflow-x: auto; - } -} -.tab-switcher.side-tabs > .contents { - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} -.tab-switcher.side-tabs > .tabs { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - overflow-y: auto; - overflow-x: hidden; - -ms-flex-direction: column; - flex-direction: column; -} -.tab-switcher.side-tabs > .tabs::after, .tab-switcher.side-tabs > .tabs::before { - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-preferred-size: 0.5em; - flex-basis: 0.5em; - content: ""; - border-right: 1px solid; - border-right-color: #222; - border-right-color: var(--border, #222); -} -.tab-switcher.side-tabs > .tabs::after { - -ms-flex-positive: 1; - flex-grow: 1; -} -.tab-switcher.side-tabs > .tabs::before { - -ms-flex-positive: 0; - flex-grow: 0; -} -.tab-switcher.side-tabs > .tabs .tab-wrapper { - min-width: 10em; - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; -} -@media all and (max-width: 800px) { - .tab-switcher.side-tabs > .tabs .tab-wrapper { - min-width: 4em; - } -} -.tab-switcher.side-tabs > .tabs .tab-wrapper:not(.active)::after { - top: 0; - right: 0; - bottom: 0; - border-right: 1px solid; - border-right-color: #222; - border-right-color: var(--border, #222); -} -.tab-switcher.side-tabs > .tabs .tab-wrapper::before { - -ms-flex: 0 0 6px; - flex: 0 0 6px; - content: ""; - border-right: 1px solid; - border-right-color: #222; - border-right-color: var(--border, #222); -} -.tab-switcher.side-tabs > .tabs .tab-wrapper:last-child .tab { - margin-bottom: 0; -} -.tab-switcher.side-tabs > .tabs .tab { - -ms-flex: 1; - flex: 1; - box-sizing: content-box; - min-width: 10em; - min-width: 1px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - padding-left: 1em; - padding-right: calc(1em + 200px); - margin-right: -200px; - margin-left: 1em; -} -@media all and (max-width: 800px) { - .tab-switcher.side-tabs > .tabs .tab { - padding-left: 0.25em; - padding-right: calc(.25em + 200px); - margin-right: calc(.25em - 200px); - margin-left: 0.25em; - } - .tab-switcher.side-tabs > .tabs .tab .text { - display: none; - } -} -.tab-switcher .contents { - -ms-flex: 1 0 auto; - flex: 1 0 auto; - min-height: 0px; -} -.tab-switcher .contents .hidden { - display: none; -} -.tab-switcher .contents .full-height:not(.hidden) { - height: 100%; - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; -} -.tab-switcher .contents .full-height:not(.hidden) > *:not(.mobile-label) { - -ms-flex: 1; - flex: 1; -} -.tab-switcher .contents.scrollable-tabs { - overflow-y: auto; -} -.tab-switcher .tab { - position: relative; - white-space: nowrap; - padding: 6px 1em; - background-color: #182230; - background-color: var(--tab, #182230); -} -.tab-switcher .tab, .tab-switcher .tab:active .tab-icon { - color: #b9b9ba; - color: var(--tabText, #b9b9ba); -} -.tab-switcher .tab:not(.active) { - z-index: 4; -} -.tab-switcher .tab:not(.active):hover { - z-index: 6; -} -.tab-switcher .tab.active { - background: transparent; - z-index: 5; - color: #b9b9ba; - color: var(--tabActiveText, #b9b9ba); -} -.tab-switcher .tab img { - max-height: 26px; - vertical-align: top; - margin-top: -5px; -} -.tab-switcher .tabs { - display: -ms-flexbox; - display: flex; - position: relative; - box-sizing: border-box; -} -.tab-switcher .tabs::after, .tab-switcher .tabs::before { - display: block; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} -.tab-switcher .tab-wrapper { - position: relative; - display: -ms-flexbox; - display: flex; - -ms-flex: 0 0 auto; - flex: 0 0 auto; -} -.tab-switcher .tab-wrapper:not(.active)::after { - content: ""; - position: absolute; - z-index: 7; -} -.tab-switcher .mobile-label { - padding-left: 0.3em; - padding-bottom: 0.25em; - margin-top: 0.5em; - margin-left: 0.2em; - margin-bottom: 0.25em; - border-bottom: 1px solid var(--border, #222); -} -@media all and (min-width: 800px) { - .tab-switcher .mobile-label { - display: none; - } -} -.with-load-more-footer { - padding: 10px; - text-align: center; - border-top: 1px solid; - border-top-color: #222; - border-top-color: var(--border, #222); -} -.with-load-more-footer .error { - font-size: 14px; -} -.with-load-more-footer a { - cursor: pointer; -} - -/*# sourceMappingURL=app.7d2d223f75c3a14b0991.css.map*/ \ No newline at end of file diff --git a/priv/static/static/css/app.7d2d223f75c3a14b0991.css.map b/priv/static/static/css/app.7d2d223f75c3a14b0991.css.map deleted file mode 100644 index ce9a6fa12..000000000 --- a/priv/static/static/css/app.7d2d223f75c3a14b0991.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack:///./src/components/rich_content/rich_content.scss","webpack:///./src/components/tab_switcher/tab_switcher.scss","webpack:///./src/hocs/with_load_more/with_load_more.scss"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C","file":"static/css/app.7d2d223f75c3a14b0991.css","sourcesContent":[".RichContent blockquote {\n margin: 0.2em 0 0.2em 2em;\n font-style: italic;\n}\n.RichContent pre {\n overflow: auto;\n}\n.RichContent code,\n.RichContent samp,\n.RichContent kbd,\n.RichContent var,\n.RichContent pre {\n font-family: var(--postCodeFont, monospace);\n}\n.RichContent p {\n margin: 0 0 1em 0;\n}\n.RichContent p:last-child {\n margin: 0 0 0 0;\n}\n.RichContent h1 {\n font-size: 1.1em;\n line-height: 1.2em;\n margin: 1.4em 0;\n}\n.RichContent h2 {\n font-size: 1.1em;\n margin: 1em 0;\n}\n.RichContent h3 {\n font-size: 1em;\n margin: 1.2em 0;\n}\n.RichContent h4 {\n margin: 1.1em 0;\n}\n.RichContent .img {\n display: inline-block;\n}\n.RichContent .emoji {\n display: inline-block;\n width: var(--emoji-size, 32px);\n height: var(--emoji-size, 32px);\n}\n.RichContent .img,\n.RichContent video {\n max-width: 100%;\n max-height: 400px;\n vertical-align: middle;\n -o-object-fit: contain;\n object-fit: contain;\n}",".tab-switcher {\n display: -ms-flexbox;\n display: flex;\n}\n.tab-switcher .tab-icon {\n margin: 0.2em auto;\n display: block;\n}\n.tab-switcher.top-tabs {\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher.top-tabs > .tabs {\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n padding-top: 5px;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.tab-switcher.top-tabs > .tabs::after, .tab-switcher.top-tabs > .tabs::before {\n content: \"\";\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.tab-switcher.top-tabs > .tabs .tab-wrapper {\n height: 28px;\n}\n.tab-switcher.top-tabs > .tabs .tab-wrapper:not(.active)::after {\n left: 0;\n right: 0;\n bottom: 0;\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.tab-switcher.top-tabs > .tabs .tab {\n width: 100%;\n min-width: 1px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding-bottom: 99px;\n margin-bottom: -93px;\n}\n.tab-switcher.top-tabs .contents.scrollable-tabs {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n}\n.tab-switcher.side-tabs {\n -ms-flex-direction: row;\n flex-direction: row;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs {\n overflow-x: auto;\n }\n}\n.tab-switcher.side-tabs > .contents {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.tab-switcher.side-tabs > .tabs {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n overflow-y: auto;\n overflow-x: hidden;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher.side-tabs > .tabs::after, .tab-switcher.side-tabs > .tabs::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -ms-flex-preferred-size: 0.5em;\n flex-basis: 0.5em;\n content: \"\";\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs::after {\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.tab-switcher.side-tabs > .tabs::before {\n -ms-flex-positive: 0;\n flex-grow: 0;\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper {\n min-width: 10em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs > .tabs .tab-wrapper {\n min-width: 4em;\n }\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper:not(.active)::after {\n top: 0;\n right: 0;\n bottom: 0;\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper::before {\n -ms-flex: 0 0 6px;\n flex: 0 0 6px;\n content: \"\";\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper:last-child .tab {\n margin-bottom: 0;\n}\n.tab-switcher.side-tabs > .tabs .tab {\n -ms-flex: 1;\n flex: 1;\n box-sizing: content-box;\n min-width: 10em;\n min-width: 1px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n padding-left: 1em;\n padding-right: calc(1em + 200px);\n margin-right: -200px;\n margin-left: 1em;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs > .tabs .tab {\n padding-left: 0.25em;\n padding-right: calc(.25em + 200px);\n margin-right: calc(.25em - 200px);\n margin-left: 0.25em;\n }\n .tab-switcher.side-tabs > .tabs .tab .text {\n display: none;\n }\n}\n.tab-switcher .contents {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n min-height: 0px;\n}\n.tab-switcher .contents .hidden {\n display: none;\n}\n.tab-switcher .contents .full-height:not(.hidden) {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher .contents .full-height:not(.hidden) > *:not(.mobile-label) {\n -ms-flex: 1;\n flex: 1;\n}\n.tab-switcher .contents.scrollable-tabs {\n overflow-y: auto;\n}\n.tab-switcher .tab {\n position: relative;\n white-space: nowrap;\n padding: 6px 1em;\n background-color: #182230;\n background-color: var(--tab, #182230);\n}\n.tab-switcher .tab, .tab-switcher .tab:active .tab-icon {\n color: #b9b9ba;\n color: var(--tabText, #b9b9ba);\n}\n.tab-switcher .tab:not(.active) {\n z-index: 4;\n}\n.tab-switcher .tab:not(.active):hover {\n z-index: 6;\n}\n.tab-switcher .tab.active {\n background: transparent;\n z-index: 5;\n color: #b9b9ba;\n color: var(--tabActiveText, #b9b9ba);\n}\n.tab-switcher .tab img {\n max-height: 26px;\n vertical-align: top;\n margin-top: -5px;\n}\n.tab-switcher .tabs {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n box-sizing: border-box;\n}\n.tab-switcher .tabs::after, .tab-switcher .tabs::before {\n display: block;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.tab-switcher .tab-wrapper {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.tab-switcher .tab-wrapper:not(.active)::after {\n content: \"\";\n position: absolute;\n z-index: 7;\n}\n.tab-switcher .mobile-label {\n padding-left: 0.3em;\n padding-bottom: 0.25em;\n margin-top: 0.5em;\n margin-left: 0.2em;\n margin-bottom: 0.25em;\n border-bottom: 1px solid var(--border, #222);\n}\n@media all and (min-width: 800px) {\n .tab-switcher .mobile-label {\n display: none;\n }\n}",".with-load-more-footer {\n padding: 10px;\n text-align: center;\n border-top: 1px solid;\n border-top-color: #222;\n border-top-color: var(--border, #222);\n}\n.with-load-more-footer .error {\n font-size: 14px;\n}\n.with-load-more-footer a {\n cursor: pointer;\n}"],"sourceRoot":""} \ No newline at end of file diff --git a/priv/static/static/css/app.9065da1ae55149d987b6.css b/priv/static/static/css/app.9065da1ae55149d987b6.css new file mode 100644 index 000000000..6601e2264 --- /dev/null +++ b/priv/static/static/css/app.9065da1ae55149d987b6.css @@ -0,0 +1,6338 @@ +.login-form { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding: 0.6em; +} +.login-form .btn { + min-height: 2em; + width: 10em; +} +.login-form .register { + -ms-flex: 1 1; + flex: 1 1; +} +.login-form .login-bottom { + margin-top: 1em; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.login-form .form-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding: 0.3em 0.5em 0.6em; + line-height: 24px; +} +.login-form .form-bottom { + display: -ms-flexbox; + display: flex; + padding: 0.5em; + height: 32px; +} +.login-form .form-bottom button { + width: 10em; +} +.login-form .form-bottom p { + margin: 0.35em; + padding: 0.35em; + display: -ms-flexbox; + display: flex; +} +.login-form .error { + text-align: center; + animation-name: shakeError; + animation-duration: 0.4s; + animation-timing-function: ease-in-out; +} +.media-upload { + cursor: pointer; +} +.media-upload .hidden-input-file { + display: none; +} +.ScopeSelector .scope { + display: inline-block; + cursor: pointer; + min-width: 1.3em; + min-height: 1.3em; + text-align: center; +} +.ScopeSelector .scope.selected svg { + color: #b9b9ba; + color: var(--lightText, #b9b9ba); +} +@charset "UTF-8"; +.checkbox { + position: relative; + display: inline-block; + min-height: 1.2em; +} +.checkbox-indicator { + position: relative; + padding-left: 1.2em; +} +.checkbox-indicator::before { + position: absolute; + right: 0; + top: 0; + display: block; + content: "\2713"; + transition: color 200ms; + width: 1.1em; + height: 1.1em; + border-radius: 2px; + border-radius: var(--checkboxRadius, 2px); + box-shadow: 0px 0px 2px black inset; + box-shadow: var(--inputShadow); + background-color: #182230; + background-color: var(--input, #182230); + vertical-align: top; + text-align: center; + line-height: 1.1em; + font-size: 1.1em; + color: transparent; + overflow: hidden; + box-sizing: border-box; +} +.checkbox.disabled .checkbox-indicator::before, +.checkbox.disabled .label { + opacity: 0.5; +} +.checkbox.disabled .label { + color: rgba(185, 185, 186, 0.5); + color: var(--faint, rgba(185, 185, 186, 0.5)); +} +.checkbox input[type=checkbox] { + display: none; +} +.checkbox input[type=checkbox]:checked + .checkbox-indicator::before { + color: #b9b9ba; + color: var(--inputText, #b9b9ba); +} +.checkbox input[type=checkbox]:indeterminate + .checkbox-indicator::before { + content: "\2013"; + color: #b9b9ba; + color: var(--inputText, #b9b9ba); +} +.checkbox > span { + margin-left: 0.5em; +} +.emoji-picker { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + position: absolute; + right: 0; + left: 0; + margin: 0 !important; + z-index: 100; + background-color: #121a24; + background-color: var(--popover, #121a24); + color: #d8a070; + color: var(--popoverText, #d8a070); + --lightText: var(--popoverLightText, $fallback--faint); + --faint: var(--popoverFaintText, $fallback--faint); + --faintLink: var(--popoverFaintLink, $fallback--faint); + --lightText: var(--popoverLightText, $fallback--lightText); + --icon: var(--popoverIcon, $fallback--icon); +} +.emoji-picker .keep-open, +.emoji-picker .too-many-emoji { + padding: 7px; + line-height: normal; +} +.emoji-picker .too-many-emoji { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.emoji-picker .keep-open-label { + padding: 0 7px; + display: -ms-flexbox; + display: flex; +} +.emoji-picker .heading { + display: -ms-flexbox; + display: flex; + height: 32px; + padding: 10px 7px 5px; +} +.emoji-picker .content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-height: 0px; +} +.emoji-picker .emoji-tabs { + -ms-flex-positive: 1; + flex-grow: 1; +} +.emoji-picker .emoji-groups { + min-height: 200px; +} +.emoji-picker .additional-tabs { + border-left: 1px solid; + border-left-color: #666; + border-left-color: var(--icon, #666); + padding-left: 7px; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +.emoji-picker .additional-tabs, +.emoji-picker .emoji-tabs { + display: block; + min-width: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.emoji-picker .additional-tabs-item, +.emoji-picker .emoji-tabs-item { + padding: 0 7px; + cursor: pointer; + font-size: 1.85em; +} +.emoji-picker .additional-tabs-item.disabled, +.emoji-picker .emoji-tabs-item.disabled { + opacity: 0.5; + pointer-events: none; +} +.emoji-picker .additional-tabs-item.active, +.emoji-picker .emoji-tabs-item.active { + border-bottom: 4px solid; +} +.emoji-picker .additional-tabs-item.active svg, +.emoji-picker .emoji-tabs-item.active svg { + color: #b9b9ba; + color: var(--lightText, #b9b9ba); +} +.emoji-picker .sticker-picker { + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} +.emoji-picker .stickers-content, +.emoji-picker .emoji-content { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-height: 0; +} +.emoji-picker .stickers-content.hidden, +.emoji-picker .emoji-content.hidden { + opacity: 0; + pointer-events: none; + position: absolute; +} +.emoji-picker .emoji-search { + padding: 5px; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +.emoji-picker .emoji-search input { + width: 100%; +} +.emoji-picker .emoji-groups { + -ms-flex: 1 1 1px; + flex: 1 1 1px; + position: relative; + overflow: auto; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white); + mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white); + transition: -webkit-mask-size 150ms; + transition: mask-size 150ms; + transition: mask-size 150ms, -webkit-mask-size 150ms; + -webkit-mask-size: 100% 20px, 100% 20px, auto; + mask-size: 100% 20px, 100% 20px, auto; + -webkit-mask-composite: xor; + mask-composite: exclude; +} +.emoji-picker .emoji-groups.scrolled-top { + -webkit-mask-size: 100% 20px, 100% 0, auto; + mask-size: 100% 20px, 100% 0, auto; +} +.emoji-picker .emoji-groups.scrolled-bottom { + -webkit-mask-size: 100% 0, 100% 20px, auto; + mask-size: 100% 0, 100% 20px, auto; +} +.emoji-picker .emoji-group { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 5px; + -ms-flex-pack: left; + justify-content: left; +} +.emoji-picker .emoji-group-title { + font-size: 0.85em; + width: 100%; + margin: 0; +} +.emoji-picker .emoji-group-title.disabled { + display: none; +} +.emoji-picker .emoji-item { + width: 32px; + height: 32px; + box-sizing: border-box; + display: -ms-flexbox; + display: flex; + font-size: 32px; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + margin: 4px; + cursor: pointer; +} +.emoji-picker .emoji-item img { + -o-object-fit: contain; + object-fit: contain; + max-width: 100%; + max-height: 100%; +} +.emoji-input { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + position: relative; +} +.emoji-input.with-picker input { + padding-right: 30px; +} +.emoji-input .emoji-picker-icon { + position: absolute; + top: 0; + right: 0; + margin: 0.2em 0.25em; + font-size: 1.3em; + cursor: pointer; + line-height: 24px; +} +.emoji-input .emoji-picker-icon:hover i { + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.emoji-input .emoji-picker-panel { + position: absolute; + z-index: 20; + margin-top: 2px; +} +.emoji-input .emoji-picker-panel.hide { + display: none; +} +.emoji-input .autocomplete-panel { + position: absolute; + z-index: 20; + margin-top: 2px; +} +.emoji-input .autocomplete-panel.hide { + display: none; +} +.emoji-input .autocomplete-panel-body { + margin: 0 0.5em 0 0.5em; + border-radius: 5px; + border-radius: var(--tooltipRadius, 5px); + box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); + box-shadow: var(--popupShadow); + min-width: 75%; + background-color: #121a24; + background-color: var(--popover, #121a24); + color: #d8a070; + color: var(--popoverText, #d8a070); + --faint: var(--popoverFaintText, $fallback--faint); + --faintLink: var(--popoverFaintLink, $fallback--faint); + --lightText: var(--popoverLightText, $fallback--lightText); + --postLink: var(--popoverPostLink, $fallback--link); + --postFaintLink: var(--popoverPostFaintLink, $fallback--link); + --icon: var(--popoverIcon, $fallback--icon); +} +.emoji-input .autocomplete-item { + display: -ms-flexbox; + display: flex; + cursor: pointer; + padding: 0.2em 0.4em; + border-bottom: 1px solid rgba(0, 0, 0, 0.4); + height: 32px; +} +.emoji-input .autocomplete-item .image { + width: 32px; + height: 32px; + line-height: 32px; + text-align: center; + font-size: 32px; + margin-right: 4px; +} +.emoji-input .autocomplete-item .image img { + width: 32px; + height: 32px; + -o-object-fit: contain; + object-fit: contain; +} +.emoji-input .autocomplete-item .label { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + margin: 0 0.1em 0 0.2em; +} +.emoji-input .autocomplete-item .label .displayText { + line-height: 1.5; +} +.emoji-input .autocomplete-item .label .detailText { + font-size: 9px; + line-height: 9px; +} +.emoji-input .autocomplete-item.highlighted { + background-color: #182230; + background-color: var(--selectedMenuPopover, #182230); + color: var(--selectedMenuPopoverText, #b9b9ba); + --faint: var(--selectedMenuPopoverFaintText, $fallback--faint); + --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint); + --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText); + --icon: var(--selectedMenuPopoverIcon, $fallback--icon); +} +.emoji-input input, .emoji-input textarea { + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} +/* TODO fix order of styles */ +label.Select { + padding: 0; +} +label.Select select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: transparent; + border: none; + color: #b9b9ba; + color: var(--inputText, --text, #b9b9ba); + margin: 0; + padding: 0 2em 0 0.2em; + font-family: sans-serif; + font-family: var(--inputFont, sans-serif); + font-size: 1em; + width: 100%; + z-index: 1; + height: 2em; + line-height: 16px; +} +label.Select .select-down-icon { + position: absolute; + top: 0; + bottom: 0; + right: 5px; + height: 100%; + width: 0.875em; + color: #b9b9ba; + color: var(--inputText, #b9b9ba); + line-height: 2; + z-index: 0; + pointer-events: none; +} +.poll-form { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding: 0 0.5em 0.5em; +} +.poll-form .add-option { + -ms-flex-item-align: start; + align-self: flex-start; + padding-top: 0.25em; + padding-left: 0.1em; +} +.poll-form .poll-option { + display: -ms-flexbox; + display: flex; + -ms-flex-align: baseline; + align-items: baseline; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 0.25em; +} +.poll-form .input-container { + width: 100%; +} +.poll-form .input-container input { + padding-right: 2.5em; + width: 100%; +} +.poll-form .delete-option { + width: 1.5em; + margin-left: -1.5em; + z-index: 1; +} +.poll-form .poll-type-expiry { + margin-top: 0.5em; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.poll-form .poll-type { + margin-right: 0.75em; + -ms-flex: 1 1 60%; + flex: 1 1 60%; +} +.poll-form .poll-type .poll-type-select { + padding-right: 0.75em; +} +.poll-form .poll-expiry { + display: -ms-flexbox; + display: flex; +} +.poll-form .poll-expiry .expiry-amount { + width: 3em; + text-align: right; +} +.still-image { + position: relative; + line-height: 0; + overflow: hidden; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} +.still-image canvas { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + visibility: var(--_still-image-canvas-visibility, visible); +} +.still-image img { + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.still-image.animated::before { + zoom: var(--_still_image-label-scale, 1); + content: "gif"; + position: absolute; + line-height: 1; + font-size: 0.7em; + top: 0.5em; + left: 0.5em; + background: rgba(127, 127, 127, 0.5); + color: #fff; + display: block; + padding: 2px 4px; + border-radius: 5px; + border-radius: var(--tooltipRadius, 5px); + z-index: 2; + visibility: var(--_still-image-label-visibility, visible); +} +.still-image.animated:hover canvas { + display: none; +} +.still-image.animated:hover::before { + visibility: var(--_still-image-label-visibility, hidden); +} +.still-image.animated img { + visibility: var(--_still-image-img-visibility, hidden); +} +.still-image.animated:hover img { + visibility: visible; +} +.Flash { + display: inline-block; + width: 100%; + height: 100%; + position: relative; +} +.Flash .player { + height: 100%; + width: 100%; +} +.Flash .placeholder { + height: 100%; + width: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background: var(--bg); + color: var(--link); +} +.Flash .hider { + top: 0; +} +.Flash .label { + text-align: center; + -ms-flex: 1 1 0px; + flex: 1 1 0; + line-height: 1.2; + white-space: normal; + word-wrap: normal; +} +.Flash .hidden { + display: none; + visibility: "hidden"; +} +.Attachment { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + -ms-flex-item-align: start; + align-self: flex-start; + line-height: 0; + height: 100%; + border-style: solid; + border-width: 1px; + border-radius: 10px; + border-radius: var(--attachmentRadius, 10px); + border-color: #222; + border-color: var(--border, #222); +} +.Attachment .attachment-wrapper { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + height: 100%; + position: relative; + overflow: hidden; +} +.Attachment .description-container { + -ms-flex: 0 1 0px; + flex: 0 1 0; + display: -ms-flexbox; + display: flex; + padding-top: 0.5em; + z-index: 1; +} +.Attachment .description-container p { + -ms-flex: 1; + flex: 1; + text-align: center; + line-height: 1.5; + padding: 0.5em; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.Attachment .description-container.-static { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding-top: 0; + background: var(--popover); + box-shadow: var(--popupShadow); +} +.Attachment .description-field { + -ms-flex: 1; + flex: 1; + min-width: 0; +} +.Attachment .placeholder-container, .Attachment .image-container, .Attachment .audio-container, .Attachment .video-container, .Attachment .flash-container, .Attachment .oembed-container { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; +} +.Attachment .image-container .image { + width: 100%; + height: 100%; +} +.Attachment .flash-container .flash, .Attachment .flash-container video, .Attachment .video-container .flash, .Attachment .video-container video { + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} +.Attachment .audio-container { + display: -ms-flexbox; + display: flex; + -ms-flex-align: end; + align-items: flex-end; +} +.Attachment .audio-container audio { + width: 100%; + height: 100%; +} +.Attachment .placeholder-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + padding-top: 0.5em; +} +.Attachment .play-icon { + position: absolute; + font-size: 64px; + top: calc(50% - 32px); + left: calc(50% - 32px); + color: rgba(255, 255, 255, 0.75); + text-shadow: 0 0 2px rgba(0, 0, 0, 0.4); +} +.Attachment .play-icon::before { + margin: 0; +} +.Attachment .attachment-buttons { + display: -ms-flexbox; + display: flex; + position: absolute; + right: 0; + top: 0; + margin-top: 0.5em; + margin-right: 0.5em; + z-index: 1; +} +.Attachment .attachment-buttons .attachment-button { + padding: 0; + border-radius: 5px; + border-radius: var(--tooltipRadius, 5px); + text-align: center; + width: 2em; + height: 2em; + margin-left: 0.5em; + font-size: 1.25em; + background: rgba(230, 230, 230, 0.7); +} +.Attachment .attachment-buttons .attachment-button .svg-inline--fa { + color: rgba(0, 0, 0, 0.6); +} +.Attachment .attachment-buttons .attachment-button:hover .svg-inline--fa { + color: rgba(0, 0, 0, 0.9); +} +.Attachment .oembed-container { + line-height: 1.2em; + -ms-flex: 1 0 100%; + flex: 1 0 100%; + width: 100%; + margin-right: 15px; + display: -ms-flexbox; + display: flex; +} +.Attachment .oembed-container img { + width: 100%; +} +.Attachment .oembed-container .image { + -ms-flex: 1; + flex: 1; +} +.Attachment .oembed-container .image img { + border: 0px; + border-radius: 5px; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.Attachment .oembed-container .text { + -ms-flex: 2; + flex: 2; + margin: 8px; + word-break: break-all; +} +.Attachment .oembed-container .text h1 { + font-size: 1rem; + margin: 0px; +} +.Attachment.-size-small .play-icon { + zoom: 0.5; + opacity: 0.7; +} +.Attachment.-size-small .attachment-buttons { + zoom: 0.7; + opacity: 0.5; +} +.Attachment.-editable { + padding: 0.5em; +} +.Attachment.-editable .description-container, .Attachment.-editable .attachment-buttons { + margin: 0; +} +.Attachment.-placeholder { + display: inline-block; + color: #d8a070; + color: var(--postLink, #d8a070); + overflow: hidden; + white-space: nowrap; + height: auto; + line-height: 1.5; +} +.Attachment.-placeholder:not(.-editable) { + border: none; +} +.Attachment.-placeholder.-editable { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-align: baseline; + align-items: baseline; +} +.Attachment.-placeholder.-editable .description-container, .Attachment.-placeholder.-editable .attachment-buttons { + margin: 0; + padding: 0; + position: relative; +} +.Attachment.-placeholder.-editable .description-container { + -ms-flex: 1; + flex: 1; + padding-left: 0.5em; +} +.Attachment.-placeholder.-editable .attachment-buttons { + -ms-flex-order: 99; + order: 99; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} +.Attachment.-placeholder a { + display: inline-block; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} +.Attachment.-placeholder svg { + color: inherit; +} +.Attachment.-loading { + cursor: progress; +} +.Attachment.-contain-fit img, +.Attachment.-contain-fit canvas { + -o-object-fit: contain; + object-fit: contain; +} +.Attachment.-cover-fit img, +.Attachment.-cover-fit canvas { + -o-object-fit: cover; + object-fit: cover; +} +.Gallery .gallery-rows { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.Gallery .gallery-row { + position: relative; + height: 0; + width: 100%; + -ms-flex-positive: 1; + flex-grow: 1; +} +.Gallery .gallery-row:not(:first-child) { + margin-top: 0.5em; +} +.Gallery.-long .gallery-rows { + max-height: 25em; + overflow: hidden; + -webkit-mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white); + mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white); + /* Autoprefixed seem to ignore this one, and also syntax is different */ + -webkit-mask-composite: xor; + mask-composite: exclude; +} +.Gallery .many-attachments-text { + text-align: center; + line-height: 2; +} +.Gallery .many-attachments-buttons { + display: -ms-flexbox; + display: flex; +} +.Gallery .many-attachments-button { + display: -ms-flexbox; + display: flex; + -ms-flex: 1; + flex: 1; + -ms-flex-pack: center; + justify-content: center; + line-height: 2; +} +.Gallery .many-attachments-button button { + padding: 0 2em; +} +.Gallery .gallery-row.-grid, .Gallery .gallery-row.-minimal { + height: auto; +} +.Gallery .gallery-row.-grid .gallery-row-inner, .Gallery .gallery-row.-minimal .gallery-row-inner { + position: relative; +} +.Gallery .gallery-row-inner { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-line-pack: stretch; + align-content: stretch; +} +.Gallery .gallery-row-inner.-grid { + width: 100%; + height: auto; + position: relative; + display: -ms-grid; + display: grid; + grid-column-gap: 0.5em; + grid-row-gap: 0.5em; + -ms-grid-columns: (minmax(15em, 1fr))[auto-fill]; + grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)); +} +.Gallery .gallery-row-inner.-grid .gallery-item { + margin: 0; + height: 200px; +} +.Gallery .gallery-item { + margin: 0 0.5em 0 0; + -ms-flex-positive: 1; + flex-grow: 1; + height: 100%; + box-sizing: border-box; + min-width: 2em; +} +.Gallery .gallery-item:last-child { + margin: 0; +} +.Avatar { + --_avatarShadowBox: var(--avatarStatusShadow); + --_avatarShadowFilter: var(--avatarStatusShadowFilter); + --_avatarShadowInset: var(--avatarStatusShadowInset); + --_still-image-label-visibility: hidden; + display: inline-block; + position: relative; + width: 48px; + height: 48px; +} +.Avatar.-compact { + width: 32px; + height: 32px; + border-radius: 10px; + border-radius: var(--avatarAltRadius, 10px); +} +.Avatar .avatar { + width: 100%; + height: 100%; + box-shadow: var(--_avatarShadowBox); + border-radius: 4px; + border-radius: var(--avatarRadius, 4px); +} +.Avatar .avatar.-better-shadow { + box-shadow: var(--_avatarShadowInset); + filter: var(--_avatarShadowFilter); +} +.Avatar .avatar.-animated::before { + display: none; +} +.Avatar .avatar.-compact { + border-radius: 10px; + border-radius: var(--avatarAltRadius, 10px); +} +.Avatar .avatar.-placeholder { + background-color: #182230; + background-color: var(--fg, #182230); +} +.Avatar img { + width: 100%; + height: 100%; +} +.Avatar .bot-indicator { + position: absolute; + bottom: 0; + right: 0; + margin: -0.2em; + padding: 0.2em; + background: rgba(127, 127, 127, 0.5); + color: #fff; + border-radius: var(--tooltipRadius); +} +.MentionLink { + position: relative; + white-space: normal; + display: inline; + color: var(--link); + word-break: normal; +} +.MentionLink .new, .MentionLink .original { + display: inline; + border-radius: 2px; +} +.MentionLink .mention-avatar { + border-radius: var(--avatarAltRadius, 10px); + width: 1.5em; + height: 1.5em; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 0.2em; +} +.MentionLink .full { + position: absolute; + display: inline-block; + pointer-events: none; + opacity: 0; + top: 100%; + left: 0; + height: 100%; + word-wrap: normal; + white-space: nowrap; + transition: opacity 0.2s ease; + z-index: 1; + margin-top: 0.25em; + padding: 0.5em; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; +} +.MentionLink .short.-with-tooltip, .MentionLink .you { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.MentionLink .short, .MentionLink .full { + white-space: nowrap; +} +.MentionLink .shortName { + white-space: normal; +} +.MentionLink .new .at { + color: var(--link); + opacity: 0.8; + display: inline-block; + line-height: 1; + padding: 0 0.1em; + vertical-align: -25%; + margin: 0; +} +.MentionLink .new.-striped .shortName, .MentionLink .new.-striped .full { + background-image: repeating-linear-gradient(135deg, var(--____highlight-tintColor), var(--____highlight-tintColor) 5px, var(--____highlight-tintColor2) 5px, var(--____highlight-tintColor2) 10px); +} +.MentionLink .new.-solid .shortName, .MentionLink .new.-solid .full { + background-image: linear-gradient(var(--____highlight-tintColor2), var(--____highlight-tintColor2)); +} +.MentionLink .new.-side .shortName, .MentionLink .new.-side .userNameFull { + box-shadow: 0 -5px 3px -4px inset var(--____highlight-solidColor); +} +.MentionLink:hover .new .full { + opacity: 1; + pointer-events: initial; +} +.MentionLink .serverName.-faded { + color: var(--faintLink, #d8a070); +} +.MentionLink .full .-faded { + color: var(--faint, rgba(185, 185, 186, 0.5)); +} +.MentionsLine { + word-break: break-all; +} +.MentionsLine .mention-link:not(:first-child)::before { + content: " "; +} +.MentionsLine .showMoreLess { + margin-left: 0.5em; + white-space: normal; + color: var(--link); +} +.HashtagLink { + position: relative; + white-space: normal; + display: inline-block; + color: var(--link); +} +.RichContent blockquote { + margin: 0.2em 0 0.2em 2em; + font-style: italic; +} +.RichContent pre { + overflow: auto; +} +.RichContent code, +.RichContent samp, +.RichContent kbd, +.RichContent var, +.RichContent pre { + font-family: var(--postCodeFont, monospace); +} +.RichContent p { + margin: 0 0 1em 0; +} +.RichContent p:last-child { + margin: 0 0 0 0; +} +.RichContent h1 { + font-size: 1.1em; + line-height: 1.2em; + margin: 1.4em 0; +} +.RichContent h2 { + font-size: 1.1em; + margin: 1em 0; +} +.RichContent h3 { + font-size: 1em; + margin: 1.2em 0; +} +.RichContent h4 { + margin: 1.1em 0; +} +.RichContent .img { + display: inline-block; +} +.RichContent .emoji { + display: inline-block; + width: var(--emoji-size, 32px); + height: var(--emoji-size, 32px); +} +.RichContent .img, +.RichContent video { + max-width: 100%; + max-height: 400px; + vertical-align: middle; + -o-object-fit: contain; + object-fit: contain; +} +.poll .votes { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + margin: 0 0 0.5em; +} +.poll .poll-option { + margin: 0.75em 0.5em; +} +.poll .option-result { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + position: relative; + color: #b9b9ba; + color: var(--lightText, #b9b9ba); +} +.poll .option-result-label { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0.1em 0.25em; + z-index: 1; + word-break: break-word; +} +.poll .result-percentage { + width: 3.5em; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.poll .result-fill { + height: 100%; + position: absolute; + color: #b9b9ba; + color: var(--pollText, #b9b9ba); + background-color: #151e2a; + background-color: var(--poll, #151e2a); + border-radius: 10px; + border-radius: var(--panelRadius, 10px); + top: 0; + left: 0; + transition: width 0.5s; +} +.poll .option-vote { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.poll input { + width: 3.5em; +} +.poll .footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.poll.loading * { + cursor: progress; +} +.poll .poll-vote-button { + padding: 0 0.5em; + margin-right: 0.5em; +} +.StatusBody { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.StatusBody .emoji { + --_still_image-label-scale: 0.5; + width: 50px; + height: 50px; +} +.StatusBody .attachments { + margin-top: 0.5em; +} +.StatusBody .text, .StatusBody .summary { + font-family: var(--postFont, sans-serif); + white-space: pre-wrap; + overflow-wrap: break-word; + word-wrap: break-word; + word-break: break-word; + line-height: var(--post-line-height); +} +.StatusBody .summary { + display: block; + font-style: italic; + padding-bottom: 0.5em; +} +.StatusBody .text.-single-line { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + height: 1.4em; +} +.StatusBody .summary-wrapper { + margin-bottom: 0.5em; + border-style: solid; + border-width: 0 0 1px 0; + border-color: var(--border, #222); + -ms-flex-positive: 0; + flex-grow: 0; +} +.StatusBody .summary-wrapper.-tall { + position: relative; +} +.StatusBody .summary-wrapper.-tall .summary { + max-height: 2em; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.StatusBody .text-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.StatusBody .text-wrapper.-tall-status { + position: relative; + height: 220px; + overflow-x: hidden; + overflow-y: hidden; + z-index: 1; +} +.StatusBody .text-wrapper.-tall-status .media-body { + min-height: 0; + -webkit-mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white); + mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white); + /* Autoprefixed seem to ignore this one, and also syntax is different */ + -webkit-mask-composite: xor; + mask-composite: exclude; +} +.StatusBody .tall-status-hider, .StatusBody .tall-subject-hider, .StatusBody .status-unhider, .StatusBody .cw-status-hider { + display: inline-block; + word-break: break-all; + width: 100%; + text-align: center; +} +.StatusBody .tall-status-hider { + position: absolute; + height: 70px; + margin-top: 150px; + line-height: 110px; + z-index: 2; +} +.StatusBody .tall-subject-hider { + padding-bottom: 0.5em; +} +.StatusBody .status-unhider, .StatusBody .cw-status-hider { + word-break: break-all; +} +.StatusBody .status-unhider svg, .StatusBody .cw-status-hider svg { + color: inherit; +} +.StatusBody .greentext { + color: #0fa00f; + color: var(--postGreentext, #0fa00f); +} +.StatusBody .cyantext { + color: var(--postCyantext, #0095ff); +} +.StatusBody.-compact { + -ms-flex-align: top; + align-items: top; + -ms-flex-direction: row; + flex-direction: row; + --emoji-size: 16px; +} +.StatusBody.-compact .body, .StatusBody.-compact .attachments { + max-height: 3.25em; +} +.StatusBody.-compact .body { + overflow: hidden; + white-space: normal; + min-width: 5em; + -ms-flex: 5 1 auto; + flex: 5 1 auto; + -webkit-mask-size: auto 3.5em, auto auto; + mask-size: auto 3.5em, auto auto; + -webkit-mask-position: 0 0, 0 0; + mask-position: 0 0, 0 0; + -webkit-mask-repeat: repeat-x, repeat; + mask-repeat: repeat-x, repeat; + -webkit-mask-image: linear-gradient(to bottom, white 2em, transparent 3em); + mask-image: linear-gradient(to bottom, white 2em, transparent 3em); + /* Autoprefixed seem to ignore this one, and also syntax is different */ + -webkit-mask-composite: xor; + mask-composite: exclude; +} +.StatusBody.-compact .attachments { + margin-top: 0; + -ms-flex: 1 1 0px; + flex: 1 1 0; + min-width: 5em; + height: 100%; + margin-left: 0.5em; +} +.StatusBody.-compact .summary-wrapper { + line-height: inherit; + margin: 0; + border: none; + display: inline-block; +} +.StatusBody.-compact .summary-wrapper .summary::after { + content: ": "; +} +.StatusBody.-compact .text-wrapper { + display: inline-block; +} +.link-preview-card { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + cursor: pointer; + overflow: hidden; + margin-top: 0.5em; + color: #b9b9ba; + color: var(--text, #b9b9ba); + border-style: solid; + border-width: 1px; + border-radius: 10px; + border-radius: var(--attachmentRadius, 10px); + border-color: #222; + border-color: var(--border, #222); +} +.link-preview-card .card-image { + -ms-flex-negative: 0; + flex-shrink: 0; + width: 120px; + max-width: 25%; +} +.link-preview-card .card-image img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 10px; + border-radius: var(--attachmentRadius, 10px); +} +.link-preview-card .card-content { + max-height: 100%; + margin: 0.5em; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.link-preview-card .card-host { + font-size: 0.85em; +} +.link-preview-card .card-description { + margin: 0.5em 0 0 0; + overflow: hidden; + text-overflow: ellipsis; + word-break: break-word; + line-height: 1.2em; + max-height: calc(1.2em * 3 - 1px); +} +.link-preview-card .nsfw-alert { + margin: 2em 0; +} +.StatusContent { + -ms-flex: 1; + flex: 1; + min-width: 0; +} +.StatusContent img.emoji, .StatusContent video.emoji { + width: 50px; + height: 50px; +} +.post-status-form { + position: relative; +} +.post-status-form .attachments { + margin-bottom: 0.5em; +} +.post-status-form .form-bottom { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0.5em; + height: 2.5em; +} +.post-status-form .form-bottom button { + width: 10em; +} +.post-status-form .form-bottom p { + margin: 0.35em; + padding: 0.35em; + display: -ms-flexbox; + display: flex; +} +.post-status-form .form-bottom-left { + display: -ms-flexbox; + display: flex; + -ms-flex: 1; + flex: 1; + padding-right: 7px; + margin-right: 7px; + max-width: 10em; +} +.post-status-form .preview-heading { + display: -ms-flexbox; + display: flex; + padding-left: 0.5em; +} +.post-status-form .preview-toggle { + -ms-flex: 1; + flex: 1; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.post-status-form .preview-toggle:hover { + text-decoration: underline; +} +.post-status-form .preview-toggle svg, .post-status-form .preview-toggle i { + margin-left: 0.2em; + font-size: 0.8em; + transform: rotate(90deg); +} +.post-status-form .preview-container { + margin-bottom: 1em; +} +.post-status-form .preview-error { + font-style: italic; + color: rgba(185, 185, 186, 0.5); + color: var(--faint, rgba(185, 185, 186, 0.5)); +} +.post-status-form .preview-status { + border: 1px solid #222; + border: 1px solid var(--border, #222); + border-radius: 5px; + border-radius: var(--tooltipRadius, 5px); + padding: 0.5em; + margin: 0; +} +.post-status-form .text-format .only-format { + color: rgba(185, 185, 186, 0.5); + color: var(--faint, rgba(185, 185, 186, 0.5)); +} +.post-status-form .visibility-tray { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + padding-top: 5px; + -ms-flex-align: baseline; + align-items: baseline; +} +.post-status-form .media-upload-icon, .post-status-form .poll-icon, .post-status-form .emoji-icon { + font-size: 1.85em; + line-height: 1.1; + -ms-flex: 1; + flex: 1; + padding: 0 0.1em; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.post-status-form .media-upload-icon.selected svg, .post-status-form .media-upload-icon.selected i, .post-status-form .media-upload-icon.selected label, .post-status-form .media-upload-icon:hover svg, .post-status-form .media-upload-icon:hover i, .post-status-form .media-upload-icon:hover label, .post-status-form .poll-icon.selected svg, .post-status-form .poll-icon.selected i, .post-status-form .poll-icon.selected label, .post-status-form .poll-icon:hover svg, .post-status-form .poll-icon:hover i, .post-status-form .poll-icon:hover label, .post-status-form .emoji-icon.selected svg, .post-status-form .emoji-icon.selected i, .post-status-form .emoji-icon.selected label, .post-status-form .emoji-icon:hover svg, .post-status-form .emoji-icon:hover i, .post-status-form .emoji-icon:hover label { + color: #b9b9ba; + color: var(--lightText, #b9b9ba); +} +.post-status-form .media-upload-icon.disabled svg, .post-status-form .media-upload-icon.disabled i, .post-status-form .poll-icon.disabled svg, .post-status-form .poll-icon.disabled i, .post-status-form .emoji-icon.disabled svg, .post-status-form .emoji-icon.disabled i { + cursor: not-allowed; + color: #666; + color: var(--btnDisabledText, #666); +} +.post-status-form .media-upload-icon.disabled svg:hover, .post-status-form .media-upload-icon.disabled i:hover, .post-status-form .poll-icon.disabled svg:hover, .post-status-form .poll-icon.disabled i:hover, .post-status-form .emoji-icon.disabled svg:hover, .post-status-form .emoji-icon.disabled i:hover { + color: #666; + color: var(--btnDisabledText, #666); +} +.post-status-form .media-upload-icon { + -ms-flex-order: 1; + order: 1; + -ms-flex-pack: left; + justify-content: left; +} +.post-status-form .emoji-icon { + -ms-flex-order: 2; + order: 2; + -ms-flex-pack: center; + justify-content: center; +} +.post-status-form .poll-icon { + -ms-flex-order: 3; + order: 3; + -ms-flex-pack: right; + justify-content: right; +} +.post-status-form .error { + text-align: center; +} +.post-status-form .media-upload-wrapper { + margin-right: 0.2em; + margin-bottom: 0.5em; + width: 18em; +} +.post-status-form .media-upload-wrapper img, .post-status-form .media-upload-wrapper video { + -o-object-fit: contain; + object-fit: contain; + max-height: 10em; +} +.post-status-form .media-upload-wrapper .video { + max-height: 10em; +} +.post-status-form .media-upload-wrapper input { + -ms-flex: 1; + flex: 1; + width: 100%; +} +.post-status-form .status-input-wrapper { + display: -ms-flexbox; + display: flex; + position: relative; + width: 100%; + -ms-flex-direction: column; + flex-direction: column; +} +.post-status-form .btn[disabled] { + cursor: not-allowed; +} +.post-status-form form { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + margin: 0.6em; + position: relative; +} +.post-status-form .form-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding: 0.25em 0.5em 0.5em; + line-height: 1.85; +} +.post-status-form .form-post-body { + box-sizing: content-box; + overflow: hidden; + transition: min-height 200ms 100ms; + padding-bottom: calc(var(--_padding) + var(--post-line-height) * 1em); + height: calc(var(--post-line-height) * 1em); + min-height: calc(var(--post-line-height) * 1em); + resize: none; +} +.post-status-form .form-post-body.scrollable-form { + overflow-y: auto; +} +.post-status-form .main-input { + position: relative; +} +.post-status-form .character-counter { + position: absolute; + bottom: 0; + right: 0; + padding: 0; + margin: 0 0.5em; +} +.post-status-form .character-counter.error { + color: #ff0000; + color: var(--cRed, #ff0000); +} +.post-status-form .btn[disabled] { + cursor: not-allowed; +} +@keyframes fade-in { +from { + opacity: 0; +} +to { + opacity: 0.6; +} +} +@keyframes fade-out { +from { + opacity: 0.6; +} +to { + opacity: 0; +} +} +.post-status-form .drop-indicator { + position: absolute; + width: 100%; + height: 100%; + font-size: 5em; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + opacity: 0.6; + color: #b9b9ba; + color: var(--text, #b9b9ba); + background-color: #121a24; + background-color: var(--bg, #121a24); + border-radius: 5px; + border-radius: var(--tooltipRadius, 5px); + border: 2px dashed #b9b9ba; + border: 2px dashed var(--text, #b9b9ba); +} +.remote-follow { + max-width: 220px; +} +.remote-follow .remote-button { + width: 100%; + min-height: 2em; +} +.dark-overlay::before { + bottom: 0; + content: " "; + display: block; + cursor: default; + left: 0; + position: fixed; + right: 0; + top: 0; + background: rgba(27, 31, 35, 0.5); + z-index: 99; +} +.dialog-modal.panel { + top: 0; + left: 50%; + max-height: 80vh; + max-width: 90vw; + margin: 15vh auto; + position: fixed; + transform: translateX(-50%); + z-index: 999; + cursor: default; + display: block; + background-color: #121a24; + background-color: var(--bg, #121a24); +} +.dialog-modal.panel .dialog-modal-heading .title { + text-align: center; +} +.dialog-modal.panel .dialog-modal-content { + margin: 0; + padding: 1rem 1rem; + background-color: #121a24; + background-color: var(--bg, #121a24); + white-space: normal; +} +.dialog-modal.panel .dialog-modal-footer { + margin: 0; + padding: 0.5em 0.5em; + background-color: #121a24; + background-color: var(--bg, #121a24); + border-top: 1px solid #222; + border-top: 1px solid var(--border, #222); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; +} +.dialog-modal.panel .dialog-modal-footer button { + width: auto; + margin-left: 0.5rem; +} +@charset "UTF-8"; +.popover-trigger-button { + display: inline-block; +} +.popover { + z-index: 500; + position: absolute; + min-width: 0; +} +.popover-default { + transition: opacity 0.3s; + border-radius: 4px; + border-radius: var(--btnRadius, 4px); + background-color: #121a24; + background-color: var(--popover, #121a24); + color: #b9b9ba; + color: var(--popoverText, #b9b9ba); + --faint: var(--popoverFaintText, $fallback--faint); + --faintLink: var(--popoverFaintLink, $fallback--faint); + --lightText: var(--popoverLightText, $fallback--lightText); + --postLink: var(--popoverPostLink, $fallback--link); + --postFaintLink: var(--popoverPostFaintLink, $fallback--link); + --icon: var(--popoverIcon, $fallback--icon); +} +.popover-default:after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 3; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); + box-shadow: var(--panelShadow); + pointer-events: none; +} +.dropdown-menu { + display: block; + padding: 0.5rem 0; + font-size: 1em; + text-align: left; + list-style: none; + max-width: 100vw; + z-index: 200; + white-space: nowrap; +} +.dropdown-menu .dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #222; + border-top: 1px solid var(--border, #222); +} +.dropdown-menu .dropdown-item { + line-height: 21px; + overflow: hidden; + display: block; + padding: 0.5em 0.75em; + clear: both; + font-weight: 400; + text-align: inherit; + white-space: nowrap; + border: none; + border-radius: 0px; + background-color: transparent; + box-shadow: none; + width: 100%; + height: 100%; + box-sizing: border-box; + --btnText: var(--popoverText, $fallback--text); +} +.dropdown-menu .dropdown-item-icon svg { + width: 22px; + margin-right: 0.75rem; + color: var(--menuPopoverIcon, #666); +} +.dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:hover { + background-color: #151e2a; + background-color: var(--selectedMenuPopover, #151e2a); + box-shadow: none; + --btnText: var(--selectedMenuPopoverText, $fallback--link); + --faint: var(--selectedMenuPopoverFaintText, $fallback--faint); + --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint); + --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText); + --icon: var(--selectedMenuPopoverIcon, $fallback--icon); +} +.dropdown-menu .dropdown-item:active svg, .dropdown-menu .dropdown-item:hover svg { + color: var(--selectedMenuPopoverIcon, #666); + --icon: var(--selectedMenuPopoverIcon, $fallback--icon); +} +.dropdown-menu .dropdown-item .menu-checkbox { + display: inline-block; + vertical-align: middle; + min-width: 22px; + max-width: 22px; + min-height: 22px; + max-height: 22px; + line-height: 22px; + text-align: center; + border-radius: 0px; + background-color: #182230; + background-color: var(--input, #182230); + box-shadow: 0px 0px 2px black inset; + box-shadow: var(--inputShadow); + margin-right: 0.75em; +} +.dropdown-menu .dropdown-item .menu-checkbox.menu-checkbox-checked::after { + font-size: 1.25em; + content: "\2713"; +} +.dropdown-menu .dropdown-item .menu-checkbox.-radio { + border-radius: 9999px; +} +.dropdown-menu .dropdown-item .menu-checkbox.-radio.menu-checkbox-checked::after { + font-size: 2em; + content: "\2022"; +} +.dropdown-menu .button-default.dropdown-item, +.dropdown-menu .button-default.dropdown-item i[class*=icon-] { + color: #b9b9ba; + color: var(--btnText, #b9b9ba); +} +.dropdown-menu .button-default.dropdown-item:active { + background-color: #151e2a; + background-color: var(--selectedMenuPopover, #151e2a); + color: #d8a070; + color: var(--selectedMenuPopoverText, #d8a070); +} +.dropdown-menu .button-default.dropdown-item:disabled { + color: #b9b9ba; + color: var(--btnDisabledText, #b9b9ba); +} +.dropdown-menu .button-default.dropdown-item.toggled { + color: #b9b9ba; + color: var(--btnToggledText, #b9b9ba); +} +.moderation-tools-popover { + height: 100%; +} +.moderation-tools-popover .trigger { + display: -ms-flexbox !important; + display: flex !important; + height: 100%; +} +.moderation-tools-button svg, .moderation-tools-button i { + font-size: 0.8em; +} +.AccountActions .ellipsis-button { + width: 2.5em; + margin: -0.5em 0; + padding: 0.5em 0; + text-align: center; +} +.AccountActions .ellipsis-button:not(:hover) .icon { + color: #b9b9ba; + color: var(--lightText, #b9b9ba); +} +.user-card { + position: relative; + z-index: 1; +} +.user-card:hover { + --_still-image-img-visibility: visible; + --_still-image-canvas-visibility: hidden; + --_still-image-label-visibility: hidden; +} +.user-card .panel-heading { + padding: 0.5em 0; + text-align: center; + box-shadow: none; + background: transparent; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: stretch; + align-items: stretch; + position: relative; +} +.user-card .panel-body { + word-wrap: break-word; + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; + position: relative; +} +.user-card .background-image { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + -webkit-mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white); + mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white); + -webkit-mask-composite: xor; + mask-composite: exclude; + background-size: cover; + -webkit-mask-size: 100% 60%; + mask-size: 100% 60%; + border-top-left-radius: calc(var(--panelRadius) - 1px); + border-top-right-radius: calc(var(--panelRadius) - 1px); + background-color: var(--profileBg); + z-index: -2; +} +.user-card .background-image.hide-bio { + -webkit-mask-size: 100% 40px; + mask-size: 100% 40px; +} +.user-card-bio { + text-align: center; + display: block; + line-height: 1.3; + padding: 1em; + margin: 0; +} +.user-card-bio a { + color: #d8a070; + color: var(--postLink, #d8a070); +} +.user-card-bio img { + -o-object-fit: contain; + object-fit: contain; + vertical-align: middle; + max-width: 100%; + max-height: 400px; +} +.user-card-rounded-t { + border-top-left-radius: 10px; + border-top-left-radius: var(--panelRadius, 10px); + border-top-right-radius: 10px; + border-top-right-radius: var(--panelRadius, 10px); +} +.user-card-rounded { + border-radius: 10px; + border-radius: var(--panelRadius, 10px); +} +.user-card-bordered { + border-width: 1px; + border-style: solid; + border-color: #222; + border-color: var(--border, #222); +} +.user-info { + color: #b9b9ba; + color: var(--lightText, #b9b9ba); + padding: 0 26px; +} +.user-info .container { + min-width: 0; + padding: 16px 0 6px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items: flex-start; + max-height: 56px; +} +.user-info .container > * { + min-width: 0; +} +.user-info .container .Avatar { + --_avatarShadowBox: var(--avatarShadow); + --_avatarShadowFilter: var(--avatarShadowFilter); + --_avatarShadowInset: var(--avatarShadowInset); + -ms-flex: 1 0 100%; + flex: 1 0 100%; + width: 56px; + height: 56px; + -o-object-fit: cover; + object-fit: cover; +} +.user-info-avatar-link { + position: relative; + cursor: pointer; +} +.user-info-avatar-link-overlay { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.3); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + border-radius: var(--avatarRadius, 4px); + opacity: 0; + transition: opacity 0.2s ease; +} +.user-info-avatar-link-overlay svg { + color: #FFF; +} +.user-info-avatar-link:hover .user-info-avatar-link-overlay { + opacity: 1; +} +.user-info .external-link-button, .user-info .edit-profile-button { + cursor: pointer; + width: 2.5em; + text-align: center; + margin: -0.5em 0; + padding: 0.5em 0; +} +.user-info .external-link-button:not(:hover) .icon, .user-info .edit-profile-button:not(:hover) .icon { + color: #b9b9ba; + color: var(--lightText, #b9b9ba); +} +.user-info .user-summary { + display: block; + margin-left: 0.6em; + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + -ms-flex: 1 1 0px; + flex: 1 1 0; + z-index: 1; + line-height: 2em; + --emoji-size: 1.7em; +} +.user-info .user-summary .top-line, +.user-info .user-summary .bottom-line { + display: -ms-flexbox; + display: flex; +} +.user-info .user-name { + text-overflow: ellipsis; + overflow: hidden; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-right: 1em; + font-size: 1.1em; +} +.user-info .bottom-line { + font-weight: light; + font-size: 1.1em; + -ms-flex-align: baseline; + align-items: baseline; +} +.user-info .bottom-line .lock-icon { + margin-left: 0.5em; +} +.user-info .bottom-line .user-screen-name { + min-width: 1px; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + text-overflow: ellipsis; + overflow: hidden; + color: #b9b9ba; + color: var(--lightText, #b9b9ba); +} +.user-info .bottom-line .dailyAvg { + min-width: 1px; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + margin-left: 1em; + font-size: 0.7em; + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.user-info .bottom-line .user-role { + -ms-flex: none; + flex: none; + color: #b9b9ba; + color: var(--alertNeutralText, #b9b9ba); + background-color: #182230; + background-color: var(--alertNeutral, #182230); +} +.user-info .user-meta { + margin-bottom: 0.15em; + display: -ms-flexbox; + display: flex; + -ms-flex-align: baseline; + align-items: baseline; + line-height: 22px; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.user-info .user-meta .following { + -ms-flex: 1 0 auto; + flex: 1 0 auto; + margin: 0; + margin-bottom: 0.25em; + text-align: left; +} +.user-info .user-meta .highlighter { + -ms-flex: 0 1 auto; + flex: 0 1 auto; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.5em; + -ms-flex-item-align: start; + align-self: start; +} +.user-info .user-meta .highlighter .userHighlightCl { + padding: 2px 10px; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} +.user-info .user-meta .highlighter .userHighlightSel { + padding-top: 0; + padding-bottom: 0; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} +.user-info .user-meta .highlighter .userHighlightText { + width: 70px; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} +.user-info .user-meta .highlighter .userHighlightCl, +.user-info .user-meta .highlighter .userHighlightText, +.user-info .user-meta .highlighter .userHighlightSel { + vertical-align: top; + margin-right: 0.5em; + margin-bottom: 0.25em; +} +.user-info .user-interactions { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-right: -0.75em; +} +.user-info .user-interactions > * { + margin: 0 0.75em 0.6em 0; + white-space: nowrap; + min-width: 95px; +} +.user-info .user-interactions button { + margin: 0; +} +.sidebar .edit-profile-button { + display: none; +} +.user-counts { + display: -ms-flexbox; + display: flex; + line-height: 16px; + padding: 0.5em 1.5em 0em 1.5em; + text-align: center; + -ms-flex-pack: justify; + justify-content: space-between; + color: #b9b9ba; + color: var(--lightText, #b9b9ba); + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.user-count { + -ms-flex: 1 0 auto; + flex: 1 0 auto; + padding: 0.5em 0 0.5em 0; + margin: 0 0.5em; +} +.user-count h5 { + font-size: 1em; + font-weight: bolder; + margin: 0 0 0.25em; +} +.user-count a { + text-decoration: none; +} +.user-panel .signed-in { + overflow: visible; + z-index: 10; +} +.NavPanel .panel { + overflow: hidden; + box-shadow: var(--panelShadow); +} +.NavPanel ul { + list-style: none; + margin: 0; + padding: 0; +} +.NavPanel li { + position: relative; + border-bottom: 1px solid; + border-color: #222; + border-color: var(--border, #222); + padding: 0; +} +.NavPanel li:first-child .menu-item { + border-top-right-radius: 10px; + border-top-right-radius: var(--panelRadius, 10px); + border-top-left-radius: 10px; + border-top-left-radius: var(--panelRadius, 10px); +} +.NavPanel li:last-child .menu-item { + border-bottom-right-radius: 10px; + border-bottom-right-radius: var(--panelRadius, 10px); + border-bottom-left-radius: 10px; + border-bottom-left-radius: var(--panelRadius, 10px); +} +.NavPanel li:last-child { + border: none; +} +.NavPanel .menu-item { + display: block; + box-sizing: border-box; + height: 3.5em; + line-height: 3.5em; + padding: 0 1em; + width: 100%; + color: #d8a070; + color: var(--link, #d8a070); +} +.NavPanel .menu-item:hover { + background-color: #151e2a; + background-color: var(--selectedMenu, #151e2a); + color: #d8a070; + color: var(--selectedMenuText, #d8a070); + --faint: var(--selectedMenuFaintText, $fallback--faint); + --faintLink: var(--selectedMenuFaintLink, $fallback--faint); + --lightText: var(--selectedMenuLightText, $fallback--lightText); + --icon: var(--selectedMenuIcon, $fallback--icon); +} +.NavPanel .menu-item.router-link-active { + font-weight: bolder; + background-color: #151e2a; + background-color: var(--selectedMenu, #151e2a); + color: #b9b9ba; + color: var(--selectedMenuText, #b9b9ba); + --faint: var(--selectedMenuFaintText, $fallback--faint); + --faintLink: var(--selectedMenuFaintLink, $fallback--faint); + --lightText: var(--selectedMenuLightText, $fallback--lightText); + --icon: var(--selectedMenuIcon, $fallback--icon); +} +.NavPanel .menu-item.router-link-active:hover { + text-decoration: underline; +} +.NavPanel .timelines-chevron { + margin-left: 0.8em; + font-size: 1.1em; +} +.NavPanel .timelines-background { + padding: 0 0 0 0.6em; + background-color: #151e2a; + background-color: var(--selectedMenu, #151e2a); + border-top: 1px solid; + border-color: #222; + border-color: var(--border, #222); +} +.NavPanel .timelines { + background-color: #121a24; + background-color: var(--bg, #121a24); +} +.NavPanel .fa-scale-110 { + margin-right: 0.8em; +} +.NavPanel .badge { + position: absolute; + right: 0.6rem; + top: 1.25em; +} +.features-panel li { + line-height: 24px; +} +.who-to-follow * { + vertical-align: middle; +} +.who-to-follow img { + width: 32px; + height: 32px; +} +.who-to-follow { + padding: 0em 1em; + margin: 0px; +} +.who-to-follow-items { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 0px; + margin: 1em 0em; +} +.who-to-follow-more { + padding: 0px; + margin: 1em 0em; + text-align: center; +} +.floating-shout { + position: fixed; + bottom: 0.5em; + z-index: 1000; + max-width: 25em; +} +.floating-shout.-left { + left: 0.5em; +} +.floating-shout:not(.-left) { + right: 0.5em; +} +.shout-panel .shout-heading { + cursor: pointer; +} +.shout-panel .shout-heading .icon { + color: #b9b9ba; + color: var(--panelText, #b9b9ba); + margin-right: 0.5em; +} +.shout-panel .shout-heading .title { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.shout-panel .shout-window { + overflow-y: auto; + overflow-x: hidden; + max-height: 20em; +} +.shout-panel .shout-window-container { + height: 100%; +} +.shout-panel .shout-message { + display: -ms-flexbox; + display: flex; + padding: 0.2em 0.5em; +} +.shout-panel .shout-avatar img { + height: 24px; + width: 24px; + border-radius: 4px; + border-radius: var(--avatarRadius, 4px); + margin-right: 0.5em; + margin-top: 0.25em; +} +.shout-panel .shout-input { + display: -ms-flexbox; + display: flex; +} +.shout-panel .shout-input textarea { + -ms-flex: 1; + flex: 1; + margin: 0.6em; + min-height: 3.5em; + resize: none; +} +.shout-panel .shout-panel .title { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.modal-view { + z-index: 2000; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + overflow: auto; + pointer-events: none; + animation-duration: 0.2s; + animation-name: modal-background-fadein; + opacity: 0; +} +.modal-view > * { + pointer-events: initial; +} +.modal-view.modal-background { + pointer-events: initial; + background-color: rgba(0, 0, 0, 0.5); +} +.modal-view.open { + opacity: 1; +} +@keyframes modal-background-fadein { +from { + background-color: rgba(0, 0, 0, 0); +} +to { + background-color: rgba(0, 0, 0, 0.5); +} +} +.panel-loading { + display: -ms-flexbox; + display: flex; + height: 100%; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 2em; + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.panel-loading .loading-text svg { + line-height: 0; + vertical-align: middle; + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.async-component-error { + display: -ms-flexbox; + display: flex; + height: 100%; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.async-component-error .btn { + margin: 0.5em; + padding: 0.5em 2em; +} +.settings-modal { + overflow: hidden; +} +.settings-modal .setting-list, +.settings-modal .option-list { + list-style-type: none; + padding-left: 2em; +} +.settings-modal .setting-list li, +.settings-modal .option-list li { + margin-bottom: 0.5em; +} +.settings-modal .setting-list .suboptions, +.settings-modal .option-list .suboptions { + margin-top: 0.3em; +} +.settings-modal.peek .settings-modal-panel { + /* Explanation: + * Modal is positioned vertically centered. + * 100vh - 100% = Distance between modal's top+bottom boundaries and screen + * (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen + * + 100% - we move modal completely off-screen, it's top boundary touches + * bottom of the screen + * - 50px - leaving tiny amount of space so that titlebar + tiny amount of modal is visible + */ + transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px)); +} +@media all and (max-width: 800px) { +.settings-modal.peek .settings-modal-panel { + /* For mobile, the modal takes 100% of the available screen. + This ensures the minimized modal is always 50px above the browser bottom bar regardless of whether or not it is visible. + */ + transform: translateY(calc(100% - 50px)); +} +} +.settings-modal .settings-modal-panel { + overflow: hidden; + transition: transform; + transition-timing-function: ease-in-out; + transition-duration: 300ms; + width: 1000px; + max-width: 90vw; + height: 90vh; +} +@media all and (max-width: 800px) { +.settings-modal .settings-modal-panel { + max-width: 100vw; + height: 100%; +} +} +.settings-modal .settings-modal-panel > .panel-body { + height: 100%; + overflow-y: hidden; +} +.settings-modal .settings-modal-panel > .panel-body .btn { + min-height: 2em; + min-width: 10em; + padding: 0 2em; +} +.settings-modal .settings-footer { + display: -ms-flexbox; + display: flex; +} +.settings-modal .settings-footer > * { + margin-right: 0.5em; +} +.settings-modal .settings-footer .extra-content { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 1; + flex-grow: 1; +} +.modal-view.media-modal-view { + z-index: 9000; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden; +} +.modal-view.media-modal-view .modal-view-button-arrow, +.modal-view.media-modal-view .modal-view-button-hide { + opacity: 0.75; +} +.modal-view.media-modal-view .modal-view-button-arrow:focus, .modal-view.media-modal-view .modal-view-button-arrow:hover, +.modal-view.media-modal-view .modal-view-button-hide:focus, +.modal-view.media-modal-view .modal-view-button-hide:hover { + outline: none; + box-shadow: none; +} +.modal-view.media-modal-view .modal-view-button-arrow:hover, +.modal-view.media-modal-view .modal-view-button-hide:hover { + opacity: 1; +} +@keyframes media-fadein { +from { + opacity: 0; +} +to { + opacity: 1; +} +} +.media-modal-view .modal-image-container { + display: -ms-flexbox; + display: flex; + overflow: hidden; + -ms-flex-align: center; + align-items: center; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; + max-height: 100%; + width: 100%; + height: 100%; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-pack: center; + justify-content: center; +} +.media-modal-view .modal-image-container-inner { + width: 100%; + height: 100%; + -ms-flex-positive: 1; + flex-grow: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.media-modal-view .description, +.media-modal-view .counter { + /* Hardcoded since background is also hardcoded */ + color: white; + margin-top: 1em; + text-shadow: 0 0 10px black, 0 0 10px black; + padding: 0.2em 2em; +} +.media-modal-view .description { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + overflow-y: auto; + min-height: 1em; + max-width: 500px; + max-height: 9.5em; + word-break: break-all; +} +.media-modal-view .modal-image { + max-width: 100%; + max-height: 100%; + image-orientation: from-image; + animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein; +} +.media-modal-view .modal-image.loading { + opacity: 0.5; +} +.media-modal-view .loading-spinner { + width: 100%; + height: 100%; + position: absolute; + pointer-events: none; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; +} +.media-modal-view .loading-spinner svg { + color: white; +} +.media-modal-view .modal-view-button { + border: 0; + padding: 0; + opacity: 0; + box-shadow: none; + background: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + overflow: visible; + cursor: pointer; + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + height: 3em; + width: 3em; +} +.media-modal-view .modal-view-button .button-icon { + position: absolute; + height: 3em; + width: 3em; + font-size: 1rem; + line-height: 3em; + color: #FFF; + text-align: center; + background-color: rgba(0, 0, 0, 0.3); +} +.media-modal-view .modal-view-button-arrow { + position: absolute; + display: block; + top: 50%; + margin-top: calc(3em / 2); + width: 3em; + height: 3em; +} +.media-modal-view .modal-view-button-arrow .arrow-icon { + position: absolute; + top: 0; + line-height: 3em; + color: #FFF; + text-align: center; + background-color: rgba(0, 0, 0, 0.3); +} +.media-modal-view .modal-view-button-arrow--prev { + left: 0; +} +.media-modal-view .modal-view-button-arrow--prev .arrow-icon { + left: 0.5em; +} +.media-modal-view .modal-view-button-arrow--next { + right: 0; +} +.media-modal-view .modal-view-button-arrow--next .arrow-icon { + right: 0.5em; +} +.media-modal-view .modal-view-button-hide { + position: absolute; + top: 0; + right: 0; +} +.media-modal-view .modal-view-button-hide .button-icon { + top: 0.5em; + right: 0.5em; +} +.side-drawer-container { + position: fixed; + z-index: 1000; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: stretch; + align-items: stretch; + transition-duration: 0s; + transition-property: transform; +} +.side-drawer-container-open { + transform: translate(0%); +} +.side-drawer-container-closed { + transition-delay: 0.35s; + transform: translate(-100%); +} +.side-drawer-darken { + top: 0; + left: 0; + width: 100vw; + height: 100vh; + position: fixed; + z-index: -1; + transition: 0.35s; + transition-property: background-color; + background-color: rgba(0, 0, 0, 0.5); +} +.side-drawer-darken-closed { + background-color: rgba(0, 0, 0, 0); +} +.side-drawer-click-outside { + -ms-flex: 1 1 100%; + flex: 1 1 100%; +} +.side-drawer { + overflow-x: hidden; + transition-timing-function: cubic-bezier(0, 1, 0.5, 1); + transition: 0.35s; + transition-property: transform; + margin: 0 0 0 -100px; + padding: 0 0 1em 100px; + width: 80%; + max-width: 20em; + -ms-flex: 0 0 80%; + flex: 0 0 80%; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); + box-shadow: var(--panelShadow); + background-color: #121a24; + background-color: var(--popover, #121a24); + color: #d8a070; + color: var(--popoverText, #d8a070); + --faint: var(--popoverFaintText, $fallback--faint); + --faintLink: var(--popoverFaintLink, $fallback--faint); + --lightText: var(--popoverLightText, $fallback--lightText); + --icon: var(--popoverIcon, $fallback--icon); +} +.side-drawer .badge { + margin-left: 10px; +} +.side-drawer-logo-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0.85em; +} +.side-drawer-logo-wrapper img { + -ms-flex: none; + flex: none; + height: 50px; + margin-right: 0.85em; +} +.side-drawer-logo-wrapper span { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.side-drawer-click-outside-closed { + -ms-flex: 0 0 0px; + flex: 0 0 0; +} +.side-drawer-closed { + transform: translate(-100%); +} +.side-drawer-heading { + background: transparent; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: stretch; + align-items: stretch; + display: -ms-flexbox; + display: flex; + padding: 0; + margin: 0; +} +.side-drawer ul { + list-style: none; + margin: 0; + padding: 0; + border-bottom: 1px solid; + border-color: #222; + border-color: var(--border, #222); +} +.side-drawer ul:last-child { + border: 0; +} +.side-drawer li { + padding: 0; +} +.side-drawer li a, .side-drawer li button { + box-sizing: border-box; + display: block; + height: 3em; + line-height: 3em; + padding: 0 0.7em; +} +.side-drawer li a:hover, .side-drawer li button:hover { + background-color: #151e2a; + background-color: var(--selectedMenuPopover, #151e2a); + color: #b9b9ba; + color: var(--selectedMenuPopoverText, #b9b9ba); + --faint: var(--selectedMenuPopoverFaintText, $fallback--faint); + --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint); + --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText); + --icon: var(--selectedMenuPopoverIcon, $fallback--icon); +} +.MobilePostButton.button-default { + width: 5em; + height: 5em; + border-radius: 100%; + position: fixed; + bottom: 1.5em; + right: 1.5em; + background-color: #182230; + background-color: var(--btn, #182230); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 4px 6px rgba(0, 0, 0, 0.3); + z-index: 10; + transition: 0.35s transform; + transition-timing-function: cubic-bezier(0, 1, 0.5, 1); +} +.MobilePostButton.hidden { + transform: translateY(150%); +} +.MobilePostButton svg { + font-size: 1.5em; + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +@media all and (min-width: 801px) { +.new-status-button:not(.always-show) { + display: none; +} +} +.ReplyButton { + display: -ms-flexbox; + display: flex; +} +.ReplyButton > :first-child { + padding: 10px; + margin: -10px -8px -10px -10px; +} +.ReplyButton .action-counter { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ReplyButton .interactive:hover .svg-inline--fa, .ReplyButton .interactive.-active .svg-inline--fa { + color: #0095ff; + color: var(--cBlue, #0095ff); +} +.FavoriteButton { + display: -ms-flexbox; + display: flex; +} +.FavoriteButton > :first-child { + padding: 10px; + margin: -10px -8px -10px -10px; +} +.FavoriteButton .action-counter { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.FavoriteButton .interactive .svg-inline--fa { + animation-duration: 0.6s; +} +.FavoriteButton .interactive:hover .svg-inline--fa, .FavoriteButton .interactive.-favorited .svg-inline--fa { + color: orange; + color: var(--cOrange, orange); +} +.custom-reaction { + width: 30px !important; +} +.ReactButton { + /* override of popover internal stuff */ +} +.ReactButton .reaction-picker-filter { + padding: 0.5em; + display: -ms-flexbox; + display: flex; +} +.ReactButton .reaction-picker-filter input { + -ms-flex: 1; + flex: 1; +} +.ReactButton .reaction-picker-divider { + height: 1px; + width: 100%; + margin: 0.5em; + background-color: var(--border, #222); +} +.ReactButton .reaction-picker { + width: 10em; + height: 9em; + font-size: 1.5em; + overflow-y: scroll; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0.5em; + text-align: center; + -ms-flex-line-pack: start; + align-content: flex-start; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white); + mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white); + transition: -webkit-mask-size 150ms; + transition: mask-size 150ms; + transition: mask-size 150ms, -webkit-mask-size 150ms; + -webkit-mask-size: 100% 20px, 100% 20px, auto; + mask-size: 100% 20px, 100% 20px, auto; + /* Autoprefixed seem to ignore this one, and also syntax is different */ + -webkit-mask-composite: xor; + mask-composite: exclude; +} +.ReactButton .reaction-picker .emoji-button { + cursor: pointer; + -ms-flex-preferred-size: 20%; + flex-basis: 20%; + line-height: 1.5; + -ms-flex-line-pack: center; + align-content: center; +} +.ReactButton .reaction-picker .emoji-button:hover { + transform: scale(1.25); +} +.ReactButton .popover-trigger-button { + width: auto; +} +.ReactButton .popover-trigger { + padding: 10px; + margin: -10px; +} +.ReactButton .popover-trigger:hover .svg-inline--fa { + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.RetweetButton { + display: -ms-flexbox; + display: flex; +} +.RetweetButton > :first-child { + padding: 10px; + margin: -10px -8px -10px -10px; +} +.RetweetButton .action-counter { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.RetweetButton .interactive .svg-inline--fa { + animation-duration: 0.6s; +} +.RetweetButton .interactive:hover .svg-inline--fa, .RetweetButton .interactive.-repeated .svg-inline--fa { + color: #0fa00f; + color: var(--cGreen, #0fa00f); +} +.ExtraButtons { + /* override of popover internal stuff */ +} +.ExtraButtons .popover-trigger-button { + width: auto; +} +.ExtraButtons .popover-trigger { + position: static; + padding: 10px; + margin: -10px; +} +.ExtraButtons .popover-trigger:hover .svg-inline--fa { + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.avatars { + display: -ms-flexbox; + display: flex; + margin: 0; + padding: 0; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + height: 24px; +} +.avatars .avatars-item { + margin: 0 0 5px 5px; +} +.avatars .avatars-item:first-child { + padding-left: 5px; +} +.avatars .avatars-item .avatar-small { + border-radius: 10px; + border-radius: var(--avatarAltRadius, 10px); + height: 24px; + width: 24px; +} +/* popover styles load on-demand, so we need to override */ +.status-popover.popover { + font-size: 1rem; + min-width: 15em; + max-width: 95%; + border-color: #222; + border-color: var(--border, #222); + border-style: solid; + border-width: 1px; + border-radius: 5px; + border-radius: var(--tooltipRadius, 5px); + box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); + box-shadow: var(--popupShadow); + /* TODO cleanup this */ +} +.status-popover.popover .Status.Status { + border: none; +} +.status-popover.popover .status-preview-no-content { + padding: 1em; + text-align: center; +} +.status-popover.popover .status-preview-no-content i { + font-size: 2em; +} +.user-list-popover { + padding: 0.5em; + --emoji-size: 16px; +} +.user-list-popover .user-list-row { + padding: 0.25em; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; +} +.user-list-popover .user-list-row .user-list-names { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0.5em; + min-width: 5em; +} +.user-list-popover .user-list-row .user-list-names img { + width: 1em; + height: 1em; +} +.user-list-popover .user-list-row .user-list-screen-name { + font-size: 0.65em; +} +.emoji-reactions { + display: -ms-flexbox; + display: flex; + margin-top: 0.25em; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.unicode-emoji { + font-size: 210%; +} +.emoji-reaction { + padding: 0 0.5em; + margin-right: 0.5em; + margin-top: 0.5em; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + box-sizing: border-box; +} +.emoji-reaction .reaction-emoji { + width: 2.55em !important; + margin-right: 0.25em; +} +.emoji-reaction:focus { + outline: none; +} +.emoji-reaction.not-clickable { + cursor: default; +} +.emoji-reaction.not-clickable:hover { + box-shadow: 0px 0px 2px 0px black, 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset; + box-shadow: var(--buttonShadow); +} +.emoji-reaction-expand { + padding: 0 0.5em; + margin-right: 0.5em; + margin-top: 0.5em; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.emoji-reaction-expand:hover { + text-decoration: underline; +} +.picked-reaction { + border: 1px solid var(--accent, #d8a070); + margin-left: -1px; + margin-right: calc(0.5em - 1px); +} +.Status { + min-width: 0; + white-space: normal; + word-wrap: break-word; + word-break: break-word; +} +.Status:hover { + --_still-image-img-visibility: visible; + --_still-image-canvas-visibility: hidden; + --_still-image-label-visibility: hidden; +} +.Status.-focused { + background-color: #151e2a; + background-color: var(--selectedPost, #151e2a); + color: #b9b9ba; + color: var(--selectedPostText, #b9b9ba); + --lightText: var(--selectedPostLightText, $fallback--light); + --faint: var(--selectedPostFaintText, $fallback--faint); + --faintLink: var(--selectedPostFaintLink, $fallback--faint); + --postLink: var(--selectedPostPostLink, $fallback--faint); + --postFaintLink: var(--selectedPostFaintPostLink, $fallback--faint); + --icon: var(--selectedPostIcon, $fallback--icon); +} +.Status .gravestone { + padding: var(--status-margin, 0.75em); + color: rgba(185, 185, 186, 0.5); + color: var(--faint, rgba(185, 185, 186, 0.5)); + display: -ms-flexbox; + display: flex; +} +.Status .gravestone .deleted-text { + margin: 0.5em 0; + -ms-flex-align: center; + align-items: center; +} +.Status .status-container { + display: -ms-flexbox; + display: flex; + padding: var(--status-margin, 0.75em); +} +.Status .status-container > * { + min-width: 0; +} +.Status .status-container.-repeat { + padding-top: 0; +} +.Status .pin { + padding: var(--status-margin, 0.75em) var(--status-margin, 0.75em) 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; +} +._misclick-prevention .Status { + pointer-events: none; +} +._misclick-prevention .Status .attachments { + pointer-events: initial; + cursor: initial; +} +.Status .left-side { + margin-right: var(--status-margin, 0.75em); +} +.Status .right-side { + -ms-flex: 1; + flex: 1; + min-width: 0; +} +.Status .usercard { + margin-bottom: var(--status-margin, 0.75em); +} +.Status .status-username { + white-space: nowrap; + overflow: hidden; + max-width: 85%; + font-weight: bold; + -ms-flex-negative: 1; + flex-shrink: 1; + margin-right: 0.4em; + text-overflow: ellipsis; + --_still_image-label-scale: 0.25; + --emoji-size: 14px; +} +.Status .status-favicon { + height: 18px; + width: 18px; + margin-right: 0.4em; +} +.Status .status-heading { + margin-bottom: 0.5em; +} +.Status .heading-name-row { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + line-height: 1.3; +} +.Status .heading-name-row a { + display: inline-block; + word-break: break-all; +} +.Status .account-name { + min-width: 1.6em; + margin-right: 0.4em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -ms-flex: 1 1 0px; + flex: 1 1 0; +} +.Status .heading-left { + display: -ms-flexbox; + display: flex; + min-width: 0; +} +.Status .heading-right { + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.Status .heading-right .button-unstyled { + padding: 5px; + margin: -5px; +} +.Status .heading-right .button-unstyled:hover svg { + color: #b9b9ba; + color: var(--lightText, #b9b9ba); +} +.Status .heading-right .svg-inline--fa { + margin-left: 0.25em; +} +.Status .glued-label { + display: -ms-inline-flexbox; + display: inline-flex; + white-space: nowrap; +} +.Status .timeago { + margin-right: 0.2em; +} +.Status .heading-reply-row { + position: relative; + -ms-flex-line-pack: baseline; + align-content: baseline; + font-size: 0.85em; + margin-top: 0.2em; + line-height: 130%; + max-width: 100%; + -ms-flex-align: stretch; + align-items: stretch; +} +.Status .reply-to-popover, .Status .reply-to-no-popover, .Status .mentions { + min-width: 0; + margin-right: 0.4em; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.Status .reply-glued-label { + margin-right: 0.5em; +} +.Status .reply-to-popover .reply-to:hover::before { + content: ""; + display: block; + position: absolute; + bottom: 0; + width: 100%; + border-bottom: 1px solid var(--faint); + pointer-events: none; +} +.Status .reply-to-popover .faint-link:hover { + text-decoration: none; +} +.Status .reply-to-popover.-strikethrough .reply-to::after { + content: ""; + display: block; + position: absolute; + top: 50%; + width: 100%; + border-bottom: 1px solid var(--faint); + pointer-events: none; +} +.Status .mentions, .Status .reply-to { + white-space: nowrap; + position: relative; +} +.Status .mentions-text, .Status .reply-to-text { + color: var(--faint); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.Status .mentions-line { + display: inline; +} +.Status .replies { + margin-top: 0.25em; + line-height: 1.3; + font-size: 0.85em; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.Status .replies > * { + margin-right: 0.4em; +} +.Status .reply-link { + height: 17px; +} +.Status .repeat-info { + padding: 0.4em var(--status-margin, 0.75em); +} +.Status .repeat-info .repeat-icon { + color: #0fa00f; + color: var(--cGreen, #0fa00f); +} +.Status .repeater-avatar { + border-radius: var(--avatarAltRadius, 10px); + margin-left: 28px; + width: 20px; + height: 20px; +} +.Status .repeater-name { + text-overflow: ellipsis; + margin-right: 0; +} +.Status .repeater-name .emoji { + width: 14px; + height: 14px; + vertical-align: middle; + -o-object-fit: contain; + object-fit: contain; +} +.Status .status-fadein { + animation-duration: 0.4s; + animation-name: fadein; +} +@keyframes fadein { +from { + opacity: 0; +} +to { + opacity: 1; +} +} +.Status .status-actions { + position: relative; + width: 100%; + display: -ms-flexbox; + display: flex; + margin-top: var(--status-margin, 0.75em); +} +.Status .status-actions > * { + max-width: 4em; + -ms-flex: 1; + flex: 1; +} +.Status .muted { + padding: 0.25em 0.6em; + height: 1.2em; + line-height: 1.2em; + text-overflow: ellipsis; + overflow: hidden; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.Status .muted .status-username, .Status .muted .mute-thread, .Status .muted .mute-words { + word-wrap: normal; + word-break: normal; + white-space: nowrap; +} +.Status .muted .status-username, .Status .muted .mute-words { + text-overflow: ellipsis; + overflow: hidden; +} +.Status .muted .status-username { + font-weight: normal; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin-right: 0.2em; + font-size: smaller; +} +.Status .muted .mute-thread { + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +.Status .muted .mute-words { + -ms-flex: 1 0 5em; + flex: 1 0 5em; + margin-left: 0.2em; +} +.Status .muted .mute-words::before { + content: " "; +} +.Status .muted .unmute { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + margin-left: auto; + display: block; +} +.Status .reply-form { + padding-top: 0; + padding-bottom: 0; +} +.Status .reply-body { + -ms-flex: 1; + flex: 1; +} +.Status .favs-repeated-users { + margin-top: var(--status-margin, 0.75em); +} +.Status .stats { + width: 100%; + display: -ms-flexbox; + display: flex; + line-height: 1em; +} +.Status .avatar-row { + -ms-flex: 1; + flex: 1; + overflow: hidden; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.Status .avatar-row::before { + content: ""; + position: absolute; + height: 100%; + width: 1px; + left: 0; + background-color: var(--faint, rgba(185, 185, 186, 0.5)); +} +.Status .stat-count { + margin-right: var(--status-margin, 0.75em); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.Status .stat-count .stat-title { + color: var(--faint, rgba(185, 185, 186, 0.5)); + font-size: 0.85em; + text-transform: uppercase; + position: relative; +} +.Status .stat-count .stat-number { + font-weight: bolder; + font-size: 1.1em; + line-height: 1em; +} +.Status .stat-count:hover .stat-title { + text-decoration: underline; +} +@media all and (max-width: 800px) { +.Status .repeater-avatar { + margin-left: 20px; +} +.Status .post-avatar { + width: 40px; + height: 40px; +} +.Status .post-avatar.-compact { + width: 32px; + height: 32px; +} +} +.Notification { + border-bottom: 1px solid; + border-color: #222; + border-color: var(--border, #222); + word-wrap: break-word; + word-break: break-word; + --emoji-size: 14px; +} +.Notification:hover { + --_still-image-img-visibility: visible; + --_still-image-canvas-visibility: hidden; + --_still-image-label-visibility: hidden; +} +.Notification.-muted { + padding: 0.25em 0.6em; + height: 1.2em; + line-height: 1.2em; + text-overflow: ellipsis; + overflow: hidden; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.Notification.-muted .status-username, .Notification.-muted .mute-thread, .Notification.-muted .mute-words { + word-wrap: normal; + word-break: normal; + white-space: nowrap; +} +.Notification.-muted .status-username, .Notification.-muted .mute-words { + text-overflow: ellipsis; + overflow: hidden; +} +.Notification.-muted .status-username { + font-weight: normal; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin-right: 0.2em; + font-size: smaller; +} +.Notification.-muted .mute-thread { + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +.Notification.-muted .mute-words { + -ms-flex: 1 0 5em; + flex: 1 0 5em; + margin-left: 0.2em; +} +.Notification.-muted .mute-words::before { + content: " "; +} +.Notification.-muted .unmute { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + margin-left: auto; + display: block; +} +.Notification .type-icon { + margin: 0 0.1em; +} +.Notification.-type--repeat .type-icon { + color: #0fa00f; + color: var(--cGreen, #0fa00f); +} +.Notification.-type--follow .type-icon { + color: #0095ff; + color: var(--cBlue, #0095ff); +} +.Notification.-type--follow-request .type-icon { + color: #0095ff; + color: var(--cBlue, #0095ff); +} +.Notification.-type--like .type-icon { + color: orange; + color: orange; + color: var(--cOrange, orange); +} +.Notification.-type--move .type-icon { + color: #0095ff; + color: var(--cBlue, #0095ff); +} +.NotificationFilters { + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; +} +.NotificationFilters > button { + line-height: 100%; + height: 100%; + width: var(--__panel-heading-height-inner); + text-align: center; +} +.NotificationFilters > button svg { + font-size: 1.2em; +} +.Notifications:not(.minimal) { + padding-bottom: 15em; +} +.Notifications .loadmore-error { + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.Notifications .notification { + position: relative; +} +.Notifications .notification .notification-overlay { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + pointer-events: none; +} +.Notifications .notification.unseen .notification-overlay { + background-image: linear-gradient(135deg, var(--badgeNotification, #ff0000) 4px, transparent 10px); +} +.notification { + box-sizing: border-box; + /* TODO cleanup this */ +} +.notification:hover .animated.Avatar canvas { + display: none; +} +.notification:hover .animated.Avatar img { + visibility: visible; +} +.notification:last-child .Notification { + border-bottom: none; +} +.notification .non-mention { + display: -ms-flexbox; + display: flex; + -ms-flex: 1; + flex: 1; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + padding: 0.6em; + min-width: 0; + --link: var(--faintLink); + --text: var(--faint); +} +.notification .non-mention .avatar-container { + width: 32px; + height: 32px; +} +.notification .follow-request-accept:hover { + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.notification .follow-request-reject:hover { + color: #ff0000; + color: var(--cRed, #ff0000); +} +.notification .follow-text, .notification .move-text { + padding: 0.5em 0; + overflow-wrap: break-word; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; +} +.notification .follow-text .follow-name, .notification .move-text .follow-name { + display: block; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.notification .Status { + -ms-flex: 1; + flex: 1; +} +.notification time { + white-space: nowrap; +} +.notification .notification-right { + -ms-flex: 1; + flex: 1; + padding-left: 0.8em; + min-width: 0; +} +.notification .notification-right .timeago { + min-width: 3em; + text-align: right; +} +.notification .emoji-reaction-emoji { + font-size: 1.3em; +} +.notification .notification-details { + min-width: 0; + word-wrap: break-word; + line-height: var(--post-line-height); + position: relative; + overflow: hidden; + width: 100%; + -ms-flex: 1 1 0px; + flex: 1 1 0; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: justify; + justify-content: space-between; +} +.notification .notification-details .name-and-action { + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; +} +.notification .notification-details .username { + font-weight: bolder; + max-width: 100%; + text-overflow: ellipsis; + white-space: nowrap; +} +.notification .notification-details .timeago { + margin-right: 0.2em; +} +.notification .notification-details .status-content { + margin: 0; + max-height: 300px; +} +.notification .notification-details h1 { + word-break: break-all; + margin: 0 0 0.3em; + padding: 0; + font-size: 1em; + line-height: 1.5; +} +.notification .notification-details h1 small { + font-weight: lighter; +} +.notification .notification-details p { + margin: 0; + margin-top: 0; + margin-bottom: 0.3em; +} +.MobileNav .mobile-nav { + display: -ms-grid; + display: grid; + line-height: var(--navbar-height); + -ms-grid-rows: 50px; + grid-template-rows: 50px; + -ms-grid-columns: 2fr auto; + grid-template-columns: 2fr auto; + width: 100%; + box-sizing: border-box; +} +.MobileNav .mobile-nav a { + color: var(--topBarLink, #d8a070); +} +.MobileNav .mobile-inner-nav { + width: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.MobileNav .mobile-nav-button { + display: inline-block; + text-align: center; + padding: 0 1em; + position: relative; + cursor: pointer; +} +.MobileNav .site-name { + padding: 0 0.3em; + display: inline-block; +} +.MobileNav .item { + /* moslty just to get rid of extra whitespaces */ + display: -ms-flexbox; + display: flex; +} +.MobileNav .alert-dot { + border-radius: 100%; + height: 8px; + width: 8px; + position: absolute; + left: calc(50% - 4px); + top: calc(50% - 4px); + margin-left: 6px; + margin-top: -6px; + background-color: #ff0000; + background-color: var(--badgeNotification, #ff0000); +} +.MobileNav .mobile-notifications-drawer { + width: 100%; + height: 100vh; + overflow-x: hidden; + position: fixed; + top: 0; + left: 0; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); + box-shadow: var(--panelShadow); + transition-property: transform; + transition-duration: 0.25s; + transform: translateX(0); + z-index: 1001; + -webkit-overflow-scrolling: touch; +} +.MobileNav .mobile-notifications-drawer.-closed { + transform: translateX(100%); + box-shadow: none; +} +.MobileNav .mobile-notifications-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + z-index: 1; + width: 100%; + height: 50px; + line-height: 50px; + position: absolute; + color: var(--topBarText); + background-color: #182230; + background-color: var(--topBar, #182230); + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); + box-shadow: var(--topBarShadow); +} +.MobileNav .mobile-notifications-header .title { + font-size: 1.3em; + margin-left: 0.6em; +} +.MobileNav .mobile-notifications { + margin-top: 50px; + width: 100vw; + height: calc(100vh - var(--navbar-height)); + overflow-x: hidden; + overflow-y: scroll; + color: #b9b9ba; + color: var(--text, #b9b9ba); + background-color: #121a24; + background-color: var(--bg, #121a24); +} +.MobileNav .mobile-notifications .notifications { + padding: 0; + border-radius: 0; + box-shadow: none; +} +.MobileNav .mobile-notifications .notifications .panel { + border-radius: 0; + margin: 0; + box-shadow: none; +} +.MobileNav .mobile-notifications .notifications .panel:after { + border-radius: 0; +} +.MobileNav .mobile-notifications .notifications .panel .panel-heading { + border-radius: 0; + box-shadow: none; +} +.SearchBar { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: baseline; + align-items: baseline; + vertical-align: baseline; + -ms-flex-pack: end; + justify-content: flex-end; +} +.SearchBar.-expanded { + width: 100%; +} +.SearchBar .search-bar-input, +.SearchBar .search-button { + height: 29px; +} +.SearchBar .search-bar-input { + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} +.SearchBar .cancel-search { + height: 50px; +} +.SearchBar .cancel-icon { + color: #b9b9ba; + color: var(--btnTopBarText, #b9b9ba); +} +.DesktopNav { + width: 100%; +} +.DesktopNav a { + color: var(--topBarLink, #d8a070); +} +.DesktopNav .inner-nav { + display: -ms-grid; + display: grid; + -ms-grid-rows: var(--navbar-height); + grid-template-rows: var(--navbar-height); + -ms-grid-columns: 2fr auto 2fr; + grid-template-columns: 2fr auto 2fr; + grid-template-areas: "sitename logo actions"; + box-sizing: border-box; + padding: 0 1.2em; + margin: auto; + max-width: 980px; +} +.DesktopNav.-logoLeft .inner-nav { + -ms-grid-columns: auto 2fr 2fr; + grid-template-columns: auto 2fr 2fr; + grid-template-areas: "logo sitename actions"; +} +.DesktopNav .button-default, .DesktopNav .button-default svg { + color: #b9b9ba; + color: var(--btnTopBarText, #b9b9ba); +} +.DesktopNav .button-default:active { + background-color: #182230; + background-color: var(--btnPressedTopBar, #182230); + color: #b9b9ba; + color: var(--btnPressedTopBarText, #b9b9ba); +} +.DesktopNav .button-default:disabled { + color: #b9b9ba; + color: var(--btnDisabledTopBarText, #b9b9ba); +} +.DesktopNav .button-default.toggled { + color: #b9b9ba; + color: var(--btnToggledTopBarText, #b9b9ba); + background-color: #182230; + background-color: var(--btnToggledTopBar, #182230); +} +.DesktopNav .logo { + grid-area: logo; + position: relative; + transition: opacity; + transition-timing-function: ease-out; + transition-duration: 100ms; +} +@media all and (min-width: 800px) { +.DesktopNav .logo { + opacity: 1 !important; +} +} +.DesktopNav .logo .mask { + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-size: contain; + mask-size: contain; + background-color: #182230; + background-color: var(--topBarText, #182230); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.DesktopNav .logo img { + display: inline-block; + height: var(--navbar-height); +} +.DesktopNav .nav-icon { + margin-left: 0.2em; + width: 2em; + height: 100%; + text-align: center; +} +.DesktopNav .nav-icon .svg-inline--fa { + color: #d8a070; + color: var(--topBarLink, #d8a070); +} +.DesktopNav .sitename { + grid-area: sitename; +} +.DesktopNav .actions { + grid-area: actions; +} +.DesktopNav .item { + -ms-flex: 1; + flex: 1; + line-height: var(--navbar-height); + height: var(--navbar-height); + overflow: hidden; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.DesktopNav .item.right { + -ms-flex-pack: end; + justify-content: flex-end; + text-align: right; +} +.list-item:not(:last-child) { + border-bottom: 1px solid; + border-bottom-color: #222; + border-bottom-color: var(--border, #222); +} +.list-empty-content { + text-align: center; + padding: 10px; +} +.user-reporting-panel { + width: 90vw; + max-width: 700px; + min-height: 20vh; + max-height: 80vh; +} +.user-reporting-panel .panel-body { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + border-top: 1px solid; + border-color: #222; + border-color: var(--border, #222); + overflow: hidden; +} +.user-reporting-panel-left { + padding: 1.1em 0.7em 0.7em; + line-height: var(--post-line-height); + box-sizing: border-box; +} +.user-reporting-panel-left > div { + margin-bottom: 1em; +} +.user-reporting-panel-left > div:last-child { + margin-bottom: 0; +} +.user-reporting-panel-left p { + margin-top: 0; +} +.user-reporting-panel-left textarea.form-control { + line-height: 16px; + resize: none; + overflow: hidden; + transition: min-height 200ms 100ms; + min-height: 44px; + width: 100%; +} +.user-reporting-panel-left .btn { + min-width: 10em; + padding: 0 2em; +} +.user-reporting-panel-left .alert { + margin: 1em 0 0 0; + line-height: 1.3em; +} +.user-reporting-panel-right { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + overflow-y: auto; +} +.user-reporting-panel-sitem { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + /* TODO cleanup this */ +} +.user-reporting-panel-sitem > .Status { + -ms-flex: 1; + flex: 1; +} +.user-reporting-panel-sitem > .checkbox { + margin: 0.75em; +} +@media all and (min-width: 801px) { +.user-reporting-panel .panel-body { + -ms-flex-direction: row; + flex-direction: row; +} +.user-reporting-panel-left { + width: 50%; + max-width: 320px; + border-right: 1px solid; + border-color: #222; + border-color: var(--border, #222); + padding: 1.1em; +} +.user-reporting-panel-left > div { + margin-bottom: 2em; +} +.user-reporting-panel-right { + width: 50%; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-bottom: 12px; +} +} +.modal-view.post-form-modal-view { + -ms-flex-align: start; + align-items: flex-start; +} +.post-form-modal-panel { + -ms-flex-negative: 0; + flex-shrink: 0; + margin-top: 25%; + margin-bottom: 2em; + width: 100%; + max-width: 700px; +} +@media (orientation: landscape) { +.post-form-modal-panel { + margin-top: 8%; +} +} +.global-notice-list { + position: fixed; + top: 50px; + width: 100%; + pointer-events: none; + z-index: 1001; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; +} +.global-notice-list .global-notice { + pointer-events: auto; + text-align: center; + width: 40em; + max-width: calc(100% - 3em); + display: -ms-flexbox; + display: flex; + padding-left: 1.5em; + line-height: 2; + margin-bottom: 0.5em; +} +.global-notice-list .global-notice .notice-message { + -ms-flex: 1 1 100%; + flex: 1 1 100%; +} +.global-notice-list .global-error { + background-color: var(--alertPopupError, #ff0000); + color: var(--alertPopupErrorText, #b9b9ba); +} +.global-notice-list .global-error .svg-inline--fa { + color: var(--alertPopupErrorText, #b9b9ba); +} +.global-notice-list .global-warning { + background-color: var(--alertPopupWarning, orange); + color: var(--alertPopupWarningText, #b9b9ba); +} +.global-notice-list .global-warning .svg-inline--fa { + color: var(--alertPopupWarningText, #b9b9ba); +} +.global-notice-list .global-success { + background-color: var(--alertPopupSuccess, #0fa00f); + color: var(--alertPopupSuccessText, #b9b9ba); +} +.global-notice-list .global-success .svg-inline--fa { + color: var(--alertPopupSuccessText, #b9b9ba); +} +.global-notice-list .global-info { + background-color: var(--alertPopupNeutral, #182230); + color: var(--alertPopupNeutralText, #b9b9ba); +} +.global-notice-list .global-info .svg-inline--fa { + color: var(--alertPopupNeutralText, #b9b9ba); +} +.global-notice-list .close-notice { + padding-right: 0.2em; +} +.global-notice-list .close-notice .svg-inline--fa:hover { + opacity: 0.6; +} +@charset "UTF-8"; +:root { + --navbar-height: 3.5rem; + --post-line-height: 1.4; +} +html { + font-size: 14px; +} +body { + font-family: sans-serif; + font-family: var(--interfaceFont, sans-serif); + margin: 0; + color: #b9b9ba; + color: var(--text, #b9b9ba); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + overscroll-behavior-y: none; + overflow-x: clip; + overflow-y: scroll; +} +body.hidden { + display: none; +} +@media (any-pointer: fine) { +* { + scrollbar-color: var(--btn) transparent; +} +*::-webkit-scrollbar { + background: transparent; +} +*::-webkit-scrollbar-button, *::-webkit-scrollbar-thumb { + background-color: var(--btn); + box-shadow: var(--buttonShadow); + border-radius: var(--btnRadius); +} +*::-webkit-scrollbar-button { + --___bgPadding: 2px; + color: var(--btnText); + background-repeat: no-repeat, no-repeat; +} +*::-webkit-scrollbar-button:horizontal { + background-size: 50% calc(50% - var(--___bgPadding)), 50% calc(50% - var(--___bgPadding)); +} +*::-webkit-scrollbar-button:horizontal:increment { + background-image: linear-gradient(45deg, var(--btnText) 50%, transparent 51%), linear-gradient(-45deg, transparent 50%, var(--btnText) 51%); + background-position: top var(--___bgPadding) left 50%, right 50% bottom var(--___bgPadding); +} +*::-webkit-scrollbar-button:horizontal:decrement { + background-image: linear-gradient(45deg, transparent 50%, var(--btnText) 51%), linear-gradient(-45deg, var(--btnText) 50%, transparent 51%); + background-position: bottom var(--___bgPadding) right 50%, left 50% top var(--___bgPadding); +} +*::-webkit-scrollbar-button:vertical { + background-size: calc(50% - var(--___bgPadding)) 50%, calc(50% - var(--___bgPadding)) 50%; +} +*::-webkit-scrollbar-button:vertical:increment { + background-image: linear-gradient(-45deg, transparent 50%, var(--btnText) 51%), linear-gradient(45deg, transparent 50%, var(--btnText) 51%); + background-position: right var(--___bgPadding) top 50%, left var(--___bgPadding) top 50%; +} +*::-webkit-scrollbar-button:vertical:decrement { + background-image: linear-gradient(-45deg, var(--btnText) 50%, transparent 51%), linear-gradient(45deg, var(--btnText) 50%, transparent 51%); + background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%; +} +html { + scrollbar-color: var(--selectedMenu) var(--wallpaper); + background: var(--wallpaper); +} +} +a { + text-decoration: none; + color: #d8a070; + color: var(--link, #d8a070); +} +h4 { + margin: 0; +} +i[class*=icon-], +.svg-inline--fa { + color: #666; + color: var(--icon, #666); +} +nav { + z-index: 1000; + color: var(--topBarText); + background-color: #182230; + background-color: var(--topBar, #182230); + color: rgba(185, 185, 186, 0.5); + color: var(--faint, rgba(185, 185, 186, 0.5)); + box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); + box-shadow: var(--topBarShadow); + box-sizing: border-box; + height: var(--navbar-height); + position: fixed; +} +#sidebar { + grid-area: sidebar; +} +.column.-scrollable { + top: var(--navbar-height); + position: -webkit-sticky; + position: sticky; +} +#main-scroller { + grid-area: content; + position: relative; +} +#notifs-column { + grid-area: notifs; +} +.app-bg-wrapper { + position: fixed; + height: 100%; + top: var(--navbar-height); + z-index: -1000; + left: 0; + right: -20px; + background-size: cover; + background-repeat: no-repeat; + background-color: var(--wallpaper); + background-image: var(--body-background-image); + background-position: 50%; +} +.underlay { + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-column-span: 3; + grid-column-end: span 3; + -ms-grid-row: 1; + grid-row-start: 1; + grid-row-end: 1; + pointer-events: none; + background-color: rgba(0, 0, 0, 0.15); + background-color: var(--underlay, rgba(0, 0, 0, 0.15)); + z-index: -1000; +} +.app-layout { + --miniColumn: 25rem; + --maxiColumn: minmax(var(--miniColumn), 45rem); + --columnGap: 1em; + --status-margin: 0.75em; + position: relative; + display: -ms-grid; + display: grid; + -ms-grid-columns: var(--miniColumn) var(--maxiColumn); + grid-template-columns: var(--miniColumn) var(--maxiColumn); + grid-template-areas: "sidebar content"; + -ms-grid-rows: 1fr; + grid-template-rows: 1fr; + box-sizing: border-box; + margin: 0 auto; + -ms-flex-line-pack: start; + align-content: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: center; + justify-content: center; + min-height: 100vh; + overflow-x: clip; +} +.app-layout .column { + --___columnMargin: var(--columnGap); + display: -ms-grid; + display: grid; + -ms-grid-columns: 100%; + grid-template-columns: 100%; + box-sizing: border-box; + -ms-grid-row: 1; + grid-row-start: 1; + grid-row-end: 1; + margin: 0 calc(var(--___columnMargin) / 2); + padding: calc(var(--___columnMargin)) 0; + row-gap: var(--___columnMargin); + -ms-flex-line-pack: start; + align-content: start; +} +.app-layout .column:not(.-scrollable) { + margin-top: var(--navbar-height); +} +.app-layout .column:hover { + z-index: 2; +} +.app-layout .column.-full-height { + margin-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} +.app-layout .column.-scrollable { + --___paddingIncrease: calc(var(--columnGap) / 2); + position: -webkit-sticky; + position: sticky; + top: var(--navbar-height); + max-height: calc(100vh - var(--navbar-height)); + overflow-y: auto; + overflow-x: hidden; + margin-left: calc(var(--___paddingIncrease) * -1); + padding-left: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2); +} +@supports (scrollbar-width: none) or (-webkit-text-fill-color: initial) { +.app-layout .column.-scrollable:not(.-show-scrollbar) { + scrollbar-width: none; + margin-right: calc(var(--___paddingIncrease) * -1); + padding-right: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2); +} +.app-layout .column.-scrollable:not(.-show-scrollbar)::-webkit-scrollbar { + display: block; + width: 0; +} +} +.app-layout .column.-scrollable .panel-heading.-sticky { + top: calc(var(--columnGap) / -1); +} +.app-layout.-has-new-post-button .column { + padding-bottom: 10rem; +} +.app-layout.-no-sticky-headers .column .panel-heading.-sticky { + position: relative; + top: 0; +} +.app-layout .column-inner { + display: -ms-grid; + display: grid; + -ms-grid-columns: 100%; + grid-template-columns: 100%; + box-sizing: border-box; + row-gap: 1em; + -ms-flex-line-pack: start; + align-content: start; +} +.app-layout.-reverse:not(.-wide):not(.-mobile) { + -ms-grid-columns: var(--maxiColumn) var(--miniColumn); + grid-template-columns: var(--maxiColumn) var(--miniColumn); + grid-template-areas: "content sidebar"; +} +.app-layout.-wide { + -ms-grid-columns: var(--miniColumn) var(--maxiColumn) var(--miniColumn); + grid-template-columns: var(--miniColumn) var(--maxiColumn) var(--miniColumn); + grid-template-areas: "sidebar content notifs"; +} +.app-layout.-wide.-reverse { + grid-template-areas: "notifs content sidebar"; +} +.app-layout.-mobile { + -ms-grid-columns: 100vw; + grid-template-columns: 100vw; + grid-template-areas: "content"; + padding: 0; +} +.app-layout.-mobile .column { + margin-left: 0; + margin-right: 0; + padding-top: 0; + margin-top: var(--navbar-height); + margin-bottom: 0; +} +.app-layout.-mobile .panel-heading, +.app-layout.-mobile .panel-heading::after, +.app-layout.-mobile .panel-heading::before, +.app-layout.-mobile .panel, +.app-layout.-mobile .panel::after { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.app-layout.-mobile .underlay, +.app-layout.-mobile #sidebar, +.app-layout.-mobile #notifs-column { + display: none; +} +.app-layout.-normal #notifs-column { + display: none; +} +.text-center { + text-align: center; +} +.button-default { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #b9b9ba; + color: var(--btnText, #b9b9ba); + background-color: #182230; + background-color: var(--btn, #182230); + border: none; + border-radius: 4px; + border-radius: var(--btnRadius, 4px); + cursor: pointer; + box-shadow: 0px 0px 2px 0px black, 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset; + box-shadow: var(--buttonShadow); + font-size: 1em; + font-family: sans-serif; + font-family: var(--interfaceFont, sans-serif); +} +.button-default.-sublime { + background: transparent; +} +.button-default i[class*=icon-], +.button-default .svg-inline--fa { + color: #b9b9ba; + color: var(--btnText, #b9b9ba); +} +.button-default::-moz-focus-inner { + border: none; +} +.button-default:hover { + box-shadow: 0 0 4px rgba(255, 255, 255, 0.3); + box-shadow: var(--buttonHoverShadow); +} +.button-default:active { + box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset; + box-shadow: var(--buttonPressedShadow); + color: #b9b9ba; + color: var(--btnPressedText, #b9b9ba); + background-color: #182230; + background-color: var(--btnPressed, #182230); +} +.button-default:active svg, +.button-default:active i { + color: #b9b9ba; + color: var(--btnPressedText, #b9b9ba); +} +.button-default:disabled { + cursor: not-allowed; + color: #b9b9ba; + color: var(--btnDisabledText, #b9b9ba); + background-color: #182230; + background-color: var(--btnDisabled, #182230); +} +.button-default:disabled svg, +.button-default:disabled i { + color: #b9b9ba; + color: var(--btnDisabledText, #b9b9ba); +} +.button-default.toggled { + color: #b9b9ba; + color: var(--btnToggledText, #b9b9ba); + background-color: #182230; + background-color: var(--btnToggled, #182230); + box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset; + box-shadow: var(--buttonPressedShadow); +} +.button-default.toggled svg, +.button-default.toggled i { + color: #b9b9ba; + color: var(--btnToggledText, #b9b9ba); +} +.button-default.danger { + color: #b9b9ba; + color: var(--alertErrorPanelText, #b9b9ba); + background-color: rgba(211, 16, 20, 0.5); + background-color: var(--alertError, rgba(211, 16, 20, 0.5)); +} +.button-unstyled { + background: none; + border: none; + outline: none; + display: inline; + text-align: initial; + font-size: 100%; + font-family: inherit; + padding: 0; + line-height: unset; + cursor: pointer; + box-sizing: content-box; + color: inherit; +} +.button-unstyled.-link { + color: #d8a070; + color: var(--link, #d8a070); +} +.button-unstyled.-fullwidth { + width: 100%; +} +.button-unstyled.-hover-highlight:hover svg { + color: #b9b9ba; + color: var(--lightText, #b9b9ba); +} +input, +textarea, +.input { + --_padding: 0.5em; + border: none; + border-radius: 4px; + border-radius: var(--inputRadius, 4px); + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 2px 0 black inset; + box-shadow: var(--inputShadow); + background-color: #182230; + background-color: var(--input, #182230); + color: #b9b9ba; + color: var(--inputText, #b9b9ba); + font-family: sans-serif; + font-family: var(--inputFont, sans-serif); + font-size: 1em; + margin: 0; + box-sizing: border-box; + display: inline-block; + position: relative; + line-height: 2; + -webkit-hyphens: none; + -ms-hyphens: none; + hyphens: none; + padding: 0 var(--_padding); +} +input.unstyled, +textarea.unstyled, +.input.unstyled { + border-radius: 0; + background: none; + box-shadow: none; + height: unset; +} +input:disabled, input[disabled=disabled], input.disabled, +textarea:disabled, +textarea[disabled=disabled], +textarea.disabled, +.input:disabled, +.input[disabled=disabled], +.input.disabled { + cursor: not-allowed; + opacity: 0.5; +} +input[type=range], +textarea[type=range], +.input[type=range] { + background: none; + border: none; + margin: 0; + box-shadow: none; + -ms-flex: 1; + flex: 1; +} +input[type=radio], +textarea[type=radio], +.input[type=radio] { + display: none; +} +input[type=radio]:checked + label::before, +textarea[type=radio]:checked + label::before, +.input[type=radio]:checked + label::before { + box-shadow: 0 0 2px black inset, 0 0 0 4px #182230 inset; + box-shadow: var(--inputShadow), 0 0 0 4px var(--fg, #182230) inset; + background-color: var(--accent, #d8a070); +} +input[type=radio]:disabled, input[type=radio]:disabled + label, input[type=radio]:disabled + label::before, +textarea[type=radio]:disabled, +textarea[type=radio]:disabled + label, +textarea[type=radio]:disabled + label::before, +.input[type=radio]:disabled, +.input[type=radio]:disabled + label, +.input[type=radio]:disabled + label::before { + opacity: 0.5; +} +input[type=radio] + label::before, +textarea[type=radio] + label::before, +.input[type=radio] + label::before { + -ms-flex-negative: 0; + flex-shrink: 0; + display: inline-block; + content: ""; + transition: box-shadow 200ms; + width: 1.1em; + height: 1.1em; + border-radius: 100%; + box-shadow: 0 0 2px black inset; + box-shadow: var(--inputShadow); + margin-right: 0.5em; + background-color: #182230; + background-color: var(--input, #182230); + vertical-align: top; + text-align: center; + line-height: 1.1; + font-size: 1.1em; + box-sizing: border-box; + color: transparent; + overflow: hidden; +} +input[type=checkbox], +textarea[type=checkbox], +.input[type=checkbox] { + display: none; +} +input[type=checkbox]:checked + label::before, +textarea[type=checkbox]:checked + label::before, +.input[type=checkbox]:checked + label::before { + color: #b9b9ba; + color: var(--inputText, #b9b9ba); +} +input[type=checkbox]:disabled, input[type=checkbox]:disabled + label, input[type=checkbox]:disabled + label::before, +textarea[type=checkbox]:disabled, +textarea[type=checkbox]:disabled + label, +textarea[type=checkbox]:disabled + label::before, +.input[type=checkbox]:disabled, +.input[type=checkbox]:disabled + label, +.input[type=checkbox]:disabled + label::before { + opacity: 0.5; +} +input[type=checkbox] + label::before, +textarea[type=checkbox] + label::before, +.input[type=checkbox] + label::before { + -ms-flex-negative: 0; + flex-shrink: 0; + display: inline-block; + content: "\2713"; + transition: color 200ms; + width: 1.1em; + height: 1.1em; + border-radius: 2px; + border-radius: var(--checkboxRadius, 2px); + box-shadow: 0 0 2px black inset; + box-shadow: var(--inputShadow); + margin-right: 0.5em; + background-color: #182230; + background-color: var(--input, #182230); + vertical-align: top; + text-align: center; + line-height: 1.1; + font-size: 1.1em; + box-sizing: border-box; + color: transparent; + overflow: hidden; +} +input.resize-height, +textarea.resize-height, +.input.resize-height { + resize: vertical; +} +textarea { + padding: var(--_padding); + line-height: var(--post-line-height); +} +option { + color: #b9b9ba; + color: var(--text, #b9b9ba); + background-color: #121a24; + background-color: var(--bg, #121a24); +} +.hide-number-spinner { + -moz-appearance: textfield; +} +.hide-number-spinner[type=number]::-webkit-inner-spin-button, .hide-number-spinner[type=number]::-webkit-outer-spin-button { + opacity: 0; + display: none; +} +.btn-block { + display: block; + width: 100%; +} +.btn-group { + position: relative; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: middle; +} +.btn-group button { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} +.btn-group button:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group button:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.panel { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + background-color: #121a24; + background-color: var(--bg, #121a24); +} +.panel::after, .panel { + border-radius: 10px; + border-radius: var(--panelRadius, 10px); +} +.panel::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 5; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); + box-shadow: var(--panelShadow); + pointer-events: none; +} +.panel-body { + padding: var(--panel-body-padding, 0); +} +.panel-body:empty::before { + content: "\AF\\_(\30C4)_/\AF"; + display: block; + margin: 1em; + text-align: center; +} +.panel-body > p { + line-height: 1.3; + padding: 1em; + margin: 0; +} +.panel-heading, +.panel-footer { + --panel-heading-height-padding: 0.6em; + --__panel-heading-height: 3.2em; + --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding)); + position: relative; + box-sizing: border-box; + display: -ms-grid; + display: grid; + grid-auto-flow: column; + -ms-grid-columns: minmax(50%, 1fr); + grid-template-columns: minmax(50%, 1fr); + grid-auto-columns: auto; + grid-column-gap: 0.5em; + -ms-flex: none; + flex: none; + background-size: cover; + padding: 0.6em; + height: var(--__panel-heading-height); + line-height: var(--__panel-heading-height-inner); + z-index: 4; +} +.panel-heading.-flexible-height, +.panel-footer.-flexible-height { + --__panel-heading-height: auto; +} +.panel-heading.-flexible-height::after, .panel-heading.-flexible-height::before, +.panel-footer.-flexible-height::after, +.panel-footer.-flexible-height::before { + display: none; +} +.panel-heading.-stub, .panel-heading.-stub::after, +.panel-footer.-stub, +.panel-footer.-stub::after { + border-radius: 10px; + border-radius: var(--panelRadius, 10px); +} +.panel-heading.-sticky, +.panel-footer.-sticky { + position: -webkit-sticky; + position: sticky; + top: var(--navbar-height); +} +.panel-heading::after, .panel-heading::before, +.panel-footer::after, +.panel-footer::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + pointer-events: none; +} +.panel-heading .title, +.panel-footer .title { + font-size: 1.3em; +} +.panel-heading .alert, +.panel-footer .alert { + white-space: nowrap; + text-overflow: ellipsis; + overflow-x: hidden; +} +.panel-heading:not(.-flexible-height) > .button-default, +.panel-heading:not(.-flexible-height) > .alert, +.panel-footer:not(.-flexible-height) > .button-default, +.panel-footer:not(.-flexible-height) > .alert { + height: var(--__panel-heading-height-inner); + min-height: 0; + box-sizing: border-box; + margin: 0; + min-width: 1px; + padding-top: 0; + padding-bottom: 0; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; +} +.panel-heading { + border-radius: 10px 10px 0 0; + border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0; + border-width: 0 0 1px 0; + -ms-flex-align: start; + align-items: start; + color: var(--panelText); + background-color: #121a24; + background-color: var(--bg, #121a24); +} +.panel-heading::after { + background-color: #182230; + background-color: var(--panel, #182230); + z-index: -2; + border-radius: 10px 10px 0 0; + border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0; + box-shadow: var(--panelHeaderShadow); +} +.panel-heading a, +.panel-heading .-link { + color: #d8a070; + color: var(--panelLink, #d8a070); +} +.panel-heading .faint { + background-color: transparent; + color: rgba(185, 185, 186, 0.5); + color: var(--panelFaint, rgba(185, 185, 186, 0.5)); +} +.panel-heading .faint-link { + color: rgba(185, 185, 186, 0.5); + color: var(--faintLink, rgba(185, 185, 186, 0.5)); +} +.panel-heading:not(.-flexible-height) > .button-default { + -ms-flex-negative: 0; + flex-shrink: 0; +} +.panel-heading:not(.-flexible-height) > .button-default, +.panel-heading:not(.-flexible-height) > .button-default i[class*=icon-] { + color: #b9b9ba; + color: var(--btnPanelText, #b9b9ba); +} +.panel-heading:not(.-flexible-height) > .button-default:active { + background-color: #182230; + background-color: var(--btnPressedPanel, #182230); + color: #b9b9ba; + color: var(--btnPressedPanelText, #b9b9ba); +} +.panel-heading:not(.-flexible-height) > .button-default:disabled { + color: #b9b9ba; + color: var(--btnDisabledPanelText, #b9b9ba); +} +.panel-heading:not(.-flexible-height) > .button-default.toggled { + color: #b9b9ba; + color: var(--btnToggledPanelText, #b9b9ba); +} +.panel-footer { + border-radius: 0 0 10px 10px; + border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px); + -ms-flex-align: center; + align-items: center; + border-width: 1px 0 0 0; + border-style: solid; + border-color: var(--border, #222); +} +.fa { + color: grey; +} +.mobile-shown { + display: none; +} +.badge { + box-sizing: border-box; + display: inline-block; + border-radius: 99px; + max-width: 10em; + min-width: 1.7em; + height: 1.3em; + padding: 0.15em 0.15em; + vertical-align: middle; + font-weight: normal; + font-style: normal; + font-size: 0.9em; + line-height: 1; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.badge.badge-notification { + background-color: #ff0000; + background-color: var(--badgeNotification, #ff0000); + color: white; + color: var(--badgeNotificationText, white); +} +.alert { + margin: 0 0.35em; + padding: 0 0.25em; + border-radius: 5px; + border-radius: var(--tooltipRadius, 5px); +} +.alert.error { + background-color: rgba(211, 16, 20, 0.5); + background-color: var(--alertError, rgba(211, 16, 20, 0.5)); + color: #b9b9ba; + color: var(--alertErrorText, #b9b9ba); +} +.panel-heading .alert.error { + color: #b9b9ba; + color: var(--alertErrorPanelText, #b9b9ba); +} +.alert.warning { + background-color: rgba(111, 111, 20, 0.5); + background-color: var(--alertWarning, rgba(111, 111, 20, 0.5)); + color: #b9b9ba; + color: var(--alertWarningText, #b9b9ba); +} +.panel-heading .alert.warning { + color: #b9b9ba; + color: var(--alertWarningPanelText, #b9b9ba); +} +.alert.success { + background-color: var(--alertSuccess, rgba(111, 111, 20, 0.5)); + color: var(--alertSuccessText, #b9b9ba); +} +.panel-heading .alert.success { + color: var(--alertSuccessPanelText, #b9b9ba); +} +.faint { + color: rgba(185, 185, 186, 0.5); + color: var(--faint, rgba(185, 185, 186, 0.5)); +} +.faint-link { + color: rgba(185, 185, 186, 0.5); + color: var(--faint, rgba(185, 185, 186, 0.5)); +} +.faint-link:hover { + text-decoration: underline; +} +.visibility-notice { + padding: 0.5em; + border: 1px solid rgba(185, 185, 186, 0.5); + border: 1px solid var(--faint, rgba(185, 185, 186, 0.5)); + border-radius: 4px; + border-radius: var(--inputRadius, 4px); +} +.notice-dismissible { + padding-right: 4rem; + position: relative; +} +.notice-dismissible .dismiss { + position: absolute; + top: 0; + right: 0; + padding: 0.5em; + color: inherit; +} +.fa-scale-110.svg-inline--fa { + font-size: 1.1em; +} +.fa-old-padding.svg-inline--fa { + padding: 0 0.3em; +} +.login-hint { + text-align: center; +} +@media all and (min-width: 801px) { +.login-hint { + display: none; +} +} +.login-hint a { + display: inline-block; + padding: 1em 0; + width: 100%; +} +.btn.button-default { + min-height: 2em; +} +.new-status-notification { + position: relative; + font-size: 1.1em; + z-index: 1; + -ms-flex: 1; + flex: 1; +} +@media all and (max-width: 800px) { +.mobile-hidden { + display: none; +} +} +@keyframes spin { +0% { + transform: rotate(0deg); +} +100% { + transform: rotate(359deg); +} +} +@keyframes shakeError { +0% { + transform: translateX(0); +} +15% { + transform: translateX(0.375rem); +} +30% { + transform: translateX(-0.375rem); +} +45% { + transform: translateX(0.375rem); +} +60% { + transform: translateX(-0.375rem); +} +75% { + transform: translateX(0.375rem); +} +90% { + transform: translateX(-0.375rem); +} +100% { + transform: translateX(0); +} +} +.fade-enter-active, +.fade-leave-active { + transition: opacity 0.2s; +} +.fade-enter-from, +.fade-leave-active { + opacity: 0; +} +.thread-tree-replies { + margin-left: var(--status-margin, 0.75em); + border-left: 2px solid var(--border, #222); +} +.thread-tree-replies-hidden { + padding: var(--status-margin, 0.75em); + /* Make the button stretch along the whole row */ + display: -ms-flexbox; + display: flex; + -ms-flex-align: stretch; + align-items: stretch; + -ms-flex-direction: column; + flex-direction: column; +} +.Conversation { + z-index: 1; + /* expanded conversation in timeline */ +} +.Conversation .conversation-dive-to-top-level-box { + padding: var(--status-margin, 0.75em); + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: var(--border, #222); + border-radius: 0; + /* Make the button stretch along the whole row */ + display: -ms-flexbox; + display: flex; + -ms-flex-align: stretch; + align-items: stretch; + -ms-flex-direction: column; + flex-direction: column; +} +.Conversation .thread-ancestors { + margin-left: var(--status-margin, 0.75em); + border-left: 2px solid var(--border, #222); +} +.Conversation .thread-ancestor.-faded .StatusContent { + --link: var(--faintLink); + --text: var(--faint); + color: var(--text); +} +.Conversation .thread-ancestor-dive-box { + padding-left: var(--status-margin, 0.75em); + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: var(--border, #222); + border-radius: 0; + /* Make the button stretch along the whole row */ +} +.Conversation .thread-ancestor-dive-box, .Conversation .thread-ancestor-dive-box-inner { + display: -ms-flexbox; + display: flex; + -ms-flex-align: stretch; + align-items: stretch; + -ms-flex-direction: column; + flex-direction: column; +} +.Conversation .thread-ancestor-dive-box-inner { + padding: var(--status-margin, 0.75em); +} +.Conversation .conversation-status { + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: var(--border, #222); + border-radius: 0; +} +.Conversation .thread-ancestor-has-other-replies .conversation-status, +.Conversation .thread-ancestor:last-child .conversation-status, +.Conversation .thread-ancestor:last-child .thread-ancestor-dive-box, .Conversation:last-child .conversation-status, .Conversation.-expanded .thread-tree .conversation-status { + border-bottom: none; +} +.Conversation .thread-ancestors + .thread-tree > .conversation-status { + border-top-width: 1px; + border-top-style: solid; + border-top-color: var(--border, #222); +} +.Conversation.status-fadein.-expanded .thread-body { + border-left-width: 4px; + border-left-style: solid; + border-left-color: #ff0000; + border-left-color: var(--cRed, #ff0000); + border-radius: 0 0 10px 10px; + border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px); + border-bottom: 1px solid var(--border, #222); +} +.Conversation.-expanded.status-fadein { + margin: calc(var(--status-margin, $status-margin) / 2); +} +.TimelineMenu { + -ms-flex-negative: 1; + flex-shrink: 1; + margin-right: auto; + min-width: 0; + width: 24rem; +} +.TimelineMenu .popover-trigger-button { + vertical-align: bottom; +} +.TimelineMenu .timeline-menu-popover-wrap { + overflow: hidden; + margin-top: 0.6rem; + padding: 0 15px 15px 15px; +} +.TimelineMenu .timeline-menu-popover { + width: 24rem; + max-width: 100vw; + margin: 0; + font-size: 1rem; + border-top-right-radius: 0; + border-top-left-radius: 0; + transform: translateY(-100%); + transition: transform 100ms; +} +.TimelineMenu .panel::after { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.TimelineMenu.open .timeline-menu-popover { + transform: translateY(0); +} +.TimelineMenu .timeline-menu-title { + margin: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + display: -ms-flexbox; + display: flex; +} +.TimelineMenu .timeline-menu-title .timeline-menu-name { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.TimelineMenu .timeline-menu-title svg { + margin-left: 0.6em; + transition: transform 100ms; +} +.TimelineMenu .timeline-menu-title .click-blocker { + cursor: default; + -ms-flex-positive: 1; + flex-grow: 1; +} +.TimelineMenu.open .timeline-menu-title svg { + color: #b9b9ba; + color: var(--panelText, #b9b9ba); + transform: rotate(180deg); +} +.TimelineMenu .panel { + box-shadow: var(--popoverShadow); +} +.TimelineMenu ul { + list-style: none; + margin: 0; + padding: 0; +} +.TimelineMenu li { + border-bottom: 1px solid; + border-color: #222; + border-color: var(--border, #222); + padding: 0; +} +.TimelineMenu li:last-child a { + border-bottom-right-radius: 10px; + border-bottom-right-radius: var(--panelRadius, 10px); + border-bottom-left-radius: 10px; + border-bottom-left-radius: var(--panelRadius, 10px); +} +.TimelineMenu li:last-child { + border: none; +} +.TimelineMenu a { + display: block; + padding: 0.6em 0.65em; +} +.TimelineMenu a:hover { + background-color: #151e2a; + background-color: var(--selectedMenu, #151e2a); + color: #d8a070; + color: var(--selectedMenuText, #d8a070); + --faint: var(--selectedMenuFaintText, $fallback--faint); + --faintLink: var(--selectedMenuFaintLink, $fallback--faint); + --lightText: var(--selectedMenuLightText, $fallback--lightText); + --icon: var(--selectedMenuIcon, $fallback--icon); +} +.TimelineMenu a.router-link-active { + font-weight: bolder; + background-color: #151e2a; + background-color: var(--selectedMenu, #151e2a); + color: #b9b9ba; + color: var(--selectedMenuText, #b9b9ba); + --faint: var(--selectedMenuFaintText, $fallback--faint); + --faintLink: var(--selectedMenuFaintLink, $fallback--faint); + --lightText: var(--selectedMenuLightText, $fallback--lightText); + --icon: var(--selectedMenuIcon, $fallback--icon); +} +.TimelineMenu a.router-link-active:hover { + text-decoration: underline; +} +.TimelineMenu a svg { + margin-right: 0.4em; + margin-left: -0.2em; +} +.TimelineQuickSettings > button { + line-height: 100%; + height: 100%; + width: var(--__panel-heading-height-inner); + text-align: center; +} +.TimelineQuickSettings > button svg { + font-size: 1.2em; +} +.Timeline .loadmore-text { + opacity: 1; +} +.Timeline.-blocked { + cursor: progress; +} +.Timeline .conversation-heading { + top: calc(var(--__panel-heading-height) * var(--currentPanelStack, 2)); + z-index: 2; +} +.Timeline.-nonpanel .timeline-heading { + text-align: center; + line-height: 2.75em; + padding: 0 0.5em; +} +.Timeline.-nonpanel .timeline-heading .button-default, .Timeline.-nonpanel .timeline-heading .alert { + line-height: 2em; + width: 100%; +} +.tab-switcher { + display: -ms-flexbox; + display: flex; +} +.tab-switcher .tab-icon { + margin: 0.2em auto; + display: block; +} +.tab-switcher.top-tabs { + -ms-flex-direction: column; + flex-direction: column; +} +.tab-switcher.top-tabs > .tabs { + width: 100%; + overflow-y: hidden; + overflow-x: auto; + padding-top: 5px; + -ms-flex-direction: row; + flex-direction: row; +} +.tab-switcher.top-tabs > .tabs::after, .tab-switcher.top-tabs > .tabs::before { + content: ""; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + border-bottom: 1px solid; + border-bottom-color: #222; + border-bottom-color: var(--border, #222); +} +.tab-switcher.top-tabs > .tabs .tab-wrapper { + height: 2em; +} +.tab-switcher.top-tabs > .tabs .tab-wrapper:not(.active)::after { + left: 0; + right: 0; + bottom: 0; + border-bottom: 1px solid; + border-bottom-color: #222; + border-bottom-color: var(--border, #222); +} +.tab-switcher.top-tabs > .tabs .tab { + width: 100%; + min-width: 1px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + padding-bottom: 99px; + margin-bottom: -93px; +} +.tab-switcher.top-tabs .contents.scrollable-tabs { + -ms-flex-preferred-size: 0; + flex-basis: 0; +} +.tab-switcher.side-tabs { + -ms-flex-direction: row; + flex-direction: row; +} +@media all and (max-width: 800px) { + .tab-switcher.side-tabs { + overflow-x: auto; + } +} +.tab-switcher.side-tabs > .contents { + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} +.tab-switcher.side-tabs > .tabs { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + overflow-y: auto; + overflow-x: hidden; + -ms-flex-direction: column; + flex-direction: column; +} +.tab-switcher.side-tabs > .tabs::after, .tab-switcher.side-tabs > .tabs::before { + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-preferred-size: 0.5em; + flex-basis: 0.5em; + content: ""; + border-right: 1px solid; + border-right-color: #222; + border-right-color: var(--border, #222); +} +.tab-switcher.side-tabs > .tabs::after { + -ms-flex-positive: 1; + flex-grow: 1; +} +.tab-switcher.side-tabs > .tabs::before { + -ms-flex-positive: 0; + flex-grow: 0; +} +.tab-switcher.side-tabs > .tabs .tab-wrapper { + min-width: 10em; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +@media all and (max-width: 800px) { + .tab-switcher.side-tabs > .tabs .tab-wrapper { + min-width: 4em; + } +} +.tab-switcher.side-tabs > .tabs .tab-wrapper:not(.active)::after { + top: 0; + right: 0; + bottom: 0; + border-right: 1px solid; + border-right-color: #222; + border-right-color: var(--border, #222); +} +.tab-switcher.side-tabs > .tabs .tab-wrapper::before { + -ms-flex: 0 0 6px; + flex: 0 0 6px; + content: ""; + border-right: 1px solid; + border-right-color: #222; + border-right-color: var(--border, #222); +} +.tab-switcher.side-tabs > .tabs .tab-wrapper:last-child .tab { + margin-bottom: 0; +} +.tab-switcher.side-tabs > .tabs .tab { + -ms-flex: 1; + flex: 1; + box-sizing: content-box; + min-width: 10em; + min-width: 1px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + padding-left: 1em; + padding-right: calc(1em + 200px); + margin-right: -200px; + margin-left: 1em; +} +@media all and (max-width: 800px) { + .tab-switcher.side-tabs > .tabs .tab { + padding-left: 0.25em; + padding-right: calc(.25em + 200px); + margin-right: calc(.25em - 200px); + margin-left: 0.25em; + } + .tab-switcher.side-tabs > .tabs .tab .text { + display: none; + } +} +.tab-switcher .contents { + -ms-flex: 1 0 auto; + flex: 1 0 auto; + min-height: 0px; +} +.tab-switcher .contents .hidden { + display: none; +} +.tab-switcher .contents .full-height:not(.hidden) { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.tab-switcher .contents .full-height:not(.hidden) > *:not(.mobile-label) { + -ms-flex: 1; + flex: 1; +} +.tab-switcher .contents.scrollable-tabs { + overflow-y: auto; +} +.tab-switcher .tab { + position: relative; + white-space: nowrap; + padding: 6px 1em; +} +.tab-switcher .tab:not(.active) { + z-index: 4; +} +.tab-switcher .tab:not(.active):hover { + z-index: 6; +} +.tab-switcher .tab.active { + background: transparent; + z-index: 5; + color: #b9b9ba; + color: var(--tabActiveText, #b9b9ba); +} +.tab-switcher .tab img { + max-height: 26px; + vertical-align: top; + margin-top: -5px; +} +.tab-switcher .tabs { + display: -ms-flexbox; + display: flex; + position: relative; + box-sizing: border-box; +} +.tab-switcher .tabs::after, .tab-switcher .tabs::before { + display: block; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} +.tab-switcher .tab-wrapper { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +.tab-switcher .tab-wrapper:not(.active)::after { + content: ""; + position: absolute; + z-index: 7; +} +.tab-switcher .mobile-label { + padding-left: 0.3em; + padding-bottom: 0.25em; + margin-top: 0.5em; + margin-left: 0.2em; + margin-bottom: 0.25em; + border-bottom: 1px solid var(--border, #222); +} +@media all and (min-width: 800px) { + .tab-switcher .mobile-label { + display: none; + } +} +.chat-title { + display: -ms-flexbox; + display: flex; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + --emoji-size: 14px; +} +.chat-title .username { + max-width: 100%; + text-overflow: ellipsis; + white-space: nowrap; + display: inline; + word-wrap: break-word; + overflow: hidden; +} +.chat-title .avatar-container { + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + line-height: 1; +} +.chat-title .titlebar-avatar { + margin-right: 0.5em; + height: 1.5em; + width: 1.5em; + border-radius: 10px; + border-radius: var(--avatarAltRadius, 10px); +} +.chat-title .titlebar-avatar.animated::before { + display: none; +} +.chat-list-item { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + padding: 0.75em; + height: 5em; + overflow: hidden; + box-sizing: border-box; + cursor: pointer; +} +.chat-list-item :focus { + outline: none; +} +.chat-list-item:hover { + background-color: var(--selectedPost, #151e2a); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); +} +.chat-list-item .chat-list-item-left { + margin-right: 1em; +} +.chat-list-item .chat-list-item-center { + width: 100%; + box-sizing: border-box; + overflow: hidden; + word-wrap: break-word; +} +.chat-list-item .heading { + width: 100%; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-pack: justify; + justify-content: space-between; + line-height: 1em; +} +.chat-list-item .heading-right { + white-space: nowrap; +} +.chat-list-item .name-and-account-name { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + -ms-flex-negative: 1; + flex-shrink: 1; + line-height: var(--post-line-height); +} +.chat-list-item .chat-preview { + display: -ms-inline-flexbox; + display: inline-flex; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0.35em 0; + color: #b9b9ba; + color: var(--faint, #b9b9ba); + width: 100%; +} +.chat-list-item a { + color: var(--faintLink, #d8a070); + text-decoration: none; + pointer-events: none; +} +.chat-list-item:hover .animated.avatar canvas { + display: none; +} +.chat-list-item:hover .animated.avatar img { + visibility: visible; +} +.chat-list-item .Avatar { + border-radius: 10px; + border-radius: var(--avatarAltRadius, 10px); +} +.chat-list-item .chat-preview-body { + --emoji-size: 1.4em; +} +.chat-list-item .time-wrapper { + line-height: var(--post-line-height); +} +.chat-list-item .chat-preview-body { + padding-right: 1em; +} +.basic-user-card { + display: -ms-flexbox; + display: flex; + -ms-flex: 1 0; + flex: 1 0; + margin: 0; + padding: 0.6em 1em; +} +.basic-user-card-collapsed-content { + margin-left: 0.7em; + text-align: left; + -ms-flex: 1; + flex: 1; + min-width: 0; +} +.basic-user-card-user-name img { + -o-object-fit: contain; + object-fit: contain; + height: 16px; + width: 16px; + vertical-align: middle; +} +.basic-user-card-user-name-value, .basic-user-card-screen-name { + display: inline-block; + max-width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.basic-user-card-expanded-content { + -ms-flex: 1; + flex: 1; + margin-left: 0.7em; + min-width: 0; +} +.chat-new .input-wrap { + display: -ms-flexbox; + display: flex; + margin: 0.7em 0.5em 0.7em 0.5em; +} +.chat-new .input-wrap input { + width: 100%; +} +.chat-new .search-icon { + margin-right: 0.3em; +} +.chat-new .member-list { + padding-bottom: 0.7rem; +} +.chat-new .basic-user-card:hover { + cursor: pointer; + background-color: var(--selectedPost, #151e2a); +} +.chat-new .go-back-button { + text-align: center; + line-height: 1; + height: 100%; + -ms-flex-item-align: start; + -ms-grid-row-align: start; + align-self: start; + width: var(--__panel-heading-height-inner); +} +.chat-list { + min-height: 25em; + margin-bottom: 0; +} +.emtpy-chat-list-alert { + padding: 3em; + font-size: 1.2em; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + color: #b9b9ba; + color: var(--faint, #b9b9ba); +} +.chat-message-wrapper.hovered-message-chain .animated.Avatar canvas { + display: none; +} +.chat-message-wrapper.hovered-message-chain .animated.Avatar img { + visibility: visible; +} +.chat-message-wrapper .chat-message-menu { + transition: opacity 0.1s; + opacity: 0; + position: absolute; + top: -0.8em; +} +.chat-message-wrapper .chat-message-menu button { + padding-top: 0.2em; + padding-bottom: 0.2em; +} +.chat-message-wrapper .menu-icon { + cursor: pointer; +} +.chat-message-wrapper .menu-icon:hover, .extra-button-popover.open .chat-message-wrapper .menu-icon { + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.chat-message-wrapper .popover { + width: 12em; +} +.chat-message-wrapper .chat-message { + display: -ms-flexbox; + display: flex; + padding-bottom: 0.5em; +} +.chat-message-wrapper .chat-message .status-body:hover { + --_still-image-img-visibility: visible; + --_still-image-canvas-visibility: hidden; + --_still-image-label-visibility: hidden; +} +.chat-message-wrapper .avatar-wrapper { + margin-right: 0.72em; + width: 32px; +} +.chat-message-wrapper .link-preview, .chat-message-wrapper .attachments { + margin-bottom: 1em; +} +.chat-message-wrapper .chat-message-inner { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: start; + align-items: flex-start; + max-width: 80%; + min-width: 10em; + width: 100%; +} +.chat-message-wrapper .chat-message-inner.with-media { + width: 100%; +} +.chat-message-wrapper .chat-message-inner.with-media .status { + width: 100%; +} +.chat-message-wrapper .status { + border-radius: 10px; + border-radius: var(--chatMessageRadius, 10px); + display: -ms-flexbox; + display: flex; + padding: 0.75em; +} +.chat-message-wrapper .created-at { + position: relative; + float: right; + font-size: 0.8em; + margin: -1em 0 -0.5em 0; + font-style: italic; + opacity: 0.8; +} +.chat-message-wrapper .without-attachment .message-content .RichContent::after { + margin-right: 5.4em; + content: " "; + display: inline-block; +} +.chat-message-wrapper .pending .status-content.media-body, .chat-message-wrapper .pending .created-at { + color: var(--faint); +} +.chat-message-wrapper .error .status-content.media-body, .chat-message-wrapper .error .created-at { + color: #ff0000; + color: var(--badgeNotification, #ff0000); +} +.chat-message-wrapper .incoming a { + color: var(--chatMessageIncomingLink, #d8a070); +} +.chat-message-wrapper .incoming .status { + color: var(--chatMessageIncomingText, #b9b9ba); + background-color: var(--chatMessageIncomingBg, #121a24); + border: 1px solid var(--chatMessageIncomingBorder, --border); +} +.chat-message-wrapper .incoming .created-at a { + color: var(--chatMessageIncomingText, #b9b9ba); +} +.chat-message-wrapper .incoming .chat-message-menu { + left: 0.4rem; +} +.chat-message-wrapper .outgoing { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-line-pack: end; + align-content: end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.chat-message-wrapper .outgoing a { + color: var(--chatMessageOutgoingLink, #d8a070); +} +.chat-message-wrapper .outgoing .status { + color: var(--chatMessageOutgoingText, #b9b9ba); + background-color: var(--chatMessageOutgoingBg, #151e2a); + border: 1px solid var(--chatMessageOutgoingBorder, --lightBg); +} +.chat-message-wrapper .outgoing .chat-message-inner { + -ms-flex-align: end; + align-items: flex-end; +} +.chat-message-wrapper .outgoing .chat-message-menu { + right: 0.4rem; +} +.chat-message-wrapper .visible { + opacity: 1; +} +.chat-message-date-separator { + text-align: center; + margin: 1.4em 0; + font-size: 0.9em; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #b9b9ba; + color: var(--faintedText, #b9b9ba); +} +.chat-view { + display: -ms-flexbox; + display: flex; + height: 100%; +} +.chat-view .chat-view-inner { + height: auto; + width: 100%; + overflow: visible; + display: -ms-flexbox; + display: flex; +} +.chat-view .chat-view-body { + box-sizing: border-box; + background-color: var(--chatBg, #121a24); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + overflow: visible; + min-height: calc(100vh - var(--navbar-height)); + margin: 0 0 0 0; + border-radius: 10px 10px 0 0; + border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0; +} +.chat-view .chat-view-body::after { + border-radius: 0; +} +.chat-view .message-list { + padding: 0 0.8em; + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: end; + justify-content: end; +} +.chat-view .footer { + position: -webkit-sticky; + position: sticky; + bottom: 0; + background-color: #121a24; + background-color: var(--bg, #121a24); + z-index: 1; +} +.chat-view .chat-view-heading { + -ms-grid-columns: auto minmax(50%, 1fr); + grid-template-columns: auto minmax(50%, 1fr); +} +.chat-view .go-back-button { + text-align: center; + line-height: 1; + height: 100%; + -ms-flex-item-align: start; + -ms-grid-row-align: start; + align-self: start; + width: var(--__panel-heading-height-inner); +} +.chat-view .jump-to-bottom-button { + width: 2.5em; + height: 2.5em; + border-radius: 100%; + position: absolute; + right: 1.3em; + top: -3.2em; + background-color: #182230; + background-color: var(--btn, #182230); + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3); + z-index: 10; + transition: 0.35s all; + transition-timing-function: cubic-bezier(0, 1, 0.5, 1); + opacity: 0; + visibility: hidden; + cursor: pointer; +} +.chat-view .jump-to-bottom-button.visible { + opacity: 1; + visibility: visible; +} +.chat-view .jump-to-bottom-button i { + font-size: 1em; + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +.chat-view .jump-to-bottom-button .unread-message-count { + font-size: 0.8em; + left: 50%; + margin-top: -1rem; + padding: 0.1em; + border-radius: 50px; + position: absolute; +} +.chat-view .jump-to-bottom-button .chat-loading-error { + width: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: end; + align-items: flex-end; + height: 100%; +} +.chat-view .jump-to-bottom-button .chat-loading-error .error { + width: 100%; +} +.follow-card-content-container { + -ms-flex-negative: 0; + flex-shrink: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + line-height: 1.5em; +} +.follow-card-follow-button { + margin-top: 0.5em; + margin-left: auto; + width: 10em; +} +.with-load-more-footer { + padding: 10px; + text-align: center; + border-top: 1px solid; + border-top-color: #222; + border-top-color: var(--border, #222); +} +.with-load-more-footer .error { + font-size: 1rem; +} +.with-load-more-footer a { + cursor: pointer; +} +.user-profile { + -ms-flex: 2; + flex: 2; + -ms-flex-preferred-size: 500px; + flex-basis: 500px; + --currentPanelStack: 1; +} +.user-profile .user-profile-fields { + margin: 0 0.5em; +} +.user-profile .user-profile-fields img { + -o-object-fit: contain; + object-fit: contain; + vertical-align: middle; + max-width: 100%; + max-height: 400px; +} +.user-profile .user-profile-fields img.emoji { + width: 18px; + height: 18px; +} +.user-profile .user-profile-fields .user-profile-field { + display: -ms-flexbox; + display: flex; + margin: 0.25em; + border: 1px solid var(--border, #222); + border-radius: 4px; + border-radius: var(--inputRadius, 4px); +} +.user-profile .user-profile-fields .user-profile-field .user-profile-field-name { + -ms-flex: 0 1 30%; + flex: 0 1 30%; + font-weight: 500; + text-align: right; + color: var(--lightText); + min-width: 120px; + border-right: 1px solid var(--border, #222); +} +.user-profile .user-profile-fields .user-profile-field .user-profile-field-value { + -ms-flex: 1 1 70%; + flex: 1 1 70%; + color: var(--text); + margin: 0 0 0 0.25em; +} +.user-profile .user-profile-fields .user-profile-field .user-profile-field-name, .user-profile .user-profile-fields .user-profile-field .user-profile-field-value { + line-height: 1.3; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + padding: 0.5em 1.5em; + box-sizing: border-box; +} +.user-profile .userlist-placeholder { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: middle; + align-items: middle; + padding: 2em; +} +.user-profile-placeholder .panel-body { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: middle; + align-items: middle; + padding: 7em; +} +.search-result-heading { + color: rgba(185, 185, 186, 0.5); + color: var(--faint, rgba(185, 185, 186, 0.5)); + padding: 0.75rem; + text-align: center; +} +@media all and (max-width: 800px) { +.search-nav-heading .tab-switcher .tabs .tab-wrapper { + display: block; + -ms-flex-pack: center; + justify-content: center; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; +} +} +.search-result { + box-sizing: border-box; + border-bottom: 1px solid; + border-color: #222; + border-color: var(--border, #222); +} +.search-result-footer { + border-width: 1px 0 0 0; + border-style: solid; + border-color: var(--border, #222); + padding: 10px; + background-color: #182230; + background-color: var(--panel, #182230); +} +.search-input-container { + padding: 0.8rem; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; +} +.search-input-container .search-input { + width: 100%; + line-height: 1.125rem; + font-size: 1rem; + padding: 0.5rem; + box-sizing: border-box; +} +.search-input-container .search-button { + margin-left: 0.5em; +} +.loading-icon { + padding: 1em; +} +.trend { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.trend .hashtag { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + color: #b9b9ba; + color: var(--text, #b9b9ba); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.trend .count { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 2rem; + font-size: 1.5rem; + line-height: 2.25rem; + font-weight: 500; + text-align: center; + color: #b9b9ba; + color: var(--text, #b9b9ba); +} +@charset "UTF-8"; +.registration-form { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + margin: 0.6em; +} +.registration-form .container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; +} +.registration-form .container > * { + min-width: 0; +} +.registration-form .terms-of-service { + -ms-flex: 0 1 50%; + flex: 0 1 50%; + margin: 0.8em; +} +.registration-form .text-fields { + margin-top: 0.6em; + -ms-flex: 1 0; + flex: 1 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.registration-form textarea { + min-height: 100px; + resize: vertical; +} +.registration-form .form-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding: 0.3em 0; + line-height: 2; + margin-bottom: 1em; +} +.registration-form .form-group--error { + animation-name: shakeError; + animation-duration: 0.6s; + animation-timing-function: ease-in-out; +} +.registration-form .form-group--error .form--label { + color: #f04124; + color: var(--cRed, #f04124); +} +.registration-form .form-error { + margin-top: -0.7em; + text-align: left; +} +.registration-form .form-error span { + font-size: 0.85em; +} +.registration-form .form-error ul { + list-style: none; + padding: 0 0 0 5px; + margin-top: 0; +} +.registration-form .form-error ul li::before { + content: "\2022 "; +} +.registration-form form textarea { + line-height: 16px; + resize: vertical; +} +.registration-form .captcha { + max-width: 350px; + margin-bottom: 0.4em; +} +.registration-form .btn { + margin-top: 0.6em; + height: 2em; +} +.registration-form .error { + text-align: center; +} +@media all and (max-width: 800px) { +.registration-form .container { + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} +} +.password-reset-form { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + margin: 0.6em; +} +.password-reset-form .container { + display: -ms-flexbox; + display: flex; + -ms-flex: 1 0; + flex: 1 0; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 0.6em; + max-width: 18rem; +} +.password-reset-form .container > * { + min-width: 0; +} +.password-reset-form .form-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 1em; + padding: 0.3em 0; + line-height: 1.85em; +} +.password-reset-form .error { + text-align: center; + animation-name: shakeError; + animation-duration: 0.4s; + animation-timing-function: ease-in-out; +} +.password-reset-form .alert { + padding: 0.5em; + margin: 0.3em 0 1em; +} +.password-reset-form .password-reset-required { + background-color: var(--alertError, rgba(211, 16, 20, 0.5)); + padding: 10px 0; +} +.password-reset-form .notice-dismissible { + padding-right: 2rem; +} +.password-reset-form .dismiss { + cursor: pointer; +} +.follow-request-card-content-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.follow-request-card-content-container button { + margin-top: 0.5em; + margin-right: 0.5em; + -ms-flex: 1 1; + flex: 1 1; + max-width: 12em; + min-width: 8em; +} +.follow-request-card-content-container button:last-child { + margin-right: 0; +} +.tos-content { + margin: 1em; +} +.staff-group { + padding-left: 1em; + padding-top: 1em; +} +.staff-group .basic-user-card { + padding-left: 0; +} +.mrf-section { + margin: 1em; +} +.mrf-section table { + width: 100%; + text-align: left; + padding-left: 10px; + padding-bottom: 20px; +} +.mrf-section table th, .mrf-section table td { + width: 180px; + max-width: 360px; + overflow: hidden; + vertical-align: text-top; +} +.mrf-section table th + th, .mrf-section table td + td { + width: auto; +} + +/*# sourceMappingURL=app.9065da1ae55149d987b6.css.map*/ \ No newline at end of file diff --git a/priv/static/static/css/app.9065da1ae55149d987b6.css.map b/priv/static/static/css/app.9065da1ae55149d987b6.css.map new file mode 100644 index 000000000..309ccb795 --- /dev/null +++ b/priv/static/static/css/app.9065da1ae55149d987b6.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./src/components/login_form/login_form.vue?0143","webpack:///./src/components/media_upload/media_upload.vue?b948","webpack:///./src/components/scope_selector/scope_selector.vue?b42e","webpack:///./src/components/checkbox/checkbox.vue?2c56","webpack:///./src/components/emoji_picker/emoji_picker.scss","webpack:///./src/components/emoji_input/emoji_input.vue?b70f","webpack:///./src/components/select/select.vue?0972","webpack:///./src/components/poll/poll_form.vue?4e05","webpack:///./src/components/still-image/still-image.vue?d62b","webpack:///./src/components/flash/flash.vue?8680","webpack:///./src/components/attachment/attachment.scss","webpack:///./src/components/gallery/gallery.vue?28da","webpack:///./src/components/user_avatar/user_avatar.vue?1437","webpack:///./src/components/mention_link/mention_link.scss","webpack:///./src/components/mentions_line/mentions_line.scss","webpack:///./src/components/hashtag_link/hashtag_link.scss","webpack:///./src/components/rich_content/rich_content.scss","webpack:///./src/components/poll/poll.vue?63e7","webpack:///./src/components/status_body/status_body.scss","webpack:///./src/components/link-preview/link-preview.vue?ae49","webpack:///./src/components/status_content/status_content.vue?02f4","webpack:///./src/components/post_status_form/post_status_form.vue?e8f7","webpack:///./src/components/remote_follow/remote_follow.vue?695f","webpack:///./src/components/dialog_modal/dialog_modal.vue?d035","webpack:///./src/components/popover/popover.vue?d601","webpack:///./src/components/moderation_tools/moderation_tools.vue?0d1a","webpack:///./src/components/account_actions/account_actions.vue?059b","webpack:///./src/components/user_card/user_card.scss","webpack:///./src/components/user_panel/user_panel.vue?d3c4","webpack:///./src/components/nav_panel/nav_panel.vue?2f93","webpack:///./src/components/features_panel/features_panel.vue?bb75","webpack:///./src/components/who_to_follow_panel/who_to_follow_panel.vue?3ce6","webpack:///./src/components/shout_panel/shout_panel.vue?80b8","webpack:///./src/components/modal/modal.vue?941f","webpack:///./src/components/panel_loading/panel_loading.vue?bd27","webpack:///./src/components/async_component_error/async_component_error.vue?3398","webpack:///./src/components/settings_modal/settings_modal.scss","webpack:///./src/components/media_modal/media_modal.vue?629c","webpack:///./src/components/side_drawer/side_drawer.vue?d1fd","webpack:///./src/components/mobile_post_status_button/mobile_post_status_button.vue?53e4","webpack:///./src/components/reply_button/reply_button.vue?b99a","webpack:///./src/components/favorite_button/favorite_button.vue?6a3c","webpack:///./src/components/react_button/react_button.vue?a9f8","webpack:///./src/components/retweet_button/retweet_button.vue?b1bb","webpack:///./src/components/extra_buttons/extra_buttons.vue?bd78","webpack:///./src/components/avatar_list/avatar_list.vue?4e4a","webpack:///./src/components/status_popover/status_popover.vue?0929","webpack:///./src/components/user_list_popover/user_list_popover.vue?787c","webpack:///./src/components/emoji_reactions/emoji_reactions.vue?235c","webpack:///./src/components/status/status.scss","webpack:///./src/components/notification/notification.scss","webpack:///./src/components/notifications/notification_filters.vue?603c","webpack:///./src/components/notifications/notifications.scss","webpack:///./src/components/mobile_nav/mobile_nav.vue?6393","webpack:///./src/components/search_bar/search_bar.vue?12c6","webpack:///./src/components/desktop_nav/desktop_nav.scss","webpack:///./src/components/list/list.vue?9770","webpack:///./src/components/user_reporting_modal/user_reporting_modal.vue?40b9","webpack:///./src/components/post_status_modal/post_status_modal.vue?1d2d","webpack:///./src/components/global_notice_list/global_notice_list.vue?340a","webpack:///./src/App.scss","webpack:///./src/components/thread_tree/thread_tree.vue?605c","webpack:///./src/components/conversation/conversation.vue?14b0","webpack:///./src/components/timeline_menu/timeline_menu.vue?3e08","webpack:///./src/components/timeline/timeline_quick_settings.vue?700a","webpack:///./src/components/timeline/timeline.scss","webpack:///./src/components/tab_switcher/tab_switcher.scss","webpack:///./src/components/chat_title/chat_title.vue?b7a1","webpack:///./src/components/chat_list_item/chat_list_item.vue?e9b5","webpack:///./src/components/basic_user_card/basic_user_card.vue?c98b","webpack:///./src/components/chat_new/chat_new.vue?547b","webpack:///./src/components/chat_list/chat_list.vue?1734","webpack:///./src/components/chat_message/chat_message.vue?7461","webpack:///./src/components/chat/chat.vue?4d65","webpack:///./src/components/follow_card/follow_card.vue?cae2","webpack:///./src/hocs/with_load_more/with_load_more.scss","webpack:///./src/components/user_profile/user_profile.vue?63ff","webpack:///./src/components/search/search.vue?b7f8","webpack:///./src/components/registration/registration.vue?a474","webpack:///./src/components/password_reset/password_reset.vue?e61a","webpack:///./src/components/follow_request_card/follow_request_card.vue?3deb","webpack:///./src/components/terms_of_service_panel/terms_of_service_panel.vue?2ce4","webpack:///./src/components/staff_panel/staff_panel.vue?efac","webpack:///./src/components/mrf_transparency_panel/mrf_transparency_panel.vue?5ff6"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtDA;AACA;AACA;AACA;AACA;AACA,C;ACLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC5LA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC3GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC3FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACVA;AACA;AACA;AACA;AACA;AACA,C;ACLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC9OA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjTA;AACA;AACA;AACA,C;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACxFA;AACA;AACA,C;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACvEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACtDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC9IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC1GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACzFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC7DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACj5BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACzEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACpHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AChFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC7IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC9GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACrEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC3EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACxFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AClBA;AACA;AACA,C;ACFA;AACA;AACA;AACA;AACA;AACA;AACA,C;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C","file":"static/css/app.9065da1ae55149d987b6.css","sourcesContent":[".login-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.6em;\n}\n.login-form .btn {\n min-height: 2em;\n width: 10em;\n}\n.login-form .register {\n -ms-flex: 1 1;\n flex: 1 1;\n}\n.login-form .login-bottom {\n margin-top: 1em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.login-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.3em 0.5em 0.6em;\n line-height: 24px;\n}\n.login-form .form-bottom {\n display: -ms-flexbox;\n display: flex;\n padding: 0.5em;\n height: 32px;\n}\n.login-form .form-bottom button {\n width: 10em;\n}\n.login-form .form-bottom p {\n margin: 0.35em;\n padding: 0.35em;\n display: -ms-flexbox;\n display: flex;\n}\n.login-form .error {\n text-align: center;\n animation-name: shakeError;\n animation-duration: 0.4s;\n animation-timing-function: ease-in-out;\n}",".media-upload {\n cursor: pointer;\n}\n.media-upload .hidden-input-file {\n display: none;\n}",".ScopeSelector .scope {\n display: inline-block;\n cursor: pointer;\n min-width: 1.3em;\n min-height: 1.3em;\n text-align: center;\n}\n.ScopeSelector .scope.selected svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}","@charset \"UTF-8\";\n.checkbox {\n position: relative;\n display: inline-block;\n min-height: 1.2em;\n}\n.checkbox-indicator {\n position: relative;\n padding-left: 1.2em;\n}\n.checkbox-indicator::before {\n position: absolute;\n right: 0;\n top: 0;\n display: block;\n content: \"\\2713\";\n transition: color 200ms;\n width: 1.1em;\n height: 1.1em;\n border-radius: 2px;\n border-radius: var(--checkboxRadius, 2px);\n box-shadow: 0px 0px 2px black inset;\n box-shadow: var(--inputShadow);\n background-color: #182230;\n background-color: var(--input, #182230);\n vertical-align: top;\n text-align: center;\n line-height: 1.1em;\n font-size: 1.1em;\n color: transparent;\n overflow: hidden;\n box-sizing: border-box;\n}\n.checkbox.disabled .checkbox-indicator::before,\n.checkbox.disabled .label {\n opacity: 0.5;\n}\n.checkbox.disabled .label {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.checkbox input[type=checkbox] {\n display: none;\n}\n.checkbox input[type=checkbox]:checked + .checkbox-indicator::before {\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n}\n.checkbox input[type=checkbox]:indeterminate + .checkbox-indicator::before {\n content: \"\\2013\";\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n}\n.checkbox > span {\n margin-left: 0.5em;\n}",".emoji-picker {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n position: absolute;\n right: 0;\n left: 0;\n margin: 0 !important;\n z-index: 100;\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #d8a070;\n color: var(--popoverText, #d8a070);\n --lightText: var(--popoverLightText, $fallback--faint);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.emoji-picker .keep-open,\n.emoji-picker .too-many-emoji {\n padding: 7px;\n line-height: normal;\n}\n.emoji-picker .too-many-emoji {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.emoji-picker .keep-open-label {\n padding: 0 7px;\n display: -ms-flexbox;\n display: flex;\n}\n.emoji-picker .heading {\n display: -ms-flexbox;\n display: flex;\n height: 32px;\n padding: 10px 7px 5px;\n}\n.emoji-picker .content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n min-height: 0px;\n}\n.emoji-picker .emoji-tabs {\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.emoji-picker .emoji-groups {\n min-height: 200px;\n}\n.emoji-picker .additional-tabs {\n border-left: 1px solid;\n border-left-color: #666;\n border-left-color: var(--icon, #666);\n padding-left: 7px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.emoji-picker .additional-tabs,\n.emoji-picker .emoji-tabs {\n display: block;\n min-width: 0;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n}\n.emoji-picker .additional-tabs-item,\n.emoji-picker .emoji-tabs-item {\n padding: 0 7px;\n cursor: pointer;\n font-size: 1.85em;\n}\n.emoji-picker .additional-tabs-item.disabled,\n.emoji-picker .emoji-tabs-item.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n.emoji-picker .additional-tabs-item.active,\n.emoji-picker .emoji-tabs-item.active {\n border-bottom: 4px solid;\n}\n.emoji-picker .additional-tabs-item.active svg,\n.emoji-picker .emoji-tabs-item.active svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.emoji-picker .sticker-picker {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.emoji-picker .stickers-content,\n.emoji-picker .emoji-content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n min-height: 0;\n}\n.emoji-picker .stickers-content.hidden,\n.emoji-picker .emoji-content.hidden {\n opacity: 0;\n pointer-events: none;\n position: absolute;\n}\n.emoji-picker .emoji-search {\n padding: 5px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.emoji-picker .emoji-search input {\n width: 100%;\n}\n.emoji-picker .emoji-groups {\n -ms-flex: 1 1 1px;\n flex: 1 1 1px;\n position: relative;\n overflow: auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n transition: -webkit-mask-size 150ms;\n transition: mask-size 150ms;\n transition: mask-size 150ms, -webkit-mask-size 150ms;\n -webkit-mask-size: 100% 20px, 100% 20px, auto;\n mask-size: 100% 20px, 100% 20px, auto;\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.emoji-picker .emoji-groups.scrolled-top {\n -webkit-mask-size: 100% 20px, 100% 0, auto;\n mask-size: 100% 20px, 100% 0, auto;\n}\n.emoji-picker .emoji-groups.scrolled-bottom {\n -webkit-mask-size: 100% 0, 100% 20px, auto;\n mask-size: 100% 0, 100% 20px, auto;\n}\n.emoji-picker .emoji-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding-left: 5px;\n -ms-flex-pack: left;\n justify-content: left;\n}\n.emoji-picker .emoji-group-title {\n font-size: 0.85em;\n width: 100%;\n margin: 0;\n}\n.emoji-picker .emoji-group-title.disabled {\n display: none;\n}\n.emoji-picker .emoji-item {\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 32px;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 4px;\n cursor: pointer;\n}\n.emoji-picker .emoji-item img {\n -o-object-fit: contain;\n object-fit: contain;\n max-width: 100%;\n max-height: 100%;\n}",".emoji-input {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative;\n}\n.emoji-input.with-picker input {\n padding-right: 30px;\n}\n.emoji-input .emoji-picker-icon {\n position: absolute;\n top: 0;\n right: 0;\n margin: 0.2em 0.25em;\n font-size: 1.3em;\n cursor: pointer;\n line-height: 24px;\n}\n.emoji-input .emoji-picker-icon:hover i {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.emoji-input .emoji-picker-panel {\n position: absolute;\n z-index: 20;\n margin-top: 2px;\n}\n.emoji-input .emoji-picker-panel.hide {\n display: none;\n}\n.emoji-input .autocomplete-panel {\n position: absolute;\n z-index: 20;\n margin-top: 2px;\n}\n.emoji-input .autocomplete-panel.hide {\n display: none;\n}\n.emoji-input .autocomplete-panel-body {\n margin: 0 0.5em 0 0.5em;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n box-shadow: var(--popupShadow);\n min-width: 75%;\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #d8a070;\n color: var(--popoverText, #d8a070);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --postLink: var(--popoverPostLink, $fallback--link);\n --postFaintLink: var(--popoverPostFaintLink, $fallback--link);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.emoji-input .autocomplete-item {\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n padding: 0.2em 0.4em;\n border-bottom: 1px solid rgba(0, 0, 0, 0.4);\n height: 32px;\n}\n.emoji-input .autocomplete-item .image {\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n font-size: 32px;\n margin-right: 4px;\n}\n.emoji-input .autocomplete-item .image img {\n width: 32px;\n height: 32px;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.emoji-input .autocomplete-item .label {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 0 0.1em 0 0.2em;\n}\n.emoji-input .autocomplete-item .label .displayText {\n line-height: 1.5;\n}\n.emoji-input .autocomplete-item .label .detailText {\n font-size: 9px;\n line-height: 9px;\n}\n.emoji-input .autocomplete-item.highlighted {\n background-color: #182230;\n background-color: var(--selectedMenuPopover, #182230);\n color: var(--selectedMenuPopoverText, #b9b9ba);\n --faint: var(--selectedMenuPopoverFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}\n.emoji-input input, .emoji-input textarea {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}","/* TODO fix order of styles */\nlabel.Select {\n padding: 0;\n}\nlabel.Select select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: transparent;\n border: none;\n color: #b9b9ba;\n color: var(--inputText, --text, #b9b9ba);\n margin: 0;\n padding: 0 2em 0 0.2em;\n font-family: sans-serif;\n font-family: var(--inputFont, sans-serif);\n font-size: 1em;\n width: 100%;\n z-index: 1;\n height: 2em;\n line-height: 16px;\n}\nlabel.Select .select-down-icon {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 5px;\n height: 100%;\n width: 0.875em;\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n line-height: 2;\n z-index: 0;\n pointer-events: none;\n}",".poll-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0 0.5em 0.5em;\n}\n.poll-form .add-option {\n -ms-flex-item-align: start;\n align-self: flex-start;\n padding-top: 0.25em;\n padding-left: 0.1em;\n}\n.poll-form .poll-option {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n -ms-flex-pack: justify;\n justify-content: space-between;\n margin-bottom: 0.25em;\n}\n.poll-form .input-container {\n width: 100%;\n}\n.poll-form .input-container input {\n padding-right: 2.5em;\n width: 100%;\n}\n.poll-form .delete-option {\n width: 1.5em;\n margin-left: -1.5em;\n z-index: 1;\n}\n.poll-form .poll-type-expiry {\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n}\n.poll-form .poll-type {\n margin-right: 0.75em;\n -ms-flex: 1 1 60%;\n flex: 1 1 60%;\n}\n.poll-form .poll-type .poll-type-select {\n padding-right: 0.75em;\n}\n.poll-form .poll-expiry {\n display: -ms-flexbox;\n display: flex;\n}\n.poll-form .poll-expiry .expiry-amount {\n width: 3em;\n text-align: right;\n}",".still-image {\n position: relative;\n line-height: 0;\n overflow: hidden;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.still-image canvas {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n visibility: var(--_still-image-canvas-visibility, visible);\n}\n.still-image img {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.still-image.animated::before {\n zoom: var(--_still_image-label-scale, 1);\n content: \"gif\";\n position: absolute;\n line-height: 1;\n font-size: 0.7em;\n top: 0.5em;\n left: 0.5em;\n background: rgba(127, 127, 127, 0.5);\n color: #fff;\n display: block;\n padding: 2px 4px;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n z-index: 2;\n visibility: var(--_still-image-label-visibility, visible);\n}\n.still-image.animated:hover canvas {\n display: none;\n}\n.still-image.animated:hover::before {\n visibility: var(--_still-image-label-visibility, hidden);\n}\n.still-image.animated img {\n visibility: var(--_still-image-img-visibility, hidden);\n}\n.still-image.animated:hover img {\n visibility: visible;\n}",".Flash {\n display: inline-block;\n width: 100%;\n height: 100%;\n position: relative;\n}\n.Flash .player {\n height: 100%;\n width: 100%;\n}\n.Flash .placeholder {\n height: 100%;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n background: var(--bg);\n color: var(--link);\n}\n.Flash .hider {\n top: 0;\n}\n.Flash .label {\n text-align: center;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n line-height: 1.2;\n white-space: normal;\n word-wrap: normal;\n}\n.Flash .hidden {\n display: none;\n visibility: \"hidden\";\n}",".Attachment {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative;\n -ms-flex-item-align: start;\n align-self: flex-start;\n line-height: 0;\n height: 100%;\n border-style: solid;\n border-width: 1px;\n border-radius: 10px;\n border-radius: var(--attachmentRadius, 10px);\n border-color: #222;\n border-color: var(--border, #222);\n}\n.Attachment .attachment-wrapper {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n height: 100%;\n position: relative;\n overflow: hidden;\n}\n.Attachment .description-container {\n -ms-flex: 0 1 0px;\n flex: 0 1 0;\n display: -ms-flexbox;\n display: flex;\n padding-top: 0.5em;\n z-index: 1;\n}\n.Attachment .description-container p {\n -ms-flex: 1;\n flex: 1;\n text-align: center;\n line-height: 1.5;\n padding: 0.5em;\n margin: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.Attachment .description-container.-static {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding-top: 0;\n background: var(--popover);\n box-shadow: var(--popupShadow);\n}\n.Attachment .description-field {\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.Attachment .placeholder-container, .Attachment .image-container, .Attachment .audio-container, .Attachment .video-container, .Attachment .flash-container, .Attachment .oembed-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n.Attachment .image-container .image {\n width: 100%;\n height: 100%;\n}\n.Attachment .flash-container .flash, .Attachment .flash-container video, .Attachment .video-container .flash, .Attachment .video-container video {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n}\n.Attachment .audio-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.Attachment .audio-container audio {\n width: 100%;\n height: 100%;\n}\n.Attachment .placeholder-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding-top: 0.5em;\n}\n.Attachment .play-icon {\n position: absolute;\n font-size: 64px;\n top: calc(50% - 32px);\n left: calc(50% - 32px);\n color: rgba(255, 255, 255, 0.75);\n text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);\n}\n.Attachment .play-icon::before {\n margin: 0;\n}\n.Attachment .attachment-buttons {\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n right: 0;\n top: 0;\n margin-top: 0.5em;\n margin-right: 0.5em;\n z-index: 1;\n}\n.Attachment .attachment-buttons .attachment-button {\n padding: 0;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n text-align: center;\n width: 2em;\n height: 2em;\n margin-left: 0.5em;\n font-size: 1.25em;\n background: rgba(230, 230, 230, 0.7);\n}\n.Attachment .attachment-buttons .attachment-button .svg-inline--fa {\n color: rgba(0, 0, 0, 0.6);\n}\n.Attachment .attachment-buttons .attachment-button:hover .svg-inline--fa {\n color: rgba(0, 0, 0, 0.9);\n}\n.Attachment .oembed-container {\n line-height: 1.2em;\n -ms-flex: 1 0 100%;\n flex: 1 0 100%;\n width: 100%;\n margin-right: 15px;\n display: -ms-flexbox;\n display: flex;\n}\n.Attachment .oembed-container img {\n width: 100%;\n}\n.Attachment .oembed-container .image {\n -ms-flex: 1;\n flex: 1;\n}\n.Attachment .oembed-container .image img {\n border: 0px;\n border-radius: 5px;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.Attachment .oembed-container .text {\n -ms-flex: 2;\n flex: 2;\n margin: 8px;\n word-break: break-all;\n}\n.Attachment .oembed-container .text h1 {\n font-size: 1rem;\n margin: 0px;\n}\n.Attachment.-size-small .play-icon {\n zoom: 0.5;\n opacity: 0.7;\n}\n.Attachment.-size-small .attachment-buttons {\n zoom: 0.7;\n opacity: 0.5;\n}\n.Attachment.-editable {\n padding: 0.5em;\n}\n.Attachment.-editable .description-container, .Attachment.-editable .attachment-buttons {\n margin: 0;\n}\n.Attachment.-placeholder {\n display: inline-block;\n color: #d8a070;\n color: var(--postLink, #d8a070);\n overflow: hidden;\n white-space: nowrap;\n height: auto;\n line-height: 1.5;\n}\n.Attachment.-placeholder:not(.-editable) {\n border: none;\n}\n.Attachment.-placeholder.-editable {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.Attachment.-placeholder.-editable .description-container, .Attachment.-placeholder.-editable .attachment-buttons {\n margin: 0;\n padding: 0;\n position: relative;\n}\n.Attachment.-placeholder.-editable .description-container {\n -ms-flex: 1;\n flex: 1;\n padding-left: 0.5em;\n}\n.Attachment.-placeholder.-editable .attachment-buttons {\n -ms-flex-order: 99;\n order: 99;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n}\n.Attachment.-placeholder a {\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.Attachment.-placeholder svg {\n color: inherit;\n}\n.Attachment.-loading {\n cursor: progress;\n}\n.Attachment.-contain-fit img,\n.Attachment.-contain-fit canvas {\n -o-object-fit: contain;\n object-fit: contain;\n}\n.Attachment.-cover-fit img,\n.Attachment.-cover-fit canvas {\n -o-object-fit: cover;\n object-fit: cover;\n}",".Gallery .gallery-rows {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Gallery .gallery-row {\n position: relative;\n height: 0;\n width: 100%;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.Gallery .gallery-row:not(:first-child) {\n margin-top: 0.5em;\n}\n.Gallery.-long .gallery-rows {\n max-height: 25em;\n overflow: hidden;\n -webkit-mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.Gallery .many-attachments-text {\n text-align: center;\n line-height: 2;\n}\n.Gallery .many-attachments-buttons {\n display: -ms-flexbox;\n display: flex;\n}\n.Gallery .many-attachments-button {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1;\n flex: 1;\n -ms-flex-pack: center;\n justify-content: center;\n line-height: 2;\n}\n.Gallery .many-attachments-button button {\n padding: 0 2em;\n}\n.Gallery .gallery-row.-grid, .Gallery .gallery-row.-minimal {\n height: auto;\n}\n.Gallery .gallery-row.-grid .gallery-row-inner, .Gallery .gallery-row.-minimal .gallery-row-inner {\n position: relative;\n}\n.Gallery .gallery-row-inner {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n}\n.Gallery .gallery-row-inner.-grid {\n width: 100%;\n height: auto;\n position: relative;\n display: -ms-grid;\n display: grid;\n grid-column-gap: 0.5em;\n grid-row-gap: 0.5em;\n -ms-grid-columns: (minmax(15em, 1fr))[auto-fill];\n grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));\n}\n.Gallery .gallery-row-inner.-grid .gallery-item {\n margin: 0;\n height: 200px;\n}\n.Gallery .gallery-item {\n margin: 0 0.5em 0 0;\n -ms-flex-positive: 1;\n flex-grow: 1;\n height: 100%;\n box-sizing: border-box;\n min-width: 2em;\n}\n.Gallery .gallery-item:last-child {\n margin: 0;\n}",".Avatar {\n --_avatarShadowBox: var(--avatarStatusShadow);\n --_avatarShadowFilter: var(--avatarStatusShadowFilter);\n --_avatarShadowInset: var(--avatarStatusShadowInset);\n --_still-image-label-visibility: hidden;\n display: inline-block;\n position: relative;\n width: 48px;\n height: 48px;\n}\n.Avatar.-compact {\n width: 32px;\n height: 32px;\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.Avatar .avatar {\n width: 100%;\n height: 100%;\n box-shadow: var(--_avatarShadowBox);\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n}\n.Avatar .avatar.-better-shadow {\n box-shadow: var(--_avatarShadowInset);\n filter: var(--_avatarShadowFilter);\n}\n.Avatar .avatar.-animated::before {\n display: none;\n}\n.Avatar .avatar.-compact {\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.Avatar .avatar.-placeholder {\n background-color: #182230;\n background-color: var(--fg, #182230);\n}\n.Avatar img {\n width: 100%;\n height: 100%;\n}\n.Avatar .bot-indicator {\n position: absolute;\n bottom: 0;\n right: 0;\n margin: -0.2em;\n padding: 0.2em;\n background: rgba(127, 127, 127, 0.5);\n color: #fff;\n border-radius: var(--tooltipRadius);\n}",".MentionLink {\n position: relative;\n white-space: normal;\n display: inline;\n color: var(--link);\n word-break: normal;\n}\n.MentionLink .new, .MentionLink .original {\n display: inline;\n border-radius: 2px;\n}\n.MentionLink .mention-avatar {\n border-radius: var(--avatarAltRadius, 10px);\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-right: 0.2em;\n}\n.MentionLink .full {\n position: absolute;\n display: inline-block;\n pointer-events: none;\n opacity: 0;\n top: 100%;\n left: 0;\n height: 100%;\n word-wrap: normal;\n white-space: nowrap;\n transition: opacity 0.2s ease;\n z-index: 1;\n margin-top: 0.25em;\n padding: 0.5em;\n -webkit-user-select: all;\n -moz-user-select: all;\n -ms-user-select: all;\n user-select: all;\n}\n.MentionLink .short.-with-tooltip, .MentionLink .you {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.MentionLink .short, .MentionLink .full {\n white-space: nowrap;\n}\n.MentionLink .shortName {\n white-space: normal;\n}\n.MentionLink .new .at {\n color: var(--link);\n opacity: 0.8;\n display: inline-block;\n line-height: 1;\n padding: 0 0.1em;\n vertical-align: -25%;\n margin: 0;\n}\n.MentionLink .new.-striped .shortName, .MentionLink .new.-striped .full {\n background-image: repeating-linear-gradient(135deg, var(--____highlight-tintColor), var(--____highlight-tintColor) 5px, var(--____highlight-tintColor2) 5px, var(--____highlight-tintColor2) 10px);\n}\n.MentionLink .new.-solid .shortName, .MentionLink .new.-solid .full {\n background-image: linear-gradient(var(--____highlight-tintColor2), var(--____highlight-tintColor2));\n}\n.MentionLink .new.-side .shortName, .MentionLink .new.-side .userNameFull {\n box-shadow: 0 -5px 3px -4px inset var(--____highlight-solidColor);\n}\n.MentionLink:hover .new .full {\n opacity: 1;\n pointer-events: initial;\n}\n.MentionLink .serverName.-faded {\n color: var(--faintLink, #d8a070);\n}\n.MentionLink .full .-faded {\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}",".MentionsLine {\n word-break: break-all;\n}\n.MentionsLine .mention-link:not(:first-child)::before {\n content: \" \";\n}\n.MentionsLine .showMoreLess {\n margin-left: 0.5em;\n white-space: normal;\n color: var(--link);\n}",".HashtagLink {\n position: relative;\n white-space: normal;\n display: inline-block;\n color: var(--link);\n}",".RichContent blockquote {\n margin: 0.2em 0 0.2em 2em;\n font-style: italic;\n}\n.RichContent pre {\n overflow: auto;\n}\n.RichContent code,\n.RichContent samp,\n.RichContent kbd,\n.RichContent var,\n.RichContent pre {\n font-family: var(--postCodeFont, monospace);\n}\n.RichContent p {\n margin: 0 0 1em 0;\n}\n.RichContent p:last-child {\n margin: 0 0 0 0;\n}\n.RichContent h1 {\n font-size: 1.1em;\n line-height: 1.2em;\n margin: 1.4em 0;\n}\n.RichContent h2 {\n font-size: 1.1em;\n margin: 1em 0;\n}\n.RichContent h3 {\n font-size: 1em;\n margin: 1.2em 0;\n}\n.RichContent h4 {\n margin: 1.1em 0;\n}\n.RichContent .img {\n display: inline-block;\n}\n.RichContent .emoji {\n display: inline-block;\n width: var(--emoji-size, 32px);\n height: var(--emoji-size, 32px);\n}\n.RichContent .img,\n.RichContent video {\n max-width: 100%;\n max-height: 400px;\n vertical-align: middle;\n -o-object-fit: contain;\n object-fit: contain;\n}",".poll .votes {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0 0 0.5em;\n}\n.poll .poll-option {\n margin: 0.75em 0.5em;\n}\n.poll .option-result {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n position: relative;\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.poll .option-result-label {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.1em 0.25em;\n z-index: 1;\n word-break: break-word;\n}\n.poll .result-percentage {\n width: 3.5em;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.poll .result-fill {\n height: 100%;\n position: absolute;\n color: #b9b9ba;\n color: var(--pollText, #b9b9ba);\n background-color: #151e2a;\n background-color: var(--poll, #151e2a);\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n top: 0;\n left: 0;\n transition: width 0.5s;\n}\n.poll .option-vote {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.poll input {\n width: 3.5em;\n}\n.poll .footer {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.poll.loading * {\n cursor: progress;\n}\n.poll .poll-vote-button {\n padding: 0 0.5em;\n margin-right: 0.5em;\n}",".StatusBody {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.StatusBody .emoji {\n --_still_image-label-scale: 0.5;\n width: 50px;\n height: 50px;\n}\n.StatusBody .attachments {\n margin-top: 0.5em;\n}\n.StatusBody .text, .StatusBody .summary {\n font-family: var(--postFont, sans-serif);\n white-space: pre-wrap;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-word;\n line-height: var(--post-line-height);\n}\n.StatusBody .summary {\n display: block;\n font-style: italic;\n padding-bottom: 0.5em;\n}\n.StatusBody .text.-single-line {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n height: 1.4em;\n}\n.StatusBody .summary-wrapper {\n margin-bottom: 0.5em;\n border-style: solid;\n border-width: 0 0 1px 0;\n border-color: var(--border, #222);\n -ms-flex-positive: 0;\n flex-grow: 0;\n}\n.StatusBody .summary-wrapper.-tall {\n position: relative;\n}\n.StatusBody .summary-wrapper.-tall .summary {\n max-height: 2em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.StatusBody .text-wrapper {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.StatusBody .text-wrapper.-tall-status {\n position: relative;\n height: 220px;\n overflow-x: hidden;\n overflow-y: hidden;\n z-index: 1;\n}\n.StatusBody .text-wrapper.-tall-status .media-body {\n min-height: 0;\n -webkit-mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, linear-gradient(to top, white, white);\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.StatusBody .tall-status-hider, .StatusBody .tall-subject-hider, .StatusBody .status-unhider, .StatusBody .cw-status-hider {\n display: inline-block;\n word-break: break-all;\n width: 100%;\n text-align: center;\n}\n.StatusBody .tall-status-hider {\n position: absolute;\n height: 70px;\n margin-top: 150px;\n line-height: 110px;\n z-index: 2;\n}\n.StatusBody .tall-subject-hider {\n padding-bottom: 0.5em;\n}\n.StatusBody .status-unhider, .StatusBody .cw-status-hider {\n word-break: break-all;\n}\n.StatusBody .status-unhider svg, .StatusBody .cw-status-hider svg {\n color: inherit;\n}\n.StatusBody .greentext {\n color: #0fa00f;\n color: var(--postGreentext, #0fa00f);\n}\n.StatusBody .cyantext {\n color: var(--postCyantext, #0095ff);\n}\n.StatusBody.-compact {\n -ms-flex-align: top;\n align-items: top;\n -ms-flex-direction: row;\n flex-direction: row;\n --emoji-size: 16px;\n}\n.StatusBody.-compact .body, .StatusBody.-compact .attachments {\n max-height: 3.25em;\n}\n.StatusBody.-compact .body {\n overflow: hidden;\n white-space: normal;\n min-width: 5em;\n -ms-flex: 5 1 auto;\n flex: 5 1 auto;\n -webkit-mask-size: auto 3.5em, auto auto;\n mask-size: auto 3.5em, auto auto;\n -webkit-mask-position: 0 0, 0 0;\n mask-position: 0 0, 0 0;\n -webkit-mask-repeat: repeat-x, repeat;\n mask-repeat: repeat-x, repeat;\n -webkit-mask-image: linear-gradient(to bottom, white 2em, transparent 3em);\n mask-image: linear-gradient(to bottom, white 2em, transparent 3em);\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.StatusBody.-compact .attachments {\n margin-top: 0;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n min-width: 5em;\n height: 100%;\n margin-left: 0.5em;\n}\n.StatusBody.-compact .summary-wrapper {\n line-height: inherit;\n margin: 0;\n border: none;\n display: inline-block;\n}\n.StatusBody.-compact .summary-wrapper .summary::after {\n content: \": \";\n}\n.StatusBody.-compact .text-wrapper {\n display: inline-block;\n}",".link-preview-card {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n cursor: pointer;\n overflow: hidden;\n margin-top: 0.5em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n border-style: solid;\n border-width: 1px;\n border-radius: 10px;\n border-radius: var(--attachmentRadius, 10px);\n border-color: #222;\n border-color: var(--border, #222);\n}\n.link-preview-card .card-image {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n width: 120px;\n max-width: 25%;\n}\n.link-preview-card .card-image img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n border-radius: 10px;\n border-radius: var(--attachmentRadius, 10px);\n}\n.link-preview-card .card-content {\n max-height: 100%;\n margin: 0.5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.link-preview-card .card-host {\n font-size: 0.85em;\n}\n.link-preview-card .card-description {\n margin: 0.5em 0 0 0;\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: break-word;\n line-height: 1.2em;\n max-height: calc(1.2em * 3 - 1px);\n}\n.link-preview-card .nsfw-alert {\n margin: 2em 0;\n}",".StatusContent {\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.StatusContent img.emoji, .StatusContent video.emoji {\n width: 50px;\n height: 50px;\n}",".post-status-form {\n position: relative;\n}\n.post-status-form .attachments {\n margin-bottom: 0.5em;\n}\n.post-status-form .form-bottom {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0.5em;\n height: 2.5em;\n}\n.post-status-form .form-bottom button {\n width: 10em;\n}\n.post-status-form .form-bottom p {\n margin: 0.35em;\n padding: 0.35em;\n display: -ms-flexbox;\n display: flex;\n}\n.post-status-form .form-bottom-left {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1;\n flex: 1;\n padding-right: 7px;\n margin-right: 7px;\n max-width: 10em;\n}\n.post-status-form .preview-heading {\n display: -ms-flexbox;\n display: flex;\n padding-left: 0.5em;\n}\n.post-status-form .preview-toggle {\n -ms-flex: 1;\n flex: 1;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.post-status-form .preview-toggle:hover {\n text-decoration: underline;\n}\n.post-status-form .preview-toggle svg, .post-status-form .preview-toggle i {\n margin-left: 0.2em;\n font-size: 0.8em;\n transform: rotate(90deg);\n}\n.post-status-form .preview-container {\n margin-bottom: 1em;\n}\n.post-status-form .preview-error {\n font-style: italic;\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.post-status-form .preview-status {\n border: 1px solid #222;\n border: 1px solid var(--border, #222);\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n padding: 0.5em;\n margin: 0;\n}\n.post-status-form .text-format .only-format {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.post-status-form .visibility-tray {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding-top: 5px;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.post-status-form .media-upload-icon, .post-status-form .poll-icon, .post-status-form .emoji-icon {\n font-size: 1.85em;\n line-height: 1.1;\n -ms-flex: 1;\n flex: 1;\n padding: 0 0.1em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.post-status-form .media-upload-icon.selected svg, .post-status-form .media-upload-icon.selected i, .post-status-form .media-upload-icon.selected label, .post-status-form .media-upload-icon:hover svg, .post-status-form .media-upload-icon:hover i, .post-status-form .media-upload-icon:hover label, .post-status-form .poll-icon.selected svg, .post-status-form .poll-icon.selected i, .post-status-form .poll-icon.selected label, .post-status-form .poll-icon:hover svg, .post-status-form .poll-icon:hover i, .post-status-form .poll-icon:hover label, .post-status-form .emoji-icon.selected svg, .post-status-form .emoji-icon.selected i, .post-status-form .emoji-icon.selected label, .post-status-form .emoji-icon:hover svg, .post-status-form .emoji-icon:hover i, .post-status-form .emoji-icon:hover label {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.post-status-form .media-upload-icon.disabled svg, .post-status-form .media-upload-icon.disabled i, .post-status-form .poll-icon.disabled svg, .post-status-form .poll-icon.disabled i, .post-status-form .emoji-icon.disabled svg, .post-status-form .emoji-icon.disabled i {\n cursor: not-allowed;\n color: #666;\n color: var(--btnDisabledText, #666);\n}\n.post-status-form .media-upload-icon.disabled svg:hover, .post-status-form .media-upload-icon.disabled i:hover, .post-status-form .poll-icon.disabled svg:hover, .post-status-form .poll-icon.disabled i:hover, .post-status-form .emoji-icon.disabled svg:hover, .post-status-form .emoji-icon.disabled i:hover {\n color: #666;\n color: var(--btnDisabledText, #666);\n}\n.post-status-form .media-upload-icon {\n -ms-flex-order: 1;\n order: 1;\n -ms-flex-pack: left;\n justify-content: left;\n}\n.post-status-form .emoji-icon {\n -ms-flex-order: 2;\n order: 2;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.post-status-form .poll-icon {\n -ms-flex-order: 3;\n order: 3;\n -ms-flex-pack: right;\n justify-content: right;\n}\n.post-status-form .error {\n text-align: center;\n}\n.post-status-form .media-upload-wrapper {\n margin-right: 0.2em;\n margin-bottom: 0.5em;\n width: 18em;\n}\n.post-status-form .media-upload-wrapper img, .post-status-form .media-upload-wrapper video {\n -o-object-fit: contain;\n object-fit: contain;\n max-height: 10em;\n}\n.post-status-form .media-upload-wrapper .video {\n max-height: 10em;\n}\n.post-status-form .media-upload-wrapper input {\n -ms-flex: 1;\n flex: 1;\n width: 100%;\n}\n.post-status-form .status-input-wrapper {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n width: 100%;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.post-status-form .btn[disabled] {\n cursor: not-allowed;\n}\n.post-status-form form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0.6em;\n position: relative;\n}\n.post-status-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.25em 0.5em 0.5em;\n line-height: 1.85;\n}\n.post-status-form .form-post-body {\n box-sizing: content-box;\n overflow: hidden;\n transition: min-height 200ms 100ms;\n padding-bottom: calc(var(--_padding) + var(--post-line-height) * 1em);\n height: calc(var(--post-line-height) * 1em);\n min-height: calc(var(--post-line-height) * 1em);\n resize: none;\n}\n.post-status-form .form-post-body.scrollable-form {\n overflow-y: auto;\n}\n.post-status-form .main-input {\n position: relative;\n}\n.post-status-form .character-counter {\n position: absolute;\n bottom: 0;\n right: 0;\n padding: 0;\n margin: 0 0.5em;\n}\n.post-status-form .character-counter.error {\n color: #ff0000;\n color: var(--cRed, #ff0000);\n}\n.post-status-form .btn[disabled] {\n cursor: not-allowed;\n}\n@keyframes fade-in {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 0.6;\n}\n}\n@keyframes fade-out {\nfrom {\n opacity: 0.6;\n}\nto {\n opacity: 0;\n}\n}\n.post-status-form .drop-indicator {\n position: absolute;\n width: 100%;\n height: 100%;\n font-size: 5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 0.6;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n border: 2px dashed #b9b9ba;\n border: 2px dashed var(--text, #b9b9ba);\n}",".remote-follow {\n max-width: 220px;\n}\n.remote-follow .remote-button {\n width: 100%;\n min-height: 2em;\n}",".dark-overlay::before {\n bottom: 0;\n content: \" \";\n display: block;\n cursor: default;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n background: rgba(27, 31, 35, 0.5);\n z-index: 99;\n}\n.dialog-modal.panel {\n top: 0;\n left: 50%;\n max-height: 80vh;\n max-width: 90vw;\n margin: 15vh auto;\n position: fixed;\n transform: translateX(-50%);\n z-index: 999;\n cursor: default;\n display: block;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.dialog-modal.panel .dialog-modal-heading .title {\n text-align: center;\n}\n.dialog-modal.panel .dialog-modal-content {\n margin: 0;\n padding: 1rem 1rem;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n white-space: normal;\n}\n.dialog-modal.panel .dialog-modal-footer {\n margin: 0;\n padding: 0.5em 0.5em;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n border-top: 1px solid #222;\n border-top: 1px solid var(--border, #222);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.dialog-modal.panel .dialog-modal-footer button {\n width: auto;\n margin-left: 0.5rem;\n}","@charset \"UTF-8\";\n.popover-trigger-button {\n display: inline-block;\n}\n.popover {\n z-index: 500;\n position: absolute;\n min-width: 0;\n}\n.popover-default {\n transition: opacity 0.3s;\n border-radius: 4px;\n border-radius: var(--btnRadius, 4px);\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #b9b9ba;\n color: var(--popoverText, #b9b9ba);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --postLink: var(--popoverPostLink, $fallback--link);\n --postFaintLink: var(--popoverPostFaintLink, $fallback--link);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.popover-default:after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 3;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n pointer-events: none;\n}\n.dropdown-menu {\n display: block;\n padding: 0.5rem 0;\n font-size: 1em;\n text-align: left;\n list-style: none;\n max-width: 100vw;\n z-index: 200;\n white-space: nowrap;\n}\n.dropdown-menu .dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #222;\n border-top: 1px solid var(--border, #222);\n}\n.dropdown-menu .dropdown-item {\n line-height: 21px;\n overflow: hidden;\n display: block;\n padding: 0.5em 0.75em;\n clear: both;\n font-weight: 400;\n text-align: inherit;\n white-space: nowrap;\n border: none;\n border-radius: 0px;\n background-color: transparent;\n box-shadow: none;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n --btnText: var(--popoverText, $fallback--text);\n}\n.dropdown-menu .dropdown-item-icon svg {\n width: 22px;\n margin-right: 0.75rem;\n color: var(--menuPopoverIcon, #666);\n}\n.dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenuPopover, #151e2a);\n box-shadow: none;\n --btnText: var(--selectedMenuPopoverText, $fallback--link);\n --faint: var(--selectedMenuPopoverFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}\n.dropdown-menu .dropdown-item:active svg, .dropdown-menu .dropdown-item:hover svg {\n color: var(--selectedMenuPopoverIcon, #666);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}\n.dropdown-menu .dropdown-item .menu-checkbox {\n display: inline-block;\n vertical-align: middle;\n min-width: 22px;\n max-width: 22px;\n min-height: 22px;\n max-height: 22px;\n line-height: 22px;\n text-align: center;\n border-radius: 0px;\n background-color: #182230;\n background-color: var(--input, #182230);\n box-shadow: 0px 0px 2px black inset;\n box-shadow: var(--inputShadow);\n margin-right: 0.75em;\n}\n.dropdown-menu .dropdown-item .menu-checkbox.menu-checkbox-checked::after {\n font-size: 1.25em;\n content: \"\\2713\";\n}\n.dropdown-menu .dropdown-item .menu-checkbox.-radio {\n border-radius: 9999px;\n}\n.dropdown-menu .dropdown-item .menu-checkbox.-radio.menu-checkbox-checked::after {\n font-size: 2em;\n content: \"\\2022\";\n}\n.dropdown-menu .button-default.dropdown-item,\n.dropdown-menu .button-default.dropdown-item i[class*=icon-] {\n color: #b9b9ba;\n color: var(--btnText, #b9b9ba);\n}\n.dropdown-menu .button-default.dropdown-item:active {\n background-color: #151e2a;\n background-color: var(--selectedMenuPopover, #151e2a);\n color: #d8a070;\n color: var(--selectedMenuPopoverText, #d8a070);\n}\n.dropdown-menu .button-default.dropdown-item:disabled {\n color: #b9b9ba;\n color: var(--btnDisabledText, #b9b9ba);\n}\n.dropdown-menu .button-default.dropdown-item.toggled {\n color: #b9b9ba;\n color: var(--btnToggledText, #b9b9ba);\n}",".moderation-tools-popover {\n height: 100%;\n}\n.moderation-tools-popover .trigger {\n display: -ms-flexbox !important;\n display: flex !important;\n height: 100%;\n}\n.moderation-tools-button svg, .moderation-tools-button i {\n font-size: 0.8em;\n}",".AccountActions .ellipsis-button {\n width: 2.5em;\n margin: -0.5em 0;\n padding: 0.5em 0;\n text-align: center;\n}\n.AccountActions .ellipsis-button:not(:hover) .icon {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}",".user-card {\n position: relative;\n z-index: 1;\n}\n.user-card:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.user-card .panel-heading {\n padding: 0.5em 0;\n text-align: center;\n box-shadow: none;\n background: transparent;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: stretch;\n align-items: stretch;\n position: relative;\n}\n.user-card .panel-body {\n word-wrap: break-word;\n border-bottom-right-radius: inherit;\n border-bottom-left-radius: inherit;\n position: relative;\n}\n.user-card .background-image {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n -webkit-mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n background-size: cover;\n -webkit-mask-size: 100% 60%;\n mask-size: 100% 60%;\n border-top-left-radius: calc(var(--panelRadius) - 1px);\n border-top-right-radius: calc(var(--panelRadius) - 1px);\n background-color: var(--profileBg);\n z-index: -2;\n}\n.user-card .background-image.hide-bio {\n -webkit-mask-size: 100% 40px;\n mask-size: 100% 40px;\n}\n.user-card-bio {\n text-align: center;\n display: block;\n line-height: 1.3;\n padding: 1em;\n margin: 0;\n}\n.user-card-bio a {\n color: #d8a070;\n color: var(--postLink, #d8a070);\n}\n.user-card-bio img {\n -o-object-fit: contain;\n object-fit: contain;\n vertical-align: middle;\n max-width: 100%;\n max-height: 400px;\n}\n.user-card-rounded-t {\n border-top-left-radius: 10px;\n border-top-left-radius: var(--panelRadius, 10px);\n border-top-right-radius: 10px;\n border-top-right-radius: var(--panelRadius, 10px);\n}\n.user-card-rounded {\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.user-card-bordered {\n border-width: 1px;\n border-style: solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.user-info {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n padding: 0 26px;\n}\n.user-info .container {\n min-width: 0;\n padding: 16px 0 6px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: start;\n align-items: flex-start;\n max-height: 56px;\n}\n.user-info .container > * {\n min-width: 0;\n}\n.user-info .container .Avatar {\n --_avatarShadowBox: var(--avatarShadow);\n --_avatarShadowFilter: var(--avatarShadowFilter);\n --_avatarShadowInset: var(--avatarShadowInset);\n -ms-flex: 1 0 100%;\n flex: 1 0 100%;\n width: 56px;\n height: 56px;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.user-info-avatar-link {\n position: relative;\n cursor: pointer;\n}\n.user-info-avatar-link-overlay {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.3);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.user-info-avatar-link-overlay svg {\n color: #FFF;\n}\n.user-info-avatar-link:hover .user-info-avatar-link-overlay {\n opacity: 1;\n}\n.user-info .external-link-button, .user-info .edit-profile-button {\n cursor: pointer;\n width: 2.5em;\n text-align: center;\n margin: -0.5em 0;\n padding: 0.5em 0;\n}\n.user-info .external-link-button:not(:hover) .icon, .user-info .edit-profile-button:not(:hover) .icon {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.user-info .user-summary {\n display: block;\n margin-left: 0.6em;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n z-index: 1;\n line-height: 2em;\n --emoji-size: 1.7em;\n}\n.user-info .user-summary .top-line,\n.user-info .user-summary .bottom-line {\n display: -ms-flexbox;\n display: flex;\n}\n.user-info .user-name {\n text-overflow: ellipsis;\n overflow: hidden;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n margin-right: 1em;\n font-size: 1.1em;\n}\n.user-info .bottom-line {\n font-weight: light;\n font-size: 1.1em;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.user-info .bottom-line .lock-icon {\n margin-left: 0.5em;\n}\n.user-info .bottom-line .user-screen-name {\n min-width: 1px;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n text-overflow: ellipsis;\n overflow: hidden;\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.user-info .bottom-line .dailyAvg {\n min-width: 1px;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n margin-left: 1em;\n font-size: 0.7em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.user-info .bottom-line .user-role {\n -ms-flex: none;\n flex: none;\n color: #b9b9ba;\n color: var(--alertNeutralText, #b9b9ba);\n background-color: #182230;\n background-color: var(--alertNeutral, #182230);\n}\n.user-info .user-meta {\n margin-bottom: 0.15em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n line-height: 22px;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.user-info .user-meta .following {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n margin: 0;\n margin-bottom: 0.25em;\n text-align: left;\n}\n.user-info .user-meta .highlighter {\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-right: -0.5em;\n -ms-flex-item-align: start;\n align-self: start;\n}\n.user-info .user-meta .highlighter .userHighlightCl {\n padding: 2px 10px;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.user-info .user-meta .highlighter .userHighlightSel {\n padding-top: 0;\n padding-bottom: 0;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.user-info .user-meta .highlighter .userHighlightText {\n width: 70px;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.user-info .user-meta .highlighter .userHighlightCl,\n.user-info .user-meta .highlighter .userHighlightText,\n.user-info .user-meta .highlighter .userHighlightSel {\n vertical-align: top;\n margin-right: 0.5em;\n margin-bottom: 0.25em;\n}\n.user-info .user-interactions {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n margin-right: -0.75em;\n}\n.user-info .user-interactions > * {\n margin: 0 0.75em 0.6em 0;\n white-space: nowrap;\n min-width: 95px;\n}\n.user-info .user-interactions button {\n margin: 0;\n}\n.sidebar .edit-profile-button {\n display: none;\n}\n.user-counts {\n display: -ms-flexbox;\n display: flex;\n line-height: 16px;\n padding: 0.5em 1.5em 0em 1.5em;\n text-align: center;\n -ms-flex-pack: justify;\n justify-content: space-between;\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.user-count {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n padding: 0.5em 0 0.5em 0;\n margin: 0 0.5em;\n}\n.user-count h5 {\n font-size: 1em;\n font-weight: bolder;\n margin: 0 0 0.25em;\n}\n.user-count a {\n text-decoration: none;\n}",".user-panel .signed-in {\n overflow: visible;\n z-index: 10;\n}",".NavPanel .panel {\n overflow: hidden;\n box-shadow: var(--panelShadow);\n}\n.NavPanel ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.NavPanel li {\n position: relative;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n padding: 0;\n}\n.NavPanel li:first-child .menu-item {\n border-top-right-radius: 10px;\n border-top-right-radius: var(--panelRadius, 10px);\n border-top-left-radius: 10px;\n border-top-left-radius: var(--panelRadius, 10px);\n}\n.NavPanel li:last-child .menu-item {\n border-bottom-right-radius: 10px;\n border-bottom-right-radius: var(--panelRadius, 10px);\n border-bottom-left-radius: 10px;\n border-bottom-left-radius: var(--panelRadius, 10px);\n}\n.NavPanel li:last-child {\n border: none;\n}\n.NavPanel .menu-item {\n display: block;\n box-sizing: border-box;\n height: 3.5em;\n line-height: 3.5em;\n padding: 0 1em;\n width: 100%;\n color: #d8a070;\n color: var(--link, #d8a070);\n}\n.NavPanel .menu-item:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #d8a070;\n color: var(--selectedMenuText, #d8a070);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.NavPanel .menu-item.router-link-active {\n font-weight: bolder;\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #b9b9ba;\n color: var(--selectedMenuText, #b9b9ba);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.NavPanel .menu-item.router-link-active:hover {\n text-decoration: underline;\n}\n.NavPanel .timelines-chevron {\n margin-left: 0.8em;\n font-size: 1.1em;\n}\n.NavPanel .timelines-background {\n padding: 0 0 0 0.6em;\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n border-top: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.NavPanel .timelines {\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.NavPanel .fa-scale-110 {\n margin-right: 0.8em;\n}\n.NavPanel .badge {\n position: absolute;\n right: 0.6rem;\n top: 1.25em;\n}",".features-panel li {\n line-height: 24px;\n}",".who-to-follow * {\n vertical-align: middle;\n}\n.who-to-follow img {\n width: 32px;\n height: 32px;\n}\n.who-to-follow {\n padding: 0em 1em;\n margin: 0px;\n}\n.who-to-follow-items {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0px;\n margin: 1em 0em;\n}\n.who-to-follow-more {\n padding: 0px;\n margin: 1em 0em;\n text-align: center;\n}",".floating-shout {\n position: fixed;\n bottom: 0.5em;\n z-index: 1000;\n max-width: 25em;\n}\n.floating-shout.-left {\n left: 0.5em;\n}\n.floating-shout:not(.-left) {\n right: 0.5em;\n}\n.shout-panel .shout-heading {\n cursor: pointer;\n}\n.shout-panel .shout-heading .icon {\n color: #b9b9ba;\n color: var(--panelText, #b9b9ba);\n margin-right: 0.5em;\n}\n.shout-panel .shout-heading .title {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n}\n.shout-panel .shout-window {\n overflow-y: auto;\n overflow-x: hidden;\n max-height: 20em;\n}\n.shout-panel .shout-window-container {\n height: 100%;\n}\n.shout-panel .shout-message {\n display: -ms-flexbox;\n display: flex;\n padding: 0.2em 0.5em;\n}\n.shout-panel .shout-avatar img {\n height: 24px;\n width: 24px;\n border-radius: 4px;\n border-radius: var(--avatarRadius, 4px);\n margin-right: 0.5em;\n margin-top: 0.25em;\n}\n.shout-panel .shout-input {\n display: -ms-flexbox;\n display: flex;\n}\n.shout-panel .shout-input textarea {\n -ms-flex: 1;\n flex: 1;\n margin: 0.6em;\n min-height: 3.5em;\n resize: none;\n}\n.shout-panel .shout-panel .title {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}",".modal-view {\n z-index: 2000;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n overflow: auto;\n pointer-events: none;\n animation-duration: 0.2s;\n animation-name: modal-background-fadein;\n opacity: 0;\n}\n.modal-view > * {\n pointer-events: initial;\n}\n.modal-view.modal-background {\n pointer-events: initial;\n background-color: rgba(0, 0, 0, 0.5);\n}\n.modal-view.open {\n opacity: 1;\n}\n@keyframes modal-background-fadein {\nfrom {\n background-color: rgba(0, 0, 0, 0);\n}\nto {\n background-color: rgba(0, 0, 0, 0.5);\n}\n}",".panel-loading {\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-size: 2em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.panel-loading .loading-text svg {\n line-height: 0;\n vertical-align: middle;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}",".async-component-error {\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.async-component-error .btn {\n margin: 0.5em;\n padding: 0.5em 2em;\n}",".settings-modal {\n overflow: hidden;\n}\n.settings-modal .setting-list,\n.settings-modal .option-list {\n list-style-type: none;\n padding-left: 2em;\n}\n.settings-modal .setting-list li,\n.settings-modal .option-list li {\n margin-bottom: 0.5em;\n}\n.settings-modal .setting-list .suboptions,\n.settings-modal .option-list .suboptions {\n margin-top: 0.3em;\n}\n.settings-modal.peek .settings-modal-panel {\n /* Explanation:\n * Modal is positioned vertically centered.\n * 100vh - 100% = Distance between modal's top+bottom boundaries and screen\n * (100vh - 100%) / 2 = Distance between bottom (or top) boundary and screen\n * + 100% - we move modal completely off-screen, it's top boundary touches\n * bottom of the screen\n * - 50px - leaving tiny amount of space so that titlebar + tiny amount of modal is visible\n */\n transform: translateY(calc(((100vh - 100%) / 2 + 100%) - 50px));\n}\n@media all and (max-width: 800px) {\n.settings-modal.peek .settings-modal-panel {\n /* For mobile, the modal takes 100% of the available screen.\n This ensures the minimized modal is always 50px above the browser bottom bar regardless of whether or not it is visible.\n */\n transform: translateY(calc(100% - 50px));\n}\n}\n.settings-modal .settings-modal-panel {\n overflow: hidden;\n transition: transform;\n transition-timing-function: ease-in-out;\n transition-duration: 300ms;\n width: 1000px;\n max-width: 90vw;\n height: 90vh;\n}\n@media all and (max-width: 800px) {\n.settings-modal .settings-modal-panel {\n max-width: 100vw;\n height: 100%;\n}\n}\n.settings-modal .settings-modal-panel > .panel-body {\n height: 100%;\n overflow-y: hidden;\n}\n.settings-modal .settings-modal-panel > .panel-body .btn {\n min-height: 2em;\n min-width: 10em;\n padding: 0 2em;\n}\n.settings-modal .settings-footer {\n display: -ms-flexbox;\n display: flex;\n}\n.settings-modal .settings-footer > * {\n margin-right: 0.5em;\n}\n.settings-modal .settings-footer .extra-content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}",".modal-view.media-modal-view {\n z-index: 9000;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow: hidden;\n}\n.modal-view.media-modal-view .modal-view-button-arrow,\n.modal-view.media-modal-view .modal-view-button-hide {\n opacity: 0.75;\n}\n.modal-view.media-modal-view .modal-view-button-arrow:focus, .modal-view.media-modal-view .modal-view-button-arrow:hover,\n.modal-view.media-modal-view .modal-view-button-hide:focus,\n.modal-view.media-modal-view .modal-view-button-hide:hover {\n outline: none;\n box-shadow: none;\n}\n.modal-view.media-modal-view .modal-view-button-arrow:hover,\n.modal-view.media-modal-view .modal-view-button-hide:hover {\n opacity: 1;\n}\n@keyframes media-fadein {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n.media-modal-view .modal-image-container {\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: column;\n flex-direction: column;\n max-width: 100%;\n max-height: 100%;\n width: 100%;\n height: 100%;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.media-modal-view .modal-image-container-inner {\n width: 100%;\n height: 100%;\n -ms-flex-positive: 1;\n flex-grow: 1;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.media-modal-view .description,\n.media-modal-view .counter {\n /* Hardcoded since background is also hardcoded */\n color: white;\n margin-top: 1em;\n text-shadow: 0 0 10px black, 0 0 10px black;\n padding: 0.2em 2em;\n}\n.media-modal-view .description {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n overflow-y: auto;\n min-height: 1em;\n max-width: 500px;\n max-height: 9.5em;\n word-break: break-all;\n}\n.media-modal-view .modal-image {\n max-width: 100%;\n max-height: 100%;\n image-orientation: from-image;\n animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;\n}\n.media-modal-view .modal-image.loading {\n opacity: 0.5;\n}\n.media-modal-view .loading-spinner {\n width: 100%;\n height: 100%;\n position: absolute;\n pointer-events: none;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.media-modal-view .loading-spinner svg {\n color: white;\n}\n.media-modal-view .modal-view-button {\n border: 0;\n padding: 0;\n opacity: 0;\n box-shadow: none;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n overflow: visible;\n cursor: pointer;\n transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);\n height: 3em;\n width: 3em;\n}\n.media-modal-view .modal-view-button .button-icon {\n position: absolute;\n height: 3em;\n width: 3em;\n font-size: 1rem;\n line-height: 3em;\n color: #FFF;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.media-modal-view .modal-view-button-arrow {\n position: absolute;\n display: block;\n top: 50%;\n margin-top: calc(3em / 2);\n width: 3em;\n height: 3em;\n}\n.media-modal-view .modal-view-button-arrow .arrow-icon {\n position: absolute;\n top: 0;\n line-height: 3em;\n color: #FFF;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.media-modal-view .modal-view-button-arrow--prev {\n left: 0;\n}\n.media-modal-view .modal-view-button-arrow--prev .arrow-icon {\n left: 0.5em;\n}\n.media-modal-view .modal-view-button-arrow--next {\n right: 0;\n}\n.media-modal-view .modal-view-button-arrow--next .arrow-icon {\n right: 0.5em;\n}\n.media-modal-view .modal-view-button-hide {\n position: absolute;\n top: 0;\n right: 0;\n}\n.media-modal-view .modal-view-button-hide .button-icon {\n top: 0.5em;\n right: 0.5em;\n}",".side-drawer-container {\n position: fixed;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n transition-duration: 0s;\n transition-property: transform;\n}\n.side-drawer-container-open {\n transform: translate(0%);\n}\n.side-drawer-container-closed {\n transition-delay: 0.35s;\n transform: translate(-100%);\n}\n.side-drawer-darken {\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n position: fixed;\n z-index: -1;\n transition: 0.35s;\n transition-property: background-color;\n background-color: rgba(0, 0, 0, 0.5);\n}\n.side-drawer-darken-closed {\n background-color: rgba(0, 0, 0, 0);\n}\n.side-drawer-click-outside {\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n}\n.side-drawer {\n overflow-x: hidden;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n transition: 0.35s;\n transition-property: transform;\n margin: 0 0 0 -100px;\n padding: 0 0 1em 100px;\n width: 80%;\n max-width: 20em;\n -ms-flex: 0 0 80%;\n flex: 0 0 80%;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n background-color: #121a24;\n background-color: var(--popover, #121a24);\n color: #d8a070;\n color: var(--popoverText, #d8a070);\n --faint: var(--popoverFaintText, $fallback--faint);\n --faintLink: var(--popoverFaintLink, $fallback--faint);\n --lightText: var(--popoverLightText, $fallback--lightText);\n --icon: var(--popoverIcon, $fallback--icon);\n}\n.side-drawer .badge {\n margin-left: 10px;\n}\n.side-drawer-logo-wrapper {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.85em;\n}\n.side-drawer-logo-wrapper img {\n -ms-flex: none;\n flex: none;\n height: 50px;\n margin-right: 0.85em;\n}\n.side-drawer-logo-wrapper span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.side-drawer-click-outside-closed {\n -ms-flex: 0 0 0px;\n flex: 0 0 0;\n}\n.side-drawer-closed {\n transform: translate(-100%);\n}\n.side-drawer-heading {\n background: transparent;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: stretch;\n align-items: stretch;\n display: -ms-flexbox;\n display: flex;\n padding: 0;\n margin: 0;\n}\n.side-drawer ul {\n list-style: none;\n margin: 0;\n padding: 0;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.side-drawer ul:last-child {\n border: 0;\n}\n.side-drawer li {\n padding: 0;\n}\n.side-drawer li a, .side-drawer li button {\n box-sizing: border-box;\n display: block;\n height: 3em;\n line-height: 3em;\n padding: 0 0.7em;\n}\n.side-drawer li a:hover, .side-drawer li button:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenuPopover, #151e2a);\n color: #b9b9ba;\n color: var(--selectedMenuPopoverText, #b9b9ba);\n --faint: var(--selectedMenuPopoverFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuPopoverFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuPopoverLightText, $fallback--lightText);\n --icon: var(--selectedMenuPopoverIcon, $fallback--icon);\n}",".MobilePostButton.button-default {\n width: 5em;\n height: 5em;\n border-radius: 100%;\n position: fixed;\n bottom: 1.5em;\n right: 1.5em;\n background-color: #182230;\n background-color: var(--btn, #182230);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 4px 6px rgba(0, 0, 0, 0.3);\n z-index: 10;\n transition: 0.35s transform;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n}\n.MobilePostButton.hidden {\n transform: translateY(150%);\n}\n.MobilePostButton svg {\n font-size: 1.5em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n@media all and (min-width: 801px) {\n.new-status-button:not(.always-show) {\n display: none;\n}\n}",".ReplyButton {\n display: -ms-flexbox;\n display: flex;\n}\n.ReplyButton > :first-child {\n padding: 10px;\n margin: -10px -8px -10px -10px;\n}\n.ReplyButton .action-counter {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.ReplyButton .interactive:hover .svg-inline--fa, .ReplyButton .interactive.-active .svg-inline--fa {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}",".FavoriteButton {\n display: -ms-flexbox;\n display: flex;\n}\n.FavoriteButton > :first-child {\n padding: 10px;\n margin: -10px -8px -10px -10px;\n}\n.FavoriteButton .action-counter {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.FavoriteButton .interactive .svg-inline--fa {\n animation-duration: 0.6s;\n}\n.FavoriteButton .interactive:hover .svg-inline--fa, .FavoriteButton .interactive.-favorited .svg-inline--fa {\n color: orange;\n color: var(--cOrange, orange);\n}",".custom-reaction {\n width: 30px !important;\n}\n.ReactButton {\n /* override of popover internal stuff */\n}\n.ReactButton .reaction-picker-filter {\n padding: 0.5em;\n display: -ms-flexbox;\n display: flex;\n}\n.ReactButton .reaction-picker-filter input {\n -ms-flex: 1;\n flex: 1;\n}\n.ReactButton .reaction-picker-divider {\n height: 1px;\n width: 100%;\n margin: 0.5em;\n background-color: var(--border, #222);\n}\n.ReactButton .reaction-picker {\n width: 10em;\n height: 9em;\n font-size: 1.5em;\n overflow-y: scroll;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding: 0.5em;\n text-align: center;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n mask: linear-gradient(to top, white 0, transparent 100%) bottom no-repeat, linear-gradient(to bottom, white 0, transparent 100%) top no-repeat, linear-gradient(to top, white, white);\n transition: -webkit-mask-size 150ms;\n transition: mask-size 150ms;\n transition: mask-size 150ms, -webkit-mask-size 150ms;\n -webkit-mask-size: 100% 20px, 100% 20px, auto;\n mask-size: 100% 20px, 100% 20px, auto;\n /* Autoprefixed seem to ignore this one, and also syntax is different */\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n.ReactButton .reaction-picker .emoji-button {\n cursor: pointer;\n -ms-flex-preferred-size: 20%;\n flex-basis: 20%;\n line-height: 1.5;\n -ms-flex-line-pack: center;\n align-content: center;\n}\n.ReactButton .reaction-picker .emoji-button:hover {\n transform: scale(1.25);\n}\n.ReactButton .popover-trigger-button {\n width: auto;\n}\n.ReactButton .popover-trigger {\n padding: 10px;\n margin: -10px;\n}\n.ReactButton .popover-trigger:hover .svg-inline--fa {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}",".RetweetButton {\n display: -ms-flexbox;\n display: flex;\n}\n.RetweetButton > :first-child {\n padding: 10px;\n margin: -10px -8px -10px -10px;\n}\n.RetweetButton .action-counter {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.RetweetButton .interactive .svg-inline--fa {\n animation-duration: 0.6s;\n}\n.RetweetButton .interactive:hover .svg-inline--fa, .RetweetButton .interactive.-repeated .svg-inline--fa {\n color: #0fa00f;\n color: var(--cGreen, #0fa00f);\n}",".ExtraButtons {\n /* override of popover internal stuff */\n}\n.ExtraButtons .popover-trigger-button {\n width: auto;\n}\n.ExtraButtons .popover-trigger {\n position: static;\n padding: 10px;\n margin: -10px;\n}\n.ExtraButtons .popover-trigger:hover .svg-inline--fa {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}",".avatars {\n display: -ms-flexbox;\n display: flex;\n margin: 0;\n padding: 0;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n height: 24px;\n}\n.avatars .avatars-item {\n margin: 0 0 5px 5px;\n}\n.avatars .avatars-item:first-child {\n padding-left: 5px;\n}\n.avatars .avatars-item .avatar-small {\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n height: 24px;\n width: 24px;\n}","/* popover styles load on-demand, so we need to override */\n.status-popover.popover {\n font-size: 1rem;\n min-width: 15em;\n max-width: 95%;\n border-color: #222;\n border-color: var(--border, #222);\n border-style: solid;\n border-width: 1px;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);\n box-shadow: var(--popupShadow);\n /* TODO cleanup this */\n}\n.status-popover.popover .Status.Status {\n border: none;\n}\n.status-popover.popover .status-preview-no-content {\n padding: 1em;\n text-align: center;\n}\n.status-popover.popover .status-preview-no-content i {\n font-size: 2em;\n}",".user-list-popover {\n padding: 0.5em;\n --emoji-size: 16px;\n}\n.user-list-popover .user-list-row {\n padding: 0.25em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.user-list-popover .user-list-row .user-list-names {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-left: 0.5em;\n min-width: 5em;\n}\n.user-list-popover .user-list-row .user-list-names img {\n width: 1em;\n height: 1em;\n}\n.user-list-popover .user-list-row .user-list-screen-name {\n font-size: 0.65em;\n}",".emoji-reactions {\n display: -ms-flexbox;\n display: flex;\n margin-top: 0.25em;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.unicode-emoji {\n font-size: 210%;\n}\n.emoji-reaction {\n padding: 0 0.5em;\n margin-right: 0.5em;\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.emoji-reaction .reaction-emoji {\n width: 2.55em !important;\n margin-right: 0.25em;\n}\n.emoji-reaction:focus {\n outline: none;\n}\n.emoji-reaction.not-clickable {\n cursor: default;\n}\n.emoji-reaction.not-clickable:hover {\n box-shadow: 0px 0px 2px 0px black, 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;\n box-shadow: var(--buttonShadow);\n}\n.emoji-reaction-expand {\n padding: 0 0.5em;\n margin-right: 0.5em;\n margin-top: 0.5em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.emoji-reaction-expand:hover {\n text-decoration: underline;\n}\n.picked-reaction {\n border: 1px solid var(--accent, #d8a070);\n margin-left: -1px;\n margin-right: calc(0.5em - 1px);\n}",".Status {\n min-width: 0;\n white-space: normal;\n word-wrap: break-word;\n word-break: break-word;\n}\n.Status:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.Status.-focused {\n background-color: #151e2a;\n background-color: var(--selectedPost, #151e2a);\n color: #b9b9ba;\n color: var(--selectedPostText, #b9b9ba);\n --lightText: var(--selectedPostLightText, $fallback--light);\n --faint: var(--selectedPostFaintText, $fallback--faint);\n --faintLink: var(--selectedPostFaintLink, $fallback--faint);\n --postLink: var(--selectedPostPostLink, $fallback--faint);\n --postFaintLink: var(--selectedPostFaintPostLink, $fallback--faint);\n --icon: var(--selectedPostIcon, $fallback--icon);\n}\n.Status .gravestone {\n padding: var(--status-margin, 0.75em);\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n display: -ms-flexbox;\n display: flex;\n}\n.Status .gravestone .deleted-text {\n margin: 0.5em 0;\n -ms-flex-align: center;\n align-items: center;\n}\n.Status .status-container {\n display: -ms-flexbox;\n display: flex;\n padding: var(--status-margin, 0.75em);\n}\n.Status .status-container > * {\n min-width: 0;\n}\n.Status .status-container.-repeat {\n padding-top: 0;\n}\n.Status .pin {\n padding: var(--status-margin, 0.75em) var(--status-margin, 0.75em) 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n._misclick-prevention .Status {\n pointer-events: none;\n}\n._misclick-prevention .Status .attachments {\n pointer-events: initial;\n cursor: initial;\n}\n.Status .left-side {\n margin-right: var(--status-margin, 0.75em);\n}\n.Status .right-side {\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.Status .usercard {\n margin-bottom: var(--status-margin, 0.75em);\n}\n.Status .status-username {\n white-space: nowrap;\n overflow: hidden;\n max-width: 85%;\n font-weight: bold;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n margin-right: 0.4em;\n text-overflow: ellipsis;\n --_still_image-label-scale: 0.25;\n --emoji-size: 14px;\n}\n.Status .status-favicon {\n height: 18px;\n width: 18px;\n margin-right: 0.4em;\n}\n.Status .status-heading {\n margin-bottom: 0.5em;\n}\n.Status .heading-name-row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n line-height: 1.3;\n}\n.Status .heading-name-row a {\n display: inline-block;\n word-break: break-all;\n}\n.Status .account-name {\n min-width: 1.6em;\n margin-right: 0.4em;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n}\n.Status .heading-left {\n display: -ms-flexbox;\n display: flex;\n min-width: 0;\n}\n.Status .heading-right {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.Status .heading-right .button-unstyled {\n padding: 5px;\n margin: -5px;\n}\n.Status .heading-right .button-unstyled:hover svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\n.Status .heading-right .svg-inline--fa {\n margin-left: 0.25em;\n}\n.Status .glued-label {\n display: -ms-inline-flexbox;\n display: inline-flex;\n white-space: nowrap;\n}\n.Status .timeago {\n margin-right: 0.2em;\n}\n.Status .heading-reply-row {\n position: relative;\n -ms-flex-line-pack: baseline;\n align-content: baseline;\n font-size: 0.85em;\n margin-top: 0.2em;\n line-height: 130%;\n max-width: 100%;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.Status .reply-to-popover, .Status .reply-to-no-popover, .Status .mentions {\n min-width: 0;\n margin-right: 0.4em;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.Status .reply-glued-label {\n margin-right: 0.5em;\n}\n.Status .reply-to-popover .reply-to:hover::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n width: 100%;\n border-bottom: 1px solid var(--faint);\n pointer-events: none;\n}\n.Status .reply-to-popover .faint-link:hover {\n text-decoration: none;\n}\n.Status .reply-to-popover.-strikethrough .reply-to::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n width: 100%;\n border-bottom: 1px solid var(--faint);\n pointer-events: none;\n}\n.Status .mentions, .Status .reply-to {\n white-space: nowrap;\n position: relative;\n}\n.Status .mentions-text, .Status .reply-to-text {\n color: var(--faint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Status .mentions-line {\n display: inline;\n}\n.Status .replies {\n margin-top: 0.25em;\n line-height: 1.3;\n font-size: 0.85em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.Status .replies > * {\n margin-right: 0.4em;\n}\n.Status .reply-link {\n height: 17px;\n}\n.Status .repeat-info {\n padding: 0.4em var(--status-margin, 0.75em);\n}\n.Status .repeat-info .repeat-icon {\n color: #0fa00f;\n color: var(--cGreen, #0fa00f);\n}\n.Status .repeater-avatar {\n border-radius: var(--avatarAltRadius, 10px);\n margin-left: 28px;\n width: 20px;\n height: 20px;\n}\n.Status .repeater-name {\n text-overflow: ellipsis;\n margin-right: 0;\n}\n.Status .repeater-name .emoji {\n width: 14px;\n height: 14px;\n vertical-align: middle;\n -o-object-fit: contain;\n object-fit: contain;\n}\n.Status .status-fadein {\n animation-duration: 0.4s;\n animation-name: fadein;\n}\n@keyframes fadein {\nfrom {\n opacity: 0;\n}\nto {\n opacity: 1;\n}\n}\n.Status .status-actions {\n position: relative;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n margin-top: var(--status-margin, 0.75em);\n}\n.Status .status-actions > * {\n max-width: 4em;\n -ms-flex: 1;\n flex: 1;\n}\n.Status .muted {\n padding: 0.25em 0.6em;\n height: 1.2em;\n line-height: 1.2em;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.Status .muted .status-username, .Status .muted .mute-thread, .Status .muted .mute-words {\n word-wrap: normal;\n word-break: normal;\n white-space: nowrap;\n}\n.Status .muted .status-username, .Status .muted .mute-words {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.Status .muted .status-username {\n font-weight: normal;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n margin-right: 0.2em;\n font-size: smaller;\n}\n.Status .muted .mute-thread {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.Status .muted .mute-words {\n -ms-flex: 1 0 5em;\n flex: 1 0 5em;\n margin-left: 0.2em;\n}\n.Status .muted .mute-words::before {\n content: \" \";\n}\n.Status .muted .unmute {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n margin-left: auto;\n display: block;\n}\n.Status .reply-form {\n padding-top: 0;\n padding-bottom: 0;\n}\n.Status .reply-body {\n -ms-flex: 1;\n flex: 1;\n}\n.Status .favs-repeated-users {\n margin-top: var(--status-margin, 0.75em);\n}\n.Status .stats {\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n line-height: 1em;\n}\n.Status .avatar-row {\n -ms-flex: 1;\n flex: 1;\n overflow: hidden;\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.Status .avatar-row::before {\n content: \"\";\n position: absolute;\n height: 100%;\n width: 1px;\n left: 0;\n background-color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.Status .stat-count {\n margin-right: var(--status-margin, 0.75em);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Status .stat-count .stat-title {\n color: var(--faint, rgba(185, 185, 186, 0.5));\n font-size: 0.85em;\n text-transform: uppercase;\n position: relative;\n}\n.Status .stat-count .stat-number {\n font-weight: bolder;\n font-size: 1.1em;\n line-height: 1em;\n}\n.Status .stat-count:hover .stat-title {\n text-decoration: underline;\n}\n@media all and (max-width: 800px) {\n.Status .repeater-avatar {\n margin-left: 20px;\n}\n.Status .post-avatar {\n width: 40px;\n height: 40px;\n}\n.Status .post-avatar.-compact {\n width: 32px;\n height: 32px;\n}\n}",".Notification {\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n word-wrap: break-word;\n word-break: break-word;\n --emoji-size: 14px;\n}\n.Notification:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.Notification.-muted {\n padding: 0.25em 0.6em;\n height: 1.2em;\n line-height: 1.2em;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.Notification.-muted .status-username, .Notification.-muted .mute-thread, .Notification.-muted .mute-words {\n word-wrap: normal;\n word-break: normal;\n white-space: nowrap;\n}\n.Notification.-muted .status-username, .Notification.-muted .mute-words {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.Notification.-muted .status-username {\n font-weight: normal;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n margin-right: 0.2em;\n font-size: smaller;\n}\n.Notification.-muted .mute-thread {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.Notification.-muted .mute-words {\n -ms-flex: 1 0 5em;\n flex: 1 0 5em;\n margin-left: 0.2em;\n}\n.Notification.-muted .mute-words::before {\n content: \" \";\n}\n.Notification.-muted .unmute {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n margin-left: auto;\n display: block;\n}\n.Notification .type-icon {\n margin: 0 0.1em;\n}\n.Notification.-type--repeat .type-icon {\n color: #0fa00f;\n color: var(--cGreen, #0fa00f);\n}\n.Notification.-type--follow .type-icon {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}\n.Notification.-type--follow-request .type-icon {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}\n.Notification.-type--like .type-icon {\n color: orange;\n color: orange;\n color: var(--cOrange, orange);\n}\n.Notification.-type--move .type-icon {\n color: #0095ff;\n color: var(--cBlue, #0095ff);\n}",".NotificationFilters {\n -ms-flex-item-align: stretch;\n -ms-grid-row-align: stretch;\n align-self: stretch;\n}\n.NotificationFilters > button {\n line-height: 100%;\n height: 100%;\n width: var(--__panel-heading-height-inner);\n text-align: center;\n}\n.NotificationFilters > button svg {\n font-size: 1.2em;\n}",".Notifications:not(.minimal) {\n padding-bottom: 15em;\n}\n.Notifications .loadmore-error {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.Notifications .notification {\n position: relative;\n}\n.Notifications .notification .notification-overlay {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n pointer-events: none;\n}\n.Notifications .notification.unseen .notification-overlay {\n background-image: linear-gradient(135deg, var(--badgeNotification, #ff0000) 4px, transparent 10px);\n}\n.notification {\n box-sizing: border-box;\n /* TODO cleanup this */\n}\n.notification:hover .animated.Avatar canvas {\n display: none;\n}\n.notification:hover .animated.Avatar img {\n visibility: visible;\n}\n.notification:last-child .Notification {\n border-bottom: none;\n}\n.notification .non-mention {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1;\n flex: 1;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n padding: 0.6em;\n min-width: 0;\n --link: var(--faintLink);\n --text: var(--faint);\n}\n.notification .non-mention .avatar-container {\n width: 32px;\n height: 32px;\n}\n.notification .follow-request-accept:hover {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.notification .follow-request-reject:hover {\n color: #ff0000;\n color: var(--cRed, #ff0000);\n}\n.notification .follow-text, .notification .move-text {\n padding: 0.5em 0;\n overflow-wrap: break-word;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.notification .follow-text .follow-name, .notification .move-text .follow-name {\n display: block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.notification .Status {\n -ms-flex: 1;\n flex: 1;\n}\n.notification time {\n white-space: nowrap;\n}\n.notification .notification-right {\n -ms-flex: 1;\n flex: 1;\n padding-left: 0.8em;\n min-width: 0;\n}\n.notification .notification-right .timeago {\n min-width: 3em;\n text-align: right;\n}\n.notification .emoji-reaction-emoji {\n font-size: 1.3em;\n}\n.notification .notification-details {\n min-width: 0;\n word-wrap: break-word;\n line-height: var(--post-line-height);\n position: relative;\n overflow: hidden;\n width: 100%;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.notification .notification-details .name-and-action {\n -ms-flex: 1;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.notification .notification-details .username {\n font-weight: bolder;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.notification .notification-details .timeago {\n margin-right: 0.2em;\n}\n.notification .notification-details .status-content {\n margin: 0;\n max-height: 300px;\n}\n.notification .notification-details h1 {\n word-break: break-all;\n margin: 0 0 0.3em;\n padding: 0;\n font-size: 1em;\n line-height: 1.5;\n}\n.notification .notification-details h1 small {\n font-weight: lighter;\n}\n.notification .notification-details p {\n margin: 0;\n margin-top: 0;\n margin-bottom: 0.3em;\n}",".MobileNav .mobile-nav {\n display: -ms-grid;\n display: grid;\n line-height: var(--navbar-height);\n -ms-grid-rows: 50px;\n grid-template-rows: 50px;\n -ms-grid-columns: 2fr auto;\n grid-template-columns: 2fr auto;\n width: 100%;\n box-sizing: border-box;\n}\n.MobileNav .mobile-nav a {\n color: var(--topBarLink, #d8a070);\n}\n.MobileNav .mobile-inner-nav {\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.MobileNav .mobile-nav-button {\n display: inline-block;\n text-align: center;\n padding: 0 1em;\n position: relative;\n cursor: pointer;\n}\n.MobileNav .site-name {\n padding: 0 0.3em;\n display: inline-block;\n}\n.MobileNav .item {\n /* moslty just to get rid of extra whitespaces */\n display: -ms-flexbox;\n display: flex;\n}\n.MobileNav .alert-dot {\n border-radius: 100%;\n height: 8px;\n width: 8px;\n position: absolute;\n left: calc(50% - 4px);\n top: calc(50% - 4px);\n margin-left: 6px;\n margin-top: -6px;\n background-color: #ff0000;\n background-color: var(--badgeNotification, #ff0000);\n}\n.MobileNav .mobile-notifications-drawer {\n width: 100%;\n height: 100vh;\n overflow-x: hidden;\n position: fixed;\n top: 0;\n left: 0;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n transition-property: transform;\n transition-duration: 0.25s;\n transform: translateX(0);\n z-index: 1001;\n -webkit-overflow-scrolling: touch;\n}\n.MobileNav .mobile-notifications-drawer.-closed {\n transform: translateX(100%);\n box-shadow: none;\n}\n.MobileNav .mobile-notifications-header {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: justify;\n justify-content: space-between;\n z-index: 1;\n width: 100%;\n height: 50px;\n line-height: 50px;\n position: absolute;\n color: var(--topBarText);\n background-color: #182230;\n background-color: var(--topBar, #182230);\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--topBarShadow);\n}\n.MobileNav .mobile-notifications-header .title {\n font-size: 1.3em;\n margin-left: 0.6em;\n}\n.MobileNav .mobile-notifications {\n margin-top: 50px;\n width: 100vw;\n height: calc(100vh - var(--navbar-height));\n overflow-x: hidden;\n overflow-y: scroll;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.MobileNav .mobile-notifications .notifications {\n padding: 0;\n border-radius: 0;\n box-shadow: none;\n}\n.MobileNav .mobile-notifications .notifications .panel {\n border-radius: 0;\n margin: 0;\n box-shadow: none;\n}\n.MobileNav .mobile-notifications .notifications .panel:after {\n border-radius: 0;\n}\n.MobileNav .mobile-notifications .notifications .panel .panel-heading {\n border-radius: 0;\n box-shadow: none;\n}",".SearchBar {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n vertical-align: baseline;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.SearchBar.-expanded {\n width: 100%;\n}\n.SearchBar .search-bar-input,\n.SearchBar .search-button {\n height: 29px;\n}\n.SearchBar .search-bar-input {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.SearchBar .cancel-search {\n height: 50px;\n}\n.SearchBar .cancel-icon {\n color: #b9b9ba;\n color: var(--btnTopBarText, #b9b9ba);\n}",".DesktopNav {\n width: 100%;\n}\n.DesktopNav a {\n color: var(--topBarLink, #d8a070);\n}\n.DesktopNav .inner-nav {\n display: -ms-grid;\n display: grid;\n -ms-grid-rows: var(--navbar-height);\n grid-template-rows: var(--navbar-height);\n -ms-grid-columns: 2fr auto 2fr;\n grid-template-columns: 2fr auto 2fr;\n grid-template-areas: \"sitename logo actions\";\n box-sizing: border-box;\n padding: 0 1.2em;\n margin: auto;\n max-width: 980px;\n}\n.DesktopNav.-logoLeft .inner-nav {\n -ms-grid-columns: auto 2fr 2fr;\n grid-template-columns: auto 2fr 2fr;\n grid-template-areas: \"logo sitename actions\";\n}\n.DesktopNav .button-default, .DesktopNav .button-default svg {\n color: #b9b9ba;\n color: var(--btnTopBarText, #b9b9ba);\n}\n.DesktopNav .button-default:active {\n background-color: #182230;\n background-color: var(--btnPressedTopBar, #182230);\n color: #b9b9ba;\n color: var(--btnPressedTopBarText, #b9b9ba);\n}\n.DesktopNav .button-default:disabled {\n color: #b9b9ba;\n color: var(--btnDisabledTopBarText, #b9b9ba);\n}\n.DesktopNav .button-default.toggled {\n color: #b9b9ba;\n color: var(--btnToggledTopBarText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnToggledTopBar, #182230);\n}\n.DesktopNav .logo {\n grid-area: logo;\n position: relative;\n transition: opacity;\n transition-timing-function: ease-out;\n transition-duration: 100ms;\n}\n@media all and (min-width: 800px) {\n.DesktopNav .logo {\n opacity: 1 !important;\n}\n}\n.DesktopNav .logo .mask {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: contain;\n mask-size: contain;\n background-color: #182230;\n background-color: var(--topBarText, #182230);\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n.DesktopNav .logo img {\n display: inline-block;\n height: var(--navbar-height);\n}\n.DesktopNav .nav-icon {\n margin-left: 0.2em;\n width: 2em;\n height: 100%;\n text-align: center;\n}\n.DesktopNav .nav-icon .svg-inline--fa {\n color: #d8a070;\n color: var(--topBarLink, #d8a070);\n}\n.DesktopNav .sitename {\n grid-area: sitename;\n}\n.DesktopNav .actions {\n grid-area: actions;\n}\n.DesktopNav .item {\n -ms-flex: 1;\n flex: 1;\n line-height: var(--navbar-height);\n height: var(--navbar-height);\n overflow: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.DesktopNav .item.right {\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: right;\n}",".list-item:not(:last-child) {\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.list-empty-content {\n text-align: center;\n padding: 10px;\n}",".user-reporting-panel {\n width: 90vw;\n max-width: 700px;\n min-height: 20vh;\n max-height: 80vh;\n}\n.user-reporting-panel .panel-body {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n border-top: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n overflow: hidden;\n}\n.user-reporting-panel-left {\n padding: 1.1em 0.7em 0.7em;\n line-height: var(--post-line-height);\n box-sizing: border-box;\n}\n.user-reporting-panel-left > div {\n margin-bottom: 1em;\n}\n.user-reporting-panel-left > div:last-child {\n margin-bottom: 0;\n}\n.user-reporting-panel-left p {\n margin-top: 0;\n}\n.user-reporting-panel-left textarea.form-control {\n line-height: 16px;\n resize: none;\n overflow: hidden;\n transition: min-height 200ms 100ms;\n min-height: 44px;\n width: 100%;\n}\n.user-reporting-panel-left .btn {\n min-width: 10em;\n padding: 0 2em;\n}\n.user-reporting-panel-left .alert {\n margin: 1em 0 0 0;\n line-height: 1.3em;\n}\n.user-reporting-panel-right {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow-y: auto;\n}\n.user-reporting-panel-sitem {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n /* TODO cleanup this */\n}\n.user-reporting-panel-sitem > .Status {\n -ms-flex: 1;\n flex: 1;\n}\n.user-reporting-panel-sitem > .checkbox {\n margin: 0.75em;\n}\n@media all and (min-width: 801px) {\n.user-reporting-panel .panel-body {\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.user-reporting-panel-left {\n width: 50%;\n max-width: 320px;\n border-right: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n padding: 1.1em;\n}\n.user-reporting-panel-left > div {\n margin-bottom: 2em;\n}\n.user-reporting-panel-right {\n width: 50%;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n margin-bottom: 12px;\n}\n}",".modal-view.post-form-modal-view {\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.post-form-modal-panel {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n margin-top: 25%;\n margin-bottom: 2em;\n width: 100%;\n max-width: 700px;\n}\n@media (orientation: landscape) {\n.post-form-modal-panel {\n margin-top: 8%;\n}\n}",".global-notice-list {\n position: fixed;\n top: 50px;\n width: 100%;\n pointer-events: none;\n z-index: 1001;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n}\n.global-notice-list .global-notice {\n pointer-events: auto;\n text-align: center;\n width: 40em;\n max-width: calc(100% - 3em);\n display: -ms-flexbox;\n display: flex;\n padding-left: 1.5em;\n line-height: 2;\n margin-bottom: 0.5em;\n}\n.global-notice-list .global-notice .notice-message {\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n}\n.global-notice-list .global-error {\n background-color: var(--alertPopupError, #ff0000);\n color: var(--alertPopupErrorText, #b9b9ba);\n}\n.global-notice-list .global-error .svg-inline--fa {\n color: var(--alertPopupErrorText, #b9b9ba);\n}\n.global-notice-list .global-warning {\n background-color: var(--alertPopupWarning, orange);\n color: var(--alertPopupWarningText, #b9b9ba);\n}\n.global-notice-list .global-warning .svg-inline--fa {\n color: var(--alertPopupWarningText, #b9b9ba);\n}\n.global-notice-list .global-success {\n background-color: var(--alertPopupSuccess, #0fa00f);\n color: var(--alertPopupSuccessText, #b9b9ba);\n}\n.global-notice-list .global-success .svg-inline--fa {\n color: var(--alertPopupSuccessText, #b9b9ba);\n}\n.global-notice-list .global-info {\n background-color: var(--alertPopupNeutral, #182230);\n color: var(--alertPopupNeutralText, #b9b9ba);\n}\n.global-notice-list .global-info .svg-inline--fa {\n color: var(--alertPopupNeutralText, #b9b9ba);\n}\n.global-notice-list .close-notice {\n padding-right: 0.2em;\n}\n.global-notice-list .close-notice .svg-inline--fa:hover {\n opacity: 0.6;\n}","@charset \"UTF-8\";\n:root {\n --navbar-height: 3.5rem;\n --post-line-height: 1.4;\n}\nhtml {\n font-size: 14px;\n}\nbody {\n font-family: sans-serif;\n font-family: var(--interfaceFont, sans-serif);\n margin: 0;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overscroll-behavior-y: none;\n overflow-x: clip;\n overflow-y: scroll;\n}\nbody.hidden {\n display: none;\n}\n@media (any-pointer: fine) {\n* {\n scrollbar-color: var(--btn) transparent;\n}\n*::-webkit-scrollbar {\n background: transparent;\n}\n*::-webkit-scrollbar-button, *::-webkit-scrollbar-thumb {\n background-color: var(--btn);\n box-shadow: var(--buttonShadow);\n border-radius: var(--btnRadius);\n}\n*::-webkit-scrollbar-button {\n --___bgPadding: 2px;\n color: var(--btnText);\n background-repeat: no-repeat, no-repeat;\n}\n*::-webkit-scrollbar-button:horizontal {\n background-size: 50% calc(50% - var(--___bgPadding)), 50% calc(50% - var(--___bgPadding));\n}\n*::-webkit-scrollbar-button:horizontal:increment {\n background-image: linear-gradient(45deg, var(--btnText) 50%, transparent 51%), linear-gradient(-45deg, transparent 50%, var(--btnText) 51%);\n background-position: top var(--___bgPadding) left 50%, right 50% bottom var(--___bgPadding);\n}\n*::-webkit-scrollbar-button:horizontal:decrement {\n background-image: linear-gradient(45deg, transparent 50%, var(--btnText) 51%), linear-gradient(-45deg, var(--btnText) 50%, transparent 51%);\n background-position: bottom var(--___bgPadding) right 50%, left 50% top var(--___bgPadding);\n}\n*::-webkit-scrollbar-button:vertical {\n background-size: calc(50% - var(--___bgPadding)) 50%, calc(50% - var(--___bgPadding)) 50%;\n}\n*::-webkit-scrollbar-button:vertical:increment {\n background-image: linear-gradient(-45deg, transparent 50%, var(--btnText) 51%), linear-gradient(45deg, transparent 50%, var(--btnText) 51%);\n background-position: right var(--___bgPadding) top 50%, left var(--___bgPadding) top 50%;\n}\n*::-webkit-scrollbar-button:vertical:decrement {\n background-image: linear-gradient(-45deg, var(--btnText) 50%, transparent 51%), linear-gradient(45deg, var(--btnText) 50%, transparent 51%);\n background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%;\n}\nhtml {\n scrollbar-color: var(--selectedMenu) var(--wallpaper);\n background: var(--wallpaper);\n}\n}\na {\n text-decoration: none;\n color: #d8a070;\n color: var(--link, #d8a070);\n}\nh4 {\n margin: 0;\n}\ni[class*=icon-],\n.svg-inline--fa {\n color: #666;\n color: var(--icon, #666);\n}\nnav {\n z-index: 1000;\n color: var(--topBarText);\n background-color: #182230;\n background-color: var(--topBar, #182230);\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--topBarShadow);\n box-sizing: border-box;\n height: var(--navbar-height);\n position: fixed;\n}\n#sidebar {\n grid-area: sidebar;\n}\n.column.-scrollable {\n top: var(--navbar-height);\n position: -webkit-sticky;\n position: sticky;\n}\n#main-scroller {\n grid-area: content;\n position: relative;\n}\n#notifs-column {\n grid-area: notifs;\n}\n.app-bg-wrapper {\n position: fixed;\n height: 100%;\n top: var(--navbar-height);\n z-index: -1000;\n left: 0;\n right: -20px;\n background-size: cover;\n background-repeat: no-repeat;\n background-color: var(--wallpaper);\n background-image: var(--body-background-image);\n background-position: 50%;\n}\n.underlay {\n -ms-grid-column: 1;\n grid-column-start: 1;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n -ms-grid-row: 1;\n grid-row-start: 1;\n grid-row-end: 1;\n pointer-events: none;\n background-color: rgba(0, 0, 0, 0.15);\n background-color: var(--underlay, rgba(0, 0, 0, 0.15));\n z-index: -1000;\n}\n.app-layout {\n --miniColumn: 25rem;\n --maxiColumn: minmax(var(--miniColumn), 45rem);\n --columnGap: 1em;\n --status-margin: 0.75em;\n position: relative;\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: var(--miniColumn) var(--maxiColumn);\n grid-template-columns: var(--miniColumn) var(--maxiColumn);\n grid-template-areas: \"sidebar content\";\n -ms-grid-rows: 1fr;\n grid-template-rows: 1fr;\n box-sizing: border-box;\n margin: 0 auto;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: center;\n justify-content: center;\n min-height: 100vh;\n overflow-x: clip;\n}\n.app-layout .column {\n --___columnMargin: var(--columnGap);\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 100%;\n grid-template-columns: 100%;\n box-sizing: border-box;\n -ms-grid-row: 1;\n grid-row-start: 1;\n grid-row-end: 1;\n margin: 0 calc(var(--___columnMargin) / 2);\n padding: calc(var(--___columnMargin)) 0;\n row-gap: var(--___columnMargin);\n -ms-flex-line-pack: start;\n align-content: start;\n}\n.app-layout .column:not(.-scrollable) {\n margin-top: var(--navbar-height);\n}\n.app-layout .column:hover {\n z-index: 2;\n}\n.app-layout .column.-full-height {\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n.app-layout .column.-scrollable {\n --___paddingIncrease: calc(var(--columnGap) / 2);\n position: -webkit-sticky;\n position: sticky;\n top: var(--navbar-height);\n max-height: calc(100vh - var(--navbar-height));\n overflow-y: auto;\n overflow-x: hidden;\n margin-left: calc(var(--___paddingIncrease) * -1);\n padding-left: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2);\n}\n@supports (scrollbar-width: none) or (-webkit-text-fill-color: initial) {\n.app-layout .column.-scrollable:not(.-show-scrollbar) {\n scrollbar-width: none;\n margin-right: calc(var(--___paddingIncrease) * -1);\n padding-right: calc(var(--___paddingIncrease) + var(--___columnMargin) / 2);\n}\n.app-layout .column.-scrollable:not(.-show-scrollbar)::-webkit-scrollbar {\n display: block;\n width: 0;\n}\n}\n.app-layout .column.-scrollable .panel-heading.-sticky {\n top: calc(var(--columnGap) / -1);\n}\n.app-layout.-has-new-post-button .column {\n padding-bottom: 10rem;\n}\n.app-layout.-no-sticky-headers .column .panel-heading.-sticky {\n position: relative;\n top: 0;\n}\n.app-layout .column-inner {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 100%;\n grid-template-columns: 100%;\n box-sizing: border-box;\n row-gap: 1em;\n -ms-flex-line-pack: start;\n align-content: start;\n}\n.app-layout.-reverse:not(.-wide):not(.-mobile) {\n -ms-grid-columns: var(--maxiColumn) var(--miniColumn);\n grid-template-columns: var(--maxiColumn) var(--miniColumn);\n grid-template-areas: \"content sidebar\";\n}\n.app-layout.-wide {\n -ms-grid-columns: var(--miniColumn) var(--maxiColumn) var(--miniColumn);\n grid-template-columns: var(--miniColumn) var(--maxiColumn) var(--miniColumn);\n grid-template-areas: \"sidebar content notifs\";\n}\n.app-layout.-wide.-reverse {\n grid-template-areas: \"notifs content sidebar\";\n}\n.app-layout.-mobile {\n -ms-grid-columns: 100vw;\n grid-template-columns: 100vw;\n grid-template-areas: \"content\";\n padding: 0;\n}\n.app-layout.-mobile .column {\n margin-left: 0;\n margin-right: 0;\n padding-top: 0;\n margin-top: var(--navbar-height);\n margin-bottom: 0;\n}\n.app-layout.-mobile .panel-heading,\n.app-layout.-mobile .panel-heading::after,\n.app-layout.-mobile .panel-heading::before,\n.app-layout.-mobile .panel,\n.app-layout.-mobile .panel::after {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.app-layout.-mobile .underlay,\n.app-layout.-mobile #sidebar,\n.app-layout.-mobile #notifs-column {\n display: none;\n}\n.app-layout.-normal #notifs-column {\n display: none;\n}\n.text-center {\n text-align: center;\n}\n.button-default {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: #b9b9ba;\n color: var(--btnText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btn, #182230);\n border: none;\n border-radius: 4px;\n border-radius: var(--btnRadius, 4px);\n cursor: pointer;\n box-shadow: 0px 0px 2px 0px black, 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;\n box-shadow: var(--buttonShadow);\n font-size: 1em;\n font-family: sans-serif;\n font-family: var(--interfaceFont, sans-serif);\n}\n.button-default.-sublime {\n background: transparent;\n}\n.button-default i[class*=icon-],\n.button-default .svg-inline--fa {\n color: #b9b9ba;\n color: var(--btnText, #b9b9ba);\n}\n.button-default::-moz-focus-inner {\n border: none;\n}\n.button-default:hover {\n box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);\n box-shadow: var(--buttonHoverShadow);\n}\n.button-default:active {\n box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset;\n box-shadow: var(--buttonPressedShadow);\n color: #b9b9ba;\n color: var(--btnPressedText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnPressed, #182230);\n}\n.button-default:active svg,\n.button-default:active i {\n color: #b9b9ba;\n color: var(--btnPressedText, #b9b9ba);\n}\n.button-default:disabled {\n cursor: not-allowed;\n color: #b9b9ba;\n color: var(--btnDisabledText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnDisabled, #182230);\n}\n.button-default:disabled svg,\n.button-default:disabled i {\n color: #b9b9ba;\n color: var(--btnDisabledText, #b9b9ba);\n}\n.button-default.toggled {\n color: #b9b9ba;\n color: var(--btnToggledText, #b9b9ba);\n background-color: #182230;\n background-color: var(--btnToggled, #182230);\n box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset;\n box-shadow: var(--buttonPressedShadow);\n}\n.button-default.toggled svg,\n.button-default.toggled i {\n color: #b9b9ba;\n color: var(--btnToggledText, #b9b9ba);\n}\n.button-default.danger {\n color: #b9b9ba;\n color: var(--alertErrorPanelText, #b9b9ba);\n background-color: rgba(211, 16, 20, 0.5);\n background-color: var(--alertError, rgba(211, 16, 20, 0.5));\n}\n.button-unstyled {\n background: none;\n border: none;\n outline: none;\n display: inline;\n text-align: initial;\n font-size: 100%;\n font-family: inherit;\n padding: 0;\n line-height: unset;\n cursor: pointer;\n box-sizing: content-box;\n color: inherit;\n}\n.button-unstyled.-link {\n color: #d8a070;\n color: var(--link, #d8a070);\n}\n.button-unstyled.-fullwidth {\n width: 100%;\n}\n.button-unstyled.-hover-highlight:hover svg {\n color: #b9b9ba;\n color: var(--lightText, #b9b9ba);\n}\ninput,\ntextarea,\n.input {\n --_padding: 0.5em;\n border: none;\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 2px 0 black inset;\n box-shadow: var(--inputShadow);\n background-color: #182230;\n background-color: var(--input, #182230);\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n font-family: sans-serif;\n font-family: var(--inputFont, sans-serif);\n font-size: 1em;\n margin: 0;\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n line-height: 2;\n -webkit-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n padding: 0 var(--_padding);\n}\ninput.unstyled,\ntextarea.unstyled,\n.input.unstyled {\n border-radius: 0;\n background: none;\n box-shadow: none;\n height: unset;\n}\ninput:disabled, input[disabled=disabled], input.disabled,\ntextarea:disabled,\ntextarea[disabled=disabled],\ntextarea.disabled,\n.input:disabled,\n.input[disabled=disabled],\n.input.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\ninput[type=range],\ntextarea[type=range],\n.input[type=range] {\n background: none;\n border: none;\n margin: 0;\n box-shadow: none;\n -ms-flex: 1;\n flex: 1;\n}\ninput[type=radio],\ntextarea[type=radio],\n.input[type=radio] {\n display: none;\n}\ninput[type=radio]:checked + label::before,\ntextarea[type=radio]:checked + label::before,\n.input[type=radio]:checked + label::before {\n box-shadow: 0 0 2px black inset, 0 0 0 4px #182230 inset;\n box-shadow: var(--inputShadow), 0 0 0 4px var(--fg, #182230) inset;\n background-color: var(--accent, #d8a070);\n}\ninput[type=radio]:disabled, input[type=radio]:disabled + label, input[type=radio]:disabled + label::before,\ntextarea[type=radio]:disabled,\ntextarea[type=radio]:disabled + label,\ntextarea[type=radio]:disabled + label::before,\n.input[type=radio]:disabled,\n.input[type=radio]:disabled + label,\n.input[type=radio]:disabled + label::before {\n opacity: 0.5;\n}\ninput[type=radio] + label::before,\ntextarea[type=radio] + label::before,\n.input[type=radio] + label::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n content: \"\";\n transition: box-shadow 200ms;\n width: 1.1em;\n height: 1.1em;\n border-radius: 100%;\n box-shadow: 0 0 2px black inset;\n box-shadow: var(--inputShadow);\n margin-right: 0.5em;\n background-color: #182230;\n background-color: var(--input, #182230);\n vertical-align: top;\n text-align: center;\n line-height: 1.1;\n font-size: 1.1em;\n box-sizing: border-box;\n color: transparent;\n overflow: hidden;\n}\ninput[type=checkbox],\ntextarea[type=checkbox],\n.input[type=checkbox] {\n display: none;\n}\ninput[type=checkbox]:checked + label::before,\ntextarea[type=checkbox]:checked + label::before,\n.input[type=checkbox]:checked + label::before {\n color: #b9b9ba;\n color: var(--inputText, #b9b9ba);\n}\ninput[type=checkbox]:disabled, input[type=checkbox]:disabled + label, input[type=checkbox]:disabled + label::before,\ntextarea[type=checkbox]:disabled,\ntextarea[type=checkbox]:disabled + label,\ntextarea[type=checkbox]:disabled + label::before,\n.input[type=checkbox]:disabled,\n.input[type=checkbox]:disabled + label,\n.input[type=checkbox]:disabled + label::before {\n opacity: 0.5;\n}\ninput[type=checkbox] + label::before,\ntextarea[type=checkbox] + label::before,\n.input[type=checkbox] + label::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: inline-block;\n content: \"\\2713\";\n transition: color 200ms;\n width: 1.1em;\n height: 1.1em;\n border-radius: 2px;\n border-radius: var(--checkboxRadius, 2px);\n box-shadow: 0 0 2px black inset;\n box-shadow: var(--inputShadow);\n margin-right: 0.5em;\n background-color: #182230;\n background-color: var(--input, #182230);\n vertical-align: top;\n text-align: center;\n line-height: 1.1;\n font-size: 1.1em;\n box-sizing: border-box;\n color: transparent;\n overflow: hidden;\n}\ninput.resize-height,\ntextarea.resize-height,\n.input.resize-height {\n resize: vertical;\n}\ntextarea {\n padding: var(--_padding);\n line-height: var(--post-line-height);\n}\noption {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.hide-number-spinner {\n -moz-appearance: textfield;\n}\n.hide-number-spinner[type=number]::-webkit-inner-spin-button, .hide-number-spinner[type=number]::-webkit-outer-spin-button {\n opacity: 0;\n display: none;\n}\n.btn-block {\n display: block;\n width: 100%;\n}\n.btn-group {\n position: relative;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: middle;\n}\n.btn-group button {\n position: relative;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.btn-group button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.btn-group button:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.panel {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.panel::after, .panel {\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.panel::after {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 5;\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);\n box-shadow: var(--panelShadow);\n pointer-events: none;\n}\n.panel-body {\n padding: var(--panel-body-padding, 0);\n}\n.panel-body:empty::before {\n content: \"\\AF\\\\_(\\30C4)_/\\AF\";\n display: block;\n margin: 1em;\n text-align: center;\n}\n.panel-body > p {\n line-height: 1.3;\n padding: 1em;\n margin: 0;\n}\n.panel-heading,\n.panel-footer {\n --panel-heading-height-padding: 0.6em;\n --__panel-heading-height: 3.2em;\n --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding));\n position: relative;\n box-sizing: border-box;\n display: -ms-grid;\n display: grid;\n grid-auto-flow: column;\n -ms-grid-columns: minmax(50%, 1fr);\n grid-template-columns: minmax(50%, 1fr);\n grid-auto-columns: auto;\n grid-column-gap: 0.5em;\n -ms-flex: none;\n flex: none;\n background-size: cover;\n padding: 0.6em;\n height: var(--__panel-heading-height);\n line-height: var(--__panel-heading-height-inner);\n z-index: 4;\n}\n.panel-heading.-flexible-height,\n.panel-footer.-flexible-height {\n --__panel-heading-height: auto;\n}\n.panel-heading.-flexible-height::after, .panel-heading.-flexible-height::before,\n.panel-footer.-flexible-height::after,\n.panel-footer.-flexible-height::before {\n display: none;\n}\n.panel-heading.-stub, .panel-heading.-stub::after,\n.panel-footer.-stub,\n.panel-footer.-stub::after {\n border-radius: 10px;\n border-radius: var(--panelRadius, 10px);\n}\n.panel-heading.-sticky,\n.panel-footer.-sticky {\n position: -webkit-sticky;\n position: sticky;\n top: var(--navbar-height);\n}\n.panel-heading::after, .panel-heading::before,\n.panel-footer::after,\n.panel-footer::before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n pointer-events: none;\n}\n.panel-heading .title,\n.panel-footer .title {\n font-size: 1.3em;\n}\n.panel-heading .alert,\n.panel-footer .alert {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow-x: hidden;\n}\n.panel-heading:not(.-flexible-height) > .button-default,\n.panel-heading:not(.-flexible-height) > .alert,\n.panel-footer:not(.-flexible-height) > .button-default,\n.panel-footer:not(.-flexible-height) > .alert {\n height: var(--__panel-heading-height-inner);\n min-height: 0;\n box-sizing: border-box;\n margin: 0;\n min-width: 1px;\n padding-top: 0;\n padding-bottom: 0;\n -ms-flex-item-align: stretch;\n -ms-grid-row-align: stretch;\n align-self: stretch;\n}\n.panel-heading {\n border-radius: 10px 10px 0 0;\n border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n border-width: 0 0 1px 0;\n -ms-flex-align: start;\n align-items: start;\n color: var(--panelText);\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n}\n.panel-heading::after {\n background-color: #182230;\n background-color: var(--panel, #182230);\n z-index: -2;\n border-radius: 10px 10px 0 0;\n border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n box-shadow: var(--panelHeaderShadow);\n}\n.panel-heading a,\n.panel-heading .-link {\n color: #d8a070;\n color: var(--panelLink, #d8a070);\n}\n.panel-heading .faint {\n background-color: transparent;\n color: rgba(185, 185, 186, 0.5);\n color: var(--panelFaint, rgba(185, 185, 186, 0.5));\n}\n.panel-heading .faint-link {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faintLink, rgba(185, 185, 186, 0.5));\n}\n.panel-heading:not(.-flexible-height) > .button-default {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n.panel-heading:not(.-flexible-height) > .button-default,\n.panel-heading:not(.-flexible-height) > .button-default i[class*=icon-] {\n color: #b9b9ba;\n color: var(--btnPanelText, #b9b9ba);\n}\n.panel-heading:not(.-flexible-height) > .button-default:active {\n background-color: #182230;\n background-color: var(--btnPressedPanel, #182230);\n color: #b9b9ba;\n color: var(--btnPressedPanelText, #b9b9ba);\n}\n.panel-heading:not(.-flexible-height) > .button-default:disabled {\n color: #b9b9ba;\n color: var(--btnDisabledPanelText, #b9b9ba);\n}\n.panel-heading:not(.-flexible-height) > .button-default.toggled {\n color: #b9b9ba;\n color: var(--btnToggledPanelText, #b9b9ba);\n}\n.panel-footer {\n border-radius: 0 0 10px 10px;\n border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px);\n -ms-flex-align: center;\n align-items: center;\n border-width: 1px 0 0 0;\n border-style: solid;\n border-color: var(--border, #222);\n}\n.fa {\n color: grey;\n}\n.mobile-shown {\n display: none;\n}\n.badge {\n box-sizing: border-box;\n display: inline-block;\n border-radius: 99px;\n max-width: 10em;\n min-width: 1.7em;\n height: 1.3em;\n padding: 0.15em 0.15em;\n vertical-align: middle;\n font-weight: normal;\n font-style: normal;\n font-size: 0.9em;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.badge.badge-notification {\n background-color: #ff0000;\n background-color: var(--badgeNotification, #ff0000);\n color: white;\n color: var(--badgeNotificationText, white);\n}\n.alert {\n margin: 0 0.35em;\n padding: 0 0.25em;\n border-radius: 5px;\n border-radius: var(--tooltipRadius, 5px);\n}\n.alert.error {\n background-color: rgba(211, 16, 20, 0.5);\n background-color: var(--alertError, rgba(211, 16, 20, 0.5));\n color: #b9b9ba;\n color: var(--alertErrorText, #b9b9ba);\n}\n.panel-heading .alert.error {\n color: #b9b9ba;\n color: var(--alertErrorPanelText, #b9b9ba);\n}\n.alert.warning {\n background-color: rgba(111, 111, 20, 0.5);\n background-color: var(--alertWarning, rgba(111, 111, 20, 0.5));\n color: #b9b9ba;\n color: var(--alertWarningText, #b9b9ba);\n}\n.panel-heading .alert.warning {\n color: #b9b9ba;\n color: var(--alertWarningPanelText, #b9b9ba);\n}\n.alert.success {\n background-color: var(--alertSuccess, rgba(111, 111, 20, 0.5));\n color: var(--alertSuccessText, #b9b9ba);\n}\n.panel-heading .alert.success {\n color: var(--alertSuccessPanelText, #b9b9ba);\n}\n.faint {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.faint-link {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n}\n.faint-link:hover {\n text-decoration: underline;\n}\n.visibility-notice {\n padding: 0.5em;\n border: 1px solid rgba(185, 185, 186, 0.5);\n border: 1px solid var(--faint, rgba(185, 185, 186, 0.5));\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n}\n.notice-dismissible {\n padding-right: 4rem;\n position: relative;\n}\n.notice-dismissible .dismiss {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.5em;\n color: inherit;\n}\n.fa-scale-110.svg-inline--fa {\n font-size: 1.1em;\n}\n.fa-old-padding.svg-inline--fa {\n padding: 0 0.3em;\n}\n.login-hint {\n text-align: center;\n}\n@media all and (min-width: 801px) {\n.login-hint {\n display: none;\n}\n}\n.login-hint a {\n display: inline-block;\n padding: 1em 0;\n width: 100%;\n}\n.btn.button-default {\n min-height: 2em;\n}\n.new-status-notification {\n position: relative;\n font-size: 1.1em;\n z-index: 1;\n -ms-flex: 1;\n flex: 1;\n}\n@media all and (max-width: 800px) {\n.mobile-hidden {\n display: none;\n}\n}\n@keyframes spin {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(359deg);\n}\n}\n@keyframes shakeError {\n0% {\n transform: translateX(0);\n}\n15% {\n transform: translateX(0.375rem);\n}\n30% {\n transform: translateX(-0.375rem);\n}\n45% {\n transform: translateX(0.375rem);\n}\n60% {\n transform: translateX(-0.375rem);\n}\n75% {\n transform: translateX(0.375rem);\n}\n90% {\n transform: translateX(-0.375rem);\n}\n100% {\n transform: translateX(0);\n}\n}\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity 0.2s;\n}\n.fade-enter-from,\n.fade-leave-active {\n opacity: 0;\n}",".thread-tree-replies {\n margin-left: var(--status-margin, 0.75em);\n border-left: 2px solid var(--border, #222);\n}\n.thread-tree-replies-hidden {\n padding: var(--status-margin, 0.75em);\n /* Make the button stretch along the whole row */\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-direction: column;\n flex-direction: column;\n}",".Conversation {\n z-index: 1;\n /* expanded conversation in timeline */\n}\n.Conversation .conversation-dive-to-top-level-box {\n padding: var(--status-margin, 0.75em);\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--border, #222);\n border-radius: 0;\n /* Make the button stretch along the whole row */\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Conversation .thread-ancestors {\n margin-left: var(--status-margin, 0.75em);\n border-left: 2px solid var(--border, #222);\n}\n.Conversation .thread-ancestor.-faded .StatusContent {\n --link: var(--faintLink);\n --text: var(--faint);\n color: var(--text);\n}\n.Conversation .thread-ancestor-dive-box {\n padding-left: var(--status-margin, 0.75em);\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--border, #222);\n border-radius: 0;\n /* Make the button stretch along the whole row */\n}\n.Conversation .thread-ancestor-dive-box, .Conversation .thread-ancestor-dive-box-inner {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.Conversation .thread-ancestor-dive-box-inner {\n padding: var(--status-margin, 0.75em);\n}\n.Conversation .conversation-status {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--border, #222);\n border-radius: 0;\n}\n.Conversation .thread-ancestor-has-other-replies .conversation-status,\n.Conversation .thread-ancestor:last-child .conversation-status,\n.Conversation .thread-ancestor:last-child .thread-ancestor-dive-box, .Conversation:last-child .conversation-status, .Conversation.-expanded .thread-tree .conversation-status {\n border-bottom: none;\n}\n.Conversation .thread-ancestors + .thread-tree > .conversation-status {\n border-top-width: 1px;\n border-top-style: solid;\n border-top-color: var(--border, #222);\n}\n.Conversation.status-fadein.-expanded .thread-body {\n border-left-width: 4px;\n border-left-style: solid;\n border-left-color: #ff0000;\n border-left-color: var(--cRed, #ff0000);\n border-radius: 0 0 10px 10px;\n border-radius: 0 0 var(--panelRadius, 10px) var(--panelRadius, 10px);\n border-bottom: 1px solid var(--border, #222);\n}\n.Conversation.-expanded.status-fadein {\n margin: calc(var(--status-margin, $status-margin) / 2);\n}",".TimelineMenu {\n -ms-flex-negative: 1;\n flex-shrink: 1;\n margin-right: auto;\n min-width: 0;\n width: 24rem;\n}\n.TimelineMenu .popover-trigger-button {\n vertical-align: bottom;\n}\n.TimelineMenu .timeline-menu-popover-wrap {\n overflow: hidden;\n margin-top: 0.6rem;\n padding: 0 15px 15px 15px;\n}\n.TimelineMenu .timeline-menu-popover {\n width: 24rem;\n max-width: 100vw;\n margin: 0;\n font-size: 1rem;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n transform: translateY(-100%);\n transition: transform 100ms;\n}\n.TimelineMenu .panel::after {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n.TimelineMenu.open .timeline-menu-popover {\n transform: translateY(0);\n}\n.TimelineMenu .timeline-menu-title {\n margin: 0;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n}\n.TimelineMenu .timeline-menu-title .timeline-menu-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.TimelineMenu .timeline-menu-title svg {\n margin-left: 0.6em;\n transition: transform 100ms;\n}\n.TimelineMenu .timeline-menu-title .click-blocker {\n cursor: default;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.TimelineMenu.open .timeline-menu-title svg {\n color: #b9b9ba;\n color: var(--panelText, #b9b9ba);\n transform: rotate(180deg);\n}\n.TimelineMenu .panel {\n box-shadow: var(--popoverShadow);\n}\n.TimelineMenu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.TimelineMenu li {\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n padding: 0;\n}\n.TimelineMenu li:last-child a {\n border-bottom-right-radius: 10px;\n border-bottom-right-radius: var(--panelRadius, 10px);\n border-bottom-left-radius: 10px;\n border-bottom-left-radius: var(--panelRadius, 10px);\n}\n.TimelineMenu li:last-child {\n border: none;\n}\n.TimelineMenu a {\n display: block;\n padding: 0.6em 0.65em;\n}\n.TimelineMenu a:hover {\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #d8a070;\n color: var(--selectedMenuText, #d8a070);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.TimelineMenu a.router-link-active {\n font-weight: bolder;\n background-color: #151e2a;\n background-color: var(--selectedMenu, #151e2a);\n color: #b9b9ba;\n color: var(--selectedMenuText, #b9b9ba);\n --faint: var(--selectedMenuFaintText, $fallback--faint);\n --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n --lightText: var(--selectedMenuLightText, $fallback--lightText);\n --icon: var(--selectedMenuIcon, $fallback--icon);\n}\n.TimelineMenu a.router-link-active:hover {\n text-decoration: underline;\n}\n.TimelineMenu a svg {\n margin-right: 0.4em;\n margin-left: -0.2em;\n}",".TimelineQuickSettings > button {\n line-height: 100%;\n height: 100%;\n width: var(--__panel-heading-height-inner);\n text-align: center;\n}\n.TimelineQuickSettings > button svg {\n font-size: 1.2em;\n}",".Timeline .loadmore-text {\n opacity: 1;\n}\n.Timeline.-blocked {\n cursor: progress;\n}\n.Timeline .conversation-heading {\n top: calc(var(--__panel-heading-height) * var(--currentPanelStack, 2));\n z-index: 2;\n}\n.Timeline.-nonpanel .timeline-heading {\n text-align: center;\n line-height: 2.75em;\n padding: 0 0.5em;\n}\n.Timeline.-nonpanel .timeline-heading .button-default, .Timeline.-nonpanel .timeline-heading .alert {\n line-height: 2em;\n width: 100%;\n}",".tab-switcher {\n display: -ms-flexbox;\n display: flex;\n}\n.tab-switcher .tab-icon {\n margin: 0.2em auto;\n display: block;\n}\n.tab-switcher.top-tabs {\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher.top-tabs > .tabs {\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n padding-top: 5px;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.tab-switcher.top-tabs > .tabs::after, .tab-switcher.top-tabs > .tabs::before {\n content: \"\";\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.tab-switcher.top-tabs > .tabs .tab-wrapper {\n height: 2em;\n}\n.tab-switcher.top-tabs > .tabs .tab-wrapper:not(.active)::after {\n left: 0;\n right: 0;\n bottom: 0;\n border-bottom: 1px solid;\n border-bottom-color: #222;\n border-bottom-color: var(--border, #222);\n}\n.tab-switcher.top-tabs > .tabs .tab {\n width: 100%;\n min-width: 1px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding-bottom: 99px;\n margin-bottom: -93px;\n}\n.tab-switcher.top-tabs .contents.scrollable-tabs {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n}\n.tab-switcher.side-tabs {\n -ms-flex-direction: row;\n flex-direction: row;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs {\n overflow-x: auto;\n }\n}\n.tab-switcher.side-tabs > .contents {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.tab-switcher.side-tabs > .tabs {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n overflow-y: auto;\n overflow-x: hidden;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher.side-tabs > .tabs::after, .tab-switcher.side-tabs > .tabs::before {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -ms-flex-preferred-size: 0.5em;\n flex-basis: 0.5em;\n content: \"\";\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs::after {\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n.tab-switcher.side-tabs > .tabs::before {\n -ms-flex-positive: 0;\n flex-grow: 0;\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper {\n min-width: 10em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs > .tabs .tab-wrapper {\n min-width: 4em;\n }\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper:not(.active)::after {\n top: 0;\n right: 0;\n bottom: 0;\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper::before {\n -ms-flex: 0 0 6px;\n flex: 0 0 6px;\n content: \"\";\n border-right: 1px solid;\n border-right-color: #222;\n border-right-color: var(--border, #222);\n}\n.tab-switcher.side-tabs > .tabs .tab-wrapper:last-child .tab {\n margin-bottom: 0;\n}\n.tab-switcher.side-tabs > .tabs .tab {\n -ms-flex: 1;\n flex: 1;\n box-sizing: content-box;\n min-width: 10em;\n min-width: 1px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n padding-left: 1em;\n padding-right: calc(1em + 200px);\n margin-right: -200px;\n margin-left: 1em;\n}\n@media all and (max-width: 800px) {\n .tab-switcher.side-tabs > .tabs .tab {\n padding-left: 0.25em;\n padding-right: calc(.25em + 200px);\n margin-right: calc(.25em - 200px);\n margin-left: 0.25em;\n }\n .tab-switcher.side-tabs > .tabs .tab .text {\n display: none;\n }\n}\n.tab-switcher .contents {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n min-height: 0px;\n}\n.tab-switcher .contents .hidden {\n display: none;\n}\n.tab-switcher .contents .full-height:not(.hidden) {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.tab-switcher .contents .full-height:not(.hidden) > *:not(.mobile-label) {\n -ms-flex: 1;\n flex: 1;\n}\n.tab-switcher .contents.scrollable-tabs {\n overflow-y: auto;\n}\n.tab-switcher .tab {\n position: relative;\n white-space: nowrap;\n padding: 6px 1em;\n}\n.tab-switcher .tab:not(.active) {\n z-index: 4;\n}\n.tab-switcher .tab:not(.active):hover {\n z-index: 6;\n}\n.tab-switcher .tab.active {\n background: transparent;\n z-index: 5;\n color: #b9b9ba;\n color: var(--tabActiveText, #b9b9ba);\n}\n.tab-switcher .tab img {\n max-height: 26px;\n vertical-align: top;\n margin-top: -5px;\n}\n.tab-switcher .tabs {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n box-sizing: border-box;\n}\n.tab-switcher .tabs::after, .tab-switcher .tabs::before {\n display: block;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n.tab-switcher .tab-wrapper {\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.tab-switcher .tab-wrapper:not(.active)::after {\n content: \"\";\n position: absolute;\n z-index: 7;\n}\n.tab-switcher .mobile-label {\n padding-left: 0.3em;\n padding-bottom: 0.25em;\n margin-top: 0.5em;\n margin-left: 0.2em;\n margin-bottom: 0.25em;\n border-bottom: 1px solid var(--border, #222);\n}\n@media all and (min-width: 800px) {\n .tab-switcher .mobile-label {\n display: none;\n }\n}",".chat-title {\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n --emoji-size: 14px;\n}\n.chat-title .username {\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline;\n word-wrap: break-word;\n overflow: hidden;\n}\n.chat-title .avatar-container {\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center;\n line-height: 1;\n}\n.chat-title .titlebar-avatar {\n margin-right: 0.5em;\n height: 1.5em;\n width: 1.5em;\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.chat-title .titlebar-avatar.animated::before {\n display: none;\n}",".chat-list-item {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n padding: 0.75em;\n height: 5em;\n overflow: hidden;\n box-sizing: border-box;\n cursor: pointer;\n}\n.chat-list-item :focus {\n outline: none;\n}\n.chat-list-item:hover {\n background-color: var(--selectedPost, #151e2a);\n box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);\n}\n.chat-list-item .chat-list-item-left {\n margin-right: 1em;\n}\n.chat-list-item .chat-list-item-center {\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n word-wrap: break-word;\n}\n.chat-list-item .heading {\n width: 100%;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n line-height: 1em;\n}\n.chat-list-item .heading-right {\n white-space: nowrap;\n}\n.chat-list-item .name-and-account-name {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n line-height: var(--post-line-height);\n}\n.chat-list-item .chat-preview {\n display: -ms-inline-flexbox;\n display: inline-flex;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0.35em 0;\n color: #b9b9ba;\n color: var(--faint, #b9b9ba);\n width: 100%;\n}\n.chat-list-item a {\n color: var(--faintLink, #d8a070);\n text-decoration: none;\n pointer-events: none;\n}\n.chat-list-item:hover .animated.avatar canvas {\n display: none;\n}\n.chat-list-item:hover .animated.avatar img {\n visibility: visible;\n}\n.chat-list-item .Avatar {\n border-radius: 10px;\n border-radius: var(--avatarAltRadius, 10px);\n}\n.chat-list-item .chat-preview-body {\n --emoji-size: 1.4em;\n}\n.chat-list-item .time-wrapper {\n line-height: var(--post-line-height);\n}\n.chat-list-item .chat-preview-body {\n padding-right: 1em;\n}",".basic-user-card {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1 0;\n flex: 1 0;\n margin: 0;\n padding: 0.6em 1em;\n}\n.basic-user-card-collapsed-content {\n margin-left: 0.7em;\n text-align: left;\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n}\n.basic-user-card-user-name img {\n -o-object-fit: contain;\n object-fit: contain;\n height: 16px;\n width: 16px;\n vertical-align: middle;\n}\n.basic-user-card-user-name-value, .basic-user-card-screen-name {\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.basic-user-card-expanded-content {\n -ms-flex: 1;\n flex: 1;\n margin-left: 0.7em;\n min-width: 0;\n}",".chat-new .input-wrap {\n display: -ms-flexbox;\n display: flex;\n margin: 0.7em 0.5em 0.7em 0.5em;\n}\n.chat-new .input-wrap input {\n width: 100%;\n}\n.chat-new .search-icon {\n margin-right: 0.3em;\n}\n.chat-new .member-list {\n padding-bottom: 0.7rem;\n}\n.chat-new .basic-user-card:hover {\n cursor: pointer;\n background-color: var(--selectedPost, #151e2a);\n}\n.chat-new .go-back-button {\n text-align: center;\n line-height: 1;\n height: 100%;\n -ms-flex-item-align: start;\n -ms-grid-row-align: start;\n align-self: start;\n width: var(--__panel-heading-height-inner);\n}",".chat-list {\n min-height: 25em;\n margin-bottom: 0;\n}\n.emtpy-chat-list-alert {\n padding: 3em;\n font-size: 1.2em;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n color: #b9b9ba;\n color: var(--faint, #b9b9ba);\n}",".chat-message-wrapper.hovered-message-chain .animated.Avatar canvas {\n display: none;\n}\n.chat-message-wrapper.hovered-message-chain .animated.Avatar img {\n visibility: visible;\n}\n.chat-message-wrapper .chat-message-menu {\n transition: opacity 0.1s;\n opacity: 0;\n position: absolute;\n top: -0.8em;\n}\n.chat-message-wrapper .chat-message-menu button {\n padding-top: 0.2em;\n padding-bottom: 0.2em;\n}\n.chat-message-wrapper .menu-icon {\n cursor: pointer;\n}\n.chat-message-wrapper .menu-icon:hover, .extra-button-popover.open .chat-message-wrapper .menu-icon {\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.chat-message-wrapper .popover {\n width: 12em;\n}\n.chat-message-wrapper .chat-message {\n display: -ms-flexbox;\n display: flex;\n padding-bottom: 0.5em;\n}\n.chat-message-wrapper .chat-message .status-body:hover {\n --_still-image-img-visibility: visible;\n --_still-image-canvas-visibility: hidden;\n --_still-image-label-visibility: hidden;\n}\n.chat-message-wrapper .avatar-wrapper {\n margin-right: 0.72em;\n width: 32px;\n}\n.chat-message-wrapper .link-preview, .chat-message-wrapper .attachments {\n margin-bottom: 1em;\n}\n.chat-message-wrapper .chat-message-inner {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: start;\n align-items: flex-start;\n max-width: 80%;\n min-width: 10em;\n width: 100%;\n}\n.chat-message-wrapper .chat-message-inner.with-media {\n width: 100%;\n}\n.chat-message-wrapper .chat-message-inner.with-media .status {\n width: 100%;\n}\n.chat-message-wrapper .status {\n border-radius: 10px;\n border-radius: var(--chatMessageRadius, 10px);\n display: -ms-flexbox;\n display: flex;\n padding: 0.75em;\n}\n.chat-message-wrapper .created-at {\n position: relative;\n float: right;\n font-size: 0.8em;\n margin: -1em 0 -0.5em 0;\n font-style: italic;\n opacity: 0.8;\n}\n.chat-message-wrapper .without-attachment .message-content .RichContent::after {\n margin-right: 5.4em;\n content: \" \";\n display: inline-block;\n}\n.chat-message-wrapper .pending .status-content.media-body, .chat-message-wrapper .pending .created-at {\n color: var(--faint);\n}\n.chat-message-wrapper .error .status-content.media-body, .chat-message-wrapper .error .created-at {\n color: #ff0000;\n color: var(--badgeNotification, #ff0000);\n}\n.chat-message-wrapper .incoming a {\n color: var(--chatMessageIncomingLink, #d8a070);\n}\n.chat-message-wrapper .incoming .status {\n color: var(--chatMessageIncomingText, #b9b9ba);\n background-color: var(--chatMessageIncomingBg, #121a24);\n border: 1px solid var(--chatMessageIncomingBorder, --border);\n}\n.chat-message-wrapper .incoming .created-at a {\n color: var(--chatMessageIncomingText, #b9b9ba);\n}\n.chat-message-wrapper .incoming .chat-message-menu {\n left: 0.4rem;\n}\n.chat-message-wrapper .outgoing {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-line-pack: end;\n align-content: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.chat-message-wrapper .outgoing a {\n color: var(--chatMessageOutgoingLink, #d8a070);\n}\n.chat-message-wrapper .outgoing .status {\n color: var(--chatMessageOutgoingText, #b9b9ba);\n background-color: var(--chatMessageOutgoingBg, #151e2a);\n border: 1px solid var(--chatMessageOutgoingBorder, --lightBg);\n}\n.chat-message-wrapper .outgoing .chat-message-inner {\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.chat-message-wrapper .outgoing .chat-message-menu {\n right: 0.4rem;\n}\n.chat-message-wrapper .visible {\n opacity: 1;\n}\n.chat-message-date-separator {\n text-align: center;\n margin: 1.4em 0;\n font-size: 0.9em;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: #b9b9ba;\n color: var(--faintedText, #b9b9ba);\n}",".chat-view {\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n}\n.chat-view .chat-view-inner {\n height: auto;\n width: 100%;\n overflow: visible;\n display: -ms-flexbox;\n display: flex;\n}\n.chat-view .chat-view-body {\n box-sizing: border-box;\n background-color: var(--chatBg, #121a24);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n overflow: visible;\n min-height: calc(100vh - var(--navbar-height));\n margin: 0 0 0 0;\n border-radius: 10px 10px 0 0;\n border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;\n}\n.chat-view .chat-view-body::after {\n border-radius: 0;\n}\n.chat-view .message-list {\n padding: 0 0.8em;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-pack: end;\n justify-content: end;\n}\n.chat-view .footer {\n position: -webkit-sticky;\n position: sticky;\n bottom: 0;\n background-color: #121a24;\n background-color: var(--bg, #121a24);\n z-index: 1;\n}\n.chat-view .chat-view-heading {\n -ms-grid-columns: auto minmax(50%, 1fr);\n grid-template-columns: auto minmax(50%, 1fr);\n}\n.chat-view .go-back-button {\n text-align: center;\n line-height: 1;\n height: 100%;\n -ms-flex-item-align: start;\n -ms-grid-row-align: start;\n align-self: start;\n width: var(--__panel-heading-height-inner);\n}\n.chat-view .jump-to-bottom-button {\n width: 2.5em;\n height: 2.5em;\n border-radius: 100%;\n position: absolute;\n right: 1.3em;\n top: -3.2em;\n background-color: #182230;\n background-color: var(--btn, #182230);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3);\n z-index: 10;\n transition: 0.35s all;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n opacity: 0;\n visibility: hidden;\n cursor: pointer;\n}\n.chat-view .jump-to-bottom-button.visible {\n opacity: 1;\n visibility: visible;\n}\n.chat-view .jump-to-bottom-button i {\n font-size: 1em;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}\n.chat-view .jump-to-bottom-button .unread-message-count {\n font-size: 0.8em;\n left: 50%;\n margin-top: -1rem;\n padding: 0.1em;\n border-radius: 50px;\n position: absolute;\n}\n.chat-view .jump-to-bottom-button .chat-loading-error {\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: end;\n align-items: flex-end;\n height: 100%;\n}\n.chat-view .jump-to-bottom-button .chat-loading-error .error {\n width: 100%;\n}",".follow-card-content-container {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n line-height: 1.5em;\n}\n.follow-card-follow-button {\n margin-top: 0.5em;\n margin-left: auto;\n width: 10em;\n}",".with-load-more-footer {\n padding: 10px;\n text-align: center;\n border-top: 1px solid;\n border-top-color: #222;\n border-top-color: var(--border, #222);\n}\n.with-load-more-footer .error {\n font-size: 1rem;\n}\n.with-load-more-footer a {\n cursor: pointer;\n}",".user-profile {\n -ms-flex: 2;\n flex: 2;\n -ms-flex-preferred-size: 500px;\n flex-basis: 500px;\n --currentPanelStack: 1;\n}\n.user-profile .user-profile-fields {\n margin: 0 0.5em;\n}\n.user-profile .user-profile-fields img {\n -o-object-fit: contain;\n object-fit: contain;\n vertical-align: middle;\n max-width: 100%;\n max-height: 400px;\n}\n.user-profile .user-profile-fields img.emoji {\n width: 18px;\n height: 18px;\n}\n.user-profile .user-profile-fields .user-profile-field {\n display: -ms-flexbox;\n display: flex;\n margin: 0.25em;\n border: 1px solid var(--border, #222);\n border-radius: 4px;\n border-radius: var(--inputRadius, 4px);\n}\n.user-profile .user-profile-fields .user-profile-field .user-profile-field-name {\n -ms-flex: 0 1 30%;\n flex: 0 1 30%;\n font-weight: 500;\n text-align: right;\n color: var(--lightText);\n min-width: 120px;\n border-right: 1px solid var(--border, #222);\n}\n.user-profile .user-profile-fields .user-profile-field .user-profile-field-value {\n -ms-flex: 1 1 70%;\n flex: 1 1 70%;\n color: var(--text);\n margin: 0 0 0 0.25em;\n}\n.user-profile .user-profile-fields .user-profile-field .user-profile-field-name, .user-profile .user-profile-fields .user-profile-field .user-profile-field-value {\n line-height: 1.3;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n padding: 0.5em 1.5em;\n box-sizing: border-box;\n}\n.user-profile .userlist-placeholder {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: middle;\n align-items: middle;\n padding: 2em;\n}\n.user-profile-placeholder .panel-body {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: middle;\n align-items: middle;\n padding: 7em;\n}",".search-result-heading {\n color: rgba(185, 185, 186, 0.5);\n color: var(--faint, rgba(185, 185, 186, 0.5));\n padding: 0.75rem;\n text-align: center;\n}\n@media all and (max-width: 800px) {\n.search-nav-heading .tab-switcher .tabs .tab-wrapper {\n display: block;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n text-align: center;\n}\n}\n.search-result {\n box-sizing: border-box;\n border-bottom: 1px solid;\n border-color: #222;\n border-color: var(--border, #222);\n}\n.search-result-footer {\n border-width: 1px 0 0 0;\n border-style: solid;\n border-color: var(--border, #222);\n padding: 10px;\n background-color: #182230;\n background-color: var(--panel, #182230);\n}\n.search-input-container {\n padding: 0.8rem;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.search-input-container .search-input {\n width: 100%;\n line-height: 1.125rem;\n font-size: 1rem;\n padding: 0.5rem;\n box-sizing: border-box;\n}\n.search-input-container .search-button {\n margin-left: 0.5em;\n}\n.loading-icon {\n padding: 1em;\n}\n.trend {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.trend .hashtag {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.trend .count {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: 2rem;\n font-size: 1.5rem;\n line-height: 2.25rem;\n font-weight: 500;\n text-align: center;\n color: #b9b9ba;\n color: var(--text, #b9b9ba);\n}","@charset \"UTF-8\";\n.registration-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 0.6em;\n}\n.registration-form .container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.registration-form .container > * {\n min-width: 0;\n}\n.registration-form .terms-of-service {\n -ms-flex: 0 1 50%;\n flex: 0 1 50%;\n margin: 0.8em;\n}\n.registration-form .text-fields {\n margin-top: 0.6em;\n -ms-flex: 1 0;\n flex: 1 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.registration-form textarea {\n min-height: 100px;\n resize: vertical;\n}\n.registration-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0.3em 0;\n line-height: 2;\n margin-bottom: 1em;\n}\n.registration-form .form-group--error {\n animation-name: shakeError;\n animation-duration: 0.6s;\n animation-timing-function: ease-in-out;\n}\n.registration-form .form-group--error .form--label {\n color: #f04124;\n color: var(--cRed, #f04124);\n}\n.registration-form .form-error {\n margin-top: -0.7em;\n text-align: left;\n}\n.registration-form .form-error span {\n font-size: 0.85em;\n}\n.registration-form .form-error ul {\n list-style: none;\n padding: 0 0 0 5px;\n margin-top: 0;\n}\n.registration-form .form-error ul li::before {\n content: \"\\2022 \";\n}\n.registration-form form textarea {\n line-height: 16px;\n resize: vertical;\n}\n.registration-form .captcha {\n max-width: 350px;\n margin-bottom: 0.4em;\n}\n.registration-form .btn {\n margin-top: 0.6em;\n height: 2em;\n}\n.registration-form .error {\n text-align: center;\n}\n@media all and (max-width: 800px) {\n.registration-form .container {\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n}",".password-reset-form {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n margin: 0.6em;\n}\n.password-reset-form .container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 1 0;\n flex: 1 0;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-top: 0.6em;\n max-width: 18rem;\n}\n.password-reset-form .container > * {\n min-width: 0;\n}\n.password-reset-form .form-group {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-bottom: 1em;\n padding: 0.3em 0;\n line-height: 1.85em;\n}\n.password-reset-form .error {\n text-align: center;\n animation-name: shakeError;\n animation-duration: 0.4s;\n animation-timing-function: ease-in-out;\n}\n.password-reset-form .alert {\n padding: 0.5em;\n margin: 0.3em 0 1em;\n}\n.password-reset-form .password-reset-required {\n background-color: var(--alertError, rgba(211, 16, 20, 0.5));\n padding: 10px 0;\n}\n.password-reset-form .notice-dismissible {\n padding-right: 2rem;\n}\n.password-reset-form .dismiss {\n cursor: pointer;\n}",".follow-request-card-content-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.follow-request-card-content-container button {\n margin-top: 0.5em;\n margin-right: 0.5em;\n -ms-flex: 1 1;\n flex: 1 1;\n max-width: 12em;\n min-width: 8em;\n}\n.follow-request-card-content-container button:last-child {\n margin-right: 0;\n}",".tos-content {\n margin: 1em;\n}",".staff-group {\n padding-left: 1em;\n padding-top: 1em;\n}\n.staff-group .basic-user-card {\n padding-left: 0;\n}",".mrf-section {\n margin: 1em;\n}\n.mrf-section table {\n width: 100%;\n text-align: left;\n padding-left: 10px;\n padding-bottom: 20px;\n}\n.mrf-section table th, .mrf-section table td {\n width: 180px;\n max-width: 360px;\n overflow: hidden;\n vertical-align: text-top;\n}\n.mrf-section table th + th, .mrf-section table td + td {\n width: auto;\n}"],"sourceRoot":""} \ No newline at end of file diff --git a/priv/static/static/js/10.02ffbc25214f297f720f.js b/priv/static/static/js/10.02ffbc25214f297f720f.js deleted file mode 100644 index fbe426710..000000000 Binary files a/priv/static/static/js/10.02ffbc25214f297f720f.js and /dev/null differ diff --git a/priv/static/static/js/10.02ffbc25214f297f720f.js.map b/priv/static/static/js/10.02ffbc25214f297f720f.js.map deleted file mode 100644 index 6b230613d..000000000 Binary files a/priv/static/static/js/10.02ffbc25214f297f720f.js.map and /dev/null differ diff --git a/priv/static/static/js/10.f35974176988511f4ed3.js b/priv/static/static/js/10.f35974176988511f4ed3.js new file mode 100644 index 000000000..a1f638512 Binary files /dev/null and b/priv/static/static/js/10.f35974176988511f4ed3.js differ diff --git a/priv/static/static/js/10.f35974176988511f4ed3.js.map b/priv/static/static/js/10.f35974176988511f4ed3.js.map new file mode 100644 index 000000000..d08674b6e Binary files /dev/null and b/priv/static/static/js/10.f35974176988511f4ed3.js.map differ diff --git a/priv/static/static/js/11.173cad3b71626a7a95cd.js b/priv/static/static/js/11.173cad3b71626a7a95cd.js new file mode 100644 index 000000000..287115e31 Binary files /dev/null and b/priv/static/static/js/11.173cad3b71626a7a95cd.js differ diff --git a/priv/static/static/js/11.173cad3b71626a7a95cd.js.map b/priv/static/static/js/11.173cad3b71626a7a95cd.js.map new file mode 100644 index 000000000..3b663531c Binary files /dev/null and b/priv/static/static/js/11.173cad3b71626a7a95cd.js.map differ diff --git a/priv/static/static/js/11.c173c6036fb3af5581b3.js b/priv/static/static/js/11.c173c6036fb3af5581b3.js deleted file mode 100644 index b693d4c53..000000000 Binary files a/priv/static/static/js/11.c173c6036fb3af5581b3.js and /dev/null differ diff --git a/priv/static/static/js/11.c173c6036fb3af5581b3.js.map b/priv/static/static/js/11.c173c6036fb3af5581b3.js.map deleted file mode 100644 index 6fc07fd8a..000000000 Binary files a/priv/static/static/js/11.c173c6036fb3af5581b3.js.map and /dev/null differ diff --git a/priv/static/static/js/12.5ca41e245bb40263bc7f.js b/priv/static/static/js/12.5ca41e245bb40263bc7f.js deleted file mode 100644 index a22fcc522..000000000 Binary files a/priv/static/static/js/12.5ca41e245bb40263bc7f.js and /dev/null differ diff --git a/priv/static/static/js/12.5ca41e245bb40263bc7f.js.map b/priv/static/static/js/12.5ca41e245bb40263bc7f.js.map deleted file mode 100644 index 762172484..000000000 Binary files a/priv/static/static/js/12.5ca41e245bb40263bc7f.js.map and /dev/null differ diff --git a/priv/static/static/js/12.692de91d7f9c577b4a6e.js b/priv/static/static/js/12.692de91d7f9c577b4a6e.js new file mode 100644 index 000000000..163d80380 Binary files /dev/null and b/priv/static/static/js/12.692de91d7f9c577b4a6e.js differ diff --git a/priv/static/static/js/12.692de91d7f9c577b4a6e.js.map b/priv/static/static/js/12.692de91d7f9c577b4a6e.js.map new file mode 100644 index 000000000..36d4c30a4 Binary files /dev/null and b/priv/static/static/js/12.692de91d7f9c577b4a6e.js.map differ diff --git a/priv/static/static/js/13.15f61f0e3b9b01759f7c.js b/priv/static/static/js/13.15f61f0e3b9b01759f7c.js new file mode 100644 index 000000000..adf4cee6e Binary files /dev/null and b/priv/static/static/js/13.15f61f0e3b9b01759f7c.js differ diff --git a/priv/static/static/js/13.15f61f0e3b9b01759f7c.js.map b/priv/static/static/js/13.15f61f0e3b9b01759f7c.js.map new file mode 100644 index 000000000..a86276d4b Binary files /dev/null and b/priv/static/static/js/13.15f61f0e3b9b01759f7c.js.map differ diff --git a/priv/static/static/js/13.99621e6c47936075b44d.js b/priv/static/static/js/13.99621e6c47936075b44d.js deleted file mode 100644 index ef26b927b..000000000 Binary files a/priv/static/static/js/13.99621e6c47936075b44d.js and /dev/null differ diff --git a/priv/static/static/js/13.99621e6c47936075b44d.js.map b/priv/static/static/js/13.99621e6c47936075b44d.js.map deleted file mode 100644 index eb79bff03..000000000 Binary files a/priv/static/static/js/13.99621e6c47936075b44d.js.map and /dev/null differ diff --git a/priv/static/static/js/14.4e05e7c284119777ecc5.js b/priv/static/static/js/14.4e05e7c284119777ecc5.js deleted file mode 100644 index 6f5728bf6..000000000 Binary files a/priv/static/static/js/14.4e05e7c284119777ecc5.js and /dev/null differ diff --git a/priv/static/static/js/14.4e05e7c284119777ecc5.js.map b/priv/static/static/js/14.4e05e7c284119777ecc5.js.map deleted file mode 100644 index d219c6115..000000000 Binary files a/priv/static/static/js/14.4e05e7c284119777ecc5.js.map and /dev/null differ diff --git a/priv/static/static/js/14.55b38bf87ac4e1774def.js b/priv/static/static/js/14.55b38bf87ac4e1774def.js new file mode 100644 index 000000000..70c7d0e16 Binary files /dev/null and b/priv/static/static/js/14.55b38bf87ac4e1774def.js differ diff --git a/priv/static/static/js/14.55b38bf87ac4e1774def.js.map b/priv/static/static/js/14.55b38bf87ac4e1774def.js.map new file mode 100644 index 000000000..dd8d4c3e7 Binary files /dev/null and b/priv/static/static/js/14.55b38bf87ac4e1774def.js.map differ diff --git a/priv/static/static/js/15.1c37e313832593157c96.js b/priv/static/static/js/15.1c37e313832593157c96.js new file mode 100644 index 000000000..4b98554bf Binary files /dev/null and b/priv/static/static/js/15.1c37e313832593157c96.js differ diff --git a/priv/static/static/js/15.1c37e313832593157c96.js.map b/priv/static/static/js/15.1c37e313832593157c96.js.map new file mode 100644 index 000000000..44ecfa122 Binary files /dev/null and b/priv/static/static/js/15.1c37e313832593157c96.js.map differ diff --git a/priv/static/static/js/15.23f179cc3adc903bb537.js b/priv/static/static/js/15.23f179cc3adc903bb537.js deleted file mode 100644 index d87608e34..000000000 Binary files a/priv/static/static/js/15.23f179cc3adc903bb537.js and /dev/null differ diff --git a/priv/static/static/js/15.23f179cc3adc903bb537.js.map b/priv/static/static/js/15.23f179cc3adc903bb537.js.map deleted file mode 100644 index 15811ea18..000000000 Binary files a/priv/static/static/js/15.23f179cc3adc903bb537.js.map and /dev/null differ diff --git a/priv/static/static/js/16.43dd2c64dcb160dd96a6.js b/priv/static/static/js/16.43dd2c64dcb160dd96a6.js deleted file mode 100644 index abed0132f..000000000 Binary files a/priv/static/static/js/16.43dd2c64dcb160dd96a6.js and /dev/null differ diff --git a/priv/static/static/js/16.43dd2c64dcb160dd96a6.js.map b/priv/static/static/js/16.43dd2c64dcb160dd96a6.js.map deleted file mode 100644 index 20ab38e81..000000000 Binary files a/priv/static/static/js/16.43dd2c64dcb160dd96a6.js.map and /dev/null differ diff --git a/priv/static/static/js/16.f2d76b875b087c86c5df.js b/priv/static/static/js/16.f2d76b875b087c86c5df.js new file mode 100644 index 000000000..3727fb095 Binary files /dev/null and b/priv/static/static/js/16.f2d76b875b087c86c5df.js differ diff --git a/priv/static/static/js/16.f2d76b875b087c86c5df.js.map b/priv/static/static/js/16.f2d76b875b087c86c5df.js.map new file mode 100644 index 000000000..a0054b709 Binary files /dev/null and b/priv/static/static/js/16.f2d76b875b087c86c5df.js.map differ diff --git a/priv/static/static/js/17.d1deeeb81b7cab98b068.js b/priv/static/static/js/17.d1deeeb81b7cab98b068.js deleted file mode 100644 index 519a6e2bd..000000000 Binary files a/priv/static/static/js/17.d1deeeb81b7cab98b068.js and /dev/null differ diff --git a/priv/static/static/js/17.d1deeeb81b7cab98b068.js.map b/priv/static/static/js/17.d1deeeb81b7cab98b068.js.map deleted file mode 100644 index 156fad930..000000000 Binary files a/priv/static/static/js/17.d1deeeb81b7cab98b068.js.map and /dev/null differ diff --git a/priv/static/static/js/17.f0fa826284cc937a877d.js b/priv/static/static/js/17.f0fa826284cc937a877d.js new file mode 100644 index 000000000..700bee11e Binary files /dev/null and b/priv/static/static/js/17.f0fa826284cc937a877d.js differ diff --git a/priv/static/static/js/17.f0fa826284cc937a877d.js.map b/priv/static/static/js/17.f0fa826284cc937a877d.js.map new file mode 100644 index 000000000..245c8a95b Binary files /dev/null and b/priv/static/static/js/17.f0fa826284cc937a877d.js.map differ diff --git a/priv/static/static/js/18.70db011b4ac0ecff7cfb.js b/priv/static/static/js/18.70db011b4ac0ecff7cfb.js new file mode 100644 index 000000000..16ef9df1f Binary files /dev/null and b/priv/static/static/js/18.70db011b4ac0ecff7cfb.js differ diff --git a/priv/static/static/js/18.70db011b4ac0ecff7cfb.js.map b/priv/static/static/js/18.70db011b4ac0ecff7cfb.js.map new file mode 100644 index 000000000..89c81c984 Binary files /dev/null and b/priv/static/static/js/18.70db011b4ac0ecff7cfb.js.map differ diff --git a/priv/static/static/js/18.a4d5b399e228a6a45a7b.js b/priv/static/static/js/18.a4d5b399e228a6a45a7b.js deleted file mode 100644 index 1b17be977..000000000 Binary files a/priv/static/static/js/18.a4d5b399e228a6a45a7b.js and /dev/null differ diff --git a/priv/static/static/js/18.a4d5b399e228a6a45a7b.js.map b/priv/static/static/js/18.a4d5b399e228a6a45a7b.js.map deleted file mode 100644 index 5e5264405..000000000 Binary files a/priv/static/static/js/18.a4d5b399e228a6a45a7b.js.map and /dev/null differ diff --git a/priv/static/static/js/19.03ee3b4f8acc4956777d.js b/priv/static/static/js/19.03ee3b4f8acc4956777d.js new file mode 100644 index 000000000..ff27fdb5d Binary files /dev/null and b/priv/static/static/js/19.03ee3b4f8acc4956777d.js differ diff --git a/priv/static/static/js/19.03ee3b4f8acc4956777d.js.map b/priv/static/static/js/19.03ee3b4f8acc4956777d.js.map new file mode 100644 index 000000000..03b7d6b21 Binary files /dev/null and b/priv/static/static/js/19.03ee3b4f8acc4956777d.js.map differ diff --git a/priv/static/static/js/19.e513835c3274271258fa.js b/priv/static/static/js/19.e513835c3274271258fa.js deleted file mode 100644 index 1a4c2d230..000000000 Binary files a/priv/static/static/js/19.e513835c3274271258fa.js and /dev/null differ diff --git a/priv/static/static/js/19.e513835c3274271258fa.js.map b/priv/static/static/js/19.e513835c3274271258fa.js.map deleted file mode 100644 index d92c8eeac..000000000 Binary files a/priv/static/static/js/19.e513835c3274271258fa.js.map and /dev/null differ diff --git a/priv/static/static/js/2.b78cd17814d5fca57e46.js b/priv/static/static/js/2.b78cd17814d5fca57e46.js deleted file mode 100644 index afde0a950..000000000 Binary files a/priv/static/static/js/2.b78cd17814d5fca57e46.js and /dev/null differ diff --git a/priv/static/static/js/2.b78cd17814d5fca57e46.js.map b/priv/static/static/js/2.b78cd17814d5fca57e46.js.map deleted file mode 100644 index a6ba3d2ad..000000000 Binary files a/priv/static/static/js/2.b78cd17814d5fca57e46.js.map and /dev/null differ diff --git a/priv/static/static/js/2.eefa7ccf1b294cd5d8f6.js b/priv/static/static/js/2.eefa7ccf1b294cd5d8f6.js new file mode 100644 index 000000000..36791ba23 Binary files /dev/null and b/priv/static/static/js/2.eefa7ccf1b294cd5d8f6.js differ diff --git a/priv/static/static/js/2.eefa7ccf1b294cd5d8f6.js.map b/priv/static/static/js/2.eefa7ccf1b294cd5d8f6.js.map new file mode 100644 index 000000000..09415d06c Binary files /dev/null and b/priv/static/static/js/2.eefa7ccf1b294cd5d8f6.js.map differ diff --git a/priv/static/static/js/20.49a14db2146e7bf4b87c.js b/priv/static/static/js/20.49a14db2146e7bf4b87c.js deleted file mode 100644 index 630d09318..000000000 Binary files a/priv/static/static/js/20.49a14db2146e7bf4b87c.js and /dev/null differ diff --git a/priv/static/static/js/20.49a14db2146e7bf4b87c.js.map b/priv/static/static/js/20.49a14db2146e7bf4b87c.js.map deleted file mode 100644 index 60fe2f38e..000000000 Binary files a/priv/static/static/js/20.49a14db2146e7bf4b87c.js.map and /dev/null differ diff --git a/priv/static/static/js/20.840811409947d846c928.js b/priv/static/static/js/20.840811409947d846c928.js new file mode 100644 index 000000000..194964bbc Binary files /dev/null and b/priv/static/static/js/20.840811409947d846c928.js differ diff --git a/priv/static/static/js/20.840811409947d846c928.js.map b/priv/static/static/js/20.840811409947d846c928.js.map new file mode 100644 index 000000000..7fc7cdf6c Binary files /dev/null and b/priv/static/static/js/20.840811409947d846c928.js.map differ diff --git a/priv/static/static/js/21.b2844ccdcfc3c8191e8e.js b/priv/static/static/js/21.b2844ccdcfc3c8191e8e.js deleted file mode 100644 index c363a2197..000000000 Binary files a/priv/static/static/js/21.b2844ccdcfc3c8191e8e.js and /dev/null differ diff --git a/priv/static/static/js/21.b2844ccdcfc3c8191e8e.js.map b/priv/static/static/js/21.b2844ccdcfc3c8191e8e.js.map deleted file mode 100644 index b5b25eb31..000000000 Binary files a/priv/static/static/js/21.b2844ccdcfc3c8191e8e.js.map and /dev/null differ diff --git a/priv/static/static/js/21.f892355289f5f2d6bf5f.js b/priv/static/static/js/21.f892355289f5f2d6bf5f.js new file mode 100644 index 000000000..bb5180a91 Binary files /dev/null and b/priv/static/static/js/21.f892355289f5f2d6bf5f.js differ diff --git a/priv/static/static/js/21.f892355289f5f2d6bf5f.js.map b/priv/static/static/js/21.f892355289f5f2d6bf5f.js.map new file mode 100644 index 000000000..d72be9782 Binary files /dev/null and b/priv/static/static/js/21.f892355289f5f2d6bf5f.js.map differ diff --git a/priv/static/static/js/22.68c0a771d79e3383f5e8.js b/priv/static/static/js/22.68c0a771d79e3383f5e8.js deleted file mode 100644 index f982b241b..000000000 Binary files a/priv/static/static/js/22.68c0a771d79e3383f5e8.js and /dev/null differ diff --git a/priv/static/static/js/22.68c0a771d79e3383f5e8.js.map b/priv/static/static/js/22.68c0a771d79e3383f5e8.js.map deleted file mode 100644 index 10a44dd2e..000000000 Binary files a/priv/static/static/js/22.68c0a771d79e3383f5e8.js.map and /dev/null differ diff --git a/priv/static/static/js/22.dfb46cb874c7b268f0d6.js b/priv/static/static/js/22.dfb46cb874c7b268f0d6.js new file mode 100644 index 000000000..b93567a4a Binary files /dev/null and b/priv/static/static/js/22.dfb46cb874c7b268f0d6.js differ diff --git a/priv/static/static/js/22.dfb46cb874c7b268f0d6.js.map b/priv/static/static/js/22.dfb46cb874c7b268f0d6.js.map new file mode 100644 index 000000000..49f20547e Binary files /dev/null and b/priv/static/static/js/22.dfb46cb874c7b268f0d6.js.map differ diff --git a/priv/static/static/js/23.0b6cdf4c9dc52c4291c0.js b/priv/static/static/js/23.0b6cdf4c9dc52c4291c0.js deleted file mode 100644 index 3d6701989..000000000 Binary files a/priv/static/static/js/23.0b6cdf4c9dc52c4291c0.js and /dev/null differ diff --git a/priv/static/static/js/23.0b6cdf4c9dc52c4291c0.js.map b/priv/static/static/js/23.0b6cdf4c9dc52c4291c0.js.map deleted file mode 100644 index f5200b9dc..000000000 Binary files a/priv/static/static/js/23.0b6cdf4c9dc52c4291c0.js.map and /dev/null differ diff --git a/priv/static/static/js/23.b5f878e416bd87896f5d.js b/priv/static/static/js/23.b5f878e416bd87896f5d.js new file mode 100644 index 000000000..253185b41 Binary files /dev/null and b/priv/static/static/js/23.b5f878e416bd87896f5d.js differ diff --git a/priv/static/static/js/23.b5f878e416bd87896f5d.js.map b/priv/static/static/js/23.b5f878e416bd87896f5d.js.map new file mode 100644 index 000000000..3f0a727d1 Binary files /dev/null and b/priv/static/static/js/23.b5f878e416bd87896f5d.js.map differ diff --git a/priv/static/static/js/24.5cfb87799bd882b933dd.js b/priv/static/static/js/24.5cfb87799bd882b933dd.js deleted file mode 100644 index 811c4fa52..000000000 Binary files a/priv/static/static/js/24.5cfb87799bd882b933dd.js and /dev/null differ diff --git a/priv/static/static/js/24.5cfb87799bd882b933dd.js.map b/priv/static/static/js/24.5cfb87799bd882b933dd.js.map deleted file mode 100644 index c03306f8a..000000000 Binary files a/priv/static/static/js/24.5cfb87799bd882b933dd.js.map and /dev/null differ diff --git a/priv/static/static/js/24.67e54fd9028becd920f2.js b/priv/static/static/js/24.67e54fd9028becd920f2.js new file mode 100644 index 000000000..4cbe27780 Binary files /dev/null and b/priv/static/static/js/24.67e54fd9028becd920f2.js differ diff --git a/priv/static/static/js/24.67e54fd9028becd920f2.js.map b/priv/static/static/js/24.67e54fd9028becd920f2.js.map new file mode 100644 index 000000000..bf7f05fa1 Binary files /dev/null and b/priv/static/static/js/24.67e54fd9028becd920f2.js.map differ diff --git a/priv/static/static/js/25.15d2c77770d3a1096416.js b/priv/static/static/js/25.15d2c77770d3a1096416.js new file mode 100644 index 000000000..518247283 Binary files /dev/null and b/priv/static/static/js/25.15d2c77770d3a1096416.js differ diff --git a/priv/static/static/js/25.15d2c77770d3a1096416.js.map b/priv/static/static/js/25.15d2c77770d3a1096416.js.map new file mode 100644 index 000000000..fe9fb68df Binary files /dev/null and b/priv/static/static/js/25.15d2c77770d3a1096416.js.map differ diff --git a/priv/static/static/js/25.8185e4d775cea9fe47e1.js b/priv/static/static/js/25.8185e4d775cea9fe47e1.js deleted file mode 100644 index ca0e22957..000000000 Binary files a/priv/static/static/js/25.8185e4d775cea9fe47e1.js and /dev/null differ diff --git a/priv/static/static/js/25.8185e4d775cea9fe47e1.js.map b/priv/static/static/js/25.8185e4d775cea9fe47e1.js.map deleted file mode 100644 index d559ea56b..000000000 Binary files a/priv/static/static/js/25.8185e4d775cea9fe47e1.js.map and /dev/null differ diff --git a/priv/static/static/js/26.34ec129dd8f860ce4a8e.js b/priv/static/static/js/26.34ec129dd8f860ce4a8e.js deleted file mode 100644 index 797021577..000000000 Binary files a/priv/static/static/js/26.34ec129dd8f860ce4a8e.js and /dev/null differ diff --git a/priv/static/static/js/26.34ec129dd8f860ce4a8e.js.map b/priv/static/static/js/26.34ec129dd8f860ce4a8e.js.map deleted file mode 100644 index abff4e927..000000000 Binary files a/priv/static/static/js/26.34ec129dd8f860ce4a8e.js.map and /dev/null differ diff --git a/priv/static/static/js/26.39b93fc2c1c03ed73eaf.js b/priv/static/static/js/26.39b93fc2c1c03ed73eaf.js new file mode 100644 index 000000000..8b18445fb Binary files /dev/null and b/priv/static/static/js/26.39b93fc2c1c03ed73eaf.js differ diff --git a/priv/static/static/js/26.39b93fc2c1c03ed73eaf.js.map b/priv/static/static/js/26.39b93fc2c1c03ed73eaf.js.map new file mode 100644 index 000000000..646bd975f Binary files /dev/null and b/priv/static/static/js/26.39b93fc2c1c03ed73eaf.js.map differ diff --git a/priv/static/static/js/27.0c07ea488bf8fda885af.js b/priv/static/static/js/27.0c07ea488bf8fda885af.js new file mode 100644 index 000000000..43c449e3b Binary files /dev/null and b/priv/static/static/js/27.0c07ea488bf8fda885af.js differ diff --git a/priv/static/static/js/27.0c07ea488bf8fda885af.js.map b/priv/static/static/js/27.0c07ea488bf8fda885af.js.map new file mode 100644 index 000000000..a8b5e6797 Binary files /dev/null and b/priv/static/static/js/27.0c07ea488bf8fda885af.js.map differ diff --git a/priv/static/static/js/27.0f4a5145681cfb5a896e.js b/priv/static/static/js/27.0f4a5145681cfb5a896e.js deleted file mode 100644 index 5df92f6ad..000000000 Binary files a/priv/static/static/js/27.0f4a5145681cfb5a896e.js and /dev/null differ diff --git a/priv/static/static/js/27.0f4a5145681cfb5a896e.js.map b/priv/static/static/js/27.0f4a5145681cfb5a896e.js.map deleted file mode 100644 index da741bf41..000000000 Binary files a/priv/static/static/js/27.0f4a5145681cfb5a896e.js.map and /dev/null differ diff --git a/priv/static/static/js/28.75c01cd71372c39d5af8.js b/priv/static/static/js/28.75c01cd71372c39d5af8.js deleted file mode 100644 index 63067ea18..000000000 Binary files a/priv/static/static/js/28.75c01cd71372c39d5af8.js and /dev/null differ diff --git a/priv/static/static/js/28.75c01cd71372c39d5af8.js.map b/priv/static/static/js/28.75c01cd71372c39d5af8.js.map deleted file mode 100644 index 4b21e788e..000000000 Binary files a/priv/static/static/js/28.75c01cd71372c39d5af8.js.map and /dev/null differ diff --git a/priv/static/static/js/28.82b81d7732ecc626349f.js b/priv/static/static/js/28.82b81d7732ecc626349f.js new file mode 100644 index 000000000..5fe0cb6e5 Binary files /dev/null and b/priv/static/static/js/28.82b81d7732ecc626349f.js differ diff --git a/priv/static/static/js/28.82b81d7732ecc626349f.js.map b/priv/static/static/js/28.82b81d7732ecc626349f.js.map new file mode 100644 index 000000000..da63d462c Binary files /dev/null and b/priv/static/static/js/28.82b81d7732ecc626349f.js.map differ diff --git a/priv/static/static/js/29.b53cf1f3bcece005d78a.js b/priv/static/static/js/29.b53cf1f3bcece005d78a.js deleted file mode 100644 index 3b357be95..000000000 Binary files a/priv/static/static/js/29.b53cf1f3bcece005d78a.js and /dev/null differ diff --git a/priv/static/static/js/29.b53cf1f3bcece005d78a.js.map b/priv/static/static/js/29.b53cf1f3bcece005d78a.js.map deleted file mode 100644 index f3d6781f8..000000000 Binary files a/priv/static/static/js/29.b53cf1f3bcece005d78a.js.map and /dev/null differ diff --git a/priv/static/static/js/29.c0d023a312b4d13ea024.js b/priv/static/static/js/29.c0d023a312b4d13ea024.js new file mode 100644 index 000000000..b57d04dc9 Binary files /dev/null and b/priv/static/static/js/29.c0d023a312b4d13ea024.js differ diff --git a/priv/static/static/js/29.c0d023a312b4d13ea024.js.map b/priv/static/static/js/29.c0d023a312b4d13ea024.js.map new file mode 100644 index 000000000..c3aecc332 Binary files /dev/null and b/priv/static/static/js/29.c0d023a312b4d13ea024.js.map differ diff --git a/priv/static/static/js/3.87ec90ae9b493a8aeb4f.js b/priv/static/static/js/3.87ec90ae9b493a8aeb4f.js new file mode 100644 index 000000000..c65169fd5 Binary files /dev/null and b/priv/static/static/js/3.87ec90ae9b493a8aeb4f.js differ diff --git a/priv/static/static/js/3.87ec90ae9b493a8aeb4f.js.map b/priv/static/static/js/3.87ec90ae9b493a8aeb4f.js.map new file mode 100644 index 000000000..2a66221da Binary files /dev/null and b/priv/static/static/js/3.87ec90ae9b493a8aeb4f.js.map differ diff --git a/priv/static/static/js/3.bde677e65143f0cd1105.js b/priv/static/static/js/3.bde677e65143f0cd1105.js deleted file mode 100644 index 4bea37abd..000000000 Binary files a/priv/static/static/js/3.bde677e65143f0cd1105.js and /dev/null differ diff --git a/priv/static/static/js/3.bde677e65143f0cd1105.js.map b/priv/static/static/js/3.bde677e65143f0cd1105.js.map deleted file mode 100644 index 06d4fc3d0..000000000 Binary files a/priv/static/static/js/3.bde677e65143f0cd1105.js.map and /dev/null differ diff --git a/priv/static/static/js/30.064c236fa83ac21c252f.js b/priv/static/static/js/30.064c236fa83ac21c252f.js deleted file mode 100644 index 40d81fbfd..000000000 Binary files a/priv/static/static/js/30.064c236fa83ac21c252f.js and /dev/null differ diff --git a/priv/static/static/js/30.064c236fa83ac21c252f.js.map b/priv/static/static/js/30.064c236fa83ac21c252f.js.map deleted file mode 100644 index 4d0d88ca9..000000000 Binary files a/priv/static/static/js/30.064c236fa83ac21c252f.js.map and /dev/null differ diff --git a/priv/static/static/js/30.32bd6ce600b17d0b49fb.js b/priv/static/static/js/30.32bd6ce600b17d0b49fb.js new file mode 100644 index 000000000..07a7753f7 Binary files /dev/null and b/priv/static/static/js/30.32bd6ce600b17d0b49fb.js differ diff --git a/priv/static/static/js/30.32bd6ce600b17d0b49fb.js.map b/priv/static/static/js/30.32bd6ce600b17d0b49fb.js.map new file mode 100644 index 000000000..13f8328fd Binary files /dev/null and b/priv/static/static/js/30.32bd6ce600b17d0b49fb.js.map differ diff --git a/priv/static/static/js/31.10aa66613d5ce68c2d77.js b/priv/static/static/js/31.10aa66613d5ce68c2d77.js new file mode 100644 index 000000000..931944195 Binary files /dev/null and b/priv/static/static/js/31.10aa66613d5ce68c2d77.js differ diff --git a/priv/static/static/js/31.10aa66613d5ce68c2d77.js.map b/priv/static/static/js/31.10aa66613d5ce68c2d77.js.map new file mode 100644 index 000000000..95225ed8c Binary files /dev/null and b/priv/static/static/js/31.10aa66613d5ce68c2d77.js.map differ diff --git a/priv/static/static/js/31.226f7a848d733df38095.js b/priv/static/static/js/31.226f7a848d733df38095.js deleted file mode 100644 index 48131f952..000000000 Binary files a/priv/static/static/js/31.226f7a848d733df38095.js and /dev/null differ diff --git a/priv/static/static/js/31.226f7a848d733df38095.js.map b/priv/static/static/js/31.226f7a848d733df38095.js.map deleted file mode 100644 index 3d85d770f..000000000 Binary files a/priv/static/static/js/31.226f7a848d733df38095.js.map and /dev/null differ diff --git a/priv/static/static/js/32.19ca50edbb4d711838dc.js b/priv/static/static/js/32.19ca50edbb4d711838dc.js deleted file mode 100644 index 81bd5064f..000000000 Binary files a/priv/static/static/js/32.19ca50edbb4d711838dc.js and /dev/null differ diff --git a/priv/static/static/js/32.19ca50edbb4d711838dc.js.map b/priv/static/static/js/32.19ca50edbb4d711838dc.js.map deleted file mode 100644 index 99ad6e050..000000000 Binary files a/priv/static/static/js/32.19ca50edbb4d711838dc.js.map and /dev/null differ diff --git a/priv/static/static/js/32.b651c1dd10324935be71.js b/priv/static/static/js/32.b651c1dd10324935be71.js new file mode 100644 index 000000000..44384984e Binary files /dev/null and b/priv/static/static/js/32.b651c1dd10324935be71.js differ diff --git a/priv/static/static/js/32.b651c1dd10324935be71.js.map b/priv/static/static/js/32.b651c1dd10324935be71.js.map new file mode 100644 index 000000000..7e99fbc7f Binary files /dev/null and b/priv/static/static/js/32.b651c1dd10324935be71.js.map differ diff --git a/priv/static/static/js/4.7077bff64d63355b1635.js b/priv/static/static/js/4.7077bff64d63355b1635.js deleted file mode 100644 index cb97d3855..000000000 Binary files a/priv/static/static/js/4.7077bff64d63355b1635.js and /dev/null differ diff --git a/priv/static/static/js/4.7077bff64d63355b1635.js.map b/priv/static/static/js/4.7077bff64d63355b1635.js.map deleted file mode 100644 index 83db836c8..000000000 Binary files a/priv/static/static/js/4.7077bff64d63355b1635.js.map and /dev/null differ diff --git a/priv/static/static/js/4.c598e7b4fe9c48844b4e.js b/priv/static/static/js/4.c598e7b4fe9c48844b4e.js new file mode 100644 index 000000000..2cef4f123 Binary files /dev/null and b/priv/static/static/js/4.c598e7b4fe9c48844b4e.js differ diff --git a/priv/static/static/js/4.c598e7b4fe9c48844b4e.js.map b/priv/static/static/js/4.c598e7b4fe9c48844b4e.js.map new file mode 100644 index 000000000..873af81a9 Binary files /dev/null and b/priv/static/static/js/4.c598e7b4fe9c48844b4e.js.map differ diff --git a/priv/static/static/js/5.b1b7cca63260d31de7d4.js b/priv/static/static/js/5.b1b7cca63260d31de7d4.js new file mode 100644 index 000000000..b28c95fc2 Binary files /dev/null and b/priv/static/static/js/5.b1b7cca63260d31de7d4.js differ diff --git a/priv/static/static/js/5.b1b7cca63260d31de7d4.js.map b/priv/static/static/js/5.b1b7cca63260d31de7d4.js.map new file mode 100644 index 000000000..be790050e Binary files /dev/null and b/priv/static/static/js/5.b1b7cca63260d31de7d4.js.map differ diff --git a/priv/static/static/js/5.cfb722ac8eea8919f749.js b/priv/static/static/js/5.cfb722ac8eea8919f749.js deleted file mode 100644 index 7d3bca163..000000000 Binary files a/priv/static/static/js/5.cfb722ac8eea8919f749.js and /dev/null differ diff --git a/priv/static/static/js/5.cfb722ac8eea8919f749.js.map b/priv/static/static/js/5.cfb722ac8eea8919f749.js.map deleted file mode 100644 index c9e701dc6..000000000 Binary files a/priv/static/static/js/5.cfb722ac8eea8919f749.js.map and /dev/null differ diff --git a/priv/static/static/js/6.613b0d6b08c3f5f9ef13.js b/priv/static/static/js/6.613b0d6b08c3f5f9ef13.js deleted file mode 100644 index 499d71475..000000000 Binary files a/priv/static/static/js/6.613b0d6b08c3f5f9ef13.js and /dev/null differ diff --git a/priv/static/static/js/6.613b0d6b08c3f5f9ef13.js.map b/priv/static/static/js/6.613b0d6b08c3f5f9ef13.js.map deleted file mode 100644 index 8b78bd4b3..000000000 Binary files a/priv/static/static/js/6.613b0d6b08c3f5f9ef13.js.map and /dev/null differ diff --git a/priv/static/static/js/6.9714b6b425564b434cfc.js b/priv/static/static/js/6.9714b6b425564b434cfc.js new file mode 100644 index 000000000..9a9b97a87 Binary files /dev/null and b/priv/static/static/js/6.9714b6b425564b434cfc.js differ diff --git a/priv/static/static/js/6.9714b6b425564b434cfc.js.map b/priv/static/static/js/6.9714b6b425564b434cfc.js.map new file mode 100644 index 000000000..ff8c82aa0 Binary files /dev/null and b/priv/static/static/js/6.9714b6b425564b434cfc.js.map differ diff --git a/priv/static/static/js/7.199d52eb458f775043ed.js b/priv/static/static/js/7.199d52eb458f775043ed.js deleted file mode 100644 index bf9015250..000000000 Binary files a/priv/static/static/js/7.199d52eb458f775043ed.js and /dev/null differ diff --git a/priv/static/static/js/7.199d52eb458f775043ed.js.map b/priv/static/static/js/7.199d52eb458f775043ed.js.map deleted file mode 100644 index ad860f079..000000000 Binary files a/priv/static/static/js/7.199d52eb458f775043ed.js.map and /dev/null differ diff --git a/priv/static/static/js/7.e981de514281f6706ab5.js b/priv/static/static/js/7.e981de514281f6706ab5.js new file mode 100644 index 000000000..455e25b7c Binary files /dev/null and b/priv/static/static/js/7.e981de514281f6706ab5.js differ diff --git a/priv/static/static/js/7.e981de514281f6706ab5.js.map b/priv/static/static/js/7.e981de514281f6706ab5.js.map new file mode 100644 index 000000000..a3746684e Binary files /dev/null and b/priv/static/static/js/7.e981de514281f6706ab5.js.map differ diff --git a/priv/static/static/js/8.7f96f22f9f65ad394684.js b/priv/static/static/js/8.7f96f22f9f65ad394684.js deleted file mode 100644 index 154e63437..000000000 Binary files a/priv/static/static/js/8.7f96f22f9f65ad394684.js and /dev/null differ diff --git a/priv/static/static/js/8.7f96f22f9f65ad394684.js.map b/priv/static/static/js/8.7f96f22f9f65ad394684.js.map deleted file mode 100644 index 74e510286..000000000 Binary files a/priv/static/static/js/8.7f96f22f9f65ad394684.js.map and /dev/null differ diff --git a/priv/static/static/js/8.ca8649fd990b3e029f7b.js b/priv/static/static/js/8.ca8649fd990b3e029f7b.js new file mode 100644 index 000000000..1872a8a0d Binary files /dev/null and b/priv/static/static/js/8.ca8649fd990b3e029f7b.js differ diff --git a/priv/static/static/js/8.ca8649fd990b3e029f7b.js.map b/priv/static/static/js/8.ca8649fd990b3e029f7b.js.map new file mode 100644 index 000000000..2e6b46bb7 Binary files /dev/null and b/priv/static/static/js/8.ca8649fd990b3e029f7b.js.map differ diff --git a/priv/static/static/js/9.4de4c975f0f895c5e0e7.js b/priv/static/static/js/9.4de4c975f0f895c5e0e7.js new file mode 100644 index 000000000..4a9afd11b Binary files /dev/null and b/priv/static/static/js/9.4de4c975f0f895c5e0e7.js differ diff --git a/priv/static/static/js/9.4de4c975f0f895c5e0e7.js.map b/priv/static/static/js/9.4de4c975f0f895c5e0e7.js.map new file mode 100644 index 000000000..0f06ba1c0 Binary files /dev/null and b/priv/static/static/js/9.4de4c975f0f895c5e0e7.js.map differ diff --git a/priv/static/static/js/9.f8fc2497d5f27a9df682.js b/priv/static/static/js/9.f8fc2497d5f27a9df682.js deleted file mode 100644 index c86ae4d9a..000000000 Binary files a/priv/static/static/js/9.f8fc2497d5f27a9df682.js and /dev/null differ diff --git a/priv/static/static/js/9.f8fc2497d5f27a9df682.js.map b/priv/static/static/js/9.f8fc2497d5f27a9df682.js.map deleted file mode 100644 index 50ff032de..000000000 Binary files a/priv/static/static/js/9.f8fc2497d5f27a9df682.js.map and /dev/null differ diff --git a/priv/static/static/js/app.3406a29ea12cc8523467.js b/priv/static/static/js/app.3406a29ea12cc8523467.js deleted file mode 100644 index 2222d6f6c..000000000 Binary files a/priv/static/static/js/app.3406a29ea12cc8523467.js and /dev/null differ diff --git a/priv/static/static/js/app.3406a29ea12cc8523467.js.map b/priv/static/static/js/app.3406a29ea12cc8523467.js.map deleted file mode 100644 index fc2ce9fc0..000000000 Binary files a/priv/static/static/js/app.3406a29ea12cc8523467.js.map and /dev/null differ diff --git a/priv/static/static/js/app.bfedff975f2109f6d66d.js b/priv/static/static/js/app.bfedff975f2109f6d66d.js new file mode 100644 index 000000000..ed1fbdfa1 Binary files /dev/null and b/priv/static/static/js/app.bfedff975f2109f6d66d.js differ diff --git a/priv/static/static/js/app.bfedff975f2109f6d66d.js.map b/priv/static/static/js/app.bfedff975f2109f6d66d.js.map new file mode 100644 index 000000000..f832950bc Binary files /dev/null and b/priv/static/static/js/app.bfedff975f2109f6d66d.js.map differ diff --git a/priv/static/static/js/vendors~app.cea10ab53f3aa19fc30e.js b/priv/static/static/js/vendors~app.cea10ab53f3aa19fc30e.js deleted file mode 100644 index 5ffbf5a2b..000000000 Binary files a/priv/static/static/js/vendors~app.cea10ab53f3aa19fc30e.js and /dev/null differ diff --git a/priv/static/static/js/vendors~app.cea10ab53f3aa19fc30e.js.map b/priv/static/static/js/vendors~app.cea10ab53f3aa19fc30e.js.map deleted file mode 100644 index cd09905ec..000000000 Binary files a/priv/static/static/js/vendors~app.cea10ab53f3aa19fc30e.js.map and /dev/null differ diff --git a/priv/static/static/js/vendors~app.fac7e5e9d97125b642ef.js b/priv/static/static/js/vendors~app.fac7e5e9d97125b642ef.js new file mode 100644 index 000000000..6a3055a37 Binary files /dev/null and b/priv/static/static/js/vendors~app.fac7e5e9d97125b642ef.js differ diff --git a/priv/static/static/js/vendors~app.fac7e5e9d97125b642ef.js.map b/priv/static/static/js/vendors~app.fac7e5e9d97125b642ef.js.map new file mode 100644 index 000000000..cde393a6c Binary files /dev/null and b/priv/static/static/js/vendors~app.fac7e5e9d97125b642ef.js.map differ diff --git a/priv/static/static/ruffle/5364d08c1900355192f5.wasm b/priv/static/static/ruffle/5364d08c1900355192f5.wasm new file mode 100644 index 000000000..a3c60a0bf Binary files /dev/null and b/priv/static/static/ruffle/5364d08c1900355192f5.wasm differ diff --git a/priv/static/static/ruffle/package.json b/priv/static/static/ruffle/package.json index 6f3cbfbe2..822c2ff74 100644 --- a/priv/static/static/ruffle/package.json +++ b/priv/static/static/ruffle/package.json @@ -1 +1 @@ -{"name": "ruffle-mirror", "version": "2021.4.11", "description": "This is an auto npm mirror for ruffle nightly builds.", "repository": {"type": "git", "url": "git+https://github.com/rwv/ruffle-mirror.git"}, "author": "ruffle-rs", "license": "MIT", "bugs": {"url": "https://github.com/rwv/ruffle-mirror/issues"}, "homepage": "https://github.com/rwv/ruffle-mirror#readme"} \ No newline at end of file +{"name": "ruffle-mirror", "version": "2021.12.31", "description": "This is an auto npm mirror for ruffle nightly builds.", "keywords": ["ruffle", "ruffle-rs"], "repository": {"type": "git", "url": "git+https://github.com/rwv/ruffle-mirror.git"}, "author": "ruffle-rs", "license": "(MIT OR Apache-2.0)", "bugs": {"url": "https://github.com/ruffle-rs/ruffle/issues"}, "homepage": "https://github.com/rwv/ruffle-mirror#readme"} \ No newline at end of file diff --git a/priv/static/static/ruffle/ruffle.js b/priv/static/static/ruffle/ruffle.js index d4c5a5dd9..50af927b8 100644 Binary files a/priv/static/static/ruffle/ruffle.js and b/priv/static/static/ruffle/ruffle.js differ diff --git a/priv/static/static/ruffle/ruffle.js.map b/priv/static/static/ruffle/ruffle.js.map index dcbb7add8..9d89c58cd 100644 Binary files a/priv/static/static/ruffle/ruffle.js.map and b/priv/static/static/ruffle/ruffle.js.map differ diff --git a/priv/static/sw-pleroma.js b/priv/static/sw-pleroma.js index 9948c3a51..2d0be61ed 100644 Binary files a/priv/static/sw-pleroma.js and b/priv/static/sw-pleroma.js differ diff --git a/priv/static/sw-pleroma.js.map b/priv/static/sw-pleroma.js.map index 06813ad0e..f5e0861f7 100644 Binary files a/priv/static/sw-pleroma.js.map and b/priv/static/sw-pleroma.js.map differ diff --git a/priv/static/vendors~app.js b/priv/static/vendors~app.js new file mode 100644 index 000000000..729be70a8 Binary files /dev/null and b/priv/static/vendors~app.js differ