@font-face {
    font-family: mastodon-font-sans-serif;
    src: local(Roboto Italic),url(/packs/assets/roboto-italic-webfont-70o79EsZ.woff2)format("woff2"),url(/packs/assets/roboto-italic-webfont-BEzjxJr1.woff)format("woff"),url(/packs/assets/roboto-italic-webfont-CsrFDl-N.ttf)format("truetype"),url(/packs/assets/roboto-italic-webfont-BM8NvIub.svg#roboto-italic-webfont)format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: mastodon-font-sans-serif;
    src: local(Roboto Bold),url(/packs/assets/roboto-bold-webfont-DbQmqDJH.woff2)format("woff2"),url(/packs/assets/roboto-bold-webfont-DD3pbrNe.woff)format("woff"),url(/packs/assets/roboto-bold-webfont-BTn1uZPM.ttf)format("truetype"),url(/packs/assets/roboto-bold-webfont-BUIhI8GA.svg#roboto-bold-webfont)format("svg");
    font-weight: 700;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: mastodon-font-sans-serif;
    src: local(Roboto Medium),url(/packs/assets/roboto-medium-webfont-BrZc3cua.woff2)format("woff2"),url(/packs/assets/roboto-medium-webfont-BXIYY-1-.woff)format("woff"),url(/packs/assets/roboto-medium-webfont-D20z2hlG.ttf)format("truetype"),url(/packs/assets/roboto-medium-webfont-BFDl58Xo.svg#roboto-medium-webfont)format("svg");
    font-weight: 500;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: mastodon-font-sans-serif;
    src: local(Roboto),url(/packs/assets/roboto-regular-webfont-DjumA6RA.woff2)format("woff2"),url(/packs/assets/roboto-regular-webfont-D8DMRyTh.woff)format("woff"),url(/packs/assets/roboto-regular-webfont-BCB7oXd3.ttf)format("truetype"),url(/packs/assets/roboto-regular-webfont-IvmaNTIq.svg#roboto-regular-webfont)format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: mastodon-font-monospace;
    src: local(Roboto Mono),url(/packs/assets/robotomono-regular-webfont-CC8Z26Gq.woff2)format("woff2"),url(/packs/assets/robotomono-regular-webfont-Wzw4m2TO.woff)format("woff"),url(/packs/assets/robotomono-regular-webfont-BL5LgyfS.ttf)format("truetype"),url(/packs/assets/robotomono-regular-webfont-i1qsiyKD.svg#roboto_monoregular)format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border: 0;
    margin: 0;
    padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style-type: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    --color-white: #fff;
    --color-black: #000;
    --color-grey-50: #f6f6f9;
    --color-grey-100: #eeedf3;
    --color-grey-200: #d7d6e1;
    --color-grey-300: #b2b1c8;
    --color-grey-400: #88a;
    --color-grey-500: #67678e;
    --color-grey-600: #535374;
    --color-grey-700: #44445f;
    --color-grey-800: #3a3a50;
    --color-grey-900: #21212c;
    --color-grey-950: #181820;
    --color-indigo-50: #f0f1ff;
    --color-indigo-100: #e0e3ff;
    --color-indigo-200: #c8cdfe;
    --color-indigo-300: #a5abfd;
    --color-indigo-400: #8280f9;
    --color-indigo-500: #7263f2;
    --color-indigo-600: #6147e6;
    --color-indigo-700: #5638cc;
    --color-indigo-800: #48359c;
    --color-indigo-900: #3d317c;
    --color-indigo-950: #261e48;
    --color-red-50: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-200: #ffc9c9;
    --color-red-300: #ffa2a2;
    --color-red-400: #ff6467;
    --color-red-500: #fb2c36;
    --color-red-600: #e7000b;
    --color-red-700: #c10007;
    --color-red-800: #9f0712;
    --color-red-900: #82181a;
    --color-red-950: #460809;
    --color-yellow-50: #fffbeb;
    --color-yellow-100: #fef3c6;
    --color-yellow-200: #fee685;
    --color-yellow-300: #ffd230;
    --color-yellow-400: #ffb900;
    --color-yellow-500: #fe9a00;
    --color-yellow-600: #e17100;
    --color-yellow-700: #bb4d00;
    --color-yellow-800: #973c00;
    --color-yellow-900: #7b3306;
    --color-yellow-950: #461901;
    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #b9f8cf;
    --color-green-300: #7bf1a8;
    --color-green-400: #05df72;
    --color-green-500: #00c950;
    --color-green-600: #00a63e;
    --color-green-700: #008236;
    --color-green-800: #016630;
    --color-green-900: #0d542b;
    --color-green-950: #032e15
}

[data-color-scheme=dark],html:not([data-color-scheme]) {
    --csstools-color-scheme--light: ;
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-text-primary: var(--color-grey-100);
    --color-text-secondary: var(--color-grey-300);
    --color-text-tertiary: var(--color-grey-400);
    --color-text-inverted: var(--color-grey-950);
    --color-text-brand: var(--color-indigo-300);
    --color-text-brand-soft: color-mix(in oklab, var(--color-text-primary), var(--color-text-brand));
    --color-text-on-brand-base: var(--color-white);
    --color-text-brand-on-inverted: var(--color-indigo-600);
    --color-text-error: var(--color-red-300);
    --color-text-on-error-base: var(--color-white);
    --color-text-warning: var(--color-yellow-400);
    --color-text-on-warning-base: var(--color-white);
    --color-text-success: var(--color-green-400);
    --color-text-on-success-base: var(--color-white);
    --color-text-disabled: var(--color-grey-600);
    --color-text-on-disabled: var(--color-grey-400);
    --color-text-bookmark-highlight: var(--color-text-error);
    --color-text-favourite-highlight: var(--color-text-warning);
    --color-text-on-media: var(--color-white);
    --color-text-status-links: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary));
    --color-bg-primary: var(--color-grey-950);
    --overlay-strength-secondary: 4%;
    --color-bg-secondary: var(--color-grey-900);
    --color-bg-tertiary: var(--color-grey-800);
    --color-bg-inverted: var(--color-grey-50);
    --color-bg-overlay-base: rgb(from var(--color-grey-950) r g b/60%);
    --color-bg-overlay-highlight: rgb(from var(--color-white) r g b/5%);
    --color-bg-overlay: var(--color-black);
    --color-bg-media-base: var(--color-black);
    --color-bg-media: rgb(from var(--color-bg-media-base) r g b/65%);
    --color-bg-disabled: var(--color-grey-700);
    --color-bg-brand-base: var(--color-indigo-700);
    --color-bg-brand-base-hover: var(--color-indigo-800);
    --color-bg-brand-soft: var(--color-indigo-900);
    --color-bg-brand-softest: var(--color-indigo-950);
    --color-bg-error-base: var(--color-red-700);
    --color-bg-error-base-hover: var(--color-red-800);
    --color-bg-error-soft: var(--color-red-900);
    --color-bg-error-softest: var(--color-red-950);
    --color-bg-warning-base: var(--color-yellow-700);
    --color-bg-warning-soft: var(--color-yellow-900);
    --color-bg-warning-softest: var(--color-yellow-950);
    --color-bg-success-base: var(--color-green-600);
    --color-bg-success-soft: var(--color-green-900);
    --color-bg-success-softest: var(--color-green-950);
    --color-border-primary: var(--color-grey-800);
    --color-border-brand: var(--color-text-brand);
    --color-border-brand-soft: var(--color-indigo-800);
    --color-border-error: var(--color-red-300);
    --color-border-media: #fcf8ff26;
    --color-border-error-soft: rgb(from var(--color-border-error) r g b/50%);
    --color-border-warning-soft: rgb(from var(--color-text-warning) r g b/50%);
    --color-border-success-soft: var(--color-green-800);
    --shadow-strength-primary: 80%;
    --color-shadow-primary: rgb(from var(--color-black) r g b/var(--shadow-strength-primary));
    --dropdown-shadow: 0 20px 25px -5px var(--color-shadow-primary), 0 8px 10px -6px var(--color-shadow-primary);
    --overlay-icon-shadow: drop-shadow(0 0 8px var(--color-shadow-primary));
    --color-graph-primary-stroke: var(--color-text-brand);
    --color-graph-primary-fill: var(--color-bg-brand-softest);
    --color-graph-warning-stroke: var(--color-text-warning);
    --color-graph-warning-fill: var(--color-bg-warning-softest);
    --color-graph-disabled-stroke: var(--color-text-disabled);
    --color-graph-disabled-fill: var(--color-bg-disabled);
    --rich-text-container-color: #57183c;
    --rich-text-text-color: #ffafd4;
    --rich-text-decorations-color: #803a5f
}

[data-color-scheme=dark] .invert-on-dark,html:not([data-color-scheme]) .invert-on-dark {
    filter: invert()
}

[data-color-scheme=dark][data-contrast=high],[data-contrast=high] [data-color-scheme=dark],html:not([data-color-scheme])[data-contrast=high],[data-contrast=high] html:not([data-color-scheme]) {
    --color-text-primary: var(--color-grey-50);
    --color-text-status-links: var(--color-text-brand);
    --color-bg-error-base: var(--color-red-800);
    --color-border-primary: var(--color-grey-600)
}

[data-color-scheme=light] {
    --csstools-color-scheme--light: initial;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-text-primary: var(--color-grey-950);
    --color-text-secondary: var(--color-grey-600);
    --color-text-tertiary: var(--color-grey-500);
    --color-text-inverted: var(--color-white);
    --color-text-brand: var(--color-indigo-700);
    --color-text-brand-soft: color-mix(in oklab, var(--color-text-primary), var(--color-text-brand));
    --color-text-on-brand-base: var(--color-white);
    --color-text-brand-on-inverted: var(--color-indigo-400);
    --color-text-error: var(--color-red-800);
    --color-text-on-error-base: var(--color-white);
    --color-text-warning: var(--color-yellow-700);
    --color-text-on-warning-base: var(--color-white);
    --color-text-success: var(--color-green-700);
    --color-text-on-success-base: var(--color-white);
    --color-text-disabled: var(--color-grey-300);
    --color-text-on-disabled: var(--color-grey-200);
    --color-text-bookmark-highlight: var(--color-text-error);
    --color-text-favourite-highlight: var(--color-text-warning);
    --color-text-on-media: var(--color-white);
    --color-text-status-links: var(--color-text-brand);
    --color-bg-primary: var(--color-white);
    --overlay-strength-secondary: 4%;
    --color-bg-secondary: var(--color-grey-50);
    --color-bg-tertiary: var(--color-grey-100);
    --color-bg-inverted: var(--color-grey-950);
    --color-bg-overlay-base: rgb(from var(--color-grey-950) r g b/60%);
    --color-bg-overlay-highlight: rgb(from var(--color-grey-950) r g b/5%);
    --color-bg-overlay: var(--color-bg-primary);
    --color-bg-media-base: var(--color-black);
    --color-bg-media: rgb(from var(--color-bg-media-base) r g b/65%);
    --color-bg-disabled: var(--color-grey-400);
    --color-bg-brand-base: var(--color-indigo-700);
    --color-bg-brand-base-hover: var(--color-indigo-800);
    --color-bg-brand-soft: var(--color-indigo-100);
    --color-bg-brand-softest: var(--color-indigo-50);
    --color-bg-error-base: var(--color-red-700);
    --color-bg-error-base-hover: var(--color-red-800);
    --color-bg-error-soft: var(--color-red-100);
    --color-bg-error-softest: var(--color-red-50);
    --color-bg-warning-base: var(--color-yellow-700);
    --color-bg-warning-soft: var(--color-yellow-100);
    --color-bg-warning-softest: var(--color-yellow-50);
    --color-bg-success-base: var(--color-green-600);
    --color-bg-success-soft: var(--color-green-100);
    --color-bg-success-softest: var(--color-green-50);
    --color-border-primary: var(--color-grey-200);
    --color-border-brand: var(--color-text-brand);
    --color-border-brand-soft: var(--color-indigo-200);
    --color-border-error: var(--color-red-700);
    --color-border-media: #fcf8ff26;
    --color-border-error-soft: rgb(from var(--color-text-error) r g b/50%);
    --color-border-warning-soft: rgb(from var(--color-text-warning) r g b/50%);
    --color-border-success-soft: var(--color-green-200);
    --shadow-strength-primary: 30%;
    --color-shadow-primary: rgb(from var(--color-black) r g b/var(--shadow-strength-primary));
    --dropdown-shadow: 0 20px 25px -5px var(--color-shadow-primary), 0 8px 10px -6px var(--color-shadow-primary);
    --overlay-icon-shadow: drop-shadow(0 0 8px var(--color-shadow-primary));
    --color-graph-primary-stroke: var(--color-text-brand);
    --color-graph-primary-fill: var(--color-bg-brand-softest);
    --color-graph-warning-stroke: var(--color-text-warning);
    --color-graph-warning-fill: var(--color-bg-warning-softest);
    --color-graph-disabled-stroke: var(--color-text-disabled);
    --color-graph-disabled-fill: var(--color-bg-disabled);
    --rich-text-container-color: #ffd8e7;
    --rich-text-text-color: #722f53;
    --rich-text-decorations-color: #ffafd4
}

[data-color-scheme=light] .invert-on-light {
    filter: invert()
}

[data-color-scheme=light][data-contrast=high],[data-contrast=high] [data-color-scheme=light] {
    --color-text-primary: var(--color-black);
    --color-text-secondary: var(--color-grey-800);
    --color-text-tertiary: var(--color-grey-700);
    --color-text-brand: var(--color-indigo-600);
    --color-bg-error-base: var(--color-red-800);
    --color-border-primary: var(--color-grey-300)
}

html {
    color: var(--color-text-primary);
    background: var(--color-bg-primary)
}

html.custom-scrollbars {
    scrollbar-color: var(--color-text-secondary) var(--color-bg-secondary)
}

html {
    --outline-focus-default: 2px solid var(--color-border-brand);
    --avatar-border-radius: 8px;
    --max-media-height-small: 460px;
    --max-media-height-large: 566px;
    --text-x-direction: 1
}

html.rtl {
    --text-x-direction: -1
}

html {
    --column-header-height: 62px;
    scroll-padding-top: var(--column-header-height)
}

html:has(.layout-multi-column) {
    --column-header-height: 0
}

html.has-modal,html.has-modal body {
    touch-action: none;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: auto;
    scrollbar-gutter: stable
}

html.has-modal body {
    overflow: hidden!important
}

body {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    text-rendering: optimizelegibility;
    font-family: mastodon-font-sans-serif,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px
}

body:not(:lang(ja)) {
    font-feature-settings: "kern"
}

body {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: #0000;
    -webkit-tap-highlight-color: transparent
}

.system-font body {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,mastodon-font-sans-serif,sans-serif
}

body.app-body {
    padding: 0;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    box-sizing: border-box
}

body.app-body.layout-single-column {
    height: auto;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: scroll
}

body.app-body.layout-multiple-columns {
    width: 100%;
    height: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    position: absolute
}

body.player {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden
}

body.player>div {
    height: 100%
}

body.player .video-player video {
    width: 100%;
    height: 100%;
    max-height: 100vh
}

body.player .media-gallery {
    border-radius: 0;
    margin-top: 0;
    height: 100%!important
}

body.player .media-gallery__item {
    border-radius: 0
}

body.embed {
    margin: 0;
    padding-bottom: 0;
    overflow: hidden
}

body.admin {
    background: var(--color-bg-primary);
    padding: 0
}

body.error {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    position: absolute
}

body.error .dialog {
    vertical-align: middle;
    margin: 20px
}

body.error .dialog__illustration img {
    width: 100%;
    max-width: 470px;
    height: auto;
    margin-top: -120px;
    margin-bottom: -45px;
    display: block
}

body.error .dialog h1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

a:focus {
    outline: var(--outline-focus-default);
    border-radius: 4px
}

a:focus:not(:focus-visible) {
    outline: none
}

button {
    cursor: pointer;
    font-family: inherit
}

button:focus:not(:focus-visible) {
    outline: none
}

.app-holder,.app-holder>div,.app-holder>noscript {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    outline: 0!important
}

.app-holder>noscript,.layout-single-column .app-holder,.layout-single-column .app-holder>div {
    min-height: 100vh;
    min-height: 100dvh
}

.layout-multiple-columns .app-holder,.layout-multiple-columns .app-holder>div {
    height: 100%
}

.error-boundary,.app-holder noscript {
    color: var(--color-text-error);
    text-align: center;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7
}

.error-boundary>div,.app-holder noscript>div {
    max-width: 500px
}

.error-boundary p,.app-holder noscript p {
    margin-bottom: .85em
}

.error-boundary p:last-child,.app-holder noscript p:last-child {
    margin-bottom: 0
}

.error-boundary a,.app-holder noscript a {
    color: var(--color-text-brand)
}

.error-boundary a:hover,.error-boundary a:focus,.error-boundary a:active,.app-holder noscript a:hover,.app-holder noscript a:focus,.app-holder noscript a:active {
    -webkit-text-decoration: none;
    text-decoration: none
}

.error-boundary__footer,.app-holder noscript__footer {
    color: var(--color-text-secondary);
    font-size: 13px
}

.error-boundary__footer a,.app-holder noscript__footer a {
    color: var(--color-text-secondary)
}

.error-boundary button,.app-holder noscript button {
    color: var(--color-text-secondary);
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    transition: color .3s linear;
    display: inline
}

.error-boundary button:hover,.error-boundary button:focus,.error-boundary button:active,.app-holder noscript button:hover,.app-holder noscript button:focus,.app-holder noscript button:active {
    -webkit-text-decoration: none;
    text-decoration: none
}

.error-boundary button.copied,.app-holder noscript button.copied {
    color: var(--mas-status-success-color);
    transition: none
}

.logo-resources {
    visibility: hidden;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    top: 0;
    z-index: -1000;
    width: 0;
    height: 0;
    position: absolute;
    inset-inline-start: 0;
    overflow: hidden
}

body .__ns__pop2top,div .__ns__pop2top,article .__ns__pop2top {
    z-index: unset!important
}

.logo {
    color: var(--color-text-primary)
}

.container-alt {
    width: 700px;
    margin: 0 auto
}

@media screen and (max-width: 740px) {
    .container-alt {
        width:100%;
        margin: 0
    }
}

.logo-container {
    margin: 50px auto
}

.logo-container a {
    width: min-content;
    color: var(--color-text-primary);
    outline: 0;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.logo-container a:focus-visible {
    outline: var(--outline-focus-default)
}

.logo-container .logo {
    height: 42px;
    margin-inline-end:10px}

.compose-standalone .compose-form {
    box-sizing: border-box;
    width: 400px;
    margin: 0 auto;
    padding: 10px 0 20px
}

@media screen and (max-width: 400px) {
    .compose-standalone .compose-form {
        width:100%;
        padding: 20px
    }
}

.account-header {
    box-sizing: border-box;
    margin: 0 auto;
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    gap: 10px;
    width: 400px;
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

@media screen and (max-width: 440px) {
    .account-header {
        width:100%;
        margin: 0;
        padding: 20px
    }
}

.account-header .avatar {
    flex: none;
    width: 48px;
    height: 48px
}

.account-header .avatar img {
    border-radius: var(--avatar-border-radius);
    width: 100%;
    height: 100%;
    margin: 0;
    display: block
}

.account-header .name {
    color: var(--color-text-primary);
    flex: auto
}

.account-header .name .username {
    text-overflow: ellipsis;
    color: var(--color-text-primary);
    font-size: 16px;
    line-height: 24px;
    display: block;
    overflow: hidden
}

.account-header .logout-link {
    flex: none;
    font-size: 32px;
    line-height: 40px;
    display: block
}

.redirect {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-size: 14px;
    line-height: 18px;
    display: flex
}

.redirect__logo {
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    display: flex
}

.redirect__logo img {
    height: 48px
}

.redirect__message {
    text-align: center
}

.redirect__message h1 {
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px
}

.redirect__message p {
    margin-bottom: 30px
}

.redirect__message p:last-child {
    margin-bottom: 0
}

.redirect__message a {
    color: var(--color-text-brand);
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.redirect__message a:hover,.redirect__message a:focus,.redirect__message a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.redirect__link {
    margin-top: 15px
}

.no-list {
    list-style: none
}

.no-list li {
    margin: 0 5px;
    display: inline-block
}

.recovery-codes {
    margin: 0 auto;
    list-style: none
}

.recovery-codes li {
    letter-spacing: 1px;
    font-size: 125%;
    line-height: 1.5
}

.directory__tag {
    box-sizing: border-box;
    margin-bottom: 10px
}

.directory__tag>a,.directory__tag>div {
    border: 1px solid var(--color-border-primary);
    color: inherit;
    box-shadow: 0 0 15px var(--color-shadow-primary);
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.directory__tag>a:hover,.directory__tag>a:active,.directory__tag>a:focus {
    background: var(--color-bg-primary)
}

.directory__tag.active>a {
    background: var(--color-bg-brand-base);
    cursor: default
}

.directory__tag.disabled>div {
    opacity: .5;
    cursor: default
}

.directory__tag h4 {
    color: var(--color-text-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: auto;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden
}

.directory__tag h4 small {
    color: var(--color-text-secondary);
    margin-top: 8px;
    font-size: 15px;
    font-weight: 400;
    display: block
}

.directory__tag.active h4,.directory__tag.active h4 small,.directory__tag.active h4 .trends__item__current {
    color: var(--color-text-primary)
}

.directory__tag .avatar-stack {
    flex: none;
    width: 120px
}

.directory__tag.active .avatar-stack .account__avatar {
    border-color: var(--color-border-brand)
}

.directory__tag .trends__item__current {
    padding-inline-end:0}

.accounts-table {
    width: 100%
}

.accounts-table .account {
    border: 0;
    max-width: calc(56px + 30ch);
    padding: 0
}

.accounts-table strong {
    font-weight: 700
}

.accounts-table thead th {
    text-align: center;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    padding: 10px;
    font-weight: 700
}

.accounts-table thead th:first-child {
    text-align: start
}

.accounts-table tbody td {
    vertical-align: middle;
    border-bottom: 1px solid var(--color-border-primary);
    padding: 15px 0
}

.accounts-table tbody tr:last-child td {
    border-bottom: 0
}

.accounts-table__count {
    text-align: center;
    width: 120px;
    color: var(--color-text-primary);
    font-size: 15px;
    font-weight: 500
}

.accounts-table__count small {
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    display: block
}

.accounts-table tbody td.accounts-table__extra {
    text-align: end;
    width: 120px;
    color: var(--color-text-secondary);
    padding-inline-end:16px}

.accounts-table tbody td.accounts-table__extra a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.accounts-table tbody td.accounts-table__extra a:focus,.accounts-table tbody td.accounts-table__extra a:hover,.accounts-table tbody td.accounts-table__extra a:active {
    color: var(--color-text-brand)
}

.accounts-table__comment {
    width: 50%;
    vertical-align: initial!important
}

.accounts-table tbody td.accounts-table__interrelationships {
    width: 21px;
    padding-inline-end:16px}

.accounts-table .icon.active {
    color: var(--color-text-brand)
}

.accounts-table .icon.passive {
    color: var(--color-text-warning)
}

.accounts-table .icon.active.passive {
    color: var(--color-text-success)
}

@media screen and (max-width: 1175px) {
    .accounts-table tbody td.optional {
        display:none
    }
}

code {
    font-family: mastodon-font-monospace,monospace;
    font-weight: 400
}

.form-container {
    padding: 20px;
    max-width: 450px;
    margin: 50px auto;
    padding-bottom: 50px
}

.form-section {
    background: var(--color-bg-secondary);
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 24px
}

.fade-out-top {
    max-width: 566px;
    height: 160px;
    margin-inline:auto;position: relative;
    overflow: hidden
}

.fade-out-top:after {
    content: "";
    background: linear-gradient(to bottom, var(--color-bg-secondary), transparent);
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    inset-inline-start: 0
}

.fade-out-top>div {
    inset-inline-start: 0;
    position: absolute;
    bottom: 0
}

.indicator-icon {
    width: 40px;
    height: 40px;
    color: var(--color-text-primary);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.indicator-icon.success {
    color: var(--color-text-on-success-base);
    background: var(--color-bg-success-base)
}

.indicator-icon.failure {
    color: var(--color-text-on-error-base);
    background: var(--color-bg-error-base)
}

.simple_form h3 {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600
}

.simple_form .numbered-list {
    margin-bottom: 16px;
    margin-inline-start:28px;font-size: 16px;
    line-height: 24px;
    list-style: decimal
}

.simple_form .numbered-list li {
    margin-bottom: 4px
}

.simple_form.hidden {
    display: none
}

.simple_form .input {
    margin-bottom: 16px
}

.simple_form .input:last-child {
    margin-bottom: 0
}

.simple_form .input__toolbar {
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    display: flex
}

.simple_form .input__toolbar .character-counter {
    flex: none
}

.simple_form .input.hidden {
    margin: 0
}

.simple_form .input.radio_buttons .radio {
    margin-bottom: 15px
}

.simple_form .input.radio_buttons .radio:last-child {
    margin-bottom: 0
}

.simple_form .input.radio_buttons .radio>label {
    padding-inline-start:28px;position: relative
}

.simple_form .input.radio_buttons .radio>label input {
    top: -2px;
    position: absolute;
    inset-inline-start: 0
}

.simple_form .input.boolean {
    margin-bottom: 0;
    position: relative
}

.simple_form .input.boolean .label_input>label {
    color: var(--color-text-primary);
    width: auto;
    padding-top: 5px;
    font-family: inherit;
    font-size: 14px;
    display: block
}

.simple_form .input.boolean .label_input,.simple_form .input.boolean .hint {
    padding-inline-start:28px}

.simple_form .input.boolean .label_input__wrapper {
    position: static
}

.simple_form .input.boolean label.checkbox {
    top: 2px;
    position: absolute;
    inset-inline-start: 0
}

.simple_form .input.boolean label a {
    color: var(--color-text-brand);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.simple_form .input.boolean label a:hover,.simple_form .input.boolean label a:active,.simple_form .input.boolean label a:focus {
    -webkit-text-decoration: none;
    text-decoration: none
}

.simple_form .input.boolean .overridden,.simple_form .input.boolean .recommended,.simple_form .input.boolean .not_recommended {
    margin: -2px 4px 0;
    position: absolute
}

.simple_form .row {
    margin: 0 -5px;
    display: flex
}

.simple_form .row .input {
    box-sizing: border-box;
    flex: auto;
    width: 50%;
    padding: 0 5px
}

.simple_form .title {
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px
}

.simple_form .lead {
    color: var(--color-text-primary);
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 22px
}

.simple_form .lead.invited-by {
    margin-bottom: 15px
}

.simple_form .lead a {
    color: var(--color-text-brand)
}

.simple_form .rules-list {
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 22px
}

.simple_form .hint {
    color: var(--color-text-secondary)
}

.simple_form .hint a {
    color: var(--color-text-brand)
}

.simple_form .hint code {
    background: var(--color-bg-secondary);
    border-radius: 3px;
    padding: .2em .4em
}

.simple_form .hint li {
    margin-inline-start:18px;list-style: outside
}

.simple_form .hint .icon {
    vertical-align: -3px
}

.simple_form ul.hint {
    margin-bottom: 15px
}

.simple_form span.hint {
    margin-top: 4px;
    font-size: 12px;
    display: block
}

.simple_form p.hint {
    color: var(--color-text-secondary);
    margin-bottom: 15px
}

.simple_form p.hint.subtle-hint {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px
}

.simple_form .authentication-hint {
    margin-bottom: 25px
}

.simple_form .card {
    margin-bottom: 15px
}

.simple_form strong {
    font-weight: 500
}

.simple_form strong:lang(ja),.simple_form strong:lang(ko),.simple_form strong:lang(zh-CN),.simple_form strong:lang(zh-HK),.simple_form strong:lang(zh-TW) {
    font-weight: 700
}

.simple_form .input.with_floating_label .label_input {
    display: flex
}

.simple_form .input.with_floating_label .label_input>label {
    color: var(--color-text-primary);
    flex: none;
    min-width: 150px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500
}

.simple_form .input.with_floating_label .label_input input,.simple_form .input.with_floating_label .label_input select {
    flex: auto
}

.simple_form .input.with_floating_label.select .hint {
    margin-top: 6px;
    margin-inline-start:150px}

.simple_form .input.with_label .label_input>label {
    color: var(--color-text-primary);
    overflow-wrap: break-word;
    margin-bottom: 8px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    display: block
}

.simple_form .input.with_label .hint {
    margin-top: 6px
}

.simple_form .input.with_label ul {
    flex: 390px
}

.simple_form .input.with_block_label {
    max-width: none
}

.simple_form .input.with_block_label>label {
    color: var(--color-text-primary);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: block
}

.simple_form .input.with_block_label .hint {
    margin-bottom: 12px;
    line-height: 16px
}

.simple_form .input.with_block_label ul {
    -moz-columns: 2;
    columns: 2
}

@media screen and (max-width: 630px) {
    .simple_form .input.with_block_label ul {
        -moz-columns:1;
        columns: 1
    }
}

.simple_form .input.with_block_label.user_role_permissions_as_keys ul {
    -moz-columns: unset;
    columns: unset
}

.simple_form .input.datetime .label_input,.simple_form .input.date .label_input {
    align-items: center;
    gap: 4px;
    display: flex
}

.simple_form .input.datetime .label_input select,.simple_form .input.date .label_input select {
    flex: 0;
    width: auto;
    display: inline-block
}

.simple_form .input.date_of_birth .label_input {
    align-items: center;
    gap: 8px;
    display: flex
}

.simple_form .input.date_of_birth .label_input input {
    box-sizing: content-box;
    flex: 0;
    width: 32px
}

.simple_form .input.date_of_birth .label_input input:last-child {
    width: 64px
}

.simple_form .input.select.select--languages {
    min-width: 32ch
}

.simple_form .required abbr {
    color: var(--color-text-error);
    -webkit-text-decoration: none;
    text-decoration: none
}

.simple_form .fields-group {
    margin-bottom: 25px
}

.simple_form .fields-group .input:last-child {
    margin-bottom: 0
}

.simple_form .fields-group__thumbnail {
    border-radius: var(--avatar-border-radius);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAF0lEQVR4AWM4gwr+o4IBlUbjo6keSGkA4ToNAlhcP1oAAAAASUVORK5CYII=);
    max-width: 100%;
    height: auto;
    margin: 0 0 10px;
    display: block
}

.simple_form .fields-group__thumbnail[src$=missing\.png] {
    visibility: hidden
}

.simple_form .fields-group__thumbnail:last-child {
    margin-bottom: 0
}

.simple_form .fields-group__thumbnail#account_avatar-preview {
    object-fit: cover;
    width: 90px;
    height: 90px
}

.simple_form .fields-row {
    margin: 0 -10px 25px;
    padding-top: 5px;
    display: flex
}

.simple_form .fields-row .input {
    max-width: none
}

.simple_form .fields-row__column {
    box-sizing: border-box;
    flex: auto;
    min-height: 1px;
    padding: 0 10px
}

.simple_form .fields-row__column-6 {
    max-width: 50%
}

.simple_form .fields-row__column .actions {
    margin-top: 27px
}

.simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group {
    margin-bottom: 0
}

@media screen and (max-width: 600px) {
    .simple_form .fields-row {
        margin-bottom:0;
        display: block
    }

    .simple_form .fields-row__column {
        max-width: none
    }

    .simple_form .fields-row .fields-group:last-child,.simple_form .fields-row .fields-row__column.fields-group,.simple_form .fields-row .fields-row__column {
        margin-bottom: 25px
    }
}

.simple_form .fields-row .fields-group.invited-by {
    margin-bottom: 30px
}

.simple_form .fields-row .fields-group.invited-by .hint {
    text-align: center
}

.simple_form .input.radio_buttons .radio label {
    color: var(--color-text-primary);
    width: auto;
    margin-bottom: 5px;
    font-family: inherit;
    font-size: 14px;
    display: block
}

.simple_form .input.radio_buttons .radio input[type=radio] {
    accent-color: var(--color-text-brand);
    width: 15px;
    height: 15px
}

.simple_form .check_boxes .checkbox label {
    color: var(--color-text-primary);
    padding-top: 5px;
    flex: auto;
    width: auto;
    padding-inline-start:25px;font-family: inherit;
    font-size: 14px;
    display: inline-block;
    position: relative
}

.simple_form .check_boxes .checkbox input[type=checkbox] {
    inset-inline-start: 0;
    margin: 0;
    position: absolute;
    top: 5px
}

.simple_form .check_boxes .checkbox.disabled {
    opacity: .5
}

.simple_form label.checkbox input[type=checkbox] {
    accent-color: var(--color-text-brand);
    width: 15px;
    height: 15px
}

.simple_form .input.static .label_input__wrapper {
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    padding: 10px;
    font-size: 14px
}

.simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form input[type=url],.simple_form input[type=datetime-local],.simple_form textarea {
    box-sizing: border-box;
    color: var(--color-text-primary);
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    outline: var(--outline-focus-default);
    outline-offset: -2px;
    border-radius: 4px;
    outline-color: #0000;
    width: 100%;
    padding: 10px 16px;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    transition: outline-color .15s ease-out;
    display: block
}

.simple_form input[type=text]:focus,.simple_form input[type=number]:focus,.simple_form input[type=email]:focus,.simple_form input[type=password]:focus,.simple_form input[type=url]:focus,.simple_form input[type=datetime-local]:focus,.simple_form textarea:focus {
    outline: var(--outline-focus-default)
}

.simple_form input[type=text]:invalid,.simple_form input[type=number]:invalid,.simple_form input[type=email]:invalid,.simple_form input[type=password]:invalid,.simple_form input[type=url]:invalid,.simple_form input[type=datetime-local]:invalid,.simple_form textarea:invalid {
    box-shadow: none
}

.simple_form input[type=text]:required:valid,.simple_form input[type=number]:required:valid,.simple_form input[type=email]:required:valid,.simple_form input[type=password]:required:valid,.simple_form input[type=url]:required:valid,.simple_form input[type=datetime-local]:required:valid,.simple_form textarea:required:valid {
    border-color: var(--color-text-success)
}

@media screen and (max-width: 600px) {
    .simple_form input[type=text],.simple_form input[type=number],.simple_form input[type=email],.simple_form input[type=password],.simple_form input[type=url],.simple_form input[type=datetime-local],.simple_form textarea {
        font-size:16px
    }
}

.simple_form textarea {
    resize: vertical
}

:is(.simple_form input[type=text]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=text]:required:user-invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=number]:required:user-invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=email]:required:user-invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=password]:required:user-invalid:not(:placeholder-shown),.simple_form input[type=datetime-local]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=datetime-local]:required:user-invalid:not(:placeholder-shown)),:is(.simple_form input[type=text]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=text]:required:user-invalid:not(:placeholder-shown),.simple_form input[type=number]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=number]:required:user-invalid:not(:placeholder-shown),.simple_form input[type=email]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=email]:required:user-invalid:not(:placeholder-shown),.simple_form input[type=password]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=password]:required:user-invalid:not(:placeholder-shown),.simple_form input[type=datetime-local]:focus:user-invalid:not(:placeholder-shown),.simple_form input[type=datetime-local]:required:user-invalid:not(:placeholder-shown)) {
    border-color: var(--color-border-error)
}

.simple_form .input.field_with_errors label {
    color: var(--color-text-error)
}

.simple_form .input.field_with_errors .error {
    color: var(--color-text-error);
    margin-top: 4px;
    font-weight: 500;
    display: block
}

.simple_form .input.disabled {
    opacity: .5
}

.simple_form .actions {
    gap: 10px;
    margin-top: 30px;
    display: flex
}

.simple_form .actions.actions--top {
    margin-top: 0;
    margin-bottom: 30px
}

.simple_form .stacked-actions {
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 15px;
    display: flex
}

.simple_form .btn {
    background: var(--color-bg-brand-base);
    width: 100%;
    color: var(--color-text-on-brand-base);
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    border: 0;
    border-radius: 4px;
    outline: 0;
    height: auto;
    padding: 7px 18px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block
}

.simple_form .btn:last-child {
    margin-inline-end:0}

.simple_form .btn:focus-visible {
    outline: var(--outline-focus-default);
    outline-offset: 2px
}

.simple_form .btn:active,.simple_form .btn:focus,.simple_form .btn:hover {
    background: var(--color-bg-brand-base-hover)
}

.simple_form .btn:disabled,.simple_form .btn:disabled:hover {
    color: var(--color-text-on-disabled);
    background: var(--color-bg-disabled)
}

.simple_form .btn.negative {
    background: var(--color-bg-error-base)
}

.simple_form .btn.negative:hover,.simple_form .btn.negative:active,.simple_form .btn.negative:focus {
    background: var(--color-bg-error-base-hover)
}

.simple_form select {
    appearance: none;
    box-sizing: border-box;
    color: var(--color-text-primary);
    resize: vertical;
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    outline: 0;
    width: 100%;
    height: 41px;
    padding-inline:10px 30px;font-family: inherit;
    font-size: 14px;
    display: block
}

.simple_form select:focus-visible {
    outline: var(--outline-focus-default);
    outline-offset: 2px
}

@media screen and (max-width: 600px) {
    .simple_form select {
        font-size:16px
    }
}

.simple_form h4 {
    margin-bottom: 15px!important
}

.simple_form .label_input {
    position: relative
}

.simple_form .label_input__loading-indicator {
    box-sizing: border-box;
    top: 0;
    border: 1px solid #0000;
    width: 100%;
    padding: 10px 16px;
    position: absolute;
    inset-inline-start: 0
}

.simple_form .label_input__wrapper {
    position: relative
}

.simple_form .label_input__append {
    inset-inline-end: 3px;
    color: var(--color-text-tertiary);
    pointer-events: none;
    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50%;
    padding: 10px;
    font-family: inherit;
    font-size: 14px;
    position: absolute;
    top: 1px;
    overflow: hidden
}

.simple_form .label_input__append:after {
    content: "";
    top: 0;
    inset-inline-end: 0;
    width: 5px;
    display: block;
    position: absolute;
    bottom: 1px
}

.simple_form .horizontal-options .label_input__wrapper {
    flex-wrap: wrap;
    gap: 20px;
    display: flex
}

.simple_form .horizontal-options .label_input__wrapper .radio,.simple_form .horizontal-options .label_input__wrapper .radio>label {
    margin-bottom: 0
}

.simple_form .status-card {
    contain: unset
}

.simple_form .input.field_with_errors input[type=text],.simple_form .input.field_with_errors input[type=number],.simple_form .input.field_with_errors input[type=email],.simple_form .input.field_with_errors input[type=password],.simple_form .input.field_with_errors input[type=datetime-local],.simple_form .input.field_with_errors textarea,.simple_form .input.field_with_errors select,[data-has-error=true] input[type=text],[data-has-error=true] input[type=number],[data-has-error=true] input[type=email],[data-has-error=true] input[type=password],[data-has-error=true] input[type=datetime-local],[data-has-error=true] textarea,[data-has-error=true] select {
    border-color: var(--color-border-error)
}

.select-wrapper,.select .label_input__wrapper {
    width: 100%;
    position: relative
}

.select-wrapper:after,.select .label_input__wrapper:after {
    --icon-size: 11px;
    content: "";
    top: 0;
    bottom: 0;
    width: var(--icon-size);
    background-color: var(--color-text-tertiary);
    pointer-events: none;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='black'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='black'/></svg>");
    -webkit-mask-position: 100%;
    mask-position: 100%;
    -webkit-mask-size: var(--icon-size);
    -webkit-mask-size: var(--icon-size);
    mask-size: var(--icon-size);
    position: absolute;
    inset-inline-end: 9px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.block-icon {
    margin: 0 auto 10px;
    font-size: 24px;
    display: block
}

.flash-message {
    color: var(--color-text-brand);
    border: 1px solid var(--color-border-brand);
    text-align: center;
    background: 0 0;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 15px 10px
}

.flash-message.notice {
    border: 1px solid var(--color-border-success-soft);
    background: var(--color-bg-success-softest);
    color: var(--color-text-success)
}

.flash-message.warning {
    border: 1px solid var(--color-border-warning-soft);
    background: var(--color-bg-warning-softest);
    color: var(--color-text-warning)
}

.flash-message.alert {
    border: 1px solid var(--color-border-error-soft);
    background: var(--color-bg-error-softest);
    color: var(--color-text-error)
}

.flash-message.hidden {
    display: none
}

@media screen and (pointer: coarse) {
    .flash-message.hidden-on-touch-devices {
        display:none
    }
}

.flash-message a {
    color: var(--color-text-secondary);
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-block
}

.flash-message a:hover {
    color: var(--color-text-primary);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.flash-message.warning a {
    color: inherit;
    font-weight: 700;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.flash-message.warning a:hover,.flash-message.warning a:focus,.flash-message.warning a:active {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.flash-message p {
    margin-bottom: 15px
}

.flash-message .oauth-code {
    box-sizing: border-box;
    background: var(--color-bg-secondary);
    width: 100%;
    color: var(--color-text-primary);
    border: 0;
    outline: 0;
    margin: 0;
    padding: 10px;
    font-family: mastodon-font-monospace,monospace;
    font-size: 14px;
    display: block
}

.flash-message .oauth-code::-moz-focus-inner {
    border: 0
}

.flash-message .oauth-code:focus,.flash-message .oauth-code:active {
    outline: 0!important
}

.flash-message .oauth-code::-moz-focus-inner {
    outline: 0!important
}

.flash-message .oauth-code:focus {
    background: var(--color-bg-brand-softest)
}

.flash-message strong {
    font-weight: 500
}

.flash-message strong:lang(ja),.flash-message strong:lang(ko),.flash-message strong:lang(zh-CN),.flash-message strong:lang(zh-HK),.flash-message strong:lang(zh-TW) {
    font-weight: 700
}

@media screen and (min-width: 440.02px) and (max-width:740px) {
    .flash-message {
        margin-top:40px
    }
}

.flash-message.translation-prompt {
    text-align: unset;
    color: unset
}

.flash-message.translation-prompt a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.flash-message-stack {
    margin-bottom: 30px
}

.flash-message-stack .flash-message {
    border-top-width: 0;
    border-radius: 0;
    margin-bottom: 0
}

.flash-message-stack .flash-message:first-child {
    border-top-width: 1px;
    border-radius: 4px 4px 0 0
}

.flash-message-stack .flash-message:last-child {
    border-radius: 0 0 4px 4px
}

.flash-message-stack .flash-message:last-child:first-child {
    border-radius: 4px
}

.form-footer {
    text-align: center;
    margin-top: 30px
}

.form-footer a {
    color: var(--color-text-secondary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.form-footer a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.quick-nav {
    margin-bottom: 25px;
    font-size: 14px;
    list-style: none
}

.quick-nav li {
    margin-inline-end:10px;display: inline-block
}

.quick-nav a {
    color: var(--color-text-brand);
    text-transform: uppercase;
    font-weight: 700;
    -webkit-text-decoration: none;
    text-decoration: none
}

.quick-nav a:hover,.quick-nav a:focus,.quick-nav a:active {
    color: var(--color-text-brand-soft)
}

.oauth-prompt,.follow-prompt {
    color: var(--color-text-secondary);
    margin-bottom: 30px
}

.oauth-prompt h2,.follow-prompt h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px
}

.oauth-prompt strong,.follow-prompt strong {
    color: var(--color-text-primary);
    font-weight: 500
}

.oauth-prompt strong:lang(ja),.follow-prompt strong:lang(ja),.oauth-prompt strong:lang(ko),.follow-prompt strong:lang(ko),.oauth-prompt strong:lang(zh-CN),.follow-prompt strong:lang(zh-CN),.oauth-prompt strong:lang(zh-HK),.follow-prompt strong:lang(zh-HK),.oauth-prompt strong:lang(zh-TW),.follow-prompt strong:lang(zh-TW) {
    font-weight: 700
}

.oauth-prompt h3 {
    color: var(--color-text-primary);
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px
}

.oauth-prompt p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 18px
}

.oauth-prompt .permissions-list {
    border: 1px solid var(--color-border-primary);
    background: var(--color-bg-secondary);
    border-radius: 4px;
    margin-bottom: 30px
}

.oauth-prompt .actions {
    margin: 0 -10px;
    display: flex
}

.oauth-prompt .actions form {
    box-sizing: border-box;
    flex: auto;
    width: 50%;
    min-height: 1px;
    padding: 0 10px
}

.qr-wrapper {
    flex-wrap: wrap;
    align-items: flex-start;
    display: flex
}

.qr-code {
    box-shadow: 0 0 15px var(--color-shadow-primary);
    background: #fff;
    flex: none;
    margin: 0 10px 20px 0;
    padding: 4px;
    display: inline-block
}

.qr-code svg {
    margin: 0;
    display: block
}

.qr-alternative {
    color: var(--color-text-primary);
    flex: 150px;
    margin-bottom: 20px
}

.qr-alternative samp {
    font-size: 14px;
    display: block
}

.action-pagination {
    flex-wrap: wrap;
    align-items: center;
    display: flex
}

.action-pagination .actions,.action-pagination .pagination {
    flex: auto
}

.action-pagination .actions {
    flex: none;
    padding: 30px 0;
    padding-inline-end:20px}

.post-follow-actions {
    text-align: center;
    color: var(--color-text-secondary)
}

.post-follow-actions div {
    margin-bottom: 4px
}

.alternative-login {
    margin-top: 20px;
    margin-bottom: 20px
}

.alternative-login h4 {
    color: var(--color-text-primary);
    text-align: center;
    border: 0;
    margin-bottom: 20px;
    padding: 0;
    font-size: 16px
}

.alternative-login .button {
    display: block
}

.scope-danger {
    color: var(--color-text-error)
}

.form_admin_settings_site_short_description textarea,.form_admin_settings_site_description textarea,.form_admin_settings_site_extended_description textarea,.form_admin_settings_site_terms textarea,.form_admin_settings_custom_css textarea,.form_admin_settings_closed_registrations_message textarea {
    font-family: mastodon-font-monospace,monospace
}

.input-copy {
    color: var(--color-text-primary);
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    align-items: center;
    padding-inline-end:4px;transition: border-color .3s linear;
    display: flex;
    position: relative;
    top: 1px
}

.input-copy__wrapper {
    flex: auto
}

.input-copy input[type=text] {
    background: 0 0;
    border: 0;
    padding: 10px;
    font-family: mastodon-font-monospace,monospace;
    font-size: 14px
}

.input-copy button {
    text-transform: none;
    padding: 7px 18px;
    flex: none;
    width: auto;
    margin: 4px;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 400;
    transition: background .3s linear
}

.input-copy.copied {
    border-color: var(--color-text-success);
    transition: none
}

.input-copy.copied button {
    background: var(--color-bg-success-base);
    transition: none
}

.input.user_confirm_password:not(.field_with_errors),.input.user_website:not(.field_with_errors) {
    display: none
}

.simple_form .h-captcha {
    justify-content: center;
    margin-bottom: 30px;
    display: flex
}

.permissions-list__item {
    color: var(--color-text-primary);
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    padding: 15px;
    display: flex
}

.permissions-list__item__text {
    flex: auto
}

.permissions-list__item__text__title {
    font-weight: 500
}

.permissions-list__item__text__type {
    color: var(--color-text-secondary);
    overflow-wrap: anywhere
}

.permissions-list__item__icon {
    width: 30px;
    color: var(--color-text-success);
    flex: none;
    align-items: center;
    font-size: 18px;
    display: flex
}

.permissions-list__item:last-child {
    border-bottom: 0
}

.applications-list .permissions-list__item:last-child {
    padding-bottom: 0
}

.keywords-table thead th {
    white-space: nowrap
}

.keywords-table thead th:first-child {
    width: 100%
}

.keywords-table tfoot td {
    border: 0
}

.keywords-table .input.string {
    margin-bottom: 0
}

.keywords-table .label_input__wrapper {
    margin-top: 10px
}

.keywords-table .table-action-link {
    white-space: nowrap;
    margin-top: 10px
}

.progress-tracker {
    --circle-size: 30px;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
    display: flex
}

.progress-tracker li {
    --connector-color: var(--color-border-primary);
    --connector-thickness: 2px;
    position: relative
}

.progress-tracker li.completed {
    --connector-color: var(--color-bg-brand-base)
}

.progress-tracker li:not(:last-child) {
    flex-grow: 1
}

.progress-tracker li:not(:last-child):after {
    content: "";
    inset-inline: var(--circle-size) 0;
    background-color: var(--connector-color);
    height: 2px;
    top: calc((var(--circle-size) - var(--connector-thickness)) / 2);
    display: block;
    position: absolute
}

.progress-tracker .circle {
    box-sizing: border-box;
    width: var(--circle-size);
    height: var(--circle-size);
    border: 2px solid var(--color-border-primary);
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.progress-tracker .circle svg {
    width: 16px
}

.progress-tracker .label {
    color: var(--color-text-primary);
    text-align: center;
    width: 100px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    transform: translate(-33.3333%)
}

.progress-tracker li:first-child .label {
    text-align: start;
    inset-inline: 0 auto;
    transform: none
}

.progress-tracker li:last-child .label {
    text-align: end;
    inset-inline: auto 0;
    transform: none
}

.progress-tracker [aria-current=step] .circle {
    border-color: var(--color-bg-brand-base)
}

.progress-tracker [aria-current=step] .circle:before {
    content: "";
    background: var(--color-bg-brand-base);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.progress-tracker .completed .circle {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base);
    border-color: var(--color-bg-brand-base)
}

.app-form {
    padding: 16px
}

.app-form__avatar-input,.app-form__header-input {
    background: var(--color-bg-secondary);
    cursor: pointer;
    border-radius: 8px;
    display: block;
    position: relative
}

.app-form__avatar-input:hover,.app-form__header-input:hover {
    background-color: var(--color-bg-brand-softest)
}

.app-form__avatar-input img,.app-form__header-input img {
    object-fit: cover;
    z-index: 0;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    position: absolute
}

.app-form__avatar-input .icon,.app-form__header-input .icon {
    inset-inline-start: 50%;
    color: var(--color-text-secondary);
    z-index: 3;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.app-form__avatar-input.selected .icon,.app-form__header-input.selected .icon {
    color: var(--color-text-primary);
    inset-inline: auto 8px;
    top: auto;
    bottom: 8px;
    transform: none
}

.app-form__avatar-input.invalid img,.app-form__header-input.invalid img {
    outline: 1px solid var(--color-border-error);
    outline-offset: -1px
}

.app-form__avatar-input.invalid:before,.app-form__header-input.invalid:before {
    content: "";
    background: var(--color-bg-error-softest);
    z-index: 2;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute
}

.app-form__avatar-input {
    width: 80px;
    height: 80px
}

.app-form__header-input {
    aspect-ratio: 580/193
}

.app-form__toggle {
    color: var(--color-text-secondary);
    align-items: center;
    gap: 16px;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.app-form__toggle .icon {
    flex: none;
    width: 24px;
    height: 24px
}

.app-form__toggle__label {
    flex: auto
}

.app-form__toggle__label strong {
    color: var(--color-text-primary);
    font-weight: 600
}

.app-form__toggle__label .hint {
    color: var(--color-text-secondary);
    font-size: 14px;
    display: block
}

.app-form__toggle__label .recommended {
    margin: -2px 4px 0;
    position: absolute
}

.app-form__toggle__toggle {
    flex: none;
    align-items: center;
    display: flex
}

.app-form__toggle__toggle>div {
    border-inline-start:1px solid var(--color-border-primary);padding-inline-start: 16px;
    display: flex
}

.app-form__link {
    color: var(--color-text-primary);
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    padding: 8px 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.app-form__link__text {
    color: var(--color-text-secondary);
    flex: auto;
    font-size: 14px;
    line-height: 20px
}

.app-form__link__text strong {
    color: var(--color-text-primary);
    font-weight: 600;
    display: block
}

.app-form__link__text .icon {
    vertical-align: -5px;
    width: 20px;
    height: 20px
}

.card>a {
    color: inherit;
    border-radius: 4px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block;
    overflow: hidden
}

.card>a:hover .card__bar,.card>a:active .card__bar,.card>a:focus .card__bar {
    background: var(--color-bg-brand-softest)
}

.card__img {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    border-bottom: none;
    height: 130px;
    position: relative
}

.card__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block
}

@media screen and (max-width: 600px) {
    .card__img {
        height:200px
    }
}

.card__bar {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    border-top: none;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    display: flex;
    position: relative
}

.card__bar .avatar {
    flex: none;
    width: 48px;
    height: 48px;
    padding-top: 2px
}

.card__bar .avatar img {
    background: var(--color-bg-secondary);
    object-fit: cover;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block
}

.card__bar .display-name {
    text-align: start;
    margin-inline-start:15px}

.card__bar .display-name svg[data-hidden] {
    display: none
}

.card__bar .display-name strong {
    color: var(--color-text-primary);
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden
}

.card__bar .display-name span {
    color: var(--color-text-secondary);
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    display: block;
    overflow: hidden
}

.pagination {
    text-align: center;
    padding: 30px 0;
    overflow: hidden
}

.pagination a,.pagination .current,.pagination .newer,.pagination .older,.pagination .page,.pagination .gap {
    color: var(--color-text-primary);
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-block
}

.pagination .current {
    color: var(--color-bg-primary);
    background: var(--color-text-primary);
    cursor: default;
    border-radius: 100px;
    margin: 0 10px
}

.pagination .gap {
    cursor: default
}

.pagination .older,.pagination .newer {
    text-transform: uppercase;
    color: var(--color-text-primary)
}

.pagination .older {
    float: left;
    padding-inline-start:0}

.pagination .newer {
    float: right;
    padding-inline-end:0}

.pagination .disabled {
    cursor: default;
    color: var(--color-text-disabled)
}

@media screen and (max-width: 700px) {
    .pagination {
        padding:30px 20px
    }

    .pagination .page {
        display: none
    }

    .pagination .newer,.pagination .older {
        display: inline-block
    }
}

.nothing-here {
    color: var(--color-text-secondary);
    background: var(--color-bg-primary);
    text-align: center;
    cursor: default;
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    min-height: 30vh;
    padding: 20px;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

@media screen and (min-width: 1174px) {
    .nothing-here {
        border-top:0
    }
}

.nothing-here--no-toolbar {
    border-top: 1px solid var(--color-border-primary)
}

.nothing-here--under-tabs {
    border-radius: 0 0 4px 4px
}

.nothing-here--flexible {
    box-sizing: border-box;
    min-height: 100%
}

.information-badge,.simple_form .overridden,.simple_form .recommended,.simple_form .not_recommended {
    cursor: default;
    color: var(--color-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    display: inline-block;
    overflow: hidden
}

.information-badge.superapp {
    color: var(--color-text-success);
    background-color: var(--color-bg-success-softest);
    border-color: var(--color-border-success-soft)
}

.simple_form .not_recommended {
    color: var(--color-text-error);
    background-color: var(--color-bg-error-softest);
    border-color: var(--color-border-error-soft)
}

.directory__tag .trends__item__current {
    width: auto
}

.pending-account__header {
    color: var(--color-text-secondary)
}

.pending-account__header a {
    color: var(--color-text-primary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.pending-account__header a:hover,.pending-account__header a:active,.pending-account__header a:focus {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pending-account__header strong {
    color: var(--color-text-primary);
    font-weight: 700
}

.pending-account__header .warning-hint {
    font-weight: 400!important
}

.pending-account__body {
    margin-top: 10px
}

.batch-table__row--muted,.batch-table__row--muted .pending-account__header,.batch-table__row--muted .pending-account__header a,.batch-table__row--muted .pending-account__header strong,.batch-table__row--muted .accounts-table,.batch-table__row--muted .accounts-table a,.batch-table__row--muted .accounts-table strong,.batch-table__row--muted .name-tag,.batch-table__row--muted .name-tag a,.batch-table__row--muted .name-tag strong {
    color: var(--color-text-tertiary)
}

.batch-table__row--muted .name-tag .avatar {
    opacity: .5
}

.batch-table__row--muted .accounts-table tbody td.accounts-table__extra,.batch-table__row--muted .accounts-table__count,.batch-table__row--muted .accounts-table__count small {
    color: var(--color-text-tertiary)
}

.batch-table__row--attention,.batch-table__row--attention .pending-account__header,.batch-table__row--attention .pending-account__header a,.batch-table__row--attention .pending-account__header strong,.batch-table__row--attention .accounts-table,.batch-table__row--attention .accounts-table a,.batch-table__row--attention .accounts-table strong,.batch-table__row--attention .name-tag,.batch-table__row--attention .name-tag a,.batch-table__row--attention .name-tag strong,.batch-table__row--attention .accounts-table tbody td.accounts-table__extra,.batch-table__row--attention .accounts-table__count,.batch-table__row--attention .accounts-table__count small {
    color: var(--color-text-warning)
}

.app-body {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.animated-number {
    flex-direction: column;
    align-items: stretch;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

.inline-alert {
    color: var(--color-text-success);
    font-weight: 400
}

.no-reduce-motion .inline-alert {
    transition: opacity .2s
}

.link-button {
    color: var(--color-text-brand);
    cursor: pointer;
    background: 0 0;
    border: 0;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block
}

.link-button--destructive {
    color: var(--color-text-error)
}

.link-button:not(:disabled):hover,.link-button:not(:disabled):active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.link-button:disabled {
    color: var(--color-text-primary);
    cursor: default
}

.link-button:focus-visible {
    outline: var(--outline-focus-default)
}

.help-button {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base);
    cursor: pointer;
    border: 0;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex
}

.help-button:active,.help-button:focus,.help-button:hover {
    background: var(--color-bg-brand-base-hover)
}

.help-button:focus-visible {
    outline: var(--outline-focus-default)
}

.help-button .icon {
    width: 14px;
    height: 14px
}

.button {
    background-color: var(--color-bg-brand-base);
    box-sizing: border-box;
    color: var(--color-text-on-brand-base);
    cursor: pointer;
    letter-spacing: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #0000;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: auto;
    padding: 6px 17px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

.button:active,.button:focus,.button:hover {
    background-color: var(--color-bg-brand-base-hover)
}

.button:focus-visible {
    outline: var(--outline-focus-default);
    outline-offset: 2px
}

.button--compact {
    border-radius: 4px;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: normal
}

.button--dangerous {
    background-color: var(--color-bg-error-base);
    color: var(--color-text-on-error-base)
}

.button--dangerous:active,.button--dangerous:focus,.button--dangerous:hover {
    background-color: var(--color-bg-error-base-hover);
    transition: none
}

.button--destructive:active,.button--destructive:focus,.button--destructive:hover {
    color: var(--color-text-on-error-base);
    background-color: var(--color-bg-error-base);
    transition: none
}

.button:disabled,.button.disabled {
    color: var(--color-text-on-disabled);
    background-color: var(--color-bg-disabled);
    cursor: not-allowed
}

.button.copyable {
    transition: background .3s linear
}

.button.copied {
    color: var(--color-text-on-success-base);
    background-color: var(--color-bg-success-base);
    transition: none
}

.button.button-secondary {
    color: var(--color-text-brand);
    border-color: var(--color-border-brand);
    background: 0 0
}

.button.button-secondary:active,.button.button-secondary:focus,.button.button-secondary:hover {
    border-color: var(--color-border-brand);
    color: var(--color-text-brand);
    background-color: #0000;
    -webkit-text-decoration: none;
    text-decoration: none
}

.button.button-secondary.button--destructive:active,.button.button-secondary.button--destructive:focus,.button.button-secondary.button--destructive:hover {
    border-color: var(--color-border-error);
    color: var(--color-text-error)
}

.button.button-secondary:disabled,.button.button-secondary.disabled,.button.button-secondary:disabled:active,.button.button-secondary:disabled:focus,.button.button-secondary:disabled:hover,.button.button-secondary.disabled:active,.button.button-secondary.disabled:focus,.button.button-secondary.disabled:hover {
    border-color: var(--color-text-disabled);
    color: var(--color-text-disabled)
}

.button.button--plain {
    color: var(--color-text-brand);
    background: 0 0;
    margin-inline:-6px;padding: 6px
}

.button.button--plain.button--compact {
    margin-inline:-5px;padding: 5px
}

.button.button--plain:active,.button.button--plain:focus,.button.button--plain:hover {
    color: var(--color-text-brand-soft);
    background-color: #0000;
    border-color: #0000;
    -webkit-text-decoration: none;
    text-decoration: none
}

.button.button--plain:disabled,.button.button--plain.disabled {
    opacity: .7;
    color: var(--color-text-disabled);
    border-color: #0000
}

.button.button--plain:disabled:active,.button.button--plain:disabled:focus,.button.button--plain:disabled:hover,.button.button--plain.disabled:active,.button.button--plain.disabled:focus,.button.button--plain.disabled:hover {
    color: var(--color-text-disabled);
    border-color: #0000
}

.button.button--block {
    width: 100%
}

.button.loading {
    cursor: wait
}

.button.loading .button__label-wrapper {
    opacity: 0
}

.button.loading .loading-indicator {
    position: absolute;
    inset: 0
}

.button .icon {
    width: 18px;
    height: 18px
}

.column__wrapper {
    flex: auto;
    display: flex;
    position: relative
}

.icon {
    aspect-ratio: 1;
    flex: none;
    width: 24px;
    height: 24px
}

.icon:not(.icon--no-fill) path {
    fill: currentColor
}

.icon-button {
    --default-icon-color: var(--color-text-secondary);
    --default-bg-color: transparent;
    --hover-icon-color: var(--color-text-primary);
    --hover-bg-color: var(--color-bg-brand-softest);
    --focus-outline-color: var(--color-border-brand);
    color: var(--default-icon-color);
    background: var(--default-bg-color);
    cursor: pointer;
    border: 0;
    border-radius: 4px;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex
}

.icon-button a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.icon-button:hover,.icon-button:active,.icon-button:focus-visible {
    color: var(--hover-icon-color);
    background-color: var(--hover-bg-color)
}

.icon-button:focus-visible {
    outline: 2px solid var(--focus-outline-color)
}

.icon-button.disabled {
    color: var(--color-text-disabled);
    background-color: var(--default-bg-color);
    cursor: default
}

.icon-button.inverted {
    --default-icon-color: var(--color-text-primary);
    --hover-icon-color: var(--color-text-secondary)
}

.icon-button.active {
    --default-icon-color: var(--color-text-brand);
    --hover-icon-color: var(--color-text-brand);
    --hover-bg-color: transparent
}

.icon-button.overlayed {
    --default-icon-color: rgb(from var(--color-text-on-media) r g b / 70%);
    --default-bg-color: var(--color-bg-media);
    --hover-icon-color: var(--color-text-brand);
    --hover-bg-color: rgb(from var(--color-bg-media-base) r g b / 90%);
    box-sizing: content-box;
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border-radius: 4px;
    padding: 2px
}

.icon-button--with-counter {
    padding-inline-end:4px}

.icon-button__counter {
    width: auto;
    font-size: 12px;
    font-weight: 500;
    display: block
}

.icon-button.copyable {
    transition: all .3s linear
}

.icon-button.copied {
    color: var(--color-text-success);
    background-color: var(--color-bg-success-softest);
    border-color: var(--color-border-success-soft);
    transition: none
}

body>[data-popper-placement] {
    z-index: 9999
}

.invisible {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    position: absolute
}

.invisible img,.invisible svg {
    border: 0!important;
    width: 0!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important
}

.ellipsis:after {
    content: "…"
}

.autosuggest-textarea__textarea {
    resize: none;
    scrollbar-color: initial;
    background: 0 0;
    min-height: 100px;
    padding-bottom: 0
}

.autosuggest-textarea__textarea::-webkit-scrollbar {
    all: unset
}

.autosuggest-textarea__suggestions {
    box-shadow: var(--dropdown-shadow);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    color: var(--color-text-primary);
    border-radius: 0 0 4px 4px;
    padding: 0;
    font-size: 14px
}

.autosuggest-textarea__suggestions__item {
    box-sizing: border-box;
    cursor: pointer;
    letter-spacing: .25px;
    height: 48px;
    color: var(--color-text-primary);
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.autosuggest-textarea__suggestions__item:last-child {
    border-radius: 0 0 4px 4px
}

.autosuggest-textarea__suggestions__item:hover,.autosuggest-textarea__suggestions__item:focus,.autosuggest-textarea__suggestions__item:active {
    background: var(--color-bg-secondary)
}

.autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__account,.autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__account,.autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__account {
    color: inherit
}

.autosuggest-textarea__suggestions__item.selected {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base)
}

.autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__account {
    color: inherit
}

.autosuggest-account,.autosuggest-emoji,.autosuggest-hashtag {
    text-overflow: ellipsis;
    flex-direction: row;
    flex: 1 0 0;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    display: flex;
    overflow: hidden
}

.autosuggest-account .display-name {
    flex-direction: column;
    flex: 1 0 0;
    font-weight: 400;
    display: flex
}

.autosuggest-account .display-name__account {
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 16px;
    display: block
}

.autosuggest-hashtag {
    justify-content: space-between
}

.autosuggest-hashtag__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: auto;
    overflow: hidden
}

.autosuggest-hashtag__uses {
    text-align: end;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: none;
    overflow: hidden
}

.autosuggest-emoji__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 0 0;
    overflow: hidden
}

.autosuggest-account .account__avatar,.autosuggest-emoji img {
    flex: none;
    width: 24px;
    height: 24px;
    display: block
}

.compose-form {
    flex-direction: column;
    gap: 32px;
    display: flex
}

.layout-multiple-columns .compose-form,.column .compose-form {
    padding: 15px
}

.compose-form__highlightable {
    border: 1px solid var(--color-border-primary);
    background: var(--color-bg-secondary);
    outline: var(--outline-focus-default);
    outline-offset: -1px;
    border-radius: 4px;
    outline-color: #0000;
    flex-direction: column;
    flex: 0 auto;
    transition: outline-color .15s ease-out;
    display: flex;
    position: relative
}

.compose-form__highlightable:has(textarea:focus) {
    outline-color: var(--color-border-brand)
}

.compose-form__warning {
    color: var(--color-text-primary);
    background: var(--color-bg-warning-softest);
    border: 1px solid var(--color-border-warning-soft);
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 400
}

.compose-form__warning strong {
    font-weight: 500
}

.compose-form__warning strong:lang(ja),.compose-form__warning strong:lang(ko),.compose-form__warning strong:lang(zh-CN),.compose-form__warning strong:lang(zh-HK),.compose-form__warning strong:lang(zh-TW) {
    font-weight: 700
}

.compose-form__warning a {
    color: var(--color-text-brand);
    font-weight: 500;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.compose-form__warning a:hover,.compose-form__warning a:active,.compose-form__warning a:focus {
    -webkit-text-decoration: none;
    text-decoration: none
}

.compose-form .spoiler-input {
    align-items: stretch;
    display: flex
}

.compose-form .spoiler-input__border {
    background: url("data:image/svg+xml,%3csvg%20width='5'%20height='80'%20viewBox='0%200%205%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_253_1286)'%3e%3crect%20width='5'%20height='80'%20fill='url(%23paint0_linear_253_1286)'/%3e%3cline%20x1='-0.860365'%20y1='6.80136'%20x2='10.6078'%20y2='-1.22871'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='14.8314'%20x2='10.6078'%20y2='6.80132'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='22.8615'%20x2='10.6078'%20y2='14.8314'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='30.8916'%20x2='10.6078'%20y2='22.8615'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='38.9216'%20x2='10.6078'%20y2='30.8915'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='46.9517'%20x2='10.6078'%20y2='38.9216'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='54.9818'%20x2='10.6078'%20y2='46.9517'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='63.0118'%20x2='10.6078'%20y2='54.9817'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='71.0419'%20x2='10.6078'%20y2='63.0118'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='79.072'%20x2='10.6078'%20y2='71.0419'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='87.102'%20x2='10.6078'%20y2='79.072'%20stroke='black'%20stroke-width='3'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_253_1286'%20x1='2.5'%20y1='0'%20x2='2.5'%20y2='80'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FEC84B'/%3e%3cstop%20offset='1'%20stop-color='%23F79009'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_253_1286'%3e%3crect%20width='5'%20height='80'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") repeat-y;
    flex: none;
    width: 5px
}

.compose-form .spoiler-input .autosuggest-input {
    border-block:1px solid var(--color-border-primary);flex: auto;
    padding-block:1px;transition: border-color .15s ease-out
}

.compose-form .spoiler-input .autosuggest-input:focus-within {
    border-color: var(--color-border-brand);
    border-block-width:2px;padding-block:0}

.compose-form .autosuggest-textarea__textarea,.compose-form .spoiler-input__input {
    box-sizing: border-box;
    width: 100%;
    max-height: 300px;
    color: var(--color-text-primary);
    background: 0 0;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 12px;
    font-family: inherit;
    font-size: 14px;
    line-height: normal;
    display: block
}

.compose-form .autosuggest-textarea__textarea:focus,.compose-form .spoiler-input__input:focus {
    outline: 0
}

.compose-form .spoiler-input__input {
    background: var(--color-bg-brand-softest);
    color: var(--color-text-brand);
    padding: 11px 7px
}

.compose-form__dropdowns {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 8px;
    display: flex
}

.compose-form__uploads {
    aspect-ratio: 3/2;
    flex-shrink: 0;
    padding: 0 12px
}

.compose-form .media-gallery {
    gap: 8px
}

.compose-form__upload {
    position: relative
}

.compose-form__upload.draggable {
    will-change: transform, opacity;
    touch-action: none;
    cursor: grab
}

.compose-form__upload.dragging {
    opacity: 0
}

.compose-form__upload.overlay {
    pointer-events: none;
    border-radius: 8px;
    height: 100%
}

.compose-form__upload__actions {
    justify-content: space-between;
    align-items: flex-start;
    padding: 8px;
    display: flex
}

.compose-form__upload__preview,.compose-form__upload__visualizer {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.compose-form__upload__preview {
    border-radius: 6px;
    inset-inline-start: 0
}

.compose-form__upload__visualizer {
    box-sizing: border-box;
    padding: 16px
}

.compose-form__upload__visualizer .audio-player__visualizer {
    height: 100%;
    margin: 0 auto;
    display: block
}

.compose-form__upload__visualizer .icon {
    top: 50%;
    opacity: .75;
    color: var(--player-foreground-color);
    filter: var(--overlay-icon-shadow);
    width: 48px;
    height: 48px;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%,-50%)
}

.compose-form__upload__thumbnail {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.compose-form__upload .icon-button {
    color: var(--color-text-on-media);
    background: var(--color-bg-media);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border-radius: 6px;
    flex: none;
    padding: 4px 8px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.compose-form__upload .icon-button .icon {
    width: 15px;
    height: 15px
}

.compose-form__upload .icon-button.compose-form__upload__delete {
    border-radius: 50%;
    padding: 2px
}

.compose-form__upload .icon-button.compose-form__upload__delete .icon {
    width: 20px;
    height: 20px
}

.compose-form__upload__warning {
    z-index: 2;
    bottom: 0;
    padding: 8px;
    position: absolute;
    inset-inline: 0
}

.compose-form__upload__warning .icon-button.active {
    color: var(--color-text-on-warning-base);
    background: var(--color-bg-warning-base)
}

.compose-form__footer {
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    display: flex
}

.compose-form__submit {
    flex: auto;
    align-items: center;
    max-width: 100%;
    display: flex
}

.compose-form__buttons {
    flex: auto;
    align-items: center;
    gap: 8px;
    display: flex
}

.compose-form__buttons>div {
    display: flex
}

.compose-form__buttons .icon-button {
    padding: 2px
}

.compose-form__buttons .icon-button .icon {
    width: 20px;
    height: 20px
}

.compose-form__actions {
    flex-wrap: wrap;
    flex: none;
    align-items: center;
    gap: 12px;
    display: flex
}

.compose-form__actions .icon-button {
    box-sizing: content-box;
    color: var(--color-text-brand)
}

.compose-form__actions .icon-button:hover,.compose-form__actions .icon-button:focus,.compose-form__actions .icon-button:active {
    color: var(--color-text-brand)
}

.compose-form__actions .icon-button.disabled {
    color: var(--color-text-disabled)
}

.compose-form__actions .icon-button.active {
    background: var(--color-bg-brand-base);
    color: var(--color-text-on-brand-base)
}

.compose-form__poll {
    flex-direction: column;
    align-self: stretch;
    gap: 8px;
    margin-top: 8px;
    display: flex
}

.compose-form__poll .poll__option {
    gap: 8px;
    padding: 0 12px
}

.compose-form__poll .poll__option.empty:not(:focus-within) {
    opacity: .5
}

.compose-form__poll .poll__input {
    border-color: var(--color-text-secondary);
    width: 17px;
    height: 17px
}

.compose-form__poll__footer {
    align-items: center;
    gap: 16px;
    padding-inline:37px 40px;display: flex
}

.compose-form__poll__footer__sep {
    background: var(--color-border-primary);
    flex: none;
    width: 1px;
    height: 22px
}

.compose-form__poll__select {
    flex-direction: column;
    flex: auto;
    gap: 2px;
    min-width: 0;
    display: flex
}

.compose-form__poll__select__label {
    letter-spacing: .5px;
    color: var(--color-text-secondary);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: none;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden
}

.compose-form__poll__select__value {
    appearance: none;
    letter-spacing: .1px;
    color: var(--color-text-brand);
    background: 0 0;
    background-color: var(--color-bg-secondary);
    white-space: nowrap;
    text-overflow: ellipsis;
    border: none;
    flex: none;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden
}

.compose-form .status__quote {
    max-height: 220px;
    margin: 0 8px
}

.compose-form .status__quote .status__content__text.status__content__text {
    display: -webkit-box
}

.compose-form .status__quote .status__content__text {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.dropdown-button {
    color: var(--color-text-brand);
    border: 1px solid var(--color-border-brand);
    text-overflow: ellipsis;
    white-space: nowrap;
    background: 0 0;
    border-radius: 6px;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    overflow: hidden
}

.dropdown-button:focus-visible {
    outline: var(--outline-focus-default);
    outline-offset: 2px
}

.dropdown-button[disabled] {
    cursor: default;
    color: var(--color-text-disabled);
    border-color: var(--color-text-disabled)
}

.dropdown-button .icon {
    flex: none;
    width: 15px;
    height: 15px
}

.dropdown-button__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: auto;
    overflow: hidden
}

.dropdown-button.active {
    color: var(--color-text-on-brand-base);
    border-color: var(--color-bg-brand-base);
    background: var(--color-bg-brand-base)
}

.dropdown-button.warning {
    color: var(--color-text-warning);
    border-color: var(--color-text-warning)
}

.dropdown-button.warning.active {
    color: var(--color-text-on-warning-base);
    border-color: var(--color-bg-warning-base);
    background-color: var(--color-bg-warning-base)
}

.character-counter {
    cursor: default;
    color: var(--color-text-secondary);
    text-align: end;
    flex: 1 0 auto;
    font-family: mastodon-font-sans-serif,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal
}

.character-counter.character-counter--over {
    color: var(--color-text-error)
}

.no-reduce-motion .spoiler-input {
    transition: height .4s,opacity .4s
}

.sign-in-banner {
    padding: 10px
}

.sign-in-banner p {
    color: var(--color-text-primary);
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px
}

.sign-in-banner p strong {
    font-weight: 700
}

.sign-in-banner p a {
    color: var(--color-text-primary);
    unicode-bidi: isolate;
    -webkit-text-decoration: none;
    text-decoration: none
}

.sign-in-banner p a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.sign-in-banner .button {
    margin-bottom: 10px
}

.emojione {
    font-size: inherit;
    vertical-align: middle;
    object-fit: contain;
    width: 16px;
    height: 16px;
    margin: -.2ex .15em .2ex
}

.emojione img {
    width: auto
}

.status__content--with-action {
    cursor: pointer
}

.status__content {
    clear: both
}

.status__content,.edit-indicator__content,.reply-indicator__content {
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    text-autospace: normal;
    color: var(--color-text-primary);
    padding-top: 2px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    overflow: hidden
}

.status__content:focus,.edit-indicator__content:focus,.reply-indicator__content:focus {
    outline: 0
}

.status__content.status__content--with-spoiler,.edit-indicator__content.status__content--with-spoiler,.reply-indicator__content.status__content--with-spoiler {
    white-space: normal
}

.status__content.status__content--with-spoiler .status__content__text,.edit-indicator__content.status__content--with-spoiler .status__content__text,.reply-indicator__content.status__content--with-spoiler .status__content__text {
    white-space: pre-wrap
}

.status__content .emojione,.edit-indicator__content .emojione,.reply-indicator__content .emojione {
    width: 20px;
    height: 20px;
    margin: -3px 0 0
}

.status__content p,.edit-indicator__content p,.reply-indicator__content p {
    white-space: pre-wrap;
    unicode-bidi: plaintext;
    margin-bottom: 22px
}

.status__content p:last-child,.edit-indicator__content p:last-child,.reply-indicator__content p:last-child {
    margin-bottom: 0
}

.status__content a,.edit-indicator__content a,.reply-indicator__content a {
    --text-decoration-default: none;
    --text-decoration-hover: underline
}

[data-contrast=high] .status__content a,[data-contrast=high] .edit-indicator__content a,[data-contrast=high] .reply-indicator__content a {
    --text-decoration-default: underline;
    --text-decoration-hover: none
}

.status__content a,.edit-indicator__content a,.reply-indicator__content a {
    color: var(--color-text-status-links);
    -webkit-text-decoration: var(--text-decoration-default);
    -webkit-text-decoration: var(--text-decoration-default);
    text-decoration: var(--text-decoration-default);
    unicode-bidi: isolate
}

.status__content a:hover,.status__content a:focus,.status__content a:active,.edit-indicator__content a:hover,.edit-indicator__content a:focus,.edit-indicator__content a:active,.reply-indicator__content a:hover,.reply-indicator__content a:focus,.reply-indicator__content a:active {
    -webkit-text-decoration: var(--text-decoration-hover);
    -webkit-text-decoration: var(--text-decoration-hover);
    text-decoration: var(--text-decoration-hover)
}

.status__content a.mention,.edit-indicator__content a.mention,.reply-indicator__content a.mention {
    -webkit-text-decoration: none;
    text-decoration: none
}

.status__content a.mention span,.edit-indicator__content a.mention span,.reply-indicator__content a.mention span {
    -webkit-text-decoration: var(--text-decoration-default);
    -webkit-text-decoration: var(--text-decoration-default);
    text-decoration: var(--text-decoration-default)
}

.status__content a.mention:hover span,.status__content a.mention:focus span,.status__content a.mention:active span,.edit-indicator__content a.mention:hover span,.edit-indicator__content a.mention:focus span,.edit-indicator__content a.mention:active span,.reply-indicator__content a.mention:hover span,.reply-indicator__content a.mention:focus span,.reply-indicator__content a.mention:active span {
    -webkit-text-decoration: var(--text-decoration-hover);
    -webkit-text-decoration: var(--text-decoration-hover);
    text-decoration: var(--text-decoration-hover)
}

.status__content a.unhandled-link,.edit-indicator__content a.unhandled-link,.reply-indicator__content a.unhandled-link {
    color: var(--color-text-brand)
}

.status__content .status__content__text,.edit-indicator__content .status__content__text,.reply-indicator__content .status__content__text {
    display: none
}

.status__content .status__content__text.status__content__text--visible,.edit-indicator__content .status__content__text.status__content__text--visible,.reply-indicator__content .status__content__text.status__content__text--visible {
    display: block
}

.reply-indicator {
    grid-template-rows: 46px max-content;
    grid-template-columns: 46px minmax(0,1fr);
    gap: 0 10px;
    display: grid
}

.reply-indicator .detailed-status__display-name {
    margin-bottom: 4px
}

.reply-indicator .detailed-status__display-avatar {
    grid-row: 1/span 1;
    grid-column-start: 1
}

.reply-indicator__main {
    grid-row: 1/span 2;
    grid-column-start: 2
}

.reply-indicator .display-name {
    font-size: 14px;
    line-height: 16px
}

.reply-indicator .display-name__account {
    display: none
}

.reply-indicator__line {
    grid-row: 2/span 1;
    grid-column-start: 1;
    position: relative
}

.reply-indicator__line:before {
    content: "";
    inset-inline-start: 50%;
    background: var(--color-border-primary);
    width: 2px;
    height: calc(100% + 24px);
    display: block;
    position: absolute;
    top: 4px;
    transform: translate(-50%)
}

.reply-indicator__content {
    letter-spacing: .25px;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    max-height: 80px;
    color: var(--color-text-secondary);
    -webkit-box-orient: vertical;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden
}

.reply-indicator__attachments {
    color: var(--color-text-secondary);
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    display: flex
}

.reply-indicator__attachments .icon {
    width: 18px;
    height: 18px
}

.edit-indicator {
    background: var(--color-bg-tertiary);
    border-bottom: 1px solid var(--color-border-primary);
    border-radius: 4px 4px 0 0;
    flex-direction: column;
    flex: none;
    gap: 4px;
    padding: 12px;
    display: flex;
    overflow-y: auto
}

.edit-indicator__header {
    color: var(--color-text-secondary);
    text-overflow: ellipsis;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    overflow: hidden
}

.edit-indicator__cancel {
    display: flex
}

.edit-indicator__cancel .icon {
    width: 18px;
    height: 18px
}

.edit-indicator__display-name {
    gap: 4px;
    display: flex
}

.edit-indicator__display-name a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.edit-indicator__display-name a:hover,.edit-indicator__display-name a:focus,.edit-indicator__display-name a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.edit-indicator__content {
    color: var(--color-text-primary);
    letter-spacing: .25px;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 80px;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    padding-top: 0!important
}

.edit-indicator__content a {
    color: var(--color-text-brand)
}

.edit-indicator__attachments {
    color: var(--color-text-secondary);
    opacity: .75;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    line-height: 16px;
    display: flex
}

.edit-indicator__attachments .icon {
    width: 18px;
    height: 18px
}

.edit-indicator__content .emojione,.reply-indicator__content .emojione {
    width: 18px;
    height: 18px;
    margin: -3px 0 0
}

.announcements__content {
    overflow-wrap: break-word;
    overflow-y: auto
}

.announcements__content .emojione {
    width: 20px;
    height: 20px;
    margin: -3px 0 0
}

.announcements__content p {
    white-space: pre-wrap;
    margin-bottom: 10px
}

.announcements__content p:last-child {
    margin-bottom: 0
}

.announcements__content a {
    color: var(--color-text-primary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.announcements__content a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.announcements__content a.mention:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.announcements__content a.mention:hover span {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.announcements__content a.unhandled-link {
    color: var(--color-text-brand)
}

.status:not(.status--is-quote)>.status__content>.status__content__text:lang(mn-Mong),.conversation>.conversation__content>.status__content>.status__content__text:lang(mn-Mong) {
    writing-mode: vertical-lr;
    width: 100%;
    max-width: calc(100% + -1*mod(100%,22px));
    max-height: 209px;
    overflow-x: hidden
}

.autosuggest-textarea>.autosuggest-textarea__textarea:lang(mn-Mong) {
    writing-mode: vertical-lr;
    scrollbar-color: unset;
    min-height: 209px;
    max-height: 209px;
    overflow-x: auto
}

.dialog-modal__content__form>.input>.label_input>textarea#description:lang(mn-Mong) {
    writing-mode: vertical-lr;
    min-height: 150px;
    max-height: 150px;
    overflow-x: auto
}

.detailed-status>.status__content>.status__content__text:lang(mn-Mong) {
    writing-mode: vertical-lr;
    width: 100%;
    max-height: 50vh;
    overflow-x: auto
}

.status__content.status__content--collapsed {
    max-height: 330px
}

.status__content__read-more-button,.status__content__translate-button {
    color: var(--color-text-brand);
    text-wrap: nowrap;
    background: 0 0;
    border: 0;
    align-items: center;
    margin-top: 16px;
    padding: 0;
    font-size: 15px;
    line-height: 22px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.status--is-quote .status__content__read-more-button,.status--is-quote .status__content__translate-button {
    white-space: nowrap;
    width: min-content
}

.status__content__read-more-button:hover,.status__content__read-more-button:active,.status__content__translate-button:hover,.status__content__translate-button:active,[data-contrast=high] .status__content__read-more-button,[data-contrast=high] .status__content__translate-button {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

[data-contrast=high] .status__content__read-more-button:hover,[data-contrast=high] .status__content__read-more-button:active,[data-contrast=high] .status__content__translate-button:hover,[data-contrast=high] .status__content__translate-button:active {
    -webkit-text-decoration: none;
    text-decoration: none
}

.status__content__read-more-button .icon,.status__content__translate-button .icon {
    width: 15px;
    height: 15px
}

.translate-button {
    color: var(--color-text-tertiary);
    justify-content: space-between;
    margin-top: 16px;
    font-size: 15px;
    line-height: 22px;
    display: flex
}

.status__wrapper--filtered {
    color: var(--color-text-tertiary);
    font-size: inherit;
    text-align: center;
    line-height: inherit;
    box-sizing: border-box;
    clear: both;
    border: 0;
    border-bottom: 1px solid var(--color-border-primary);
    width: 100%;
    margin: 0;
    padding: 15px
}

.status__wrapper--filtered__button {
    color: var(--color-text-brand);
    font-size: inherit;
    line-height: inherit;
    background: 0 0;
    border: 0;
    padding: 0;
    display: inline
}

.status__wrapper--filtered__button:hover,.status__wrapper--filtered__button:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.focusable:focus-visible {
    outline: 2px solid var(--color-border-brand);
    outline-offset: -2px;
    background: var(--color-bg-brand-softest)
}

.status {
    border-bottom: 1px solid var(--color-border-primary);
    cursor: auto;
    opacity: 1;
    min-height: 54px;
    padding: 16px;
    animation: .15s linear fade
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.status .content-warning {
    margin-bottom: 10px
}

.status .content-warning:last-child {
    margin-bottom: 0
}

.status .media-gallery,.status .video-player,.status .audio-player,.status .attachment-list,.status .collection-preview {
    margin-top: 14px
}

.status--in-thread {
    --thread-margin: calc(46px + 8px);
    border-bottom: 0
}

.status--in-thread>.status__content,.status--in-thread>.status__action-bar,.status--in-thread>.media-gallery,.status--in-thread>div>.video-player,.status--in-thread>.audio-player,.status--in-thread>.attachment-list,.status--in-thread>.picture-in-picture-placeholder,.status--in-thread>.more-from-author,.status--in-thread>.status-card,.status--in-thread>.collection-preview,.status--in-thread>.hashtag-bar,.status--in-thread>.content-warning,.status--in-thread>.filter-warning,.status--in-thread>.status__quote {
    width: calc(100% - var(--thread-margin));
    margin-inline-start:var(--thread-margin)}

.status--in-thread .more-from-author {
    width: calc(100% - var(--thread-margin) + 2px)
}

.status--in-thread .status__content__read-more-button {
    margin-inline-start:var(--thread-margin)}

.status__action-bar__button-wrapper {
    flex-grow: 1;
    flex-basis: 0
}

.status__action-bar__button-wrapper:last-child {
    flex-grow: 0
}

.status--first-in-thread {
    border-top: 1px solid var(--color-border-primary)
}

.status__line {
    --thread-line-color: var(--color-border-primary);
    border-inline-start:2px solid var(--thread-line-color);top: 0;
    width: 0;
    height: 12px;
    position: absolute;
    inset-inline-start: 38px
}

.status__line--full {
    height: 100%;
    top: 0
}

.status__line--full:before {
    content: "";
    background: var(--thread-line-color);
    top: 12px;
    width: 2px;
    height: 54px;
    display: block;
    position: absolute;
    inset-inline-start: -2px
}

.status__line--first {
    height: calc(100% - 66px);
    top: 66px
}

.status__line--first:before {
    display: none
}

.no-reduce-motion .status--highlighted-entry:before {
    content: "";
    background: var(--color-bg-brand-softest);
    opacity: 0;
    pointer-events: none;
    animation: .7s .3s reverse both fade;
    position: absolute;
    inset: 0
}

.status__relative-time {
    height: 40px;
    color: var(--color-text-secondary);
    flex: none;
    font-size: 15px;
    line-height: 22px;
    display: block
}

.notification__relative_time {
    color: var(--color-text-tertiary);
    float: right;
    padding-bottom: 1px;
    font-size: 14px
}

.status__visibility-icon {
    padding: 0 4px
}

.status__visibility-icon .icon {
    width: 1em;
    height: 1em;
    margin-bottom: -2px
}

.status__display-name {
    color: var(--color-text-secondary)
}

.status__info .status__display-name {
    align-items: center;
    gap: 10px;
    max-width: 100%;
    margin-inline-end:auto;font-size: 15px;
    line-height: 22px;
    display: flex;
    overflow: hidden
}

.status__info .status__display-name .display-name bdi {
    text-overflow: ellipsis;
    overflow: hidden
}

.status__info .status__display-name .display-name__account {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.status__quote-cancel {
    align-self: self-start
}

.status__info {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    display: flex
}

.status-check-box__status {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    display: block
}

.status-check-box__status .detailed-status__display-name {
    color: var(--color-text-tertiary)
}

.status-check-box__status .detailed-status__display-name span:not(.account__avatar) {
    display: inline
}

.status-check-box__status .detailed-status__display-name:hover strong {
    -webkit-text-decoration: none;
    text-decoration: none
}

.status-check-box__status .media-gallery,.status-check-box__status .audio-player,.status-check-box__status .video-player {
    max-width: 250px;
    margin-top: 15px
}

.status-check-box__status .status__content {
    white-space: normal;
    padding: 0
}

.status-check-box__status .media-gallery__item-thumbnail {
    cursor: default
}

.status__prepend {
    color: var(--color-text-secondary);
    align-items: center;
    gap: 8px;
    padding: 16px 16px 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    display: flex
}

.status__prepend__icon {
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.status__prepend__icon .icon {
    width: 16px;
    height: 16px
}

.status__prepend a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.status__prepend>span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.status__wrapper-direct,.notification-ungrouped--direct,.notification-group--direct,.notification-group--annual-report {
    background: var(--color-bg-brand-softest)
}

.status__wrapper-direct:focus,.notification-ungrouped--direct:focus,.notification-group--direct:focus,.notification-group--annual-report:focus {
    background: var(--color-bg-brand-soft)
}

.status__wrapper-direct .status__prepend,.status__wrapper-direct .notification-ungrouped__header,.notification-ungrouped--direct .status__prepend,.notification-ungrouped--direct .notification-ungrouped__header {
    color: var(--color-text-brand)
}

.status__action-bar {
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-top: 16px;
    display: flex
}

.detailed-status__action-bar-dropdown {
    flex: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.detailed-status {
    border-top: 1px solid var(--color-border-primary);
    padding: 16px
}

.detailed-status .status__content {
    font-size: 19px;
    line-height: 24px
}

.detailed-status .status__content .emojione {
    width: 24px;
    height: 24px;
    margin: -1px 0 0
}

.detailed-status .media-gallery,.detailed-status .video-player,.detailed-status .audio-player,.detailed-status .collection-preview {
    margin-top: 16px
}

.detailed-status .status__prepend {
    margin-bottom: 16px;
    padding: 0
}

.detailed-status .content-warning {
    margin-bottom: 16px
}

.detailed-status .content-warning:last-child {
    margin-bottom: 0
}

.detailed-status .logo {
    width: 40px;
    height: 40px;
    color: var(--color-text-tertiary)
}

.embed {
    position: relative
}

.embed__overlay {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.embed .detailed-status,.scrollable>div:first-child .detailed-status {
    border-top: 0
}

.detailed-status__meta {
    color: var(--color-text-tertiary);
    margin-top: 24px;
    font-size: 14px;
    line-height: 18px
}

.detailed-status__meta__line {
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    display: flex
}

.detailed-status__meta__line:first-child {
    padding-top: 0
}

.detailed-status__meta__line:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.detailed-status__meta .icon {
    width: 18px;
    height: 18px
}

.detailed-status__meta .animated-number {
    color: var(--color-text-primary);
    font-weight: 500
}

.detailed-status__action-bar {
    border-top: 1px solid var(--color-border-primary);
    border-bottom: 1px solid var(--color-border-primary);
    flex-direction: row;
    padding: 10px 0;
    display: flex
}

.detailed-status__wrapper-direct .detailed-status,.detailed-status__wrapper-direct .detailed-status__action-bar {
    background: var(--color-bg-brand-softest)
}

.detailed-status__wrapper-direct .status__prepend {
    color: var(--color-text-brand)
}

.status__quote {
    --quote-margin: var(--status-gutter-width);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: 12px;
    margin-block-start:16px;margin-inline-start:calc(var(--quote-margin) + var(--thread-margin,0px));position: relative;
    overflow: hidden
}

.status__quote--error {
    box-sizing: border-box;
    letter-spacing: .25px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 56px;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.status__quote--error .link-button {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.status__quote-author-button {
    letter-spacing: .25px;
    color: var(--color-text-secondary);
    background: var(--color-bg-brand-softest);
    cursor: default;
    border-radius: 8px;
    align-items: center;
    margin-top: 8px;
    padding: 8px 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    position: relative;
    overflow: hidden
}

.status--is-quote {
    border: none;
    padding: 12px
}

.status--is-quote .status__info {
    padding-bottom: 8px
}

.status--is-quote .display-name,.status--is-quote .status__relative-time {
    letter-spacing: .1px;
    font-size: 14px;
    line-height: 20px
}

.status--is-quote .display-name__account {
    letter-spacing: .5px;
    font-size: 12px;
    line-height: 16px
}

.status--is-quote .status__content {
    letter-spacing: .25px;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden
}

.status--is-quote .status__content p {
    margin-bottom: 20px
}

.status--is-quote .status__content p:last-child {
    margin-bottom: 0
}

.status--is-quote .media-gallery,.status--is-quote .video-player,.status--is-quote .audio-player,.status--is-quote .attachment-list,.status--is-quote .poll {
    margin-top: 8px
}

.detailed-status__link {
    color: inherit;
    align-items: center;
    gap: 6px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex
}

.domain {
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    gap: 8px;
    padding: 16px;
    display: flex
}

.domain__domain-name {
    color: var(--color-text-primary);
    flex: auto;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px
}

.account {
    --account-outer-spacing: 16px;
    --account-name-color: var(--color-text-primary);
    --account-name-size: 14px;
    --account-handle-color: var(--color-text-secondary);
    --account-handle-size: 14px;
    --account-bio-color: var(--color-text-secondary);
    --account-bio-size: 14px;
    padding: var(--account-outer-spacing)
}

.account:where(:not(.account--without-border)) {
    border-bottom: 1px solid var(--color-border-primary)
}

.account .account__display-name {
    color: var(--account-handle-color);
    font-size: var(--account-handle-size);
    flex: auto;
    align-items: center;
    gap: 10px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex;
    overflow: hidden
}

.account .account__display-name .display-name {
    margin-bottom: 4px
}

.account .account__display-name .display-name strong {
    font-size: var(--account-name-size);
    color: var(--account-name-color);
    display: inline
}

.account--minimal .account__display-name .display-name {
    margin-bottom: 0
}

.account--minimal .account__display-name .display-name strong {
    display: block
}

@container (width<360px) {
    .account__avatar-wrapper .account__avatar {
        width: 35px!important;
        height: 35px!important
    }
}

.account__domain-pill {
    background: var(--color-bg-brand-softest);
    color: var(--color-text-brand);
    border: 0;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: inline-flex
}

.account__domain-pill.active {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base)
}

.account__domain-pill__popout {
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    box-shadow: var(--dropdown-shadow);
    max-width: 320px;
    color: var(--color-text-secondary);
    border-radius: 8px;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.account__domain-pill__popout .link-button {
    font-size: inherit;
    line-height: inherit;
    display: inline
}

.account__domain-pill__popout__header {
    align-items: center;
    gap: 12px;
    display: flex
}

.account__domain-pill__popout__header__icon {
    width: 40px;
    height: 40px;
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.account__domain-pill__popout__header h3 {
    color: var(--color-text-primary);
    font-size: 17px;
    line-height: 22px
}

.account__domain-pill__popout__handle {
    border: 2px dashed var(--color-border-on-brand-softer);
    background: var(--color-bg-brand-softest);
    color: var(--color-text-brand);
    border-radius: 4px;
    padding: 12px 8px
}

.account__domain-pill__popout__handle__label {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px
}

.account__domain-pill__popout__handle__handle {
    text-overflow: ellipsis;
    -webkit-user-select: all;
    user-select: all;
    overflow: hidden
}

.account__domain-pill__popout__parts {
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
    line-height: 16px;
    display: flex
}

.account__domain-pill__popout__parts>div {
    align-items: flex-start;
    gap: 12px;
    display: flex
}

.account__domain-pill__popout__parts__icon {
    width: 40px;
    height: 40px;
    color: var(--color-text-brand);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.account__domain-pill__popout__parts h6 {
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.account__note {
    font-size: var(--account-bio-size);
    text-overflow: ellipsis;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    color: var(--account-bio-color);
    -webkit-box-orient: vertical;
    margin-top: 10px;
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden
}

.account__note--missing {
    color: var(--color-text-tertiary)
}

.account__note p {
    margin-bottom: 10px
}

.account__note p:last-child {
    margin-bottom: 0
}

.account__note a {
    color: inherit
}

.account__note a:hover,.account__note a:focus,.account__note a:active {
    -webkit-text-decoration: none;
    text-decoration: none
}

.learn-more__popout {
    gap: 8px
}

.learn-more__popout__content {
    flex-direction: column;
    gap: 4px;
    display: flex
}

.learn-more__popout h6 {
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    letter-spacing: .1px
}

.learn-more__popout .link-button {
    font-weight: 500
}

.account__wrapper {
    justify-content: end;
    align-items: center;
    gap: 10px;
    display: flex
}

.account__wrapper--with-bio {
    align-items: start
}

.account__info-wrapper {
    flex: auto;
    min-width: 0
}

.account__avatar {
    border-radius: var(--avatar-border-radius);
    background: var(--color-bg-tertiary);
    flex-shrink: 0;
    display: block;
    position: relative
}

.account__avatar img {
    object-fit: cover;
    border-radius: var(--avatar-border-radius);
    width: 100%;
    height: 100%;
    display: inline-block
}

.account__avatar--loading {
    background-color: var(--color-bg-tertiary)
}

.account__avatar--inline {
    vertical-align: middle;
    margin-inline-end:5px;display: inline-block
}

.account__avatar-composite {
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.account__avatar-composite>div {
    float: left;
    box-sizing: border-box;
    position: relative
}

.account__avatar-composite .account__avatar {
    width: 100%!important;
    height: 100%!important
}

.account__avatar-composite__label {
    top: 50%;
    color: var(--color-text-primary);
    text-shadow: 1px 1px 2px rgb(from var(--color-shadow-primary) r g b/100%);
    font-size: 15px;
    font-weight: 700;
    display: block;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%,-50%)
}

.account__avatar__counter {
    bottom: -3px;
    min-width: 6px;
    height: 16px;
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base);
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-bg-primary);
    text-align: center;
    border-radius: 16px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    font-weight: 500;
    line-height: 17px;
    position: absolute;
    inset-inline-end: -3px
}

a .account__avatar {
    cursor: pointer
}

.avatar-group {
    --avatar-height: 28px;
    display: flex
}

.avatar-group:not(.avatar-group--compact) {
    height: var(--avatar-height);
    flex-wrap: wrap;
    gap: 8px;
    overflow-y: clip
}

.avatar-group--compact>:not(:first-child) {
    margin-inline-start:-12px}

.avatar-group--compact>:first-child {
    transform: rotate(-4deg)
}

.avatar-group--compact>:nth-child(2) {
    transform: rotate(-2deg)
}

.avatar-group--compact .account__avatar {
    box-shadow: 0 0 0 2px var(--color-bg-primary)
}

.account__avatar-overlay {
    position: relative
}

.account__avatar-overlay-overlay {
    bottom: 0;
    z-index: 1;
    position: absolute;
    inset-inline-end: 0
}

.account__relationship {
    white-space: nowrap;
    align-items: center;
    gap: 8px;
    display: flex
}

.account__relationship .icon-button,.explore-suggestions-card .icon-button {
    border: 1px solid var(--color-border-primary);
    box-sizing: content-box;
    border-radius: 4px;
    padding: 5px
}

.account__relationship .icon-button .icon,.explore-suggestions-card .icon-button .icon {
    width: 24px;
    height: 24px
}

.account-authorize {
    padding: 14px 10px
}

.account-authorize .detailed-status__display-name {
    margin-bottom: 15px;
    display: block;
    overflow: hidden
}

.account-authorize__avatar {
    float: left;
    margin-inline-end:10px}

.status__display-name,.status__relative-time,.detailed-status__display-name,.detailed-status__datetime,.detailed-status__application,.detailed-status__link,.account__display-name {
    -webkit-text-decoration: none;
    text-decoration: none
}

.status__display-name .display-name strong,.account__display-name .display-name strong {
    color: var(--color-text-primary)
}

.muted .emojione {
    opacity: .5
}

.status__display-name:hover .display-name strong,.detailed-status__display-name:hover .display-name strong,a.account__display-name:hover .display-name strong {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.account__display-name .display-name strong {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.detailed-status__application,.detailed-status__datetime,.detailed-status__link {
    color: inherit
}

.detailed-status__display-name {
    color: var(--color-text-secondary);
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    overflow: hidden
}

.detailed-status__display-name strong,.detailed-status__display-name span:not(.emojione) {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.detailed-status__display-name strong {
    color: var(--color-text-primary)
}

.muted .status__content,.muted .status__content p,.muted .status__content a,.muted .status__display-name strong {
    color: var(--color-text-tertiary)
}

.muted .status__avatar {
    opacity: .5
}

.notification__report {
    border-bottom: 1px solid var(--color-border-primary);
    gap: 10px;
    padding: 16px;
    display: flex
}

.notification__report__avatar {
    flex: none
}

.notification__report__details {
    color: var(--color-text-secondary);
    white-space: nowrap;
    flex: auto;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    overflow: hidden
}

.notification__report__details>div {
    text-overflow: ellipsis;
    overflow: hidden
}

.notification__report__details strong {
    font-weight: 500
}

.notification__report__actions {
    flex: none
}

.notification-group--link {
    color: var(--color-text-primary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.notification-group--link .notification-group__main {
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-start;
    gap: 8px;
    font-size: 15px;
    line-height: 22px;
    display: flex
}

.notification-group--link .notification-group__main strong,.notification-group--link .notification-group__main bdi {
    font-weight: 700
}

.notification-group--link .notification-group__main .link-button {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.notification__message {
    cursor: default;
    color: var(--color-text-secondary);
    align-items: center;
    gap: 10px;
    padding: 16px 16px 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    display: flex
}

.notification__message .icon {
    color: var(--color-text-brand);
    width: 18px;
    height: 18px
}

.notification__message .icon-star {
    color: var(--color-text-favourite-highlight)
}

.notification__message>span {
    text-overflow: ellipsis;
    display: inline;
    overflow: hidden
}

.icon-button.star-icon.active {
    color: var(--color-text-favourite-highlight)
}

.icon-button.bookmark-icon.active {
    color: var(--color-text-bookmark-highlight)
}

.no-reduce-motion .icon-button.star-icon.activate>.icon {
    transform-origin: 50% 52%;
    animation: 1s linear spring-rotate-in
}

.no-reduce-motion .icon-button.star-icon.deactivate>.icon {
    transform-origin: 50% 52%;
    animation: 1s linear spring-rotate-out
}

.notification__display-name {
    color: inherit;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.notification__display-name:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.display-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
    overflow: hidden
}

.display-name__account {
    text-overflow: ellipsis;
    overflow: hidden
}

.display-name__html {
    font-weight: 500
}

.status__relative-time:is(a):hover,.detailed-status__datetime:is(a):hover,.detailed-status__link:is(a):hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.zoomable-image {
    scrollbar-width: none;
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

.zoomable-image img {
    outline: 1px solid var(--color-border-media);
    outline-offset: -1px;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 8px;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 80%
}

.zoomable-image--zoomed-in {
    z-index: 9999;
    cursor: grab
}

.zoomable-image--zoomed-in img {
    border-radius: 0;
    outline: none
}

.zoomable-image--dragging {
    cursor: grabbing
}

.zoomable-image--error img {
    visibility: hidden
}

.zoomable-image__preview {
    z-index: 1;
    outline: 1px solid var(--color-border-media);
    outline-offset: -1px;
    border-radius: 8px;
    max-width: 100%;
    max-height: 80%;
    position: absolute;
    overflow: hidden
}

.zoomable-image__preview canvas {
    object-fit: cover;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute
}

.zoomable-image .loading-indicator {
    z-index: 2;
    mix-blend-mode: luminosity
}

.navigation-bar {
    cursor: default;
    flex-shrink: 0;
    align-items: center;
    gap: 10px;
    display: flex
}

.column>.navigation-bar {
    padding: 15px
}

.navigation-bar .account {
    border-bottom: 0;
    flex: auto;
    min-width: 0;
    padding: 0
}

.navigation-bar .account__display-name {
    outline-offset: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.navigation-bar .account__display-name .display-name__account {
    font-size: 14px;
    font-weight: 400
}

.navigation-bar .icon-button {
    color: var(--color-text-primary);
    padding: 8px
}

.navigation-bar .icon-button .icon {
    width: 24px;
    height: 24px
}

.dropdown-animation {
    animation: .25s cubic-bezier(.1,.7,.1,1) dropdown
}

@keyframes dropdown {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.reduce-motion .dropdown-animation {
    animation: none
}

.dropdown {
    display: inline-block
}

.dropdown__content {
    display: none;
    position: absolute
}

.dropdown-menu__separator {
    border-bottom: 1px solid var(--color-border-primary);
    height: 0;
    margin: 5px 0
}

.dropdown-menu {
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    box-shadow: var(--dropdown-shadow);
    z-index: 9999;
    border-radius: 4px;
    padding: 4px
}

.dropdown-menu__text-button {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background: 0 0;
    border: 0;
    align-items: center;
    margin: 0;
    padding: 0;
    display: inline-flex
}

.dropdown-menu__text-button:focus-visible {
    outline: 1px dotted
}

.dropdown-menu__text-button:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.dropdown-menu__text-button .icon {
    width: 15px;
    height: 15px
}

.dropdown-menu__container__header {
    border-bottom: 1px solid var(--color-border-primary);
    color: var(--color-text-secondary);
    margin-bottom: 4px;
    padding: 10px 14px 14px;
    font-size: 13px;
    line-height: 18px
}

.dropdown-menu__container__list {
    list-style: none
}

.dropdown-menu__container__list--scrollable {
    max-height: 300px;
    overflow-y: scroll
}

.dropdown-menu__container--loading {
    justify-content: center;
    align-items: center;
    padding: 30px 45px;
    display: flex
}

.dropdown-menu.left {
    transform-origin: 100%
}

.dropdown-menu.top {
    transform-origin: 50% 100%
}

.dropdown-menu.bottom {
    transform-origin: 50% 0
}

.dropdown-menu.right {
    transform-origin: 0
}

.dropdown-menu__item {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    display: block
}

.dropdown-menu__item--dangerous {
    color: var(--color-text-error)
}

.dropdown-menu__item--highlighted {
    color: var(--color-text-brand)
}

.dropdown-menu__item-content {
    flex-direction: column;
    display: flex
}

.dropdown-menu__item-subtitle {
    color: var(--color-text-tertiary);
    font-weight: 400
}

.dropdown-menu__item a,.dropdown-menu__item button {
    font: inherit;
    white-space: inherit;
    box-sizing: border-box;
    width: 100%;
    color: inherit;
    text-align: inherit;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 10px 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.dropdown-menu__item a:focus:where(:not(:disabled):not([aria-disabled=true])),.dropdown-menu__item a:hover:where(:not(:disabled):not([aria-disabled=true])),.dropdown-menu__item a:active:where(:not(:disabled):not([aria-disabled=true])),.dropdown-menu__item button:focus:where(:not(:disabled):not([aria-disabled=true])),.dropdown-menu__item button:hover:where(:not(:disabled):not([aria-disabled=true])),.dropdown-menu__item button:active:where(:not(:disabled):not([aria-disabled=true])) {
    background: var(--color-bg-brand-softest);
    outline: 0
}

.dropdown-menu__item a:focus-visible,.dropdown-menu__item button:focus-visible {
    outline: var(--outline-focus-default)
}

.dropdown-menu__item button:disabled,.dropdown-menu__item button[aria-disabled=true] {
    color: var(--color-text-disabled);
    cursor: default
}

.dropdown-menu__item button:disabled:focus,.dropdown-menu__item button[aria-disabled=true]:focus {
    color: var(--color-text-on-disabled);
    background: var(--color-bg-disabled);
    outline: 0
}

button:is(:disabled,[aria-disabled=true]) .dropdown-menu__item-subtitle {
    color: inherit
}

.reblog-menu-item {
    max-width: 360px
}

.inline-account {
    vertical-align: top;
    align-items: center;
    display: inline-flex
}

.inline-account .account__avatar {
    border-radius: 50%;
    margin-inline-end:5px}

.inline-account strong {
    font-weight: 600
}

.columns-area {
    flex-direction: row;
    flex: auto;
    justify-content: flex-start;
    display: flex;
    position: relative
}

.layout-multiple-columns .columns-area {
    overflow-x: auto
}

.layout-multiple-columns .columns-area.unscrollable {
    overflow-x: hidden
}

.columns-area__panels {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    padding-inline:10px;padding-bottom: env(safe-area-inset-bottom);
    justify-content: center;
    gap: 16px;
    display: flex
}

.columns-area__panels__pane {
    justify-content: flex-end;
    min-width: 285px;
    height: 100%;
    display: flex
}

.columns-area__panels__pane--start {
    justify-content: flex-start
}

.columns-area__panels__pane__inner {
    width: 285px;
    height: 100%;
    position: fixed
}

.columns-area__panels__main {
    box-sizing: border-box;
    contain: inline-size layout paint style;
    width: 100%;
    color: var(--color-text-primary);
    background-color: var(--color-bg-primary);
    flex-direction: column;
    flex: 0 auto;
    display: flex;
    container: column/inline-size
}

@media screen and (min-width: 1175px) {
    .columns-area__panels__main {
        max-width:600px
    }
}

.ui__navigation-bar {
    z-index: 3;
    width: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border-top: 1px solid var(--color-border-primary);
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
    position: fixed;
    bottom: 0
}

.layout-multiple-columns .ui__navigation-bar {
    display: none
}

.ui__navigation-bar__items {
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column;
    padding: 0 16px;
    display: grid
}

.ui__navigation-bar__items.active {
    flex: 1;
    padding: 0
}

.ui__navigation-bar__sign-up {
    align-items: center;
    gap: 4px;
    padding-inline-start:16px;display: flex
}

.ui__navigation-bar__item {
    color: inherit;
    background: 0 0;
    border: none;
    border-top: 4px solid #0000;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-top: 11px;
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.ui__navigation-bar__item.active {
    color: var(--color-text-brand)
}

.ui__navigation-bar__item:focus {
    outline: 0
}

.ui__navigation-bar__item:focus-visible {
    border-top-color: var(--color-border-brand);
    border-radius: 0
}

.tabs-bar__wrapper {
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    z-index: 2;
    border-top: 0;
    position: sticky;
    top: 0
}

@media screen and (min-width: 1175px) {
    .tabs-bar__wrapper {
        border-top:10px solid var(--color-bg-primary)
    }
}

.react-swipeable-view-container,.react-swipeable-view-container .columns-area,.react-swipeable-view-container .drawer,.react-swipeable-view-container .column {
    height: 100%
}

.react-swipeable-view-container>* {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.column {
    box-sizing: border-box;
    flex-direction: column;
    width: clamp(380px,25% - 87.5px,400px);
    display: flex;
    position: relative
}

.column>.scrollable {
    border: 1px solid var(--color-border-primary);
    border-top: 0;
    border-radius: 0 0 4px 4px
}

.column>.scrollable.about,.column>.scrollable.privacy-policy {
    border-top: 1px solid var(--color-border-primary);
    border-radius: 4px
}

@media screen and (max-width: 1175px) {
    .column>.scrollable.about,.column>.scrollable.privacy-policy {
        border-top:0;
        border-bottom: 0
    }
}

.column__alert {
    --alert-height: 54px;
    z-index: 10;
    box-sizing: border-box;
    grid-template-rows: minmax(var(--alert-height), max-content);
    pointer-events: none;
    align-items: end;
    width: 100%;
    max-width: 360px;
    margin: auto auto 0;
    padding: 1rem;
    display: grid;
    position: sticky;
    bottom: 0;
    overflow: clip
}

@media (max-width: 759px) {
    .column__alert {
        bottom:var(--mobile-bottom-nav-height)
    }
}

.column__alert>* {
    pointer-events: initial;
    grid-area: 1/1
}

.ui {
    --mobile-bottom-nav-height: 55px;
    --last-content-item-border-width: 2px;
    flex-direction: column;
    flex: none;
    width: 100%;
    height: 100%;
    display: flex
}

@media (max-width: 759px) {
    .ui {
        padding-bottom:calc(var(--mobile-bottom-nav-height) - var(--last-content-item-border-width))
    }
}

.drawer {
    box-sizing: border-box;
    flex-direction: column;
    width: 350px;
    display: flex;
    overflow-y: hidden
}

.drawer__tab {
    color: var(--color-text-secondary);
    text-align: center;
    flex: auto;
    justify-content: center;
    align-items: center;
    padding: 13px 3px 11px;
    font-size: 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.column,.drawer {
    flex: 100%
}

@media screen and (min-width: 630.02px) {
    .columns-area {
        padding:0
    }

    .column,.drawer {
        padding: 10px;
        flex: none;
        padding-inline:5px}

    .column:first-child,.drawer:first-child {
        padding-inline-start:10px}

    .column:last-child,.drawer:last-child {
        padding-inline-end:10px}

    .columns-area>div .column,.columns-area>div .drawer {
        padding-inline:5px}
}

.columns-area--mobile {
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.columns-area--mobile .column,.columns-area--mobile .drawer {
    width: 100%;
    height: 100%;
    padding: 0
}

.columns-area--mobile .account-card {
    margin-bottom: 0
}

.columns-area--mobile .filter-form {
    flex-wrap: wrap;
    display: flex
}

.columns-area--mobile .autosuggest-textarea__textarea {
    font-size: 16px
}

.columns-area--mobile .search__input {
    padding-block:15px;padding-inline-end:30px;font-size: 16px;
    line-height: 18px
}

.columns-area--mobile .scrollable {
    overflow: visible
}

@supports (display: grid) {
    .columns-area--mobile .scrollable {
        contain:content
    }
}

@media screen and (min-width: 1175px) {
    .columns-area--mobile {
        padding:0 0 10px
    }

    .react-swipeable-view-container .columns-area--mobile {
        height: calc(100% - 10px)!important
    }

    .getting-started__wrapper {
        margin-bottom: 10px
    }

    .search-page .search {
        display: none
    }

    .navigation-panel__legal,.navigation-panel__compose-button,.navigation-panel .navigation-bar {
        display: none!important
    }
}

@media screen and (max-width: 1174px) {
    .columns-area__panels__main {
        width:calc(100% - 285px)
    }

    .columns-area__panels {
        min-height: 100vh;
        gap: 0;
        min-height: 100dvh;
        padding-inline:0}

    .columns-area__panels__pane--navigational {
        min-width: 285px
    }

    .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
        width: 285px
    }

    .columns-area__panels__pane--navigational .navigation-panel {
        border-inline-start:1px solid var(--color-border-primary);height: 100dvh;
        margin: 0
    }

    .columns-area__panels__pane--navigational .navigation-panel__banner,.columns-area__panels__pane--navigational .navigation-panel__logo,.columns-area__panels__pane--navigational .getting-started__trends {
        display: none
    }

    .layout-single-column .column>.scrollable,.layout-single-column .tabs-bar__wrapper .column-header,.layout-single-column .tabs-bar__wrapper .column-back-button,.layout-single-column .explore__search-header,.layout-single-column .column-search-header {
        border-left: 0;
        border-right: 0
    }

    .layout-single-column .column-header,.layout-single-column .column-back-button,.layout-single-column .scrollable {
        border-radius: 0!important
    }

    .layout-single-column .column-header,.layout-single-column .column-back-button {
        border-top: 0
    }
}

@media screen and (max-width: 759px) {
    .columns-area__panels__main {
        width:100%
    }

    .columns-area__panels__pane--navigational {
        pointer-events: none;
        width: 100%;
        height: 100%;
        position: fixed;
        inset-inline-end: 0
    }

    .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
        pointer-events: auto;
        background: var(--color-bg-primary);
        touch-action: pan-y;
        width: 354px;
        position: fixed;
        inset-inline-end: -70px
    }

    .columns-area__panels__pane--navigational .columns-area__panels__pane__inner .navigation-panel {
        scrollbar-width: thin;
        width: 284px;
        overflow-y: auto
    }

    .columns-area__panels__pane--navigational .columns-area__panels__pane__inner .navigation-panel__menu {
        min-height: none;
        padding-bottom: calc(65px + env(safe-area-inset-bottom));
        flex-shrink: 0;
        overflow: hidden
    }

    .columns-area__panels__pane--navigational .columns-area__panels__pane__inner .navigation-panel__logo {
        display: none
    }
}

.columns-area__panels__pane--navigational {
    transition: background .5s
}

.columns-area__panels__pane--overlay {
    pointer-events: auto;
    background: rgb(from var(--color-bg-overlay) r g b/50%);
    z-index: 3
}

.columns-area__panels__pane--overlay .columns-area__panels__pane__inner {
    box-shadow: var(--dropdown-shadow)
}

@media screen and (min-width: 760px) {
    .ui__navigation-bar {
        display:none
    }
}

.explore-suggestions-card {
    border-bottom: 1px solid var(--color-border-primary);
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px;
    display: flex
}

.explore-suggestions-card:last-child {
    border-bottom: 0
}

.explore-suggestions-card__source {
    color: var(--color-text-tertiary);
    font-size: 13px;
    line-height: 16px
}

@container (width>=400px) {
    .explore-suggestions-card__source {
        padding-inline-start:60px}
}

.explore-suggestions-card__body {
    justify-content: end;
    align-items: center;
    gap: 12px;
    display: flex
}

.explore-suggestions-card__avatar {
    flex-shrink: 0
}

@container (width<360px) {
    .explore-suggestions-card__avatar {
        width: 35px!important;
        height: 35px!important
    }
}

.explore-suggestions-card__link {
    flex: auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.explore-suggestions-card__link:hover .display-name__html,.explore-suggestions-card__link:focus-visible .display-name__html {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.explore-suggestions-card__link .display-name {
    color: var(--color-text-primary);
    font-size: 15px;
    line-height: 20px
}

.explore-suggestions-card__link .display-name strong {
    font-weight: 700
}

.explore-suggestions-card__link .display-name__account {
    color: var(--color-text-secondary);
    display: block
}

.explore-suggestions-card__actions {
    justify-content: end;
    align-items: center;
    gap: 8px;
    display: flex
}

.explore-suggestions-card__actions .button {
    min-width: 80px
}

@container (width<400px) {
    .explore-suggestions-card__dismiss-button {
        display: none
    }
}

@media screen and (max-width: 1174px) {
    .columns-area__panels__pane--compositional {
        display:none
    }
}

.icon-with-badge {
    display: inline-flex;
    position: relative
}

.icon-with-badge__badge {
    inset-inline-start: 9px;
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base);
    border: 2px solid var(--color-bg-primary);
    border-radius: 6px;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    position: absolute;
    top: -13px
}

.icon-with-badge__issue-badge {
    inset-inline-start: 11px;
    background: var(--color-text-error);
    border-radius: 50%;
    width: .625rem;
    height: .625rem;
    display: block;
    position: absolute;
    bottom: 1px
}

.column-link--transparent .icon-with-badge__badge {
    border-color: var(--color-bg-primary)
}

.column-title {
    text-align: center;
    padding-bottom: 32px
}

.column-title h1,.column-title h2,.column-title h3 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5
}

.column-title p {
    color: var(--color-text-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media screen and (min-width: 600px) {
    .column-title {
        padding:40px
    }
}

.copy-paste-text {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    color: var(--color-text-primary);
    border-radius: 8px;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 30px;
    padding: 16px;
    font-size: 15px;
    line-height: 22px;
    transition: border-color .3s linear;
    display: flex
}

.copy-paste-text:focus,.copy-paste-text.focused {
    border-color: var(--color-border-brand);
    outline: 0;
    transition: none
}

.copy-paste-text.copied {
    border-color: var(--color-text-success);
    transition: none
}

.copy-paste-text textarea {
    width: 100%;
    height: auto;
    color: inherit;
    font: inherit;
    resize: none;
    background: 0 0;
    border: 0;
    margin-bottom: 30px;
    padding: 0
}

.copy-paste-text textarea:focus {
    outline: 0
}

.onboarding__profile {
    margin-top: -20px;
    margin-bottom: 60px;
    position: relative
}

.onboarding__profile .app-form__avatar-input {
    border: 2px solid var(--color-bg-primary);
    inset-inline-start: -2px;
    z-index: 2;
    position: absolute;
    bottom: -40px
}

.onboarding__profile .app-form__header-input {
    border-radius: 0;
    margin: 0 -20px
}

.onboarding__profile .app-form__header-input img {
    border-radius: 0
}

.compose-panel {
    margin-top: 8px;
    scrollbar-width: thin;
    flex-direction: column;
    width: 285px;
    height: calc(100% - 10px);
    margin-inline-start:-2px;padding: 2px;
    display: flex;
    overflow-y: auto
}

.compose-panel .compose-form {
    flex: auto
}

.navigation-panel {
    flex-direction: column;
    height: calc(100% - 20px);
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    overflow: hidden
}

.navigation-panel__menu {
    scrollbar-width: thin;
    flex: auto;
    min-height: 0;
    overflow-y: auto
}

.navigation-panel__list-panel__header {
    align-items: center;
    padding-inline-end:4px;display: flex
}

.navigation-panel__list-panel__header__sep {
    border-left: 1px solid var(--color-border-primary);
    width: 0;
    height: 24px
}

.navigation-panel__list-panel__header .column-link {
    flex: auto
}

.navigation-panel__list-panel__header .icon-button {
    padding: 8px
}

.navigation-panel__list-panel__items {
    padding-inline-start:32px}

.navigation-panel__list-panel__items .icon {
    display: none
}

.navigation-panel__compose-button {
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 6px;
    justify-content: flex-start;
    gap: 8px;
    margin: 12px;
    padding-inline:5px 12px;font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    display: flex
}

.navigation-panel__compose-button .icon {
    width: 24px;
    height: 24px
}

.navigation-panel .navigation-bar {
    padding: 16px
}

.navigation-panel .search {
    margin: 16px 16px 12px
}

.navigation-panel .logo {
    width: auto;
    height: 30px
}

.navigation-panel__logo {
    margin-bottom: 12px
}

@media screen and (max-height: 930px) {
    .navigation-panel__portal .trends__item:nth-child(n+5) {
        display:none
    }
}

@media screen and (max-height: 874px) {
    .navigation-panel__portal .trends__item:nth-child(n+4) {
        display:none
    }
}

@media screen and (max-height: 818px) {
    .navigation-panel__portal .trends__item:nth-child(n+3) {
        display:none
    }
}

@media screen and (max-height: 762px) {
    .navigation-panel__portal {
        display:none
    }
}

.navigation-panel hr,.navigation-panel li[role=separator],.compose-panel hr,.compose-panel li[role=separator] {
    border: 0;
    border-top: 1px solid var(--color-border-primary);
    background: 0 0;
    flex: none;
    margin: 10px 0
}

.navigation-panel .flex-spacer,.compose-panel .flex-spacer {
    background: 0 0
}

.drawer__pager {
    box-sizing: border-box;
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    flex-grow: 1;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.drawer__inner {
    top: 0;
    background: var(--color-bg-primary);
    box-sizing: border-box;
    z-index: 0;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    position: absolute;
    inset-inline-start: 0;
    overflow: hidden auto
}

.drawer__inner__mastodon {
    background: var(--color-bg-primary);
    contain: content;
    flex: 1;
    min-height: 47px;
    display: none;
    position: relative
}

.drawer__inner__mastodon>img {
    object-fit: contain;
    object-position: bottom left;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: 85%;
    height: 100%;
    display: block
}

@media screen and (min-height: 640px) {
    .drawer__inner__mastodon {
        display:block
    }
}

.drawer__header {
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    flex-direction: row;
    flex: none;
    margin-bottom: 10px;
    font-size: 16px;
    display: flex;
    overflow: hidden
}

.drawer__header a:hover,.drawer__header a:focus,.drawer__header a:active {
    color: var(--color-text-primary)
}

.scrollable {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    flex: auto;
    overflow: hidden scroll
}

.scrollable.optionally-scrollable {
    overflow-y: auto
}

@supports (display: grid) {
    .scrollable {
        contain:strict
    }
}

.scrollable--flex {
    flex-direction: column;
    display: flex
}

.scrollable__append {
    flex: auto;
    min-height: 120px;
    position: relative
}

.scrollable .scrollable {
    flex: auto
}

@supports (display: grid) {
    .scrollable.fullscreen {
        contain:none
    }
}

.column-back-button {
    box-sizing: border-box;
    border: 1px solid var(--color-border-primary);
    width: 100%;
    color: var(--color-text-brand);
    cursor: pointer;
    font-size: 16px;
    line-height: inherit;
    text-align: unset;
    z-index: 3;
    background: 0 0;
    border-radius: 4px 4px 0 0;
    outline: 0;
    flex: none;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 13px;
    display: flex
}

.column-back-button:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.column-back-button:focus-visible {
    outline: var(--outline-focus-default);
    outline-offset: -2px
}

.column-header__back-button {
    color: var(--color-text-brand);
    cursor: pointer;
    white-space: nowrap;
    z-index: 3;
    background: 0 0;
    border: 0;
    align-items: center;
    gap: 5px;
    padding: 13px;
    font-family: inherit;
    font-size: 16px;
    display: flex
}

.column-header__back-button:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.column-header__back-button.compact {
    flex: none;
    padding-inline-end:5px}

.react-toggle {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background-color: #0000;
    border: 0;
    border-radius: 10px;
    padding: 0;
    display: inline-block;
    position: relative
}

.react-toggle--focus,.react-toggle:focus-within {
    outline: var(--outline-focus-default);
    outline-offset: 2px
}

.react-toggle--focus .react-toggle-track,.react-toggle:focus-within .react-toggle-track {
    border-color: #0000
}

.react-toggle-screenreader-only,.sr-only {
    clip-path: inset(50%);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.react-toggle--disabled {
    cursor: not-allowed;
    opacity: .5;
    transition: opacity .25s
}

.react-toggle-track {
    background-color: var(--color-bg-tertiary);
    border: 1px solid var(--color-border-primary);
    box-sizing: border-box;
    border-radius: 10px;
    width: 32px;
    height: 20px;
    padding: 0
}

.react-toggle--checked .react-toggle-track {
    background-color: var(--color-bg-brand-base);
    border-color: var(--color-bg-brand-base)
}

.react-toggle-track-check,.react-toggle-track-x {
    display: none
}

.react-toggle-thumb {
    top: 2px;
    background-color: var(--color-text-on-brand-base);
    width: 16px;
    height: 16px;
    box-shadow: 0 2px 4px 0 color-mix(var(--color-black), transparent 75%);
    box-sizing: border-box;
    border-radius: 50%;
    transition: border-color .25s,left .25s;
    position: absolute;
    inset-inline-start: 2px
}

.react-toggle--checked .react-toggle-thumb {
    border-color: var(--color-bg-brand-base);
    inset-inline-start: 14px
}

.follow_requests-unlocked_explanation,.switch-to-advanced {
    color: var(--color-text-secondary);
    background-color: var(--color-bg-secondary);
    border-radius: 4px;
    margin-top: 4px;
    margin-bottom: 12px;
    padding: 15px;
    font-size: 13px;
    line-height: 18px
}

.follow_requests-unlocked_explanation a,.switch-to-advanced a {
    color: var(--color-text-brand);
    font-weight: 700
}

.column-link {
    box-sizing: border-box;
    white-space: nowrap;
    width: 100%;
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary));
    background: 0 0;
    border: 2px solid #0000;
    border-radius: 4px;
    align-items: center;
    gap: 8px;
    padding: 10px;
    padding-inline-start:14px;font-size: 16px;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex;
    overflow: hidden
}

.column-link:hover,.column-link:active,.column-link:focus-visible {
    color: var(--color-text-primary)
}

.column-link.active {
    color: var(--color-text-brand)
}

.column-link:focus-visible {
    border-color: var(--color-border-brand);
    background: var(--color-bg-brand-softest);
    outline: none
}

.column-link--logo {
    padding: 8px;
    padding-inline-start:12px}

.column-link__badge {
    background: var(--color-bg-primary);
    border-radius: 4px;
    margin: -6px 10px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    display: inline-block
}

.getting-started__wrapper {
    flex: none
}

.flex-spacer {
    flex: auto
}

.getting-started {
    color: var(--color-text-tertiary);
    border: 1px solid var(--color-border-primary);
    border-top: 0;
    overflow: auto
}

.getting-started__trends-heading {
    border-bottom: 1px solid var(--color-border-primary);
    text-transform: uppercase;
    padding: 10px;
    font-size: 12px;
    font-weight: 500
}

.navigation-panel .getting-started__trends-heading {
    padding: 10px 12px;
    padding-inline-start:16px}

.getting-started__trends-heading a {
    color: var(--color-text-secondary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.getting-started__trends {
    opacity: 1;
    flex: 0 auto;
    margin-top: 10px;
    animation: .15s linear fade
}

.getting-started__trends .trends__item {
    border-bottom: 0;
    padding: 10px
}

.getting-started__trends .trends__item__current {
    color: var(--color-text-secondary)
}

.navigation-panel .getting-started__trends .trends__item {
    padding: 10px 12px;
    padding-inline-start:16px}

.keyboard-shortcuts {
    padding: 8px 0 0;
    overflow: hidden
}

.keyboard-shortcuts thead {
    position: absolute;
    inset-inline-start: -9999px
}

.keyboard-shortcuts td {
    padding: 0 10px 8px
}

.keyboard-shortcuts kbd {
    display: inline-block
}

.status-card {
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border-primary);
    contain: inline-size layout paint style;
    border-radius: 8px;
    align-items: center;
    margin-top: 14px;
    font-size: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.status-card.bottomless {
    border-radius: 8px 8px 0 0
}

.status-card__actions {
    bottom: 0;
    inset-inline: 0;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0
}

.status-card__actions>div {
    color: var(--color-text-on-media);
    background: rgb(from var(--color-bg-media) r g b/60%);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border-radius: 8px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 12px 9px;
    display: flex
}

.status-card__actions button,.status-card__actions a {
    color: var(--color-text-on-media);
    background: 0 0;
    border: 0;
    padding: 0 8px;
    font-size: 18px;
    line-height: 18px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline
}

.status-card__actions button:hover,.status-card__actions button:active,.status-card__actions button:focus,.status-card__actions a:hover,.status-card__actions a:active,.status-card__actions a:focus {
    color: var(--color-text-on-media)
}

.status-card__actions a {
    font-size: 19px;
    position: relative;
    bottom: -1px
}

a.status-card {
    cursor: pointer
}

a.status-card:hover .status-card__title,a.status-card:hover .status-card__host,a.status-card:hover .status-card__author,a.status-card:hover .status-card__description,a.status-card:focus .status-card__title,a.status-card:focus .status-card__host,a.status-card:focus .status-card__author,a.status-card:focus .status-card__description,a.status-card:active .status-card__title,a.status-card:active .status-card__host,a.status-card:active .status-card__author,a.status-card:active .status-card__description {
    color: var(--color-text-brand)
}

.status-card a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.status-card a:hover .status-card__title,.status-card a:hover .status-card__host,.status-card a:hover .status-card__author,.status-card a:hover .status-card__description,.status-card a:focus .status-card__title,.status-card a:focus .status-card__host,.status-card a:focus .status-card__author,.status-card a:focus .status-card__description,.status-card a:active .status-card__title,.status-card a:active .status-card__host,.status-card a:active .status-card__author,.status-card a:active .status-card__description {
    color: var(--color-text-brand)
}

.status-card-photo {
    cursor: zoom-in;
    width: 100%;
    height: auto;
    margin: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block
}

.status-card-video {
    overflow: hidden
}

.status-card-video iframe {
    width: 100%;
    height: 100%
}

.status-card__title {
    color: var(--color-text-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 19px;
    font-weight: 700;
    line-height: 24px;
    display: block;
    overflow: hidden
}

.status-card.expanded .status-card__title {
    white-space: normal;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.status-card__content {
    box-sizing: border-box;
    flex: auto;
    max-width: 100%;
    padding: 15px;
    overflow: hidden
}

.status-card__host {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
    overflow: hidden
}

.status-card__author {
    color: var(--color-text-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 8px;
    font-size: 14px;
    display: block;
    overflow: hidden
}

.status-card__author strong {
    font-weight: 500
}

.status-card__description {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 8px;
    font-size: 14px;
    display: block;
    overflow: hidden
}

.status-card__image {
    aspect-ratio: 1;
    background: var(--color-bg-secondary);
    flex: none;
    width: 120px;
    position: relative
}

.status-card__image>.icon {
    transform-origin: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%,-50%)
}

.status-card__image-image {
    object-fit: cover;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block
}

.status-card__image-preview {
    object-fit: fill;
    top: 0;
    z-index: 0;
    background: var(--color-bg-primary);
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    position: absolute;
    inset-inline-start: 0
}

.status-card__image-preview--hidden {
    display: none
}

.status-card.expanded {
    flex-direction: column;
    align-items: flex-start
}

.status-card.expanded .status-card__image {
    aspect-ratio: auto;
    width: 100%
}

.status-card__image,.status-card__image-image,.status-card__image-preview {
    border-start-start-radius: 8px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 8px
}

.status-card.expanded .status-card__image,.status-card.expanded .status-card__image-image,.status-card.expanded .status-card__image-preview {
    border-start-end-radius: 8px;
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.status-card.bottomless .status-card__image,.status-card.bottomless .status-card__image-image,.status-card.bottomless .status-card__image-preview {
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.status-card.expanded>a {
    width: 100%
}

.load-more {
    color: var(--color-text-primary);
    font-size: inherit;
    line-height: inherit;
    box-sizing: border-box;
    background-color: #0000;
    border: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.load-more--large {
    padding-block:32px}

.load-more:is(button):hover {
    background: var(--color-bg-secondary)
}

.load-more:is(button):focus-visible {
    outline: var(--outline-focus-default);
    outline-offset: -2px
}

.load-more .icon {
    width: 22px;
    height: 22px
}

.load-gap {
    border-bottom: 1px solid var(--color-border-primary)
}

.timeline-hint {
    text-align: center;
    color: var(--color-text-secondary);
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    font-size: 14px;
    line-height: 21px
}

.timeline-hint strong {
    font-weight: 500
}

.timeline-hint a {
    color: var(--color-text-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.timeline-hint a:hover,.timeline-hint a:focus,.timeline-hint a:active {
    color: var(--color-text-brand-soft);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.timeline-hint--with-descendants {
    border-top: 1px solid var(--color-border-primary)
}

.regeneration-indicator {
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border-primary);
    cursor: default;
    border-top: 0;
    flex-direction: column;
    flex: auto;
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex
}

.regeneration-indicator__figure {
    width: 100%;
    max-width: 350px;
    height: auto;
    margin-top: -50px;
    display: block
}

.regeneration-indicator__label {
    text-align: center;
    font-size: 16px
}

.regeneration-indicator__label strong {
    color: var(--color-text-secondary);
    margin-bottom: 10px;
    font-weight: 500;
    display: block
}

.regeneration-indicator__label span {
    font-size: 15px
}

.column-header__wrapper {
    z-index: 1;
    flex: none;
    position: relative
}

.column-header__wrapper.active {
    box-shadow: 0 1px 0 var(--color-bg-brand-softest)
}

.column-header__wrapper.active:before {
    content: "";
    bottom: -13px;
    pointer-events: none;
    z-index: 1;
    background: radial-gradient(ellipse, rgb(from var(--color-bg-brand-base) r g b/23%) 0%, transparent 60%);
    width: 60%;
    height: 28px;
    margin: 0 auto;
    display: block;
    position: absolute;
    inset-inline: 0
}

.column-header__wrapper .announcements {
    z-index: 1;
    position: relative
}

.column-header__select-row {
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: var(--color-border-primary);
    align-items: center;
    gap: 8px;
    padding: 15px;
    display: flex
}

.column-header__select-row__checkbox .check-box {
    display: flex
}

.column-header__select-row__select-menu:disabled {
    visibility: hidden
}

.column-header__select-row__mode-button {
    color: var(--color-text-brand);
    margin-left: auto;
    font-size: 14px;
    font-weight: 700
}

.column-header__select-row__mode-button:hover {
    color: var(--color-text-brand-soft)
}

.column-header {
    border: 1px solid var(--color-border-primary);
    z-index: 2;
    border-radius: 4px 4px 0 0;
    outline: 0;
    flex: none;
    font-size: 16px;
    display: flex;
    position: relative
}

.column-header__title-wrapper {
    flex-grow: 1;
    min-width: 0;
    display: flex
}

.column-header__title {
    color: inherit;
    font: inherit;
    text-align: start;
    background: 0 0;
    border: 0;
    flex-grow: 1;
    align-items: center;
    gap: 5px;
    min-width: 0;
    margin: 0;
    padding: 13px;
    padding-inline-end:0;display: flex
}

.column-header__title--with-back-button {
    padding-inline-start:0}

.column-header__title:focus-visible {
    outline: var(--outline-focus-default)
}

.column-header__title .logo {
    height: 24px
}

.column-header__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.column-header .column-header__back-button {
    color: var(--color-text-brand);
    flex: 1
}

.column-header .column-header__back-button.compact {
    color: var(--color-text-primary);
    flex: none
}

.column-header.active .column-header__icon {
    color: var(--color-text-brand);
    text-shadow: 0 0 10px var(--color-bg-brand-softest)
}

.column-header:focus,.column-header:active {
    outline: 0
}

.column-header__advanced-buttons {
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    display: flex
}

.column-header__advanced-buttons:first-child {
    padding-top: 16px
}

.column-header__buttons {
    height: 48px;
    display: flex
}

.column-header__links {
    margin-bottom: 14px
}

.column-header__links .text-btn {
    margin-inline-end:10px}

.column-header__button {
    color: var(--color-text-primary);
    cursor: pointer;
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    font-size: 16px;
    display: flex
}

.column-header__button:last-child {
    border-start-end-radius: 4px
}

.column-header__button:hover {
    color: var(--color-text-secondary)
}

.column-header__button:focus-visible {
    outline: var(--outline-focus-default)
}

.column-header__button.active,.column-header__button.active:hover {
    color: var(--color-text-brand)
}

.column-header__button:disabled {
    color: var(--color-text-disabled);
    cursor: default
}

.no-reduce-motion .column-header__button .icon-sliders {
    transition: transform .15s ease-in-out
}

.column-header__collapsible {
    max-height: 70vh;
    color: var(--color-text-secondary);
    opacity: 1;
    z-index: 1;
    border-left: 1px solid var(--color-border-primary);
    border-right: 1px solid var(--color-border-primary);
    border-bottom: 1px solid var(--color-border-primary);
    transition: max-height .15s ease-in-out,opacity .3s linear;
    position: relative;
    overflow: hidden auto
}

@media screen and (max-width: 1175px) {
    .column-header__collapsible {
        border-left:0;
        border-right: 0
    }
}

.column-header__collapsible.collapsed {
    opacity: .5;
    border-bottom: 0;
    max-height: 0
}

.column-header__collapsible.animating {
    overflow-y: hidden
}

.column-header__collapsible hr {
    border: 0;
    border-top: 1px solid var(--color-border-primary);
    background: 0 0;
    height: 0;
    margin: 10px 0
}

.column-header__collapsible-inner {
    border-top: 0
}

.column-header__setting-btn:hover,.column-header__setting-btn:focus {
    color: var(--color-text-secondary);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.column-header__collapsible__extra+.column-header__setting-btn {
    padding-top: 5px
}

.column-header__permission-btn {
    font-weight: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    display: inline
}

.column-header__setting-arrows {
    align-items: center;
    display: flex
}

.text-btn {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    align-items: center;
    gap: 4px;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex
}

.text-btn .icon {
    width: 13px;
    height: 13px
}

.column-header__issue-btn {
    color: var(--color-text-error)
}

.column-header__issue-btn:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.loading-indicator {
    color: var(--color-text-secondary);
    text-transform: uppercase;
    top: 50%;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    position: absolute;
    inset-inline-start: 50%;
    overflow: visible;
    transform: translate(-50%,-50%)
}

.load-more .loading-indicator,.button .loading-indicator,.icon-button .loading-indicator {
    color: inherit;
    position: static;
    transform: none
}

.load-more .loading-indicator .circular-progress,.button .loading-indicator .circular-progress,.icon-button .loading-indicator .circular-progress {
    color: inherit;
    width: 22px;
    height: 22px
}

.button--compact .loading-indicator .circular-progress {
    width: 17px;
    height: 17px
}

.icon-button .loading-indicator .circular-progress {
    color: var(--color-text-tertiary);
    width: 12px;
    height: 12px;
    margin: 6px
}

.load-more .loading-indicator .circular-progress {
    color: var(--color-text-tertiary)
}

.circular-progress {
    color: var(--color-text-tertiary);
    animation: 1.4s linear infinite simple-rotate
}

.circular-progress circle {
    stroke: currentColor;
    stroke-dasharray: 80 200;
    stroke-dashoffset: 0;
    animation: 1.4s ease-in-out infinite circular-progress
}

@keyframes circular-progress {
    0% {
        stroke-dasharray: 1 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100 200;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100 200;
        stroke-dashoffset: -125px
    }
}

@keyframes simple-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes spring-rotate-in {
    0% {
        transform: rotate(0)
    }

    30% {
        transform: rotate(-484.8deg)
    }

    60% {
        transform: rotate(-316.7deg)
    }

    90% {
        transform: rotate(-375deg)
    }

    to {
        transform: rotate(-360deg)
    }
}

@keyframes spring-rotate-out {
    0% {
        transform: rotate(-360deg)
    }

    30% {
        transform: rotate(124.8deg)
    }

    60% {
        transform: rotate(-43.27deg)
    }

    90% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0)
    }
}

.video-error-cover {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    cursor: pointer;
    text-align: center;
    z-index: 100;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 8px;
    display: flex;
    position: relative
}

.spoiler-button {
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0
}

.spoiler-button--hidden {
    display: none
}

.spoiler-button--click-thru {
    pointer-events: none
}

.spoiler-button__overlay {
    width: 100%;
    height: 100%;
    color: var(--color-text-on-media);
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.spoiler-button__overlay__label {
    background-color: var(--color-bg-media);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 12px 16px;
    font-weight: 600;
    display: flex
}

.spoiler-button__overlay__action {
    font-size: 13px;
    font-weight: 400
}

.spoiler-button__overlay:hover .spoiler-button__overlay__label,.spoiler-button__overlay:focus .spoiler-button__overlay__label {
    background-color: rgb(from var(--color-bg-media-base) r g b/90%)
}

.spoiler-button__overlay:focus-visible .spoiler-button__overlay__label {
    outline: 2px solid var(--color-text-on-media);
    outline-offset: -4px
}

.account--panel {
    border-top: 1px solid var(--color-border-primary);
    border-bottom: 1px solid var(--color-border-primary);
    flex-direction: row;
    padding: 10px 0;
    display: flex
}

.account--panel__button,.detailed-status__button {
    text-align: center;
    flex: auto
}

.column-settings {
    flex-direction: column;
    display: flex
}

.column-settings__section {
    color: var(--color-text-secondary);
    cursor: default;
    font-weight: 500;
    display: block
}

.column-settings .column-header__links {
    margin: 0
}

.column-settings section {
    border-bottom: 1px solid var(--color-border-primary);
    padding: 16px
}

.column-settings section:last-child {
    border-bottom: 0
}

.column-settings h3 {
    letter-spacing: .5px;
    color: var(--color-text-primary);
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.column-settings__row {
    flex-direction: column;
    gap: 12px;
    display: flex
}

.column-settings .app-form__toggle__toggle>div {
    border: 0
}

.column-settings__hashtags {
    margin-top: 15px
}

.column-settings__hashtags .column-settings__row {
    margin-bottom: 15px
}

.column-settings__hashtags .column-select__control {
    box-sizing: border-box;
    width: 100%;
    box-shadow: none;
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-primary);
    outline: var(--outline-focus-default);
    outline-offset: -1px;
    border-radius: 4px;
    outline-color: #0000;
    margin: 0;
    font-family: inherit;
    font-size: 17px;
    line-height: normal;
    transition: outline-color .15s ease-out
}

.column-settings__hashtags .column-select__control::placeholder {
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary))
}

.column-settings__hashtags .column-select__control::-moz-focus-inner {
    border: 0
}

.column-settings__hashtags .column-select__control:focus,.column-settings__hashtags .column-select__control:active {
    outline: 0!important
}

.column-settings__hashtags .column-select__control::-moz-focus-inner {
    outline: 0!important
}

.column-settings__hashtags .column-select__control:focus {
    background: var(--color-bg-secondary)
}

@media screen and (max-width: 600px) {
    .column-settings__hashtags .column-select__control {
        font-size:16px
    }
}

.column-settings__hashtags .column-select__placeholder {
    color: var(--color-text-tertiary);
    padding-inline-start:2px;font-size: 12px
}

.column-settings__hashtags .column-select__value-container {
    padding-inline-start:6px}

.column-settings__hashtags .column-select__multi-value {
    background: var(--color-bg-secondary)
}

.column-settings__hashtags .column-select__multi-value__remove {
    cursor: pointer
}

.column-settings__hashtags .column-select__multi-value__remove:hover,.column-settings__hashtags .column-select__multi-value__remove:active,.column-settings__hashtags .column-select__multi-value__remove:focus {
    background: var(--color-bg-brand-softest);
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary))
}

.column-settings__hashtags .column-select__multi-value__label,.column-settings__hashtags .column-select__input,.column-settings__hashtags .column-select__input-container {
    color: var(--color-text-secondary)
}

.column-settings__hashtags .column-select__clear-indicator,.column-settings__hashtags .column-select__dropdown-indicator {
    cursor: pointer;
    color: var(--color-text-tertiary);
    transition: none
}

.column-settings__hashtags .column-select__clear-indicator:hover,.column-settings__hashtags .column-select__clear-indicator:active,.column-settings__hashtags .column-select__clear-indicator:focus,.column-settings__hashtags .column-select__dropdown-indicator:hover,.column-settings__hashtags .column-select__dropdown-indicator:active,.column-settings__hashtags .column-select__dropdown-indicator:focus {
    color: var(--color-text-secondary)
}

.column-settings__hashtags .column-select__indicator-separator {
    background-color: var(--color-border-primary)
}

.column-settings__hashtags .column-select__menu {
    background: var(--color-bg-primary);
    padding: 10px 14px;
    color: var(--color-text-secondary);
    box-shadow: 2px 4px 15px var(--color-shadow-primary);
    border-radius: 4px;
    margin-top: 10px;
    padding-bottom: 14px
}

.column-settings__hashtags .column-select__menu h4 {
    text-transform: uppercase;
    color: var(--color-text-secondary);
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500
}

.column-settings__hashtags .column-select__menu li {
    padding: 4px 0
}

.column-settings__hashtags .column-select__menu ul {
    margin-bottom: 10px
}

.column-settings__hashtags .column-select__menu em {
    color: var(--color-text-primary);
    font-weight: 500
}

.column-settings__hashtags .column-select__menu {
    background: var(--color-bg-primary);
    padding: 0
}

.column-settings__hashtags .column-select__menu-list {
    padding: 6px
}

.column-settings__hashtags .column-select__option {
    color: var(--color-text-primary);
    border-radius: 4px;
    font-size: 14px
}

.column-settings__hashtags .column-select__option--is-focused,.column-settings__hashtags .column-select__option--is-selected {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base)
}

.column-settings__row .text-btn:not(.column-header__permission-btn) {
    margin-bottom: 15px
}

.setting-toggle {
    align-items: center;
    gap: 8px;
    display: flex
}

.setting-toggle__label {
    color: var(--color-text-secondary)
}

.limited-account-hint p {
    color: var(--color-text-primary);
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 500
}

.empty-column-indicator {
    color: var(--color-text-secondary);
    text-align: center;
    cursor: default;
    flex: auto;
    justify-content: center;
    align-items: center;
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex
}

.empty-column-indicator>span {
    max-width: 500px
}

.empty-column-indicator a {
    color: var(--color-text-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.empty-column-indicator a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.empty-column-indicator__arrow {
    top: 50%;
    pointer-events: none;
    transform-origin: 50%;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(100%,-100%)rotate(12deg)
}

.follow_requests-unlocked_explanation {
    margin: 16px 16px 0
}

@keyframes heartbeat {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1)
    }

    10% {
        animation-timing-function: ease-in;
        transform: scale(.91)
    }

    17% {
        animation-timing-function: ease-out;
        transform: scale(.98)
    }

    33% {
        animation-timing-function: ease-in;
        transform: scale(.87)
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1)
    }
}

.no-reduce-motion .pulse-loading {
    transform-origin: 50%;
    animation: 1.5s ease-in-out infinite both heartbeat
}

.emoji-picker-dropdown__menu {
    z-index: 2;
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    box-shadow: var(--dropdown-shadow);
    border-radius: 5px;
    margin-top: 5px;
    position: relative
}

.emoji-picker-dropdown__menu .emoji-mart-scroll {
    transition: opacity .2s
}

.emoji-picker-dropdown__menu.selecting .emoji-mart-scroll {
    opacity: .5
}

.emoji-picker-dropdown__modifiers {
    top: 60px;
    cursor: pointer;
    position: absolute;
    inset-inline-end: 11px
}

.emoji-picker-dropdown__modifiers__menu {
    z-index: 4;
    top: -5px;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    box-shadow: var(--dropdown-shadow);
    border-radius: 4px;
    position: absolute;
    inset-inline-start: -9px;
    overflow: hidden
}

.emoji-picker-dropdown__modifiers__menu button {
    cursor: pointer;
    background: 0 0;
    border: 0;
    padding: 4px 8px;
    display: block
}

.emoji-picker-dropdown__modifiers__menu button:hover,.emoji-picker-dropdown__modifiers__menu button:focus,.emoji-picker-dropdown__modifiers__menu button:active {
    background: var(--color-border-primary)
}

.emoji-picker-dropdown__modifiers__menu .emoji-mart-emoji {
    height: 22px
}

.emoji-mart-emoji span {
    background-repeat: no-repeat
}

.upload-area {
    background: rgb(from var(--color-bg-overlay) r g b/80%);
    opacity: 0;
    inset-inline-start: 0;
    visibility: hidden;
    z-index: 2000;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0
}

.upload-area * {
    pointer-events: none
}

.upload-area__drop {
    box-sizing: border-box;
    width: 320px;
    height: 160px;
    padding: 8px;
    display: flex;
    position: relative
}

.upload-area__background {
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    z-index: -1;
    background: var(--color-bg-primary);
    box-shadow: 0 0 5px var(--color-shadow-primary);
    border-radius: 4px;
    position: absolute;
    inset-inline-start: 0
}

.upload-area__content {
    text-align: center;
    color: var(--color-text-primary);
    border: 2px dashed var(--color-border-primary);
    border-radius: 4px;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    display: flex
}

.upload-progress {
    color: var(--color-text-secondary);
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    display: flex;
    overflow: hidden
}

.upload-progress .icon {
    width: 24px;
    height: 24px;
    color: var(--color-text-brand)
}

.upload-progress span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    display: block
}

.upload-progress__message {
    flex: auto
}

.upload-progress__backdrop {
    background: var(--color-bg-primary);
    border-radius: 6px;
    width: 100%;
    height: 6px;
    margin-top: 5px;
    position: relative
}

.upload-progress__tracker {
    inset-inline-start: 0;
    background: var(--color-text-brand);
    border-radius: 6px;
    height: 6px;
    position: absolute;
    top: 0
}

.emoji-button {
    padding-top: 5px;
    padding-bottom: 2px;
    cursor: pointer;
    outline: 0;
    padding-inline:2px 5px;display: block
}

.emoji-button img {
    filter: grayscale();
    opacity: .8;
    width: 22px;
    height: 22px;
    margin: 0;
    display: block
}

.emoji-button:hover img,.emoji-button:active img,.emoji-button:focus img {
    opacity: 1;
    filter: none;
    border-radius: 100%
}

.emoji-button:focus-visible img {
    outline: var(--outline-focus-default)
}

.dropdown--active .emoji-button img {
    opacity: 1;
    filter: none
}

.privacy-dropdown__dropdown,.language-dropdown__dropdown,.visibility-dropdown__dropdown {
    box-shadow: var(--dropdown-shadow);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    z-index: 2;
    border-radius: 4px;
    padding: 4px;
    overflow: hidden
}

.privacy-dropdown__dropdown.top,.language-dropdown__dropdown.top,.visibility-dropdown__dropdown.top {
    transform-origin: 50% 100%
}

.privacy-dropdown__dropdown.bottom,.language-dropdown__dropdown.bottom,.visibility-dropdown__dropdown.bottom {
    transform-origin: 50% 0
}

.modal-root__container .privacy-dropdown {
    flex-grow: 0
}

.modal-root__container .privacy-dropdown__dropdown {
    pointer-events: auto;
    z-index: 9999
}

.privacy-dropdown__option,.visibility-dropdown__option {
    letter-spacing: .25px;
    cursor: pointer;
    color: var(--color-text-primary);
    border-radius: 4px;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.privacy-dropdown__option:hover+.privacy-dropdown__option:is(:focus,.active),.privacy-dropdown__option:is(:focus,.active)+.privacy-dropdown__option:hover,.privacy-dropdown__option:is(:focus,.active)+.privacy-dropdown__option:is(:focus,.active),.privacy-dropdown__option:hover+.visibility-dropdown__option:is(:focus,.active),.privacy-dropdown__option:is(:focus,.active)+.visibility-dropdown__option:hover,.privacy-dropdown__option:is(:focus,.active)+.visibility-dropdown__option:is(:focus,.active),.visibility-dropdown__option:hover+.privacy-dropdown__option:is(:focus,.active),.visibility-dropdown__option:is(:focus,.active)+.privacy-dropdown__option:hover,.visibility-dropdown__option:is(:focus,.active)+.privacy-dropdown__option:is(:focus,.active),.visibility-dropdown__option:hover+.visibility-dropdown__option:is(:focus,.active),.visibility-dropdown__option:is(:focus,.active)+.visibility-dropdown__option:hover,.visibility-dropdown__option:is(:focus,.active)+.visibility-dropdown__option:is(:focus,.active) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

:is(.privacy-dropdown__option:hover:has(+:focus,.active),.privacy-dropdown__option:is(:focus,.active):has(+:hover),.privacy-dropdown__option:is(:focus,.active):has(+:is(:focus,.active)),.visibility-dropdown__option:hover:has(+:focus,.active),.visibility-dropdown__option:is(:focus,.active):has(+:hover),.visibility-dropdown__option:is(:focus,.active):has(+:is(:focus,.active))) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.privacy-dropdown__option:hover,.privacy-dropdown__option:active,.visibility-dropdown__option:hover,.visibility-dropdown__option:active {
    background: var(--color-bg-secondary)
}

.privacy-dropdown__option:focus,.privacy-dropdown__option.active,.visibility-dropdown__option:focus,.visibility-dropdown__option.active {
    background: var(--color-bg-brand-base);
    color: var(--color-text-on-brand-base);
    outline: 0
}

.privacy-dropdown__option:focus .privacy-dropdown__option__content,.privacy-dropdown__option:focus .privacy-dropdown__option__content strong,.privacy-dropdown__option:focus .privacy-dropdown__option__additional,.privacy-dropdown__option:focus .visibility-dropdown__option__content,.privacy-dropdown__option:focus .visibility-dropdown__option__content strong,.privacy-dropdown__option:focus .visibility-dropdown__option__additional,.privacy-dropdown__option.active .privacy-dropdown__option__content,.privacy-dropdown__option.active .privacy-dropdown__option__content strong,.privacy-dropdown__option.active .privacy-dropdown__option__additional,.privacy-dropdown__option.active .visibility-dropdown__option__content,.privacy-dropdown__option.active .visibility-dropdown__option__content strong,.privacy-dropdown__option.active .visibility-dropdown__option__additional,.visibility-dropdown__option:focus .privacy-dropdown__option__content,.visibility-dropdown__option:focus .privacy-dropdown__option__content strong,.visibility-dropdown__option:focus .privacy-dropdown__option__additional,.visibility-dropdown__option:focus .visibility-dropdown__option__content,.visibility-dropdown__option:focus .visibility-dropdown__option__content strong,.visibility-dropdown__option:focus .visibility-dropdown__option__additional,.visibility-dropdown__option.active .privacy-dropdown__option__content,.visibility-dropdown__option.active .privacy-dropdown__option__content strong,.visibility-dropdown__option.active .privacy-dropdown__option__additional,.visibility-dropdown__option.active .visibility-dropdown__option__content,.visibility-dropdown__option.active .visibility-dropdown__option__content strong,.visibility-dropdown__option.active .visibility-dropdown__option__additional {
    color: var(--color-text-on-brand-base)
}

.privacy-dropdown__option__additional,.visibility-dropdown__option__additional {
    color: var(--color-text-secondary);
    cursor: help;
    justify-content: center;
    align-items: center;
    display: flex
}

.privacy-dropdown__option__icon,.visibility-dropdown__option__icon {
    justify-content: center;
    align-items: center;
    display: flex
}

.privacy-dropdown__option__content,.visibility-dropdown__option__content {
    color: var(--color-text-secondary);
    flex: auto
}

.privacy-dropdown__option__content strong,.visibility-dropdown__option__content strong {
    color: var(--color-text-primary);
    font-weight: 500;
    display: block
}

.privacy-dropdown__option__content strong:lang(ja),.visibility-dropdown__option__content strong:lang(ja),.privacy-dropdown__option__content strong:lang(ko),.visibility-dropdown__option__content strong:lang(ko),.privacy-dropdown__option__content strong:lang(zh-CN),.visibility-dropdown__option__content strong:lang(zh-CN),.privacy-dropdown__option__content strong:lang(zh-HK),.visibility-dropdown__option__content strong:lang(zh-HK),.privacy-dropdown__option__content strong:lang(zh-TW),.visibility-dropdown__option__content strong:lang(zh-TW) {
    font-weight: 700
}

.language-dropdown__dropdown {
    width: 300px;
    padding: 0
}

.language-dropdown__dropdown .emoji-mart-search {
    background: var(--color-bg-primary);
    padding: 10px
}

.language-dropdown__dropdown .emoji-mart-search input {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    color: var(--color-text-secondary);
    padding: 8px 12px
}

@media screen and (max-width: 600px) {
    .language-dropdown__dropdown .emoji-mart-search input {
        letter-spacing:.5px;
        font-size: 16px;
        line-height: 24px
    }
}

.language-dropdown__dropdown .emoji-mart-search-icon {
    opacity: 1;
    color: var(--color-text-primary);
    inset-inline-end: 15px
}

.language-dropdown__dropdown .emoji-mart-search-icon .icon {
    width: 18px;
    height: 18px
}

.language-dropdown__dropdown .emoji-mart-search-icon:disabled {
    color: var(--color-text-secondary)
}

.language-dropdown__dropdown .emoji-mart-scroll {
    background: var(--color-bg-primary);
    padding: 0 10px 10px
}

.language-dropdown__dropdown__results__item {
    cursor: pointer;
    color: var(--color-text-primary);
    letter-spacing: .25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 4px;
    align-items: center;
    gap: .5em;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    overflow: hidden
}

.language-dropdown__dropdown__results__item__common-name {
    color: var(--color-text-secondary);
    font-weight: 400
}

.language-dropdown__dropdown__results__item:active,.language-dropdown__dropdown__results__item:hover {
    background: var(--color-bg-secondary)
}

.language-dropdown__dropdown__results__item:focus,.language-dropdown__dropdown__results__item.active {
    background: var(--color-bg-brand-base);
    color: var(--color-text-on-brand-base);
    outline: 0
}

.language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__common-name,.language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__common-name {
    color: var(--color-text-on-brand-base)
}

.visibility-modal__quote-warning {
    color: var(--color-text-primary);
    background: var(--color-bg-warning-softest);
    border-radius: 4px;
    padding: 16px
}

.visibility-modal__quote-warning h3 {
    margin-bottom: 4px;
    font-weight: 500
}

.visibility-modal__quote-warning p {
    font-size: .8em
}

.visibility-dropdown__overlay[data-popper-placement] {
    z-index: 9999
}

.visibility-dropdown.disabled {
    opacity: .6;
    cursor: default
}

.visibility-dropdown__label {
    margin-bottom: 8px;
    font-weight: 500;
    display: block
}

.visibility-dropdown__button {
    color: var(--color-text-primary);
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    text-align: left;
    border-radius: 4px;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    font-size: 14px;
    display: flex
}

.visibility-dropdown__button:disabled {
    cursor: default
}

.visibility-dropdown__icon {
    opacity: .5;
    width: 18px;
    height: 18px;
    margin-inline:auto -4px}

.visibility-dropdown__helper {
    color: var(--color-text-tertiary);
    margin-top: 4px;
    font-size: .8em
}

.search {
    margin-bottom: 32px;
    position: relative
}

.layout-multiple-columns .search {
    margin-bottom: 10px
}

.search__popout {
    box-sizing: border-box;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    width: 100%;
    box-shadow: var(--dropdown-shadow);
    z-index: 99;
    border-radius: 0 0 4px 4px;
    margin-top: 1px;
    padding: 15px 5px;
    font-size: 13px;
    display: none;
    position: absolute;
    inset-inline-start: 0
}

.search__popout h4 {
    text-transform: uppercase;
    color: var(--color-text-secondary);
    margin-bottom: 10px;
    padding: 0 10px;
    font-weight: 500
}

.search__popout .icon-button {
    --default-icon-color: inherit;
    padding: 0
}

.search__popout .icon {
    width: 18px;
    height: 18px
}

.search__popout__menu {
    margin-bottom: 20px
}

.search__popout__menu:last-child {
    margin-bottom: 0
}

.search__popout__menu__message {
    color: var(--color-text-secondary);
    padding: 0 10px
}

.search__popout__menu__item {
    box-sizing: border-box;
    width: 100%;
    font: inherit;
    color: var(--color-text-secondary);
    cursor: pointer;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    padding: 10px;
    display: block;
    overflow: hidden
}

.search__popout__menu__item--flex {
    justify-content: space-between;
    display: flex
}

.search__popout__menu__item .icon-button {
    transition: none
}

.search__popout__menu__item:hover,.search__popout__menu__item:focus,.search__popout__menu__item:active,.search__popout__menu__item.selected {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base)
}

.search__popout__menu__item:hover .icon-button,.search__popout__menu__item:focus .icon-button,.search__popout__menu__item:active .icon-button,.search__popout__menu__item.selected .icon-button {
    --default-icon-color: inherit;
    --default-bg-color: transparent;
    --hover-icon-color: inherit;
    --hover-bg-color: var(--color-bg-brand-base-hover)
}

.search__popout__menu__item mark {
    color: var(--color-text-primary);
    background: 0 0;
    font-weight: 700
}

.search__popout__menu__item span {
    overflow: inherit;
    text-overflow: inherit
}

.search.active .search__popout {
    display: block
}

.search__input {
    box-sizing: border-box;
    width: 100%;
    box-shadow: none;
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-primary);
    outline: var(--outline-focus-default);
    outline-offset: -1px;
    border-radius: 4px;
    outline-color: #0000;
    margin: 0;
    padding: 12px 16px;
    padding-inline-start:39px;font-family: inherit;
    font-size: 17px;
    line-height: normal;
    transition: outline-color .15s ease-out;
    display: block
}

.search__input:focus {
    outline-color: var(--color-border-brand)
}

.search__icon-wrapper {
    width: 20px;
    height: 20px;
    margin-inline-start:14px;display: grid;
    position: absolute;
    top: 14px
}

.search__icon-wrapper .icon {
    width: 100%;
    height: 100%
}

.search__icon-wrapper:not(.has-value) {
    pointer-events: none
}

.search__icon {
    color: var(--color-text-secondary);
    grid-area: 1/1;
    transition: transform .1s linear,opacity .1s linear
}

.has-value .search__icon.icon-search {
    pointer-events: none;
    opacity: 0;
    transform: rotate(90deg)
}

.search__icon--clear-button {
    background: 0 0;
    border: 0;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    padding: 0
}

.search__icon--clear-button::-moz-focus-inner {
    border: 0
}

.search__icon--clear-button:focus {
    outline: 0!important
}

.search__icon--clear-button::-moz-focus-inner {
    outline: 0!important
}

.search__icon--clear-button:focus-visible {
    box-shadow: 0 0 0 2px var(--color-border-brand)
}

.search__icon--clear-button[aria-hidden=true] {
    pointer-events: none;
    opacity: 0;
    transform: rotate(-90deg)
}

.search-results__section {
    border-bottom: 1px solid var(--color-border-primary)
}

.search-results__section:last-child {
    border-bottom: 0
}

.search-results__section__header {
    border-bottom: 1px solid var(--color-border-primary);
    background: var(--color-bg-tertiary);
    color: var(--color-text-secondary);
    justify-content: space-between;
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.search-results__section__header h3 {
    align-items: center;
    gap: 5px;
    display: flex
}

.search-results__section__header button {
    color: var(--color-text-brand);
    font: inherit;
    background: 0;
    border: 0;
    padding: 0
}

.search-results__section__header button:hover,.search-results__section__header button:active,.search-results__section__header button:focus {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.search-results__section .account:last-child,.search-results__section>div:last-child .status {
    border-bottom: 0
}

.search-results__info {
    color: var(--color-text-secondary);
    text-align: center;
    padding: 20px
}

.modal-root {
    z-index: 9998;
    position: relative
}

.modal-root__overlay {
    top: 0;
    inset-inline: 0;
    opacity: .9;
    background: var(--color-bg-overlay);
    transition: background .5s;
    position: fixed;
    bottom: 0
}

.modal-root__container {
    top: 0;
    box-sizing: border-box;
    z-index: 9999;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    overscroll-behavior: none;
    flex-direction: column;
    place-content: space-around center;
    align-items: center;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    max-height: 100vh;
    display: flex;
    position: fixed;
    inset-inline-start: 0
}

.modal-root__modal {
    pointer-events: auto;
    -webkit-user-select: text;
    user-select: text;
    max-width: 100vw;
    display: flex
}

@media screen and (max-width: 630px) {
    .modal-root__modal {
        margin-top:auto
    }

    .modal-root__modal.video-modal {
        margin-top: 0
    }
}

.video-modal .video-player {
    max-width: 100vw;
    max-height: 80vh
}

.audio-modal__container {
    width: 50vw
}

.media-modal {
    touch-action: pan-y;
    width: 100%;
    height: 100%;
    position: relative
}

.media-modal__buttons {
    inset-inline-end: 8px;
    z-index: 100;
    align-items: center;
    gap: 8px;
    display: flex;
    position: absolute;
    top: 8px
}

.media-modal__buttons .icon-button {
    --default-icon-color: var(--color-text-on-media);
    --default-bg-color: transparent;
    --hover-icon-color: var(--color-text-on-media);
    --hover-bg-color: rgb(from var(--color-text-on-media) r g b / var(--overlay-strength-secondary));
    padding: 8px
}

.media-modal__buttons .icon-button .icon {
    width: 24px;
    height: 24px;
    filter: var(--overlay-icon-shadow)
}

.media-modal__closer {
    top: 0;
    inset-inline: 0;
    display: flex;
    position: absolute;
    bottom: 0
}

.media-modal__closer>div {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: auto
}

.media-modal__navigation {
    top: 0;
    inset-inline: 0;
    pointer-events: none;
    will-change: opacity;
    transition: opacity .3s linear;
    position: absolute;
    bottom: 0
}

.media-modal__navigation * {
    pointer-events: auto
}

.media-modal__navigation.media-modal__navigation--hidden {
    opacity: 0
}

.media-modal__navigation.media-modal__navigation--hidden * {
    pointer-events: none
}

.media-modal__nav {
    box-sizing: border-box;
    color: var(--color-text-on-media);
    cursor: pointer;
    height: 20vmax;
    transform: scaleX(var(--text-x-direction));
    background: 0 0;
    border: 0;
    align-items: center;
    margin: auto 0;
    padding: 30px 5px;
    font-size: 24px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0
}

.media-modal__nav .icon {
    border-radius: 5px;
    padding: 10px
}

.media-modal__nav:hover .icon,.media-modal__nav:focus .icon,.media-modal__nav:active .icon {
    background: rgb(from var(--color-text-on-media) r g b/var(--overlay-strength-secondary))
}

.media-modal__nav--prev {
    inset-inline-start: 0
}

.media-modal__nav--next {
    inset-inline-end: 0
}

.media-modal__overlay {
    inset-inline: 0;
    max-width: 600px;
    margin: 0 auto;
    position: absolute;
    bottom: 0
}

.media-modal__overlay .picture-in-picture__footer {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: 0 0;
    border: none;
    border-radius: 0;
    padding: 16px
}

.media-modal__overlay .picture-in-picture__footer .icon-button {
    --default-icon-color: var(--color-text-on-media);
    --default-bg-color: transparent;
    --hover-icon-color: var(--color-text-on-media);
    --hover-bg-color: rgb(from var(--color-text-on-media) r g b / 10%)
}

.media-modal__overlay .picture-in-picture__footer .icon-button .icon {
    filter: var(--overlay-icon-shadow)
}

.media-modal__overlay .picture-in-picture__footer .icon-button.active {
    --default-icon-color: var(--color-text-brand);
    --hover-icon-color: var(--color-text-brand);
    --hover-bg-color: var(--color-bg-brand-soft)
}

.media-modal__overlay .picture-in-picture__footer .icon-button.star-icon.active {
    --default-icon-color: var(--color-text-favourite-highlight);
    --hover-icon-color: var(--color-text-favourite-highlight);
    --hover-bg-color: rgb(from var(--color-text-favourite-highlight) r g b / 10%)
}

.media-modal__overlay .picture-in-picture__footer .icon-button.disabled {
    --default-icon-color: var(--color-text-on-media);
    --default-bg-color: transparent;
    cursor: default;
    opacity: .4
}

.media-modal__pagination {
    justify-content: center;
    margin-bottom: 20px;
    display: flex
}

.media-modal__page-dot {
    background-color: rgb(from var(--color-text-on-media) r g b/40%);
    filter: var(--overlay-icon-shadow);
    border: 0;
    border-radius: 50%;
    flex: none;
    width: 6px;
    height: 6px;
    margin: 0 4px;
    padding: 0;
    font-size: 0;
    transition: background-color .2s ease-in-out
}

.media-modal__page-dot.active {
    background-color: var(--color-text-on-media)
}

.media-modal__page-dot:focus {
    opacity: 1;
    outline: 2px solid var(--color-text-on-media);
    outline-offset: 2px
}

.modal-placeholder {
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    border-radius: 16px;
    flex-direction: column;
    width: 588px;
    min-height: 478px
}

.modal-placeholder__error {
    flex-direction: column;
    align-items: center;
    padding: 24px;
    display: flex
}

.modal-placeholder__error__image {
    width: 70%;
    max-width: 350px
}

.modal-placeholder__error__message {
    text-align: center;
    text-wrap: balance;
    letter-spacing: .25px;
    font-size: 14px;
    line-height: 20px
}

.modal-placeholder__error__message__actions {
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    display: flex
}

.safety-action-modal {
    flex-direction: column;
    width: 600px
}

.safety-action-modal__top,.safety-action-modal__bottom {
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    display: flex
}

.safety-action-modal__top {
    border-bottom-width: 0;
    border-radius: 16px 16px 0 0;
    gap: 16px
}

.safety-action-modal__bottom {
    border-top: 0;
    border-radius: 0 0 16px 16px
}

@media screen and (max-width: 630px) {
    .safety-action-modal__bottom {
        border-bottom:0;
        border-radius: 0;
        padding-bottom: 32px
    }
}

.safety-action-modal__header {
    color: var(--color-text-secondary);
    align-items: center;
    gap: 16px;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.safety-action-modal__header__icon {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base);
    border-radius: 64px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex
}

.safety-action-modal__header__icon .icon {
    width: 24px;
    height: 24px
}

.safety-action-modal__header h1 {
    color: var(--color-text-primary);
    font-size: 22px;
    line-height: 28px
}

.safety-action-modal__confirmation {
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 20px
}

.safety-action-modal__confirmation :where(h1) {
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.safety-action-modal__confirmation :where(h1:not(:only-child)) {
    margin-bottom: 8px
}

.safety-action-modal__confirmation strong {
    color: var(--color-text-primary);
    font-weight: 700
}

.safety-action-modal__status {
    border: 1px solid var(--color-border-primary);
    cursor: pointer;
    border-radius: 8px;
    padding: 8px
}

.safety-action-modal__status__account {
    color: var(--color-text-tertiary);
    align-items: center;
    gap: 4px;
    margin-bottom: 8px;
    display: flex
}

.safety-action-modal__status__account bdi {
    color: inherit
}

.safety-action-modal__status__content {
    color: var(--color-text-tertiary);
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 88px;
    font-size: 15px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden
}

.safety-action-modal__status__content p,.safety-action-modal__status__content a {
    color: inherit
}

.safety-action-modal__status .reply-indicator__attachments {
    color: var(--color-text-tertiary);
    margin-top: 0;
    font-size: 15px;
    line-height: 22px
}

.safety-action-modal__bullet-points {
    flex-direction: column;
    gap: 16px;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.safety-action-modal__bullet-points>li,.safety-action-modal__bullet-points>div {
    text-wrap: pretty;
    align-items: start;
    gap: 16px;
    display: flex
}

.safety-action-modal__bullet-points>li strong,.safety-action-modal__bullet-points>div strong {
    font-weight: 700
}

.safety-action-modal__bullet-points--deemphasized {
    color: var(--color-text-primary)
}

.safety-action-modal__bullet-points__icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 24px;
    display: flex
}

.safety-action-modal__bullet-points__icon .icon {
    width: 24px;
    height: 24px
}

.safety-action-modal__field-group {
    flex-direction: column;
    display: flex
}

.safety-action-modal__field-group label {
    align-items: center;
    gap: 16px;
    height: 32px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.safety-action-modal__caveats {
    padding: 0 12px;
    font-size: 14px
}

.safety-action-modal__caveats strong {
    font-weight: 500
}

.safety-action-modal__bottom {
    padding-top: 0
}

.safety-action-modal__bottom__collapsible {
    flex-direction: column;
    gap: 16px;
    display: none
}

.safety-action-modal__bottom.active {
    background: var(--color-bg-secondary);
    padding-top: 24px
}

.safety-action-modal__bottom.active .safety-action-modal__bottom__collapsible {
    display: flex
}

.safety-action-modal__actions {
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    display: flex
}

.safety-action-modal__actions__hint {
    color: var(--color-text-tertiary);
    font-size: 14px;
    line-height: 20px
}

.safety-action-modal__actions .link-button {
    padding: 10px 12px;
    font-weight: 600
}

.dialog-modal {
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    border-radius: 16px;
    flex-direction: column;
    width: 588px;
    max-height: 80vh
}

.dialog-modal__header {
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-border-primary);
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    min-height: 61px;
    padding: 12px 24px;
    display: flex
}

.dialog-modal__header__title {
    letter-spacing: .15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.dialog-modal__content {
    letter-spacing: .25px;
    font-size: 14px;
    line-height: 20px;
    overflow-y: auto
}

.dialog-modal__content__description {
    color: var(--color-text-secondary);
    margin: 24px 24px 0
}

.dialog-modal__content__description a {
    color: inherit
}

.dialog-modal__content__form {
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    display: flex
}

.dialog-modal__content__preview {
    background: var(--color-bg-media-base);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 24px;
    display: flex
}

.dialog-modal__content__preview img {
    display: block
}

.dialog-modal__content__preview img,.dialog-modal__content__preview .gifv video {
    outline: 1px solid var(--color-border-media);
    outline-offset: -1px;
    border-radius: 8px
}

.dialog-modal__content__preview img,.dialog-modal__content__preview .gifv video,.dialog-modal__content__preview .video-player,.dialog-modal__content__preview .audio-player {
    max-width: 360px;
    max-height: 45vh
}

.dialog-modal__content__actions {
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 0 24px 24px;
    display: flex
}

.dialog-modal__popout {
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    box-shadow: var(--dropdown-shadow);
    max-width: 320px;
    color: var(--color-text-secondary);
    border-radius: 8px;
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    z-index: 9999!important
}

.dialog-modal .copy-paste-text {
    margin-bottom: 0
}

.hotkey-combination {
    align-items: center;
    gap: 4px;
    display: inline-flex
}

.boost-modal,.report-modal,.actions-modal,.compare-history-modal {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    flex-direction: column;
    width: 480px;
    max-width: 90vw;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 600px) {
    .boost-modal,.report-modal,.actions-modal,.compare-history-modal {
        padding-bottom:env(safe-area-inset-bottom);
        border-bottom: 0;
        border-radius: 4px 4px 0 0
    }
}

.boost-modal__container {
    padding: 10px;
    overflow-y: auto
}

.boost-modal__container .status {
    -webkit-user-select: text;
    user-select: text;
    border-bottom: 0
}

.report-modal {
    border: 1px solid var(--color-border-primary);
    width: 90vw;
    max-width: 700px
}

.report-dialog-modal {
    background: var(--color-bg-primary);
    width: 480px;
    max-width: 90vw;
    height: 80vh;
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden
}

.report-dialog-modal__container {
    box-sizing: border-box;
    border-top: 1px solid var(--color-border-primary);
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
    padding: 20px;
    display: flex;
    overflow: auto
}

.report-dialog-modal__title {
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px
}

@media screen and (max-height: 800px) {
    .report-dialog-modal__title {
        font-size:22px
    }
}

.report-dialog-modal__subtitle {
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px
}

.report-dialog-modal__lead {
    color: var(--color-text-primary);
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 22px
}

.report-dialog-modal__lead a {
    color: var(--color-text-brand);
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.report-dialog-modal__lead a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.report-dialog-modal__actions {
    margin-top: 30px;
    display: flex
}

.report-dialog-modal__actions .button {
    flex: auto
}

.report-dialog-modal__statuses {
    flex-grow: 1;
    min-height: 0;
    overflow: auto
}

.report-dialog-modal .status__content a {
    color: var(--color-text-brand)
}

.report-dialog-modal .status__content,.report-dialog-modal .status__content p {
    color: var(--color-text-primary)
}

.report-dialog-modal .dialog-option {
    align-items: center;
    gap: 12px
}

.report-dialog-modal .dialog-option .poll__input {
    color: var(--color-text-secondary);
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.report-dialog-modal .dialog-option .poll__input svg {
    width: 15px;
    height: 15px
}

.report-dialog-modal .dialog-option .poll__input:active,.report-dialog-modal .dialog-option .poll__input:focus,.report-dialog-modal .dialog-option .poll__input:hover {
    border-color: var(--color-text-success);
    border-width: 4px
}

.report-dialog-modal .dialog-option .poll__input.active {
    color: var(--color-text-on-success-base);
    background: var(--color-bg-success-base);
    border-color: var(--color-bg-success-base)
}

.report-dialog-modal .poll__option.dialog-option {
    border-bottom: 1px solid var(--color-border-primary);
    flex: none;
    padding: 15px 0
}

.report-dialog-modal .poll__option.dialog-option:last-child {
    border-bottom: 0
}

.report-dialog-modal .poll__option.dialog-option>.poll__option__text {
    color: var(--color-text-primary);
    font-size: 13px
}

.report-dialog-modal .poll__option.dialog-option>.poll__option__text strong {
    color: var(--color-text-primary);
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    display: block
}

.report-dialog-modal .poll__option.dialog-option>.poll__option__text strong:last-child {
    margin-bottom: 0
}

.report-dialog-modal .flex-spacer {
    background: 0 0
}

.report-dialog-modal__textarea {
    box-sizing: border-box;
    width: 100%;
    color: var(--color-text-primary);
    background: var(--color-bg-secondary);
    resize: vertical;
    border: 0;
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    outline: 0;
    margin: 20px 0;
    padding: 10px;
    font-family: inherit;
    font-size: 17px;
    line-height: 22px;
    display: block
}

.report-dialog-modal__textarea:focus {
    outline: 0
}

.report-dialog-modal__toggle {
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    display: flex
}

.report-dialog-modal__toggle>span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: block
}

.report-dialog-modal .button.button-secondary {
    border-color: var(--color-border-error);
    color: var(--color-text-error);
    flex: none
}

.report-dialog-modal .button.button-secondary:hover,.report-dialog-modal .button.button-secondary:focus,.report-dialog-modal .button.button-secondary:active {
    color: var(--color-text-on-error-base);
    background: var(--color-bg-error-base);
    border-color: var(--color-bg-error-base)
}

.report-dialog-modal hr {
    background: 0 0;
    border: 0;
    margin: 15px 0
}

.report-dialog-modal .emoji-mart-search {
    padding-inline-end:10px}

.report-dialog-modal .emoji-mart-search-icon {
    inset-inline-end: 15px
}

.setting-divider {
    background: 0 0;
    border: 0;
    width: 100%;
    height: 1px;
    margin: 0 0 29px
}

.actions-modal {
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border-color: var(--color-border-primary);
    box-shadow: var(--dropdown-shadow);
    border-radius: 8px 8px 0 0;
    max-width: 80vw;
    max-height: 80vh
}

.actions-modal ul {
    padding-bottom: 8px;
    overflow-y: auto
}

.actions-modal a,.actions-modal button {
    color: inherit;
    box-sizing: border-box;
    background: 0 0;
    border: none;
    align-items: center;
    width: 100%;
    padding: 16px;
    font-size: 15px;
    line-height: 21px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.actions-modal a:hover,.actions-modal a:active,.actions-modal a:focus,.actions-modal button:hover,.actions-modal button:active,.actions-modal button:focus {
    background: var(--color-bg-brand-softest)
}

.report-modal__target {
    padding: 30px;
    font-size: 16px
}

.report-modal__target strong {
    font-weight: 500
}

.report-modal__target strong:lang(ja),.report-modal__target strong:lang(ko),.report-modal__target strong:lang(zh-CN),.report-modal__target strong:lang(zh-HK),.report-modal__target strong:lang(zh-TW) {
    font-weight: 700
}

.report-modal__target {
    text-align: center;
    padding: 15px
}

.report-modal__target .report-modal__close {
    top: 10px;
    position: absolute;
    inset-inline-end: 10px
}

.compare-history-modal .report-modal__target {
    border-bottom: 1px solid var(--color-border-primary)
}

.compare-history-modal__container {
    pointer-events: all;
    padding: 30px;
    overflow-y: auto
}

.compare-history-modal .status__content {
    color: var(--color-text-primary);
    font-size: 19px;
    line-height: 24px
}

.compare-history-modal .status__content .emojione {
    width: 24px;
    height: 24px;
    margin: -1px 0 0
}

.compare-history-modal .status__content a {
    color: var(--color-text-brand)
}

.compare-history-modal .status__content hr {
    background-color: var(--color-text-primary);
    border: 0;
    height: .25rem;
    margin: 20px 0;
    padding: 0
}

.compare-history-modal .media-gallery,.compare-history-modal .audio-player,.compare-history-modal .video-player {
    margin-top: 15px
}

.loading-bar {
    background-color: var(--color-bg-brand-base);
    top: 0;
    z-index: 9999;
    height: 3px;
    position: fixed;
    inset-inline-start: 0
}

.media-gallery__actions {
    top: 6px;
    z-index: 2;
    gap: 2px;
    display: flex;
    position: absolute;
    inset-inline-end: 6px
}

.media-gallery__actions__pill {
    color: var(--color-text-on-media);
    background: var(--color-bg-media);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 0;
    border-radius: 99px;
    padding: 3px 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: block
}

.media-gallery__actions__pill:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-text-on-media), 0 0 0 2px var(--color-bg-media);
    outline: none
}

.media-gallery__item__badges {
    bottom: 8px;
    pointer-events: none;
    gap: 2px;
    display: flex;
    position: absolute;
    inset-inline-end: 8px
}

.media-gallery__alt__label,.relationship-tag {
    text-align: center;
    color: var(--color-text-on-media);
    background: var(--color-bg-media);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    z-index: 1;
    cursor: pointer;
    pointer-events: auto;
    border: 0;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    display: block
}

.media-gallery__alt__label:focus-visible,.relationship-tag:focus-visible {
    box-shadow: inset 0 0 0 2px var(--color-text-on-media), 0 0 0 2px var(--color-bg-media);
    outline: none
}

.media-gallery__alt__label--non-interactive,.relationship-tag--non-interactive {
    pointer-events: none
}

.relationship-tag {
    text-transform: uppercase;
    cursor: default
}

.info-tooltip {
    color: var(--color-text-on-media);
    background: var(--color-bg-media);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    box-shadow: var(--dropdown-shadow);
    z-index: 10;
    border-radius: 4px;
    min-width: 16em;
    max-width: 22em;
    min-height: 2em;
    max-height: 30em;
    padding: 16px;
    overflow-y: auto
}

.info-tooltip:focus-visible {
    box-shadow: var(--dropdown-shadow), inset 0 0 0 2px var(--color-text-on-media);
    outline: 2px solid var(--color-bg-media)
}

.info-tooltip--solid {
    color: var(--color-text-primary);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary)
}

.info-tooltip h4 {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px
}

.info-tooltip p {
    opacity: .85;
    white-space: pre-line;
    font-size: 15px;
    line-height: 20px
}

.info-tooltip .button {
    margin-block-start:8px}

.attachment-list {
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    margin-top: 16px;
    font-size: 14px;
    display: flex;
    overflow: hidden
}

.attachment-list__icon {
    color: var(--color-text-tertiary);
    cursor: default;
    border-inline-end:1px solid var(--color-border-primary);flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    font-size: 26px;
    display: flex
}

.attachment-list__list {
    padding: 4px 0;
    flex-direction: column;
    justify-content: center;
    padding-inline-start:8px;list-style: none;
    display: flex
}

.attachment-list__list li {
    padding: 4px 0;
    display: block
}

.attachment-list__list a {
    color: var(--color-text-tertiary);
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.attachment-list__list a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.attachment-list.compact {
    border: 0
}

.attachment-list.compact .attachment-list__list {
    padding: 0;
    display: block
}

.attachment-list.compact .icon {
    color: var(--color-text-tertiary);
    vertical-align: middle
}

.media-gallery {
    box-sizing: border-box;
    border-radius: 8px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    width: 100%;
    min-height: 64px;
    margin-top: 8px;
    display: grid;
    position: relative;
    overflow: hidden
}

.media-gallery--layout-1 {
    width: initial;
    min-width: 120px;
    max-height: var(--max-media-height-small)
}

@container (width>500px) {
    .media-gallery--layout-1 {
        max-height: var(--max-media-height-large)
    }
}

.detailed-status .media-gallery--layout-1 {
    max-height: calc(2 * var(--max-media-height-large))
}

.media-gallery--layout-2>.media-gallery__item:first-child {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.media-gallery--layout-2>.media-gallery__item:nth-child(2) {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.media-gallery--layout-3 {
    min-height: 136px
}

.media-gallery--layout-3>.media-gallery__item:first-child {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.media-gallery--layout-3>.media-gallery__item:nth-child(2) {
    border-start-start-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.media-gallery--layout-3>.media-gallery__item:nth-child(3) {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: 0
}

.media-gallery--layout-4 {
    min-height: 136px
}

.media-gallery--layout-4>.media-gallery__item:first-child {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.media-gallery--layout-4>.media-gallery__item:nth-child(2) {
    border-start-start-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.media-gallery--layout-4>.media-gallery__item:nth-child(3) {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.media-gallery--layout-4>.media-gallery__item:nth-child(4) {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: 0
}

.media-gallery__item {
    box-sizing: border-box;
    outline: 1px solid var(--color-border-media);
    outline-offset: -1px;
    z-index: 1;
    border: 0;
    border-radius: 8px;
    display: block;
    position: relative;
    overflow: hidden
}

.media-gallery__item--tall {
    grid-row: span 2
}

.media-gallery__item--wide {
    grid-column: span 2
}

.media-gallery__item--square {
    aspect-ratio: 1
}

.media-gallery__item__overlay {
    top: 0;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 8px;
    display: flex;
    position: absolute;
    inset-inline-start: 0
}

.media-gallery__item__overlay--corner {
    justify-content: flex-end;
    align-items: flex-start
}

.media-gallery__item__overlay .icon {
    color: var(--color-text-on-media);
    filter: drop-shadow(0 0 6px var(--color-bg-media-base))
}

.media-gallery__item--error img {
    visibility: hidden
}

.media-gallery__item-thumbnail {
    cursor: pointer;
    color: var(--color-text-primary);
    z-index: -1;
    border-radius: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block;
    position: relative
}

.media-gallery__item-thumbnail,.media-gallery__item-thumbnail img {
    width: 100%;
    height: 100%
}

.media-gallery__item-thumbnail img {
    object-fit: cover
}

.media-gallery__item-thumbnail:focus {
    border-radius: inherit;
    outline: none
}

.media-gallery__item-thumbnail:focus-visible:after {
    content: "";
    z-index: 1;
    border-radius: inherit;
    border: 2px solid var(--color-text-inverted);
    outline: 2px solid var(--color-bg-inverted);
    pointer-events: none;
    position: absolute;
    inset: 2px
}

.media-gallery__preview {
    object-fit: cover;
    top: 0;
    z-index: -2;
    background: var(--color-bg-overlay);
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0
}

.media-gallery__preview--hidden {
    display: none
}

.media-gallery__gifv {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.media-gallery__item-gifv-thumbnail {
    cursor: pointer;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.detailed .video-player__volume__current,.detailed .video-player__volume:before,.fullscreen .video-player__volume__current,.fullscreen .video-player__volume:before {
    bottom: 27px
}

.detailed .video-player__volume__handle,.fullscreen .video-player__volume__handle {
    bottom: 23px
}

.audio-player {
    --player-foreground-color: var(--color-text-on-media);
    --player-background-color: var(--color-bg-media-base);
    --player-accent-color: var(--color-text-brand);
    box-sizing: border-box;
    aspect-ratio: 16/9;
    width: 100%;
    color: var(--player-foreground-color);
    background: var(--player-background-color);
    outline: 1px solid var(--color-border-media);
    outline-offset: -1px;
    border-radius: 8px;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
    container: audio-player/inline-size
}

.audio-player__controls {
    grid-template-columns: 1fr 1fr 1fr;
    height: 100%;
    display: grid
}

.audio-player__controls__play {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.audio-player__controls__play .player-button {
    top: 50%;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%,-50%)
}

.audio-player__controls__play .icon {
    filter: var(--overlay-icon-shadow)
}

.audio-player__controls .player-button {
    color: var(--player-foreground-color);
    opacity: .75;
    background: 0 0;
    border: 0;
    outline: 0;
    flex: none;
    padding: 5px;
    display: inline-block
}

.audio-player__controls .player-button .icon {
    width: 48px;
    height: 48px
}

.audio-player__controls .player-button:active,.audio-player__controls .player-button:hover,.audio-player__controls .player-button:focus {
    opacity: 1
}

.audio-player__visualizer {
    width: 100%;
    max-width: 200px
}

.audio-player .video-player__seek {
    z-index: 1;
    height: 24px;
    position: absolute;
    inset: 0 0 auto
}

.audio-player.inactive .video-player__seek,.audio-player.inactive .audio-player__controls,.audio-player.inactive .video-player__controls {
    visibility: hidden
}

.audio-player .video-player__volume:before,.audio-player .video-player__seek:before {
    opacity: .15;
    background: currentColor
}

.audio-player .video-player__seek__buffer {
    opacity: .2;
    background: currentColor
}

.audio-player .video-player__seek__progress,.audio-player .video-player__seek__handle,.audio-player .video-player__volume__current,.audio-player .video-player__volume__handle {
    background-color: var(--player-accent-color)
}

.audio-player .video-player__buttons button,.audio-player .video-player__buttons a {
    color: currentColor;
    opacity: .75
}

.audio-player .video-player__buttons button:active,.audio-player .video-player__buttons button:hover,.audio-player .video-player__buttons button:focus,.audio-player .video-player__buttons a:active,.audio-player .video-player__buttons a:hover,.audio-player .video-player__buttons a:focus {
    color: currentColor;
    opacity: 1
}

.audio-player .video-player__time-sep,.audio-player .video-player__time-total,.audio-player .video-player__time-current {
    color: currentColor
}

@container audio-player (width<=400px) {
    .audio-player .video-player__time,.audio-player .player-button.video-player__download__icon {
        display: none
    }
}

.audio-player .video-player__seek:before,.audio-player .video-player__seek__buffer,.audio-player .video-player__seek__progress {
    top: 0
}

.audio-player .video-player__seek__handle {
    top: -4px
}

.audio-player .video-player__controls {
    z-index: 1;
    background: 0 0;
    padding-top: 10px
}

.video-player {
    color: var(--color-text-on-media);
    background: var(--color-bg-media);
    max-height: var(--max-media-height-small);
    box-sizing: border-box;
    outline: 1px solid var(--color-border-media);
    outline-offset: -1px;
    z-index: 2;
    border-radius: 8px;
    display: flex;
    position: relative;
    overflow: hidden
}

@container (width>500px) {
    .video-player {
        max-height: var(--max-media-height-large)
    }
}

.video-player video {
    z-index: -2;
    display: block
}

.video-player.fullscreen {
    border-radius: 0;
    outline: none;
    margin: 0;
    aspect-ratio: auto!important;
    width: 100%!important;
    height: 100%!important
}

.video-player.fullscreen video {
    outline: 0;
    width: 100%!important;
    height: 100%!important
}

.video-player__controls {
    z-index: -1;
    bottom: 0;
    box-sizing: border-box;
    background: linear-gradient(0deg, rgb(from var(--color-bg-media-base) r g b/85%) 0, rgb(from var(--color-bg-media-base) r g b/45%) 60%, transparent);
    opacity: 0;
    pointer-events: none;
    will-change: opacity, pointer-events;
    direction: ltr;
    padding: 0 15px;
    transition: opacity .1s;
    position: absolute;
    inset-inline: 0
}

.video-player__controls.active {
    opacity: 1;
    pointer-events: auto
}

.video-player .media-gallery__actions {
    opacity: 0;
    transition: opacity .1s
}

.video-player .media-gallery__actions.active {
    opacity: 1
}

.video-player.inactive video,.video-player.inactive .video-player__controls {
    visibility: hidden
}

.video-player__spoiler {
    top: 0;
    z-index: 4;
    background: var(--color-bg-primary);
    width: 100%;
    height: 100%;
    color: var(--color-text-secondary);
    pointer-events: none;
    border: 0;
    transition: none;
    display: none;
    position: absolute;
    inset-inline-start: 0
}

.video-player__spoiler.active {
    pointer-events: auto;
    display: block
}

.video-player__spoiler.active:hover,.video-player__spoiler.active:active,.video-player__spoiler.active:focus {
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary))
}

.video-player__spoiler__title {
    font-size: 14px;
    display: block
}

.video-player__spoiler__subtitle {
    font-size: 11px;
    font-weight: 500;
    display: block
}

.video-player__buttons-bar {
    justify-content: space-between;
    margin: 0 -5px;
    padding-bottom: 8px;
    display: flex
}

.video-player__buttons-bar .video-player__download__icon {
    color: inherit
}

.video-player__buttons {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 0 auto;
    align-items: center;
    gap: 5px;
    min-width: 30px;
    display: flex;
    overflow: hidden
}

.video-player__buttons .player-button {
    color: rgb(from var(--color-text-on-media) r g b/75%);
    background: 0 0;
    border: 0;
    outline: 0;
    flex: none;
    padding: 5px;
    font-weight: 500;
    display: inline-block
}

.video-player__buttons .player-button:active,.video-player__buttons .player-button:hover,.video-player__buttons .player-button:focus {
    color: var(--color-text-on-media)
}

.video-player__time {
    text-overflow: ellipsis;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    flex: 0 auto;
    margin: 0 5px;
    display: inline;
    overflow: hidden
}

.video-player__time-sep,.video-player__time-total,.video-player__time-current {
    color: var(--color-text-on-media);
    font-size: 14px;
    font-weight: 500
}

.video-player__time-sep {
    margin: 0 6px;
    display: inline-block
}

.video-player__volume {
    cursor: pointer;
    flex: none;
    height: 24px;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

.no-reduce-motion .video-player__volume {
    transition: all .1s linear
}

.video-player__volume.active {
    width: 50px;
    margin-inline-end:16px;overflow: visible
}

.video-player__volume:before {
    content: "";
    background: rgb(from var(--color-text-on-media) r g b/35%);
    inset-inline-start: 0;
    border-radius: 4px;
    width: 50px;
    height: 4px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.video-player__volume__current {
    inset-inline-start: 0;
    background: var(--color-text-on-media);
    border-radius: 4px;
    height: 4px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.video-player__volume__handle {
    z-index: 3;
    top: 50%;
    background: var(--color-text-on-media);
    width: 12px;
    height: 12px;
    box-shadow: 1px 2px 6px var(--color-shadow-primary);
    opacity: 0;
    border-radius: 50%;
    margin-inline-start:-6px;position: absolute;
    inset-inline-start: 0;
    transform: translateY(-50%)
}

.no-reduce-motion .video-player__volume__handle {
    transition: opacity .1s linear
}

.video-player__volume.active .video-player__volume__handle {
    opacity: 1
}

.video-player__link {
    padding: 2px 10px
}

.video-player__link a {
    color: var(--color-text-on-media);
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.video-player__link a:hover,.video-player__link a:active,.video-player__link a:focus {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.video-player__seek {
    cursor: pointer;
    height: 24px;
    position: relative
}

.video-player__seek:before {
    content: "";
    background: rgb(from var(--color-text-on-media) r g b/35%);
    border-radius: 4px;
    width: 100%;
    height: 4px;
    display: block;
    position: absolute;
    top: 14px
}

.video-player__seek__progress,.video-player__seek__buffer {
    background: var(--color-text-on-media);
    border-radius: 4px;
    height: 4px;
    display: block;
    position: absolute;
    top: 14px
}

.video-player__seek__buffer {
    background: rgb(from var(--color-text-on-media) r g b/20%)
}

.video-player__seek__handle {
    z-index: 3;
    opacity: 0;
    background: var(--color-text-on-media);
    width: 12px;
    height: 12px;
    box-shadow: 1px 2px 6px var(--color-shadow-primary);
    border-radius: 50%;
    margin-inline-start:-6px;position: absolute;
    top: 10px
}

.no-reduce-motion .video-player__seek__handle {
    transition: opacity .1s
}

.video-player__seek__handle.active {
    opacity: 1;
    cursor: grabbing
}

.video-player__seek:hover .video-player__seek__handle {
    opacity: 1
}

.video-player__hotkey-indicator {
    top: 50%;
    color: var(--color-text-on-media);
    background: var(--color-bg-media);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px 24px;
    display: flex;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%,-50%)
}

.video-player__hotkey-indicator__label {
    font-size: 15px;
    font-weight: 500
}

.video-player.detailed .video-player__buttons .player-button,.video-player.fullscreen .video-player__buttons .player-button {
    padding-top: 10px;
    padding-bottom: 10px
}

.gifv {
    position: relative
}

.gifv canvas {
    width: 100%;
    height: 100%;
    position: absolute
}

.gifv video {
    max-width: 100vw;
    max-height: 80vh
}

.scrollable .account-card {
    margin: 10px
}

.scrollable .account-card__title__avatar img {
    border: 2px solid var(--color-bg-primary)
}

.scrollable .account-card__title__avatar .account__avatar {
    border: none
}

.scrollable .account-card__header img {
    border-radius: 4px
}

.scrollable .account-card__bio:after {
    background: linear-gradient(to left, var(--color-bg-primary), transparent)
}

.account-gallery__container {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2px;
    display: grid
}

.account-gallery__container .media-gallery__item {
    border-radius: 0
}

.account-gallery__container .load-more,.account-gallery__container .timeline-hint {
    grid-column: span 3
}

.notification__filter-bar,.account__section-headline {
    border: 1px solid var(--color-border-primary);
    cursor: default;
    border-top: 0;
    flex-shrink: 0;
    display: flex
}

@media screen and (max-width: 1174px) {
    .notification__filter-bar,.account__section-headline {
        border-left:0;
        border-right: 0
    }
}

.notification__filter-bar button,.account__section-headline button {
    background: 0 0;
    border: 0;
    margin: 0
}

.notification__filter-bar button,.notification__filter-bar a,.account__section-headline button,.account__section-headline a {
    color: var(--color-text-secondary);
    text-align: center;
    white-space: nowrap;
    flex: auto;
    width: 100%;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block;
    position: relative
}

.notification__filter-bar button.active,.notification__filter-bar a.active,.account__section-headline button.active,.account__section-headline a.active {
    color: var(--color-text-primary)
}

.notification__filter-bar button.active:before,.notification__filter-bar a.active:before,.account__section-headline button.active:before,.account__section-headline a.active:before {
    content: "";
    background: var(--color-text-brand);
    border-radius: 4px 4px 0 0;
    width: 40px;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%)
}

.scrollable .notification__filter-bar,.scrollable .account__section-headline {
    border-left: 0;
    border-right: 0
}

.filter-form {
    border-bottom: 1px solid var(--color-border-primary)
}

.filter-form__column {
    flex-direction: column;
    gap: 15px;
    padding: 15px;
    display: flex
}

.filter-form .radio-button,.column-settings__row .radio-button {
    display: flex
}

.radio-button,.check-box {
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    color: var(--color-text-primary);
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 18px;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

.radio-button input[type=radio],.radio-button input[type=checkbox],.check-box input[type=radio],.check-box input[type=checkbox] {
    display: none
}

.radio-button__input,.check-box__input {
    border: 2px solid var(--color-text-primary);
    box-sizing: border-box;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
    position: relative
}

.radio-button__input.checked,.radio-button__input.indeterminate,.check-box__input.checked,.check-box__input.indeterminate {
    border-color: var(--color-border-brand)
}

.radio-button__input .icon,.check-box__input .icon {
    width: 18px;
    height: 18px
}

.radio-button__input.checked:before {
    content: "";
    background: var(--color-text-brand);
    border-radius: 50%;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    display: block
}

.check-box__input {
    border-radius: 2px;
    width: 18px;
    height: 18px
}

.check-box__input.checked,.check-box__input.indeterminate {
    background: var(--color-bg-brand-base);
    color: var(--color-text-on-brand-base)
}

noscript {
    text-align: center
}

noscript img {
    opacity: .5;
    width: 200px;
    animation: 4s infinite flicker
}

noscript div {
    color: var(--color-text-primary);
    max-width: 400px;
    margin: 30px auto;
    font-size: 14px
}

noscript div a {
    color: var(--color-text-brand);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

noscript div a:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

@keyframes flicker {
    0% {
        opacity: 1
    }

    30% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

.column-inline-form {
    border: 1px solid var(--color-border-primary);
    border-top: 0;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    padding: 15px;
    display: flex
}

.column-inline-form label {
    flex: auto
}

.column-inline-form label input {
    width: 100%
}

@media screen and (max-width: 1175px) {
    .column-inline-form {
        border-left:0;
        border-right: 0
    }
}

.drawer__backdrop {
    cursor: pointer;
    top: 0;
    background: rgb(from var(--color-bg-overlay) r g b/50%);
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0
}

.focal-point {
    cursor: grab;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.focal-point.dragging {
    cursor: grabbing
}

.focal-point__reticle {
    border: 2px solid var(--color-text-on-media);
    width: 100px;
    height: 100px;
    box-shadow: 0 0 0 9999em var(--color-shadow-primary);
    pointer-events: none;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%,-50%)
}

.account__contents {
    overflow: hidden
}

.account__details {
    -moz-column-gap: 1em;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1em;
    display: flex
}

.verified-badge {
    color: var(--color-text-success);
    white-space: nowrap;
    align-items: center;
    gap: 4px;
    display: inline-flex;
    overflow: hidden
}

.verified-badge>span {
    text-overflow: ellipsis;
    overflow: hidden
}

.verified-badge a {
    color: inherit;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.verified-badge .icon {
    width: 16px;
    height: 16px
}

.trends__item {
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    gap: 8px;
    padding: 16px;
    display: flex
}

.trends__item__name {
    color: var(--color-text-secondary);
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: auto;
    overflow: hidden
}

.trends__item__name strong {
    font-weight: 500
}

.trends__item__name a {
    color: var(--color-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block;
    overflow: hidden
}

.trends__item__name a:hover span,.trends__item__name a:focus span,.trends__item__name a:active span {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.trends__item__current {
    text-align: end;
    color: var(--color-text-primary);
    flex: none;
    font-size: 24px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.trends__item__sparkline {
    flex: none;
    width: 50px
}

.trends__item__sparkline path:first-child {
    fill: var(--color-graph-primary-fill)!important;
    fill-opacity: 1!important
}

.trends__item__sparkline path:last-child {
    stroke: var(--color-graph-primary-stroke)!important;
    fill: none!important
}

.trends__item--requires-review .trends__item__name,.trends__item--requires-review .trends__item__name a,.trends__item--requires-review .trends__item__current {
    color: var(--color-text-warning)
}

.trends__item--requires-review .trends__item__sparkline path:first-child {
    fill: var(--color-graph-warning-fill)!important
}

.trends__item--requires-review .trends__item__sparkline path:last-child {
    stroke: var(--color-graph-warning-stroke)!important
}

.trends__item--disabled .trends__item__name,.trends__item--disabled .trends__item__name a,.trends__item--disabled .trends__item__current {
    color: var(--color-text-disabled)
}

.trends__item--disabled .trends__item__sparkline path:first-child {
    fill: var(--color-graph-disabled-fill)!important
}

.trends__item--disabled .trends__item__sparkline path:last-child {
    stroke: var(--color-graph-disabled-stroke)!important
}

.trends--compact .trends__item {
    padding: 12px
}

.conversation {
    border-bottom: 1px solid var(--color-border-primary);
    padding: 5px 5px 0;
    display: flex
}

.conversation:focus {
    background: var(--color-bg-secondary);
    outline: 0
}

.conversation__avatar {
    cursor: pointer;
    flex: none;
    padding: 12px 10px 10px;
    position: relative
}

.conversation__unread {
    background: var(--color-text-brand);
    border-radius: 50%;
    width: .625rem;
    height: .625rem;
    margin: -.1ex .15em .1ex;
    display: inline-block
}

.conversation__content {
    padding: 10px 5px;
    flex: auto;
    padding-inline-end:15px;overflow: hidden
}

.conversation__content__info {
    flex-direction: row-reverse;
    justify-content: space-between;
    display: flex;
    overflow: hidden
}

.conversation__content__relative-time {
    color: var(--color-text-secondary);
    padding-inline-start:15px;font-size: 15px
}

.conversation__content__names {
    color: var(--color-text-secondary);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1;
    flex-basis: 90px;
    margin-bottom: 4px;
    font-size: 15px;
    overflow: hidden
}

.conversation__content__names a {
    color: var(--color-text-primary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.conversation__content__names a:hover,.conversation__content__names a:focus,.conversation__content__names a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.conversation__content a {
    overflow-wrap: anywhere
}

.announcements {
    flex: none;
    width: calc(100% - 124px);
    position: relative;
    overflow: hidden
}

.layout-multiple-columns .announcements {
    width: 100%
}

@media screen and (max-width: 424px) {
    .announcements {
        width:100%
    }
}

.announcements__root {
    background: var(--color-bg-brand-softest);
    align-items: flex-end;
    font-size: 13px;
    display: flex
}

.announcements__mastodon {
    flex: none;
    width: 124px
}

@media screen and (max-width: 424px) {
    .announcements__mastodon {
        display:none
    }
}

.announcements__slides {
    flex-wrap: nowrap;
    align-items: start;
    display: flex
}

.announcements__slide {
    box-sizing: border-box;
    overflow-wrap: break-word;
    flex-direction: column;
    flex: 0 0 100%;
    width: 100%;
    max-height: 50vh;
    padding: 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    overflow: hidden
}

.announcements__range {
    margin-bottom: 10px;
    padding-inline-end:18px;font-weight: 500;
    display: block
}

.announcements__unread {
    top: 19px;
    background: var(--color-text-brand);
    border-radius: 50%;
    width: .625rem;
    height: .625rem;
    display: block;
    position: absolute;
    inset-inline-end: 19px
}

.announcements__pagination {
    color: var(--color-text-secondary);
    bottom: 3px;
    z-index: 1;
    align-items: center;
    padding: 15px;
    display: flex;
    position: absolute;
    inset-inline-end: 0
}

.layout-multiple-columns .announcements__mastodon {
    display: none
}

.layout-multiple-columns .announcements__container {
    width: 100%
}

.reactions-bar {
    margin-top: 15px;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 57px);
    margin-inline-start:-2px;display: flex
}

.reactions-bar__item {
    background: var(--color-bg-brand-softest);
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary));
    border: 1px solid var(--color-border-brand-soft);
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 3px;
    flex-shrink: 0;
    align-items: center;
    margin: 2px;
    padding: 0 6px;
    transition: background-color .1s ease-in,color .1s ease-in;
    display: flex
}

.reactions-bar__item__emoji {
    width: 16px;
    height: 16px;
    margin: 3px 0;
    display: block
}

.reactions-bar__item__emoji img {
    object-fit: contain;
    width: 100%;
    min-width: auto;
    height: 100%;
    min-height: auto;
    margin: 0;
    display: block
}

.reactions-bar__item__count {
    text-align: center;
    min-width: 9px;
    margin-inline-start:6px;font-size: 13px;
    font-weight: 500;
    display: block
}

.reactions-bar__item:hover,.reactions-bar__item:focus,.reactions-bar__item:active {
    color: var(--color-text-primary);
    background: var(--color-bg-brand-soft);
    transition: background-color .2s ease-out,color .2s ease-out
}

.reactions-bar__item.active {
    color: var(--color-text-brand);
    background-color: var(--color-bg-brand-softest);
    border-color: var(--color-border-brand);
    transition: background-color .1s ease-in,color .1s ease-in
}

.reactions-bar .emoji-picker-dropdown {
    margin: 2px;
    display: flex
}

.reactions-bar:hover .emoji-button {
    opacity: .85
}

.reactions-bar .emoji-button {
    color: var(--color-text-secondary);
    opacity: .5;
    flex-shrink: 0;
    align-items: center;
    width: auto;
    height: 22px;
    margin: 0;
    padding: 0 6px;
    font-size: 16px;
    transition: background-color .1s ease-in,color .1s ease-in;
    display: flex
}

.reactions-bar .emoji-button:hover,.reactions-bar .emoji-button:active,.reactions-bar .emoji-button:focus {
    opacity: 1;
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary));
    transition: background-color .2s ease-out,color .2s ease-out
}

.reactions-bar--empty .emoji-button {
    padding: 0
}

.notification,.status__wrapper,.conversation {
    position: relative
}

.notification.unread:before,.status__wrapper.unread:before,.conversation.unread:before {
    content: "";
    top: 0;
    border-inline-start:4px solid var(--color-border-brand);pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0
}

.picture-in-picture {
    bottom: 20px;
    width: 300px;
    box-shadow: var(--dropdown-shadow);
    position: fixed;
    inset-inline-end: 20px
}

.picture-in-picture__footer {
    background: var(--color-bg-secondary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    border-top: 0;
    border-radius: 0 0 4px 4px;
    justify-content: space-between;
    padding: 12px;
    display: flex
}

.picture-in-picture__header {
    background: var(--color-bg-secondary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    justify-content: space-between;
    padding: 12px;
    display: flex
}

.picture-in-picture__header .icon-button {
    padding: 6px
}

.picture-in-picture__header__account {
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex;
    overflow: hidden
}

.picture-in-picture__header .account__avatar {
    margin-inline-end:8px}

.picture-in-picture__header .display-name {
    color: var(--color-text-primary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.picture-in-picture__header .display-name strong,.picture-in-picture__header .display-name span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.picture-in-picture__header .display-name span {
    color: var(--color-text-secondary)
}

.picture-in-picture .video-player,.picture-in-picture .audio-player {
    border-radius: 0
}

.picture-in-picture-placeholder {
    box-sizing: border-box;
    border: 1px dashed var(--color-border-primary);
    cursor: pointer;
    color: var(--color-text-tertiary);
    aspect-ratio: 16/9;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    display: flex
}

.picture-in-picture-placeholder .icon {
    width: 48px;
    height: 48px;
    margin-bottom: 8px
}

.picture-in-picture-placeholder:hover,.picture-in-picture-placeholder:active,.picture-in-picture-placeholder:focus {
    color: var(--color-text-secondary)
}

.picture-in-picture-placeholder:focus-visible {
    outline: var(--outline-focus-default);
    border-color: #0000
}

.notifications-permission-banner {
    border-bottom: 1px solid var(--color-border-primary);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    display: flex;
    position: relative
}

.notifications-permission-banner__close {
    top: 10px;
    position: absolute;
    inset-inline-end: 10px
}

.notifications-permission-banner h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500
}

.notifications-permission-banner p {
    color: var(--color-text-secondary);
    text-align: center;
    margin-bottom: 15px
}

.notifications-permission-banner p .icon {
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.explore__search-header {
    border: 1px solid var(--color-border-primary);
    padding: 16px;
    border-top: 0;
    border-bottom: 0;
    justify-content: center;
    align-items: center;
    padding-bottom: 8px
}

.explore__search-header .search {
    width: 100%;
    margin-bottom: 0
}

.explore__search-header .search__input {
    padding-block:12px;padding-inline-end:30px}

.explore__search-header .search__popout {
    border: 1px solid var(--color-border-primary)
}

.explore__search-header .search__icon {
    top: 12px;
    color: var(--color-text-tertiary);
    inset-inline-end: 12px
}

.layout-single-column .explore__search-header {
    display: none
}

@media screen and (max-width: 1174px) {
    .layout-single-column .explore__search-header {
        display:flex
    }
}

.explore__search-results {
    flex-direction: column;
    flex: auto;
    display: flex
}

@media screen and (min-width: 1175px) {
    .explore__search-results {
        border:1px solid var(--color-border-primary);
        border-top: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
}

.story {
    color: var(--color-text-primary);
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    gap: 16px;
    padding: 16px;
    display: flex
}

.story:last-child {
    border-bottom: 0
}

.story__details {
    flex: auto
}

.story__details__publisher {
    color: var(--color-text-secondary);
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px
}

.story__details__title {
    color: var(--color-text-primary);
    margin-bottom: 8px;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block
}

.story__details__title:hover,.story__details__title:active,.story__details__title:focus {
    color: var(--color-text-brand)
}

.story__details__shared {
    color: var(--color-text-secondary);
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.story__details__shared__pill {
    background: var(--color-bg-tertiary);
    color: inherit;
    border-radius: 4px;
    flex-shrink: 0;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.story__details__shared__author-link {
    color: var(--color-text-primary);
    align-items: center;
    gap: 4px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex
}

.story__details__shared__author-link:hover,.story__details__shared__author-link:active,.story__details__shared__author-link:focus {
    color: var(--color-text-brand)
}

.story__details strong {
    font-weight: 500
}

.story__thumbnail {
    aspect-ratio: 1;
    flex: none;
    width: 120px;
    position: relative
}

.story__thumbnail .skeleton {
    width: 100%;
    height: 100%
}

.story__thumbnail img {
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block
}

.story__thumbnail__preview {
    object-fit: fill;
    top: 0;
    z-index: 0;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    position: absolute;
    inset-inline-start: 0
}

.story__thumbnail__preview--hidden {
    display: none
}

.story.expanded {
    flex-direction: column
}

.story.expanded .story__thumbnail {
    aspect-ratio: 1.91;
    order: 1;
    width: 100%;
    height: auto
}

.story.expanded .story__details {
    flex: none;
    order: 2;
    width: 100%
}

.server-banner__introduction {
    color: var(--color-text-secondary);
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px
}

.server-banner__introduction strong {
    font-weight: 700
}

.server-banner__introduction a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.server-banner__introduction a:hover,.server-banner__introduction a:active,.server-banner__introduction a:focus {
    -webkit-text-decoration: none;
    text-decoration: none
}

.server-banner__hero {
    aspect-ratio: 1.9;
    background: var(--color-bg-tertiary);
    object-fit: cover;
    border: 0;
    border-radius: 4px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block
}

.server-banner__description {
    color: var(--color-text-secondary);
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px
}

.server-banner__meta {
    gap: 10px;
    max-width: 100%;
    display: flex
}

.server-banner__meta__column {
    flex: none;
    width: calc(50% - 5px);
    overflow: hidden
}

.server-banner__number {
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 600
}

.server-banner__number-label {
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 500
}

.server-banner h4 {
    text-transform: uppercase;
    color: var(--color-text-secondary);
    margin-bottom: 10px;
    font-weight: 600
}

.server-banner .account {
    border: 0;
    padding: 0
}

.server-banner .account__avatar-wrapper {
    margin-inline-start:0}

.server-banner .spacer {
    margin: 10px 0
}

.safety-action-modal,.interaction-modal {
    width: 600px;
    max-width: 100vw;
    overflow-y: auto
}

.interaction-modal {
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    box-sizing: border-box;
    border-radius: 16px;
    padding: 24px;
    display: block;
    position: relative;
    overflow: visible
}

@media screen and (max-width: 630px) {
    .interaction-modal {
        border-bottom:0;
        border-radius: 16px 16px 0 0;
        padding-bottom: 32px
    }
}

.interaction-modal h1,.interaction-modal h2,.interaction-modal h3 {
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    display: flex
}

.interaction-modal p {
    text-align: center;
    color: var(--color-text-secondary);
    font-size: 17px;
    line-height: 22px
}

.interaction-modal p strong {
    color: var(--color-text-primary);
    font-weight: 700
}

.interaction-modal p.hint {
    margin-bottom: 14px;
    font-size: 14px
}

.interaction-modal__lead {
    margin-bottom: 20px
}

.interaction-modal__lead h1,.interaction-modal__lead h2,.interaction-modal__lead h3 {
    margin-bottom: 15px
}

.interaction-modal__login {
    margin-bottom: 20px;
    position: relative
}

.interaction-modal__login__input {
    box-sizing: border-box;
    width: 100%;
    box-shadow: none;
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-primary);
    outline: var(--outline-focus-default);
    outline-offset: -1px;
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    outline-color: #0000;
    align-items: center;
    margin: 0;
    padding: 4px 6px;
    font-family: inherit;
    font-size: 16px;
    line-height: 18px;
    transition: outline-color .15s ease-out;
    display: flex
}

.interaction-modal__login__input:has(input:focus) {
    outline-color: var(--color-border-brand)
}

.interaction-modal__login__input input {
    color: inherit;
    font: inherit;
    background: 0 0;
    border: 0;
    flex: auto;
    min-width: 0;
    padding: 11px 9px
}

.interaction-modal__login__input input::placeholder {
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary))
}

.interaction-modal__login__input input:focus {
    outline: 0
}

.interaction-modal__login__input .button {
    flex: none
}

.interaction-modal__login .search__popout {
    border: 1px solid var(--color-border-primary);
    margin-top: 1px;
    padding-top: 5px;
    padding-bottom: 5px
}

.interaction-modal__login.invalid .interaction-modal__login__input {
    border-color: var(--color-border-error)
}

.interaction-modal__login.expanded .search__popout {
    display: block
}

.interaction-modal__choices {
    gap: 40px;
    display: flex
}

.interaction-modal__choices__choice {
    box-sizing: border-box;
    flex: 1
}

.interaction-modal__choices__choice h1,.interaction-modal__choices__choice h2,.interaction-modal__choices__choice h3 {
    margin-bottom: 20px
}

.interaction-modal__choices__choice p {
    color: var(--color-text-secondary);
    margin-bottom: 20px;
    font-size: 15px
}

.interaction-modal__choices__choice .button {
    margin-bottom: 10px
}

.interaction-modal__choices__choice .button:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1174px) {
    .interaction-modal__choices {
        flex-direction:column
    }

    .interaction-modal__choices__choice {
        margin-top: 40px
    }
}

.interaction-modal .link-button {
    font-size: inherit;
    display: inline
}

.privacy-policy {
    padding: 20px
}

@media screen and (min-width: 1175px) {
    .privacy-policy {
        border-radius:4px
    }
}

.privacy-policy__body {
    margin-top: 20px
}

.prose {
    color: var(--color-text-primary);
    font-size: 15px;
    line-height: 22px
}

.prose p,.prose ul,.prose ol {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose img,.prose video {
    max-width: 100%;
    margin-top: 2em;
    margin-bottom: 2em
}

.prose figure {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose figure figcaption {
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857
}

.prose figure>* {
    margin-top: 0;
    margin-bottom: 0
}

.prose h1 {
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1.33
}

.prose h2 {
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    line-height: 1.6
}

.prose h3,.prose h4,.prose h5,.prose h6 {
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose ol {
    counter-reset: list-counter
}

.prose li {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose ol>li {
    counter-increment: list-counter
}

.prose ol>li:before {
    content: counter(list-counter) ".";
    position: absolute;
    inset-inline-start: 0
}

.prose ul>li:before {
    content: "";
    background-color: var(--color-text-secondary);
    top: .5em;
    border-radius: 50%;
    width: .375em;
    height: .375em;
    position: absolute;
    inset-inline-start: .25em
}

.prose ul>li,.prose ol>li {
    padding-inline-start:1.75em;position: relative
}

.prose>ul>li p {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose>ul>li>:first-child {
    margin-top: 1.25em
}

.prose>ul>li>:last-child {
    margin-bottom: 1.25em
}

.prose>ol>li>:first-child {
    margin-top: 1.25em
}

.prose>ol>li>:last-child {
    margin-bottom: 1.25em
}

.prose ul ul,.prose ul ol,.prose ol ul,.prose ol ol {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,.prose strong,.prose b {
    color: var(--color-text-primary);
    font-weight: 700
}

.prose em,.prose i {
    font-style: italic
}

.prose a {
    color: var(--color-text-brand);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.prose a:focus,.prose a:hover,.prose a:active {
    -webkit-text-decoration: none;
    text-decoration: none
}

.prose code {
    background: var(--color-bg-secondary);
    border-radius: 4px;
    padding: .2em .3em;
    font-size: .875em
}

.prose hr {
    border: 0;
    border-top: 1px solid var(--color-border-primary);
    margin-top: 3em;
    margin-bottom: 3em
}

.prose hr+*,.prose h2+*,.prose h3+*,.prose h4+*,.prose h5+*,.prose h6+*,.prose>:first-child {
    margin-top: 0
}

.prose>:last-child {
    margin-bottom: 0
}

.dismissable-banner,.warning-banner {
    border: 1px solid var(--color-border-brand-soft);
    background: var(--color-bg-brand-softest);
    border-radius: 8px;
    flex-shrink: 0;
    margin: 10px 10px 5px;
    position: relative;
    overflow: hidden
}

.dismissable-banner__background-image,.warning-banner__background-image {
    bottom: -25%;
    z-index: -1;
    opacity: .15;
    mix-blend-mode: luminosity;
    width: 125%;
    position: absolute;
    inset-inline-end: -25%
}

.dismissable-banner__message,.warning-banner__message {
    color: var(--color-text-primary);
    flex: auto;
    padding: 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px
}

.dismissable-banner__message p,.warning-banner__message p {
    margin-bottom: 15px
}

.dismissable-banner__message p:last-child,.warning-banner__message p:last-child {
    margin-bottom: 0
}

.dismissable-banner__message h1,.warning-banner__message h1 {
    color: var(--color-text-brand);
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
    line-height: 33px
}

.dismissable-banner__message__actions,.warning-banner__message__actions {
    flex-wrap: wrap;
    gap: 4px;
    display: flex
}

.dismissable-banner__message__actions__wrapper,.warning-banner__message__actions__wrapper {
    margin-top: 30px;
    display: flex
}

.dismissable-banner__message__actions .button,.warning-banner__message__actions .button {
    flex-grow: 1;
    display: block
}

.dismissable-banner__action,.warning-banner__action {
    float: right;
    padding: 15px 10px
}

.dismissable-banner__action .icon-button,.warning-banner__action .icon-button {
    color: var(--color-text-brand)
}

.warning-banner {
    border: 1px solid var(--color-border-error-soft);
    background: var(--color-bg-error-softest)
}

.warning-banner__message h1 {
    color: var(--color-text-error)
}

.warning-banner__message a {
    color: var(--color-text-primary)
}

.image {
    position: relative;
    overflow: hidden
}

.image__preview {
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0
}

.image.loaded .image__preview {
    display: none
}

.image img {
    object-fit: cover;
    opacity: 0;
    background: 0 0;
    border: 0;
    width: 100%;
    height: 100%;
    display: block
}

.image.loaded img {
    opacity: 1
}

.about {
    border-top: 1px solid var(--color-border-primary);
    padding: 20px
}

@media screen and (min-width: 1175px) {
    .about {
        border-radius:4px
    }
}

.about__footer {
    color: var(--color-text-tertiary);
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
    line-height: 22px
}

.about__header {
    margin-bottom: 30px
}

.about__header__hero {
    aspect-ratio: 1.9;
    background: var(--color-bg-tertiary);
    border-radius: 8px;
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

.about__header h1,.about__header p {
    text-align: center
}

.about__header h1 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5
}

.about__header p {
    color: var(--color-text-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.about__meta {
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    margin-bottom: 30px;
    font-size: 15px;
    display: flex
}

.about__meta__column {
    box-sizing: border-box;
    width: 50%;
    padding: 20px
}

.about__meta__divider {
    border: 0 solid;
    border-color: var(--color-border-primary);
    border-left-width: 1px;
    flex: none;
    width: 0;
    min-height: calc(100% - 60px)
}

.about__meta h4 {
    text-transform: uppercase;
    color: var(--color-text-secondary);
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 500
}

@media screen and (max-width: 600px) {
    .about__meta {
        display:block
    }

    .about__meta h4 {
        text-align: center
    }

    .about__meta__column {
        flex-direction: column;
        align-items: center;
        width: 100%;
        display: flex
    }

    .about__meta__divider {
        border-top-width: 1px;
        border-left-width: 0;
        width: 100%;
        min-height: 0
    }
}

.layout-multiple-columns .about__meta {
    display: block
}

.layout-multiple-columns .about__meta h4 {
    text-align: center
}

.layout-multiple-columns .about__meta__column {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex
}

.layout-multiple-columns .about__meta__divider {
    border-top-width: 1px;
    border-left-width: 0;
    width: 100%;
    min-height: 0
}

.about__mail {
    color: var(--color-text-primary);
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.about__mail:hover,.about__mail:focus,.about__mail:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.about .account {
    border: 0;
    padding: 0
}

.about .account__avatar-wrapper {
    margin-inline-start:0}

.about .account__relationship {
    display: none
}

.about__section {
    margin-bottom: 10px
}

.about__section__title {
    border: 1px solid var(--color-border-primary);
    color: var(--color-text-brand);
    cursor: pointer;
    background: 0 0;
    border-radius: 4px;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 20px;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    display: flex
}

.about__section.active .about__section__title {
    border-radius: 4px 4px 0 0
}

.about__section__body {
    border: 1px solid var(--color-border-primary);
    border-top: 0;
    padding: 20px;
    font-size: 15px;
    line-height: 22px
}

.about__domain-blocks {
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    margin-top: 30px
}

.about__domain-blocks__domain {
    border-bottom: 1px solid var(--color-border-primary);
    color: var(--color-text-secondary);
    padding: 10px;
    font-size: 15px
}

.about__domain-blocks__domain:nth-child(2n) {
    background: var(--color-bg-secondary)
}

.about__domain-blocks__domain:last-child {
    border-bottom: 0
}

.about__domain-blocks__domain__header {
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;
    font-weight: 500;
    display: flex
}

.about__domain-blocks__domain h6 {
    color: var(--color-text-primary);
    font-size: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.about__domain-blocks__domain p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.notification-list {
    bottom: 2rem;
    z-index: 9999;
    flex-direction: column;
    gap: 4px;
    display: flex;
    position: fixed;
    inset-inline-start: 1rem
}

.notification-list:empty {
    display: none
}

.notification-bar {
    --alert-edge-spacing: 1rem;
    width: auto;
    color: var(--color-text-inverted);
    background: var(--color-bg-inverted);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 15px -3px var(--color-shadow-primary), 0 4px 6px -4px var(--color-shadow-primary);
    cursor: default;
    border-radius: 8px;
    flex: none;
    gap: 10px;
    margin: 0;
    padding: 15px;
    font-size: 15px;
    line-height: 21px;
    display: flex
}

.notification-bar.from-side {
    translate: calc(-1 * (100% + var(--alert-edge-spacing)) * var(--text-x-direction))
}

.notification-bar.from-below {
    translate: 0 calc(100% + var(--alert-edge-spacing))
}

.notification-bar.notification-bar--active {
    translate: none
}

.no-reduce-motion .notification-bar {
    will-change: translate;
    transition: all .5s cubic-bezier(.89,.01,.5,1.1)
}

.notification-bar__content {
    margin-inline-end:auto}

.notification-bar__title {
    margin-inline-end:5px;font-weight: 700
}

.notification-bar__action {
    text-transform: uppercase;
    cursor: pointer;
    color: var(--color-text-brand-on-inverted);
    background: 0 0;
    border: 0;
    border-radius: 4px;
    padding: 0 4px;
    font-weight: 700;
    display: inline-block
}

.notification-bar__action:hover,.notification-bar__action:active {
    background: rgb(from var(--color-text-inverted) r g b/10%)
}

.notification-bar__action:focus-visible {
    outline: 2px solid var(--color-text-brand-on-inverted);
    outline-offset: 2px
}

.notification-bar__dismiss-button {
    color: rgb(from currentColor r g b/85%);
    margin-top: -2px
}

.notification-bar__dismiss-button:hover,.notification-bar__dismiss-button:focus,.notification-bar__dismiss-button:active {
    color: currentColor
}

.notification-bar__loading-indicator {
    --spinner-size: 22px;
    height: var(--spinner-size);
    width: var(--spinner-size);
    margin-inline-start:2px;position: relative
}

.notification-bar__loading-indicator svg {
    color: var(--color-text-on-media);
    height: var(--spinner-size);
    width: var(--spinner-size)
}

.hashtag-header {
    border-bottom: 1px solid var(--color-border-primary);
    color: var(--color-text-secondary);
    padding: 15px;
    font-size: 17px;
    line-height: 22px
}

.hashtag-header strong {
    font-weight: 700
}

.hashtag-header__header {
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    display: flex
}

.hashtag-header__header h1 {
    color: var(--color-text-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    overflow: hidden
}

.hashtag-header__header__buttons {
    align-items: center;
    gap: 8px;
    display: flex
}

.hashtag-header__header__buttons .button {
    white-space: nowrap;
    flex-shrink: 1;
    min-width: 80px
}

.hashtag-header__header__buttons .icon-button {
    border: 1px solid var(--color-border-primary);
    box-sizing: content-box;
    border-radius: 4px;
    padding: 5px
}

.hashtag-header__header__buttons .icon-button .icon {
    width: 24px;
    height: 24px
}

.hashtag-bar {
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary));
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
    font-size: 12px;
    line-height: 16px;
    display: flex
}

.hashtag-bar a {
    color: inherit;
    background: var(--color-bg-brand-softest);
    border-radius: 4px;
    padding: 4px 12px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex
}

.hashtag-bar a:hover,.hashtag-bar a:focus,.hashtag-bar a:active,.focusable:focus-visible .hashtag-bar a,.detailed-status__wrapper-direct .detailed-status .hashtag-bar a,.status__wrapper-direct .hashtag-bar a {
    background: var(--color-bg-brand-soft)
}

.hashtag-bar .link-button {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 0
}

.inline-follow-suggestions {
    padding: 16px 0;
    border-bottom: 1px solid var(--color-border-primary);
    background: var(--color-bg-brand-softest);
    flex-direction: column;
    gap: 12px;
    padding-bottom: 0;
    display: flex
}

.inline-follow-suggestions.focusable:focus-visible {
    background: var(--color-bg-brand-softest)
}

.inline-follow-suggestions__title {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px
}

.inline-follow-suggestions__header {
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    display: flex
}

.inline-follow-suggestions__header__actions {
    align-items: center;
    gap: 24px;
    display: flex
}

.inline-follow-suggestions__header .link-button {
    font-size: 13px;
    font-weight: 500
}

.inline-follow-suggestions__body {
    position: relative
}

.inline-follow-suggestions__body__scroll-button {
    --scroll-button-bg: var(--color-bg-brand-base);
    cursor: pointer;
    height: 100%;
    color: var(--color-text-primary);
    background: 0 0;
    border: none;
    position: absolute;
    top: 0
}

.inline-follow-suggestions__body__scroll-button.left {
    left: 0
}

.inline-follow-suggestions__body__scroll-button.right {
    right: 0
}

.inline-follow-suggestions__body__scroll-button__icon {
    color: var(--color-text-on-brand-base);
    background: var(--scroll-button-bg);
    aspect-ratio: 1;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 8px;
    display: flex
}

.inline-follow-suggestions__body__scroll-button__icon .icon {
    width: 24px;
    height: 24px
}

.inline-follow-suggestions__body__scroll-button:hover,.inline-follow-suggestions__body__scroll-button:focus,.inline-follow-suggestions__body__scroll-button:active {
    --scroll-button-bg: var(--color-bg-brand-base-hover)
}

.inline-follow-suggestions__body__scrollable {
    box-sizing: border-box;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    flex-wrap: nowrap;
    gap: 16px;
    min-height: 228px;
    padding: 16px;
    scroll-padding: 16px;
    display: flex;
    overflow-x: scroll
}

.inline-follow-suggestions__body__scrollable__card {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    scroll-snap-align: start;
    box-sizing: border-box;
    border-radius: 4px;
    flex-direction: column;
    flex: none;
    align-items: center;
    gap: 12px;
    width: 200px;
    padding: 12px;
    display: flex;
    position: relative
}

.inline-follow-suggestions__body__scrollable__card a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.inline-follow-suggestions__body__scrollable__card>.icon-button {
    inset-inline-end: 8px;
    opacity: .75;
    position: absolute;
    top: 8px
}

.inline-follow-suggestions__body__scrollable__card__avatar {
    height: 48px;
    display: flex
}

.inline-follow-suggestions__body__scrollable__card__avatar a {
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.inline-follow-suggestions__body__scrollable__card .account__avatar {
    border: 1px solid var(--color-border-primary);
    background-color: var(--color-bg-tertiary);
    flex-shrink: 0;
    align-self: flex-end
}

.inline-follow-suggestions__body__scrollable__card__text-stack {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    display: flex
}

.inline-follow-suggestions__body__scrollable__card__text-stack a {
    max-width: 100%
}

.inline-follow-suggestions__body__scrollable__card__text-stack__source {
    cursor: help
}

.inline-follow-suggestions__body__scrollable__card .display-name {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    display: flex
}

.inline-follow-suggestions__body__scrollable__card .display-name>* {
    max-width: 100%
}

.inline-follow-suggestions__body__scrollable__card .display-name__html {
    color: var(--color-text-primary);
    font-size: 15px;
    font-weight: 500
}

.inline-follow-suggestions__body__scrollable__card .display-name__account {
    color: var(--color-text-secondary);
    font-size: 14px
}

.inline-follow-suggestions__body__scrollable__card .button {
    width: 100%;
    display: block
}

.filtered-notifications-banner {
    border-bottom: 1px solid var(--color-border-primary);
    color: var(--color-text-secondary);
    align-items: center;
    gap: 8px;
    padding: 16px 24px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.filtered-notifications-banner:hover,.filtered-notifications-banner:active,.filtered-notifications-banner:focus {
    color: var(--color-text-primary)
}

.filtered-notifications-banner .notification-group__icon {
    color: inherit
}

.filtered-notifications-banner__text {
    flex: auto;
    font-size: 14px;
    line-height: 20px
}

.filtered-notifications-banner__text strong {
    font-size: 16px;
    line-height: 24px;
    display: block
}

.filtered-notifications-banner__badge {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base);
    border-radius: 100px;
    padding: 2px 8px
}

.notification-request {
    border-bottom: 1px solid var(--color-border-primary);
    gap: 8px;
    padding: 15px;
    display: flex;
    position: relative
}

.notification-request__checkbox {
    inset-inline-start: 15px;
    opacity: 0;
    width: 0;
    position: absolute;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%)
}

.notification-request__checkbox .check-box {
    display: flex
}

.notification-request__link {
    color: inherit;
    flex: auto;
    align-items: center;
    gap: 12px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex;
    overflow: hidden
}

.notification-request__link .account__avatar {
    flex-shrink: 0
}

.notification-request__name {
    color: var(--color-text-secondary);
    text-overflow: ellipsis;
    flex: auto;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden
}

.notification-request__name__display-name {
    letter-spacing: .5px;
    color: var(--color-text-primary);
    align-items: center;
    gap: 6px;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.notification-request__name__display-name bdi {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.notification-request__name .filtered-notifications-banner__badge {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base);
    border-radius: 4px;
    padding: 1px 6px
}

.notification-request__actions {
    align-items: center;
    gap: 8px;
    display: flex
}

.notification-request__actions .icon-button {
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    padding: 5px
}

.notification-request .notification-request__link {
    transition: padding-inline-start .1s ease-in-out
}

.notification-request--forced-checkbox {
    cursor: pointer
}

.notification-request--forced-checkbox:hover {
    background: var(--color-bg-secondary)
}

.notification-request--forced-checkbox .notification-request__checkbox {
    opacity: 1;
    width: 30px
}

.notification-request--forced-checkbox .notification-request__link {
    padding-inline-start:30px}

.notification-request--forced-checkbox .notification-request__actions {
    display: none
}

.more-from-author {
    box-sizing: border-box;
    color: var(--color-text-secondary);
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    padding: 15px;
    font-size: 14px;
    display: flex
}

.more-from-author .logo {
    width: 16px;
    height: 16px;
    color: var(--color-text-secondary)
}

.more-from-author a {
    color: var(--color-text-primary);
    align-items: center;
    gap: 4px;
    min-width: 0;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex
}

.more-from-author a:hover,.more-from-author a:focus,.more-from-author a:active {
    color: var(--color-text-brand)
}

.notification-group {
    border-bottom: 1px solid var(--color-border-primary);
    align-items: flex-start;
    gap: 8px;
    padding: 16px 24px;
    display: flex
}

.notification-group__icon {
    width: 40px;
    color: var(--color-text-tertiary);
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.notification-group__icon .icon {
    width: 28px;
    height: 28px
}

.notification-group--follow .notification-group__icon,.notification-group--follow-request .notification-group__icon {
    color: var(--color-text-brand)
}

.notification-group--favourite .notification-group__icon {
    color: var(--color-text-favourite-highlight)
}

.notification-group--reblog .notification-group__icon {
    color: var(--color-text-success)
}

.notification-group--relationships-severance-event .notification-group__icon,.notification-group--admin-report .notification-group__icon,.notification-group--admin-sign-up .notification-group__icon {
    color: var(--color-text-tertiary)
}

.notification-group--moderation-warning .notification-group__icon {
    color: var(--color-text-bookmark-highlight)
}

.notification-group--follow-request .notification-group__actions {
    align-items: center;
    gap: 8px;
    display: flex
}

.notification-group--follow-request .notification-group__actions .icon-button {
    border: 1px solid var(--color-border-primary);
    border-radius: 50%;
    padding: 1px
}

.notification-group__main {
    flex-direction: column;
    flex: auto;
    gap: 8px;
    display: flex;
    overflow: hidden;
    container-type: inline-size
}

.notification-group__main__header {
    flex-direction: column;
    gap: 8px;
    display: flex
}

.notification-group__main__header__wrapper {
    justify-content: space-between;
    display: flex
}

.notification-group__main__header__label {
    color: var(--color-text-secondary);
    flex-wrap: wrap;
    gap: 2px 8px;
    font-size: 15px;
    line-height: 22px;
    display: flex
}

.notification-group__main__header__label a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.notification-group__main__header__label bdi {
    color: var(--color-text-primary);
    font-weight: 700
}

.notification-group__main__header__label time {
    color: var(--color-text-tertiary)
}

@container (width<350px) {
    .notification-group__main__header__label time,.notification-group__main__header__label-separator {
        display: none
    }
}

.notification-group__main__status {
    border: 1px solid var(--color-border-primary);
    border-radius: 8px;
    padding: 8px
}

.notification-group__main__additional-content {
    color: var(--color-text-tertiary);
    margin-top: -8px;
    font-size: 15px;
    line-height: 22px
}

.notification-group .status {
    border: 0;
    padding: 0
}

.notification-group__embedded-status {
    cursor: pointer;
    flex-direction: column;
    gap: 8px;
    display: flex
}

.notification-group__embedded-status__account {
    color: var(--color-text-tertiary);
    align-items: center;
    gap: 4px;
    font-size: 15px;
    line-height: 22px;
    display: flex
}

.notification-group__embedded-status__account bdi {
    color: var(--color-text-secondary)
}

.notification-group__embedded-status__account .account__avatar {
    flex: none
}

.notification-group__embedded-status__content {
    color: var(--color-text-secondary);
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: none;
    font-size: 15px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden
}

.notification-group__embedded-status__content p,.notification-group__embedded-status__content a {
    color: inherit
}

.notification-group__embedded-status__content p {
    margin-bottom: 8px
}

.notification-group__embedded-status .reply-indicator__attachments {
    color: var(--color-text-tertiary);
    margin-top: 0;
    font-size: 15px;
    line-height: 22px
}

.notification-group__actions .button,.compose-form__actions .button {
    flex: auto;
    display: block
}

.notification-ungrouped {
    border-bottom: 1px solid var(--color-border-primary);
    padding: 16px 24px
}

.notification-ungrouped__header {
    color: var(--color-text-tertiary);
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding-inline-start:24px;font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    display: flex
}

.notification-ungrouped__header__icon {
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.notification-ungrouped__header__icon .icon {
    width: 16px;
    height: 16px
}

.notification-ungrouped__header a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.notification-ungrouped .status:not(.status--is-quote) {
    border: 0;
    padding: 0
}

.notification-ungrouped .status__wrapper-direct {
    background: 0 0
}

.notification-ungrouped .status {
    --status-gutter-width: 48px
}

.notification-ungrouped .status--is-quote {
    --status-gutter-width: 0
}

.notification-ungrouped .status__content,.notification-ungrouped .status__action-bar,.notification-ungrouped .media-gallery,.notification-ungrouped .video-player,.notification-ungrouped .audio-player,.notification-ungrouped .attachment-list,.notification-ungrouped .picture-in-picture-placeholder,.notification-ungrouped .more-from-author,.notification-ungrouped .status-card,.notification-ungrouped .collection-preview,.notification-ungrouped .hashtag-bar,.notification-ungrouped .content-warning,.notification-ungrouped .filter-warning {
    width: calc(100% - var(--status-gutter-width));
    margin-inline-start:var(--status-gutter-width)}

.notification-ungrouped .more-from-author {
    width: calc(100% - var(--status-gutter-width) + 2px)
}

.notification-ungrouped .status__content__read-more-button {
    margin-inline-start:var(--status-gutter-width)}

.notification-ungrouped .notification__report {
    border: 0;
    padding: 0
}

.notification-group--unread,.notification-ungrouped--unread {
    position: relative
}

.notification-group--unread:before,.notification-ungrouped--unread:before {
    content: "";
    top: 0;
    border-inline-start:4px solid var(--color-border-brand);pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0
}

.hover-card-controller[data-popper-reference-hidden=true] {
    opacity: 0;
    pointer-events: none
}

.hover-card {
    box-shadow: var(--dropdown-shadow);
    background: var(--color-bg-primary);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    border: 1px solid var(--color-border-primary);
    border-radius: 8px;
    flex-direction: column;
    gap: 12px;
    width: 270px;
    padding: 16px;
    display: flex
}

.hover-card--loading {
    min-height: 100px;
    position: relative
}

.hover-card__name {
    color: inherit;
    gap: 12px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.hover-card__numbers,.hover-card__familiar-followers {
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 10px;
    display: flex
}

.hover-card__numbers {
    color: var(--color-text-primary);
    font-size: 15px;
    line-height: 22px
}

.hover-card__numbers strong {
    font-weight: 700
}

.hover-card__text-row {
    flex-direction: column;
    gap: 8px;
    display: flex
}

.hover-card__bio {
    color: var(--color-text-primary);
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    max-height: 40px;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden
}

.hover-card__bio p {
    margin-bottom: 0
}

.hover-card__bio a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.hover-card__bio a:hover,.hover-card__bio a:focus,.hover-card__bio a:active {
    -webkit-text-decoration: none;
    text-decoration: none
}

.hover-card__note-label {
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500
}

.hover-card__note dd {
    white-space: pre-line;
    color: var(--color-text-primary);
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.hover-card__limited-account-note {
    text-align: center;
    font-weight: 500
}

.hover-card .display-name {
    font-size: 15px;
    line-height: 22px
}

.hover-card .display-name bdi {
    color: var(--color-text-primary);
    font-weight: 500
}

.hover-card .display-name__account {
    color: var(--color-text-tertiary);
    display: block
}

.hover-card .account-fields {
    color: var(--color-text-primary);
    font-size: 14px;
    line-height: 20px
}

.hover-card .account-fields a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.hover-card .account-fields a:focus,.hover-card .account-fields a:hover,.hover-card .account-fields a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.hover-card .account-fields dl {
    align-items: center;
    gap: 4px;
    display: flex
}

.hover-card .account-fields dl dt {
    color: var(--color-text-tertiary);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 0 auto;
    min-width: 0;
    overflow: hidden
}

.hover-card .account-fields dl dd {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: end;
    flex: auto;
    min-width: 0;
    font-weight: 500;
    overflow: hidden
}

.hover-card .account-fields dl.verified dd {
    white-space: nowrap;
    color: var(--color-text-success);
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    display: flex;
    overflow: hidden
}

.hover-card .account-fields dl.verified dd>span {
    text-overflow: ellipsis;
    overflow: hidden
}

.hover-card .account-fields dl.verified dd a {
    font-weight: 500
}

.hover-card .account-fields dl.verified dd .icon {
    width: 16px;
    height: 16px
}

.content-warning {
    box-sizing: border-box;
    color: var(--color-text-primary);
    background: var(--color-bg-brand-softest);
    border: 1px solid var(--color-border-brand-soft);
    cursor: pointer;
    border-radius: 8px;
    padding: 8px 13px;
    font-size: 15px;
    line-height: 22px;
    display: block;
    position: relative
}

.content-warning p {
    margin-bottom: 8px;
    font-weight: 500
}

.content-warning .link-button {
    font-size: inherit;
    line-height: inherit;
    font-weight: 500
}

.content-warning--filter {
    color: var(--color-text-secondary)
}

.content-warning--filter p {
    font-weight: 400
}

.content-warning--filter .filter-name {
    color: var(--color-text-primary);
    font-weight: 500
}

.lists__item {
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    gap: 16px;
    padding-inline-end:13px;display: flex
}

.lists__item__title {
    color: var(--color-text-secondary);
    flex: auto;
    align-items: center;
    gap: 5px;
    padding: 16px 13px;
    font-size: 16px;
    line-height: 24px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.lists__item__title:is(a):hover,.lists__item__title:is(a):focus,.lists__item__title:is(a):active {
    color: var(--color-text-primary)
}

.lists__item__title input {
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: 0 0;
    border: 0;
    padding: 0;
    display: block
}

.lists__item__title input::placeholder {
    color: var(--color-text-secondary);
    opacity: 1
}

.lists__item__title input:focus {
    outline: 0
}

.column-search-header {
    border: 1px solid var(--color-border-primary);
    padding: 16px;
    border-top: 0;
    border-bottom: 0;
    align-items: center;
    gap: 12px;
    padding-bottom: 8px;
    display: flex
}

.column-search-header input {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    color: var(--color-text-primary);
    border-radius: 4px;
    flex: auto;
    padding: 12px;
    font-size: 16px;
    line-height: normal;
    display: block
}

.column-search-header input::placeholder {
    color: var(--color-text-secondary);
    opacity: 1
}

.column-search-header input:focus {
    outline: 0
}

.column-footer {
    background: var(--color-bg-primary);
    padding: 16px;
    position: sticky;
    bottom: 0
}

.lists-scrollable {
    min-height: 50vh
}

.featured-carousel {
    border-bottom: 1px solid var(--color-border-primary);
    touch-action: pan-y;
    flex-shrink: 0;
    overflow: hidden
}

.featured-carousel__slides {
    flex-wrap: nowrap;
    align-items: start;
    display: flex
}

.featured-carousel__slide {
    flex: 0 0 100%;
    width: 100%;
    overflow: hidden
}

.featured-carousel .status {
    border-bottom: 0
}

.featured-carousel__header {
    color: var(--color-text-secondary);
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    display: flex;
    inset-inline-end: 0
}

.featured-carousel__title {
    text-transform: uppercase;
    flex-grow: 1;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    display: flex
}

.featured-carousel__title .icon {
    width: 16px;
    height: 16px
}

.featured-carousel__pagination {
    align-items: center;
    gap: 4px;
    display: flex
}

.poll {
    margin-top: 16px;
    font-size: 14px
}

.poll li {
    margin-bottom: 10px;
    position: relative
}

.poll__chart {
    background: rgb(from var(--color-text-brand) r g b/60%);
    border-radius: 4px;
    min-width: 1%;
    height: 5px;
    display: block
}

.poll__chart.leading {
    background: var(--color-text-brand)
}

.poll progress {
    appearance: none;
    background: 0 0;
    border: 0;
    width: 100%;
    height: 5px;
    display: block
}

.poll progress::-webkit-progress-bar {
    background: 0 0
}

.poll progress::-moz-progress-bar {
    background: rgb(from var(--color-text-brand) r g b/60%);
    border-radius: 4px
}

.poll progress::-webkit-progress-value {
    background: rgb(from var(--color-text-brand) r g b/60%);
    border-radius: 4px
}

.poll__option {
    cursor: default;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    line-height: 18px;
    display: flex;
    position: relative;
    overflow: hidden
}

.poll__option__text {
    overflow-wrap: break-word;
    max-width: calc(100% - 70px);
    display: inline-block
}

.poll__option input[type=radio],.poll__option input[type=checkbox] {
    display: none
}

.poll__option .autosuggest-input {
    flex: auto
}

.poll__option input[type=text] {
    box-sizing: border-box;
    width: 100%;
    color: var(--color-text-primary);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-text-secondary);
    border-radius: 4px;
    outline: 0;
    padding: 8px 12px;
    font-family: inherit;
    font-size: 14px;
    display: block
}

.poll__option input[type=text]:focus {
    border-color: var(--color-border-brand)
}

@media screen and (max-width: 600px) {
    .poll__option input[type=text] {
        letter-spacing:.5px;
        font-size: 16px;
        line-height: 24px
    }
}

.poll__option.selectable {
    cursor: pointer
}

.poll__option.editable,.poll__option.disabled {
    align-items: center;
    overflow: visible
}

.poll__input {
    border: 1px solid var(--color-text-secondary);
    box-sizing: border-box;
    border-radius: 50%;
    flex: none;
    width: 17px;
    height: 17px;
    display: block;
    position: relative
}

.poll__input.checkbox {
    border-radius: 4px
}

.poll__input:active,.poll__input:focus,.poll__input:hover {
    border-color: var(--color-text-success);
    border-width: 4px
}

.poll__input.active {
    background-color: var(--color-bg-success-base);
    border-color: var(--color-text-success)
}

.poll__input::-moz-focus-inner {
    border: 0;
    outline: 0!important
}

.poll__input:focus,.poll__input:active {
    outline: 0!important
}

.poll__input.disabled {
    border-color: var(--color-text-disabled)
}

.poll__input.disabled.active {
    background: var(--color-text-disabled)
}

.poll__input.disabled:active,.poll__input.disabled:focus,.poll__input.disabled:hover {
    border-color: var(--color-text-disabled);
    border-width: 1px
}

.poll__option.editable .poll__input:active,.poll__option.editable .poll__input:focus,.poll__option.editable .poll__input:hover,.poll__option.disabled .poll__input:active,.poll__option.disabled .poll__input:focus,.poll__option.disabled .poll__input:hover {
    border-color: var(--color-text-primary);
    border-width: 1px
}

.poll__number {
    flex: 0 0 45px;
    width: 45px;
    font-weight: 700;
    display: inline-block
}

.poll__voted {
    padding: 0 5px;
    display: inline-block
}

.poll__voted__mark {
    font-size: 18px
}

.poll__footer {
    color: var(--color-text-tertiary);
    padding-top: 6px;
    padding-bottom: 5px
}

.poll__link {
    color: var(--color-text-tertiary);
    font-size: inherit;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    display: inline
}

.poll__link:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.poll__link:active,.poll__link:focus {
    background-color: var(--color-bg-secondary)
}

.poll .button {
    height: 36px;
    margin-inline-end:10px;padding: 0 16px;
    font-size: 14px
}

.muted .poll {
    color: var(--color-text-tertiary)
}

.muted .poll__chart {
    background: rgb(from var(--color-text-brand) r g b/40%)
}

.muted .poll__chart.leading {
    background: rgb(from var(--color-text-brand) r g b/60%)
}

.modal-layout {
    background: var(--color-bg-primary);
    flex-direction: column;
    height: 100vh;
    padding: 0;
    display: flex
}

.modal-layout__mastodon {
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    display: flex
}

.modal-layout__mastodon>div {
    flex: 1;
    max-height: 235px;
    position: relative
}

.modal-layout__mastodon>div img {
    bottom: 0;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    inset-inline-start: 0
}

@media screen and (max-width: 600px) {
    .account-header {
        margin-top:0
    }
}

.with-zig-zag-decoration {
    isolation: isolate
}

.with-zig-zag-decoration:after {
    content: "";
    background-color: var(--color-bg-brand-softest);
    z-index: -1;
    height: 32px;
    position: absolute;
    inset: auto 0 0;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"black\"/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 234.80078 31.757813\" width=\"234.80078\" height=\"31.757812\"><path d=\"M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z\" fill=\"black\"/></svg>");
    -webkit-mask-position: bottom;
    mask-position: bottom;
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x
}

.emoji-mart {
    font-size: 13px;
    display: inline-block
}

.emoji-mart,.emoji-mart * {
    box-sizing: border-box;
    line-height: 1.15
}

.emoji-mart .emoji-mart-emoji {
    padding: 6px
}

.emoji-mart-bar:first-child {
    background: var(--color-bg-tertiary);
    border-bottom: 1px solid var(--color-border-primary)
}

.emoji-mart-anchors {
    justify-content: space-between;
    padding: 0 6px;
    line-height: 0;
    display: flex
}

.emoji-mart-anchor {
    text-align: center;
    cursor: pointer;
    color: var(--color-text-secondary);
    background: 0 0;
    border: 0;
    flex: 1;
    padding: 12px 4px;
    transition: color .1s ease-out;
    position: relative;
    overflow: hidden
}

.emoji-mart-anchor:hover {
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary))
}

.emoji-mart-anchor-selected {
    color: var(--color-text-brand)
}

.emoji-mart-anchor-selected:hover {
    color: var(--color-text-brand-soft)
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
    bottom: -1px
}

.emoji-mart-anchor-bar {
    bottom: -5px;
    background-color: var(--color-text-brand);
    width: 100%;
    height: 4px;
    position: absolute;
    inset-inline-start: 0
}

.emoji-mart-anchors i {
    width: 100%;
    max-width: 22px;
    display: inline-block
}

.emoji-mart-anchors svg {
    fill: currentColor;
    max-height: 18px
}

.emoji-mart-scroll {
    will-change: transform;
    height: 270px;
    max-height: 35vh;
    padding: 0 6px 6px;
    overflow-y: scroll
}

.emoji-mart-search {
    padding: 10px;
    padding-inline-end:45px;position: relative
}

.emoji-mart-search input {
    background: var(--color-bg-secondary);
    width: 100%;
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    padding: 7px 9px;
    padding-inline-end:25px;font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    display: block
}

.emoji-mart-search input::-moz-focus-inner {
    border: 0
}

.emoji-mart-search input:focus {
    outline: var(--outline-focus-default);
    outline-offset: -1px
}

.emoji-mart-search input::-webkit-search-cancel-button {
    display: none
}

.emoji-mart-search-icon {
    top: 18px;
    z-index: 2;
    pointer-events: auto;
    background: 0 0;
    border: 0;
    padding: 2px 5px 1px;
    transition: opacity .1s linear;
    position: absolute;
    inset-inline-end: 50px
}

.emoji-mart-search-icon:disabled {
    cursor: default;
    pointer-events: none;
    color: var(--color-text-secondary)
}

.emoji-mart-search-icon svg {
    fill: currentColor;
    opacity: 1!important
}

.emoji-mart-category .emoji-mart-emoji {
    cursor: pointer
}

.emoji-mart-category .emoji-mart-emoji span {
    z-index: 1;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: relative;
    display: inline-flex!important
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
    z-index: -1;
    content: "";
    top: 0;
    background-color: var(--color-bg-brand-softest);
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0
}

.emoji-mart-category-label {
    z-index: 2;
    position: sticky;
    top: 0
}

.emoji-mart-category-label span {
    width: 100%;
    padding: 5px 6px;
    font-weight: 500;
    display: block
}

.emoji-mart-sr-only {
    clip-path: inset(50%);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.emoji-mart-category-list {
    margin: 0;
    padding: 0
}

.emoji-mart-category-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

.emoji-mart-emoji {
    background: 0 0;
    border: 0;
    padding: 0;
    font-size: 0;
    display: inline-block;
    position: relative
}

.emoji-mart-emoji span {
    width: 22px;
    height: 22px
}

.emoji-mart-no-results {
    color: var(--color-text-tertiary);
    text-align: center;
    padding: 5px 6px;
    padding-top: 70px;
    font-size: 14px
}

.emoji-mart-no-results .emoji-mart-no-results-label {
    margin-top: .2em
}

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
    cursor: default;
    content: none
}

.emoji-mart-preview {
    display: none
}

.container {
    box-sizing: border-box;
    max-width: 1235px;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 1255px) {
    .container {
        width:100%;
        padding: 0 10px
    }
}

.brand {
    -webkit-text-decoration: none;
    text-decoration: none;
    position: relative
}

.rules-list {
    counter-reset: list-counter;
    font-size: 15px;
    line-height: 22px
}

.rules-list li {
    border-bottom: 1px solid var(--color-border-primary);
    padding: 1em 1.75em;
    counter-increment: list-counter;
    min-height: 4ch;
    padding-inline-start:3em;font-weight: 500;
    position: relative
}

.rules-list li:before {
    content: counter(list-counter);
    inset-inline-start: 0;
    background: var(--color-bg-brand-base);
    color: var(--color-text-on-brand-base);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 4ch;
    height: 4ch;
    font-weight: 500;
    display: flex;
    position: absolute;
    top: 1em
}

.rules-list li:last-child {
    border-bottom: 0
}

.rules-list__text {
    color: var(--color-text-primary)
}

.rules-list__hint {
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 400
}

.rules-list__hint:focus-visible {
    outline: var(--outline-focus-default);
    outline-offset: 2px
}

.rules-list__toggle-button {
    vertical-align: -.25em;
    color: var(--color-text-primary);
    background: var(--color-bg-secondary);
    border: none;
    border-radius: 4px;
    display: inline-flex;
    position: relative
}

.rules-list__toggle-button[hidden],.rules-list__toggle-button[aria-expanded=true] .icon-expand,.rules-list__toggle-button[aria-expanded=false] .icon-collapse {
    display: none
}

.rules-list__toggle-button .icon {
    width: 1lh;
    height: 1lh
}

.rules-list__toggle-button:hover {
    background: var(--color-bg-tertiary)
}

.rules-list__toggle-button:focus-visible {
    outline: var(--outline-focus-default);
    outline-offset: 2px
}

.rules-list__toggle-button:before {
    content: "";
    position: absolute;
    inset: -12px
}

.rules-languages {
    align-items: center;
    gap: 1rem;
    display: flex;
    position: relative
}

.rules-languages>label {
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 600
}

.rules-languages select {
    appearance: none;
    box-sizing: border-box;
    color: var(--color-text-primary);
    resize: vertical;
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    outline: 0;
    width: 100%;
    height: 41px;
    padding-inline:10px 30px;font-family: inherit;
    font-size: 14px;
    display: block
}

@media screen and (max-width: 600px) {
    .rules-languages select {
        font-size:16px
    }
}

.table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%
}

.table th,.table td {
    vertical-align: top;
    border-bottom: 1px solid var(--color-border-primary);
    text-align: start;
    background: var(--color-bg-primary);
    padding: 8px;
    line-height: 18px
}

.table th.critical,.table td.critical {
    color: var(--color-text-warning);
    font-weight: 700
}

.table .align-end {
    text-align: end
}

.table .valign-middle {
    vertical-align: middle
}

.table .avatar-column {
    width: 24px
}

.table .avatar-column .avatar {
    border: 1px solid var(--color-border-primary);
    background: var(--color-background-secondary);
    border-radius: 8px
}

.table>thead>tr>th {
    vertical-align: bottom;
    font-weight: 500
}

.table>tbody>tr>th {
    font-weight: 500
}

.table>tbody>tr:nth-child(odd)>td,.table>tbody>tr:nth-child(odd)>th {
    background: var(--color-bg-primary)
}

.table>tbody>tr:last-child>td,.table>tbody>tr:last-child>th {
    border-bottom: 0
}

.table a {
    color: var(--color-text-secondary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.table a:hover {
    color: var(--color-text-brand)
}

.table strong {
    font-weight: 500
}

.table strong:lang(ja),.table strong:lang(ko),.table strong:lang(zh-CN),.table strong:lang(zh-HK),.table strong:lang(zh-TW) {
    font-weight: 700
}

.table.inline-table>tbody>tr:nth-child(odd)>td,.table.inline-table>tbody>tr:nth-child(odd)>th {
    background: 0 0
}

.table.inline-table>tbody>tr:first-child>td,.table.inline-table>tbody>tr:first-child>th {
    border-top: 0
}

.table.horizontal-table {
    border-collapse: collapse;
    border-style: hidden
}

.table.horizontal-table>tbody>tr>th,.table.horizontal-table>tbody>tr>td {
    border: 1px solid var(--color-border-primary);
    color: var(--color-text-primary);
    background: 0 0;
    padding: 11px 10px
}

.table.horizontal-table>tbody>tr>th {
    color: var(--color-text-secondary);
    font-weight: 600
}

.table.mini-table {
    border-top: 1px solid var(--color-border-primary);
    width: 50%
}

.table.mini-table>tbody>tr>th,.table.mini-table>tbody>tr>td {
    padding: 12px 0
}

.table.mini-table>tbody>tr>th {
    color: var(--color-text-secondary);
    font-weight: 400
}

.table.mini-table>tbody>tr>td {
    color: var(--color-text-primary);
    font-weight: 600
}

.table.mini-table .status-badge {
    padding: 0
}

.table.batch-table>thead>tr>th {
    background: var(--color-bg-primary);
    border-top: 1px solid var(--color-border-primary);
    border-bottom: 1px solid var(--color-border-primary)
}

.table.batch-table>thead>tr>th:first-child {
    border-inline-start:1px solid var(--color-border-primary);border-radius: 4px 0 0
}

.table.batch-table>thead>tr>th:last-child {
    border-inline-end:1px solid var(--color-border-primary);border-radius: 0 4px 0 0
}

.table--invites tbody td {
    vertical-align: middle
}

.table-wrapper {
    margin-bottom: 20px;
    overflow: auto
}

samp {
    font-family: mastodon-font-monospace,monospace
}

button.table-action-link {
    font: inherit;
    background: 0 0;
    border: 0
}

button.table-action-link,a.table-action-link {
    color: var(--color-text-secondary);
    white-space: nowrap;
    margin-inline-end:5px;padding: 0 10px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-block
}

button.table-action-link:hover,a.table-action-link:hover {
    color: var(--color-text-brand)
}

button.table-action-link:first-child,a.table-action-link:first-child {
    padding-inline-start:0}

.table-icon-link {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    padding: 4px;
    display: inline-flex
}

.table-icon-link.table-icon-link--danger {
    border: 1px solid var(--color-border-primary);
    color: var(--color-text-error);
    border-radius: 8px
}

.batch-table--no-toolbar .batch-table__toolbar {
    border-bottom: none;
    height: 4px;
    position: static
}

.batch-table__toolbar,.batch-table__row {
    display: flex
}

.batch-table__toolbar__select,.batch-table__row__select {
    box-sizing: border-box;
    cursor: pointer;
    min-height: 100%;
    padding: 8px 16px
}

.batch-table__toolbar__select input,.batch-table__row__select input {
    margin-top: 8px
}

.batch-table__toolbar__select--aligned,.batch-table__row__select--aligned {
    align-items: center;
    display: flex
}

.batch-table__toolbar__select--aligned input,.batch-table__row__select--aligned input {
    margin-top: 0
}

.batch-table__toolbar__actions,.batch-table__toolbar__content,.batch-table__row__actions,.batch-table__row__content {
    flex: auto;
    padding: 8px 0;
    padding-inline-end:16px}

.batch-table__toolbar {
    z-index: 200;
    border: 1px solid var(--color-border-primary);
    background: var(--color-bg-primary);
    border-radius: 4px 4px 0 0;
    align-items: center;
    height: 47px;
    position: sticky;
    top: 0
}

.batch-table__toolbar__actions {
    text-align: end;
    padding-inline-end:11px}

.batch-table__toolbar__actions .table-action-link {
    padding: 0
}

.batch-table__select-all {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    height: 47px;
    color: var(--color-text-primary);
    border-top: 0;
    justify-content: center;
    align-items: center;
    display: none
}

.batch-table__select-all.active {
    display: flex
}

.batch-table__select-all .selected,.batch-table__select-all .not-selected {
    display: none
}

.batch-table__select-all .selected.active,.batch-table__select-all .not-selected.active {
    display: block
}

.batch-table__select-all strong {
    font-weight: 700
}

.batch-table__select-all span {
    padding: 8px;
    display: inline-block
}

.batch-table__select-all button {
    font: inherit;
    color: var(--color-text-brand);
    background: 0 0;
    border: 0;
    border-radius: 4px;
    padding: 8px;
    font-weight: 700
}

.batch-table__select-all button:hover,.batch-table__select-all button:focus,.batch-table__select-all button:active {
    background: var(--color-bg-secondary)
}

.batch-table__form {
    border: 1px solid var(--color-border-primary);
    background: var(--color-bg-primary);
    border-top: 0;
    padding: 16px
}

.batch-table__form .fields-row {
    margin-bottom: 0;
    padding-top: 0
}

.batch-table__row {
    border: 1px solid var(--color-border-primary);
    background: var(--color-bg-primary);
    border-top: 0
}

@media screen and (max-width: 1175px) {
    .optional .batch-table__row:first-child {
        border-top:1px solid var(--color-border-primary)
    }
}

.batch-table__row:last-child {
    border-radius: 0 0 4px 4px
}

.batch-table__row__content {
    padding-top: 12px;
    padding-bottom: 16px;
    overflow: hidden
}

.batch-table__row__content--unpadded {
    padding: 0
}

.batch-table__row__content--padded {
    padding: 12px 16px 16px
}

.batch-table__row__content--with-image {
    align-items: center;
    display: flex
}

.batch-table__row__content__image {
    flex: none;
    justify-content: center;
    align-items: center;
    margin-inline-end:10px;display: flex
}

.batch-table__row__content__image .emojione {
    width: 32px;
    height: 32px
}

.batch-table__row__content__text {
    flex: auto
}

.batch-table__row__content__quote {
    padding: 0 12px 12px
}

.batch-table__row__content__extra {
    text-align: end;
    color: var(--color-text-secondary);
    flex: none;
    font-weight: 500
}

.batch-table__row .directory__tag {
    width: 100%;
    margin: 0
}

.batch-table__row .directory__tag a {
    background: 0 0;
    border-radius: 0
}

@media screen and (max-width: 1175px) {
    .batch-table.optional .batch-table__toolbar,.batch-table.optional .batch-table__row__select {
        display:none
    }
}

.batch-table .batch-table__row__content>.status__card {
    background: 0 0;
    border: none;
    padding: 0
}

@media screen and (max-width: 870px) {
    .batch-table .accounts-table tbody td.optional {
        display:none
    }
}

.one-liner {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.admin-wrapper {
    box-sizing: border-box;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    justify-content: center;
    display: flex
}

.admin-wrapper .icon {
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 0 2px
}

.admin-wrapper .sidebar-wrapper {
    min-height: 100vh;
    pointer-events: none;
    flex: auto;
    min-height: 100dvh;
    overflow: hidden
}

.admin-wrapper .sidebar-wrapper__inner {
    justify-content: flex-end;
    height: 100%;
    display: flex
}

.admin-wrapper .sidebar {
    pointer-events: auto;
    width: 300px;
    padding: 0
}

.admin-wrapper .sidebar__toggle {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    display: none
}

.admin-wrapper .sidebar__toggle__logo {
    flex: auto
}

.admin-wrapper .sidebar__toggle__logo a {
    padding: 15px;
    display: block
}

.admin-wrapper .sidebar__toggle__icon {
    color: var(--color-text-secondary);
    border-radius: 4px;
    flex: none;
    margin: 5px 10px;
    padding: 10px;
    font-size: 18px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block
}

.admin-wrapper .sidebar__toggle__icon:focus {
    background: var(--color-bg-brand-softest)
}

.admin-wrapper .sidebar__toggle__icon .material-close {
    display: none
}

.admin-wrapper .sidebar__toggle__icon.active .material-close {
    display: block
}

.admin-wrapper .sidebar__toggle__icon.active .material-menu {
    display: none
}

.admin-wrapper .sidebar .logo {
    width: 100px;
    height: 100px;
    margin: 40px auto;
    display: block
}

.admin-wrapper .sidebar .logo--wordmark {
    display: inherit;
    margin: inherit;
    width: inherit;
    height: 25px
}

@media screen and (max-width: 890px) {
    .admin-wrapper .sidebar>a:first-child {
        display:none
    }
}

.admin-wrapper .sidebar ul {
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden
}

@media screen and (max-width: 890px) {
    .admin-wrapper .sidebar ul {
        margin-bottom:0
    }
}

.admin-wrapper .sidebar ul a {
    color: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary));
    align-items: center;
    gap: 6px;
    padding: 15px;
    font-size: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: color .2s linear,background-color .2s linear;
    display: flex
}

.admin-wrapper .sidebar ul a:hover {
    color: var(--color-text-primary);
    transition: color .1s linear,background-color .1s linear
}

.admin-wrapper .sidebar ul a:focus-visible {
    outline: var(--outline-focus-default);
    outline-offset: -2px
}

.admin-wrapper .sidebar ul ul {
    margin: 0
}

.admin-wrapper .sidebar ul ul a {
    border: 0;
    padding: 15px 35px
}

.admin-wrapper .sidebar ul .warning a {
    color: var(--color-text-warning);
    font-weight: 700
}

.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
    color: var(--color-text-brand);
    border-bottom: 0
}

.admin-wrapper .content-wrapper {
    box-sizing: border-box;
    isolation: isolate;
    flex: auto;
    width: 100%;
    max-width: 840px
}

@media screen and (max-width: 1140px) {
    .admin-wrapper .sidebar-wrapper--empty {
        display:none
    }

    .admin-wrapper .sidebar-wrapper {
        flex: none;
        width: 300px
    }
}

@media screen and (max-width: 890px) {
    .admin-wrapper .sidebar-wrapper {
        width:100%
    }
}

.admin-wrapper .content {
    padding-top: 55px;
    padding-bottom: 20px;
    padding-inline:25px 15px}

@media screen and (max-width: 890px) {
    .admin-wrapper .content {
        padding:15px;
        max-width: none;
        padding-top: 30px
    }
}

.admin-wrapper .content__heading {
    margin-bottom: 45px
}

.admin-wrapper .content__heading__row {
    margin-top: -15px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-inline-end:-15px;display: flex
}

.admin-wrapper .content__heading__row>* {
    margin-top: 15px;
    margin-inline-end:15px}

.admin-wrapper .content__heading__tabs {
    width: 100%;
    margin-top: 30px
}

.admin-wrapper .content__heading__tabs>div {
    flex-wrap: wrap;
    gap: 5px;
    display: flex
}

.admin-wrapper .content__heading__tabs a {
    color: var(--color-text-secondary);
    white-space: nowrap;
    border-radius: 4px;
    align-items: center;
    gap: 5px;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex
}

@media screen and (max-width: 630px) {
    .admin-wrapper .content__heading__tabs a {
        flex:1 0 50%
    }
}

.admin-wrapper .content__heading__tabs a:hover,.admin-wrapper .content__heading__tabs a:focus,.admin-wrapper .content__heading__tabs a:active {
    background: var(--color-bg-secondary)
}

.admin-wrapper .content__heading__tabs a.selected {
    color: var(--color-text-on-brand-base);
    background: var(--color-bg-brand-base);
    font-weight: 700
}

.admin-wrapper .content__heading__actions {
    flex-flow: wrap;
    align-items: center;
    gap: 5px;
    display: inline-flex
}

.admin-wrapper .content__heading__actions .time-period {
    padding: 0 10px
}

.admin-wrapper .content__heading__actions .back-link {
    margin-bottom: 0
}

.admin-wrapper .content__heading h1 small {
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    display: block
}

@media screen and (max-width: 890px) {
    .admin-wrapper .content__heading {
        border-bottom:0;
        padding-bottom: 0
    }
}

.admin-wrapper .content :where(h1),.admin-wrapper .content .heading-large {
    color: var(--color-text-primary);
    font-size: 24px;
    font-weight: 700;
    line-height: 36px
}

.admin-wrapper .content :where(h2):not(.heading-medium),.admin-wrapper .content .heading-small {
    text-transform: uppercase;
    color: var(--color-text-secondary);
    border-top: 1px solid var(--color-border-primary);
    margin-bottom: 8px;
    padding-top: 24px;
    font-size: 13px;
    font-weight: 700
}

.admin-wrapper .content .heading-medium {
    color: var(--color-text-primary);
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.admin-wrapper .content h6 {
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px
}

.admin-wrapper .content .fields-group h6 {
    color: var(--color-text-primary);
    font-weight: 500
}

.admin-wrapper .content .directory__tag h4 {
    color: var(--color-text-primary);
    text-transform: none;
    border-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 18px;
    font-weight: 700
}

.admin-wrapper .content .directory__tag h4 .comment {
    text-overflow: ellipsis;
    margin-top: 4px;
    display: block;
    overflow: hidden
}

.admin-wrapper .content .directory__tag h4 .comment.private-comment {
    color: var(--color-text-secondary);
    display: block
}

.admin-wrapper .content .directory__tag h4 .comment.public-comment {
    color: var(--color-text-primary);
    display: block
}

.admin-wrapper .content>p {
    color: var(--color-text-primary);
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 21px
}

.admin-wrapper .content>p strong {
    color: var(--color-text-primary);
    font-weight: 500
}

.admin-wrapper .content>p strong:lang(ja),.admin-wrapper .content>p strong:lang(ko),.admin-wrapper .content>p strong:lang(zh-CN),.admin-wrapper .content>p strong:lang(zh-HK),.admin-wrapper .content>p strong:lang(zh-TW) {
    font-weight: 700
}

.admin-wrapper .content hr {
    border: 0;
    border-bottom: 1px solid var(--color-border-primary);
    width: 100%;
    height: 0;
    margin: 20px 0
}

.admin-wrapper .content hr.spacer {
    border: 0;
    height: 1px
}

.admin-wrapper details>summary {
    text-transform: uppercase;
    color: var(--color-text-secondary);
    cursor: pointer;
    margin-bottom: 8px;
    padding-top: 24px;
    font-size: 13px;
    font-weight: 700
}

@media screen and (max-width: 890px) {
    .admin-wrapper {
        display:block
    }

    .admin-wrapper .sidebar-wrapper {
        min-height: 0
    }

    .admin-wrapper .sidebar {
        width: 100%;
        height: auto;
        padding: 0
    }

    .admin-wrapper .sidebar__toggle {
        display: flex
    }

    .admin-wrapper .sidebar>nav>ul {
        display: none
    }

    .admin-wrapper .sidebar>nav>ul.visible {
        z-index: 10;
        inset-inline-start: 0;
        background: var(--color-bg-primary);
        width: 100%;
        height: calc(100% - 56px);
        display: block;
        position: fixed;
        bottom: 0;
        overflow-y: auto
    }

    .admin-wrapper .sidebar ul a,.admin-wrapper .sidebar ul ul a {
        border-radius: 0;
        font-size: 16px;
        transition: none
    }

    .admin-wrapper .sidebar ul a:hover,.admin-wrapper .sidebar ul ul a:hover {
        transition: none
    }

    .admin-wrapper .sidebar ul ul {
        border-radius: 0
    }

    .admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
        border-bottom-color: var(--color-border-brand)
    }
}

.admin-wrapper .callout {
    background-color: var(--color-bg-brand-softest);
    color: var(--color-text-primary);
    border-radius: 12px;
    align-items: start;
    gap: 8px;
    margin-bottom: 30px;
    padding: 12px;
    font-size: 15px;
    line-height: 1.3333;
    display: flex
}

.admin-wrapper .callout .icon {
    background-color: var(--color-bg-brand-soft);
    border-radius: 9999px;
    width: 1rem;
    height: 1rem;
    margin-block:-2px;padding: 4px
}

.admin-wrapper .callout.variantWarning {
    background-color: var(--color-bg-warning-softest)
}

.admin-wrapper .callout.variantWarning .icon {
    background-color: var(--color-bg-warning-soft)
}

.admin-wrapper .callout.variantError {
    background-color: var(--color-bg-error-softest)
}

.admin-wrapper .callout.variantError .icon {
    background-color: var(--color-bg-error-soft)
}

.admin-wrapper .callout .content {
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    padding: 0;
    display: flex
}

@media screen and (min-width: 630px) {
    .admin-wrapper .callout .content {
        flex-direction:row
    }
}

.admin-wrapper .callout .body {
    flex-grow: 1
}

.admin-wrapper .callout .title {
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 6px
}

.admin-wrapper .callout a {
    color: inherit;
    font-weight: 600
}

hr.spacer {
    border: 0;
    width: 100%;
    height: 1px;
    margin: 20px 0
}

body .muted-hint,.admin-wrapper .content .muted-hint {
    color: var(--color-text-secondary)
}

body .muted-hint a,.admin-wrapper .content .muted-hint a {
    color: var(--color-text-brand)
}

body .positive-hint a,body .negative-hint a,body .neutral-hint a,.admin-wrapper .content .positive-hint a,.admin-wrapper .content .negative-hint a,.admin-wrapper .content .neutral-hint a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

body .positive-hint a:focus,body .positive-hint a:hover,body .positive-hint a:active,body .negative-hint a:focus,body .negative-hint a:hover,body .negative-hint a:active,body .neutral-hint a:focus,body .neutral-hint a:hover,body .neutral-hint a:active,.admin-wrapper .content .positive-hint a:focus,.admin-wrapper .content .positive-hint a:hover,.admin-wrapper .content .positive-hint a:active,.admin-wrapper .content .negative-hint a:focus,.admin-wrapper .content .negative-hint a:hover,.admin-wrapper .content .negative-hint a:active,.admin-wrapper .content .neutral-hint a:focus,.admin-wrapper .content .neutral-hint a:hover,.admin-wrapper .content .neutral-hint a:active {
    -webkit-text-decoration: none;
    text-decoration: none
}

body .positive-hint,.admin-wrapper .content .positive-hint {
    color: var(--color-text-success);
    font-weight: 500
}

body .negative-hint,.admin-wrapper .content .negative-hint {
    color: var(--color-text-error);
    font-weight: 500
}

body .neutral-hint,.admin-wrapper .content .neutral-hint {
    color: var(--color-text-primary);
    font-weight: 500
}

body .warning-hint,.admin-wrapper .content .warning-hint {
    color: var(--color-text-warning);
    font-weight: 500
}

kbd {
    background-color: var(--color-bg-brand-softest);
    border-radius: 5px;
    padding: 4px 4px 2px;
    font-family: Courier,monospace
}

.filters {
    flex-wrap: wrap;
    gap: 40px;
    display: flex
}

.filters .filter-subset {
    flex: none;
    margin-bottom: 20px
}

.filters .filter-subset:last-child {
    margin-bottom: 30px
}

.filters .filter-subset ul {
    margin-top: 5px;
    list-style: none
}

.filters .filter-subset ul li {
    margin-inline-end:5px;display: inline-block
}

.filters .filter-subset>div {
    gap: 5px;
    display: flex
}

.filters .filter-subset strong {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500
}

.filters .filter-subset strong:lang(ja),.filters .filter-subset strong:lang(ko),.filters .filter-subset strong:lang(zh-CN),.filters .filter-subset strong:lang(zh-HK),.filters .filter-subset strong:lang(zh-TW) {
    font-weight: 700
}

.filters .filter-subset--with-select strong {
    margin-bottom: 10px;
    display: block
}

.filters .filter-subset a {
    color: var(--color-text-secondary);
    text-transform: uppercase;
    border-bottom: 2px solid var(--color-bg-secondary);
    font-size: 12px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-block
}

.filters .filter-subset a:hover {
    color: var(--color-text-primary);
    border-bottom: 2px solid var(--color-bg-tertiary)
}

.filters .filter-subset a.selected {
    color: var(--color-text-brand);
    border-bottom: 2px solid var(--color-border-brand)
}

.report-accounts {
    flex-wrap: wrap;
    margin-bottom: 20px;
    display: flex
}

.report-accounts__item {
    flex-direction: column;
    flex: 250px;
    margin: 0 5px;
    display: flex
}

.report-accounts__item>strong {
    color: var(--color-text-primary);
    margin: 0 0 10px -5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display: block
}

.report-accounts__item>strong:lang(ja),.report-accounts__item>strong:lang(ko),.report-accounts__item>strong:lang(zh-CN),.report-accounts__item>strong:lang(zh-HK),.report-accounts__item>strong:lang(zh-TW) {
    font-weight: 700
}

.report-accounts__item .account-card {
    flex: auto
}

.report-status,.account-status {
    margin-bottom: 10px;
    display: flex
}

.report-status__actions,.account-status__actions {
    flex-direction: column;
    flex: none;
    display: flex
}

.report-status__actions .icon-button,.account-status__actions .icon-button {
    text-align: center;
    width: 24px;
    margin-bottom: 10px;
    font-size: 24px
}

.simple_form.new_report_note,.simple_form.new_account_moderation_note {
    max-width: 100%
}

.batch-form-box {
    flex-wrap: wrap;
    margin-bottom: 5px;
    display: flex
}

.batch-form-box #form_status_batch_action {
    margin: 0 5px 5px 0;
    font-size: 14px
}

.batch-form-box input.button {
    margin: 0 5px 5px 0
}

.back-link {
    margin-bottom: 10px;
    font-size: 14px
}

.back-link a {
    color: var(--color-text-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.back-link a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.special-action-button,.back-link {
    text-align: end;
    flex: auto
}

.action-buttons {
    justify-content: space-between;
    display: flex;
    overflow: hidden
}

.spacer {
    flex: auto
}

.log-entry {
    padding: 15px;
    background: var(--color-bg-primary);
    border-right: 1px solid var(--color-border-primary);
    border-left: 1px solid var(--color-border-primary);
    border-bottom: 1px solid var(--color-border-primary);
    color: var(--color-text-secondary);
    padding-inline-start:70px;font-size: 14px;
    line-height: 20px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block;
    position: relative
}

.log-entry:first-child {
    border-top: 1px solid var(--color-border-primary);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.log-entry:last-child {
    border-bottom: 1px solid var(--color-border-primary);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.log-entry__avatar {
    inset-inline-start: 15px;
    position: absolute;
    top: 15px
}

.log-entry__avatar .avatar {
    border-radius: var(--avatar-border-radius);
    width: 40px;
    height: 40px
}

.log-entry__title {
    overflow-wrap: break-word
}

.log-entry__timestamp {
    color: var(--color-text-tertiary)
}

.log-entry a,.log-entry .username,.log-entry .target {
    color: var(--color-text-primary);
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.log-entry a:hover,.log-entry a:focus,.log-entry a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.strike-entry {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    color: var(--color-text-secondary);
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 15px;
    padding-inline-start:70px;font-size: 14px;
    line-height: 20px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block;
    position: relative
}

.strike-entry__avatar {
    inset-inline-start: 15px;
    position: absolute;
    top: 15px
}

.strike-entry__avatar .avatar {
    border-radius: var(--avatar-border-radius);
    width: 40px;
    height: 40px
}

.strike-entry__title {
    overflow-wrap: break-word
}

.strike-entry__timestamp {
    color: var(--color-text-secondary)
}

.strike-entry:hover,.strike-entry:focus,.strike-entry:active {
    background: var(--color-bg-primary)
}

a.name-tag,.name-tag,a.inline-name-tag,.inline-name-tag {
    color: var(--color-text-primary);
    -webkit-text-decoration: none;
    text-decoration: none
}

a.name-tag:hover,.name-tag:hover,a.inline-name-tag:hover,.inline-name-tag:hover {
    color: var(--color-text-brand)
}

a.name-tag .username,.name-tag .username,a.inline-name-tag .username,.inline-name-tag .username {
    font-weight: 500
}

a.name-tag.suspended .username,.name-tag.suspended .username,a.inline-name-tag.suspended .username,.inline-name-tag.suspended .username {
    color: var(--color-text-error);
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

a.name-tag.suspended .avatar,.name-tag.suspended .avatar,a.inline-name-tag.suspended .avatar,.inline-name-tag.suspended .avatar {
    filter: grayscale();
    opacity: .8
}

a.name-tag,.name-tag {
    vertical-align: top;
    align-items: center;
    display: inline-flex
}

a.name-tag .avatar,.name-tag .avatar {
    margin: 0;
    border-radius: 50%;
    margin-inline-end:5px;display: block
}

a.name-tag.suspended .avatar,.name-tag.suspended .avatar {
    filter: grayscale();
    opacity: .8
}

.speech-bubble {
    border-inline-start:4px solid var(--color-border-brand);margin-bottom: 20px
}

.speech-bubble.positive {
    border-color: var(--color-text-success)
}

.speech-bubble.negative {
    border-color: var(--color-border-error)
}

.speech-bubble.warning {
    border-color: var(--color-text-warning)
}

.speech-bubble__bubble {
    border-radius: 4px 4px 4px 0;
    padding: 16px;
    padding-inline-start:14px;font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    position: relative
}

.speech-bubble__bubble a {
    color: var(--color-text-secondary)
}

.speech-bubble__owner {
    padding: 8px;
    padding-inline-start:12px}

.speech-bubble time {
    color: var(--color-text-tertiary)
}

.report-card {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    margin-bottom: 20px
}

.report-card__profile {
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    display: flex
}

.report-card__profile .account {
    border: none;
    padding: 0
}

.report-card__profile .account__avatar-wrapper {
    margin-inline-start:0}

.report-card__profile__stats {
    color: var(--color-text-secondary);
    text-transform: uppercase;
    text-align: end;
    flex: none;
    font-weight: 500
}

.report-card__profile__stats a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.report-card__profile__stats a:focus,.report-card__profile__stats a:hover,.report-card__profile__stats a:active {
    color: var(--color-text-brand)
}

.report-card__profile__stats .red {
    color: var(--color-text-error)
}

.report-card__summary__item {
    border-top: 1px solid var(--color-border-primary);
    justify-content: flex-start;
    display: flex
}

.report-card__summary__item__reported-by,.report-card__summary__item__assigned {
    box-sizing: border-box;
    width: 150px;
    color: var(--color-text-secondary);
    flex: none;
    padding: 15px
}

.report-card__summary__item__reported-by,.report-card__summary__item__reported-by .username,.report-card__summary__item__assigned,.report-card__summary__item__assigned .username {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.report-card__summary__item__content {
    flex: auto;
    max-width: calc(100% - 300px)
}

.report-card__summary__item__content__icon {
    margin-inline-end:4px;font-weight: 500
}

.report-card__summary__item__content a {
    box-sizing: border-box;
    width: 100%;
    color: var(--color-text-secondary);
    padding: 15px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block
}

.report-card__summary__item__content a:hover {
    color: var(--color-text-brand)
}

.one-line {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ellipsized-ip {
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 120px;
    display: inline-block;
    overflow: hidden
}

.admin-account-bio {
    margin: 0 -5px;
    flex-wrap: wrap;
    margin-top: 20px;
    display: flex
}

.admin-account-bio>div {
    box-sizing: border-box;
    flex: 1 0 50%;
    max-width: 100%;
    margin-bottom: 10px;
    padding: 0 5px
}

.admin-account-bio__fields,.admin-account-bio__content {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    height: 100%
}

.admin-account-bio__fields {
    border: 1px solid var(--color-border-primary);
    grid-template-columns: 120px auto;
    grid-auto-flow: row;
    font-size: 14px;
    line-height: 20px;
    display: grid
}

.admin-account-bio__fields dl {
    display: flex
}

.admin-account-bio__fields dt,.admin-account-bio__fields dd {
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid var(--color-border-primary);
    justify-content: center;
    align-items: center;
    padding: 14px;
    display: flex
}

.admin-account-bio__fields dt:last-of-type:not(.verified),.admin-account-bio__fields dd:last-of-type:not(.verified) {
    border-bottom: none
}

.admin-account-bio__fields dt {
    width: 120px;
    color: var(--color-text-primary);
    background: var(--color-bg-secondary);
    flex: none;
    font-weight: 500
}

.admin-account-bio__fields dd {
    color: var(--color-text-secondary);
    flex: auto
}

.admin-account-bio__fields dd:first-of-type.verified {
    border-top-right-radius: 4px
}

.admin-account-bio__fields dd:last-of-type.verified {
    border-bottom-right-radius: 4px
}

.admin-account-bio__fields a {
    color: var(--color-text-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.admin-account-bio__fields a:hover,.admin-account-bio__fields a:focus,.admin-account-bio__fields a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.admin-account-bio__fields .verified {
    border: 1px solid var(--color-border-success-soft);
    background: var(--color-bg-success-softest)
}

.admin-account-bio__fields .verified a {
    color: var(--color-text-success);
    font-weight: 500
}

.admin-account-bio__fields .verified__mark {
    color: var(--color-text-success)
}

.admin-account-bio__fields .verified__mark>svg {
    vertical-align: middle
}

.admin-account-bio__content {
    box-sizing: border-box;
    color: var(--color-text-primary);
    word-break: normal;
    overflow-wrap: break-word;
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden
}

.admin-account-bio__content p {
    unicode-bidi: plaintext;
    margin-bottom: 20px
}

.admin-account-bio__content p:last-child {
    margin-bottom: 0
}

.admin-account-bio__content a {
    color: var(--color-text-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.admin-account-bio__content a:hover,.admin-account-bio__content a:focus,.admin-account-bio__content a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.center-text {
    text-align: center
}

.applications-list__item,.filters-list__item {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    margin-top: 15px;
    padding: 15px 0
}

.applications-list .icon {
    vertical-align: middle
}

.announcements-list,.filters-list {
    border: 1px solid var(--color-border-primary);
    border-bottom: none;
    border-radius: 4px
}

.announcements-list__item,.filters-list__item {
    border-bottom: 1px solid var(--color-border-primary);
    padding: 15px 0
}

.announcements-list__item__title,.filters-list__item__title {
    color: var(--color-text-primary);
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block
}

.announcements-list__item__title:where(a):where(:hover,:focus,:active),.filters-list__item__title:where(a):where(:hover,:focus,:active) {
    color: var(--color-text-brand)
}

.announcements-list__item .icon,.filters-list__item .icon {
    vertical-align: middle
}

.announcements-list__item__action-bar,.filters-list__item__action-bar {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex
}

.announcements-list__item__action-bar:not(.no-wrap),.filters-list__item__action-bar:not(.no-wrap) {
    flex-wrap: wrap
}

.announcements-list__item__meta,.filters-list__item__meta {
    color: var(--color-text-tertiary);
    padding: 0 15px
}

.announcements-list__item__meta a,.filters-list__item__meta a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.announcements-list__item__meta a:hover,.announcements-list__item__meta a:focus,.announcements-list__item__meta a:active,.filters-list__item__meta a:hover,.filters-list__item__meta a:focus,.filters-list__item__meta a:active {
    -webkit-text-decoration: none;
    text-decoration: none
}

.announcements-list__item__actions,.filters-list__item__actions {
    margin-inline-start:auto}

.announcements-list__item__permissions,.filters-list__item__permissions {
    margin-top: 10px
}

.filters-list__item__title {
    overflow-wrap: anywhere;
    justify-content: space-between;
    margin-bottom: 0;
    display: flex
}

.filters-list__item__permissions {
    margin-top: 0;
    margin-bottom: 10px
}

.filters-list__item .expiration {
    font-size: 13px
}

.filters-list__item.expired .expiration {
    color: var(--color-text-error)
}

.filters-list__item.expired .permissions-list__item__icon {
    color: var(--color-text-secondary)
}

.rule-actions {
    flex-direction: column;
    display: flex
}

.rule-actions a.table-action-link {
    padding-inline-start:0}

.dashboard__counters.admin-account-counters {
    margin-top: 10px
}

.account-badges {
    margin: -2px 0
}

.retention {
    overflow: auto
}

.retention>h4 {
    position: sticky;
    inset-inline-start: 0
}

.retention__table__number {
    color: var(--color-bg-primary);
    padding: 10px
}

.retention__table__date {
    white-space: nowrap;
    text-align: start;
    min-width: 120px;
    padding: 10px 0
}

.retention__table__date.retention__table__average {
    font-weight: 700
}

.retention__table__size {
    text-align: center;
    padding: 10px
}

.retention__table__label {
    color: var(--color-text-secondary);
    font-weight: 700
}

.retention__table__box {
    box-sizing: border-box;
    width: 52px;
    color: var(--color-text-primary);
    background: var(--color-bg-primary);
    margin: 1px;
    padding: 10px;
    font-weight: 500
}

.retention__table__box--0,.retention__table__box--10 {
    background-color: rgb(from var(--color-bg-brand-base) r g b/.1)
}

.retention__table__box--20 {
    background-color: rgb(from var(--color-bg-brand-base) r g b/.2)
}

.retention__table__box--30 {
    background-color: rgb(from var(--color-bg-brand-base) r g b/.3)
}

.retention__table__box--40 {
    background-color: rgb(from var(--color-bg-brand-base) r g b/.4)
}

.retention__table__box--50 {
    background-color: rgb(from var(--color-bg-brand-base) r g b/.5)
}

.retention__table__box--60 {
    color: var(--color-text-on-brand-base);
    background-color: rgb(from var(--color-bg-brand-base) r g b/.6)
}

.retention__table__box--70 {
    color: var(--color-text-on-brand-base);
    background-color: rgb(from var(--color-bg-brand-base) r g b/.7)
}

.retention__table__box--80 {
    color: var(--color-text-on-brand-base);
    background-color: rgb(from var(--color-bg-brand-base) r g b/.8)
}

.retention__table__box--90 {
    color: var(--color-text-on-brand-base);
    background-color: rgb(from var(--color-bg-brand-base) r g b/.9)
}

.retention__table__box--100 {
    color: var(--color-text-on-brand-base);
    background-color: rgb(from var(--color-bg-brand-base) r g b/1)
}

.sparkline {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    padding: 0;
    border-radius: 4px;
    padding-bottom: 75px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block;
    position: relative;
    overflow: hidden
}

.sparkline__value {
    align-items: flex-end;
    padding: 20px 20px 10px;
    line-height: 33px;
    display: flex
}

.sparkline__value__total {
    color: var(--color-text-primary);
    margin-inline-end:10px;font-size: 28px;
    font-weight: 500;
    display: block
}

.sparkline__value__change {
    color: var(--color-text-secondary);
    margin-bottom: -3px;
    font-size: 18px;
    font-weight: 500;
    display: block
}

.sparkline__value__change.positive {
    color: var(--color-text-success)
}

.sparkline__value__change.negative {
    color: var(--color-text-error)
}

.sparkline__label {
    text-transform: uppercase;
    color: var(--color-text-secondary);
    padding: 0 20px 10px;
    font-weight: 500
}

.sparkline__graph {
    width: 100%;
    position: absolute;
    bottom: 0
}

.sparkline__graph svg {
    margin: 0;
    display: block
}

.sparkline__graph path:first-child {
    fill: var(--color-graph-primary-fill)!important;
    fill-opacity: 1!important
}

.sparkline__graph path:last-child {
    stroke: var(--color-graph-primary-stroke)!important;
    fill: none!important
}

a.sparkline:hover,a.sparkline:focus,a.sparkline:active {
    background: var(--color-bg-brand-softest)
}

.skeleton {
    background-color: var(--color-bg-primary);
    background-image: linear-gradient(90deg, var(--color-bg-primary), var(--color-bg-secondary), var(--color-bg-primary));
    background-repeat: no-repeat;
    background-size: 200px 100%;
    border-radius: 4px;
    width: 100%;
    line-height: 1;
    animation: 1.2s ease-in-out infinite skeleton;
    display: inline-block
}

.reduce-motion .skeleton {
    animation: none
}

@keyframes skeleton {
    0% {
        background-position: -200px 0
    }

    to {
        background-position: calc(200px + 100%) 0
    }
}

.dimension table {
    width: 100%
}

.dimension__item {
    border-bottom: 1px solid var(--color-border-primary)
}

.dimension__item__key {
    padding: 11px 10px;
    font-weight: 500
}

.dimension__item__value {
    text-align: end;
    color: var(--color-text-secondary);
    padding: 11px 10px
}

.dimension__item__indicator {
    background: var(--color-text-brand);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-inline-end:10px;display: inline-block
}

.dimension__item__indicator--0,.dimension__item__indicator--10 {
    background-color: rgb(from var(--color-text-brand) r g b/.1)
}

.dimension__item__indicator--20 {
    background-color: rgb(from var(--color-text-brand) r g b/.2)
}

.dimension__item__indicator--30 {
    background-color: rgb(from var(--color-text-brand) r g b/.3)
}

.dimension__item__indicator--40 {
    background-color: rgb(from var(--color-text-brand) r g b/.4)
}

.dimension__item__indicator--50 {
    background-color: rgb(from var(--color-text-brand) r g b/.5)
}

.dimension__item__indicator--60 {
    background-color: rgb(from var(--color-text-brand) r g b/.6)
}

.dimension__item__indicator--70 {
    background-color: rgb(from var(--color-text-brand) r g b/.7)
}

.dimension__item__indicator--80 {
    background-color: rgb(from var(--color-text-brand) r g b/.8)
}

.dimension__item__indicator--90 {
    background-color: rgb(from var(--color-text-brand) r g b/.9)
}

.dimension__item__indicator--100 {
    background-color: rgb(from var(--color-text-brand) r g b/1)
}

.dimension__item:last-child {
    border-bottom: 0
}

.dimension__item.negative {
    color: var(--color-text-error);
    font-weight: 700
}

.dimension__item.negative .dimension__item__value {
    color: var(--color-text-error)
}

.report-reason-selector {
    background: var(--color-bg-primary);
    border-radius: 4px;
    margin-bottom: 20px
}

.report-reason-selector__category {
    cursor: pointer;
    border-bottom: 1px solid var(--color-border-primary)
}

.report-reason-selector__category__label {
    align-items: center;
    gap: 8px;
    padding: 15px;
    display: flex
}

.report-reason-selector__category__rules {
    margin-inline-start:30px}

.report-reason-selector__rule {
    cursor: pointer;
    align-items: center;
    gap: 8px;
    padding: 15px;
    display: flex
}

.report-header {
    grid-template-columns: minmax(0,1fr) 300px;
    gap: 15px;
    display: grid
}

.report-header__details__item {
    border-bottom: 1px solid var(--color-border-primary);
    padding: 15px 0
}

.report-header__details__item:last-child {
    border-bottom: 0
}

.report-header__details__item__header {
    padding: 4px 0;
    font-weight: 600
}

.report-header__details--horizontal {
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column;
    display: grid
}

.report-header__details--horizontal .report-header__details__item {
    border-bottom: 0
}

@media screen and (max-width: 930px) {
    .report-header {
        grid-template-columns:minmax(0,1fr)
    }
}

.account-card {
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    position: relative
}

.account-card__warning-badge {
    top: 10px;
    background: url("data:image/svg+xml,%3csvg%20width='5'%20height='80'%20viewBox='0%200%205%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_253_1286)'%3e%3crect%20width='5'%20height='80'%20fill='url(%23paint0_linear_253_1286)'/%3e%3cline%20x1='-0.860365'%20y1='6.80136'%20x2='10.6078'%20y2='-1.22871'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='14.8314'%20x2='10.6078'%20y2='6.80132'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='22.8615'%20x2='10.6078'%20y2='14.8314'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='30.8916'%20x2='10.6078'%20y2='22.8615'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='38.9216'%20x2='10.6078'%20y2='30.8915'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='46.9517'%20x2='10.6078'%20y2='38.9216'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='54.9818'%20x2='10.6078'%20y2='46.9517'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='63.0118'%20x2='10.6078'%20y2='54.9817'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='71.0419'%20x2='10.6078'%20y2='63.0118'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='79.072'%20x2='10.6078'%20y2='71.0419'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='87.102'%20x2='10.6078'%20y2='79.072'%20stroke='black'%20stroke-width='3'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_253_1286'%20x1='2.5'%20y1='0'%20x2='2.5'%20y2='80'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FEC84B'/%3e%3cstop%20offset='1'%20stop-color='%23F79009'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_253_1286'%3e%3crect%20width='5'%20height='80'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") repeat-y left, url("data:image/svg+xml,%3csvg%20width='5'%20height='80'%20viewBox='0%200%205%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_253_1286)'%3e%3crect%20width='5'%20height='80'%20fill='url(%23paint0_linear_253_1286)'/%3e%3cline%20x1='-0.860365'%20y1='6.80136'%20x2='10.6078'%20y2='-1.22871'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='14.8314'%20x2='10.6078'%20y2='6.80132'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='22.8615'%20x2='10.6078'%20y2='14.8314'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='30.8916'%20x2='10.6078'%20y2='22.8615'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='38.9216'%20x2='10.6078'%20y2='30.8915'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='46.9517'%20x2='10.6078'%20y2='38.9216'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='54.9818'%20x2='10.6078'%20y2='46.9517'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='63.0118'%20x2='10.6078'%20y2='54.9817'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='71.0419'%20x2='10.6078'%20y2='63.0118'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='79.072'%20x2='10.6078'%20y2='71.0419'%20stroke='black'%20stroke-width='3'/%3e%3cline%20x1='-0.860365'%20y1='87.102'%20x2='10.6078'%20y2='79.072'%20stroke='black'%20stroke-width='3'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_253_1286'%20x1='2.5'%20y1='0'%20x2='2.5'%20y2='80'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FEC84B'/%3e%3cstop%20offset='1'%20stop-color='%23F79009'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_253_1286'%3e%3crect%20width='5'%20height='80'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") repeat-y right, var(--color-bg-primary);
    border-radius: 4px;
    padding: 4px 10px;
    position: absolute;
    inset-inline-start: 10px
}

.account-card__permalink {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.account-card__header {
    border-radius: 4px;
    height: 128px;
    padding: 4px
}

.account-card__header img {
    object-fit: cover;
    background: var(--color-bg-secondary);
    width: 100%;
    height: 100%;
    margin: 0;
    display: block
}

.account-card__title {
    align-items: flex-end;
    margin-top: -23px;
    display: flex
}

.account-card__title__avatar {
    padding: 14px
}

.account-card__title__avatar img,.account-card__title__avatar .account__avatar {
    background-color: var(--color-bg-secondary);
    border: 1px solid var(--color-border-media);
    border-radius: 8px;
    width: 56px;
    height: 56px;
    margin: 0;
    display: block
}

.account-card__title .display-name {
    color: var(--color-text-secondary);
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 20px
}

.account-card__title .display-name bdi {
    color: var(--color-text-primary);
    font-weight: 700;
    display: block
}

.account-card__bio {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    max-height: 42px;
    margin: 8px 0;
    padding: 0 15px;
    font-size: 15px;
    line-height: 21px;
    position: relative;
    overflow: hidden
}

.account-card__bio:after {
    content: "";
    bottom: 0;
    pointer-events: none;
    width: 50px;
    height: 21px;
    display: block;
    position: absolute;
    inset-inline-end: 15px
}

.account-card__bio a {
    color: var(--color-text-primary);
    unicode-bidi: isolate;
    -webkit-text-decoration: none;
    text-decoration: none
}

.account-card__bio a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.account-card__bio a.mention:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.account-card__bio a.mention:hover span {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.account-card__actions {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.account-card__actions__button {
    flex-shrink: 1;
    padding: 0 15px;
    overflow: hidden
}

.account-card__actions__button .button {
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    max-width: 100%;
    overflow: hidden
}

.account-card__counters {
    flex: auto;
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column;
    min-width: 195px;
    max-width: 340px;
    display: grid
}

.account-card__counters__item {
    text-align: center;
    color: var(--color-text-primary);
    padding: 15px 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px
}

.account-card__counters__item small {
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    display: block
}

.report-notes {
    margin-bottom: 20px
}

.report-notes__item {
    background: var(--color-bg-primary);
    padding: 15px;
    border: 1px solid var(--color-border-primary);
    padding-inline-start:70px;position: relative
}

.report-notes__item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.report-notes__item:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.report-notes__item__avatar {
    inset-inline-start: 15px;
    border-radius: var(--avatar-border-radius);
    width: 40px;
    height: 40px;
    position: absolute;
    top: 15px
}

.report-notes__item__header {
    color: var(--color-text-secondary);
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 20px
}

.report-notes__item__header .username {
    color: var(--color-text-primary);
    margin-inline-end:5px;font-weight: 500
}

.report-notes__item__header .username a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.report-notes__item__header .username a:hover,.report-notes__item__header .username a:focus,.report-notes__item__header .username a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.report-notes__item__header a.timestamp {
    color: var(--color-text-secondary);
    -webkit-text-decoration: none;
    text-decoration: none
}

.report-notes__item__header a.timestamp:hover,.report-notes__item__header a.timestamp:focus,.report-notes__item__header a.timestamp:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.report-notes__item__header time {
    vertical-align: baseline;
    margin-inline-start:5px}

.report-notes__item__content {
    overflow-wrap: break-word;
    color: var(--color-text-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

.report-notes__item__content p {
    white-space: pre-wrap;
    unicode-bidi: plaintext;
    margin-bottom: 20px
}

.report-notes__item__content p:last-child {
    margin-bottom: 0
}

.report-notes__item__content a {
    color: var(--color-text-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.report-notes__item__content a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.report-notes__item__actions {
    top: 15px;
    text-align: end;
    position: absolute;
    inset-inline-end: 15px
}

.report-actions__item {
    align-items: center;
    line-height: 18px;
    display: flex
}

.report-actions__item:last-child {
    border-bottom: 0
}

.report-actions__item__button {
    box-sizing: border-box;
    flex: none;
    width: 200px;
    padding: 15px;
    padding-inline-end:0}

.report-actions__item__button .button {
    width: 100%;
    display: block
}

.report-actions__item__description {
    color: var(--color-text-tertiary);
    padding: 15px;
    font-size: 14px
}

@media screen and (max-width: 800px) {
    .report-actions {
        border:0
    }

    .report-actions__item {
        border: 0;
        flex-direction: column
    }

    .report-actions__item__button {
        width: 100%;
        padding: 15px 0
    }

    .report-actions__item__description {
        padding: 0;
        padding-bottom: 15px
    }
}

.navigation-skip-link {
    z-index: 100;
    color: var(--color-text-primary);
    background: var(--color-bg-primary);
    box-shadow: var(--dropdown-shadow);
    border-radius: 10px;
    margin: 10px;
    padding: 10px 16px;
    font-size: 15px;
    position: fixed
}

.navigation-skip-link:not(:focus-within) {
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.section-skip-link {
    float: right
}

.section-skip-link a {
    color: var(--color-text-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.section-skip-link a:hover,.section-skip-link a:focus,.section-skip-link a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.strike-card {
    overflow-wrap: break-word;
    color: var(--color-text-primary);
    box-sizing: border-box;
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    min-height: 100%;
    padding: 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

.strike-card a {
    color: var(--color-text-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.strike-card a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.strike-card p {
    unicode-bidi: plaintext;
    margin-bottom: 20px
}

.strike-card p:last-child {
    margin-bottom: 0
}

.strike-card p strong {
    font-weight: 700
}

.strike-card__rules {
    color: var(--color-text-secondary);
    margin-bottom: 20px;
    padding-inline-start:15px;list-style: outside
}

.strike-card__rules:last-child {
    margin-bottom: 0
}

.strike-card__rules__text {
    color: var(--color-text-primary)
}

.strike-card__statuses-list {
    border: 1px solid var(--color-border-primary);
    border-radius: 4px;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden
}

.strike-card__statuses-list__item {
    border-bottom: 1px solid var(--color-border-primary);
    padding: 16px
}

.strike-card__statuses-list__item:last-child {
    border-bottom: 0
}

.strike-card__statuses-list__item__meta {
    color: var(--color-text-secondary)
}

.strike-card__statuses-list__item a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.strike-card__statuses-list__item a:hover,.strike-card__statuses-list__item a:focus,.strike-card__statuses-list__item a:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.availability-indicator {
    align-items: center;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 21px;
    display: flex
}

.availability-indicator__hint {
    padding: 0 15px
}

.availability-indicator__graphic {
    margin: 0 -2px;
    display: flex
}

.availability-indicator__graphic__item {
    background: var(--color-bg-secondary);
    border-radius: 2px;
    flex: none;
    width: 4px;
    height: 21px;
    margin: 0 2px;
    display: block
}

.availability-indicator__graphic__item.positive {
    background: var(--color-bg-success-base)
}

.availability-indicator__graphic__item.negative {
    background: var(--color-bg-error-base)
}

.history {
    counter-reset: step 0;
    font-size: 15px;
    line-height: 22px
}

.history>li {
    counter-increment: step 1;
    padding-inline-start:2.5rem;margin-bottom: 8px;
    padding-bottom: 8px;
    position: relative
}

.history>li:before {
    content: counter(step);
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-brand);
    width: calc(1.375rem + 1px);
    height: calc(1.375rem + 1px);
    color: var(--color-text-brand);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    font-size: .625rem;
    font-weight: 500;
    display: flex;
    position: absolute;
    inset-inline-start: 0
}

.history>li:after {
    content: "";
    background: var(--color-text-brand);
    top: calc(1.875rem + 1px);
    bottom: 0;
    width: 1px;
    position: absolute;
    inset-inline-start: .6875rem
}

.history>li:last-child {
    margin-bottom: 0
}

.history>li:last-child:after {
    display: none
}

.history__entry h5 {
    color: var(--color-text-primary);
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 25px
}

.history__entry .status {
    border: 1px solid var(--color-border-primary);
    background: var(--color-bg-secondary);
    border-radius: 4px
}

.status__card {
    overflow-wrap: break-word;
    border: 1px solid var(--color-border-primary);
    color: var(--color-text-primary);
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 100%;
    padding: 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

.status__card.status--has-quote .quote-inline {
    display: none
}

.status__quote .status__card {
    border: none
}

.status__quote .status__card .display-name__account {
    line-height: inherit
}

.status__quote .status__card .status__avatar,.status__quote .status__card .status__avatar .account__avatar {
    width: 32px;
    height: 32px
}

.status__card .status__prepend {
    align-items: center;
    gap: 4px;
    padding: 0 0 15px
}

.status__card>details summary {
    box-sizing: border-box;
    color: var(--color-text-primary);
    background: var(--color-bg-brand-softest);
    border: 1px solid var(--color-border-brand-soft);
    cursor: pointer;
    border-radius: 8px;
    padding: 8px 13px;
    font-size: 15px;
    line-height: 22px;
    display: block;
    position: relative
}

.status__card>details summary:after {
    content: attr(data-show, "Show more");
    color: var(--color-text-brand);
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin-top: 8px;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block
}

.status__card>details summary:hover:after,.status__card>details summary:focus-visible:after {
    -webkit-text-decoration: underline!important;
    text-decoration: underline!important
}

.status__card>details[open] summary {
    margin-bottom: 16px
}

.status__card>details[open] summary:after {
    content: attr(data-hide, "Hide post")
}

.status__card .preview-card {
    max-width: 566px;
    position: relative
}

.status__card .preview-card .status-card__image--video {
    aspect-ratio: 16/9
}

.status__card .preview-card .status-card__image--large {
    aspect-ratio: 1.91
}

.status__card .preview-card .status-card__image {
    aspect-ratio: 1
}

.status__card .preview-card .spoiler-button__overlay__label {
    outline: 1px solid var(--color-border-media)
}

.status__card .preview-card .hide-button {
    color: var(--color-text-on-media);
    background: var(--color-bg-media);
    -webkit-backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    backdrop-filter: blur(10px)saturate(180%)contrast(75%)brightness(70%);
    outline: 1px solid var(--color-border-media);
    border: 0;
    border-radius: 99px;
    padding: 3px 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: none;
    position: absolute;
    top: 5px;
    right: 5px
}

.status__card .preview-card .hide-button:hover,.status__card .preview-card .hide-button:focus {
    background-color: rgb(from var(--color-bg-media-base) r g b/90%)
}

.status__card .preview-card.preview-card--image-visible .hide-button {
    display: block
}

.status__card .preview-card.preview-card--image-visible .spoiler-button__overlay,.status__card .preview-card.preview-card--image-visible .status-card__image-preview {
    display: none
}

.status__card .detailed-status__meta .detailed-status__application,.status__card .detailed-status__meta .detailed-status__datetime,.status__card .detailed-status__meta .detailed-status__link {
    color: inherit
}

.admin__terms-of-service__container {
    background: var(--color-bg-tertiary);
    border: 1px solid var(--color-border-primary);
    border-radius: 8px;
    overflow: hidden
}

.admin__terms-of-service__container__header {
    color: var(--color-text-primary);
    align-items: center;
    gap: 12px;
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.admin__terms-of-service__container__body {
    background: var(--color-bg-primary);
    height: 30vh;
    padding: 16px;
    overflow-y: scroll
}

.admin__terms-of-service__history>li {
    border-bottom: 1px solid var(--color-border-primary)
}

.admin__terms-of-service__history>li:last-child {
    border-bottom: 0
}

.admin__terms-of-service__history__item {
    padding: 16px 0 8px
}

.admin__terms-of-service__history__item h5 {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.admin__terms-of-service__history__item h5 a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.dot-indicator {
    align-items: center;
    gap: 8px;
    font-weight: 500;
    display: inline-flex
}

.dot-indicator__indicator {
    background: var(--color-text-tertiary);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: inline-block
}

.dot-indicator.success {
    color: var(--color-text-success)
}

.dot-indicator.success .dot-indicator__indicator {
    background-color: var(--color-bg-success-base)
}

.subheading-with-action {
    align-items: flex-start;
    margin-bottom: 16px;
    display: flex
}

.subheading-with-action__subheading {
    flex-grow: 1
}

.subheading-with-action h3 {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600
}

.subheading-with-action p {
    font-size: 16px
}

.actions-list__item {
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    display: flex
}

.actions-list__item__label {
    flex-direction: column;
    flex-grow: 1;
    gap: 2px;
    display: flex
}

.actions-list__item__label__label {
    font-size: 15px;
    font-weight: 600
}

.actions-list__item__label__hint {
    color: var(--color-text-secondary);
    font-size: 13px
}

.actions-list__item__action {
    flex-shrink: 0
}

.empty-state {
    border: 1px solid var(--color-border-primary);
    border-radius: 12px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 16px;
    display: flex
}

.empty-state__title-and-description {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 21px;
    display: flex
}

.empty-state__title-and-description__title {
    font-weight: 600
}

.empty-state svg {
    width: 200px
}

[data-color-scheme=dark] .empty-state svg {
    --color-skin-1: #3a3a50;
    --color-skin-2: #67678e;
    --color-skin-3: #44445f;
    --color-outline: #21212c;
    --color-shadow: #181820;
    --color-highlight: #b2b1c8
}

.heading-with-lead {
    flex-direction: column;
    gap: 8px;
    display: flex
}

.heading-with-lead h1 {
    font-size: 28px;
    font-weight: 600
}

.heading-with-lead .lead {
    color: var(--color-text-secondary);
    font-size: 18px
}

.status-badge {
    background: var(--color-bg-success-softest);
    border-radius: 8px;
    padding: 3px 4px;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex
}

.status-badge.positive {
    background: var(--color-bg-success-softest)
}

.status-badge.negative {
    background: var(--color-bg-error-softest)
}

.metadata {
    gap: 40px;
    margin: 16px 0;
    display: flex
}

.metadata>div {
    flex-direction: column;
    flex-shrink: 0;
    gap: 4px;
    display: flex
}

.metadata dt {
    color: var(--color-text-secondary);
    font-size: 13px
}

.metadata dd {
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px
}

.metadata dd .status-badge {
    box-sizing: border-box;
    font-size: inherit;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 4px;
    display: flex
}

.dashboard__counters {
    flex-wrap: wrap;
    margin: 0 -5px 20px;
    display: flex
}

.dashboard__counters>div {
    box-sizing: border-box;
    flex: 0 0 33.333%;
    margin-bottom: 10px;
    padding: 0 5px
}

.dashboard__counters>div>div,.dashboard__counters>div>a {
    background: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    box-sizing: border-box;
    border-radius: 4px;
    height: 100%;
    padding: 20px
}

.dashboard__counters>div>a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block
}

.dashboard__counters>div>a:hover,.dashboard__counters>div>a:focus,.dashboard__counters>div>a:active {
    background: var(--color-bg-brand-softest)
}

.dashboard__counters__num,.dashboard__counters__text {
    text-align: center;
    color: var(--color-text-primary);
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px
}

.dashboard__counters__text {
    font-size: 18px
}

.dashboard__counters__label {
    color: var(--color-text-secondary);
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.dashboard {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    gap: 10px;
    display: grid
}

@media screen and (max-width: 1350px) {
    .dashboard {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)
    }
}

.dashboard__item--span-double-column {
    grid-column: span 2
}

.dashboard__item--span-double-row {
    grid-row: span 2
}

.dashboard__item h4 {
    padding-top: 20px
}

.dashboard__quick-access {
    background: var(--color-bg-brand-base);
    color: var(--color-text-on-brand-base);
    border-radius: 4px;
    align-items: baseline;
    margin-bottom: 4px;
    padding: 8px 16px;
    font-size: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all .1s ease-in;
    display: flex
}

.dashboard__quick-access:active,.dashboard__quick-access:focus,.dashboard__quick-access:hover {
    background-color: var(--color-bg-brand-base-hover);
    transition: all .2s ease-out
}

.dashboard__quick-access.positive {
    background: var(--color-bg-success-softest);
    color: var(--color-text-success)
}

.dashboard__quick-access.negative {
    background: var(--color-bg-error-softest);
    color: var(--color-text-error)
}

.dashboard__quick-access span {
    flex: auto
}

.dashboard__quick-access strong {
    font-weight: 700
}

html.rtl,html.rtl .reactions-bar {
    direction: rtl
}

html.rtl .announcements__mastodon,html.rtl .drawer__inner__mastodon>img {
    transform: scaleX(-1)
}

html.rtl .compose-form .autosuggest-textarea__textarea {
    padding-left: 32px;
    padding-right: 10px
}

html.rtl .columns-area {
    direction: rtl
}

html.rtl .account__avatar-wrapper {
    float: right
}

html.rtl .column-header__setting-arrows {
    float: left
}

html.rtl .admin-wrapper,html.rtl .react-swipeable-view-container>* {
    direction: rtl
}

html.rtl .column-back-button__icon {
    transform: scaleX(-1)
}

html.rtl .dismissable-banner__action,html.rtl .warning-banner__action {
    float: left
}

.status__content__text code,.e-content code,.edit-indicator__content code,.reply-indicator__content code {
    background: var(--rich-text-container-color);
    color: var(--rich-text-text-color);
    border-radius: 4px;
    padding: 4px;
    font-size: .85em
}

.status__content__text pre,.e-content pre,.edit-indicator__content pre,.reply-indicator__content pre {
    background: var(--rich-text-container-color);
    color: var(--rich-text-text-color);
    border-radius: 4px;
    padding: 8px
}

.status__content__text pre code,.e-content pre code,.edit-indicator__content pre code,.reply-indicator__content pre code {
    background: 0 0;
    padding: 0
}

.status__content__text pre,.status__content__text blockquote,.e-content pre,.e-content blockquote,.edit-indicator__content pre,.edit-indicator__content blockquote,.reply-indicator__content pre,.reply-indicator__content blockquote {
    white-space: pre-wrap;
    unicode-bidi: plaintext;
    margin-bottom: 22px
}

.status__content__text pre:last-child,.status__content__text blockquote:last-child,.e-content pre:last-child,.e-content blockquote:last-child,.edit-indicator__content pre:last-child,.edit-indicator__content blockquote:last-child,.reply-indicator__content pre:last-child,.reply-indicator__content blockquote:last-child {
    margin-bottom: 0
}

.status__content__text blockquote,.e-content blockquote,.edit-indicator__content blockquote,.reply-indicator__content blockquote {
    color: var(--rich-text-text-color);
    white-space: normal;
    padding-inline-start:32px;position: relative
}

.status__content__text blockquote:before,.e-content blockquote:before,.edit-indicator__content blockquote:before,.reply-indicator__content blockquote:before {
    content: "";
    background-color: var(--rich-text-decorations-color);
    inset-inline-start: 0;
    width: 24px;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='20'%20viewBox='0%200%2024%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M23.933%202.82414C22.324%204.07931%2021.0726%205.3569%2020.1788%206.6569C19.3296%207.91207%2018.905%209.1%2018.905%2010.2207C19.0838%2010.131%2019.3073%2010.0862%2019.5754%2010.0862C19.8883%2010.0414%2020.1564%2010.019%2020.3799%2010.019C21.4078%2010.019%2022.257%2010.4448%2022.9274%2011.2966C23.6425%2012.1034%2024%2013.1121%2024%2014.3224C24%2015.8017%2023.5084%2017.0345%2022.5251%2018.0207C21.5419%2019.0069%2020.3129%2019.5%2018.838%2019.5C17.2737%2019.5%2016.0447%2018.9397%2015.1508%2017.819C14.257%2016.6535%2013.8101%2015.1069%2013.8101%2013.1793C13.8101%2010.8931%2014.5028%208.62931%2015.8883%206.38793C17.2737%204.14655%2019.3073%202.01724%2021.9888%200L23.933%202.82414ZM10.1229%202.82414C8.51397%204.07931%207.26257%205.3569%206.36872%206.6569C5.51955%207.91207%205.09497%209.1%205.09497%2010.2207C5.27374%2010.131%205.49721%2010.0862%205.76536%2010.0862C6.07821%2010.0414%206.34637%2010.019%206.56983%2010.019C7.59777%2010.019%208.44693%2010.4448%209.11732%2011.2966C9.8324%2012.1034%2010.1899%2013.1121%2010.1899%2014.3224C10.1899%2015.8017%209.69832%2017.0345%208.71508%2018.0207C7.73184%2019.0069%206.50279%2019.5%205.02793%2019.5C3.46369%2019.5%202.23464%2018.9397%201.34078%2017.819C0.446927%2016.6535%200%2015.1069%200%2013.1793C0%2010.8931%200.692738%208.62931%202.07821%206.38793C3.46369%204.14655%205.49721%202.01724%208.17877%200L10.1229%202.82414Z'%20fill='currentColor'%20/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='20'%20viewBox='0%200%2024%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M23.933%202.82414C22.324%204.07931%2021.0726%205.3569%2020.1788%206.6569C19.3296%207.91207%2018.905%209.1%2018.905%2010.2207C19.0838%2010.131%2019.3073%2010.0862%2019.5754%2010.0862C19.8883%2010.0414%2020.1564%2010.019%2020.3799%2010.019C21.4078%2010.019%2022.257%2010.4448%2022.9274%2011.2966C23.6425%2012.1034%2024%2013.1121%2024%2014.3224C24%2015.8017%2023.5084%2017.0345%2022.5251%2018.0207C21.5419%2019.0069%2020.3129%2019.5%2018.838%2019.5C17.2737%2019.5%2016.0447%2018.9397%2015.1508%2017.819C14.257%2016.6535%2013.8101%2015.1069%2013.8101%2013.1793C13.8101%2010.8931%2014.5028%208.62931%2015.8883%206.38793C17.2737%204.14655%2019.3073%202.01724%2021.9888%200L23.933%202.82414ZM10.1229%202.82414C8.51397%204.07931%207.26257%205.3569%206.36872%206.6569C5.51955%207.91207%205.09497%209.1%205.09497%2010.2207C5.27374%2010.131%205.49721%2010.0862%205.76536%2010.0862C6.07821%2010.0414%206.34637%2010.019%206.56983%2010.019C7.59777%2010.019%208.44693%2010.4448%209.11732%2011.2966C9.8324%2012.1034%2010.1899%2013.1121%2010.1899%2014.3224C10.1899%2015.8017%209.69832%2017.0345%208.71508%2018.0207C7.73184%2019.0069%206.50279%2019.5%205.02793%2019.5C3.46369%2019.5%202.23464%2018.9397%201.34078%2017.819C0.446927%2016.6535%200%2015.1069%200%2013.1793C0%2010.8931%200.692738%208.62931%202.07821%206.38793C3.46369%204.14655%205.49721%202.01724%208.17877%200L10.1229%202.82414Z'%20fill='currentColor'%20/%3e%3c/svg%3e")
}

.status__content__text blockquote blockquote,.e-content blockquote blockquote,.edit-indicator__content blockquote blockquote,.reply-indicator__content blockquote blockquote {
    border-inline-start:3px solid var(--rich-text-decorations-color);margin-top: 4px;
    padding-inline-start:16px}

.status__content__text blockquote blockquote:before,.e-content blockquote blockquote:before,.edit-indicator__content blockquote blockquote:before,.reply-indicator__content blockquote blockquote:before {
    display: none
}

.status__content__text blockquote p:last-of-type,.e-content blockquote p:last-of-type,.edit-indicator__content blockquote p:last-of-type,.reply-indicator__content blockquote p:last-of-type {
    margin-bottom: 0
}

.status__content__text>ul,.status__content__text>ol,.e-content>ul,.e-content>ol,.edit-indicator__content>ul,.edit-indicator__content>ol,.reply-indicator__content>ul,.reply-indicator__content>ol {
    margin-bottom: 22px
}

.status__content__text>ul:last-child,.status__content__text>ol:last-child,.e-content>ul:last-child,.e-content>ol:last-child,.edit-indicator__content>ul:last-child,.edit-indicator__content>ol:last-child,.reply-indicator__content>ul:last-child,.reply-indicator__content>ol:last-child {
    margin-bottom: 0
}

.status__content__text b,.status__content__text strong,.e-content b,.e-content strong,.edit-indicator__content b,.edit-indicator__content strong,.reply-indicator__content b,.reply-indicator__content strong {
    font-weight: 700
}

.status__content__text em,.status__content__text i,.e-content em,.e-content i,.edit-indicator__content em,.edit-indicator__content i,.reply-indicator__content em,.reply-indicator__content i {
    font-style: italic
}

.status__content__text ul,.status__content__text ol,.e-content ul,.e-content ol,.edit-indicator__content ul,.edit-indicator__content ol,.reply-indicator__content ul,.reply-indicator__content ol {
    padding-inline-start:24px}

.status__content__text ul li,.status__content__text ol li,.e-content ul li,.e-content ol li,.edit-indicator__content ul li,.edit-indicator__content ol li,.reply-indicator__content ul li,.reply-indicator__content ol li {
    padding-inline-start:8px}

.status__content__text ul li::marker {
    text-align: end
}

.status__content__text ol li::marker {
    text-align: end
}

.e-content ul li::marker {
    text-align: end
}

.e-content ol li::marker {
    text-align: end
}

.edit-indicator__content ul li::marker {
    text-align: end
}

.edit-indicator__content ol li::marker {
    text-align: end
}

.reply-indicator__content ul li::marker {
    text-align: end
}

.reply-indicator__content ol li::marker {
    text-align: end
}

.status__content__text ul p,.status__content__text ol p,.e-content ul p,.e-content ol p,.edit-indicator__content ul p,.edit-indicator__content ol p,.reply-indicator__content ul p,.reply-indicator__content ol p {
    margin: 0
}

.status__content__text ul,.e-content ul,.edit-indicator__content ul,.reply-indicator__content ul {
    list-style-type: "•"
}

.status__content__text ul li::marker {
    text-align: start
}

.e-content ul li::marker {
    text-align: start
}

.edit-indicator__content ul li::marker {
    text-align: start
}

.reply-indicator__content ul li::marker {
    text-align: start
}

.status__content__text ol,.e-content ol,.edit-indicator__content ol,.reply-indicator__content ol {
    list-style-type: decimal
}


/* 📄 Meta */
:root {
    --version: "v2.5.4-EOL";

    --variant-name: "Cherry";
    --variant-emoji: "\1F352\00A0";
    --variant: var(--variant-emoji) var(--variant-name);

    --meta: 'Tangerine UI for Mastodon: ' var(--version) ' \00B7 ' var(--variant);
}

/* 🎨 Colors */
:root {
    color-scheme: light dark;

    --color-bg: #f5eff2;
    --gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
    --color-fg: #2a2d37;
    --color-fg-muted: #888494;
    --color-secondary-bg: #f2e4ea;
    --color-secondary-separator: #eddbe3;

    --color-content-bg: #ffffff;
    --color-content-fg: #444a5a;
    --color-content-fg-bold: #000000;
    --color-content-fg-muted: color-mix(in srgb, var(--color-content-fg), var(--color-content-bg) 40%);
    --color-content-secondary-bg: #f9f4f7;
    --color-content-secondary-separator: rgba(237, 219, 227, 0.4);
    --color-content-bg-focus: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 96%);

    --color-accent: #d3487f;
    --color-accent-focus: #eb5e96;
    --color-accent-lines: rgba(230, 90, 146, 0.2);
    --color-accent-bg: #f7e7ed;
    --color-accent-fg: #ffffff;

    --color-lines: #e1dde4;
    --color-lines-translucent: rgba(0, 0, 0, .15);

    --color-confirm: #79bd9a;
    --color-confirm-bg: rgba(121, 189, 154, 0.3);
    --color-confirm-fg: #4E8A6B;

    --color-reject: #df405a;
    --color-reject-bg: rgba(223, 64, 90, 0.3);

}
@media (prefers-color-scheme: dark) {
    :root {
        --color-bg: #111111;
        --gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
        --color-fg: #d6d2e0;
        --color-fg-muted: #6e5e67;
        --color-secondary-bg: #1f1118;
        --color-secondary-separator: #2e2328;

        --color-content-bg: #030303;
        --color-content-fg: var(--color-fg);
        --color-content-fg-bold: #ffffff;
        --color-content-fg-muted: #737373;
        --color-content-secondary-bg: var(--color-secondary-bg);
        --color-content-secondary-separator: rgba(89, 62, 78, 0.4);
        --color-content-bg-focus: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 90%);

        --color-accent: #d05c8a;
        --color-accent-focus: #ad2862;
        --color-accent-lines: rgba(249, 122, 194, 0.3);
        --color-accent-bg: #3c1f2f;
        --color-accent-fg: #ffffff;

        --color-lines: #343434;
        --color-lines-translucent: rgba(255, 255, 255, .15);

        --color-confirm-fg: var(--color-confirm);
    }
}
.app-body {
    --background-color: var(--color-bg);
    --background-border-color: var(--color-lines);
    --modal-background-color: var(--color-content-bg);
}
:root {
    /* Mastodon logo */
    --logo: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' class='mastodon-logo' viewBox='0 0 216.414 232.01'%3E%3Cdefs xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient xmlns='http://www.w3.org/2000/svg' id='a' x2='0%25' y2='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%23d3487f'/%3E%3Cstop offset='100%25' stop-color='%23d3487f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E");

    /* Post+Notifications icons */
    --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M236,200a12,12,0,0,1-24,0,84.09,84.09,0,0,0-84-84H61l27.52,27.51a12,12,0,0,1-17,17l-48-48a12,12,0,0,1,0-17l48-48a12,12,0,0,1,17,17L61,92h67A108.12,108.12,0,0,1,236,200Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M80,56v96L32,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,96H88V56a8,8,0,0,0-13.66-5.66l-48,48a8,8,0,0,0,0,11.32l48,48A8,8,0,0,0,88,152V112h40a88.1,88.1,0,0,1,88,88,8,8,0,0,0,16,0A104.11,104.11,0,0,0,128,96ZM72,132.69,43.31,104,72,75.31Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-reply-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M232,200a8,8,0,0,1-16,0,88.1,88.1,0,0,0-88-88H88v40a8,8,0,0,1-13.66,5.66l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,88,56V96h40A104.11,104.11,0,0,1,232,200Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-reply-all: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M128,56v96L80,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M85.66,146.34a8,8,0,0,1-11.32,11.32l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,85.66,61.66L43.31,104ZM232,200a8,8,0,0,1-16,0,88.11,88.11,0,0,0-80-87.63V152a8,8,0,0,1-13.66,5.66l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,136,56V96.3A104.15,104.15,0,0,1,232,200ZM120,75.31,91.31,104,120,132.69Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-boost: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M227.85,46.89a20,20,0,0,0-18.74-18.74c-13.13-.77-46.65.42-74.48,28.24L131,60H74.36a19.83,19.83,0,0,0-14.14,5.86L25.87,100.19a20,20,0,0,0,11.35,33.95l37.14,5.18,42.32,42.32,5.19,37.18A19.88,19.88,0,0,0,135.34,235a20.13,20.13,0,0,0,6.37,1,19.9,19.9,0,0,0,14.1-5.87l34.34-34.35A19.85,19.85,0,0,0,196,181.64V125l3.6-3.59C227.43,93.54,228.62,60,227.85,46.89ZM76,84h31L75.75,115.28l-27.23-3.8ZM151.6,73.37A72.27,72.27,0,0,1,204,52a72.17,72.17,0,0,1-21.38,52.41L128,159,97,128ZM172,180l-27.49,27.49-3.8-27.23L172,149Zm-72,22c-8.71,11.85-26.19,26-60,26a12,12,0,0,1-12-12c0-33.84,14.12-51.32,26-60A12,12,0,1,1,68.18,175.3C62.3,179.63,55.51,187.8,53,203c15.21-2.51,23.37-9.3,27.7-15.18A12,12,0,1,1,100,202Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-boost-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M184,120v61.65a8,8,0,0,1-2.34,5.65l-34.35,34.35a8,8,0,0,1-13.57-4.53L128,176ZM136,72H74.35a8,8,0,0,0-5.65,2.34L34.35,108.69a8,8,0,0,0,4.53,13.57L80,128ZM40,216c37.65,0,50.69-19.69,54.56-28.18L68.18,161.44C59.69,165.31,40,178.35,40,216Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M223.85,47.12a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.41,27.07L132.69,64H74.36A15.91,15.91,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A15.91,15.91,0,0,0,192,181.64V123.31l4.77-4.77C223.45,91.86,224.6,59.71,223.85,47.12ZM74.36,80h42.33L77.16,119.52,40,114.34Zm74.41-9.45a76.65,76.65,0,0,1,59.11-22.47,76.46,76.46,0,0,1-22.42,59.16L128,164.68,91.32,128ZM176,181.64,141.67,216l-5.19-37.17L176,139.31Zm-74.16,9.5C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-boost-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ff4013' viewBox='0 0 256 256'%3E%3Cpath d='M101.85,191.14C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Zm122-144a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.4,27.07h0L88,108.7A8,8,0,0,1,76.67,97.39l26.56-26.57A4,4,0,0,0,100.41,64H74.35A15.9,15.9,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A16,16,0,0,0,192,181.65V155.59a4,4,0,0,0-6.83-2.82l-26.57,26.56a8,8,0,0,1-11.71-.42,8.2,8.2,0,0,1,.6-11.1l49.27-49.27h0C223.45,91.86,224.6,59.71,223.85,47.12Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-boost-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M101.85,191.14C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Zm122-144a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.4,27.07h0L88,108.7A8,8,0,0,1,76.67,97.39l26.56-26.57A4,4,0,0,0,100.41,64H74.35A15.9,15.9,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A16,16,0,0,0,192,181.65V155.59a4,4,0,0,0-6.83-2.82l-26.57,26.56a8,8,0,0,1-11.71-.42,8.2,8.2,0,0,1,.6-11.1l49.27-49.27h0C223.45,91.86,224.6,59.71,223.85,47.12Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M120,128a16,16,0,1,1-16-16A16,16,0,0,1,120,128Zm32-16a16,16,0,1,0,16,16A16,16,0,0,0,152,112Zm84,16A108,108,0,0,1,78.77,224.15L46.34,235A20,20,0,0,1,21,209.66l10.81-32.43A108,108,0,1,1,236,128Zm-24,0A84,84,0,1,0,55.27,170.06a12,12,0,0,1,1,9.81l-9.93,29.79,29.79-9.93a12.1,12.1,0,0,1,3.8-.62,12,12,0,0,1,6,1.62A84,84,0,0,0,212,128Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-quote-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,128A96,96,0,0,1,79.93,211.11h0L42.54,223.58a8,8,0,0,1-10.12-10.12l12.47-37.39h0A96,96,0,1,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,0,0,36.18,176.88L24.83,210.93a16,16,0,0,0,20.24,20.24l34.05-11.35A104,104,0,1,0,128,24Zm0,192a87.87,87.87,0,0,1-44.06-11.81,8,8,0,0,0-4-1.08,7.85,7.85,0,0,0-2.53.42L40,216,52.47,178.6a8,8,0,0,0-.66-6.54A88,88,0,1,1,128,216Zm12-88a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm-44,0a12,12,0,1,1-12-12A12,12,0,0,1,96,128Zm88,0a12,12,0,1,1-12-12A12,12,0,0,1,184,128Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-quote-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,0,0,36.18,176.88L24.83,210.93a16,16,0,0,0,20.24,20.24l34.05-11.35A104,104,0,1,0,128,24ZM84,140a12,12,0,1,1,12-12A12,12,0,0,1,84,140Zm44,0a12,12,0,1,1,12-12A12,12,0,0,1,128,140Zm44,0a12,12,0,1,1,12-12A12,12,0,0,1,172,140Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M243,96a20.33,20.33,0,0,0-17.74-14l-56.59-4.57L146.83,24.62a20.36,20.36,0,0,0-37.66,0L87.35,77.44,30.76,82A20.45,20.45,0,0,0,19.1,117.88l43.18,37.24-13.2,55.7A20.37,20.37,0,0,0,79.57,233L128,203.19,176.43,233a20.39,20.39,0,0,0,30.49-22.15l-13.2-55.7,43.18-37.24A20.43,20.43,0,0,0,243,96ZM172.53,141.7a12,12,0,0,0-3.84,11.86L181.58,208l-47.29-29.08a12,12,0,0,0-12.58,0L74.42,208l12.89-54.4a12,12,0,0,0-3.84-11.86L41.2,105.24l55.4-4.47a12,12,0,0,0,10.13-7.38L128,41.89l21.27,51.5a12,12,0,0,0,10.13,7.38l55.4,4.47Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-star-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M229.06,108.79l-48.7,42,14.88,62.79a8.4,8.4,0,0,1-12.52,9.17L128,189.09,73.28,222.74a8.4,8.4,0,0,1-12.52-9.17l14.88-62.79-48.7-42A8.46,8.46,0,0,1,31.73,94L95.64,88.8l24.62-59.6a8.36,8.36,0,0,1,15.48,0l24.62,59.6L224.27,94A8.46,8.46,0,0,1,229.06,108.79Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-star-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23fec700' viewBox='0 0 256 256'%3E%3Cpath d='M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-bookmark-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M192,176v48l-64-40L64,224V176l64-40Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Zm0,16V161.57l-51.77-32.35a8,8,0,0,0-8.48,0L72,161.56V48ZM132.23,177.22a8,8,0,0,0-8.48,0L72,209.57V180.43l56-35,56,35v29.14Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-bookmark-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2377bb41' viewBox='0 0 256 256'%3E%3Cpath d='M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32ZM132.23,177.22a8,8,0,0,0-8.48,0L72,209.57V180.43l56-35,56,35v29.14Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-translate-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,184H144l40-80ZM96,127.56h0A95.78,95.78,0,0,0,128,56H64A95.78,95.78,0,0,0,96,127.56Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M247.15,212.42l-56-112a8,8,0,0,0-14.31,0l-21.71,43.43A88,88,0,0,1,108,126.93,103.65,103.65,0,0,0,135.69,64H160a8,8,0,0,0,0-16H104V32a8,8,0,0,0-16,0V48H32a8,8,0,0,0,0,16h87.63A87.7,87.7,0,0,1,96,116.35a87.74,87.74,0,0,1-19-31,8,8,0,1,0-15.08,5.34A103.63,103.63,0,0,0,84,127a87.55,87.55,0,0,1-52,17,8,8,0,0,0,0,16,103.46,103.46,0,0,0,64-22.08,104.18,104.18,0,0,0,51.44,21.31l-26.6,53.19a8,8,0,0,0,14.31,7.16L148.94,192h70.11l13.79,27.58A8,8,0,0,0,240,224a8,8,0,0,0,7.15-11.58ZM156.94,176,184,121.89,211.05,176Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-translate-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,184H144l40-80ZM96,127.56h0A95.78,95.78,0,0,0,128,56H64A95.78,95.78,0,0,0,96,127.56Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M247.15,212.42l-56-112a8,8,0,0,0-14.31,0l-21.71,43.43A88,88,0,0,1,108,126.93,103.65,103.65,0,0,0,135.69,64H160a8,8,0,0,0,0-16H104V32a8,8,0,0,0-16,0V48H32a8,8,0,0,0,0,16h87.63A87.7,87.7,0,0,1,96,116.35a87.74,87.74,0,0,1-19-31,8,8,0,1,0-15.08,5.34A103.63,103.63,0,0,0,84,127a87.55,87.55,0,0,1-52,17,8,8,0,0,0,0,16,103.46,103.46,0,0,0,64-22.08,104.18,104.18,0,0,0,51.44,21.31l-26.6,53.19a8,8,0,0,0,14.31,7.16L148.94,192h70.11l13.79,27.58A8,8,0,0,0,240,224a8,8,0,0,0,7.15-11.58ZM156.94,176,184,121.89,211.05,176Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-ellipsis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M152,128a24,24,0,1,1-24-24A24,24,0,0,1,152,128ZM48,104a24,24,0,1,0,24,24A24,24,0,0,0,48,104Zm160,0a24,24,0,1,0,24,24A24,24,0,0,0,208,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,96a32,32,0,1,0,32,32A32,32,0,0,0,128,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,128,144ZM48,96a32,32,0,1,0,32,32A32,32,0,0,0,48,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,48,144ZM208,96a32,32,0,1,0,32,32A32,32,0,0,0,208,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,208,144Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-ellipsis-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M152,128a24,24,0,1,1-24-24A24,24,0,0,1,152,128ZM48,104a24,24,0,1,0,24,24A24,24,0,0,0,48,104Zm160,0a24,24,0,1,0,24,24A24,24,0,0,0,208,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,96a32,32,0,1,0,32,32A32,32,0,0,0,128,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,128,144ZM48,96a32,32,0,1,0,32,32A32,32,0,0,0,48,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,48,144ZM208,96a32,32,0,1,0,32,32A32,32,0,0,0,208,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,208,144Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-ellipsis-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM48,100a28,28,0,1,0,28,28A28,28,0,0,0,48,100Zm160,0a28,28,0,1,0,28,28A28,28,0,0,0,208,100Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,92H188V56a12,12,0,0,0-12-12H60V40a12,12,0,0,0-24,0V216a12,12,0,0,0,24,0v-4h84a12,12,0,0,0,12-12V164h68a12,12,0,0,0,12-12V104A12,12,0,0,0,224,92ZM164,68V92H60V68ZM132,188H60V164h72Zm80-48H60V116H212Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,104v48H48V104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,96H184V56a8,8,0,0,0-8-8H56V40a8,8,0,0,0-16,0V216a8,8,0,0,0,16,0v-8h88a8,8,0,0,0,8-8V160h72a8,8,0,0,0,8-8V104A8,8,0,0,0,224,96ZM168,64V96H56V64ZM136,192H56V160h80Zm80-48H56V112H216Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-poll-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,104v48H48V104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,96H184V56a8,8,0,0,0-8-8H56V40a8,8,0,0,0-16,0V216a8,8,0,0,0,16,0v-8h88a8,8,0,0,0,8-8V160h72a8,8,0,0,0,8-8V104A8,8,0,0,0,224,96ZM168,64V96H56V64ZM136,192H56V160h80Zm80-48H56V112H216Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-post: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,128A96,96,0,0,1,79.93,211.11h0L42.54,223.58a8,8,0,0,1-10.12-10.12l12.47-37.39h0A96,96,0,1,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,0,0,36.18,176.88L24.83,210.93a16,16,0,0,0,20.24,20.24l34.05-11.35A104,104,0,1,0,128,24Zm0,192a87.87,87.87,0,0,1-44.06-11.81,8,8,0,0,0-4-1.08,7.85,7.85,0,0,0-2.53.42L40,216,52.47,178.6a8,8,0,0,0-.66-6.54A88,88,0,1,1,128,216Zm12-88a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm-44,0a12,12,0,1,1-12-12A12,12,0,0,1,96,128Zm88,0a12,12,0,1,1-12-12A12,12,0,0,1,184,128Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-post-notification: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M152.5,164.53a72,72,0,1,0-89,0,124.08,124.08,0,0,0-48.69,35.75,12,12,0,0,0,18.38,15.44C46.88,199.42,71,180,108,180s61.12,19.42,74.81,35.72a12,12,0,1,0,18.38-15.44A124,124,0,0,0,152.5,164.53ZM60,108a48,48,0,1,1,48,48A48.05,48.05,0,0,1,60,108Zm192,0a143.09,143.09,0,0,1-11.61,56.73,12,12,0,1,1-22-9.46,120.48,120.48,0,0,0,0-94.54,12,12,0,1,1,22-9.46A143.09,143.09,0,0,1,252,108ZM207,64.76a108.26,108.26,0,0,1,0,86.48,12,12,0,0,1-22-9.62,84.35,84.35,0,0,0,0-67.24,12,12,0,1,1,22-9.62Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-post-notification-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M168,108a60,60,0,1,1-60-60A60,60,0,0,1,168,108Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M144,165.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17a8,8,0,0,0,12.25,10.3C50.25,189.19,77.91,176,108,176s57.75,13.19,77.88,37.15a8,8,0,1,0,12.25-10.3C183.18,185.07,164.6,172.44,144,165.68ZM56,108a52,52,0,1,1,52,52A52.06,52.06,0,0,1,56,108ZM207.36,65.6a108.36,108.36,0,0,1,0,84.8,8,8,0,0,1-7.36,4.86,8,8,0,0,1-7.36-11.15,92.26,92.26,0,0,0,0-72.22,8,8,0,0,1,14.72-6.29ZM248,108a139,139,0,0,1-11.29,55.15,8,8,0,0,1-14.7-6.3,124.43,124.43,0,0,0,0-97.7,8,8,0,1,1,14.7-6.3A139,139,0,0,1,248,108Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M136,108A52,52,0,1,1,84,56,52,52,0,0,1,136,108Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-users-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M136,108A52,52,0,1,1,84,56,52,52,0,0,1,136,108Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-user-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a12,12,0,0,1-12,12h-8v8a12,12,0,0,1-24,0v-8h-8a12,12,0,0,1,0-24h8v-8a12,12,0,0,1,24,0v8h8A12,12,0,0,1,256,136Zm-54.81,56.28a12,12,0,1,1-18.38,15.44C169.12,191.42,145,172,108,172c-28.89,0-55.46,12.68-74.81,35.72a12,12,0,0,1-18.38-15.44A124.08,124.08,0,0,1,63.5,156.53a72,72,0,1,1,89,0A124,124,0,0,1,201.19,192.28ZM108,148a48,48,0,1,0-48-48A48.05,48.05,0,0,0,108,148Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-user-plus-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-user-plus-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-about: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-about-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");

    /* Navigation icons */
    --icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M216,120v96H152V152H104v64H40V120a8,8,0,0,1,2.34-5.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,216,120Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-home-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,120v96a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V164a4,4,0,0,0-4-4H108a4,4,0,0,0-4,4v52a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V120a16,16,0,0,1,4.69-11.31l80-80a16,16,0,0,1,22.62,0l80,80A16,16,0,0,1,224,120Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-home-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,120v96H152V152H104v64H40V120a8,8,0,0,1,2.34-5.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,216,120Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-home-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,120v96a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V164a4,4,0,0,0-4-4H108a4,4,0,0,0-4,4v52a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V120a16,16,0,0,1,4.69-11.31l80-80a16,16,0,0,1,22.62,0l80,80A16,16,0,0,1,224,120Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-bell-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-bell-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-bell-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-explore: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M104,168a40,40,0,1,1-40-40A40,40,0,0,1,104,168Zm88-40a40,40,0,1,0,40,40A40,40,0,0,0,192,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M237.2,151.87v0a47.1,47.1,0,0,0-2.35-5.45L193.26,51.8a7.82,7.82,0,0,0-1.66-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,7.82,7.82,0,0,0-1.66,2.44L21.15,146.4a47.1,47.1,0,0,0-2.35,5.45v0A48,48,0,1,0,112,168V96h32v72a48,48,0,1,0,93.2-16.13ZM76.71,59.75a16,16,0,0,1,19.29-1v73.51a47.9,47.9,0,0,0-46.79-9.92ZM64,200a32,32,0,1,1,32-32A32,32,0,0,1,64,200ZM160,58.74a16,16,0,0,1,19.29,1l27.5,62.58A47.9,47.9,0,0,0,160,132.25ZM192,200a32,32,0,1,1,32-32A32,32,0,0,1,192,200Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-explore-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M237.22,151.9l0-.1a1.42,1.42,0,0,0-.07-.22,48.46,48.46,0,0,0-2.31-5.3L193.27,51.8a8,8,0,0,0-1.67-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,8,8,0,0,0-1.67,2.44L21.2,146.28a48.46,48.46,0,0,0-2.31,5.3,1.72,1.72,0,0,0-.07.21s0,.08,0,.11a48,48,0,0,0,90.32,32.51,47.49,47.49,0,0,0,2.9-16.59V96h32v71.83a47.49,47.49,0,0,0,2.9,16.59,48,48,0,0,0,90.32-32.51Zm-143.15,27a32,32,0,0,1-60.2-21.71l1.81-4.13A32,32,0,0,1,96,167.88V168h0A32,32,0,0,1,94.07,178.94ZM203,198.07A32,32,0,0,1,160,168h0v-.11a32,32,0,0,1,60.32-14.78l1.81,4.13A32,32,0,0,1,203,198.07Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-explore-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M104,168a40,40,0,1,1-40-40A40,40,0,0,1,104,168Zm88-40a40,40,0,1,0,40,40A40,40,0,0,0,192,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M237.2,151.87v0a47.1,47.1,0,0,0-2.35-5.45L193.26,51.8a7.82,7.82,0,0,0-1.66-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,7.82,7.82,0,0,0-1.66,2.44L21.15,146.4a47.1,47.1,0,0,0-2.35,5.45v0A48,48,0,1,0,112,168V96h32v72a48,48,0,1,0,93.2-16.13ZM76.71,59.75a16,16,0,0,1,19.29-1v73.51a47.9,47.9,0,0,0-46.79-9.92ZM64,200a32,32,0,1,1,32-32A32,32,0,0,1,64,200ZM160,58.74a16,16,0,0,1,19.29,1l27.5,62.58A47.9,47.9,0,0,0,160,132.25ZM192,200a32,32,0,1,1,32-32A32,32,0,0,1,192,200Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-explore-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M237.22,151.9l0-.1a1.42,1.42,0,0,0-.07-.22,48.46,48.46,0,0,0-2.31-5.3L193.27,51.8a8,8,0,0,0-1.67-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,8,8,0,0,0-1.67,2.44L21.2,146.28a48.46,48.46,0,0,0-2.31,5.3,1.72,1.72,0,0,0-.07.21s0,.08,0,.11a48,48,0,0,0,90.32,32.51,47.49,47.49,0,0,0,2.9-16.59V96h32v71.83a47.49,47.49,0,0,0,2.9,16.59,48,48,0,0,0,90.32-32.51Zm-143.15,27a32,32,0,0,1-60.2-21.71l1.81-4.13A32,32,0,0,1,96,167.88V168h0A32,32,0,0,1,94.07,178.94ZM203,198.07A32,32,0,0,1,160,168h0v-.11a32,32,0,0,1,60.32-14.78l1.81,4.13A32,32,0,0,1,203,198.07Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M245.11,60.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93,95.93,0,0,0,32,128a98,98,0,0,0,.78,12.31C5.09,169,5.49,186,10.9,195.32,16,204.16,26.64,208,40.64,208a124.11,124.11,0,0,0,28.79-4A95.93,95.93,0,0,0,224,128a97.08,97.08,0,0,0-.77-12.25c12.5-13,20.82-25.35,23.65-35.92C248.83,72.51,248.24,66.07,245.11,60.68ZM128,48a80.11,80.11,0,0,1,78,62.2c-17.06,16.06-40.15,32.53-62.07,45.13C116.38,171.14,92.48,181,73.42,186.4A79.94,79.94,0,0,1,128,48ZM24.74,187.29c-1.46-2.51-.65-7.24,2.22-13a79.05,79.05,0,0,1,10.29-15.05,96,96,0,0,0,18,31.32C38,193.46,27.24,191.61,24.74,187.29ZM128,208a79.45,79.45,0,0,1-38.56-9.94,370,370,0,0,0,62.43-28.86c21.58-12.39,40.68-25.82,56.07-39.08A80.07,80.07,0,0,1,128,208ZM231.42,75.69c-1.7,6.31-6.19,13.53-12.63,21.13a95.69,95.69,0,0,0-18-31.35c14.21-2.35,27.37-2.17,30.5,3.24C232.19,70.28,232.24,72.63,231.42,75.69Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-globe-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M245.11,60.68c-7.65-13.19-27.85-16.16-58.5-8.66A96,96,0,0,0,32.81,140.3C5.09,169,5.49,186,10.9,195.32,16,204.16,26.64,208,40.64,208a124.11,124.11,0,0,0,28.79-4,96,96,0,0,0,153.78-88.25c12.51-13,20.83-25.35,23.66-35.92C248.83,72.51,248.24,66.07,245.11,60.68Zm-13.69,15c-6.11,22.78-48.65,57.31-87.52,79.64-67.81,39-113.62,41.52-119.16,32-1.46-2.51-.65-7.24,2.22-13a80.06,80.06,0,0,1,10.28-15.05,95.53,95.53,0,0,0,6.23,14.18,4,4,0,0,0,4,2.12,122.14,122.14,0,0,0,16.95-3.32c21.23-5.55,46.63-16.48,71.52-30.78s47-30.66,62.45-46.15A122.74,122.74,0,0,0,209.7,82.45a4,4,0,0,0,.17-4.52,96.26,96.26,0,0,0-9.1-12.46c14.21-2.35,27.37-2.17,30.5,3.24C232.19,70.28,232.24,72.63,231.42,75.69Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-globe-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M245.11,60.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93,95.93,0,0,0,32,128a98,98,0,0,0,.78,12.31C5.09,169,5.49,186,10.9,195.32,16,204.16,26.64,208,40.64,208a124.11,124.11,0,0,0,28.79-4A95.93,95.93,0,0,0,224,128a97.08,97.08,0,0,0-.77-12.25c12.5-13,20.82-25.35,23.65-35.92C248.83,72.51,248.24,66.07,245.11,60.68ZM128,48a80.11,80.11,0,0,1,78,62.2c-17.06,16.06-40.15,32.53-62.07,45.13C116.38,171.14,92.48,181,73.42,186.4A79.94,79.94,0,0,1,128,48ZM24.74,187.29c-1.46-2.51-.65-7.24,2.22-13a79.05,79.05,0,0,1,10.29-15.05,96,96,0,0,0,18,31.32C38,193.46,27.24,191.61,24.74,187.29ZM128,208a79.45,79.45,0,0,1-38.56-9.94,370,370,0,0,0,62.43-28.86c21.58-12.39,40.68-25.82,56.07-39.08A80.07,80.07,0,0,1,128,208ZM231.42,75.69c-1.7,6.31-6.19,13.53-12.63,21.13a95.69,95.69,0,0,0-18-31.35c14.21-2.35,27.37-2.17,30.5,3.24C232.19,70.28,232.24,72.63,231.42,75.69Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-globe-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M245.11,60.68c-7.65-13.19-27.85-16.16-58.5-8.66A96,96,0,0,0,32.81,140.3C5.09,169,5.49,186,10.9,195.32,16,204.16,26.64,208,40.64,208a124.11,124.11,0,0,0,28.79-4,96,96,0,0,0,153.78-88.25c12.51-13,20.83-25.35,23.66-35.92C248.83,72.51,248.24,66.07,245.11,60.68Zm-13.69,15c-6.11,22.78-48.65,57.31-87.52,79.64-67.81,39-113.62,41.52-119.16,32-1.46-2.51-.65-7.24,2.22-13a80.06,80.06,0,0,1,10.28-15.05,95.53,95.53,0,0,0,6.23,14.18,4,4,0,0,0,4,2.12,122.14,122.14,0,0,0,16.95-3.32c21.23-5.55,46.63-16.48,71.52-30.78s47-30.66,62.45-46.15A122.74,122.74,0,0,0,209.7,82.45a4,4,0,0,0,.17-4.52,96.26,96.26,0,0,0-9.1-12.46c14.21-2.35,27.37-2.17,30.5,3.24C232.19,70.28,232.24,72.63,231.42,75.69Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-direct-messages: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24a104,104,0,0,0,0,208c21.51,0,44.1-6.48,60.43-17.33a8,8,0,0,0-8.86-13.33C166,210.38,146.21,216,128,216a88,88,0,1,1,88-88c0,26.45-10.88,32-20,32s-20-5.55-20-32V88a8,8,0,0,0-16,0v4.26a48,48,0,1,0,5.93,65.1c6,12,16.35,18.64,30.07,18.64,22.54,0,36-17.94,36-48A104.11,104.11,0,0,0,128,24Zm0,136a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-direct-messages-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M232,128c0,.51,0,1,0,1.52-.34,14.26-5.63,30.48-28,30.48-23.14,0-28-17.4-28-32V88a8,8,0,0,0-8.53-8A8.17,8.17,0,0,0,160,88.27v4a48,48,0,1,0,6.73,64.05,40.19,40.19,0,0,0,3.38,5C175.48,168,185.71,176,204,176a54.81,54.81,0,0,0,9.22-.75,4,4,0,0,1,4.09,6A104.05,104.05,0,0,1,125.91,232C71.13,230.9,26.2,186.86,24.08,132.11A104,104,0,1,1,232,128ZM96,128a32,32,0,1,0,32-32A32,32,0,0,0,96,128Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-direct-messages-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24a104,104,0,0,0,0,208c21.51,0,44.1-6.48,60.43-17.33a8,8,0,0,0-8.86-13.33C166,210.38,146.21,216,128,216a88,88,0,1,1,88-88c0,26.45-10.88,32-20,32s-20-5.55-20-32V88a8,8,0,0,0-16,0v4.26a48,48,0,1,0,5.93,65.1c6,12,16.35,18.64,30.07,18.64,22.54,0,36-17.94,36-48A104.11,104.11,0,0,0,128,24Zm0,136a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-direct-messages-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M232,128c0,.51,0,1,0,1.52-.34,14.26-5.63,30.48-28,30.48-23.14,0-28-17.4-28-32V88a8,8,0,0,0-8.53-8A8.17,8.17,0,0,0,160,88.27v4a48,48,0,1,0,6.73,64.05,40.19,40.19,0,0,0,3.38,5C175.48,168,185.71,176,204,176a54.81,54.81,0,0,0,9.22-.75,4,4,0,0,1,4.09,6A104.05,104.05,0,0,1,125.91,232C71.13,230.9,26.2,186.86,24.08,132.11A104,104,0,1,1,232,128ZM96,128a32,32,0,1,0,32-32A32,32,0,0,0,96,128Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-bookmark-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M168,72V224l-56-40L56,224V72a8,8,0,0,1,8-8h96A8,8,0,0,1,168,72Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M160,56H64A16,16,0,0,0,48,72V224a8,8,0,0,0,12.65,6.51L112,193.83l51.36,36.68A8,8,0,0,0,176,224V72A16,16,0,0,0,160,56Zm0,152.46-43.36-31a8,8,0,0,0-9.3,0L64,208.45V72h96ZM208,40V192a8,8,0,0,1-16,0V40H88a8,8,0,0,1,0-16H192A16,16,0,0,1,208,40Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-bookmark-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M160,56H64A16,16,0,0,0,48,72V224a8,8,0,0,0,12.65,6.51L112,193.83l51.36,36.68A8,8,0,0,0,176,224V72A16,16,0,0,0,160,56Z'%3E%3C/path%3E%3Cpath d='M192,24H88a8,8,0,0,0,0,16H192V192a8,8,0,0,0,16,0V40A16,16,0,0,0,192,24Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-bookmark-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M168,72V224l-56-40L56,224V72a8,8,0,0,1,8-8h96A8,8,0,0,1,168,72Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M160,56H64A16,16,0,0,0,48,72V224a8,8,0,0,0,12.65,6.51L112,193.83l51.36,36.68A8,8,0,0,0,176,224V72A16,16,0,0,0,160,56Zm0,152.46-43.36-31a8,8,0,0,0-9.3,0L64,208.45V72h96ZM208,40V192a8,8,0,0,1-16,0V40H88a8,8,0,0,1,0-16H192A16,16,0,0,1,208,40Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-bookmark-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M160,56H64A16,16,0,0,0,48,72V224a8,8,0,0,0,12.65,6.51L112,193.83l51.36,36.68A8,8,0,0,0,176,224V72A16,16,0,0,0,160,56Z'%3E%3C/path%3E%3Cpath d='M192,24H88a8,8,0,0,0,0,16H192V192a8,8,0,0,0,16,0V40A16,16,0,0,0,192,24Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-star-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M229.06,108.79l-48.7,42,14.88,62.79a8.4,8.4,0,0,1-12.52,9.17L128,189.09,73.28,222.74a8.4,8.4,0,0,1-12.52-9.17l14.88-62.79-48.7-42A8.46,8.46,0,0,1,31.73,94L95.64,88.8l24.62-59.6a8.36,8.36,0,0,1,15.48,0l24.62,59.6L224.27,94A8.46,8.46,0,0,1,229.06,108.79Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-star-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-star-column-link-accent: var(--icon-star-accent);
    --icon-star-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-search-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-search-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-search-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-user-plus-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-user-plus-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-user-plus-column-link-accent: var(--icon-user-plus-accent);
    --icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-list-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-109.66a8,8,0,0,1,0,11.32l-40,40a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L128,140.69l34.34-34.35A8,8,0,0,1,173.66,106.34Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-down-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-109.66a8,8,0,0,1,0,11.32l-40,40a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L128,140.69l34.34-34.35A8,8,0,0,1,173.66,106.34Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-down-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,93.66-40,40a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L128,140.69l34.34-34.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-dot-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M176,128a48,48,0,1,1-48-48A48,48,0,0,1,176,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-dot-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48,48,0,0,0,128,80Zm0,60a12,12,0,1,1,12-12A12,12,0,0,1,128,140Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-moderation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M149.66,45.66l-64,64a8,8,0,0,1-11.32,0l-16-16a8,8,0,0,1,0-11.32l64-64a8,8,0,0,1,11.32,0l16,16A8,8,0,0,1,149.66,45.66Zm88,76.68-16-16a8,8,0,0,0-11.32,0l-64,64a8,8,0,0,0,0,11.32l16,16a8,8,0,0,0,11.32,0l64-64A8,8,0,0,0,237.66,122.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M243.32,116.69l-16-16a16,16,0,0,0-20.84-1.53L156.84,49.52a16,16,0,0,0-1.52-20.84l-16-16a16,16,0,0,0-22.63,0l-64,64a16,16,0,0,0,0,22.63l16,16a16,16,0,0,0,20.83,1.52L96.69,124,31.31,189.38A25,25,0,0,0,66.63,224.7L132,159.32l7.17,7.16a16,16,0,0,0,1.52,20.84l16,16a16,16,0,0,0,22.63,0l64-64A16,16,0,0,0,243.32,116.69ZM80,104,64,88l64-64,16,16ZM55.32,213.38a9,9,0,0,1-12.69,0,9,9,0,0,1,0-12.68L108,135.32,120.69,148ZM101,105.66,145.66,61,195,110.34,150.35,155ZM168,192l-16-16,4-4h0l56-56h0l4-4,16,16Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-moderation-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M149.66,45.66l-64,64a8,8,0,0,1-11.32,0l-16-16a8,8,0,0,1,0-11.32l64-64a8,8,0,0,1,11.32,0l16,16A8,8,0,0,1,149.66,45.66Zm88,76.68-16-16a8,8,0,0,0-11.32,0l-64,64a8,8,0,0,0,0,11.32l16,16a8,8,0,0,0,11.32,0l64-64A8,8,0,0,0,237.66,122.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M243.32,116.69l-16-16a16,16,0,0,0-20.84-1.53L156.84,49.52a16,16,0,0,0-1.52-20.84l-16-16a16,16,0,0,0-22.63,0l-64,64a16,16,0,0,0,0,22.63l16,16a16,16,0,0,0,20.83,1.52L96.69,124,31.31,189.38A25,25,0,0,0,66.63,224.7L132,159.32l7.17,7.16a16,16,0,0,0,1.52,20.84l16,16a16,16,0,0,0,22.63,0l64-64A16,16,0,0,0,243.32,116.69ZM80,104,64,88l64-64,16,16ZM55.32,213.38a9,9,0,0,1-12.69,0,9,9,0,0,1,0-12.68L108,135.32,120.69,148ZM101,105.66,145.66,61,195,110.34,150.35,155ZM168,192l-16-16,4-4h0l56-56h0l4-4,16,16Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-administration: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,96a64,64,0,0,1-94.94,56L73,217A24,24,0,0,1,39,183L104,126.94a64,64,0,0,1,80-90.29L144,80l5.66,26.34L176,112l43.35-40A63.8,63.8,0,0,1,224,96Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M226.76,69a8,8,0,0,0-12.84-2.88l-40.3,37.19-17.23-3.7-3.7-17.23,37.19-40.3A8,8,0,0,0,187,29.24,72,72,0,0,0,88,96,72.34,72.34,0,0,0,94,124.94L33.79,177c-.15.12-.29.26-.43.39a32,32,0,0,0,45.26,45.26c.13-.13.27-.28.39-.42L131.06,162A72,72,0,0,0,232,96,71.56,71.56,0,0,0,226.76,69ZM160,152a56.14,56.14,0,0,1-27.07-7,8,8,0,0,0-9.92,1.77L67.11,211.51a16,16,0,0,1-22.62-22.62L109.18,133a8,8,0,0,0,1.77-9.93,56,56,0,0,1,58.36-82.31l-31.2,33.81a8,8,0,0,0-1.94,7.1L141.83,108a8,8,0,0,0,6.14,6.14l26.35,5.66a8,8,0,0,0,7.1-1.94l33.81-31.2A56.06,56.06,0,0,1,160,152Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-administration-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,96a64,64,0,0,1-94.94,56L73,217A24,24,0,0,1,39,183L104,126.94a64,64,0,0,1,80-90.29L144,80l5.66,26.34L176,112l43.35-40A63.8,63.8,0,0,1,224,96Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M226.76,69a8,8,0,0,0-12.84-2.88l-40.3,37.19-17.23-3.7-3.7-17.23,37.19-40.3A8,8,0,0,0,187,29.24,72,72,0,0,0,88,96,72.34,72.34,0,0,0,94,124.94L33.79,177c-.15.12-.29.26-.43.39a32,32,0,0,0,45.26,45.26c.13-.13.27-.28.39-.42L131.06,162A72,72,0,0,0,232,96,71.56,71.56,0,0,0,226.76,69ZM160,152a56.14,56.14,0,0,1-27.07-7,8,8,0,0,0-9.92,1.77L67.11,211.51a16,16,0,0,1-22.62-22.62L109.18,133a8,8,0,0,0,1.77-9.93,56,56,0,0,1,58.36-82.31l-31.2,33.81a8,8,0,0,0-1.94,7.1L141.83,108a8,8,0,0,0,6.14,6.14l26.35,5.66a8,8,0,0,0,7.1-1.94l33.81-31.2A56.06,56.06,0,0,1,160,152Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,56V200a16,16,0,0,1-16,16H48V40H208A16,16,0,0,1,224,56Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-ellipsis-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM48,100a28,28,0,1,0,28,28A28,28,0,0,0,48,100Zm160,0a28,28,0,1,0,28,28A28,28,0,0,0,208,100Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-ellipsis-column-link-active-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM48,100a28,28,0,1,0,28,28A28,28,0,0,0,48,100Zm160,0a28,28,0,1,0,28,28A28,28,0,0,0,208,100Z'%3E%3C/path%3E%3C/svg%3E");

    --icon-hashtag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M237.66,153,153,237.66a8,8,0,0,1-11.31,0L42.34,138.34A8,8,0,0,1,40,132.69V40h92.69a8,8,0,0,1,5.65,2.34l99.32,99.32A8,8,0,0,1,237.66,153Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-hashtag-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M237.66,153,153,237.66a8,8,0,0,1-11.31,0L42.34,138.34A8,8,0,0,1,40,132.69V40h92.69a8,8,0,0,1,5.65,2.34l99.32,99.32A8,8,0,0,1,237.66,153Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-hashtag-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63ZM84,96A12,12,0,1,1,96,84,12,12,0,0,1,84,96Z'%3E%3C/path%3E%3C/svg%3E");

    /* Post visibility icons */
    --icon-globe-visibility: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M248.59,58.67c-6.31-10.87-23-21.06-66.16-9.71A95.94,95.94,0,0,0,32,128q0,3.6.26,7.14C.56,166.86,1.1,186.4,7.44,197.33,13.4,207.61,25.3,212,40.68,212c9.79,0,21-1.78,32.95-4.91A95.94,95.94,0,0,0,224,128c0-2.41-.09-4.79-.27-7.16,14.31-14.38,23.86-28.21,27-40C253.55,70.42,251.12,63,248.59,58.67ZM128,56a72.11,72.11,0,0,1,70.19,56C184,124.73,165,138.59,141.92,151.86c-21.74,12.49-43.55,22.36-63.09,28.65A72,72,0,0,1,128,56ZM28.19,185.29c-.61-1.07-.17-8.22,10.67-21.71A95.77,95.77,0,0,0,52.35,187C35.12,189.61,28.85,186.41,28.19,185.29ZM128,200a71.66,71.66,0,0,1-22.56-3.64,394.1,394.1,0,0,0,48.42-23.69A388.11,388.11,0,0,0,198.43,143,72.12,72.12,0,0,1,128,200ZM227.57,74.65c-1.28,4.78-4.81,10.87-10.39,17.8A95.74,95.74,0,0,0,203.68,69c15.83-2.37,23.17,0,24.15,1.71C228,71,228.21,72.28,227.57,74.65Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-globe-visibility-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M248.59,58.67c-6.31-10.87-23-21.06-66.16-9.71A95.94,95.94,0,0,0,32,128q0,3.6.26,7.14C.56,166.86,1.1,186.4,7.44,197.33,13.4,207.61,25.3,212,40.68,212c9.79,0,21-1.78,32.95-4.91A95.94,95.94,0,0,0,224,128c0-2.41-.09-4.79-.27-7.16,14.31-14.38,23.86-28.21,27-40C253.55,70.42,251.12,63,248.59,58.67ZM128,56a72.11,72.11,0,0,1,70.19,56C184,124.73,165,138.59,141.92,151.86c-21.74,12.49-43.55,22.36-63.09,28.65A72,72,0,0,1,128,56ZM28.19,185.29c-.61-1.07-.17-8.22,10.67-21.71A95.77,95.77,0,0,0,52.35,187C35.12,189.61,28.85,186.41,28.19,185.29ZM128,200a71.66,71.66,0,0,1-22.56-3.64,394.1,394.1,0,0,0,48.42-23.69A388.11,388.11,0,0,0,198.43,143,72.12,72.12,0,0,1,128,200ZM227.57,74.65c-1.28,4.78-4.81,10.87-10.39,17.8A95.74,95.74,0,0,0,203.68,69c15.83-2.37,23.17,0,24.15,1.71C228,71,228.21,72.28,227.57,74.65Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-globe-visibility-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M248.59,58.67c-6.31-10.87-23-21.06-66.16-9.71A95.94,95.94,0,0,0,32,128q0,3.6.26,7.14C.56,166.86,1.1,186.4,7.44,197.33,13.4,207.61,25.3,212,40.68,212c9.79,0,21-1.78,32.95-4.91A95.94,95.94,0,0,0,224,128c0-2.41-.09-4.79-.27-7.16,14.31-14.38,23.86-28.21,27-40C253.55,70.42,251.12,63,248.59,58.67ZM128,56a72.11,72.11,0,0,1,70.19,56C184,124.73,165,138.59,141.92,151.86c-21.74,12.49-43.55,22.36-63.09,28.65A72,72,0,0,1,128,56ZM28.19,185.29c-.61-1.07-.17-8.22,10.67-21.71A95.77,95.77,0,0,0,52.35,187C35.12,189.61,28.85,186.41,28.19,185.29ZM128,200a71.66,71.66,0,0,1-22.56-3.64,394.1,394.1,0,0,0,48.42-23.69A388.11,388.11,0,0,0,198.43,143,72.12,72.12,0,0,1,128,200ZM227.57,74.65c-1.28,4.78-4.81,10.87-10.39,17.8A95.74,95.74,0,0,0,203.68,69c15.83-2.37,23.17,0,24.15,1.71C228,71,228.21,72.28,227.57,74.65Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-unlock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M236.37,139.4a12,12,0,0,0-12-3A84.07,84.07,0,0,1,119.6,31.59a12,12,0,0,0-15-15A108.86,108.86,0,0,0,49.69,55.07,108,108,0,0,0,136,228a107.09,107.09,0,0,0,64.93-21.69,108.86,108.86,0,0,0,38.44-54.94A12,12,0,0,0,236.37,139.4Zm-49.88,47.74A84,84,0,0,1,68.86,69.51,84.93,84.93,0,0,1,92.27,48.29Q92,52.13,92,56A108.12,108.12,0,0,0,200,164q3.87,0,7.71-.27A84.79,84.79,0,0,1,186.49,187.14Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-unlock-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M236.37,139.4a12,12,0,0,0-12-3A84.07,84.07,0,0,1,119.6,31.59a12,12,0,0,0-15-15A108.86,108.86,0,0,0,49.69,55.07,108,108,0,0,0,136,228a107.09,107.09,0,0,0,64.93-21.69,108.86,108.86,0,0,0,38.44-54.94A12,12,0,0,0,236.37,139.4Zm-49.88,47.74A84,84,0,0,1,68.86,69.51,84.93,84.93,0,0,1,92.27,48.29Q92,52.13,92,56A108.12,108.12,0,0,0,200,164q3.87,0,7.71-.27A84.79,84.79,0,0,1,186.49,187.14Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-unlock-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M236.37,139.4a12,12,0,0,0-12-3A84.07,84.07,0,0,1,119.6,31.59a12,12,0,0,0-15-15A108.86,108.86,0,0,0,49.69,55.07,108,108,0,0,0,136,228a107.09,107.09,0,0,0,64.93-21.69,108.86,108.86,0,0,0,38.44-54.94A12,12,0,0,0,236.37,139.4Zm-49.88,47.74A84,84,0,0,1,68.86,69.51,84.93,84.93,0,0,1,92.27,48.29Q92,52.13,92,56A108.12,108.12,0,0,0,200,164q3.87,0,7.71-.27A84.79,84.79,0,0,1,186.49,187.14Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M208,76H180V56A52,52,0,0,0,76,56V76H48A20,20,0,0,0,28,96V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V96A20,20,0,0,0,208,76ZM100,56a28,28,0,0,1,56,0V76H100ZM204,204H52V100H204Zm-76-92a32,32,0,0,0-12,61.66V180a12,12,0,0,0,24,0v-6.34A32,32,0,0,0,128,112Zm0,24a8,8,0,1,1-8,8A8,8,0,0,1,128,136Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-lock-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M208,76H180V56A52,52,0,0,0,76,56V76H48A20,20,0,0,0,28,96V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V96A20,20,0,0,0,208,76ZM100,56a28,28,0,0,1,56,0V76H100ZM204,204H52V100H204Zm-76-92a32,32,0,0,0-12,61.66V180a12,12,0,0,0,24,0v-6.34A32,32,0,0,0,128,112Zm0,24a8,8,0,1,1-8,8A8,8,0,0,1,128,136Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-lock-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M208,76H180V56A52,52,0,0,0,76,56V76H48A20,20,0,0,0,28,96V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V96A20,20,0,0,0,208,76ZM100,56a28,28,0,0,1,56,0V76H100ZM204,204H52V100H204Zm-76-92a32,32,0,0,0-12,61.66V180a12,12,0,0,0,24,0v-6.34A32,32,0,0,0,128,112Zm0,24a8,8,0,1,1-8,8A8,8,0,0,1,128,136Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-at: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M128,20a108,108,0,0,0,0,216c22.27,0,45.69-6.73,62.64-18a12,12,0,1,0-13.29-20c-13,8.63-31.89,14-49.35,14a84,84,0,1,1,84-84c0,9.29-1.67,17.08-4.69,21.95-2.64,4.24-6,6.05-11.31,6.05s-8.67-1.81-11.31-6.05c-3-4.87-4.69-12.66-4.69-21.95V88a12,12,0,0,0-23.49-3.46,52,52,0,1,0,8.86,79.57C172.3,174.3,182.81,180,196,180c24.67,0,40-19.92,40-52A108.12,108.12,0,0,0,128,20Zm0,136a28,28,0,1,1,28-28A28,28,0,0,1,128,156Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-at-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M128,20a108,108,0,0,0,0,216c22.27,0,45.69-6.73,62.64-18a12,12,0,1,0-13.29-20c-13,8.63-31.89,14-49.35,14a84,84,0,1,1,84-84c0,9.29-1.67,17.08-4.69,21.95-2.64,4.24-6,6.05-11.31,6.05s-8.67-1.81-11.31-6.05c-3-4.87-4.69-12.66-4.69-21.95V88a12,12,0,0,0-23.49-3.46,52,52,0,1,0,8.86,79.57C172.3,174.3,182.81,180,196,180c24.67,0,40-19.92,40-52A108.12,108.12,0,0,0,128,20Zm0,136a28,28,0,1,1,28-28A28,28,0,0,1,128,156Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-at-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M128,20a108,108,0,0,0,0,216c22.27,0,45.69-6.73,62.64-18a12,12,0,1,0-13.29-20c-13,8.63-31.89,14-49.35,14a84,84,0,1,1,84-84c0,9.29-1.67,17.08-4.69,21.95-2.64,4.24-6,6.05-11.31,6.05s-8.67-1.81-11.31-6.05c-3-4.87-4.69-12.66-4.69-21.95V88a12,12,0,0,0-23.49-3.46,52,52,0,1,0,8.86,79.57C172.3,174.3,182.81,180,196,180c24.67,0,40-19.92,40-52A108.12,108.12,0,0,0,128,20Zm0,136a28,28,0,1,1,28-28A28,28,0,0,1,128,156Z'%3E%3C/path%3E%3C/svg%3E");

    /* Other icons */
    --icon-bell-still: var(--icon-bell);
    --icon-bell-ringing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,71.1a8,8,0,0,1-10.78-3.42,94.13,94.13,0,0,0-33.46-36.91,8,8,0,1,1,8.54-13.54,111.46,111.46,0,0,1,39.12,43.09A8,8,0,0,1,224,71.1ZM35.71,72a8,8,0,0,0,7.1-4.32A94.13,94.13,0,0,1,76.27,30.77a8,8,0,1,0-8.54-13.54A111.46,111.46,0,0,0,28.61,60.32,8,8,0,0,0,35.71,72Zm186.1,103.94A16,16,0,0,1,208,200H167.2a40,40,0,0,1-78.4,0H48a16,16,0,0,1-13.79-24.06C43.22,160.39,48,138.28,48,112a80,80,0,0,1,160,0C208,138.27,212.78,160.38,221.81,175.94ZM150.62,200H105.38a24,24,0,0,0,45.24,0Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-erase: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M160,168l-48,48H66.75L36.69,185.94a16,16,0,0,1,0-22.63L96,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M225,80.4,183.6,39a24,24,0,0,0-33.94,0L31,157.66a24,24,0,0,0,0,33.94l30.06,30.06A8,8,0,0,0,66.74,224H216a8,8,0,0,0,0-16h-84.7L225,114.34A24,24,0,0,0,225,80.4ZM108.68,208H70.05L42.33,180.28a8,8,0,0,1,0-11.31L96,115.31,148.69,168Zm105-105L160,156.69,107.31,104,161,50.34a8,8,0,0,1,11.32,0l41.38,41.38a8,8,0,0,1,0,11.31Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-erase-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M225,80.4,183.6,39a24,24,0,0,0-33.94,0L31,157.66a24,24,0,0,0,0,33.94l30.06,30.06A8,8,0,0,0,66.74,224H216a8,8,0,0,0,0-16h-84.7L225,114.34A24,24,0,0,0,225,80.4ZM213.67,103,160,156.69,107.31,104,161,50.34a8,8,0,0,1,11.32,0l41.38,41.38a8,8,0,0,1,0,11.31Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-reject: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23df3f5a' viewBox='0 0 256 256'%3E%3Cpath d='M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-reject-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-megaphone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M144,69.09V170.91L50.24,199.67A8,8,0,0,1,40,192V48a8,8,0,0,1,10.24-7.67Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M228.54,86.66l-176.06-54A16,16,0,0,0,32,48V192a16,16,0,0,0,16,16,16,16,0,0,0,4.52-.65L136,181.73V192a16,16,0,0,0,16,16h32a16,16,0,0,0,16-16v-29.9l28.54-8.75A16.09,16.09,0,0,0,240,138V102A16.09,16.09,0,0,0,228.54,86.66ZM136,165,48,192V48l88,27Zm48,27H152V176.82L184,167Zm40-54-.11,0L152,160.08V79.92l71.89,22,.11,0v36Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M128,80a24,24,0,1,1-24-24A24,24,0,0,1,128,80Zm40,72a24,24,0,1,0,24,24A24,24,0,0,0,168,152Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M40,88H73a32,32,0,0,0,62,0h81a8,8,0,0,0,0-16H135a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16Zm64-24A16,16,0,1,1,88,80,16,16,0,0,1,104,64ZM216,168H199a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16h97a32,32,0,0,0,62,0h17a8,8,0,0,0,0-16Zm-48,24a16,16,0,1,1,16-16A16,16,0,0,1,168,192Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-paperclip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,56V178.06l-39.72-39.72a8,8,0,0,0-11.31,0L147.31,164,97.66,114.34a8,8,0,0,0-11.32,0L32,168.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-paperclip-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,56V178.06l-39.72-39.72a8,8,0,0,0-11.31,0L147.31,164,97.66,114.34a8,8,0,0,0-11.32,0L32,168.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-warning-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%234e8a6b' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-check-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-verified: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-52.2,6.84-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-gear-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M237.94,107.21a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,98.34,172.39,155.8c11.46,22.93-1.72,45.86-10.11,57a8,8,0,0,1-12,.83L42.34,105.76A8,8,0,0,1,43,93.85c29.65-23.92,57.4-10,57.4-10l57.27-57.46a8,8,0,0,1,11.31,0L229.66,87A8,8,0,0,1,229.66,98.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M235.32,81.37,174.63,20.69a16,16,0,0,0-22.63,0L98.37,74.49c-10.66-3.34-35-7.37-60.4,13.14a16,16,0,0,0-1.29,23.78L85,159.71,42.34,202.34a8,8,0,0,0,11.32,11.32L96.29,171l48.29,48.29A16,16,0,0,0,155.9,224c.38,0,.75,0,1.13,0a15.93,15.93,0,0,0,11.64-6.33c19.64-26.1,17.75-47.32,13.19-60L235.33,104A16,16,0,0,0,235.32,81.37ZM224,92.69h0l-57.27,57.46a8,8,0,0,0-1.49,9.22c9.46,18.93-1.8,38.59-9.34,48.62L48,100.08c12.08-9.74,23.64-12.31,32.48-12.31A40.13,40.13,0,0,1,96.81,91a8,8,0,0,0,9.25-1.51L163.32,32,224,92.68Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-emoji: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM80,108a12,12,0,1,1,12,12A12,12,0,0,1,80,108Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,176,108Zm-1.08,48c-10.29,17.79-27.39,28-46.92,28s-36.63-10.2-46.92-28a8,8,0,1,1,13.84-8c7.47,12.91,19.21,20,33.08,20s25.61-7.1,33.08-20a8,8,0,1,1,13.84,8Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-emoji-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM80,108a12,12,0,1,1,12,12A12,12,0,0,1,80,108Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,176,108Zm-1.08,48c-10.29,17.79-27.39,28-46.92,28s-36.63-10.2-46.92-28a8,8,0,1,1,13.84-8c7.47,12.91,19.21,20,33.08,20s25.61-7.1,33.08-20a8,8,0,1,1,13.84,8Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-emoji-accent-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM80,108a12,12,0,1,1,12,12A12,12,0,0,1,80,108Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,176,108Zm-1.08,48c-10.29,17.79-27.39,28-46.92,28s-36.63-10.2-46.92-28a8,8,0,1,1,13.84-8c7.47,12.91,19.21,20,33.08,20s25.61-7.1,33.08-20a8,8,0,1,1,13.84,8Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M218.34,119.6,183.6,154.34a46.58,46.58,0,0,1-44.31,12.26c-.31.34-.62.67-.95,1L103.6,202.34A46.63,46.63,0,1,1,37.66,136.4L72.4,101.66A46.6,46.6,0,0,1,116.71,89.4c.31-.34.62-.67,1-1L152.4,53.66a46.63,46.63,0,0,1,65.94,65.94Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M240,88.23a54.43,54.43,0,0,1-16,37L189.25,160a54.27,54.27,0,0,1-38.63,16h-.05A54.63,54.63,0,0,1,96,119.84a8,8,0,0,1,16,.45A38.62,38.62,0,0,0,150.58,160h0a38.39,38.39,0,0,0,27.31-11.31l34.75-34.75a38.63,38.63,0,0,0-54.63-54.63l-11,11A8,8,0,0,1,135.7,59l11-11A54.65,54.65,0,0,1,224,48,54.86,54.86,0,0,1,240,88.23ZM109,185.66l-11,11A38.41,38.41,0,0,1,70.6,208h0a38.63,38.63,0,0,1-27.29-65.94L78,107.31A38.63,38.63,0,0,1,144,135.71a8,8,0,0,0,7.78,8.22H152a8,8,0,0,0,8-7.78A54.86,54.86,0,0,0,144,96a54.65,54.65,0,0,0-77.27,0L32,130.75A54.62,54.62,0,0,0,70.56,224h0a54.28,54.28,0,0,0,38.64-16l11-11A8,8,0,0,0,109,185.66Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M208,104V216H48V104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M216,112v96a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V112A16,16,0,0,1,56,96H80a8,8,0,0,1,0,16H56v96H200V112H176a8,8,0,0,1,0-16h24A16,16,0,0,1,216,112ZM93.66,69.66,120,43.31V136a8,8,0,0,0,16,0V43.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,69.66Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-compose: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M211.84,134.81l-59.79,60.47,0,0a15.75,15.75,0,0,1-11.2,4.68H75.32L45.66,229.66a8,8,0,0,1-11.32-11.32l22.59-22.58h0L124.7,128H209A4,4,0,0,1,211.84,134.81ZM216.7,30.57a64,64,0,0,0-85.9,4.14l-9.6,9.48A4,4,0,0,0,120,47v63l55-55a8,8,0,0,1,11.31,11.31L140.71,112h88.38a4,4,0,0,0,3.56-2.16A64.08,64.08,0,0,0,216.7,30.57ZM62.83,167.23,104,126.06V70.76a4,4,0,0,0-6.81-2.84L60.69,104A15.9,15.9,0,0,0,56,115.31V164.4A4,4,0,0,0,62.83,167.23Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M227.91,134.86,59.93,231a8,8,0,0,1-11.44-9.67L80,128,48.49,34.72a8,8,0,0,1,11.44-9.67l168,95.85A8,8,0,0,1,227.91,134.86Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M231.87,114l-168-95.89A16,16,0,0,0,40.92,37.34L71.55,128,40.92,218.67A16,16,0,0,0,56,240a16.15,16.15,0,0,0,7.93-2.1l167.92-96.05a16,16,0,0,0,.05-27.89ZM56,224a.56.56,0,0,0,0-.12L85.74,136H144a8,8,0,0,0,0-16H85.74L56.06,32.16A.46.46,0,0,0,56,32l168,95.83Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-send-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M240,127.89a16,16,0,0,1-8.18,14L63.9,237.9A16.15,16.15,0,0,1,56,240a16,16,0,0,1-15-21.33l27-79.95A4,4,0,0,1,71.72,136H144a8,8,0,0,0,8-8.53,8.19,8.19,0,0,0-8.26-7.47h-72a4,4,0,0,1-3.79-2.72l-27-79.94A16,16,0,0,1,63.84,18.07l168,95.89A16,16,0,0,1,240,127.89Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,40V168H168V88H88V40Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2379bd9a' viewBox='0 0 256 256'%3E%3Cpath d='M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32Zm-8,128H176V88a8,8,0,0,0-8-8H96V48H208Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-eye-shut: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M224,104c-16.81,20.81-47.63,48-96,48s-79.19-27.19-96-48c16.81-20.81,47.63-48,96-48S207.19,83.19,224,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M228,175a8,8,0,0,1-10.92-3l-19-33.2A123.23,123.23,0,0,1,162,155.46l5.87,35.22a8,8,0,0,1-6.58,9.21A8.4,8.4,0,0,1,160,200a8,8,0,0,1-7.88-6.69l-5.77-34.58a133.06,133.06,0,0,1-36.68,0l-5.77,34.58A8,8,0,0,1,96,200a8.4,8.4,0,0,1-1.32-.11,8,8,0,0,1-6.58-9.21L94,155.46a123.23,123.23,0,0,1-36.06-16.69L39,172A8,8,0,1,1,25.06,164l20-35a153.47,153.47,0,0,1-19.3-20A8,8,0,1,1,38.22,99c16.6,20.54,45.64,45,89.78,45s73.18-24.49,89.78-45A8,8,0,1,1,230.22,109a153.47,153.47,0,0,1-19.3,20l20,35A8,8,0,0,1,228,175Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-eye-shut-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,104c-16.81,20.81-47.63,48-96,48s-79.19-27.19-96-48c16.81-20.81,47.63-48,96-48S207.19,83.19,224,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M228,175a8,8,0,0,1-10.92-3l-19-33.2A123.23,123.23,0,0,1,162,155.46l5.87,35.22a8,8,0,0,1-6.58,9.21A8.4,8.4,0,0,1,160,200a8,8,0,0,1-7.88-6.69l-5.77-34.58a133.06,133.06,0,0,1-36.68,0l-5.77,34.58A8,8,0,0,1,96,200a8.4,8.4,0,0,1-1.32-.11,8,8,0,0,1-6.58-9.21L94,155.46a123.23,123.23,0,0,1-36.06-16.69L39,172A8,8,0,1,1,25.06,164l20-35a153.47,153.47,0,0,1-19.3-20A8,8,0,1,1,38.22,99c16.6,20.54,45.64,45,89.78,45s73.18-24.49,89.78-45A8,8,0,1,1,230.22,109a153.47,153.47,0,0,1-19.3,20l20,35A8,8,0,0,1,228,175Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-eye-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-edited: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M230.15,70.54,185.46,25.86a20,20,0,0,0-28.28,0L33.86,149.17A19.86,19.86,0,0,0,28,163.31V208a20,20,0,0,0,20,20H216a12,12,0,0,0,0-24H125L230.15,98.83A20,20,0,0,0,230.15,70.54ZM91,204H52V165l84-84,39,39ZM192,103,153,64l18.34-18.34,39,39Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-edited-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,90.34,192,120,136,64l29.66-29.66a8,8,0,0,1,11.31,0L221.66,79A8,8,0,0,1,221.66,90.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M227.32,73.37,182.63,28.69a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H216a8,8,0,0,0,0-16H115.32l112-112A16,16,0,0,0,227.32,73.37ZM48,163.31l88-88L180.69,120l-88,88H48Zm144-54.62L147.32,64l24-24L216,84.69Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-timer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M128,44a96,96,0,1,0,96,96A96.11,96.11,0,0,0,128,44Zm0,168a72,72,0,1,1,72-72A72.08,72.08,0,0,1,128,212ZM164.49,99.51a12,12,0,0,1,0,17l-28,28a12,12,0,0,1-17-17l28-28A12,12,0,0,1,164.49,99.51ZM92,16A12,12,0,0,1,104,4h48a12,12,0,0,1,0,24H104A12,12,0,0,1,92,16Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-timer-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M128,44a96,96,0,1,0,96,96A96.11,96.11,0,0,0,128,44Zm0,168a72,72,0,1,1,72-72A72.08,72.08,0,0,1,128,212ZM164.49,99.51a12,12,0,0,1,0,17l-28,28a12,12,0,0,1-17-17l28-28A12,12,0,0,1,164.49,99.51ZM92,16A12,12,0,0,1,104,4h48a12,12,0,0,1,0,24H104A12,12,0,0,1,92,16Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-check-radio: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M176.49,95.51a12,12,0,0,1,0,17l-56,56a12,12,0,0,1-17,0l-24-24a12,12,0,1,1,17-17L112,143l47.51-47.52A12,12,0,0,1,176.49,95.51ZM236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Z'%3E%3C/path%3E%3C/svg%3E");;
    --icon-check-radio-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M176.49,95.51a12,12,0,0,1,0,17l-56,56a12,12,0,0,1-17,0l-24-24a12,12,0,1,1,17-17L112,143l47.51-47.52A12,12,0,0,1,176.49,95.51ZM236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-check-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M79.51,144.49a12,12,0,1,1,17-17L112,143l47.51-47.52a12,12,0,0,1,17,17l-56,56a12,12,0,0,1-17,0ZM228,48V208a20,20,0,0,1-20,20H48a20,20,0,0,1-20-20V48A20,20,0,0,1,48,28H208A20,20,0,0,1,228,48Zm-24,4H52V204H204Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-check-box-inv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M79.51,144.49a12,12,0,1,1,17-17L112,143l47.51-47.52a12,12,0,0,1,17,17l-56,56a12,12,0,0,1-17,0ZM228,48V208a20,20,0,0,1-20,20H48a20,20,0,0,1-20-20V48A20,20,0,0,1,48,28H208A20,20,0,0,1,228,48Zm-24,4H52V204H204Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%234e8a6b' viewBox='0 0 256 256'%3E%3Cpath d='M200,48v63.1c0,39.7-31.75,72.6-71.45,72.9A72,72,0,0,1,56,112V48Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M232,64H208V48a8,8,0,0,0-8-8H56a8,8,0,0,0-8,8V64H24A16,16,0,0,0,8,80V96a40,40,0,0,0,40,40h3.65A80.13,80.13,0,0,0,120,191.61V216H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16H136V191.58c31.94-3.23,58.44-25.64,68.08-55.58H208a40,40,0,0,0,40-40V80A16,16,0,0,0,232,64ZM48,120A24,24,0,0,1,24,96V80H48v32q0,4,.39,8Zm144-8.9c0,35.52-29,64.64-64,64.9a64,64,0,0,1-64-64V56H192ZM232,96a24,24,0,0,1-24,24h-.5a81.81,81.81,0,0,0,.5-8.9V80h24Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-broom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M192.8,165.12,43.93,105.57A110.88,110.88,0,0,1,61.47,82.38a8,8,0,0,1,8.67-1.81L95.52,90.85a16,16,0,0,0,20.82-9l21-53.1c4.15-10,15.47-15.33,25.63-11.53a20,20,0,0,1,11.51,26.39L153.13,96.71a16,16,0,0,0,8.93,20.75L187,127.3a8,8,0,0,1,5,7.43V152A104.58,104.58,0,0,0,192.8,165.12Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M235.5,216.81c-22.56-11-35.5-34.58-35.5-64.8V134.73a15.94,15.94,0,0,0-10.09-14.87L165,110a8,8,0,0,1-4.48-10.34l21.32-53a28,28,0,0,0-16.1-37,28.14,28.14,0,0,0-35.82,16,.61.61,0,0,0,0,.12L108.9,79a8,8,0,0,1-10.37,4.49L73.11,73.14A15.89,15.89,0,0,0,55.74,76.8C34.68,98.45,24,123.75,24,152a111.45,111.45,0,0,0,31.18,77.53A8,8,0,0,0,61,232H232a8,8,0,0,0,3.5-15.19ZM67.14,88l25.41,10.3a24,24,0,0,0,31.23-13.45l21-53c2.56-6.11,9.47-9.27,15.43-7a12,12,0,0,1,6.88,15.92L145.69,93.76a24,24,0,0,0,13.43,31.14L184,134.73V152c0,.33,0,.66,0,1L55.77,101.71A108.84,108.84,0,0,1,67.14,88Zm48,128a87.53,87.53,0,0,1-24.34-42,8,8,0,0,0-15.49,4,105.16,105.16,0,0,0,18.36,38H64.44A95.54,95.54,0,0,1,40,152a85.9,85.9,0,0,1,7.73-36.29l137.8,55.12c3,18,10.56,33.48,21.89,45.16Z'%3E%3C/path%3E%3C/svg%3E");

    /* Popular hashtag icons */
    --icon-music: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M208,164a28,28,0,1,1-28-28A28,28,0,0,1,208,164ZM52,168a28,28,0,1,0,28,28A28,28,0,0,0,52,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M212.92,17.69a8,8,0,0,0-6.86-1.45l-128,32A8,8,0,0,0,72,56V166.08A36,36,0,1,0,88,196V110.25l112-28v51.83A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.69ZM52,216a20,20,0,1,1,20-20A20,20,0,0,1,52,216ZM88,93.75V62.25l112-28v31.5ZM180,184a20,20,0,1,1,20-20A20,20,0,0,1,180,184Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-microphone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M156.5,151,59,222.45a8,8,0,0,1-10.38-.79l-14.3-14.3A8,8,0,0,1,33.55,197L105,99.5l0,0A64,64,0,0,0,156.48,151Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M168,16A72.07,72.07,0,0,0,96,88a73.29,73.29,0,0,0,.63,9.42L27.12,192.22A15.93,15.93,0,0,0,28.71,213L43,227.29a15.93,15.93,0,0,0,20.78,1.59l94.81-69.53A73.29,73.29,0,0,0,168,160a72,72,0,1,0,0-144Zm56,72a55.72,55.72,0,0,1-11.16,33.52L134.49,43.16A56,56,0,0,1,224,88ZM54.32,216,40,201.68,102.14,117A72.37,72.37,0,0,0,139,153.86ZM112,88a55.67,55.67,0,0,1,11.16-33.51l78.34,78.34A56,56,0,0,1,112,88Zm-2.35,58.34a8,8,0,0,1,0,11.31l-8,8a8,8,0,1,1-11.31-11.31l8-8A8,8,0,0,1,109.67,146.33Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-cake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M104,48c0-24,24-40,24-40s24,16,24,40a24,24,0,0,1-48,0ZM208,96H48a16,16,0,0,0-16,16v23.33c0,17.44,13.67,32.18,31.1,32.66A32,32,0,0,0,96,136a32,32,0,0,0,64,0,32,32,0,0,0,32.9,32c17.43-.48,31.1-15.22,31.1-32.66V112A16,16,0,0,0,208,96Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M232,112a24,24,0,0,0-24-24H136V79a32.06,32.06,0,0,0,24-31c0-28-26.44-45.91-27.56-46.66a8,8,0,0,0-8.88,0C122.44,2.09,96,20,96,48a32.06,32.06,0,0,0,24,31v9H48a24,24,0,0,0-24,24v23.33a40.84,40.84,0,0,0,8,24.24V200a24,24,0,0,0,24,24H200a24,24,0,0,0,24-24V159.57a40.84,40.84,0,0,0,8-24.24ZM112,48c0-13.57,10-24.46,16-29.79,6,5.33,16,16.22,16,29.79a16,16,0,0,1-32,0ZM40,112a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8v23.33c0,13.25-10.46,24.31-23.32,24.66A24,24,0,0,1,168,136a8,8,0,0,0-16,0,24,24,0,0,1-48,0,8,8,0,0,0-16,0,24,24,0,0,1-24.68,24C50.46,159.64,40,148.58,40,135.33Zm160,96H56a8,8,0,0,1-8-8V172.56A38.77,38.77,0,0,0,62.88,176a39.69,39.69,0,0,0,29-11.31A40.36,40.36,0,0,0,96,160a40,40,0,0,0,64,0,40.36,40.36,0,0,0,4.13,4.67A39.67,39.67,0,0,0,192,176c.38,0,.76,0,1.14,0A38.77,38.77,0,0,0,208,172.56V200A8,8,0,0,1,200,208Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-popcorn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M88,96l16,120H70.34a8,8,0,0,1-7.79-6.17L32,80Zm80,0L152,216h33.66a8,8,0,0,0,7.79-6.17L224,80Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.52,74.21a8,8,0,0,0-7.13-2A44,44,0,0,0,168,41.67a44,44,0,0,0-80,0,44,44,0,0,0-54.4,30.51,8,8,0,0,0-9.4,9.65L54.76,211.67A16,16,0,0,0,70.34,224H185.66a16,16,0,0,0,15.58-12.33L231.79,81.83A8,8,0,0,0,229.52,74.21ZM76,56a27.68,27.68,0,0,1,13.11,3.26,8,8,0,0,0,11.56-5.34,28,28,0,0,1,54.66,0,8,8,0,0,0,11.56,5.34A28,28,0,0,1,207,76.54l-38.56,11-34.49-13.8a16,16,0,0,0-11.88,0L87.57,87.56,49,76.54A28,28,0,0,1,76,56Zm83.25,45.11L145,208H111L96.75,101.11,128,88.62ZM42.91,91.44l37.85,10.81L94.86,208H70.34ZM185.66,208H161.14l14.1-105.75,37.85-10.81Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-tangerine-slice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,88A88,88,0,0,1,40,88Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M248,80H8a8,8,0,0,0-8,8,128,128,0,0,0,256,0A8,8,0,0,0,248,80ZM77.4,149.91l42.6-42.6V167.6A79.59,79.59,0,0,1,77.4,149.91ZM66.09,138.6A79.59,79.59,0,0,1,48.4,96h60.29ZM136,107.31l42.6,42.6A79.59,79.59,0,0,1,136,167.6Zm53.91,31.29L147.31,96H207.6A79.59,79.59,0,0,1,189.91,138.6ZM128,200A112.15,112.15,0,0,1,16.28,96H32.34a96,96,0,0,0,191.32,0h16.06A112.15,112.15,0,0,1,128,200Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-sunset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M192,144a64.33,64.33,0,0,1-2,16H66a64,64,0,1,1,126-16Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M240,152H199.55a73.54,73.54,0,0,0,.45-8,72,72,0,0,0-144,0,73.54,73.54,0,0,0,.45,8H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM72,144a56,56,0,1,1,111.41,8H72.59A56.13,56.13,0,0,1,72,144Zm144,56a8,8,0,0,1-8,8H48a8,8,0,0,1,0-16H208A8,8,0,0,1,216,200ZM72.84,43.58a8,8,0,0,1,14.32-7.16l8,16a8,8,0,0,1-14.32,7.16Zm-56,48.84a8,8,0,0,1,10.74-3.57l16,8a8,8,0,0,1-7.16,14.31l-16-8A8,8,0,0,1,16.84,92.42Zm192,15.16a8,8,0,0,1,3.58-10.73l16-8a8,8,0,1,1,7.16,14.31l-16,8a8,8,0,0,1-10.74-3.58Zm-48-55.16,8-16a8,8,0,0,1,14.32,7.16l-8,16a8,8,0,1,1-14.32-7.16Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-camera: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M208,64H176L160,40H96L80,64H48A16,16,0,0,0,32,80V192a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V80A16,16,0,0,0,208,64ZM128,168a36,36,0,1,1,36-36A36,36,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M208,56H180.28L166.65,35.56A8,8,0,0,0,160,32H96a8,8,0,0,0-6.65,3.56L75.71,56H48A24,24,0,0,0,24,80V192a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V80A24,24,0,0,0,208,56Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8H80a8,8,0,0,0,6.66-3.56L100.28,48h55.43l13.63,20.44A8,8,0,0,0,176,72h32a8,8,0,0,1,8,8ZM128,88a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,88Zm0,72a28,28,0,1,1,28-28A28,28,0,0,1,128,160Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-pine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M32,192l56-72H48L128,16l80,104H168l56,72Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M230.31,187.09,184.36,128H208a8,8,0,0,0,6.34-12.88l-80-104a8,8,0,0,0-12.68,0l-80,104A8,8,0,0,0,48,128H71.64L25.69,187.09A8,8,0,0,0,32,200h88v40a8,8,0,0,0,16,0V200h88a8,8,0,0,0,6.31-12.91ZM48.36,184l46-59.09A8,8,0,0,0,88,112H64.25L128,29.12,191.75,112H168a8,8,0,0,0-6.31,12.91L207.64,184Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-tree: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M232,127.82c.09,33.94-28.41,63.3-62.34,64.16a63.72,63.72,0,0,1-41.66-14,63.71,63.71,0,0,1-41.65,14c-33.93-.86-62.44-30.22-62.35-64.16a64,64,0,0,1,40.13-59.2,68,68,0,0,1,127.74,0A64,64,0,0,1,232,127.82Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M198.1,62.59a76,76,0,0,0-140.2,0A71.71,71.71,0,0,0,16,127.8C15.9,166,48,199,86.14,200A72.22,72.22,0,0,0,120,192.47V232a8,8,0,0,0,16,0V192.47A72.17,72.17,0,0,0,168,200l1.82,0C208,199,240.11,166,240,127.8A71.71,71.71,0,0,0,198.1,62.59ZM169.45,184a56.08,56.08,0,0,1-33.45-10v-41l43.58-21.78a8,8,0,1,0-7.16-14.32L136,115.06V88a8,8,0,0,0-16,0v51.06L83.58,120.84a8,8,0,1,0-7.16,14.32L120,156.94v17a56,56,0,0,1-33.45,10C56.9,183.23,31.92,157.52,32,127.84A55.79,55.79,0,0,1,67.11,76a8,8,0,0,0,4.53-4.67,60,60,0,0,1,112.72,0A8,8,0,0,0,188.89,76,55.79,55.79,0,0,1,224,127.84C224.08,157.52,199.1,183.23,169.45,184Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-cat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,48v88c0,48.6-43,88-96,88s-96-39.4-96-88V48a8,8,0,0,1,13.66-5.66L67.6,67.6h0a102.87,102.87,0,0,1,120.8,0h0l21.94-25.24A8,8,0,0,1,224,48Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M96,140a12,12,0,1,1-12-12A12,12,0,0,1,96,140Zm76-12a12,12,0,1,0,12,12A12,12,0,0,0,172,128Zm60-80v88c0,52.93-46.65,96-104,96S24,188.93,24,136V48A16,16,0,0,1,51.31,36.69c.14.14.26.27.38.41L69,57a111.22,111.22,0,0,1,118.1,0L204.31,37.1c.12-.14.24-.27.38-.41A16,16,0,0,1,232,48Zm-16,0-21.56,24.8A8,8,0,0,1,183.63,74,88.86,88.86,0,0,0,168,64.75V88a8,8,0,1,1-16,0V59.05a97.43,97.43,0,0,0-16-2.72V88a8,8,0,1,1-16,0V56.33a97.43,97.43,0,0,0-16,2.72V88a8,8,0,1,1-16,0V64.75A88.86,88.86,0,0,0,72.37,74a8,8,0,0,1-10.81-1.17L40,48v88c0,41.66,35.21,76,80,79.67V195.31l-13.66-13.66a8,8,0,0,1,11.32-11.31L128,180.68l10.34-10.34a8,8,0,0,1,11.32,11.31L136,195.31v20.36c44.79-3.69,80-38,80-79.67Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-dog: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M208,120.38V184a32,32,0,0,1-32,32H80a32,32,0,0,1-32-32V120.38L104,48h48Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M239.71,125l-16.42-88a16,16,0,0,0-19.61-12.58l-.31.09L150.85,40h-45.7L52.63,24.56l-.31-.09A16,16,0,0,0,32.71,37.05L16.29,125a15.77,15.77,0,0,0,9.12,17.52A16.26,16.26,0,0,0,32.12,144,15.48,15.48,0,0,0,40,141.84V184a40,40,0,0,0,40,40h96a40,40,0,0,0,40-40V141.85a15.5,15.5,0,0,0,7.87,2.16,16.31,16.31,0,0,0,6.72-1.47A15.77,15.77,0,0,0,239.71,125ZM32,128h0L48.43,40,90.5,52.37Zm144,80H136V195.31l13.66-13.65a8,8,0,0,0-11.32-11.32L128,180.69l-10.34-10.35a8,8,0,0,0-11.32,11.32L120,195.31V208H80a24,24,0,0,1-24-24V123.11L107.93,56h40.14L200,123.11V184A24,24,0,0,1,176,208Zm48-80L165.5,52.37,207.57,40,224,128ZM104,140a12,12,0,1,1-12-12A12,12,0,0,1,104,140Zm72,0a12,12,0,1,1-12-12A12,12,0,0,1,176,140Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,32c0,32.81-31.64,67.43-58.64,91.05A84.39,84.39,0,0,0,133,90.64C156.57,63.64,191.19,32,224,32Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M232,32a8,8,0,0,0-8-8c-44.08,0-89.31,49.71-114.43,82.63A60,60,0,0,0,32,164c0,30.88-19.54,44.73-20.47,45.37A8,8,0,0,0,16,224H92a60,60,0,0,0,57.37-77.57C182.3,121.31,232,76.08,232,32ZM92,208H34.63C41.38,198.41,48,183.92,48,164a44,44,0,1,1,44,44Zm32.42-94.45q5.14-6.66,10.09-12.55A76.23,76.23,0,0,1,155,121.49q-5.9,4.94-12.55,10.09A60.54,60.54,0,0,0,124.42,113.55Zm42.7-2.68a92.57,92.57,0,0,0-22-22c31.78-34.53,55.75-45,69.9-47.91C212.17,55.12,201.65,79.09,167.12,110.87Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-apple: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,73.52Zm0,99.26c-16.79-11.53-24-30.87-24-52.78,0-18.3,11.68-34.81,24-46.48C204.53,62.66,185,56,168,56a63.72,63.72,0,0,0-40,14h0A63.71,63.71,0,0,0,88.88,56C52,55.5,23.06,86.3,24,123.19a119.62,119.62,0,0,0,37.65,84.12A32,32,0,0,0,83.6,216h87.7a31.75,31.75,0,0,0,23.26-10c15.85-17,21.44-33.2,21.44-33.2Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M223.3,169.59a8.07,8.07,0,0,0-2.8-3.4C203.53,154.53,200,134.64,200,120c0-17.67,13.47-33.06,21.5-40.67a8,8,0,0,0,0-11.62C208.82,55.74,187.82,48,168,48a72.23,72.23,0,0,0-40,12.13,71.56,71.56,0,0,0-90.71,9.09A74.63,74.63,0,0,0,16,123.4a127,127,0,0,0,40.14,89.73A39.8,39.8,0,0,0,83.59,224h87.68a39.84,39.84,0,0,0,29.12-12.57,125,125,0,0,0,17.82-24.6C225.23,174,224.33,172,223.3,169.59Zm-34.63,30.94a23.76,23.76,0,0,1-17.4,7.47H83.59a23.82,23.82,0,0,1-16.44-6.51A111.14,111.14,0,0,1,32,123,58.5,58.5,0,0,1,48.65,80.47,54.81,54.81,0,0,1,88,64h.78A55.45,55.45,0,0,1,123,76.28a8,8,0,0,0,10,0A55.39,55.39,0,0,1,168,64a70.64,70.64,0,0,1,36,10.35c-13,14.52-20,30.47-20,45.65,0,23.77,7.64,42.73,22.18,55.3A105.52,105.52,0,0,1,188.67,200.53ZM128.23,30A40,40,0,0,1,167,0h1a8,8,0,0,1,0,16h-1a24,24,0,0,0-23.24,18,8,8,0,1,1-15.5-4Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,90.34,192,120,136,64l29.66-29.66a8,8,0,0,1,11.31,0L221.66,79A8,8,0,0,1,221.66,90.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM51.31,160,136,75.31,152.69,92,68,176.68ZM48,179.31,76.69,208H48Zm48,25.38L79.31,188,164,103.31,180.69,120Zm96-96L147.31,64l24-24L216,84.68Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-gaming: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216.86,207.57a28,28,0,0,1-24.66-7.77L150.09,152H172a51.94,51.94,0,0,0,51.2-61h0l16.36,84.17A28,28,0,0,1,216.86,207.57Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M176,112H152a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16ZM104,96H96V88a8,8,0,0,0-16,0v8H72a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0v-8h8a8,8,0,0,0,0-16ZM241.48,200.65a36,36,0,0,1-54.94,4.81c-.12-.12-.24-.24-.35-.37L146.48,160h-37L69.81,205.09l-.35.37A36.08,36.08,0,0,1,44,216,36,36,0,0,1,8.56,173.75a.68.68,0,0,1,0-.14L24.93,89.52A59.88,59.88,0,0,1,83.89,40H172a60.08,60.08,0,0,1,59,49.25c0,.06,0,.12,0,.18l16.37,84.17a.68.68,0,0,1,0,.14A35.74,35.74,0,0,1,241.48,200.65ZM172,144a44,44,0,0,0,0-88H83.89A43.9,43.9,0,0,0,40.68,92.37l0,.13L24.3,176.59A20,20,0,0,0,58,194.3l41.92-47.59a8,8,0,0,1,6-2.71Zm59.7,32.59-8.74-45A60,60,0,0,1,172,160h-4.2L198,194.31a20.09,20.09,0,0,0,17.46,5.39,20,20,0,0,0,16.23-23.11Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-cube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M128,129.09V232a8,8,0,0,1-3.84-1l-88-48.16a8,8,0,0,1-4.16-7V80.2a8,8,0,0,1,.7-3.27Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M223.68,66.15,135.68,18h0a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32h0l80.34,44L128,120,47.66,76ZM40,90l80,43.78v85.79L40,175.82Zm96,129.57V133.82L216,90v85.78Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-football: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M65.17,108.08l-33,25.34c-.1-1.8-.15-3.6-.15-5.42A95.61,95.61,0,0,1,53.23,67.78ZM46.92,179.42a96.12,96.12,0,0,0,57,41.52l-14.7-41.52Zm105.21,41.52a96.12,96.12,0,0,0,57-41.52H166.83ZM202.77,67.78l-11.94,40.3,33,25.34c.1-1.8.15-3.6.15-5.42A95.61,95.61,0,0,0,202.77,67.78Zm-38.52-28.7a96.34,96.34,0,0,0-72.5,0L128,64ZM152.72,160,168,115.5,128,88,88,115.5,103.28,160Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm76.52,147.42H170.9l-9.26-12.76,12.63-36.78,15-4.89,26.24,20.13A87.38,87.38,0,0,1,204.52,171.42Zm-164-34.3L66.71,117l15,4.89,12.63,36.78L85.1,171.42H51.48A87.38,87.38,0,0,1,40.47,137.12Zm10-50.64,5.51,18.6L40.71,116.77A87.33,87.33,0,0,1,50.43,86.48ZM109,152,97.54,118.65,128,97.71l30.46,20.94L147,152Zm91.07-46.92,5.51-18.6a87.33,87.33,0,0,1,9.72,30.29Zm-6.2-35.38-9.51,32.08-15.07,4.89L136,83.79V68.21l29.09-20A88.58,88.58,0,0,1,193.86,69.7ZM146.07,41.87,128,54.29,109.93,41.87a88.24,88.24,0,0,1,36.14,0ZM90.91,48.21l29.09,20V83.79L86.72,106.67l-15.07-4.89L62.14,69.7A88.58,88.58,0,0,1,90.91,48.21ZM63.15,187.42H83.52l7.17,20.27A88.4,88.4,0,0,1,63.15,187.42ZM110,214.13,98.12,180.71,107.35,168h41.3l9.23,12.71-11.83,33.42a88,88,0,0,1-36.1,0Zm55.36-6.44,7.17-20.27h20.37A88.4,88.4,0,0,1,165.31,207.69Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-pride: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M224,112v16a96,96,0,0,1-192,0V88a24,24,0,0,1,48,0V64a24,24,0,0,1,48,0,24,24,0,0,1,48,0V88h24A24,24,0,0,1,224,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M200,80H184V64a32,32,0,0,0-56-21.13A32,32,0,0,0,72.21,60.42,32,32,0,0,0,24,88v40a104,104,0,0,0,208,0V112A32,32,0,0,0,200,80ZM152,48a16,16,0,0,1,16,16V80H136V64A16,16,0,0,1,152,48ZM88,64a16,16,0,0,1,32,0v40a16,16,0,0,1-32,0ZM40,88a16,16,0,0,1,32,0v16a16,16,0,0,1-32,0Zm176,40a88,88,0,0,1-175.92,3.75A31.93,31.93,0,0,0,80,125.13a31.93,31.93,0,0,0,44.58,3.35,32.21,32.21,0,0,0,11.8,11.44A47.88,47.88,0,0,0,120,176a8,8,0,0,0,16,0,32,32,0,0,1,32-32,8,8,0,0,0,0-16H152a16,16,0,0,1-16-16V96h64a16,16,0,0,1,16,16Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-vote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,48V208a8,8,0,0,1-8,8H64L40,192V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,48V208a16,16,0,0,1-16,16H136a8,8,0,0,1,0-16h72V48H48v96a8,8,0,0,1-16,0V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM125.66,154.34a8,8,0,0,0-11.32,0L64,204.69,45.66,186.34a8,8,0,0,0-11.32,11.32l24,24a8,8,0,0,0,11.32,0l56-56A8,8,0,0,0,125.66,154.34Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M240,128l-48,40H64L16,128,64,88H192Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-handshake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M200,152l-40,40L96,176,40,136,72.68,70.63,128,56l55.32,14.63L183.6,72H144L98.34,116.29a8,8,0,0,0,1.38,12.42C117.23,139.9,141,139.13,160,120Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M254.3,107.91,228.78,56.85a16,16,0,0,0-21.47-7.15L182.44,62.13,130.05,48.27a8.14,8.14,0,0,0-4.1,0L73.56,62.13,48.69,49.7a16,16,0,0,0-21.47,7.15L1.7,107.9a16,16,0,0,0,7.15,21.47l27,13.51,55.49,39.63a8.06,8.06,0,0,0,2.71,1.25l64,16a8,8,0,0,0,7.6-2.1l55.07-55.08,26.42-13.21a16,16,0,0,0,7.15-21.46Zm-54.89,33.37L165,113.72a8,8,0,0,0-10.68.61C136.51,132.27,116.66,130,104,122L147.24,80h31.81l27.21,54.41ZM41.53,64,62,74.22,36.43,125.27,16,115.06Zm116,119.13L99.42,168.61l-49.2-35.14,28-56L128,64.28l9.8,2.59-45,43.68-.08.09a16,16,0,0,0,2.72,24.81c20.56,13.13,45.37,11,64.91-5L188,152.66Zm62-57.87-25.52-51L214.47,64,240,115.06Zm-87.75,92.67a8,8,0,0,1-7.75,6.06,8.13,8.13,0,0,1-1.95-.24L80.41,213.33a7.89,7.89,0,0,1-2.71-1.25L51.35,193.26a8,8,0,0,1,9.3-13l25.11,17.94L126,208.24A8,8,0,0,1,131.82,217.94Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-science: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M210.26,210.26c-17.23,17.23-68-5.63-113.46-51.06S28.51,63,45.74,45.74s68,5.63,113.46,51.06S227.49,193,210.26,210.26Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M196.12,128c24.65-34.61,37.22-70.38,19.74-87.86S162.61,35.23,128,59.88C93.39,35.23,57.62,22.66,40.14,40.14S35.23,93.39,59.88,128c-24.65,34.61-37.22,70.38-19.74,87.86h0c5.63,5.63,13.15,8.14,21.91,8.14,18.48,0,42.48-11.17,66-27.88C151.47,212.83,175.47,224,194,224c8.76,0,16.29-2.52,21.91-8.14h0C233.34,198.38,220.77,162.61,196.12,128Zm8.43-76.55c7.64,7.64,2.48,32.4-18.52,63.28a300.33,300.33,0,0,0-21.19-23.57A300.33,300.33,0,0,0,141.27,70C172.15,49,196.91,43.8,204.55,51.45ZM176.29,128a289.14,289.14,0,0,1-22.76,25.53A289.14,289.14,0,0,1,128,176.29a289.14,289.14,0,0,1-25.53-22.76A289.14,289.14,0,0,1,79.71,128,298.62,298.62,0,0,1,128,79.71a289.14,289.14,0,0,1,25.53,22.76A289.14,289.14,0,0,1,176.29,128ZM51.45,51.45c2.2-2.21,5.83-3.35,10.62-3.35C73.89,48.1,92.76,55,114.72,70A304,304,0,0,0,91.16,91.16,300.33,300.33,0,0,0,70,114.73C49,83.85,43.81,59.09,51.45,51.45Zm0,153.1C43.81,196.91,49,172.15,70,141.27a300.33,300.33,0,0,0,21.19,23.57A304.18,304.18,0,0,0,114.73,186C83.85,207,59.09,212.2,51.45,204.55Zm153.1,0c-7.64,7.65-32.4,2.48-63.28-18.52a304.18,304.18,0,0,0,23.57-21.19A300.33,300.33,0,0,0,186,141.27C207,172.15,212.19,196.91,204.55,204.55ZM140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M232,56V200H160a32,32,0,0,0-32,32,32,32,0,0,0-32-32H24V56H96a32,32,0,0,1,32,32,32,32,0,0,1,32-32Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64Z'%3E%3C/path%3E%3C/svg%3E");
    --icon-olympics: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.1' width='1020' height='495' id='svg2'%3E%3Cmetadata id='metadata28'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs4' /%3E%3Cg transform='matrix(5.7658033,0,0,5.7658033,-216.55705,-1629.403)' id='g3854' style='fill:%23000000;fill-opacity:1'%3E%3Cpath d='m 77.998457,338.04465 c 9.719843,-3.74035 16.634311,-13.17634 16.634311,-24.1989 0,-14.29201 -11.62467,-25.91668 -25.916678,-25.91668 -14.292008,0 -25.95413,11.62467 -25.95413,25.91668 0,14.29201 11.662122,25.91668 25.95413,25.91668 0.54665,0 1.089397,-0.017 1.627741,-0.0505 -0.212847,-1.56081 -0.14221,-4.09918 0.0472,-5.10887 -0.552337,0.0437 -1.110922,0.0659 -1.674938,0.0659 -11.526965,0 -20.823227,-9.29627 -20.823227,-20.82323 0,-11.52696 9.296262,-20.82323 20.823227,-20.82323 l 0,4e-5 c 11.526959,0 20.785775,9.29627 20.785775,20.82323 0,7.91769 -4.368408,14.78291 -10.83969,18.30588 -0.315166,1.3712 -0.711622,4.31209 -0.663721,5.893 z' id='path3016' style='fill:%23d3487f;fill-opacity:1' /%3E%3Cpath d='m 118.12057,340.00218 c -1.34862,10.20474 -10.02005,18.04148 -20.603518,18.04148 -11.52697,0 -20.82323,-9.29627 -20.82323,-20.82323 0,-7.8992 4.36561,-14.75085 10.82304,-18.28114 0.45237,-1.7753 0.72684,-3.69514 0.65576,-5.89574 -9.70007,3.75525 -16.6097,13.17589 -16.6097,24.17688 0,14.29201 11.66212,25.91668 25.95413,25.91668 13.026538,0 23.837178,-9.65722 25.649488,-22.18923 -1.32835,-0.0348 -4.11703,-0.60321 -5.04597,-0.9457 z m 4.98685,-6.89716 c -1.97707,-12.3428 -12.69857,-21.80127 -25.590368,-21.80127 -0.5666,0 -1.12907,0.0183 -1.68684,0.0542 0.31178,1.20255 0.3074,3.96583 -0.0166,5.10739 l 0,6e-5 c 0.5617,-0.0452 1.1298,-0.0682 1.70343,-0.0682 9.546428,0 17.537168,6.37619 20.001238,15.11504 1.68318,0.64085 3.49015,1.20604 5.58913,1.59278 z' id='path3790' style='fill:%23d3487f;fill-opacity:1' /%3E%3Cpath d='m 157.72746,317.82769 c 1.60373,10.29047 9.36704,19.0414 20.1411,21.36875 13.96979,3.01767 27.78686,-5.89044 30.80453,-19.86023 3.01768,-13.9698 -5.88253,-27.82347 -19.85233,-30.84115 -13.96979,-3.01767 -27.79477,5.92705 -30.81244,19.89685 -0.11542,0.53432 -0.2134,1.06841 -0.29433,1.6017 1.57057,0.12151 4.03679,0.72651 4.98373,1.12484 0.0739,-0.54911 0.17015,-1.09979 0.28924,-1.65109 2.43385,-11.26709 13.48338,-18.39092 24.75047,-15.95707 11.26708,2.43385 18.39092,13.48338 15.95706,24.75047 l -3e-5,-1e-5 c -2.43385,11.26709 -13.47548,18.35431 -24.74257,15.92046 -7.73918,-1.67178 -13.52726,-7.39124 -15.60443,-14.46049 -1.27374,-0.59757 -4.06462,-1.60605 -5.62,-1.89303 z' id='path3842' style='fill:%23d3487f;fill-opacity:1' /%3E%3Cpath d='m 105.40431,311.064 c 1.34862,-10.20474 10.02005,-18.04148 20.60351,-18.04148 11.52697,0 20.82323,9.29627 20.82323,20.82323 0,7.8992 -4.36561,14.75085 -10.82304,18.28114 -0.45237,1.7753 -0.72684,3.69514 -0.65576,5.89574 9.70007,-3.75525 16.6097,-13.17589 16.6097,-24.17688 0,-14.29201 -11.66212,-25.91668 -25.95413,-25.91668 -13.02653,0 -23.83717,9.65722 -25.64948,22.18923 1.32835,0.0348 4.11703,0.60321 5.04597,0.9457 z m -4.98685,6.89716 c 1.97707,12.3428 12.69857,21.80127 25.59036,21.80127 0.5666,0 1.12907,-0.0183 1.68684,-0.0542 -0.31178,-1.20255 -0.3074,-3.96583 0.0166,-5.10739 l 0,-6e-5 c -0.5617,0.0452 -1.1298,0.0682 -1.70343,0.0682 -9.54642,0 -17.53716,-6.37619 -20.00123,-15.11504 -1.68318,-0.64085 -3.49015,-1.20604 -5.58913,-1.59278 z' id='path3850' style='fill:%23d3487f;fill-opacity:1' /%3E%3Cpath d='m 175.43867,340.00219 c -1.34862,10.20474 -10.02005,18.04148 -20.60351,18.04148 -11.52697,0 -20.82323,-9.29627 -20.82323,-20.82323 0,-7.8992 4.36561,-14.75085 10.82304,-18.28114 0.45237,-1.7753 0.72684,-3.69514 0.65576,-5.89574 -9.70007,3.75525 -16.6097,13.17589 -16.6097,24.17688 0,14.29201 11.66212,25.91668 25.95413,25.91668 13.02653,0 23.83717,-9.65722 25.64948,-22.18923 -1.32835,-0.0348 -4.11703,-0.60321 -5.04597,-0.9457 z m 4.98685,-6.89716 c -1.97707,-12.3428 -12.69857,-21.80127 -25.59036,-21.80127 -0.5666,0 -1.12907,0.0183 -1.68684,0.0542 0.31178,1.20255 0.3074,3.96583 -0.0166,5.10739 l 0,6e-5 c 0.5617,-0.0452 1.1298,-0.0682 1.70343,-0.0682 9.54642,0 17.53716,6.37619 20.00123,15.11504 1.68318,0.64085 3.49015,1.20604 5.58913,1.59278 z' id='path3852' style='fill:%23d3487f;fill-opacity:1' /%3E%3C/g%3E%3C/svg%3E%0A");
    --icon-laptop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,72V176H40V72A16,16,0,0,1,56,56H200A16,16,0,0,1,216,72Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M232,168h-8V72a24,24,0,0,0-24-24H56A24,24,0,0,0,32,72v96H24a8,8,0,0,0-8,8v16a24,24,0,0,0,24,24H216a24,24,0,0,0,24-24V176A8,8,0,0,0,232,168ZM48,72a8,8,0,0,1,8-8H200a8,8,0,0,1,8,8v96H48ZM224,192a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8v-8H224ZM152,88a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h32A8,8,0,0,1,152,88Z'%3E%3C/path%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
    :root {
        /* Mastodon logo */
        --logo: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' class='mastodon-logo' viewBox='0 0 216.414 232.01'%3E%3Cdefs xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient xmlns='http://www.w3.org/2000/svg' id='a' x2='0%25' y2='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%23d05c8a'/%3E%3Cstop offset='100%25' stop-color='%23d05c8a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E");

        /* Post+Notifications icons */
        --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M236,200a12,12,0,0,1-24,0,84.09,84.09,0,0,0-84-84H61l27.52,27.51a12,12,0,0,1-17,17l-48-48a12,12,0,0,1,0-17l48-48a12,12,0,0,1,17,17L61,92h67A108.12,108.12,0,0,1,236,200Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M80,56v96L32,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,96H88V56a8,8,0,0,0-13.66-5.66l-48,48a8,8,0,0,0,0,11.32l48,48A8,8,0,0,0,88,152V112h40a88.1,88.1,0,0,1,88,88,8,8,0,0,0,16,0A104.11,104.11,0,0,0,128,96ZM72,132.69,43.31,104,72,75.31Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-reply-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M232,200a8,8,0,0,1-16,0,88.1,88.1,0,0,0-88-88H88v40a8,8,0,0,1-13.66,5.66l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,88,56V96h40A104.11,104.11,0,0,1,232,200Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-reply-all: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M128,56v96L80,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M85.66,146.34a8,8,0,0,1-11.32,11.32l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,85.66,61.66L43.31,104ZM232,200a8,8,0,0,1-16,0,88.11,88.11,0,0,0-80-87.63V152a8,8,0,0,1-13.66,5.66l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,136,56V96.3A104.15,104.15,0,0,1,232,200ZM120,75.31,91.31,104,120,132.69Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-boost: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M227.85,46.89a20,20,0,0,0-18.74-18.74c-13.13-.77-46.65.42-74.48,28.24L131,60H74.36a19.83,19.83,0,0,0-14.14,5.86L25.87,100.19a20,20,0,0,0,11.35,33.95l37.14,5.18,42.32,42.32,5.19,37.18A19.88,19.88,0,0,0,135.34,235a20.13,20.13,0,0,0,6.37,1,19.9,19.9,0,0,0,14.1-5.87l34.34-34.35A19.85,19.85,0,0,0,196,181.64V125l3.6-3.59C227.43,93.54,228.62,60,227.85,46.89ZM76,84h31L75.75,115.28l-27.23-3.8ZM151.6,73.37A72.27,72.27,0,0,1,204,52a72.17,72.17,0,0,1-21.38,52.41L128,159,97,128ZM172,180l-27.49,27.49-3.8-27.23L172,149Zm-72,22c-8.71,11.85-26.19,26-60,26a12,12,0,0,1-12-12c0-33.84,14.12-51.32,26-60A12,12,0,1,1,68.18,175.3C62.3,179.63,55.51,187.8,53,203c15.21-2.51,23.37-9.3,27.7-15.18A12,12,0,1,1,100,202Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-boost-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M184,120v61.65a8,8,0,0,1-2.34,5.65l-34.35,34.35a8,8,0,0,1-13.57-4.53L128,176ZM136,72H74.35a8,8,0,0,0-5.65,2.34L34.35,108.69a8,8,0,0,0,4.53,13.57L80,128ZM40,216c37.65,0,50.69-19.69,54.56-28.18L68.18,161.44C59.69,165.31,40,178.35,40,216Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M223.85,47.12a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.41,27.07L132.69,64H74.36A15.91,15.91,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A15.91,15.91,0,0,0,192,181.64V123.31l4.77-4.77C223.45,91.86,224.6,59.71,223.85,47.12ZM74.36,80h42.33L77.16,119.52,40,114.34Zm74.41-9.45a76.65,76.65,0,0,1,59.11-22.47,76.46,76.46,0,0,1-22.42,59.16L128,164.68,91.32,128ZM176,181.64,141.67,216l-5.19-37.17L176,139.31Zm-74.16,9.5C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-boost-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M101.85,191.14C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Zm122-144a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.4,27.07h0L88,108.7A8,8,0,0,1,76.67,97.39l26.56-26.57A4,4,0,0,0,100.41,64H74.35A15.9,15.9,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A16,16,0,0,0,192,181.65V155.59a4,4,0,0,0-6.83-2.82l-26.57,26.56a8,8,0,0,1-11.71-.42,8.2,8.2,0,0,1,.6-11.1l49.27-49.27h0C223.45,91.86,224.6,59.71,223.85,47.12Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M120,128a16,16,0,1,1-16-16A16,16,0,0,1,120,128Zm32-16a16,16,0,1,0,16,16A16,16,0,0,0,152,112Zm84,16A108,108,0,0,1,78.77,224.15L46.34,235A20,20,0,0,1,21,209.66l10.81-32.43A108,108,0,1,1,236,128Zm-24,0A84,84,0,1,0,55.27,170.06a12,12,0,0,1,1,9.81l-9.93,29.79,29.79-9.93a12.1,12.1,0,0,1,3.8-.62,12,12,0,0,1,6,1.62A84,84,0,0,0,212,128Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-quote-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,128A96,96,0,0,1,79.93,211.11h0L42.54,223.58a8,8,0,0,1-10.12-10.12l12.47-37.39h0A96,96,0,1,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,0,0,36.18,176.88L24.83,210.93a16,16,0,0,0,20.24,20.24l34.05-11.35A104,104,0,1,0,128,24Zm0,192a87.87,87.87,0,0,1-44.06-11.81,8,8,0,0,0-4-1.08,7.85,7.85,0,0,0-2.53.42L40,216,52.47,178.6a8,8,0,0,0-.66-6.54A88,88,0,1,1,128,216Zm12-88a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm-44,0a12,12,0,1,1-12-12A12,12,0,0,1,96,128Zm88,0a12,12,0,1,1-12-12A12,12,0,0,1,184,128Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-quote-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,0,0,36.18,176.88L24.83,210.93a16,16,0,0,0,20.24,20.24l34.05-11.35A104,104,0,1,0,128,24ZM84,140a12,12,0,1,1,12-12A12,12,0,0,1,84,140Zm44,0a12,12,0,1,1,12-12A12,12,0,0,1,128,140Zm44,0a12,12,0,1,1,12-12A12,12,0,0,1,172,140Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M243,96a20.33,20.33,0,0,0-17.74-14l-56.59-4.57L146.83,24.62a20.36,20.36,0,0,0-37.66,0L87.35,77.44,30.76,82A20.45,20.45,0,0,0,19.1,117.88l43.18,37.24-13.2,55.7A20.37,20.37,0,0,0,79.57,233L128,203.19,176.43,233a20.39,20.39,0,0,0,30.49-22.15l-13.2-55.7,43.18-37.24A20.43,20.43,0,0,0,243,96ZM172.53,141.7a12,12,0,0,0-3.84,11.86L181.58,208l-47.29-29.08a12,12,0,0,0-12.58,0L74.42,208l12.89-54.4a12,12,0,0,0-3.84-11.86L41.2,105.24l55.4-4.47a12,12,0,0,0,10.13-7.38L128,41.89l21.27,51.5a12,12,0,0,0,10.13,7.38l55.4,4.47Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-star-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M229.06,108.79l-48.7,42,14.88,62.79a8.4,8.4,0,0,1-12.52,9.17L128,189.09,73.28,222.74a8.4,8.4,0,0,1-12.52-9.17l14.88-62.79-48.7-42A8.46,8.46,0,0,1,31.73,94L95.64,88.8l24.62-59.6a8.36,8.36,0,0,1,15.48,0l24.62,59.6L224.27,94A8.46,8.46,0,0,1,229.06,108.79Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-bookmark-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M192,176v48l-64-40L64,224V176l64-40Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Zm0,16V161.57l-51.77-32.35a8,8,0,0,0-8.48,0L72,161.56V48ZM132.23,177.22a8,8,0,0,0-8.48,0L72,209.57V180.43l56-35,56,35v29.14Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-translate-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,184H144l40-80ZM96,127.56h0A95.78,95.78,0,0,0,128,56H64A95.78,95.78,0,0,0,96,127.56Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M247.15,212.42l-56-112a8,8,0,0,0-14.31,0l-21.71,43.43A88,88,0,0,1,108,126.93,103.65,103.65,0,0,0,135.69,64H160a8,8,0,0,0,0-16H104V32a8,8,0,0,0-16,0V48H32a8,8,0,0,0,0,16h87.63A87.7,87.7,0,0,1,96,116.35a87.74,87.74,0,0,1-19-31,8,8,0,1,0-15.08,5.34A103.63,103.63,0,0,0,84,127a87.55,87.55,0,0,1-52,17,8,8,0,0,0,0,16,103.46,103.46,0,0,0,64-22.08,104.18,104.18,0,0,0,51.44,21.31l-26.6,53.19a8,8,0,0,0,14.31,7.16L148.94,192h70.11l13.79,27.58A8,8,0,0,0,240,224a8,8,0,0,0,7.15-11.58ZM156.94,176,184,121.89,211.05,176Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-ellipsis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M152,128a24,24,0,1,1-24-24A24,24,0,0,1,152,128ZM48,104a24,24,0,1,0,24,24A24,24,0,0,0,48,104Zm160,0a24,24,0,1,0,24,24A24,24,0,0,0,208,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,96a32,32,0,1,0,32,32A32,32,0,0,0,128,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,128,144ZM48,96a32,32,0,1,0,32,32A32,32,0,0,0,48,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,48,144ZM208,96a32,32,0,1,0,32,32A32,32,0,0,0,208,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,208,144Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-ellipsis-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M152,128a24,24,0,1,1-24-24A24,24,0,0,1,152,128ZM48,104a24,24,0,1,0,24,24A24,24,0,0,0,48,104Zm160,0a24,24,0,1,0,24,24A24,24,0,0,0,208,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,96a32,32,0,1,0,32,32A32,32,0,0,0,128,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,128,144ZM48,96a32,32,0,1,0,32,32A32,32,0,0,0,48,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,48,144ZM208,96a32,32,0,1,0,32,32A32,32,0,0,0,208,96Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,208,144Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,92H188V56a12,12,0,0,0-12-12H60V40a12,12,0,0,0-24,0V216a12,12,0,0,0,24,0v-4h84a12,12,0,0,0,12-12V164h68a12,12,0,0,0,12-12V104A12,12,0,0,0,224,92ZM164,68V92H60V68ZM132,188H60V164h72Zm80-48H60V116H212Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,104v48H48V104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,96H184V56a8,8,0,0,0-8-8H56V40a8,8,0,0,0-16,0V216a8,8,0,0,0,16,0v-8h88a8,8,0,0,0,8-8V160h72a8,8,0,0,0,8-8V104A8,8,0,0,0,224,96ZM168,64V96H56V64ZM136,192H56V160h80Zm80-48H56V112H216Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-post: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128A96,96,0,0,1,79.93,211.11h0L42.54,223.58a8,8,0,0,1-10.12-10.12l12.47-37.39h0A96,96,0,1,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,0,0,36.18,176.88L24.83,210.93a16,16,0,0,0,20.24,20.24l34.05-11.35A104,104,0,1,0,128,24Zm0,192a87.87,87.87,0,0,1-44.06-11.81,8,8,0,0,0-4-1.08,7.85,7.85,0,0,0-2.53.42L40,216,52.47,178.6a8,8,0,0,0-.66-6.54A88,88,0,1,1,128,216Zm12-88a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm-44,0a12,12,0,1,1-12-12A12,12,0,0,1,96,128Zm88,0a12,12,0,1,1-12-12A12,12,0,0,1,184,128Z'%3E%3C/path%3E%3C/svg%3E");;
        --icon-post-notification: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M152.5,164.53a72,72,0,1,0-89,0,124.08,124.08,0,0,0-48.69,35.75,12,12,0,0,0,18.38,15.44C46.88,199.42,71,180,108,180s61.12,19.42,74.81,35.72a12,12,0,1,0,18.38-15.44A124,124,0,0,0,152.5,164.53ZM60,108a48,48,0,1,1,48,48A48.05,48.05,0,0,1,60,108Zm192,0a143.09,143.09,0,0,1-11.61,56.73,12,12,0,1,1-22-9.46,120.48,120.48,0,0,0,0-94.54,12,12,0,1,1,22-9.46A143.09,143.09,0,0,1,252,108ZM207,64.76a108.26,108.26,0,0,1,0,86.48,12,12,0,0,1-22-9.62,84.35,84.35,0,0,0,0-67.24,12,12,0,1,1,22-9.62Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-post-notification-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M168,108a60,60,0,1,1-60-60A60,60,0,0,1,168,108Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M144,165.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17a8,8,0,0,0,12.25,10.3C50.25,189.19,77.91,176,108,176s57.75,13.19,77.88,37.15a8,8,0,1,0,12.25-10.3C183.18,185.07,164.6,172.44,144,165.68ZM56,108a52,52,0,1,1,52,52A52.06,52.06,0,0,1,56,108ZM207.36,65.6a108.36,108.36,0,0,1,0,84.8,8,8,0,0,1-7.36,4.86,8,8,0,0,1-7.36-11.15,92.26,92.26,0,0,0,0-72.22,8,8,0,0,1,14.72-6.29ZM248,108a139,139,0,0,1-11.29,55.15,8,8,0,0,1-14.7-6.3,124.43,124.43,0,0,0,0-97.7,8,8,0,1,1,14.7-6.3A139,139,0,0,1,248,108Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M136,108A52,52,0,1,1,84,56,52,52,0,0,1,136,108Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-users-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M136,108A52,52,0,1,1,84,56,52,52,0,0,1,136,108Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-user-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a12,12,0,0,1-12,12h-8v8a12,12,0,0,1-24,0v-8h-8a12,12,0,0,1,0-24h8v-8a12,12,0,0,1,24,0v8h8A12,12,0,0,1,256,136Zm-54.81,56.28a12,12,0,1,1-18.38,15.44C169.12,191.42,145,172,108,172c-28.89,0-55.46,12.68-74.81,35.72a12,12,0,0,1-18.38-15.44A124.08,124.08,0,0,1,63.5,156.53a72,72,0,1,1,89,0A124,124,0,0,1,201.19,192.28ZM108,148a48,48,0,1,0-48-48A48.05,48.05,0,0,0,108,148Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-user-plus-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-user-plus-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-about: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-about-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");

        /* Navigation icons */
        --icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M216,120v96H152V152H104v64H40V120a8,8,0,0,1,2.34-5.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,216,120Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-home-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,120v96a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V164a4,4,0,0,0-4-4H108a4,4,0,0,0-4,4v52a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V120a16,16,0,0,1,4.69-11.31l80-80a16,16,0,0,1,22.62,0l80,80A16,16,0,0,1,224,120Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-home-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,120v96H152V152H104v64H40V120a8,8,0,0,1,2.34-5.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,216,120Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-home-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,120v96a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V164a4,4,0,0,0-4-4H108a4,4,0,0,0-4,4v52a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V120a16,16,0,0,1,4.69-11.31l80-80a16,16,0,0,1,22.62,0l80,80A16,16,0,0,1,224,120Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-bell-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-bell-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-bell-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-explore: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M104,168a40,40,0,1,1-40-40A40,40,0,0,1,104,168Zm88-40a40,40,0,1,0,40,40A40,40,0,0,0,192,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M237.2,151.87v0a47.1,47.1,0,0,0-2.35-5.45L193.26,51.8a7.82,7.82,0,0,0-1.66-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,7.82,7.82,0,0,0-1.66,2.44L21.15,146.4a47.1,47.1,0,0,0-2.35,5.45v0A48,48,0,1,0,112,168V96h32v72a48,48,0,1,0,93.2-16.13ZM76.71,59.75a16,16,0,0,1,19.29-1v73.51a47.9,47.9,0,0,0-46.79-9.92ZM64,200a32,32,0,1,1,32-32A32,32,0,0,1,64,200ZM160,58.74a16,16,0,0,1,19.29,1l27.5,62.58A47.9,47.9,0,0,0,160,132.25ZM192,200a32,32,0,1,1,32-32A32,32,0,0,1,192,200Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-explore-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M237.22,151.9l0-.1a1.42,1.42,0,0,0-.07-.22,48.46,48.46,0,0,0-2.31-5.3L193.27,51.8a8,8,0,0,0-1.67-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,8,8,0,0,0-1.67,2.44L21.2,146.28a48.46,48.46,0,0,0-2.31,5.3,1.72,1.72,0,0,0-.07.21s0,.08,0,.11a48,48,0,0,0,90.32,32.51,47.49,47.49,0,0,0,2.9-16.59V96h32v71.83a47.49,47.49,0,0,0,2.9,16.59,48,48,0,0,0,90.32-32.51Zm-143.15,27a32,32,0,0,1-60.2-21.71l1.81-4.13A32,32,0,0,1,96,167.88V168h0A32,32,0,0,1,94.07,178.94ZM203,198.07A32,32,0,0,1,160,168h0v-.11a32,32,0,0,1,60.32-14.78l1.81,4.13A32,32,0,0,1,203,198.07Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-explore-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M104,168a40,40,0,1,1-40-40A40,40,0,0,1,104,168Zm88-40a40,40,0,1,0,40,40A40,40,0,0,0,192,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M237.2,151.87v0a47.1,47.1,0,0,0-2.35-5.45L193.26,51.8a7.82,7.82,0,0,0-1.66-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,7.82,7.82,0,0,0-1.66,2.44L21.15,146.4a47.1,47.1,0,0,0-2.35,5.45v0A48,48,0,1,0,112,168V96h32v72a48,48,0,1,0,93.2-16.13ZM76.71,59.75a16,16,0,0,1,19.29-1v73.51a47.9,47.9,0,0,0-46.79-9.92ZM64,200a32,32,0,1,1,32-32A32,32,0,0,1,64,200ZM160,58.74a16,16,0,0,1,19.29,1l27.5,62.58A47.9,47.9,0,0,0,160,132.25ZM192,200a32,32,0,1,1,32-32A32,32,0,0,1,192,200Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-explore-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M237.22,151.9l0-.1a1.42,1.42,0,0,0-.07-.22,48.46,48.46,0,0,0-2.31-5.3L193.27,51.8a8,8,0,0,0-1.67-2.44,32,32,0,0,0-45.26,0A8,8,0,0,0,144,55V80H112V55a8,8,0,0,0-2.34-5.66,32,32,0,0,0-45.26,0,8,8,0,0,0-1.67,2.44L21.2,146.28a48.46,48.46,0,0,0-2.31,5.3,1.72,1.72,0,0,0-.07.21s0,.08,0,.11a48,48,0,0,0,90.32,32.51,47.49,47.49,0,0,0,2.9-16.59V96h32v71.83a47.49,47.49,0,0,0,2.9,16.59,48,48,0,0,0,90.32-32.51Zm-143.15,27a32,32,0,0,1-60.2-21.71l1.81-4.13A32,32,0,0,1,96,167.88V168h0A32,32,0,0,1,94.07,178.94ZM203,198.07A32,32,0,0,1,160,168h0v-.11a32,32,0,0,1,60.32-14.78l1.81,4.13A32,32,0,0,1,203,198.07Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M245.11,60.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93,95.93,0,0,0,32,128a98,98,0,0,0,.78,12.31C5.09,169,5.49,186,10.9,195.32,16,204.16,26.64,208,40.64,208a124.11,124.11,0,0,0,28.79-4A95.93,95.93,0,0,0,224,128a97.08,97.08,0,0,0-.77-12.25c12.5-13,20.82-25.35,23.65-35.92C248.83,72.51,248.24,66.07,245.11,60.68ZM128,48a80.11,80.11,0,0,1,78,62.2c-17.06,16.06-40.15,32.53-62.07,45.13C116.38,171.14,92.48,181,73.42,186.4A79.94,79.94,0,0,1,128,48ZM24.74,187.29c-1.46-2.51-.65-7.24,2.22-13a79.05,79.05,0,0,1,10.29-15.05,96,96,0,0,0,18,31.32C38,193.46,27.24,191.61,24.74,187.29ZM128,208a79.45,79.45,0,0,1-38.56-9.94,370,370,0,0,0,62.43-28.86c21.58-12.39,40.68-25.82,56.07-39.08A80.07,80.07,0,0,1,128,208ZM231.42,75.69c-1.7,6.31-6.19,13.53-12.63,21.13a95.69,95.69,0,0,0-18-31.35c14.21-2.35,27.37-2.17,30.5,3.24C232.19,70.28,232.24,72.63,231.42,75.69Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-globe-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M245.11,60.68c-7.65-13.19-27.85-16.16-58.5-8.66A96,96,0,0,0,32.81,140.3C5.09,169,5.49,186,10.9,195.32,16,204.16,26.64,208,40.64,208a124.11,124.11,0,0,0,28.79-4,96,96,0,0,0,153.78-88.25c12.51-13,20.83-25.35,23.66-35.92C248.83,72.51,248.24,66.07,245.11,60.68Zm-13.69,15c-6.11,22.78-48.65,57.31-87.52,79.64-67.81,39-113.62,41.52-119.16,32-1.46-2.51-.65-7.24,2.22-13a80.06,80.06,0,0,1,10.28-15.05,95.53,95.53,0,0,0,6.23,14.18,4,4,0,0,0,4,2.12,122.14,122.14,0,0,0,16.95-3.32c21.23-5.55,46.63-16.48,71.52-30.78s47-30.66,62.45-46.15A122.74,122.74,0,0,0,209.7,82.45a4,4,0,0,0,.17-4.52,96.26,96.26,0,0,0-9.1-12.46c14.21-2.35,27.37-2.17,30.5,3.24C232.19,70.28,232.24,72.63,231.42,75.69Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-globe-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M245.11,60.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93,95.93,0,0,0,32,128a98,98,0,0,0,.78,12.31C5.09,169,5.49,186,10.9,195.32,16,204.16,26.64,208,40.64,208a124.11,124.11,0,0,0,28.79-4A95.93,95.93,0,0,0,224,128a97.08,97.08,0,0,0-.77-12.25c12.5-13,20.82-25.35,23.65-35.92C248.83,72.51,248.24,66.07,245.11,60.68ZM128,48a80.11,80.11,0,0,1,78,62.2c-17.06,16.06-40.15,32.53-62.07,45.13C116.38,171.14,92.48,181,73.42,186.4A79.94,79.94,0,0,1,128,48ZM24.74,187.29c-1.46-2.51-.65-7.24,2.22-13a79.05,79.05,0,0,1,10.29-15.05,96,96,0,0,0,18,31.32C38,193.46,27.24,191.61,24.74,187.29ZM128,208a79.45,79.45,0,0,1-38.56-9.94,370,370,0,0,0,62.43-28.86c21.58-12.39,40.68-25.82,56.07-39.08A80.07,80.07,0,0,1,128,208ZM231.42,75.69c-1.7,6.31-6.19,13.53-12.63,21.13a95.69,95.69,0,0,0-18-31.35c14.21-2.35,27.37-2.17,30.5,3.24C232.19,70.28,232.24,72.63,231.42,75.69Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-globe-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M245.11,60.68c-7.65-13.19-27.85-16.16-58.5-8.66A96,96,0,0,0,32.81,140.3C5.09,169,5.49,186,10.9,195.32,16,204.16,26.64,208,40.64,208a124.11,124.11,0,0,0,28.79-4,96,96,0,0,0,153.78-88.25c12.51-13,20.83-25.35,23.66-35.92C248.83,72.51,248.24,66.07,245.11,60.68Zm-13.69,15c-6.11,22.78-48.65,57.31-87.52,79.64-67.81,39-113.62,41.52-119.16,32-1.46-2.51-.65-7.24,2.22-13a80.06,80.06,0,0,1,10.28-15.05,95.53,95.53,0,0,0,6.23,14.18,4,4,0,0,0,4,2.12,122.14,122.14,0,0,0,16.95-3.32c21.23-5.55,46.63-16.48,71.52-30.78s47-30.66,62.45-46.15A122.74,122.74,0,0,0,209.7,82.45a4,4,0,0,0,.17-4.52,96.26,96.26,0,0,0-9.1-12.46c14.21-2.35,27.37-2.17,30.5,3.24C232.19,70.28,232.24,72.63,231.42,75.69Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-direct-messages: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24a104,104,0,0,0,0,208c21.51,0,44.1-6.48,60.43-17.33a8,8,0,0,0-8.86-13.33C166,210.38,146.21,216,128,216a88,88,0,1,1,88-88c0,26.45-10.88,32-20,32s-20-5.55-20-32V88a8,8,0,0,0-16,0v4.26a48,48,0,1,0,5.93,65.1c6,12,16.35,18.64,30.07,18.64,22.54,0,36-17.94,36-48A104.11,104.11,0,0,0,128,24Zm0,136a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-direct-messages-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M232,128c0,.51,0,1,0,1.52-.34,14.26-5.63,30.48-28,30.48-23.14,0-28-17.4-28-32V88a8,8,0,0,0-8.53-8A8.17,8.17,0,0,0,160,88.27v4a48,48,0,1,0,6.73,64.05,40.19,40.19,0,0,0,3.38,5C175.48,168,185.71,176,204,176a54.81,54.81,0,0,0,9.22-.75,4,4,0,0,1,4.09,6A104.05,104.05,0,0,1,125.91,232C71.13,230.9,26.2,186.86,24.08,132.11A104,104,0,1,1,232,128ZM96,128a32,32,0,1,0,32-32A32,32,0,0,0,96,128Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-direct-messages-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24a104,104,0,0,0,0,208c21.51,0,44.1-6.48,60.43-17.33a8,8,0,0,0-8.86-13.33C166,210.38,146.21,216,128,216a88,88,0,1,1,88-88c0,26.45-10.88,32-20,32s-20-5.55-20-32V88a8,8,0,0,0-16,0v4.26a48,48,0,1,0,5.93,65.1c6,12,16.35,18.64,30.07,18.64,22.54,0,36-17.94,36-48A104.11,104.11,0,0,0,128,24Zm0,136a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-direct-messages-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M232,128c0,.51,0,1,0,1.52-.34,14.26-5.63,30.48-28,30.48-23.14,0-28-17.4-28-32V88a8,8,0,0,0-8.53-8A8.17,8.17,0,0,0,160,88.27v4a48,48,0,1,0,6.73,64.05,40.19,40.19,0,0,0,3.38,5C175.48,168,185.71,176,204,176a54.81,54.81,0,0,0,9.22-.75,4,4,0,0,1,4.09,6A104.05,104.05,0,0,1,125.91,232C71.13,230.9,26.2,186.86,24.08,132.11A104,104,0,1,1,232,128ZM96,128a32,32,0,1,0,32-32A32,32,0,0,0,96,128Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-bookmark-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M168,72V224l-56-40L56,224V72a8,8,0,0,1,8-8h96A8,8,0,0,1,168,72Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M160,56H64A16,16,0,0,0,48,72V224a8,8,0,0,0,12.65,6.51L112,193.83l51.36,36.68A8,8,0,0,0,176,224V72A16,16,0,0,0,160,56Zm0,152.46-43.36-31a8,8,0,0,0-9.3,0L64,208.45V72h96ZM208,40V192a8,8,0,0,1-16,0V40H88a8,8,0,0,1,0-16H192A16,16,0,0,1,208,40Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-bookmark-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M160,56H64A16,16,0,0,0,48,72V224a8,8,0,0,0,12.65,6.51L112,193.83l51.36,36.68A8,8,0,0,0,176,224V72A16,16,0,0,0,160,56Z'%3E%3C/path%3E%3Cpath d='M192,24H88a8,8,0,0,0,0,16H192V192a8,8,0,0,0,16,0V40A16,16,0,0,0,192,24Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-bookmark-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M168,72V224l-56-40L56,224V72a8,8,0,0,1,8-8h96A8,8,0,0,1,168,72Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M160,56H64A16,16,0,0,0,48,72V224a8,8,0,0,0,12.65,6.51L112,193.83l51.36,36.68A8,8,0,0,0,176,224V72A16,16,0,0,0,160,56Zm0,152.46-43.36-31a8,8,0,0,0-9.3,0L64,208.45V72h96ZM208,40V192a8,8,0,0,1-16,0V40H88a8,8,0,0,1,0-16H192A16,16,0,0,1,208,40Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-bookmark-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M160,56H64A16,16,0,0,0,48,72V224a8,8,0,0,0,12.65,6.51L112,193.83l51.36,36.68A8,8,0,0,0,176,224V72A16,16,0,0,0,160,56Z'%3E%3C/path%3E%3Cpath d='M192,24H88a8,8,0,0,0,0,16H192V192a8,8,0,0,0,16,0V40A16,16,0,0,0,192,24Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-star-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M229.06,108.79l-48.7,42,14.88,62.79a8.4,8.4,0,0,1-12.52,9.17L128,189.09,73.28,222.74a8.4,8.4,0,0,1-12.52-9.17l14.88-62.79-48.7-42A8.46,8.46,0,0,1,31.73,94L95.64,88.8l24.62-59.6a8.36,8.36,0,0,1,15.48,0l24.62,59.6L224.27,94A8.46,8.46,0,0,1,229.06,108.79Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-star-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-star-column-link-accent: var(--icon-star-accent);
        --icon-star-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-search-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-search-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-search-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-user-plus-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-user-plus-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-list-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-109.66a8,8,0,0,1,0,11.32l-40,40a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L128,140.69l34.34-34.35A8,8,0,0,1,173.66,106.34Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-down-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-109.66a8,8,0,0,1,0,11.32l-40,40a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L128,140.69l34.34-34.35A8,8,0,0,1,173.66,106.34Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-down-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,93.66-40,40a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L128,140.69l34.34-34.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-dot-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M176,128a48,48,0,1,1-48-48A48,48,0,0,1,176,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-dot-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48,48,0,0,0,128,80Zm0,60a12,12,0,1,1,12-12A12,12,0,0,1,128,140Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-moderation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M149.66,45.66l-64,64a8,8,0,0,1-11.32,0l-16-16a8,8,0,0,1,0-11.32l64-64a8,8,0,0,1,11.32,0l16,16A8,8,0,0,1,149.66,45.66Zm88,76.68-16-16a8,8,0,0,0-11.32,0l-64,64a8,8,0,0,0,0,11.32l16,16a8,8,0,0,0,11.32,0l64-64A8,8,0,0,0,237.66,122.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M243.32,116.69l-16-16a16,16,0,0,0-20.84-1.53L156.84,49.52a16,16,0,0,0-1.52-20.84l-16-16a16,16,0,0,0-22.63,0l-64,64a16,16,0,0,0,0,22.63l16,16a16,16,0,0,0,20.83,1.52L96.69,124,31.31,189.38A25,25,0,0,0,66.63,224.7L132,159.32l7.17,7.16a16,16,0,0,0,1.52,20.84l16,16a16,16,0,0,0,22.63,0l64-64A16,16,0,0,0,243.32,116.69ZM80,104,64,88l64-64,16,16ZM55.32,213.38a9,9,0,0,1-12.69,0,9,9,0,0,1,0-12.68L108,135.32,120.69,148ZM101,105.66,145.66,61,195,110.34,150.35,155ZM168,192l-16-16,4-4h0l56-56h0l4-4,16,16Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-moderation-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M149.66,45.66l-64,64a8,8,0,0,1-11.32,0l-16-16a8,8,0,0,1,0-11.32l64-64a8,8,0,0,1,11.32,0l16,16A8,8,0,0,1,149.66,45.66Zm88,76.68-16-16a8,8,0,0,0-11.32,0l-64,64a8,8,0,0,0,0,11.32l16,16a8,8,0,0,0,11.32,0l64-64A8,8,0,0,0,237.66,122.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M243.32,116.69l-16-16a16,16,0,0,0-20.84-1.53L156.84,49.52a16,16,0,0,0-1.52-20.84l-16-16a16,16,0,0,0-22.63,0l-64,64a16,16,0,0,0,0,22.63l16,16a16,16,0,0,0,20.83,1.52L96.69,124,31.31,189.38A25,25,0,0,0,66.63,224.7L132,159.32l7.17,7.16a16,16,0,0,0,1.52,20.84l16,16a16,16,0,0,0,22.63,0l64-64A16,16,0,0,0,243.32,116.69ZM80,104,64,88l64-64,16,16ZM55.32,213.38a9,9,0,0,1-12.69,0,9,9,0,0,1,0-12.68L108,135.32,120.69,148ZM101,105.66,145.66,61,195,110.34,150.35,155ZM168,192l-16-16,4-4h0l56-56h0l4-4,16,16Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-administration: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,96a64,64,0,0,1-94.94,56L73,217A24,24,0,0,1,39,183L104,126.94a64,64,0,0,1,80-90.29L144,80l5.66,26.34L176,112l43.35-40A63.8,63.8,0,0,1,224,96Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M226.76,69a8,8,0,0,0-12.84-2.88l-40.3,37.19-17.23-3.7-3.7-17.23,37.19-40.3A8,8,0,0,0,187,29.24,72,72,0,0,0,88,96,72.34,72.34,0,0,0,94,124.94L33.79,177c-.15.12-.29.26-.43.39a32,32,0,0,0,45.26,45.26c.13-.13.27-.28.39-.42L131.06,162A72,72,0,0,0,232,96,71.56,71.56,0,0,0,226.76,69ZM160,152a56.14,56.14,0,0,1-27.07-7,8,8,0,0,0-9.92,1.77L67.11,211.51a16,16,0,0,1-22.62-22.62L109.18,133a8,8,0,0,0,1.77-9.93,56,56,0,0,1,58.36-82.31l-31.2,33.81a8,8,0,0,0-1.94,7.1L141.83,108a8,8,0,0,0,6.14,6.14l26.35,5.66a8,8,0,0,0,7.1-1.94l33.81-31.2A56.06,56.06,0,0,1,160,152Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-administration-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,96a64,64,0,0,1-94.94,56L73,217A24,24,0,0,1,39,183L104,126.94a64,64,0,0,1,80-90.29L144,80l5.66,26.34L176,112l43.35-40A63.8,63.8,0,0,1,224,96Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M226.76,69a8,8,0,0,0-12.84-2.88l-40.3,37.19-17.23-3.7-3.7-17.23,37.19-40.3A8,8,0,0,0,187,29.24,72,72,0,0,0,88,96,72.34,72.34,0,0,0,94,124.94L33.79,177c-.15.12-.29.26-.43.39a32,32,0,0,0,45.26,45.26c.13-.13.27-.28.39-.42L131.06,162A72,72,0,0,0,232,96,71.56,71.56,0,0,0,226.76,69ZM160,152a56.14,56.14,0,0,1-27.07-7,8,8,0,0,0-9.92,1.77L67.11,211.51a16,16,0,0,1-22.62-22.62L109.18,133a8,8,0,0,0,1.77-9.93,56,56,0,0,1,58.36-82.31l-31.2,33.81a8,8,0,0,0-1.94,7.1L141.83,108a8,8,0,0,0,6.14,6.14l26.35,5.66a8,8,0,0,0,7.1-1.94l33.81-31.2A56.06,56.06,0,0,1,160,152Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,56V200a16,16,0,0,1-16,16H48V40H208A16,16,0,0,1,224,56Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-ellipsis-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM48,100a28,28,0,1,0,28,28A28,28,0,0,0,48,100Zm160,0a28,28,0,1,0,28,28A28,28,0,0,0,208,100Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-ellipsis-column-link-active-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM48,100a28,28,0,1,0,28,28A28,28,0,0,0,48,100Zm160,0a28,28,0,1,0,28,28A28,28,0,0,0,208,100Z'%3E%3C/path%3E%3C/svg%3E");

        --icon-hashtag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M237.66,153,153,237.66a8,8,0,0,1-11.31,0L42.34,138.34A8,8,0,0,1,40,132.69V40h92.69a8,8,0,0,1,5.65,2.34l99.32,99.32A8,8,0,0,1,237.66,153Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-hashtag-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M237.66,153,153,237.66a8,8,0,0,1-11.31,0L42.34,138.34A8,8,0,0,1,40,132.69V40h92.69a8,8,0,0,1,5.65,2.34l99.32,99.32A8,8,0,0,1,237.66,153Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-hashtag-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63ZM84,96A12,12,0,1,1,96,84,12,12,0,0,1,84,96Z'%3E%3C/path%3E%3C/svg%3E");

        /* Post visibility icons */
        --icon-globe-visibility: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M248.59,58.67c-6.31-10.87-23-21.06-66.16-9.71A95.94,95.94,0,0,0,32,128q0,3.6.26,7.14C.56,166.86,1.1,186.4,7.44,197.33,13.4,207.61,25.3,212,40.68,212c9.79,0,21-1.78,32.95-4.91A95.94,95.94,0,0,0,224,128c0-2.41-.09-4.79-.27-7.16,14.31-14.38,23.86-28.21,27-40C253.55,70.42,251.12,63,248.59,58.67ZM128,56a72.11,72.11,0,0,1,70.19,56C184,124.73,165,138.59,141.92,151.86c-21.74,12.49-43.55,22.36-63.09,28.65A72,72,0,0,1,128,56ZM28.19,185.29c-.61-1.07-.17-8.22,10.67-21.71A95.77,95.77,0,0,0,52.35,187C35.12,189.61,28.85,186.41,28.19,185.29ZM128,200a71.66,71.66,0,0,1-22.56-3.64,394.1,394.1,0,0,0,48.42-23.69A388.11,388.11,0,0,0,198.43,143,72.12,72.12,0,0,1,128,200ZM227.57,74.65c-1.28,4.78-4.81,10.87-10.39,17.8A95.74,95.74,0,0,0,203.68,69c15.83-2.37,23.17,0,24.15,1.71C228,71,228.21,72.28,227.57,74.65Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-globe-visibility-inv: var(--icon-globe-visibility);
        --icon-globe-visibility-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M248.59,58.67c-6.31-10.87-23-21.06-66.16-9.71A95.94,95.94,0,0,0,32,128q0,3.6.26,7.14C.56,166.86,1.1,186.4,7.44,197.33,13.4,207.61,25.3,212,40.68,212c9.79,0,21-1.78,32.95-4.91A95.94,95.94,0,0,0,224,128c0-2.41-.09-4.79-.27-7.16,14.31-14.38,23.86-28.21,27-40C253.55,70.42,251.12,63,248.59,58.67ZM128,56a72.11,72.11,0,0,1,70.19,56C184,124.73,165,138.59,141.92,151.86c-21.74,12.49-43.55,22.36-63.09,28.65A72,72,0,0,1,128,56ZM28.19,185.29c-.61-1.07-.17-8.22,10.67-21.71A95.77,95.77,0,0,0,52.35,187C35.12,189.61,28.85,186.41,28.19,185.29ZM128,200a71.66,71.66,0,0,1-22.56-3.64,394.1,394.1,0,0,0,48.42-23.69A388.11,388.11,0,0,0,198.43,143,72.12,72.12,0,0,1,128,200ZM227.57,74.65c-1.28,4.78-4.81,10.87-10.39,17.8A95.74,95.74,0,0,0,203.68,69c15.83-2.37,23.17,0,24.15,1.71C228,71,228.21,72.28,227.57,74.65Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-unlock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M236.37,139.4a12,12,0,0,0-12-3A84.07,84.07,0,0,1,119.6,31.59a12,12,0,0,0-15-15A108.86,108.86,0,0,0,49.69,55.07,108,108,0,0,0,136,228a107.09,107.09,0,0,0,64.93-21.69,108.86,108.86,0,0,0,38.44-54.94A12,12,0,0,0,236.37,139.4Zm-49.88,47.74A84,84,0,0,1,68.86,69.51,84.93,84.93,0,0,1,92.27,48.29Q92,52.13,92,56A108.12,108.12,0,0,0,200,164q3.87,0,7.71-.27A84.79,84.79,0,0,1,186.49,187.14Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-unlock-inv: var(--icon-unlock);
        --icon-unlock-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M236.37,139.4a12,12,0,0,0-12-3A84.07,84.07,0,0,1,119.6,31.59a12,12,0,0,0-15-15A108.86,108.86,0,0,0,49.69,55.07,108,108,0,0,0,136,228a107.09,107.09,0,0,0,64.93-21.69,108.86,108.86,0,0,0,38.44-54.94A12,12,0,0,0,236.37,139.4Zm-49.88,47.74A84,84,0,0,1,68.86,69.51,84.93,84.93,0,0,1,92.27,48.29Q92,52.13,92,56A108.12,108.12,0,0,0,200,164q3.87,0,7.71-.27A84.79,84.79,0,0,1,186.49,187.14Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M208,76H180V56A52,52,0,0,0,76,56V76H48A20,20,0,0,0,28,96V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V96A20,20,0,0,0,208,76ZM100,56a28,28,0,0,1,56,0V76H100ZM204,204H52V100H204Zm-76-92a32,32,0,0,0-12,61.66V180a12,12,0,0,0,24,0v-6.34A32,32,0,0,0,128,112Zm0,24a8,8,0,1,1-8,8A8,8,0,0,1,128,136Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-lock-inv: var(--icon-lock);
        --icon-lock-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M208,76H180V56A52,52,0,0,0,76,56V76H48A20,20,0,0,0,28,96V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V96A20,20,0,0,0,208,76ZM100,56a28,28,0,0,1,56,0V76H100ZM204,204H52V100H204Zm-76-92a32,32,0,0,0-12,61.66V180a12,12,0,0,0,24,0v-6.34A32,32,0,0,0,128,112Zm0,24a8,8,0,1,1-8,8A8,8,0,0,1,128,136Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-at: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M128,20a108,108,0,0,0,0,216c22.27,0,45.69-6.73,62.64-18a12,12,0,1,0-13.29-20c-13,8.63-31.89,14-49.35,14a84,84,0,1,1,84-84c0,9.29-1.67,17.08-4.69,21.95-2.64,4.24-6,6.05-11.31,6.05s-8.67-1.81-11.31-6.05c-3-4.87-4.69-12.66-4.69-21.95V88a12,12,0,0,0-23.49-3.46,52,52,0,1,0,8.86,79.57C172.3,174.3,182.81,180,196,180c24.67,0,40-19.92,40-52A108.12,108.12,0,0,0,128,20Zm0,136a28,28,0,1,1,28-28A28,28,0,0,1,128,156Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-at-inv: var(--icon-at);
        --icon-at-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M128,20a108,108,0,0,0,0,216c22.27,0,45.69-6.73,62.64-18a12,12,0,1,0-13.29-20c-13,8.63-31.89,14-49.35,14a84,84,0,1,1,84-84c0,9.29-1.67,17.08-4.69,21.95-2.64,4.24-6,6.05-11.31,6.05s-8.67-1.81-11.31-6.05c-3-4.87-4.69-12.66-4.69-21.95V88a12,12,0,0,0-23.49-3.46,52,52,0,1,0,8.86,79.57C172.3,174.3,182.81,180,196,180c24.67,0,40-19.92,40-52A108.12,108.12,0,0,0,128,20Zm0,136a28,28,0,1,1,28-28A28,28,0,0,1,128,156Z'%3E%3C/path%3E%3C/svg%3E");

        /* Other icons */
        --icon-bell-still: var(--icon-bell);
        --icon-bell-ringing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,71.1a8,8,0,0,1-10.78-3.42,94.13,94.13,0,0,0-33.46-36.91,8,8,0,1,1,8.54-13.54,111.46,111.46,0,0,1,39.12,43.09A8,8,0,0,1,224,71.1ZM35.71,72a8,8,0,0,0,7.1-4.32A94.13,94.13,0,0,1,76.27,30.77a8,8,0,1,0-8.54-13.54A111.46,111.46,0,0,0,28.61,60.32,8,8,0,0,0,35.71,72Zm186.1,103.94A16,16,0,0,1,208,200H167.2a40,40,0,0,1-78.4,0H48a16,16,0,0,1-13.79-24.06C43.22,160.39,48,138.28,48,112a80,80,0,0,1,160,0C208,138.27,212.78,160.38,221.81,175.94ZM150.62,200H105.38a24,24,0,0,0,45.24,0Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-erase: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M160,168l-48,48H66.75L36.69,185.94a16,16,0,0,1,0-22.63L96,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M225,80.4,183.6,39a24,24,0,0,0-33.94,0L31,157.66a24,24,0,0,0,0,33.94l30.06,30.06A8,8,0,0,0,66.74,224H216a8,8,0,0,0,0-16h-84.7L225,114.34A24,24,0,0,0,225,80.4ZM108.68,208H70.05L42.33,180.28a8,8,0,0,1,0-11.31L96,115.31,148.69,168Zm105-105L160,156.69,107.31,104,161,50.34a8,8,0,0,1,11.32,0l41.38,41.38a8,8,0,0,1,0,11.31Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-erase-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M225,80.4,183.6,39a24,24,0,0,0-33.94,0L31,157.66a24,24,0,0,0,0,33.94l30.06,30.06A8,8,0,0,0,66.74,224H216a8,8,0,0,0,0-16h-84.7L225,114.34A24,24,0,0,0,225,80.4ZM213.67,103,160,156.69,107.31,104,161,50.34a8,8,0,0,1,11.32,0l41.38,41.38a8,8,0,0,1,0,11.31Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-megaphone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M144,69.09V170.91L50.24,199.67A8,8,0,0,1,40,192V48a8,8,0,0,1,10.24-7.67Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M228.54,86.66l-176.06-54A16,16,0,0,0,32,48V192a16,16,0,0,0,16,16,16,16,0,0,0,4.52-.65L136,181.73V192a16,16,0,0,0,16,16h32a16,16,0,0,0,16-16v-29.9l28.54-8.75A16.09,16.09,0,0,0,240,138V102A16.09,16.09,0,0,0,228.54,86.66ZM136,165,48,192V48l88,27Zm48,27H152V176.82L184,167Zm40-54-.11,0L152,160.08V79.92l71.89,22,.11,0v36Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M128,80a24,24,0,1,1-24-24A24,24,0,0,1,128,80Zm40,72a24,24,0,1,0,24,24A24,24,0,0,0,168,152Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M40,88H73a32,32,0,0,0,62,0h81a8,8,0,0,0,0-16H135a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16Zm64-24A16,16,0,1,1,88,80,16,16,0,0,1,104,64ZM216,168H199a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16h97a32,32,0,0,0,62,0h17a8,8,0,0,0,0-16Zm-48,24a16,16,0,1,1,16-16A16,16,0,0,1,168,192Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-paperclip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,56V178.06l-39.72-39.72a8,8,0,0,0-11.31,0L147.31,164,97.66,114.34a8,8,0,0,0-11.32,0L32,168.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-paperclip-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,56V178.06l-39.72-39.72a8,8,0,0,0-11.31,0L147.31,164,97.66,114.34a8,8,0,0,0-11.32,0L32,168.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-verified: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-52.2,6.84-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-gear-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M237.94,107.21a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,98.34,172.39,155.8c11.46,22.93-1.72,45.86-10.11,57a8,8,0,0,1-12,.83L42.34,105.76A8,8,0,0,1,43,93.85c29.65-23.92,57.4-10,57.4-10l57.27-57.46a8,8,0,0,1,11.31,0L229.66,87A8,8,0,0,1,229.66,98.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M235.32,81.37,174.63,20.69a16,16,0,0,0-22.63,0L98.37,74.49c-10.66-3.34-35-7.37-60.4,13.14a16,16,0,0,0-1.29,23.78L85,159.71,42.34,202.34a8,8,0,0,0,11.32,11.32L96.29,171l48.29,48.29A16,16,0,0,0,155.9,224c.38,0,.75,0,1.13,0a15.93,15.93,0,0,0,11.64-6.33c19.64-26.1,17.75-47.32,13.19-60L235.33,104A16,16,0,0,0,235.32,81.37ZM224,92.69h0l-57.27,57.46a8,8,0,0,0-1.49,9.22c9.46,18.93-1.8,38.59-9.34,48.62L48,100.08c12.08-9.74,23.64-12.31,32.48-12.31A40.13,40.13,0,0,1,96.81,91a8,8,0,0,0,9.25-1.51L163.32,32,224,92.68Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-emoji: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM80,108a12,12,0,1,1,12,12A12,12,0,0,1,80,108Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,176,108Zm-1.08,48c-10.29,17.79-27.39,28-46.92,28s-36.63-10.2-46.92-28a8,8,0,1,1,13.84-8c7.47,12.91,19.21,20,33.08,20s25.61-7.1,33.08-20a8,8,0,1,1,13.84,8Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-emoji-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM80,108a12,12,0,1,1,12,12A12,12,0,0,1,80,108Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,176,108Zm-1.08,48c-10.29,17.79-27.39,28-46.92,28s-36.63-10.2-46.92-28a8,8,0,1,1,13.84-8c7.47,12.91,19.21,20,33.08,20s25.61-7.1,33.08-20a8,8,0,1,1,13.84,8Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M218.34,119.6,183.6,154.34a46.58,46.58,0,0,1-44.31,12.26c-.31.34-.62.67-.95,1L103.6,202.34A46.63,46.63,0,1,1,37.66,136.4L72.4,101.66A46.6,46.6,0,0,1,116.71,89.4c.31-.34.62-.67,1-1L152.4,53.66a46.63,46.63,0,0,1,65.94,65.94Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M240,88.23a54.43,54.43,0,0,1-16,37L189.25,160a54.27,54.27,0,0,1-38.63,16h-.05A54.63,54.63,0,0,1,96,119.84a8,8,0,0,1,16,.45A38.62,38.62,0,0,0,150.58,160h0a38.39,38.39,0,0,0,27.31-11.31l34.75-34.75a38.63,38.63,0,0,0-54.63-54.63l-11,11A8,8,0,0,1,135.7,59l11-11A54.65,54.65,0,0,1,224,48,54.86,54.86,0,0,1,240,88.23ZM109,185.66l-11,11A38.41,38.41,0,0,1,70.6,208h0a38.63,38.63,0,0,1-27.29-65.94L78,107.31A38.63,38.63,0,0,1,144,135.71a8,8,0,0,0,7.78,8.22H152a8,8,0,0,0,8-7.78A54.86,54.86,0,0,0,144,96a54.65,54.65,0,0,0-77.27,0L32,130.75A54.62,54.62,0,0,0,70.56,224h0a54.28,54.28,0,0,0,38.64-16l11-11A8,8,0,0,0,109,185.66Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M208,104V216H48V104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M216,112v96a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V112A16,16,0,0,1,56,96H80a8,8,0,0,1,0,16H56v96H200V112H176a8,8,0,0,1,0-16h24A16,16,0,0,1,216,112ZM93.66,69.66,120,43.31V136a8,8,0,0,0,16,0V43.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,69.66Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M227.91,134.86,59.93,231a8,8,0,0,1-11.44-9.67L80,128,48.49,34.72a8,8,0,0,1,11.44-9.67l168,95.85A8,8,0,0,1,227.91,134.86Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M231.87,114l-168-95.89A16,16,0,0,0,40.92,37.34L71.55,128,40.92,218.67A16,16,0,0,0,56,240a16.15,16.15,0,0,0,7.93-2.1l167.92-96.05a16,16,0,0,0,.05-27.89ZM56,224a.56.56,0,0,0,0-.12L85.74,136H144a8,8,0,0,0,0-16H85.74L56.06,32.16A.46.46,0,0,0,56,32l168,95.83Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,40V168H168V88H88V40Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-eye-shut: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,104c-16.81,20.81-47.63,48-96,48s-79.19-27.19-96-48c16.81-20.81,47.63-48,96-48S207.19,83.19,224,104Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M228,175a8,8,0,0,1-10.92-3l-19-33.2A123.23,123.23,0,0,1,162,155.46l5.87,35.22a8,8,0,0,1-6.58,9.21A8.4,8.4,0,0,1,160,200a8,8,0,0,1-7.88-6.69l-5.77-34.58a133.06,133.06,0,0,1-36.68,0l-5.77,34.58A8,8,0,0,1,96,200a8.4,8.4,0,0,1-1.32-.11,8,8,0,0,1-6.58-9.21L94,155.46a123.23,123.23,0,0,1-36.06-16.69L39,172A8,8,0,1,1,25.06,164l20-35a153.47,153.47,0,0,1-19.3-20A8,8,0,1,1,38.22,99c16.6,20.54,45.64,45,89.78,45s73.18-24.49,89.78-45A8,8,0,1,1,230.22,109a153.47,153.47,0,0,1-19.3,20l20,35A8,8,0,0,1,228,175Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-eye-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-edited: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M230.15,70.54,185.46,25.86a20,20,0,0,0-28.28,0L33.86,149.17A19.86,19.86,0,0,0,28,163.31V208a20,20,0,0,0,20,20H216a12,12,0,0,0,0-24H125L230.15,98.83A20,20,0,0,0,230.15,70.54ZM91,204H52V165l84-84,39,39ZM192,103,153,64l18.34-18.34,39,39Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-edited-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,90.34,192,120,136,64l29.66-29.66a8,8,0,0,1,11.31,0L221.66,79A8,8,0,0,1,221.66,90.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M227.32,73.37,182.63,28.69a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H216a8,8,0,0,0,0-16H115.32l112-112A16,16,0,0,0,227.32,73.37ZM48,163.31l88-88L180.69,120l-88,88H48Zm144-54.62L147.32,64l24-24L216,84.69Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-timer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M128,44a96,96,0,1,0,96,96A96.11,96.11,0,0,0,128,44Zm0,168a72,72,0,1,1,72-72A72.08,72.08,0,0,1,128,212ZM164.49,99.51a12,12,0,0,1,0,17l-28,28a12,12,0,0,1-17-17l28-28A12,12,0,0,1,164.49,99.51ZM92,16A12,12,0,0,1,104,4h48a12,12,0,0,1,0,24H104A12,12,0,0,1,92,16Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-check-radio: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M176.49,95.51a12,12,0,0,1,0,17l-56,56a12,12,0,0,1-17,0l-24-24a12,12,0,1,1,17-17L112,143l47.51-47.52A12,12,0,0,1,176.49,95.51ZM236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Z'%3E%3C/path%3E%3C/svg%3E");;
        --icon-check-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M79.51,144.49a12,12,0,1,1,17-17L112,143l47.51-47.52a12,12,0,0,1,17,17l-56,56a12,12,0,0,1-17,0ZM228,48V208a20,20,0,0,1-20,20H48a20,20,0,0,1-20-20V48A20,20,0,0,1,48,28H208A20,20,0,0,1,228,48Zm-24,4H52V204H204Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-broom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M192.8,165.12,43.93,105.57A110.88,110.88,0,0,1,61.47,82.38a8,8,0,0,1,8.67-1.81L95.52,90.85a16,16,0,0,0,20.82-9l21-53.1c4.15-10,15.47-15.33,25.63-11.53a20,20,0,0,1,11.51,26.39L153.13,96.71a16,16,0,0,0,8.93,20.75L187,127.3a8,8,0,0,1,5,7.43V152A104.58,104.58,0,0,0,192.8,165.12Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M235.5,216.81c-22.56-11-35.5-34.58-35.5-64.8V134.73a15.94,15.94,0,0,0-10.09-14.87L165,110a8,8,0,0,1-4.48-10.34l21.32-53a28,28,0,0,0-16.1-37,28.14,28.14,0,0,0-35.82,16,.61.61,0,0,0,0,.12L108.9,79a8,8,0,0,1-10.37,4.49L73.11,73.14A15.89,15.89,0,0,0,55.74,76.8C34.68,98.45,24,123.75,24,152a111.45,111.45,0,0,0,31.18,77.53A8,8,0,0,0,61,232H232a8,8,0,0,0,3.5-15.19ZM67.14,88l25.41,10.3a24,24,0,0,0,31.23-13.45l21-53c2.56-6.11,9.47-9.27,15.43-7a12,12,0,0,1,6.88,15.92L145.69,93.76a24,24,0,0,0,13.43,31.14L184,134.73V152c0,.33,0,.66,0,1L55.77,101.71A108.84,108.84,0,0,1,67.14,88Zm48,128a87.53,87.53,0,0,1-24.34-42,8,8,0,0,0-15.49,4,105.16,105.16,0,0,0,18.36,38H64.44A95.54,95.54,0,0,1,40,152a85.9,85.9,0,0,1,7.73-36.29l137.8,55.12c3,18,10.56,33.48,21.89,45.16Z'%3E%3C/path%3E%3C/svg%3E");

        /* Popular hashtag icons */
        --icon-music: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M208,164a28,28,0,1,1-28-28A28,28,0,0,1,208,164ZM52,168a28,28,0,1,0,28,28A28,28,0,0,0,52,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M212.92,17.69a8,8,0,0,0-6.86-1.45l-128,32A8,8,0,0,0,72,56V166.08A36,36,0,1,0,88,196V110.25l112-28v51.83A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.69ZM52,216a20,20,0,1,1,20-20A20,20,0,0,1,52,216ZM88,93.75V62.25l112-28v31.5ZM180,184a20,20,0,1,1,20-20A20,20,0,0,1,180,184Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-microphone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M156.5,151,59,222.45a8,8,0,0,1-10.38-.79l-14.3-14.3A8,8,0,0,1,33.55,197L105,99.5l0,0A64,64,0,0,0,156.48,151Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M168,16A72.07,72.07,0,0,0,96,88a73.29,73.29,0,0,0,.63,9.42L27.12,192.22A15.93,15.93,0,0,0,28.71,213L43,227.29a15.93,15.93,0,0,0,20.78,1.59l94.81-69.53A73.29,73.29,0,0,0,168,160a72,72,0,1,0,0-144Zm56,72a55.72,55.72,0,0,1-11.16,33.52L134.49,43.16A56,56,0,0,1,224,88ZM54.32,216,40,201.68,102.14,117A72.37,72.37,0,0,0,139,153.86ZM112,88a55.67,55.67,0,0,1,11.16-33.51l78.34,78.34A56,56,0,0,1,112,88Zm-2.35,58.34a8,8,0,0,1,0,11.31l-8,8a8,8,0,1,1-11.31-11.31l8-8A8,8,0,0,1,109.67,146.33Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-cake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M104,48c0-24,24-40,24-40s24,16,24,40a24,24,0,0,1-48,0ZM208,96H48a16,16,0,0,0-16,16v23.33c0,17.44,13.67,32.18,31.1,32.66A32,32,0,0,0,96,136a32,32,0,0,0,64,0,32,32,0,0,0,32.9,32c17.43-.48,31.1-15.22,31.1-32.66V112A16,16,0,0,0,208,96Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M232,112a24,24,0,0,0-24-24H136V79a32.06,32.06,0,0,0,24-31c0-28-26.44-45.91-27.56-46.66a8,8,0,0,0-8.88,0C122.44,2.09,96,20,96,48a32.06,32.06,0,0,0,24,31v9H48a24,24,0,0,0-24,24v23.33a40.84,40.84,0,0,0,8,24.24V200a24,24,0,0,0,24,24H200a24,24,0,0,0,24-24V159.57a40.84,40.84,0,0,0,8-24.24ZM112,48c0-13.57,10-24.46,16-29.79,6,5.33,16,16.22,16,29.79a16,16,0,0,1-32,0ZM40,112a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8v23.33c0,13.25-10.46,24.31-23.32,24.66A24,24,0,0,1,168,136a8,8,0,0,0-16,0,24,24,0,0,1-48,0,8,8,0,0,0-16,0,24,24,0,0,1-24.68,24C50.46,159.64,40,148.58,40,135.33Zm160,96H56a8,8,0,0,1-8-8V172.56A38.77,38.77,0,0,0,62.88,176a39.69,39.69,0,0,0,29-11.31A40.36,40.36,0,0,0,96,160a40,40,0,0,0,64,0,40.36,40.36,0,0,0,4.13,4.67A39.67,39.67,0,0,0,192,176c.38,0,.76,0,1.14,0A38.77,38.77,0,0,0,208,172.56V200A8,8,0,0,1,200,208Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-popcorn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M88,96l16,120H70.34a8,8,0,0,1-7.79-6.17L32,80Zm80,0L152,216h33.66a8,8,0,0,0,7.79-6.17L224,80Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.52,74.21a8,8,0,0,0-7.13-2A44,44,0,0,0,168,41.67a44,44,0,0,0-80,0,44,44,0,0,0-54.4,30.51,8,8,0,0,0-9.4,9.65L54.76,211.67A16,16,0,0,0,70.34,224H185.66a16,16,0,0,0,15.58-12.33L231.79,81.83A8,8,0,0,0,229.52,74.21ZM76,56a27.68,27.68,0,0,1,13.11,3.26,8,8,0,0,0,11.56-5.34,28,28,0,0,1,54.66,0,8,8,0,0,0,11.56,5.34A28,28,0,0,1,207,76.54l-38.56,11-34.49-13.8a16,16,0,0,0-11.88,0L87.57,87.56,49,76.54A28,28,0,0,1,76,56Zm83.25,45.11L145,208H111L96.75,101.11,128,88.62ZM42.91,91.44l37.85,10.81L94.86,208H70.34ZM185.66,208H161.14l14.1-105.75,37.85-10.81Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-tangerine-slice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,88A88,88,0,0,1,40,88Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M248,80H8a8,8,0,0,0-8,8,128,128,0,0,0,256,0A8,8,0,0,0,248,80ZM77.4,149.91l42.6-42.6V167.6A79.59,79.59,0,0,1,77.4,149.91ZM66.09,138.6A79.59,79.59,0,0,1,48.4,96h60.29ZM136,107.31l42.6,42.6A79.59,79.59,0,0,1,136,167.6Zm53.91,31.29L147.31,96H207.6A79.59,79.59,0,0,1,189.91,138.6ZM128,200A112.15,112.15,0,0,1,16.28,96H32.34a96,96,0,0,0,191.32,0h16.06A112.15,112.15,0,0,1,128,200Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-sunset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M192,144a64.33,64.33,0,0,1-2,16H66a64,64,0,1,1,126-16Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M240,152H199.55a73.54,73.54,0,0,0,.45-8,72,72,0,0,0-144,0,73.54,73.54,0,0,0,.45,8H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM72,144a56,56,0,1,1,111.41,8H72.59A56.13,56.13,0,0,1,72,144Zm144,56a8,8,0,0,1-8,8H48a8,8,0,0,1,0-16H208A8,8,0,0,1,216,200ZM72.84,43.58a8,8,0,0,1,14.32-7.16l8,16a8,8,0,0,1-14.32,7.16Zm-56,48.84a8,8,0,0,1,10.74-3.57l16,8a8,8,0,0,1-7.16,14.31l-16-8A8,8,0,0,1,16.84,92.42Zm192,15.16a8,8,0,0,1,3.58-10.73l16-8a8,8,0,1,1,7.16,14.31l-16,8a8,8,0,0,1-10.74-3.58Zm-48-55.16,8-16a8,8,0,0,1,14.32,7.16l-8,16a8,8,0,1,1-14.32-7.16Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-camera: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M208,64H176L160,40H96L80,64H48A16,16,0,0,0,32,80V192a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V80A16,16,0,0,0,208,64ZM128,168a36,36,0,1,1,36-36A36,36,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M208,56H180.28L166.65,35.56A8,8,0,0,0,160,32H96a8,8,0,0,0-6.65,3.56L75.71,56H48A24,24,0,0,0,24,80V192a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V80A24,24,0,0,0,208,56Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8H80a8,8,0,0,0,6.66-3.56L100.28,48h55.43l13.63,20.44A8,8,0,0,0,176,72h32a8,8,0,0,1,8,8ZM128,88a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,88Zm0,72a28,28,0,1,1,28-28A28,28,0,0,1,128,160Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-pine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M32,192l56-72H48L128,16l80,104H168l56,72Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M230.31,187.09,184.36,128H208a8,8,0,0,0,6.34-12.88l-80-104a8,8,0,0,0-12.68,0l-80,104A8,8,0,0,0,48,128H71.64L25.69,187.09A8,8,0,0,0,32,200h88v40a8,8,0,0,0,16,0V200h88a8,8,0,0,0,6.31-12.91ZM48.36,184l46-59.09A8,8,0,0,0,88,112H64.25L128,29.12,191.75,112H168a8,8,0,0,0-6.31,12.91L207.64,184Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-tree: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M232,127.82c.09,33.94-28.41,63.3-62.34,64.16a63.72,63.72,0,0,1-41.66-14,63.71,63.71,0,0,1-41.65,14c-33.93-.86-62.44-30.22-62.35-64.16a64,64,0,0,1,40.13-59.2,68,68,0,0,1,127.74,0A64,64,0,0,1,232,127.82Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M198.1,62.59a76,76,0,0,0-140.2,0A71.71,71.71,0,0,0,16,127.8C15.9,166,48,199,86.14,200A72.22,72.22,0,0,0,120,192.47V232a8,8,0,0,0,16,0V192.47A72.17,72.17,0,0,0,168,200l1.82,0C208,199,240.11,166,240,127.8A71.71,71.71,0,0,0,198.1,62.59ZM169.45,184a56.08,56.08,0,0,1-33.45-10v-41l43.58-21.78a8,8,0,1,0-7.16-14.32L136,115.06V88a8,8,0,0,0-16,0v51.06L83.58,120.84a8,8,0,1,0-7.16,14.32L120,156.94v17a56,56,0,0,1-33.45,10C56.9,183.23,31.92,157.52,32,127.84A55.79,55.79,0,0,1,67.11,76a8,8,0,0,0,4.53-4.67,60,60,0,0,1,112.72,0A8,8,0,0,0,188.89,76,55.79,55.79,0,0,1,224,127.84C224.08,157.52,199.1,183.23,169.45,184Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-cat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,48v88c0,48.6-43,88-96,88s-96-39.4-96-88V48a8,8,0,0,1,13.66-5.66L67.6,67.6h0a102.87,102.87,0,0,1,120.8,0h0l21.94-25.24A8,8,0,0,1,224,48Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M96,140a12,12,0,1,1-12-12A12,12,0,0,1,96,140Zm76-12a12,12,0,1,0,12,12A12,12,0,0,0,172,128Zm60-80v88c0,52.93-46.65,96-104,96S24,188.93,24,136V48A16,16,0,0,1,51.31,36.69c.14.14.26.27.38.41L69,57a111.22,111.22,0,0,1,118.1,0L204.31,37.1c.12-.14.24-.27.38-.41A16,16,0,0,1,232,48Zm-16,0-21.56,24.8A8,8,0,0,1,183.63,74,88.86,88.86,0,0,0,168,64.75V88a8,8,0,1,1-16,0V59.05a97.43,97.43,0,0,0-16-2.72V88a8,8,0,1,1-16,0V56.33a97.43,97.43,0,0,0-16,2.72V88a8,8,0,1,1-16,0V64.75A88.86,88.86,0,0,0,72.37,74a8,8,0,0,1-10.81-1.17L40,48v88c0,41.66,35.21,76,80,79.67V195.31l-13.66-13.66a8,8,0,0,1,11.32-11.31L128,180.68l10.34-10.34a8,8,0,0,1,11.32,11.31L136,195.31v20.36c44.79-3.69,80-38,80-79.67Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-dog: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M208,120.38V184a32,32,0,0,1-32,32H80a32,32,0,0,1-32-32V120.38L104,48h48Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M239.71,125l-16.42-88a16,16,0,0,0-19.61-12.58l-.31.09L150.85,40h-45.7L52.63,24.56l-.31-.09A16,16,0,0,0,32.71,37.05L16.29,125a15.77,15.77,0,0,0,9.12,17.52A16.26,16.26,0,0,0,32.12,144,15.48,15.48,0,0,0,40,141.84V184a40,40,0,0,0,40,40h96a40,40,0,0,0,40-40V141.85a15.5,15.5,0,0,0,7.87,2.16,16.31,16.31,0,0,0,6.72-1.47A15.77,15.77,0,0,0,239.71,125ZM32,128h0L48.43,40,90.5,52.37Zm144,80H136V195.31l13.66-13.65a8,8,0,0,0-11.32-11.32L128,180.69l-10.34-10.35a8,8,0,0,0-11.32,11.32L120,195.31V208H80a24,24,0,0,1-24-24V123.11L107.93,56h40.14L200,123.11V184A24,24,0,0,1,176,208Zm48-80L165.5,52.37,207.57,40,224,128ZM104,140a12,12,0,1,1-12-12A12,12,0,0,1,104,140Zm72,0a12,12,0,1,1-12-12A12,12,0,0,1,176,140Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,32c0,32.81-31.64,67.43-58.64,91.05A84.39,84.39,0,0,0,133,90.64C156.57,63.64,191.19,32,224,32Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M232,32a8,8,0,0,0-8-8c-44.08,0-89.31,49.71-114.43,82.63A60,60,0,0,0,32,164c0,30.88-19.54,44.73-20.47,45.37A8,8,0,0,0,16,224H92a60,60,0,0,0,57.37-77.57C182.3,121.31,232,76.08,232,32ZM92,208H34.63C41.38,198.41,48,183.92,48,164a44,44,0,1,1,44,44Zm32.42-94.45q5.14-6.66,10.09-12.55A76.23,76.23,0,0,1,155,121.49q-5.9,4.94-12.55,10.09A60.54,60.54,0,0,0,124.42,113.55Zm42.7-2.68a92.57,92.57,0,0,0-22-22c31.78-34.53,55.75-45,69.9-47.91C212.17,55.12,201.65,79.09,167.12,110.87Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-apple: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,73.52Zm0,99.26c-16.79-11.53-24-30.87-24-52.78,0-18.3,11.68-34.81,24-46.48C204.53,62.66,185,56,168,56a63.72,63.72,0,0,0-40,14h0A63.71,63.71,0,0,0,88.88,56C52,55.5,23.06,86.3,24,123.19a119.62,119.62,0,0,0,37.65,84.12A32,32,0,0,0,83.6,216h87.7a31.75,31.75,0,0,0,23.26-10c15.85-17,21.44-33.2,21.44-33.2Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M223.3,169.59a8.07,8.07,0,0,0-2.8-3.4C203.53,154.53,200,134.64,200,120c0-17.67,13.47-33.06,21.5-40.67a8,8,0,0,0,0-11.62C208.82,55.74,187.82,48,168,48a72.23,72.23,0,0,0-40,12.13,71.56,71.56,0,0,0-90.71,9.09A74.63,74.63,0,0,0,16,123.4a127,127,0,0,0,40.14,89.73A39.8,39.8,0,0,0,83.59,224h87.68a39.84,39.84,0,0,0,29.12-12.57,125,125,0,0,0,17.82-24.6C225.23,174,224.33,172,223.3,169.59Zm-34.63,30.94a23.76,23.76,0,0,1-17.4,7.47H83.59a23.82,23.82,0,0,1-16.44-6.51A111.14,111.14,0,0,1,32,123,58.5,58.5,0,0,1,48.65,80.47,54.81,54.81,0,0,1,88,64h.78A55.45,55.45,0,0,1,123,76.28a8,8,0,0,0,10,0A55.39,55.39,0,0,1,168,64a70.64,70.64,0,0,1,36,10.35c-13,14.52-20,30.47-20,45.65,0,23.77,7.64,42.73,22.18,55.3A105.52,105.52,0,0,1,188.67,200.53ZM128.23,30A40,40,0,0,1,167,0h1a8,8,0,0,1,0,16h-1a24,24,0,0,0-23.24,18,8,8,0,1,1-15.5-4Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,90.34,192,120,136,64l29.66-29.66a8,8,0,0,1,11.31,0L221.66,79A8,8,0,0,1,221.66,90.34Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM51.31,160,136,75.31,152.69,92,68,176.68ZM48,179.31,76.69,208H48Zm48,25.38L79.31,188,164,103.31,180.69,120Zm96-96L147.31,64l24-24L216,84.68Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-gaming: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216.86,207.57a28,28,0,0,1-24.66-7.77L150.09,152H172a51.94,51.94,0,0,0,51.2-61h0l16.36,84.17A28,28,0,0,1,216.86,207.57Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M176,112H152a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16ZM104,96H96V88a8,8,0,0,0-16,0v8H72a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0v-8h8a8,8,0,0,0,0-16ZM241.48,200.65a36,36,0,0,1-54.94,4.81c-.12-.12-.24-.24-.35-.37L146.48,160h-37L69.81,205.09l-.35.37A36.08,36.08,0,0,1,44,216,36,36,0,0,1,8.56,173.75a.68.68,0,0,1,0-.14L24.93,89.52A59.88,59.88,0,0,1,83.89,40H172a60.08,60.08,0,0,1,59,49.25c0,.06,0,.12,0,.18l16.37,84.17a.68.68,0,0,1,0,.14A35.74,35.74,0,0,1,241.48,200.65ZM172,144a44,44,0,0,0,0-88H83.89A43.9,43.9,0,0,0,40.68,92.37l0,.13L24.3,176.59A20,20,0,0,0,58,194.3l41.92-47.59a8,8,0,0,1,6-2.71Zm59.7,32.59-8.74-45A60,60,0,0,1,172,160h-4.2L198,194.31a20.09,20.09,0,0,0,17.46,5.39,20,20,0,0,0,16.23-23.11Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-cube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M128,129.09V232a8,8,0,0,1-3.84-1l-88-48.16a8,8,0,0,1-4.16-7V80.2a8,8,0,0,1,.7-3.27Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M223.68,66.15,135.68,18h0a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32h0l80.34,44L128,120,47.66,76ZM40,90l80,43.78v85.79L40,175.82Zm96,129.57V133.82L216,90v85.78Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-football: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M65.17,108.08l-33,25.34c-.1-1.8-.15-3.6-.15-5.42A95.61,95.61,0,0,1,53.23,67.78ZM46.92,179.42a96.12,96.12,0,0,0,57,41.52l-14.7-41.52Zm105.21,41.52a96.12,96.12,0,0,0,57-41.52H166.83ZM202.77,67.78l-11.94,40.3,33,25.34c.1-1.8.15-3.6.15-5.42A95.61,95.61,0,0,0,202.77,67.78Zm-38.52-28.7a96.34,96.34,0,0,0-72.5,0L128,64ZM152.72,160,168,115.5,128,88,88,115.5,103.28,160Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm76.52,147.42H170.9l-9.26-12.76,12.63-36.78,15-4.89,26.24,20.13A87.38,87.38,0,0,1,204.52,171.42Zm-164-34.3L66.71,117l15,4.89,12.63,36.78L85.1,171.42H51.48A87.38,87.38,0,0,1,40.47,137.12Zm10-50.64,5.51,18.6L40.71,116.77A87.33,87.33,0,0,1,50.43,86.48ZM109,152,97.54,118.65,128,97.71l30.46,20.94L147,152Zm91.07-46.92,5.51-18.6a87.33,87.33,0,0,1,9.72,30.29Zm-6.2-35.38-9.51,32.08-15.07,4.89L136,83.79V68.21l29.09-20A88.58,88.58,0,0,1,193.86,69.7ZM146.07,41.87,128,54.29,109.93,41.87a88.24,88.24,0,0,1,36.14,0ZM90.91,48.21l29.09,20V83.79L86.72,106.67l-15.07-4.89L62.14,69.7A88.58,88.58,0,0,1,90.91,48.21ZM63.15,187.42H83.52l7.17,20.27A88.4,88.4,0,0,1,63.15,187.42ZM110,214.13,98.12,180.71,107.35,168h41.3l9.23,12.71-11.83,33.42a88,88,0,0,1-36.1,0Zm55.36-6.44,7.17-20.27h20.37A88.4,88.4,0,0,1,165.31,207.69Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-pride: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M224,112v16a96,96,0,0,1-192,0V88a24,24,0,0,1,48,0V64a24,24,0,0,1,48,0,24,24,0,0,1,48,0V88h24A24,24,0,0,1,224,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M200,80H184V64a32,32,0,0,0-56-21.13A32,32,0,0,0,72.21,60.42,32,32,0,0,0,24,88v40a104,104,0,0,0,208,0V112A32,32,0,0,0,200,80ZM152,48a16,16,0,0,1,16,16V80H136V64A16,16,0,0,1,152,48ZM88,64a16,16,0,0,1,32,0v40a16,16,0,0,1-32,0ZM40,88a16,16,0,0,1,32,0v16a16,16,0,0,1-32,0Zm176,40a88,88,0,0,1-175.92,3.75A31.93,31.93,0,0,0,80,125.13a31.93,31.93,0,0,0,44.58,3.35,32.21,32.21,0,0,0,11.8,11.44A47.88,47.88,0,0,0,120,176a8,8,0,0,0,16,0,32,32,0,0,1,32-32,8,8,0,0,0,0-16H152a16,16,0,0,1-16-16V96h64a16,16,0,0,1,16,16Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-vote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,48V208a8,8,0,0,1-8,8H64L40,192V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,48V208a16,16,0,0,1-16,16H136a8,8,0,0,1,0-16h72V48H48v96a8,8,0,0,1-16,0V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM125.66,154.34a8,8,0,0,0-11.32,0L64,204.69,45.66,186.34a8,8,0,0,0-11.32,11.32l24,24a8,8,0,0,0,11.32,0l56-56A8,8,0,0,0,125.66,154.34Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M240,128l-48,40H64L16,128,64,88H192Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-handshake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M200,152l-40,40L96,176,40,136,72.68,70.63,128,56l55.32,14.63L183.6,72H144L98.34,116.29a8,8,0,0,0,1.38,12.42C117.23,139.9,141,139.13,160,120Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M254.3,107.91,228.78,56.85a16,16,0,0,0-21.47-7.15L182.44,62.13,130.05,48.27a8.14,8.14,0,0,0-4.1,0L73.56,62.13,48.69,49.7a16,16,0,0,0-21.47,7.15L1.7,107.9a16,16,0,0,0,7.15,21.47l27,13.51,55.49,39.63a8.06,8.06,0,0,0,2.71,1.25l64,16a8,8,0,0,0,7.6-2.1l55.07-55.08,26.42-13.21a16,16,0,0,0,7.15-21.46Zm-54.89,33.37L165,113.72a8,8,0,0,0-10.68.61C136.51,132.27,116.66,130,104,122L147.24,80h31.81l27.21,54.41ZM41.53,64,62,74.22,36.43,125.27,16,115.06Zm116,119.13L99.42,168.61l-49.2-35.14,28-56L128,64.28l9.8,2.59-45,43.68-.08.09a16,16,0,0,0,2.72,24.81c20.56,13.13,45.37,11,64.91-5L188,152.66Zm62-57.87-25.52-51L214.47,64,240,115.06Zm-87.75,92.67a8,8,0,0,1-7.75,6.06,8.13,8.13,0,0,1-1.95-.24L80.41,213.33a7.89,7.89,0,0,1-2.71-1.25L51.35,193.26a8,8,0,0,1,9.3-13l25.11,17.94L126,208.24A8,8,0,0,1,131.82,217.94Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-science: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M210.26,210.26c-17.23,17.23-68-5.63-113.46-51.06S28.51,63,45.74,45.74s68,5.63,113.46,51.06S227.49,193,210.26,210.26Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M196.12,128c24.65-34.61,37.22-70.38,19.74-87.86S162.61,35.23,128,59.88C93.39,35.23,57.62,22.66,40.14,40.14S35.23,93.39,59.88,128c-24.65,34.61-37.22,70.38-19.74,87.86h0c5.63,5.63,13.15,8.14,21.91,8.14,18.48,0,42.48-11.17,66-27.88C151.47,212.83,175.47,224,194,224c8.76,0,16.29-2.52,21.91-8.14h0C233.34,198.38,220.77,162.61,196.12,128Zm8.43-76.55c7.64,7.64,2.48,32.4-18.52,63.28a300.33,300.33,0,0,0-21.19-23.57A300.33,300.33,0,0,0,141.27,70C172.15,49,196.91,43.8,204.55,51.45ZM176.29,128a289.14,289.14,0,0,1-22.76,25.53A289.14,289.14,0,0,1,128,176.29a289.14,289.14,0,0,1-25.53-22.76A289.14,289.14,0,0,1,79.71,128,298.62,298.62,0,0,1,128,79.71a289.14,289.14,0,0,1,25.53,22.76A289.14,289.14,0,0,1,176.29,128ZM51.45,51.45c2.2-2.21,5.83-3.35,10.62-3.35C73.89,48.1,92.76,55,114.72,70A304,304,0,0,0,91.16,91.16,300.33,300.33,0,0,0,70,114.73C49,83.85,43.81,59.09,51.45,51.45Zm0,153.1C43.81,196.91,49,172.15,70,141.27a300.33,300.33,0,0,0,21.19,23.57A304.18,304.18,0,0,0,114.73,186C83.85,207,59.09,212.2,51.45,204.55Zm153.1,0c-7.64,7.65-32.4,2.48-63.28-18.52a304.18,304.18,0,0,0,23.57-21.19A300.33,300.33,0,0,0,186,141.27C207,172.15,212.19,196.91,204.55,204.55ZM140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M232,56V200H160a32,32,0,0,0-32,32,32,32,0,0,0-32-32H24V56H96a32,32,0,0,1,32,32,32,32,0,0,1,32-32Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64Z'%3E%3C/path%3E%3C/svg%3E");
        --icon-olympics: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.1' width='1020' height='495' id='svg2'%3E%3Cmetadata id='metadata28'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs4' /%3E%3Cg transform='matrix(5.7658033,0,0,5.7658033,-216.55705,-1629.403)' id='g3854' style='fill:%23d05c8a;fill-opacity:1'%3E%3Cpath d='m 77.998457,338.04465 c 9.719843,-3.74035 16.634311,-13.17634 16.634311,-24.1989 0,-14.29201 -11.62467,-25.91668 -25.916678,-25.91668 -14.292008,0 -25.95413,11.62467 -25.95413,25.91668 0,14.29201 11.662122,25.91668 25.95413,25.91668 0.54665,0 1.089397,-0.017 1.627741,-0.0505 -0.212847,-1.56081 -0.14221,-4.09918 0.0472,-5.10887 -0.552337,0.0437 -1.110922,0.0659 -1.674938,0.0659 -11.526965,0 -20.823227,-9.29627 -20.823227,-20.82323 0,-11.52696 9.296262,-20.82323 20.823227,-20.82323 l 0,4e-5 c 11.526959,0 20.785775,9.29627 20.785775,20.82323 0,7.91769 -4.368408,14.78291 -10.83969,18.30588 -0.315166,1.3712 -0.711622,4.31209 -0.663721,5.893 z' id='path3016' style='fill:%23d05c8a;fill-opacity:1' /%3E%3Cpath d='m 118.12057,340.00218 c -1.34862,10.20474 -10.02005,18.04148 -20.603518,18.04148 -11.52697,0 -20.82323,-9.29627 -20.82323,-20.82323 0,-7.8992 4.36561,-14.75085 10.82304,-18.28114 0.45237,-1.7753 0.72684,-3.69514 0.65576,-5.89574 -9.70007,3.75525 -16.6097,13.17589 -16.6097,24.17688 0,14.29201 11.66212,25.91668 25.95413,25.91668 13.026538,0 23.837178,-9.65722 25.649488,-22.18923 -1.32835,-0.0348 -4.11703,-0.60321 -5.04597,-0.9457 z m 4.98685,-6.89716 c -1.97707,-12.3428 -12.69857,-21.80127 -25.590368,-21.80127 -0.5666,0 -1.12907,0.0183 -1.68684,0.0542 0.31178,1.20255 0.3074,3.96583 -0.0166,5.10739 l 0,6e-5 c 0.5617,-0.0452 1.1298,-0.0682 1.70343,-0.0682 9.546428,0 17.537168,6.37619 20.001238,15.11504 1.68318,0.64085 3.49015,1.20604 5.58913,1.59278 z' id='path3790' style='fill:%23d05c8a;fill-opacity:1' /%3E%3Cpath d='m 157.72746,317.82769 c 1.60373,10.29047 9.36704,19.0414 20.1411,21.36875 13.96979,3.01767 27.78686,-5.89044 30.80453,-19.86023 3.01768,-13.9698 -5.88253,-27.82347 -19.85233,-30.84115 -13.96979,-3.01767 -27.79477,5.92705 -30.81244,19.89685 -0.11542,0.53432 -0.2134,1.06841 -0.29433,1.6017 1.57057,0.12151 4.03679,0.72651 4.98373,1.12484 0.0739,-0.54911 0.17015,-1.09979 0.28924,-1.65109 2.43385,-11.26709 13.48338,-18.39092 24.75047,-15.95707 11.26708,2.43385 18.39092,13.48338 15.95706,24.75047 l -3e-5,-1e-5 c -2.43385,11.26709 -13.47548,18.35431 -24.74257,15.92046 -7.73918,-1.67178 -13.52726,-7.39124 -15.60443,-14.46049 -1.27374,-0.59757 -4.06462,-1.60605 -5.62,-1.89303 z' id='path3842' style='fill:%23d05c8a;fill-opacity:1' /%3E%3Cpath d='m 105.40431,311.064 c 1.34862,-10.20474 10.02005,-18.04148 20.60351,-18.04148 11.52697,0 20.82323,9.29627 20.82323,20.82323 0,7.8992 -4.36561,14.75085 -10.82304,18.28114 -0.45237,1.7753 -0.72684,3.69514 -0.65576,5.89574 9.70007,-3.75525 16.6097,-13.17589 16.6097,-24.17688 0,-14.29201 -11.66212,-25.91668 -25.95413,-25.91668 -13.02653,0 -23.83717,9.65722 -25.64948,22.18923 1.32835,0.0348 4.11703,0.60321 5.04597,0.9457 z m -4.98685,6.89716 c 1.97707,12.3428 12.69857,21.80127 25.59036,21.80127 0.5666,0 1.12907,-0.0183 1.68684,-0.0542 -0.31178,-1.20255 -0.3074,-3.96583 0.0166,-5.10739 l 0,-6e-5 c -0.5617,0.0452 -1.1298,0.0682 -1.70343,0.0682 -9.54642,0 -17.53716,-6.37619 -20.00123,-15.11504 -1.68318,-0.64085 -3.49015,-1.20604 -5.58913,-1.59278 z' id='path3850' style='fill:%23d05c8a;fill-opacity:1' /%3E%3Cpath d='m 175.43867,340.00219 c -1.34862,10.20474 -10.02005,18.04148 -20.60351,18.04148 -11.52697,0 -20.82323,-9.29627 -20.82323,-20.82323 0,-7.8992 4.36561,-14.75085 10.82304,-18.28114 0.45237,-1.7753 0.72684,-3.69514 0.65576,-5.89574 -9.70007,3.75525 -16.6097,13.17589 -16.6097,24.17688 0,14.29201 11.66212,25.91668 25.95413,25.91668 13.02653,0 23.83717,-9.65722 25.64948,-22.18923 -1.32835,-0.0348 -4.11703,-0.60321 -5.04597,-0.9457 z m 4.98685,-6.89716 c -1.97707,-12.3428 -12.69857,-21.80127 -25.59036,-21.80127 -0.5666,0 -1.12907,0.0183 -1.68684,0.0542 0.31178,1.20255 0.3074,3.96583 -0.0166,5.10739 l 0,6e-5 c 0.5617,-0.0452 1.1298,-0.0682 1.70343,-0.0682 9.54642,0 17.53716,6.37619 20.00123,15.11504 1.68318,0.64085 3.49015,1.20604 5.58913,1.59278 z' id='path3852' style='fill:%23d05c8a;fill-opacity:1' /%3E%3C/g%3E%3C/svg%3E%0A");
        --icon-laptop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,72V176H40V72A16,16,0,0,1,56,56H200A16,16,0,0,1,216,72Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M232,168h-8V72a24,24,0,0,0-24-24H56A24,24,0,0,0,32,72v96H24a8,8,0,0,0-8,8v16a24,24,0,0,0,24,24H216a24,24,0,0,0,24-24V176A8,8,0,0,0,232,168ZM48,72a8,8,0,0,1,8-8H200a8,8,0,0,1,8,8v96H48ZM224,192a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8v-8H224ZM152,88a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h32A8,8,0,0,1,152,88Z'%3E%3C/path%3E%3C/svg%3E");
    }
}

body.app-body  {
    background-color: var(--color-bg);
    color: var(--color-fg);
    font-family: ui-rounded, "mastodon-font-sans-serif", sans-serif;
}

::selection {
    color: var(--color-accent-fg);
    background-color: var(--color-accent);
}

/* 🖱️ Scrollbars */
:root:has(.app-body) *::-webkit-scrollbar-track {
    background-color: var(--color-bg);
    padding: 2px;
}
:root:has(.app-body) *::-webkit-scrollbar-thumb {
    background-color: var(--color-accent);
    border-radius: 8px;
    opacity: .4;
    box-shadow: none;
}
:root:has(.app-body) *::-webkit-scrollbar-track:hover {
    background-color: var(--color-bg);
}
:root:has(.app-body) *::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-accent);
    opacity: .7;
}
@media screen and (max-width:1175px) {
    :root:has(.app-body) *::-webkit-scrollbar {
        display: none;
    }
}
:root,
* {
    scrollbar-color: var(--color-accent) var(--color-bg);
    scrollbar-width: thin;
}


.app-body {
    --dropdown-shadow:
        0 20px 25px -5px rgba(0, 0, 0, .15),
        0 8px 10px -6px rgba(0, 0, 0, .15);
    --safe-area-bottom: env(safe-area-inset-bottom);
}
@media (display-mode: standalone) {
    .app-body {
        --safe-area-bottom: max(env(safe-area-inset-bottom), 30px);
    }
}

.app-body .loading-bar {
    background-color: var(--color-accent);
}
.app-body .circular-progress,
.app-body .load-more .loading-indicator .circular-progress {
    color: var(--color-accent);
}

.app-body .redirect__logo {
    background-image: var(--logo);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.app-body .redirect__logo img {
    opacity: 0;
}
.app-body .redirect__message a {
    color: var(--color-accent);
}

.app-body .getting-started,
.app-body .regeneration-indicator,
.app-body .audio-player,
.app-body .compose-form .spoiler-input__input,
.app-body .compose-form__autosuggest-wrapper,
.app-body .compose-form__poll-wrapper select,
.app-body .poll__option input[type=text],
.app-body .report-dialog-modal__textarea,
.app-body .search__input,
.app-body .setting-text,
.app-body .compose-form .compose-form__buttons-wrapper,
.app-body .about__section__body {
    border: 0;
}
.app-body .column-inline-form,
.app-body .column>.scrollable,
.app-body .getting-started,
.app-body .regeneration-indicator {
    background: transparent;
}

:root {
    --background-filter: none;
}

.app-body .account__avatar {
    background-color: var(--color-content-secondary-bg);
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}
.app-body .navigation-bar .account__avatar {
    background-color: var(--color-content-bg);
}
.app-body .account__avatar img {
    border-radius: 50%;
}

/* Keyframes */
@keyframes bounce {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.6);
    }
    75% {
        transform: scale(.8);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes bounce-sml {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.25);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes bounce-vertical {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30%);
    }
    75% {
        transform: translateY(20%);
    }
    100% {
        transform: translate(0);
    }
}
@keyframes launch {
    0% {
        transform: translate(0);
        opacity: 0;
    }
    5% {
        transform: translate(0);
        opacity: 1;
    }
    50% {
        transform: translate(200%, -200%);
        opacity: 0;
    }
    80% {
        transform: translate(200%, -200%);
        opacity: 0;
    }
    85% {
        transform: translate(-20%, 20%);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(-10%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadein-short {
    from {
        transform: translate(0, -10px);
        opacity: 0;
    }
    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes slowin {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes rotate-bounce {
    0% {
        transform: rotate(0) scale(1);
    }
    60% {
        transform: rotate(80deg) scale(1.2);
    }
    100% {
        transform: rotate(60deg) scale(1.1);
    }
}
@keyframes bell-ring {
    0% {
        transform: rotate(0);
    }
    40% {
        transform: rotate(15deg);
    }
    70% {
        transform: rotate(-15deg);
    }
    100% {
        transform: rotate(0);
    }
}


/* Rordered layout */
.app-body .columns-area__panels__pane--navigational {
    order: 1;
}
.app-body .columns-area__panels__main {
    contain: inline-size;
    order: 2;
}
.app-body .columns-area__panels__pane--compositional {
    order: 3;
}
.app-body .columns-area--mobile .column {
    flex: unset;
}
.app-body .columns-area--mobile .column:focus-within {
    overflow: visible;
}
.app-body .scrollable,
.app-body .column > .scrollable {
    background-color: var(--color-content-bg);
    border-right: 1px solid var(--color-lines);
    border-left: 1px solid var(--color-lines);
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    padding-bottom: 20px;
}
.app-body .dismissable-banner + .scrollable {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.app-body .columns-area--mobile {
    padding: 0;
}
.app-body .columns-area__panels {
    gap: 10px;
}
@media screen and (max-width:770px) {
    .app-body:not(.layout-multiple-columns) .scrollable,
    .app-body:not(.layout-multiple-columns) .column > .scrollable {
        border-right: 0;
        border-left: 0;
    }
}
@media screen and (min-width:1175px) {
    .app-body .columns-area__panels__main {
        max-width: 580px;
        padding: 0;
    }
    .app-body .columns-area__panels__main::before {
        display: block;
        content: "";
        position: fixed;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 580px;
        height: 100%;
        box-shadow: 0 20px 30px #0000000f;
        background-color: var(--color-content-bg);
        border-radius: 10px 10px 0 0;
    }
}
@media screen and (max-width:1174px) {
    .app-body .columns-area__panels {
        gap: 0;
    }
}

/* *️⃣ Icons
   -------- */
.app-body .icon {
    height: 20px;
    width: 20px;
}
.app-body .verified-badge .icon {
    width: 18px;
    height: 18px;
}
.app-body .account__header__buttons .icon-button .icon {
    height: 24px;
    width: 24px;
}
.app-body .status__visibility-icon .icon {
    height: 1em;
    width: 1em;
}
.app-body .detailed-status__meta .icon,
.app-body .dropdown-button .icon {
    height: 15px;
    width: 15px;
}
.app-body .icon-button {
    padding: 2px;
}
.app-body
    :is(
        .icon-bookmark,
        .icon-star,
        .icon-retweet,
        .icon-Boost-icon,
        .icon-Unboost-icon,
        .reblog-menu-item .icon,
        .reblog-menu-item.dropdown-menu__item--highlighted .icon,
        .icon-Quote-icon,
        .icon-quote,
        .reblog-menu-item:last-child .icon,
        .reblog-menu-item.dropdown-menu__item--highlighted:last-child .icon,
        .icon-repeat,
        .icon-reply,
        .icon-reply-all,
        .icon-tasks,
        .icon-quote-right,
        .icon-home,
        .icon-notifications-active,
        .icon-hashtag,
        .icon-explore,
        .icon-search,
        .icon-times-circle,
        .icon-bell,
        .icon-at,
        .icon-bookmarks,
        .icon-list-ul,
        .navigation-panel .icon-down,
        .column-link .icon-cog,
        .drawer__tab .icon-cog,
        .icon-flag,
        .icon-tachometer,
        .icon-bars,
        .icon-bar-chart-4-bars,
        .navigation-bar .icon-close,
        .icon-user-plus,
        .icon-person-add,
        .icon-user,
        .icon-users,
        .icon-bullhorn,
        .icon-sliders,
        .icon-globe,
        .icon-unlock,
        .icon-lock,
        .icon-paperclip,
        .edit-indicator__attachments > .icon,
        .icon-photo-library,
        .compose-form__buttons .icon-button:nth-child(3) .icon,
        .emoji-picker-dropdown > .icon-button .icon,
        .icon-bell-o,
        .icon-thumb-tack,
        .icon-file-text,
        .account--panel .icon-times,
        .follow-request-banner .icon-times,
        .account__relationship .icon-times,
        .icon-ellipsis-h,
        .icon-ellipsis-v,
        .icon-check:is(.verified__mark, .verified-badge__mark),
        .follow-request-banner .button .icon-check,
        .account--panel button .icon-check,
        .account__relationship .icon-check,
        .status__action-bar .icon-close,
        .detailed-status__action-bar .icon-close,
        .account__header__buttons .icon-close,
        .icon-sign-out,
        .account__header__buttons .icon.icon-,
        .icon-eye-slash,
        .icon-eye,
        .icon-eraser,
        .icon-pencil,
        .icon-edit,
        .app-form__header-input .icon,
        .account__domain-pill__popout__parts__icon .icon,
        .safety-action-modal__bullet-points__icon .icon,
        .column-link .icon.icon-,
        .ui__navigation-bar__item[href="/home"] .icon,
        .ui__navigation-bar__item[href="/explore"] .icon,
        .ui__navigation-bar__item[href="/publish"] .icon,
        .ui__navigation-bar__item[href="/notifications"] .icon,
        .ui__navigation-bar__item[href="/menu"] .icon,
        button.ui__navigation-bar__item .icon,
        .button.navigation-panel__compose-button .icon
    )
    path {
        display: none;
}

.app-body
    :is(
        .icon-bookmark,
        .icon-star,
        .icon-retweet,
        .icon-Boost-icon,
        .icon-Unboost-icon,
        .reblog-menu-item .icon,
        .reblog-menu-item.dropdown-menu__item--highlighted .icon,
        .icon-Quote-icon,
        .icon-quote,
        .reblog-menu-item:last-child .icon,
        .reblog-menu-item.dropdown-menu__item--highlighted:last-child .icon,
        .icon-repeat,
        .icon-reply,
        .icon-reply-all,
        .icon-tasks,
        .icon-quote-right,
        .icon-home,
        .icon-notifications-active,
        .icon-hashtag,
        .icon-explore,
        .icon-search,
        .icon-times-circle,
        .icon-bell,
        .icon-at,
        .icon-bookmarks,
        .icon-list-ul,
        .navigation-panel .icon-down,
        .column-link .icon-cog,
        .drawer__tab .icon-cog,
        .icon-flag,
        .icon-tachometer,
        .icon-bars,
        .icon-bar-chart-4-bars,
        .navigation-bar .icon-close,
        .icon-user-plus,
        .icon-person-add,
        .icon-user,
        .icon-users,
        .icon-bullhorn,
        .icon-sliders,
        .icon-globe,
        .icon-unlock,
        .icon-lock,
        .icon-paperclip,
        .edit-indicator__attachments > .icon,
        .icon-photo-library,
        .compose-form__buttons .icon-button:nth-child(3) .icon,
        .emoji-picker-dropdown > .icon-button .icon,
        .icon-bell-o,
        .icon-thumb-tack,
        .icon-file-text,
        .account--panel .icon-times,
        .follow-request-banner .icon-times,
        .account__relationship .icon-times,
        .icon-ellipsis-h,
        .icon-ellipsis-v,
        .icon-check:is(.verified__mark, .verified-badge__mark),
        .follow-request-banner .button .icon-check,
        .account--panel button .icon-check,
        .account__relationship .icon-check,
        .status__action-bar .icon-close,
        .detailed-status__action-bar .icon-close,
        .account__header__buttons .icon-close,
        .icon-sign-out,
        .account__header__buttons .icon.icon-,
        .icon-eye-slash,
        .icon-eye,
        .icon-eraser,
        .icon-pencil,
        .icon-edit,
        .app-form__header-input .icon,
        .account__domain-pill__popout__parts__icon .icon,
        .safety-action-modal__bullet-points__icon .icon,
        .column-link .icon.icon-,
        .ui__navigation-bar__item[href="/home"] .icon,
        .ui__navigation-bar__item[href="/explore"] .icon,
        .ui__navigation-bar__item[href="/publish"] .icon,
        .ui__navigation-bar__item[href="/notifications"] .icon,
        .ui__navigation-bar__item[href="/menu"] .icon,
        button.ui__navigation-bar__item .icon,
        .button.navigation-panel__compose-button .icon
    ) {
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
}

/* Bookmark */
.app-body .icon-bookmark {
    background-image: var(--icon-bookmark-accent);
}
.app-body .detailed-status__button .icon-bookmark {
    background-image: var(--icon-bookmark-accent);
}
.app-body .icon-button.active .icon-bookmark {
    background-image: var(--icon-bookmark-active);
}
/* Favorite */
.app-body .icon-star {
    background-image: var(--icon-star-accent);
}
.app-body button.icon-button.active .icon-star,
.app-body .notification__message .icon-star,
.app-body .notification-group--favourite .icon-star {
    background-image: var(--icon-star-active);
}
.app-body .detailed-status__link .icon-star {
    background-image: var(--icon-star);
    margin: 0;
}
.app-body .media-modal__overlay .icon-star {
    background-image: var(--icon-star-accent);
}
/* Boost */
.app-body .icon-retweet,
.app-body .icon-Boost-icon,
.app-body .reblog-menu-item .icon {
    background-image: var(--icon-boost-accent);
}
.app-body button.icon-button.active .icon-retweet,
.app-body .detailed-status__button button.icon-button.active:hover .icon-retweet,
.app-body .icon-Unboost-icon,
.app-body .reblog-menu-item.dropdown-menu__item--highlighted .icon {
    background-image: var(--icon-boost-accent-active);
}
.app-body .status__prepend__icon .icon-retweet,
.app-body .notification-group--reblog .icon-repeat {
    background-image: var(--icon-boost-accent-active);
}
.app-body .notification__message .icon-retweet {
    background-image: var(--icon-boost-active);
}
.app-body .detailed-status__link .icon-retweet {
    background-image: var(--icon-boost);
    margin: 0;
}
.app-body
    button.icon-button:is(
        .reblogPrivate:where(.disabled, [disabled]),
        .reblogPrivate:where(.disabled, [disabled]):hover,
        .disabled,
        .disabled:hover
    )
    .icon-retweet {
        background-image: var(--icon-boost-accent);
        opacity: .2;
        pointer-events: none;
}
.app-body .boost-modal__action-bar .icon-retweet {
    background-image: var(--icon-boost-accent);
    vertical-align: middle;
}
.app-body .media-modal__overlay .icon-retweet {
    background-image: var(--icon-boost-accent);
}
/* Quote */
.app-body .icon-Quote-icon,
.reblog-menu-item:last-child .icon,
.reblog-menu-item.dropdown-menu__item--highlighted:last-child .icon {
    background-image: var(--icon-quote-accent);
}
.app-body .icon-quote {
    background-image: var(--icon-quote-accent-active);
}
/* Reply */
.app-body .icon-reply,
.app-body .icon-reply-all {
    background-image: var(--icon-reply-accent);
}
.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
    background-image: var(--icon-reply-accent);
}
.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
    background-image: var(--icon-reply-accent);
}
.app-body .status__prepend__icon .icon-reply,
.app-body .notification-ungrouped__header__icon .icon-reply {
    background-image: var(--icon-reply-accent-active);
}
/* Ellipsis */
.app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
    background-image: var(--icon-ellipsis-accent);
}
.app-body .detailed-status__action-bar .icon-ellipsis-h {
    background-image: var(--icon-ellipsis-accent);
}
.app-body :is(.status__action-bar, .detailed-status__action-bar, .account__header__buttons) .icon-close {
    background-image: var(--icon-ellipsis-active);
}
.app-body .column-link .icon.icon- {
    background-image: var(--icon-ellipsis-accent);
}
/* Poll icon */
.app-body .icon-tasks,
.app-body .icon-bar-chart-4-bars {
    background-image: var(--icon-poll);
}
.app-body .notification__message .icon-tasks,
.app-body .notification-ungrouped .icon-bar-chart-4-bars {
    background-image: var(--icon-poll-accent);
}
.app-body .compose-form .icon-tasks {
    background-image: var(--icon-poll-accent);
}
/* Post icon */
.app-body .icon-quote-right {
    background-image: var(--icon-post);
}

/* Navigation panel icons */
.app-body .column-link__icon {
    transform: scale(1.45);
    margin-right: 7px;
    margin-left: 3px;
}
/* Home icon */
.app-body .icon-home {
    background-image: var(--icon-home);
}
.app-body .navigation-panel .column-link .icon-home {
    background-image: var(--icon-home-accent);
}
.app-body .ui__navigation-bar__item[href="/home"] .icon {
    background-image: var(--icon-home);
}
.app-body .navigation-panel .column-link.active .icon-home {
    background-image: var(--icon-home-accent-active);
}
.app-body .ui__navigation-bar__item[href="/home"].active .icon {
    background-image: var(--icon-home-active);
}
.app-body .column-link.active .icon-home {
    background-image: var(--icon-home-active);
}
.layout-multiple-columns .column-link .icon-home {
    background-image: var(--icon-home-accent);
}
.app-body .notification__message .icon-home,
.app-body .notification-ungrouped .icon-notifications-active {
    background-image: var(--icon-post-notification-accent);
}
/* Globe icon */
.app-body .column-link .icon-globe,
.app-body .column-header__icon.icon-globe {
    background-image: var(--icon-globe);
}
.app-body .column-link.active .icon-globe {
    background-image: var(--icon-globe-active);
}
.layout-multiple-columns .column-link .icon-globe {
    background-image: var(--icon-globe-accent);
}
.app-body .navigation-panel .column-link .icon-globe {
    background-image: var(--icon-globe-accent);
}
.app-body .navigation-panel .column-link.active .icon-globe {
    background-image: var(--icon-globe-accent-active);
}
/* Hashtag icon */
.app-body .icon-hashtag {
    background-image: var(--icon-hashtag);
}
.app-body .column-link .icon-hashtag {
    background-image: var(--icon-hashtag-accent);
}
.app-body .column-link.active .icon-hashtag {
    background-image: var(--icon-hashtag-accent-active);
}
/* Explore icon */
.app-body .icon-explore,
.app-body .column-link .icon-explore {
    background-image: var(--icon-explore);
}
.app-body .column-link.active .icon-explore {
    background-image: var(--icon-explore-active);
}
.layout-multiple-columns .column-link .icon-explore {
    background-image: var(--icon-explore-accent);
}
.app-body .navigation-panel .column-link .icon-explore {
    background-image: var(--icon-explore-accent);
}
.app-body .ui__navigation-bar__item[href="/explore"] .icon {
    background-image: var(--icon-explore);
}
.app-body .navigation-panel .column-link.active .icon-explore {
    background-image: var(--icon-explore-accent-active);
}
.app-body .ui__navigation-bar__item[href="/explore"].active .icon {
    background-image: var(--icon-explore-active);
}
/* Search icon */
.app-body .icon-search {
    background-image: var(--icon-search);
}
.app-body .ui__header__links .icon-search,
.app-body .search__icon .icon-search,
.app-body .search__icon-wrapper .icon-search {
    background-image: var(--icon-search-active);
}
.app-body .column-link .icon-search {
    background-image: var(--icon-search-column-link);
}
.app-body .column-link.active .icon-search {
    background-image: var(--icon-search-column-link-active);
}
.app-body .column-header__icon.icon-search {
    background-image: var(--icon-search-column-link);
}
.app-body .navigation-panel .column-link .icon-search,
.app-body .ui__navigation-bar__item[href="/search"] .icon {
    background-image: var(--icon-search-column-link-accent);
}
.app-body .navigation-panel .column-link.active .icon-search {
    background-image: var(--icon-search-column-link-accent-active);
}
.app-body .ui__navigation-bar__item[href="/search"].active .icon {
    background-image: var(--icon-search-column-link-active);
}
.app-body .icon-times-circle {
    background-image: var(--icon-erase);
}
/* Notifications icon */
.app-body .column-link .icon-bell,
.app-body .column-header__icon.icon-bell {
    background-image: var(--icon-bell);
}
.app-body .column-link.active .icon-bell {
    background-image: var(--icon-bell-active);
}
.app-body .navigation-panel .column-link .icon-bell {
    background-image: var(--icon-bell-accent);
}
.app-body .ui__navigation-bar__item[href="/notifications"] .icon {
    background-image: var(--icon-bell);
}
.app-body .navigation-panel .column-link.active .icon-bell,
.app-body .ui__navigation-bar__item[href="/notifications"].active .icon {
    background-image: var(--icon-bell-accent-active);
}
.app-body .ui__navigation-bar__item[href="/notifications"].active .icon {
    background-image: var(--icon-bell-active);
}
/* Direct messages icon */
.app-body .column-link .icon-at,
.app-body .column-header__icon.icon-at {
    background-image: var(--icon-direct-messages);
}
.app-body .column-link.active .icon-at {
    background-image: var(--icon-direct-messages-active);
}
.layout-multiple-columns .column-link .icon-at {
    background-image: var(--icon-direct-messages-accent);
}
.app-body .navigation-panel .column-link .icon-at {
    background-image: var(--icon-direct-messages-accent);
}
.app-body .navigation-panel .column-link.active .icon-at {
    background-image: var(--icon-direct-messages-accent-active);
}
/* Bookmarks icon */
.app-body .icon-bookmarks,
.app-body .column-header__icon.icon-bookmarks {
    background-image: var(--icon-bookmark-column-link);
}
.app-body .column-link.active .icon-bookmarks {
    background-image: var(--icon-bookmark-column-link-active);
}
.layout-multiple-columns .column-link .icon-bookmarks {
    background-image: var(--icon-bookmark-column-link-accent);
}
.app-body .navigation-panel .column-link .icon-bookmarks {
    background-image: var(--icon-bookmark-column-link-accent);
}
.app-body .navigation-panel .column-link.active .icon-bookmarks {
    background-image: var(--icon-bookmark-column-link-accent-active);
}
/* Favorites icon */
.app-body .column-link .icon-star,
.app-body .column-header__icon.icon-star {
    background-image: var(--icon-star-column-link);
}
.app-body .column-link.active .icon-star {
    background-image: var(--icon-star-column-link-active);
}
.layout-multiple-columns .column-link .icon-star {
    background-image: var(--icon-star-column-link-accent);
}
.app-body .navigation-panel .column-link .icon-star {
    background-image: var(--icon-star-column-link-accent);
}
.app-body .navigation-panel .column-link.active .icon-star {
    background-image: var(--icon-star-column-link-accent-active);
}
/* Lists icon */
.app-body .icon-list-ul,
.app-body .column-header__icon.icon-list-ul {
    background-image: var(--icon-list);
}
.app-body .column-link.active .icon-list-ul {
    background-image: var(--icon-list-active);
}
.layout-multiple-columns .column-link .icon-list-ul {
    background-image: var(--icon-list-accent);
}
.app-body .navigation-panel__list-panel__items .icon {
    display: block;
}
.app-body .navigation-panel .navigation-panel__list-panel__items .column-link .icon {
    background-image: var(--icon-dot-accent);
    transform: scale(1.8);
}
.app-body .navigation-panel .navigation-panel__list-panel__items .column-link.active .icon {
    background-image: var(--icon-dot-accent-active);
}
.app-body .navigation-panel .column-link .icon-list-ul {
    background-image: var(--icon-list-accent);
}
.app-body .navigation-panel .column-link.active .icon-list-ul {
    background-image: var(--icon-list-accent-active);
}

/* Settings icon */
.app-body .column-link .icon-cog {
    background-image: var(--icon-settings);
}
.layout-multiple-columns .column-link .icon-cog {
    background-image: var(--icon-settings-accent);
}
.app-body .navigation-panel .column-link .icon-cog {
        background-image: var(--icon-settings-accent);
}
/* About page icon */
.app-body .navigation-panel .column-link .icon-ellipsis-h {
    background-image: var(--icon-about);
}
.app-body .navigation-panel .column-link.active .icon-ellipsis-h {
    background-image: var(--icon-about-active);
}
/* Hamburger menu */
.app-body button.ui__navigation-bar__item .icon {
    background-image: var(--icon-list);
}
.app-body button.ui__navigation-bar__item.active .icon {
    background-image: var(--icon-list-active);
}

/* Moderation icon */
.app-body .icon-flag {
    background-image: var(--icon-moderation);
}
.app-body .icon-tachometer {
    background-image: var(--icon-administration);
}
/* Profile settings */
.app-body .navigation-bar .icon-button .icon-bars {
    background-image: var(--icon-gear);
}
.app-body .navigation-bar .icon-button.active .icon-close {
    background-image: var(--icon-gear-active);
}
.app-body .navigation-bar .icon-button:is(:active, :focus, :hover) {
    background-color: transparent;
}
.app-body .navigation-bar .icon-button.active {
    transform: rotate(60deg) scale(1.1);
    animation: rotate-bounce .4s 1;
}
/* Follow user icon */
.app-body .icon-user-plus,
.app-body .icon-user,
.app-body .icon-person-add {
    background-image: var(--icon-user-plus-accent);
}
.app-body .active .icon-user-plus {
    background-image: var(--icon-user-plus);
}
.app-body .column-header__icon.icon-user-plus,
.app-body .column-link .icon-user-plus {
    background-image: var(--icon-user-plus-column-link);
}
.app-body .column-link.active .icon-user-plus {
    background-image: var(--icon-user-plus-column-link-active);
}
.layout-multiple-columns .column-link .icon-user-plus {
    background-image: var(--icon-user-plus-column-link-accent);
}
.app-body .navigation-panel .column-link .icon-user-plus {
    background-image: var(--icon-user-plus-column-link-accent);
}
.app-body .navigation-panel .column-link.active .icon-user-plus {
    background-image: var(--icon-user-plus-column-link-accent-active);
}
/* Users icon */
.app-body .icon-users {
    background-image: var(--icon-users);
}
.app-body .column-link .icon-users {
    background-image: var(--icon-users-accent);
}
/* Announcement icon */
.app-body .icon-bullhorn {
    background-image: var(--icon-megaphone);
}
/* Column settings icon */
.app-body .icon-sliders {
    background-image: var(--icon-sliders);
}
.app-body .icon-flag {
    background-image: var(--icon-moderation-accent);
}
.app-body .icon-tachometer {
    background-image: var(--icon-administration-accent);
}
.app-body .column-link .icon.icon- {
    background-image: var(--icon-ellipsis-accent);
}
/* Post visibility icons */
.app-body .icon-globe {
    background-image: var(--icon-globe-visibility);
}
.app-body .dropdown-button .icon-globe {
    background-image: var(--icon-globe-visibility-accent);
}
.app-body .dropdown-button.active .icon-globe {
    background-image: var(--icon-globe-visibility-inv);
}
.app-body .icon-unlock {
    background-image: var(--icon-unlock);
}
.app-body .dropdown-button .icon-unlock {
    background-image: var(--icon-unlock-accent);
}
.app-body .dropdown-button.active .icon-unlock {
    background-image: var(--icon-unlock-inv);
}
.app-body .icon-lock {
    background-image: var(--icon-lock);
}
.app-body .dropdown-button .icon-lock {
    background-image: var(--icon-lock-accent);
}
.app-body .dropdown-button.active .icon-lock {
    background-image: var(--icon-lock-inv);
}
.app-body .icon-at {
    background-image: var(--icon-at);
}
.app-body .dropdown-button .icon-at {
    background-image: var(--icon-at-accent);
}
.app-body .dropdown-button.active .icon-at {
    background-image: var(--icon-at-inv);
}

/* Other icons */
.app-body .icon-paperclip {
    background-image: var(--icon-paperclip-accent);
}
.app-body .icon-photo-library,
.app-body .edit-indicator__attachments > .icon {
    background-image: var(--icon-paperclip);
}
.app-body .compose-form__buttons .icon-button:nth-child(3) .icon {
    background-image: var(--icon-warning);
}
.app-body .compose-form__buttons .icon-button:nth-child(3):is(.active, .active:hover) .icon {
    background-image: var(--icon-warning-inv);
}
.app-body .icon-check:is(.verified__mark, .verified-badge__mark) {
    background-image: var(--icon-verified);
}
.app-body .follow-request-banner .button:is(:active, :focus, :hover) .icon-check {
    background-image: var(--icon-check-inv);
}
.app-body .account__relationship .icon-check,
.app-body .follow-request-banner .button .icon-check {
    background-image: var(--icon-check);
}
.app-body .icon-bell {
    background-image: var(--icon-bell-ringing);
}
.app-body .icon-bell-o {
    background-image: var(--icon-bell-accent);
}
.app-body .icon-thumb-tack {
    background-image: var(--icon-pin);
}
.app-body .icon-file-text {
    background-image: var(--icon-link);
}
.app-body
    :is(
        .account--panel,
        .follow-request-banner,
        .account__relationship
    )
    .icon-times {
        background-image: var(--icon-reject);
}
.app-body .account--panel .icon-times,
.app-body .follow-request-banner .button:is(:active, :focus, :hover) .icon-times {
    background-image: var(--icon-reject-inv);
}
.app-body .account__relationship .icon-times,
.app-body .follow-request-banner .button .icon-times {
    background-image: var(--icon-reject);
}
.app-body .account__header__buttons .icon.icon- {
    background-image: var(--icon-share);
}
.app-body .account__header__buttons .copyable .icon {
    background-image: var(--icon-copy);
}
.app-body .account__header__buttons .copied .icon {
    background-image: var(--icon-copied);
}
.app-body .icon-eye-slash {
    background-image: var(--icon-eye-shut);
}
.app-body .icon-button.overlayed .icon-eye-slash,
.app-body .media-gallery__item__overlay .icon-eye-slash {
    background-image: var(--icon-eye-shut-inv);
}
.app-body .player-button .icon-eye-slash {
    filter: brightness(100);
}
.app-body .icon-eye {
    background-image: var(--icon-eye-open);
}
.app-body .icon-eraser {
    background-image: var(--icon-broom);
}
.app-body .icon-pencil {
    background-image: var(--icon-edited-accent);
}
.app-body .icon-edit {
    background-image: var(--icon-edited-accent);
}


/* Links */
.app-body a.status-link:not(.mention, .hashtag),
.app-body .status__content a.unhandled-link,
.app-body a:is(.status-link, .mention, .navigation-bar__profile-edit) span,
.app-body :is(.account__header__fields, .account__header__content) a span {
    text-decoration-line: underline;
    text-decoration-color: color-mix(in srgb, var(--color-accent), transparent 55%);
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}
.app-body a.status-link:not(.mention, .hashtag):is(:active, :focus, :hover),
.app-body .status__content a.unhandled-link:hover,
.app-body a:is(.status-link, .mention, .navigation-bar__profile-edit):is(:active, :focus, :hover) span,
.app-body :is(.account__header__fields, .account__header__content, .trends__item__name) a:is(:active, :focus, :hover) span,
.app-body
    :is(
        .detailed-status__display-name,
        .reply-indicator__display-name,
        .status__display-name,
        a.account__display-name
    ):is(:active, :focus, :hover)
    .display-name strong,
.app-body .status__prepend a:is(:active, :focus, :hover) bdi,
.app-body a.notification-request__link:is(:active, :focus, :hover) .notification-request__name__display-name strong,
.app-body .more-from-author a:is(:active, :focus, :hover) bdi {
        text-decoration-line: underline;
        text-decoration-color: currentColor;
        text-decoration-thickness: 2px;
        text-underline-offset: 2px;
}
.app-body a.mention:is(:active, :focus, :hover),
.app-body :is(.account__header__fields, .account__header__content) a:is(:active, :focus, :hover),
.app-body :is(.detailed-status__datetime, .status__relative-time):is(:active, :focus, :hover) {
    text-decoration: none !important;
}
.app-body .account__header__fields .verified a span {
    display: inline;
}
.app-body a.mention:not(.hashtag) > span {
    font-weight: 500;
}
.app-body a:is(.mention, .hashtag) > span {
    color: var(--color-content-fg);
}



/* 📝 Compose panel
   ---------------- */
.app-body .compose-form {
    gap: 0;
}
.app-body .scrollable:has(> .compose-form) {
    background-color: var(--color-bg);
}
.app-body .compose-form .navigation-bar {
    border-radius: 8px 8px 0 0;
    padding: 23px 15px 15px 18px;
    position: relative;
    background-color: var(--color-content-bg);
    border-top: 1px solid var(--color-lines);
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
    transition:
        background-color .2s,
        border-color .2s;
}
.app-body .navigation-bar strong {
    color: var(--color-content-fg);
}
.app-body .navigation-bar .account {
    background-color: transparent;
    padding-left: 0;
    padding-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.app-body .navigation-bar .account__display-name {
    line-height: 1.25;
}
.app-body :is(.compose-form .navigation-bar, .reply-indicator) .account__avatar {
    outline: 6px solid var(--color-content-bg);
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
.app-body .reply-indicator__line {
    z-index: 1;
}
.app-body .compose-form__highlightable {
    border-top: 0;
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
    border-bottom: 1px solid var(--color-lines);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: var(--color-content-bg);
    transition: all .2s;
}
.app-body .compose-form .reply-indicator:has(~ .compose-form__highlightable:focus-within),
.app-body .compose-form .navigation-bar:has(~ .compose-form__highlightable:focus-within),
.app-body .compose-form .compose-form__warning:has(~ .compose-form__highlightable:focus-within),
.app-body .compose-form__highlightable:focus-within {
    border-color: var(--color-accent);
}
.app-body .compose-form .reply-indicator + .navigation-bar,
.app-body .compose-form .navigation-bar:has(~ .compose-form__highlightable:focus-within),
.app-body .reply-indicator {
    background-color: var(--color-content-bg);
}
.app-body .compose-form__highlightable.active {
    box-shadow: none;
}
.app-body .compose-form
    :is(
        .autosuggest-textarea__suggestions,
        .autosuggest-textarea__textarea,
        .autosuggest-textarea__suggestions__item,
        .compose-form__modifiers
    ) {
        background-color: var(--color-content-bg);
        color: var(--color-content-fg);
        border: 0;
        border-top: 0;
        border-radius: 0;
}
.app-body .compose-form .autosuggest-textarea__textarea {
    padding-inline-start: 20px;
}
.app-body .compose-form .autosuggest-textarea__textarea::placeholder {
    font-size: 130%;
    opacity: .5;
}
.app-body .autosuggest-textarea__textarea::placeholder,
.app-body .autosuggest-account .display-name__html {
    color: var(--color-content-fg);
}
.app-body .autosuggest-account .display-name__account,
.app-body .hover-card .display-name__account,
.app-body .hover-card .account-fields dl dt {
    color: var(--color-content-fg-muted);
}
.app-body .autosuggest-textarea__suggestions {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-lines);
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, .25),
        0 8px 10px -6px rgba(0, 0, 0, .25);
}
.app-body .autosuggest-textarea__suggestions__item {
    color: var(--color-content-fg);
}
.app-body .autosuggest-textarea__suggestions__item:is(.selected, :active, :focus, :hover),
.app-body .autosuggest-textarea__suggestions__item:is(.selected, :active, :focus, :hover) .autosuggest-account :is(.display-name__account, .display-name__html) {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body .autosuggest-textarea__suggestions,
.app-body .autosuggest-textarea__suggestions__item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.app-body .autosuggest-account .account__avatar {
    border: 0;
}
.app-body .dropdown-button {
    border-radius: 8px;
    border-color: var(--color-accent-bg);
    color: var(--color-accent);
    padding: 5px 8px;
    transition: border-color .2s;
}
.app-body .dropdown-button:hover {
    border-color: var(--color-accent);
}
.app-body .dropdown-button.active,
.app-body .column-settings .dropdown-button.active {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body .column-settings .dropdown-button {
    background-color: var(--color-accent-bg);
}
.app-body .dropdown-button.warning:not(.active) {
    border-color: var(--color-reject);
    color: var(--color-reject)
}
.app-body .reply-indicator {
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
    border-top: 1px solid var(--color-lines);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
    margin: 0;
    padding: 18px 15px 0 18px;
    transition: all .2s;
}
.app-body .reply-indicator p {
    overflow: hidden;
}
.app-body .reply-indicator__line::before {
    background-color: var(--color-accent);
    z-index: 1;
    opacity: .6;
}
.app-body .reply-indicator + .navigation-bar {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 16px;
}
.app-body .reply-indicator .display-name__account,
.app-body .reply-indicator__attachments {
    color: var(--color-content-fg);
    opacity: .7;
}
.app-body .reply-indicator__attachments {
    margin-top: 8px;
}

.app-body .edit-indicator {
    background-color: var(--color-content-secondary-bg);
    border-bottom: 0;
    gap: 2px;
    padding-inline-start: 20px;
    padding-bottom: 17px;
}
.app-body .edit-indicator__header {
    color: var(--color-content-fg);
}
.app-body .edit-indicator__header > *:not(.edit-indicator__cancel) {
    opacity: .7;
}
.app-body .edit-indicator__content {
    color: var(--color-content-fg);
}
.app-body .edit-indicator__content a {
    color: var(--color-accent);
}
.app-body .edit-indicator__attachments {
    color: var(--color-content-fg);
    opacity: .7;
}

.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) {
    border: 1px solid var(--color-accent-bg);
    color: var(--color-accent);
    border-radius: 8px;
    transition: all .2s;
}
.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):hover {
    border-color: var(--color-accent);
}
.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):active {
    background-color: var(--color-accent-bg);
}

.app-body .compose-form .compose-form__highlightable .spoiler-input {
    order: 1;
}
.app-body .compose-form .compose-form__highlightable .compose-form__input {
    order: 2;
}
.app-body .compose-form .compose-form__highlightable :is(.status__quote, .compose-form__poll, .upload-progress, .compose-form__upload, .compose-form__uploads) {
    order: 3;
}
.app-body .compose-form .compose-form__highlightable .compose-form__dropdowns {
    order: 4;
}
.app-body .compose-form .compose-form__highlightable .compose-form__footer {
    order: 5;
}


.app-body .compose-form .compose-form__warning {
    background-color: var(--color-accent-bg);
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
    border-radius: 0;
    box-shadow: none;
    transition: border-color .2s;
}
.app-body .compose-form .compose-form__warning,
.app-body .simple_form .recommended,
.app-body .compose-form .compose-form__warning,
.app-body .compose-form .compose-form__warning a,
.app-body .reply-indicator__content a,
.app-body .navigation-bar__profile-edit {
    color: var(--color-accent);
}
.app-body .simple_form .recommended {
    border-color: var(--color-lines);
}
.app-body .compose-form__sensitive-button .icon-button:hover {
    background-color: transparent;
}
.app-body .compose-form__sensitive-button input[type=checkbox]:checked {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
}
.app-body .spoiler-input__border {
    display: none;
}
.app-body .compose-form .autosuggest-input {
    box-sizing: border-box;
}
.app-body .compose-form .spoiler-input.spoiler-input--visible {
    margin-bottom: 0;
    height: auto;
    background-color: var(--color-content-bg);
}
.app-body .compose-form .spoiler-input .autosuggest-input {
    background-color: var(--color-content-bg);
    border-top: 0;
    border-bottom: 0;
    padding: 10px;
}
.app-body .compose-form .spoiler-input__input {
    background-image: var(--icon-warning);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: var(--color-accent-bg);
    color: var(--color-accent);
    border: 1px solid var(--color-accent-lines);
    margin-bottom: 0;
    border-radius: 8px;
    padding: 8px 15px 8px 36px;
    font-weight: 500;
    transition: all .2s;
}
.app-body .compose-form .spoiler-input__input:focus {
    border-color: var(--color-accent);
    background-color: var(--color-content-bg);
}
.app-body .display-name {
    color: var(--color-content-fg);
}
.app-body .compose-form__upload .icon-button.compose-form__upload__delete .icon {
    width: 15px;
    height: 15px;
}
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
    color: #ffffff;
}
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button:is(:active, :focus, :hover) {
    background-color: rgba(0, 0, 0, .4);
}
@media screen and (max-width:1175px) {
    .app-body:not(.layout-multiple-columns) .compose-form {
        padding: 15px;
    }
}

.app-body .compose-form .attachment-list.compact .icon {
    color: var(--color-content-fg-muted);
    vertical-align: bottom;
}

.app-body .compose-form .status__quote {
    margin: 10px 10px 0;
}
.app-body .compose-form .status--is-quote .status__content {
    font-size: 14px;
}
.app-body .compose-form .status--is-quote .status__relative-time {
    padding-inline-end: 25px;
}
.app-body .compose-form .status__quote-cancel {
    position: absolute;
    inset-inline-end: 6px;
    inset-block-start: 8px;
    z-index: 2;
}


.app-body .character-counter {
    color: var(--color-content-fg);
    opacity: 0;
    font-size: 15px;
    font-weight: 500;
    transition:
        opacity .3s,
        margin-right .3s;
    transform-origin: right center;
    margin-right: -10px;
}
.app-body .compose-form:not(:has(.autosuggest-textarea__textarea:placeholder-shown)) .character-counter {
    opacity: 1;
    margin-right: 0;
}
.app-body .character-counter--over {
    color: #df405a;
    font-weight: 500;
    animation: bounce .3s 1;
}

.compose-form__footer {
    gap: 10px;
    padding: 0;
}
.app-body .compose-form__dropdowns {
    gap: 6px;
    margin: 8px;
    padding: 2px;
}
.app-body .compose-form__actions {
    border-radius: 0 0 8px 8px;
    padding: 10px 12px;
    background-color: var(--color-content-secondary-bg);
}
.app-body .compose-form__buttons {
    gap: 1px;
}
.app-body .compose-form__buttons .icon-button {
    padding: 6px;
    border-radius: 8px;
    transition: all .2s;
}
.app-body .compose-form__buttons .icon {
    transform: scale(1.2);
    width: 20px;
}
.app-body .compose-form__buttons .icon-button:is(.active, .active:hover) {
    background-color: var(--color-accent);
}
.app-body .compose-form__submit {
    max-width: 40px;
}
.app-body .compose-form__submit .button {
    height: 40px;
    max-width: 40px;
    color: transparent;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--icon-send-inv);
    background-color: var(--color-accent);
    transition:
        transform .2s,
        background-color .2s,
        border-color .2s;
}
.app-body .compose-form__submit .button:active {
    transform: scale(.95);
}
.app-body .compose-form:has(.autosuggest-textarea__textarea:placeholder-shown) .compose-form__submit .button {
    background-image: var(--icon-send);
    background-color: var(--color-accent-bg);
}
.app-body .compose-form:not(:has(.autosuggest-textarea__textarea:placeholder-shown)) .compose-form__submit {
    animation: bounce-sml .2s ease-out 1;
}

.app-body .upload-area__background {
    background-color: var(--color-secondary-bg);
    border-radius: 8px;
}
.app-body .upload-area__content {
    border-color: var(--color-accent-focus);
    border-radius: 8px;
}
.app-body .upload-progress__tracker {
    background-color: var(--color-accent);
}
.app-body .upload-progress__backdrop {
    background-color: var(--color-accent-bg);
}
.app-body .upload-progress .icon {
    color: var(--color-accent)
}
.app-body .upload-progress__message,
.app-body .upload-progress__message span {
    color: var(--color-content-fg);
}
.app-body .compose-form__upload .icon-button {
    background-color: rgba(0, 0, 0, .75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--color-accent-fg);
    border-radius: 8px;
    padding: 6px;
}
.app-body .compose-form__upload .icon-button:hover {
    background-color: #444;
    color: var(--color-accent-fg);
}

/* Poll composer */
.app-body .compose-form__poll {
    gap: 3px;
}
.app-body .compose-form__poll .poll__option {
    margin-bottom: 2px;
    padding: 0 10px;
}
.app-body .poll__option input[type=text] {
    border-radius: 8px;
    padding: 7px 12px;
    border: 1px solid var(--color-lines);
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
    transition: all .2s;
}
.app-body .poll__option input[type=text]:focus {
    border-color: var(--color-accent);
}
.app-body .compose-form__poll__footer {
    margin-top: 5px;
    padding-inline-start: 10px;
    gap: 6px;
    margin-bottom: -3px;
}
.app-body .compose-form__poll__select__label {
    display: none;
}
.app-body .compose-form__poll__select__value {
    background-position: 8px center;
    background-size: 15px;
    background-repeat: no-repeat;
    background-color: var(--color-content-bg);
    color: var(--color-accent);
    padding: 4px 8px 4px 27px;
    border-radius: 8px;
    border: 1px solid var(--color-accent-bg);
    font-size: 12px;
    line-height: 1.33;
    transition:
        background-color .2s,
        border-color .2s;
    cursor: pointer;
}
.app-body .compose-form__poll__select__value:is(:active, :hover, :focus) {
    border-color: var(--color-accent);
    outline: 0;
}
.app-body .compose-form__poll__select__value:active {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body .compose-form__poll__footer .compose-form__poll__select:first-child .compose-form__poll__select__value {
    background-image: var(--icon-timer);
}
.app-body .compose-form__poll__footer .compose-form__poll__select:first-child .compose-form__poll__select__value:active {
    background-image: var(--icon-timer-inv);
}
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value {
    background-image: var(--icon-check-radio);
}
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:active,
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:has(option:first-child:checked):active {
    background-image: var(--icon-check-radio-inv);
}
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:has(option:first-child:checked) {
    background-image: var(--icon-check-radio);
}
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:has(option:last-child:checked) {
    background-image: var(--icon-check-box);
}
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:has(option:last-child:checked):active {
    background-image: var(--icon-check-box-inv);
}

.app-body .compose-form__poll__footer__sep {
    display: none;
}

.app-body .compose-form__poll .poll__option.empty:not(:focus-within) {
    opacity: .8;
}

.app-body .compose-form__poll-wrapper,
.app-body .compose-form__poll-wrapper .poll__footer {
    border-top: 0;
}
.app-body .compose-form__poll-wrapper ul {
    background-color: var(--color-accent-bg);
}
.app-body .compose-form__poll-wrapper .autosuggest-input input,
.app-body .compose-form__poll-wrapper select {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-lines);
    border-radius: 8px;
    color: var(--color-content-fg);
}
.app-body .compose-form__poll-wrapper .autosuggest-input input:focus,
.app-body .compose-form__poll-wrapper select:focus {
    border-color: var(--color-accent);
}
.app-body .compose-form__poll-wrapper .poll__footer .button.button-secondary {
    padding: 6px 16px;
}
.app-body .compose-form__poll-wrapper .icon-button.disabled {
    color: transparent;
    pointer-events: none;
}
.app-body .compose-form__poll-button .icon-button.active {
    background-color: var(--color-accent);
}
.app-body .compose-form__poll-button .icon-button.active .icon-tasks {
    background-image: var(--icon-poll-active);
}

/* Polls in posts */
.app-body .muted .poll {
    color: var(--color-content-fg-muted);
}
.app-body .poll__footer {
    color: var(--color-content-fg-muted);
    display: flex;
    flex-flow: wrap;
    gap: 5px;
    align-items: center;
    box-sizing: border-box;
    font-size: 12px;
    padding: 0;
}
.app-body .poll__link {
    color: var(--color-accent);
    text-decoration: none;
    box-sizing: border-box;
    padding: 0 8px;
    border: 1px solid var(--color-accent-bg);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    transition: all .3s;
}
.app-body .poll__link:hover {
    border-color: var(--color-accent);
}
.app-body .poll__link:active {
    background-color: var(--color-accent-bg);
}
.app-body .poll__option.editable .poll__input {
    display: none;
}
.app-body .poll li {
    margin-bottom: 4px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.app-body :is(.status, .detailed-status) .poll__option {
    border: 1px solid var(--color-lines-translucent);
    color: var(--color-content-fg);
    font-weight: 500;
    padding: 8px;
    border-radius: 8px;
    transition: all .2s;
    position: relative;
    z-index: 1;
    align-items: center;
}
.app-body .poll__option.selectable {
    cursor: pointer;
}
.app-body .poll__option.selectable:active {
    transform: scale(.98);
}
.app-body .poll__option.selectable:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
}
.app-body .poll__option.selectable:has(.poll__input.active) {
    border-color: var(--color-accent);
    background-color: var(--color-accent-bg);
    color: var(--color-accent);
}
.app-body .poll__option.selectable .poll__input:not(.active) {
    border-width: 0;
    outline-width: 0 !important;
    background-color: var(--color-lines);
    transition:
        background .2s;
}
.app-body .poll__option.selectable:hover .poll__input:not(.active) {
    background-color: var(--color-accent-bg);
}
.app-body .poll__option.selectable .poll__input.active {
    border-width: 3px;
    border-color: var(--color-accent-bg);
    outline-width: 1px !important;
}
.app-body .poll__footer .button.button-secondary {
    box-sizing: border-box;
    padding: 0 16px;
    margin: 0;
    height: 32px;
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
    float: inline-end;
}
.app-body .poll__footer .button.button-secondary:hover {
    background-color: var(--color-accent-focus);
    color: var(--color-accent-fg);
}
.app-body .poll__footer .button.button-secondary:disabled {
    opacity: 1;
    background-color: var(--color-content-secondary-bg);
    color: var(--color-accent);
    display: none;
}
.app-body .poll__footer .button.button-secondary:not(:disabled) {
    animation: bounce-sml .3s ease-out 1;
}
.app-body .poll__footer .button.button-secondary:active {
    transform: scale(.95);
}
.app-body .poll__voted {
    position: absolute;
    right: 3px;
    height: 20px;
    color: var(--color-accent);
}
.app-body .poll__option:has(+ .poll__chart.leading) .poll__voted {
    right: 28px;
    color: var(--color-confirm-fg);
}
.app-body .poll__chart {
    background: var(--color-lines);
    opacity: .8;
    height: auto;
    border-radius: 8px 0 0 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
}
@media (prefers-color-scheme: dark) {
    .app-body .poll__chart {
        opacity: 1;
    }
}
.app-body .poll__chart.leading,
.app-body .muted .poll__chart.leading,
.app-body .poll__option:has(.poll__voted) + .poll__chart.leading {
    background: var(--color-confirm);
    opacity: .5;
}
.app-body .poll__option:has(.poll__voted) {
    border-color: var(--color-accent);
    background-color: transparent;
}
.app-body .poll__option:has(.poll__voted) + .poll__chart {
    background-color: color-mix(in srgb, var(--color-accent), transparent 70%);
    opacity: 1;
}
.app-body .poll__option:has(+ .poll__chart.leading),
.app-body .poll__option:has(.poll__voted):has(+ .poll__chart.leading) {
    border-color: color-mix(in srgb, var(--color-confirm), transparent 30%);
    color: var(--color-content-fg);
    background-color: transparent;
    background-size: 20px;
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-image: var(--icon-trophy);
}
.app-body .poll__option:has(.poll__voted):has(+ .poll__chart.leading) {
    border-color: var(--color-confirm);
}

/* Emoji picker */
.app-body .emoji-picker-dropdown > .icon-button .icon {
    background-image: var(--icon-emoji-accent);
}
.app-body .emoji-picker-dropdown > .icon-button.active .icon {
    background-image: var(--icon-emoji-accent-inv);
}
.app-body .emoji-picker-dropdown__menu {
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-lines);
    box-shadow: var(--dropdown-shadow);
}
.app-body .emoji-mart {
    display: block;
}
.app-body .emoji-mart-bar:first-child {
    background-color: var(--color-content-secondary-bg);
    border-color: var(--color-lines);
    padding-top: 2px;
}
.app-body .emoji-mart-anchor-bar {
    background-color: var(--color-accent);
}
.app-body .emoji-mart-anchor-selected {
    color: var(--color-accent);
}
.app-body .emoji-mart-anchor-icon svg path,
.app-body .emoji-mart-anchor-icon svg rect {
    fill: var(--color-content-fg);
}
.app-body .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg path,
.app-body .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg rect,
.app-body .emoji-mart-search-icon svg path {
    fill: var(--color-accent);
}
.app-body .emoji-mart-search-icon,
.app-body .emoji-mart-search-icon:disabled,
.app-body .emoji-mart-search-icon svg {
    opacity: 1;
}
.app-body .emoji-mart-scroll::-webkit-scrollbar-track {
    background-color: var(--color-content-bg);
}
.app-body .emoji-mart-search,
.app-body .emoji-mart-scroll,
.app-body .emoji-mart-category-label span {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
}
.app-body .emoji-mart-search input {
    background-color: var(--color-accent-bg);
    border-color: var(--color-accent-lines);
    color: var(--color-content-fg);
    border-radius: 8px;
}
.app-body .emoji-mart-search input:focus {
    border-color: var(--color-accent);
    outline: 0;
}
.app-body .emoji-mart-search input::placeholder {
    color: var(--color-accent);
}



/* Zoom on emojis on hover (in post content only */
.app-body .status__content .emojione {
    transition: transform .8s .8s;
}
.app-body .status__content .emojione:hover {
    transform: scale(2.5);
}




/* 💬 Posts
   -------- */
.app-body .reply-indicator__content,
.app-body .status__content {
    color: var(--color-content-fg);
}
.app-body .account__display-name strong,
.app-body .status__display-name strong,
.app-body .status__info .status__display-name .display-name__account,
.app-body .status__prepend a bdi {
    color: var(--color-content-fg);
}
.app-body .translate-button {
    color: var(--color-content-fg-muted);
}
.app-body .translate-button__meta,
.app-body .translate-button button,
.app-body .status__content__translate-button {
    font-size: 85%;
}
.app-body .status__content__translate-button,
.app-body .translate-button .link-button {
    width: 32px;
    height: 32px;
    bottom: 13px;
    right: 52px;
    padding: 0px;
    position: absolute;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: var(--icon-translate-accent);
    border-radius: 8px;
    transition: all .3s;
    background-color: transparent;
}
.app-body .compose-form .status__content__translate-button,
.app-body .compose-form .translate-button .link-button {
    display: none;
}
.app-body .detailed-status .status__content__translate-button,
.app-body .detailed-status .translate-button .link-button {
    background-image: var(--icon-translate-accent);
    background-size: 25px;
    width: 40px;
    height: 40px;
    right: 60px;
    bottom: 20px;
}
.app-body .status--is-quote :is(.status__content__translate-button, .translate-button .link-button) {
    display: none;
}
@media screen and (max-width:770px) {
    .app-body .status__content__translate-button,
    .app-body .translate-button .link-button {
        bottom: 10px;
    }
    .app-body .notification-ungrouped .status__content__translate-button,
    .app-body .notification-ungrouped .translate-button .link-button {
        bottom: 13px;
        right: 55px;
    }
}
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child
    :is(
        .translate-button .link-button,
        .status__content__translate-button
    ) {
        bottom: 12px;
}
.app-body .status__content__translate-button:hover,
.app-body .translate-button .link-button:hover {
    background-color: var(--color-accent-bg);
}
.app-body .translate-button .link-button,
.app-body .detailed-status .translate-button .link-button,
.app-body .translate-button .link-button:hover,
.app-body .detailed-status .translate-button .link-button:hover {
    background-image: var(--icon-translate-active);
    background-color: var(--color-accent);
    transform: scale(.8);
}
.app-body .status__content__translate-button > span,
.app-body .translate-button .link-button > span,
.app-body .notification .status__content__translate-button {
    display: none;
}
.app-body .account__display-name strong,
.app-body .status__display-name strong,
.app-body .notification-request__name__display-name strong,
.app-body .status__prepend a bdi {
    font-weight: bold;
}
.app-body .status {
    margin-left: 56px;
    padding: 0 10px;
    border-bottom: 0;
}
.app-body .status__wrapper {
    transition: background .3s;
}
.app-body .status__wrapper,
.app-body .detailed-status__wrapper {
    --color-post-bg: var(--color-content-bg);
    background-color: var(--color-post-bg);
    padding: 13px 12px;
    position: relative;
}
@media screen and (max-width:770px) {
    .app-body .status__wrapper:not(:has(.status--is-quote)) {
        padding: 10px 8px;
    }
    .app-body .notification-ungrouped .status__wrapper:not(:has(.status--is-quote)) {
        padding: 13px 12px;
    }
}
.app-body .scrollable > div:first-child > div:first-child > .status__wrapper,
.app-body .scrollable > div:first-child > .status__wrapper,
.app-body .explore__search-results > div:first-child > .status__wrapper {
    border-top: 1px solid var(--color-lines);
}
.app-body .scrollable > div:last-child > div:last-child > .status__wrapper,
.app-body .scrollable > div > article:last-child > div > .status__wrapper,
.app-body .search-results__section > div:last-child >.status__wrapper {
    border-bottom: 1px solid var(--color-lines);
}
.app-body .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper {
    border-top: 0;
}
.app-body .status__info {
    height: 22px;
    gap: 2px;
    margin-inline-start: -56px;
    padding: 0;
    margin-bottom: 0;
    line-height: 0.625;
    align-items: start;
}
.app-body .status__info .status__display-name {
    overflow: visible;
    align-items: start;
    max-height: 22px;
}
.app-body .status__info .status__display-name .display-name__account {
    display: inline;
    opacity: .6;
}
.app-body .status__relative-time {
    height: 22px;
    color: var(--color-content-fg);
    display: flex;
    position: absolute;
    inset-inline-end: 23px;
    z-index: 1;
}
@media screen and (max-width: 770px) {
    .app-body .status__relative-time {
        inset-inline-end: 20px;
    }
}
.app-body .status__relative-time > * {
    opacity: .6;
}
.app-body .status__relative-time::before,
.app-body .status__relative-time::after {
    position: absolute;
    content: " ";
    display: block;
    height: 100%;
    z-index: -1;
    transition: all .2s;
}
.app-body .status__relative-time::before {
    width: 20px;
    inset-inline-start: -20px;
    background: linear-gradient(90deg, transparent, var(--color-post-bg));
    transition: all .2s;
}
.app-body .status__relative-time::after {
    inset-inline-start: 0;
    inset-inline-end: 0;
    background-color: var(--color-post-bg);
}
.app-body .status__relative-time time + abbr {
    display: inline-block;
    width: 18px;
    height: 22px;
    order: 2;
    margin: 0 4px 0 0;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: var(--icon-edited);
    color: transparent;
}
.app-body .status__relative-time .status__visibility-icon {
    order: 1;
}
.app-body .status__relative-time time {
    order: 3;
}
.app-body .status__relative-time time + abbr {
    order: 2;
}
.app-body .status__avatar {
    margin-bottom: -10px;
    z-index: 2;
    border-radius: 50%;
    outline: 6px solid var(--color-post-bg);
    background-color: var(--color-post-bg);
    transition: outline .3s;
}
.app-body .status__prepend + .status .status__avatar .account__avatar-overlay-base .account__avatar {
    width: 46px !important;
    height: 46px !important;
}
.app-body .status__prepend + .status .status__avatar .account__avatar-overlay-overlay {
    position: absolute;
    top: -34px;
    right: -38px;
    pointer-events: none;
}
.app-body .status__prepend + .status .status__avatar .account__avatar-overlay-overlay .account__avatar {
    width: 29px !important;
    height: 29px !important;
}
.app-body .reply-indicator__content,
.app-body .status__content {
    line-height: 1.4;
    position: static;
}

.app-body .e-content blockquote,
.app-body .reply-indicator__content blockquote,
.app-body .status__content__text blockquote {
    color: var(--color-content-fg);
    border-color: var(--color-lines);
    font-style: italic;
}
.app-body :is(.status__content__text, .e-content, .edit-indicator__content, .reply-indicator__content) blockquote::before {
    background-color: var(--color-content-fg);
}


/* 📏 Post dividers */
/* Use ::before to set a non-full-width divider between posts and notifications. The divider sits above the post. */
.app-body .status:not(.status--is-quote)::before,
.app-body .notification__message::before {
    position: absolute;
    background-color: var(--color-lines);
    height: 1px;
    width: 100%;
    top: -1px;
    inset-inline-start: unset;
    inset-inline-end: 0;
    content: "";
    opacity: .7;
    animation: none !important;
}
.app-body .status.status--in-thread:not(.status--first-in-thread)::before {
    width: calc(100% - 78px);
}
@media screen and (max-width:770px) {
    .app-body .status.status--in-thread:not(.status--first-in-thread)::before {
        width: calc(100% - 73px);
    }
}
@media (prefers-color-scheme: dark) {
    .app-body .status::before,
    .app-body .notification__message::before {
        opacity: 1;
    }
}

/* Remove border between posts when applicable */
.app-body .notification .status::before, /* no dividers on posts _inside_ notifications */
.app-body .account-timeline__header + article .status::before, /* no divider above first post on profile pages */
.app-body .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */
.app-body .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */
.app-body .hashtag-header + article .status::before,
.app-body .search-results__section .search-results__section__header + div .status::before,
.app-body .dismissable-banner + article .status::before {
    display: none;
}
@media screen and (min-width:890px) and (max-width:1175px) { /* no divider above first post in a column thread on medium-size devices */
    .app-body .scrollable > div:first-child > div:first-child > .status__wrapper .status::before,
    .app-body .scrollable > div > article:first-child > div > .status__wrapper .status::before{
        display: none;
    }
}

/* 👥 Threaded replies */
.app-body .status--first-in-thread:not(.status--is-quote) {
    border-top: 0;
}
.app-body .status--first-in-thread:not(.status--is-quote)::before {
    width: 100%;
    right: 0;
}
.app-body .status--in-thread
    :is(
        .attachment-list,
        .audio-player,
        .hashtag-bar,
        .media-gallery,
        .picture-in-picture-placeholder,
        .status-card,
        .status__action-bar,
        .status__content,
        .video-player
    ) {
        margin-left: 0;
        width: auto;
}
.app-body .status__line--first {
    height: 100%;
}
.app-body .status__line--full {
    height: calc(100% + 32px);
}
/* Default lines when replying in real time */
.app-body div[tabindex="-1"]:has(.status--in-thread) .status--in-thread:not(.status--first-in-thread) > .status__line:not(.status__line--full) {
    height: 0;
}
/* Hide line before first in thread */
.app-body div[tabindex="-1"]:has(.status--in-thread) + div[tabindex="-1"] > .status--in-thread.status--first-in-thread > .status__line:not(.status__line--full),
.app-body div[tabindex="-1"]:has(.detailed-status__wrapper) + div[tabindex="-1"] > .status__wrapper .status__line:not(.status__line--full) {
    height: 0;
}
.app-body div[tabindex="-1"]:has(+ div[tabindex="-1"] > .detailed-status__wrapper) .status--in-thread .status__line {
    height: calc(100% - 32px) !important;
}

.app-body div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.status--in-thread > .status__line.status__line--full,
.app-body .status__line--full.status__line--first {
    top: 32px;
    height: 100%;
    z-index: 1;
}
.app-body .detailed-status {
    background-color: transparent;
    border-top: 0;
}
/* Threaded line, actually */
.app-body .status__line {
    margin-inline-start: 6px;
    border-inline-start: 2px solid var(--color-accent);
    -webkit-border-start: 2px solid var(--color-accent);
    opacity: .6;
}
.app-body .status__line--full::before {
    background-color: var(--color-accent);
}
/* Hide the "stub" from the first status line */
div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.status--in-thread > .status__line.status__line--full,
.app-body .status-reply.status--in-thread.status--first-in-thread > .status__line,
.app-body .status-reply.status--in-thread.status--first-in-thread > .status__line--full::before {
    top: 32px;
}
@media screen and (max-width:770px) {
    .app-body .status__line {
        inset-inline-start: 35px;
    }
}


/* ⏺️ Posts when in focus */
.app-body
    :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus,
.app-body
    :is(.focusable, .status__wrapper.focusable):focus
    :is(.detailed-status, .detailed-status__action-bar),
.app-body .focusable:focus .notification-ungrouped__header,
.app-body .focusable:focus .status__wrapper,
.app-body .focusable:focus {
        outline: 0;
        --color-post-bg: var(--color-content-bg-focus);
        background-color: var(--color-post-bg);
}
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
    outline: 6px solid var(--color-post-bg);
}

/* 👁️ Post detailed view */
.app-body .detailed-status__wrapper { /* Set full-width divider above and below a detailed post */
    background-color: var(--color-post-bg);
    border-top: 1px solid var(--color-lines);
    border-bottom: 1px solid var(--color-lines);
    padding-bottom: 20px;
    z-index: 1;
    box-shadow:
        inset 0 -5px var(--color-content-secondary-bg),
        inset 0 -6px var(--color-lines);
}
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child {
    padding-bottom: 12px;
    box-shadow: none;
}
@media screen and (max-width:770px) {
    .app-body .detailed-status {
        padding: 8px 8px 14px;
    }
}
.app-body .detailed-status .detailed-status__display-avatar .account__avatar {
    width: 60px !important;
    height: 60px !important;
}
.app-body .detailed-status .status__content {
    line-height: 1.27;
}
.app-body .detailed-status {
    padding-bottom: 8px;
}
.app-body .detailed-status,
.app-body .detailed-status__action-bar {
    background-color: var(--color-content-bg);
    border: 0;
}
.app-body .detailed-status__display-name strong,
.app-body .detailed-status__display-name .display-name__account {
    color: var(--color-content-fg);
}
.app-body .detailed-status__display-name strong {
    font-size: 18px;
    font-weight: bold;
}
.app-body :is(.compose-panel, .compose-form) .detailed-status__display-name strong {
    font-size: 14px;
}
.app-body .detailed-status__display-name .display-name__account {
    opacity: .7;
}
.app-body .detailed-status__meta {
    color: var(--color-content-fg);
    display: flex;
    align-items: start;
    flex-flow: row wrap;
    font-size: 13px;
    gap: 5px;
    border-top: 1px solid color-mix(in srgb, var(--color-lines), transparent 20%);
    margin-top: 25px;
    padding-top: 12px;
    overflow: hidden;
    position: relative;
}
.app-body .detailed-status__meta::before {
    position: absolute;
    content: " ";
    display: block;
    height: 100%;
    z-index: 1;
    width: 30px;
    inset-inline-end: 0;
    background: linear-gradient(90deg, transparent, var(--color-post-bg));
}
.app-body .detailed-status__meta__line {
    border-top: 0;
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    gap: 6px;
    position: relative;
    opacity: .6;
}
.app-body .detailed-status__meta__line:first-child {
    color: transparent;
    padding-left: 20px;
    padding-right: 5px;
    gap: 0;
}
.app-body .detailed-status__meta__line:first-child svg {
    position: absolute;
    left: 0;
}
.app-body .detailed-status__meta__line:first-child > * {
    color: var(--color-content-fg);
    white-space: nowrap;
}
.app-body .detailed-status__meta__line:last-child {
    flex: 100%;
    opacity: .9;
    color: transparent;
}
.app-body .detailed-status__application::before {
    content: "\00B7\00A0";
    margin-left: -3px;
}
.app-body .detailed-status__link:is([href$="/reblogs"], :has(.detailed-status__quotes), [href$="/quotes"], [href$="/favourites"]) {
    color: var(--color-content-fg);
    padding-left: 20px;
    border-radius: 8px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
    transition: all .2s;
}
.app-body .detailed-status__link[href$="/reblogs"] {
    background-image: var(--icon-boost);
}
.app-body .detailed-status__link:is(:has(.detailed-status__quotes), [href$="/quotes"]) {
    background-image: var(--icon-quote);
}
.app-body .detailed-status__link[href$="/favourites"] {
    background-image: var(--icon-star);
}
.app-body .detailed-status__meta__line .dropdown-menu__text-button {
    overflow: hidden;
    padding-left: 20px;
    background-image: var(--icon-edited);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
    text-align: start;
}
.app-body .detailed-status__meta__line .dropdown-menu__text-button:is(:hover) {
    text-decoration: none;
}
.app-body .detailed-status__action-bar {
    padding: 0 12px;
    justify-content: left;
    gap: 8px;
    width: auto;
}
@media screen and (max-width:770px) {
    .app-body .detailed-status__action-bar {
        padding-left: 0;
        padding-right: 0;
    }
}
.app-body .detailed-status__button {
    width: 40px;
    height: 40px;
    flex: unset;
}
.app-body .detailed-status__action-bar-dropdown {
    position: absolute;
    right: 18px;
}
.app-body .detailed-status__meta .animated-number {
    color: var(--color-content-fg);
    font-weight: 700;
}
.app-body .detailed-status__meta .dropdown-menu__text-button .animated-number {
    font-weight: 500;
}
.app-body .status__action-bar .animated-number {
    color: var(--color-accent);
    font-weight: 500;
}
.app-body .status__action-bar__button:has(.icon-button__counter > .animated-number) {
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 2px;
}
.app-body
    :is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
    .active
    .icon-retweet + .icon-button__counter > .animated-number {
        color: var(--color-accent);
}
.app-body
    :is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
    .active
    .icon-star + .icon-button__counter
    > .animated-number {
        color: #FFBF00;
}

.app-body article > .account {
    padding: 16px;
}
.app-body .account-timeline__header + article > .account {
    border-top: 1px solid var(--color-lines);
}
.app-body .detailed-status__link {
    display: inline-flex;
    position: static;
    gap: 4px;
}

/* Hashtag bar */
.app-body .hashtag-bar a,
.app-body .hashtag-bar .link-button {
    color: var(--color-content-fg-muted);
    transition: all .1s;
}
.app-body .hashtag-bar a {
    font-weight: 500;
}
.app-body .hashtag-bar .link-button {
    margin-left: 3px;
}
.app-body .hashtag-bar a {
    background-color:
        color-mix(
            in srgb,
            var(--color-content-fg),
            transparent 92%
        );
    transition: all .3s;
    padding: 3px 8px;
    border-radius: 8px;
}
.app-body .hashtag-bar a:hover,
.app-body .hashtag-bar .link-button:hover {
    color: var(--color-accent);
}
.app-body .hashtag-bar a:hover {
    background-color: var(--color-accent-bg);
}
.app-body .hashtag-bar a:active,
.app-body .hashtag-bar a:focus {
    color: var(--color-accent-fg);
    background-color: var(--color-accent);
}
.app-body .hashtag-bar a:hover span {
    text-decoration: none;
}

/* ⭐ Action bar */
.app-body .status__action-bar {
    justify-content: left;
    margin-top: 8px;
    gap: 9px;
}
.app-body .status__action-bar .status__action-bar__button-wrapper {
    flex-grow: 0;
}
.app-body
    :is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
    :is(button, .status__action-bar__dropdown) {
        transition: all .3s;
}
.app-body .status__action-bar__button-wrapper:last-child {
    position: absolute;
    inset-inline-end: 18px;
}
.app-body .notification-ungrouped .status__action-bar__button-wrapper:last-child {
    inset-inline-end: 23px;
}

.app-body .status__action-bar .icon-button.disabled {
    pointer-events: none;
}
.app-body
    :is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
    .icon-button:is(
        :active,
        .active:active,
        :focus,
        .active:focus
    ) {
        background-color: transparent;
}

.app-body .status__action-bar__button-wrapper:last-child .icon-button:is(.active, .active:active, .active:focus),
.app-body :is(.detailed-status__action-bar-dropdown, .status__action-bar-dropdown) .icon-button:is(.active, .active:active, .active:focus) {
    background-color: var(--color-accent);
    transform: scale(.9);
}

.app-body .icon-button.star-icon.deactivate > .icon-star,
.app-body .icon-button.star-icon.activate > .icon-star { /* Disable default star spinning animation */
    animation: none;
}
.app-body
    :is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
    .icon-button.star-icon.active
    > .icon-star {
        animation: bounce .4s ease-out !important;
}
.app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
    opacity: 1;
}
.app-body
    :is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
    .icon-button.active>.icon-retweet {
        animation: launch 1.2s ease-in 1 !important;
}
.app-body .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
.app-body .detailed-status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark {
    animation: bounce-vertical .4s ease-out !important;
}
.app-body .status__action-bar .icon-button,
.app-body .detailed-status__action-bar .icon-button {
    min-width: 32px;
    height: 32px;
    border-radius: 8px;
    position: relative;
}
.app-body .detailed-status__action-bar .icon-button {
    min-width: 40px;
    height: 40px;
}
.app-body .detailed-status__action-bar .icon-button > .icon {
    width: 25px;
    height: 25px;
}
.app-body .detailed-status__action-bar .icon-button
.app-body .icon-button.star-icon.active,
.app-body .notification__favourite-icon-wrapper .star-icon {
    color: #ffb609;
}
.app-body .status__prepend {
    display: inline-flex;
    padding: 0 10px;
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left: 66px;
    height: 29px;
    gap: 5px;
    border-radius: 50px;
    align-items: center;
    background-color: var(--color-bg);
    color: var(--color-content-fg);
    font-size: 13px;
}
.app-body .status__prepend:has(.status__prepend__icon .icon-retweet) {
    padding-left: 35px;
}
.app-body .status__prepend__icon {
    height: 20px;
    text-align: right;
}
.app-body .status__prepend .status__prepend__icon:has(.icon-retweet) {
    order: 2;
}
.app-body .status__prepend__icon .icon {
    transform: scale(.9);
}
.app-body .detailed-status__wrapper .status__prepend__icon {
    width: 46px;
}
.app-body .status__prepend > span {
    color: var(--color-fg-muted);
    white-space: nowrap;
}
.app-body .status__prepend:has(.status__prepend__icon > .icon-thumb-tack) > span {
    color: var(--color-content-fg);
    font-weight: 600;
}
.app-body .status__prepend .muted .emojione {
    opacity: 1;
}
.app-body .status-card,
.app-body .status-card.compact {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-lines);
    box-shadow: none;
    transition: all .3s;
    border-radius: 9px;
}
.app-body .status-card:hover,
.app-body .status-card.compact:hover {
    background-color: var(--color-content-bg-focus);
    border-color: var(--color-lines);
}
.app-body .status-card:active,
.app-body .status-card.compact:active {
    transform: scale(.98);
}
.app-body .status-card__image {
    background: var(--color-content-secondary-bg);
}
.app-body .status-card__image .icon {
    width: 32px;
    height: 32px;
}
.app-body .status-card__title {
    order: 1;
    line-height: 1.3;
    font-size: 18px;
    margin-bottom: 3px;
}
.app-body .status-card__host {
    order: 2;
}
.app-body .status-card__description {
    order: 3;
}
.app-body .status-card__image:has(.icon-file-text:only-child),
.app-body .status-card__description:empty  {
    display: none;
}
.app-body .status-card__title,
.app-body .status-card__description,
.app-body .status-card__author,
.app-body .status-card__host {
    color: var(--color-content-fg);
    transition: all .2s;
}
.app-body .status-card__host {
    color: var(--color-content-fg-muted);
}
.app-body .status-card:active .status-card__host,
.app-body .status-card:focus .status-card__host,
.app-body .status-card:hover .status-card__host {
    color: var(--color-accent);
}
.app-body .status-card:active .status-card__author,
.app-body .status-card:active .status-card__description,
.app-body .status-card:active .status-card__title,
.app-body .status-card:focus .status-card__author,
.app-body .status-card:focus .status-card__description,
.app-body .status-card:focus .status-card__title,
.app-body .status-card:hover .status-card__author,
.app-body .status-card:hover .status-card__description,
.app-body .status-card:hover .status-card__title {
    color: var(--color-content-fg);
}
.app-body .status-card__author strong {
    font-weight: 500;
}
@media screen and (max-width:770px) {
    .app-body .status-card:not(.expanded) .status-card__image {
        width: 80px;
    }
    .app-body .status-card:not(.expanded,:has(.icon-file-text)) .status-card__content {
        padding-top: 0;
        padding-bottom: 0;
    }
    .app-body .status-card[href*="/@" i]:not(.expanded,:has(.icon-file-text)) .status-card__content {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .app-body .status-card:not(.expanded) .status-card__host {
        margin-bottom: 2px;
        font-size: 12px;
    }
    .app-body .status-card:not(.expanded) .status-card__title {
        font-size: 16px;
    }
    .app-body .status-card:not(.expanded) .status-card__description {
        margin-top: 2px;
        font-size: 12px;
    }
}
.layout-multiple-columns .status-card:not(.expanded) .status-card__image {
    width: 80px;
}
.layout-multiple-columns .status-card:not(.expanded,:has(.icon-file-text),[href*="/@" i]) .status-card__content {
    padding-top: 0;
    padding-bottom: 0;
}
.layout-multiple-columns .status-card:not(.expanded) .status-card__host {
    margin-bottom: 2px;
    font-size: 12px;
}
.layout-multiple-columns .status-card:not(.expanded) .status-card__title {
    font-size: 16px;
}
.layout-multiple-columns .status-card:not(.expanded) .status-card__description {
    margin-top: 2px;
    font-size: 12px;
}
.app-body .status-card:has(+ .more-from-author) {
    box-sizing: border-box;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}
.app-body .status-card + .more-from-author {
    background-color: var(--color-content-secondary-bg);
    border: 1px solid var(--color-lines);
    border-top: 0;
}
.app-body .more-from-author {
    color: var(--color-content-fg);
    overflow: hidden;
}
.app-body .more-from-author .logo {
    color: var(--color-content-fg);
    min-width: 16px;
    height: 16px;
}
.app-body .more-from-author > span {
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    mask-image: linear-gradient(90deg, black 80%, transparent 96%);
}
.app-body .notification-ungrouped  .more-from-author :is(.account__avatar) {
    width: 16px !important;
    height: 16px !important;
}
.app-body .more-from-author a:is(:active, :hover, :focus) {
    color: var(--color-accent);
}
.app-body .more-from-author a {
    color: var(--color-content-fg);
    font-weight: 700;
}
.app-body .status__content p {
    margin-bottom: 12px;
}
.app-body .status__content p:last-child {
    margin-bottom: 0;
}
.app-body .content-warning {
    background: none;
    color: var(--color-content-fg);
    margin-inline-start: 0;
    margin-top: 2px;
    margin-bottom: 5px;
    border: 0;
    padding: 0 0 25px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.26;
    position: relative;
}
.app-body .detailed-status .content-warning {
    font-size: 19px;
    line-height: 1.26;
}
.app-body .status--is-quote .content-warning {
    font-size: 15px;
}
.app-body .content-warning > p {
    font-weight: bold;
}
.app-body .content-warning--filter .filter-name {
    color: var(--color-content-fg);
    font-weight: bold;
}
.app-body .content-warning::before,
.app-body .content-warning::after {
    display: none;
}
.app-body .content-warning .link-button {
    background-color: transparent;
    width: 100%;
    text-align: start;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: end;
    text-decoration: none;
}
.app-body .content-warning .link-button span {
    background-color: transparent;
    background-image: var(--icon-eye-shut);
    background-repeat: no-repeat;
    background-position: left 7px center;
    background-size: auto 18px;
    border: 1px solid var(--color-lines);
    border-radius: 8px;
    text-transform: initial;
    font-size: 12px;
    line-height: 1.33;
    font-weight: 500;
    color: var(--color-content-fg);
    padding: 5px 8px 5px 30px;
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    transform-origin: center left;
    transition:
        border-color .3s,
        outline-color .3s,
        transform .3s,
        background-color .3s;
    position: relative;
    z-index: 1;
}
.app-body .content-warning .link-button:hover span {
    border-color: rgba(68, 74, 90, .6);
}
@media (prefers-color-scheme: dark) {
    .app-body .content-warning .link-button:hover span {
        border-color: rgba(255, 255, 255, .3);
    }
}
.app-body .content-warning .link-button:active span {
    transform: scale(.95);
}
.app-body .content-warning:has(+ .status__content > .status__content__text--visible) .link-button span {
    background-image: var(--icon-eye-open);
}
@media (prefers-color-scheme: dark) {
    .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
        border-color: rgba(255, 255, 255, .3);
    }
}

.app-body .icon-button.overlayed {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 7px;
}
.app-body .icon-button.overlayed:hover {
    background-color: rgba(0, 0, 0, .4);
}
.app-body .status__wrapper--filtered__button {
    color: var(--color-accent);
}
.app-body .status__wrapper--filtered {
    color: var(--color-content-fg);
    border-top: 1px solid var(--color-lines);
    border-bottom: 1px solid var(--color-lines);
    padding: 12px;
    margin-top: -1px;
}

.app-body .media-gallery {
    gap: 4px;
    grid-template-columns: calc(50% - 2px) calc(50% - 2px);
    grid-template-rows: calc(50% - 2px) calc(50% - 2px);
}

.app-body .audio-player,
.app-body .media-gallery,
.app-body .video-player {
    transition: transform .3s;
}
.app-body .media-gallery__item {
    border-radius: 8px !important;
    outline: 1px solid var(--color-lines-translucent);
    outline-offset: -1px;
}

/* Quote posts */
.app-body .status__quote {
    margin-inline-start: 0;
    border-radius: 10px;
    border: 1px solid var(--color-lines);
    transition: all .3s;
    width: auto;
}
.app-body .status__quote:has(:is(.status__content,.status__info):hover) {
    border-color: var(--color-accent);
}
.app-body .status__quote:has(:is(.status__content,.status__info):active) {
    transform: scale(.98);
}
.app-body .status__quote-icon {
    color: var(--color-accent);
}
.app-body .status__quote .status__quote-icon {
    display: none;
}
.app-body .status__quote .status__wrapper {
    border-radius: 10px;
}
.app-body .status--is-quote {
    margin-inline-start: 0;
    padding: 0;
    overflow: hidden;
    min-height: 48px;
}
.app-body .status--is-quote .status__info {
    margin-inline-start: 0;
    margin-block-end: 5px;
}
.app-body .status--is-quote .status__info .status__display-name {
    gap: 6px;
}
.app-body .status--is-quote .account__avatar {
    width: 20px !important;
    height: 20px !important;
}
.app-body .status__quote-author-button {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-content-fg);
}
.app-body .status--is-quote .display-name__account {
    font-size: unset;
    letter-spacing: unset;
}
.app-body .status--is-quote .status__relative-time {
    inset-inline-end: 15px;
}
.app-body .status--is-quote .status__relative-time time + abbr {
    height: 18px;    
}
.app-body .status--is-quote .status__content {
    letter-spacing: unset;
}
.app-body .status__quote--error {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-content-fg);
    border: 0;
}
.app-body .compose-form .status--is-quote .status__quote--error {
    margin-inline-start: 0;
    margin-inline-end: 0;
}
.app-body .status__quote:has(.skeleton) .status__avatar {
    display: none;
}
.app-body .status__quote:has(.skeleton) .status {
    margin-inline-start: 0;
    padding: 2px 10px;
    flex-direction: column;
    display: flex;
    justify-content: center;

    & .status__info {
        margin-inline-start: 0;
    }
}
.app-body .skeleton {
    background-color: var(--color-content-secondary-bg);
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--color-accent), transparent 50%), var(--color-content-secondary-bg), color-mix(in srgb, var(--color-accent), transparent 50%));
}


.app-body div:not(.detailed-status) > .media-gallery:has(.media-gallery__item.standalone),
.app-body .status > *:not(.status__info, .status__content, .status__action-bar, .status__line, .status-card, .status__quote, div:has(> .video-player)) {
    max-height: 450px;
    min-height: unset;
    width: auto;
}
.app-body .status--in-thread .more-from-author {
    margin-inline-start: 0;
}
.app-body .account-gallery__container {
    gap: 4px;
    padding: 4px;
}
.app-body .media-gallery__item,
.app-body .media-gallery__item-thumbnail,
.app-body .media-gallery__item-gifv-thumbnail {
    cursor: pointer;
    transition: .2s transform;
}
.app-body .media-gallery__item:active {
    transform: scale(.98);
}
.app-body .media-gallery__item-thumbnail img,
.app-body .info-tooltip {
    border-radius: 8px;
}
.app-body .media-gallery__gifv:is(:active, :hover)::after {
    display: none;
}
.app-body .picture-in-picture .video-player::after {
    border-radius: 0;
}
.app-body .media-gallery__preview,
.app-body .video-player {
    background-color: var(--color-content-secondary-bg);
}
.app-body .video-player__controls {
    background: rgba(0, 0, 0, .2);
    backdrop-filter: blur(20px);
}
.app-body .media-gallery__preview {
    outline: 1px solid rgba(0, 0, 0, 0.05);
    outline-offset: -1px;
    height: calc(100% - 1px);
    border-radius: 8px;
    transition: all .2s;
}
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
    outline: 1px solid var(--color-lines-translucent);
}
.app-body .media-gallery__actions__pill {
    border-radius: 6px;
    padding: 3px 8px;
    font-weight: 500;
    background-color: rgba(0, 0, 0, .1);
    transition: all .2s;
}
.app-body .spoiler-button__overlay__label,
.app-body .spoiler-button__overlay__label:is(:focus, :hover),
.app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background-color: var(--color-content-bg);
    border: 1px solid rgba(0, 0, 0, .1);
    color: var(--color-content-fg);
    border-radius: 8px;
}
.app-body .spoiler-button__overlay__label > span:first-child {
    font-weight: bold;
}

.app-body :is(.media-gallery__alt__label, .media-gallery__gifv__label) {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 6px;
}
.app-body .spoiler-button:not(.spoiler-button--minified) ~ .media-gallery__item :is(.media-gallery__alt__label, .media-gallery__gifv__label) {
    display: none;
}

.app-body .info-tooltip {
    background-color: color-mix(in srgb, var(--color-content-bg), transparent 15%);
    border: 1px solid var(--color-lines-translucent);
}
.app-body .info-tooltip :is(p, h4) {
    color: var(--color-content-fg);
}
.app-body .info-tooltip h4 {
    font-weight: bold;
}


/* Empty columns */
.app-body .empty-column-indicator {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-content-fg);
    border-radius: 0 0 8px 8px;
    contain: content;
}
.app-body .empty-column-indicator a {
    color: var(--color-accent);
}
.app-body .explore__links > .empty-column-indicator {
    border: 0;
}


/* Timeline hint */
.app-body .timeline-hint {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
    border-color: var(--color-lines);
    position: relative;
    padding: 28px;
    padding-left: 75px;
    text-align: left;
    font-size: 95%;
    line-height: 1.5;
}
.app-body .timeline-hint a {
    color: var(--color-accent);
}
.app-body .timeline-hint p {
    opacity: .7;
}
.app-body .timeline-hint::before {
    content: " ";
    display: block;
    background-color: var(--color-content-secondary-bg);
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 0;
    border-radius: 8px;
}
.app-body .timeline-hint::after {
    content: " ";
    background-image: var(--icon-reply-all);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .55;
    position: absolute;
    top: 26px;
    left: 25px;
    width: 40px;
    height: 40px;
}
.app-body .timeline-hint > :is(p, a) {
    position: relative;
    z-index: 0;
}


/* 📤 DMs */
.app-body .follow_requests-unlocked_explanation {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-content-fg);
    border-top: 1px solid var(--color-lines);
    border-bottom: 1px solid var(--color-lines);
    margin: 0;
    border-radius: 0;
}
.app-body .follow_requests-unlocked_explanation a {
    color: var(--color-accent);
}
.app-body .conversation__unread {
    background-color: var(--color-accent);
}
.app-body .conversation__unread {
    color: var(--color-accent-fg);
}
.app-body .conversation__content__names a strong {
    font-weight: bold;
}
.app-body .conversation__content__names,
.app-body .conversation__content__names a,
.app-body .conversation__content__relative-time,
.app-body .conversation .attachment-list__list a,
.app-body .conversation .status__content p {
    color: var(--color-content-fg);
}
.app-body .conversation {
    background-color: var(--color-content-bg);
    border-bottom: 1px solid var(--color-lines);
}
.app-body .conversation.unread:before {
    border-color: var(--color-accent);
}
.app-body .conversation__content__relative-time {
    opacity: .7;
}
.app-body .conversation__content {
    position: relative;
}
.app-body .account__avatar-composite {
    border-radius: 0;
    padding: 1px;
}
.app-body .account__avatar-composite .account__avatar {
    height: auto !important;
}
.app-body .account__avatar-composite__label {
    display: none;
}

.app-body .status__wrapper.status__wrapper-direct,
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct),
.app-body .notification-ungrouped--direct .notification-ungrouped__header {
    --color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 96%);
}
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover),
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar,
.app-body .status__wrapper.status__wrapper-direct.focusable:focus,
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct .status__content:hover),
.app-body .notification-ungrouped--direct:has(.status__wrapper.status__wrapper-direct .status__content:hover) .notification-ungrouped__header {
    --color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 98%);
}
.app-body .notification-ungrouped--direct,
.app-body .notification-group--direct,
.app-body .notification-group--annual-report {
    --color-post-bg: var(--color-content-bg);
    background-color: var(--color-post-bg);

}

.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend {
    background-color: var(--color-accent);
    margin-inline-start: 10px;
    z-index: 3;
    position: relative;
    outline: 5px solid var(--color-post-bg);
    border-radius: 50px 50px 50px 10px;
    transition: all .2s;
}
.app-body :is(.detailed-status__wrapper-direct) .status__prepend {
    margin-inline-start: 0;
    margin-block-end: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    border-radius: 8px;
    outline: 0;
    font-size: 13px;
}
.app-body :is(.detailed-status__wrapper-direct):has(.status__prepend) {
    padding-top: 40px;
}
.app-body :is(.status__wrapper-direct):not(:has(.status__line)) .status__prepend {
    margin-inline-start: 66px;
}
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend-icon-wrapper {
    height: 20px;
}
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .icon-at {
    background-image: var(--icon-at-inv);
}
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend-icon {
    width: 20px;
    height: 20px;
    transform: scale(.85);
}
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend > span {
    color: var(--color-accent-fg);
    margin-top: -1px;
}

.app-body .notification-ungrouped--direct .notification-ungrouped__header > .notification-ungrouped__header__icon > svg {
    display: none;
}
.app-body .notification-ungrouped--direct .notification-ungrouped__header > span {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
    border-radius: 50px 50px 50px 10px;
    padding: 3px 12px;
    margin-top: 2px;
    font-size: 90%;
}



/* ⏺️ Column headers
   ----------------- */
.app-body .tabs-bar__wrapper {
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
@media screen and (min-width:1175px) {
    .app-body .tabs-bar__wrapper {
        box-shadow: inset 0 10px var(--color-bg), 0 -10px var(--color-bg);
        border-radius: 8px 8px 0 0;
        border-top-color: var(--color-bg);
    }
    .app-body .tabs-bar__wrapper:has(#tabs-bar__portal:empty) {
       border-radius: 0;
    }
}
.app-body .column-header__wrapper.active::before {
    top: -17px;
    bottom: unset;
    opacity: 30%;
    height: 35px;
    width: 100%;
    background: radial-gradient(ellipse, var(--color-accent) 0, transparent 60%);
}
.app-body .column-header__wrapper.active {
    box-shadow: none;
}
@media screen and (min-width:1175px) {
    .app-body .column-header__wrapper.active::before {
        top: unset;
        bottom: -15px;
        border-top: 1px solid var(--color-lines-translucent);
    }
    .app-body .column-header__wrapper.active {
        box-shadow: 0 1px 0 var(--color-lines-translucent);
    }
}
.app-body .column-header {
    border-radius: 8px;
}
.app-body .column-header,
.app-body .column-back-button {
    background-color: color-mix(in srgb, var(--color-content-bg), transparent 15%);
    color: var(--color-content-fg);
    border-right: 1px solid var(--color-lines);
    border-left: 1px solid var(--color-lines);
    border-top: 1px solid var(--color-lines);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    font-weight: bold;
    height: 50px;
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
.app-body .column-back-button {
    padding-left: 15px;
}
.app-body .column-header__button,
.app-body .column-header__back-button {
    background-color: transparent;
    border: 0;
}
.app-body .column-header__button {
    color: var(--color-content-fg);
    transition: all .2s;
    border-radius: 6px;
    height: 42px;
    margin: 4px 4px 4px 0;
}
.app-body .column-header__button:active {
    transform: scale(.8);
}
.app-body .column-header__icon {
    transform: scale(1.2);
}
.app-body .column-header__buttons .column-header__button:has(> .icon:only-child) {
    width: 42px;
}
.app-body .column-header.active .column-header__icon {
    color: var(--color-accent);
    text-shadow: none;
}
.app-body .column-header__button:is(.active, .active:hover, :hover) {
    color: var(--color-accent);
    background-color: var(--color-accent-bg);
}
.app-body .column-header__button.active .icon {
    transform: none;
}
@media screen and (max-width:1175px) {
    .app-body:not(.layout-multiple-columns) .column-header__wrapper::after,
    .app-body:not(.layout-multiple-columns) .column-back-button::after {
        display: none;
    }
    .app-body .column-header__buttons {
        height: 55px;
    }
    .app-body:not(.layout-multiple-columns) .column-header__button,
    .app-body:not(.layout-multiple-columns) .column-header__button:is(.active, .active:hover, :hover) {
        padding: 0 12px;
        height: 35px !important;
        align-self: center;
    }
}

.app-body .column-back-button--slim-button::after {
    display: none;
}
.app-body .column-back-button--slim-button {
    top: -50px
}
@media screen and (max-width:1175px) {
    .app-body:not(.layout-multiple-columns) .column-back-button--slim-button {
        height: 50px;
    }
}
@media screen and (min-width:1175px) {
    .app-body:not(.layout-multiple-columns) .column-back-button--slim-button {
        display: none;
    }
}
.app-body .column-back-button__icon {
    margin-inline-end: 0;
}
.app-body :is(.column-header__back-button, .column-back-button) span,
.app-body .column-header__back-button {
    position: relative;
}
.app-body :is(.column-header__back-button, .column-back-button):hover {
    text-decoration: none;
}
.app-body :is(.column-header__back-button, .column-back-button) span::before,
.app-body .column-header__back-button:has(> svg:last-child)::before {
    content: " ";
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 4px;
    top: 4px;
    z-index: -1;
    border-radius: 8px;
    background-color: transparent;
    transition: all .3s;
}
.app-body :is(.column-header__back-button, .column-back-button) span::before {
    left: -35px;
    right: -12px;
    bottom: -11px;
    top: -10px;
}
.app-body :is(.column-header__back-button, .column-back-button):hover span::before,
.app-body .column-header__back-button:has(> svg:last-child):hover::before {
    background-color: color-mix(in srgb, var(--color-accent), transparent 82%);
}
.app-body :is(.column-header__back-button, .column-back-button):active span::before,
.app-body .column-header__back-button:has(> svg:last-child):active::before {
    transform: scale(.9);
}

.app-body :is(.load-gap, .load-more) {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-accent);
    border-bottom: 0;
    display: flex;
    justify-content: center;
    transition: background .3s;
    padding: 8px;
}
.app-body :is(.load-gap, .load-more):is(:active, :hover) {
    background-color: var(--color-accent-lines);
}
.app-body :is(.load-gap, .load-more) .icon-ellipsis-h {
    background-image: var(--icon-ellipsis-column-link-active-accent);
}

.app-body .column-header__collapsible {
    background-color: var(--color-content-secondary-bg);
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
    border-bottom: 0;
}
.app-body .column-header__collapsible:is(:not(.collapsed), .animating) {
    border-bottom: 1px solid var(--color-lines);
}
.app-body .column-header__collapsible::-webkit-scrollbar-track {
    background-color: transparent;
}
.app-body .column-header__select-row {
    border-color: var(--color-lines);
}
.app-body .column-header__select-row__actions button {
    background-color: var(--color-accent-bg);
    color: var(--color-accent);
    border-color: var(--color-accent-bg);
}
.app-body .column-header__select-row__actions button:hover {
    border-color: var(--color-accent);
}
.app-body .column-header__select-row__actions button.active {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
@media screen and (max-width:1175px) {
    .app-body:not(.layout-multiple-columns) .column-header__collapsible {
        box-shadow: none;
        border-radius: 0;
    }
    .app-body .column-header__select-row {
        border-color: var(--color-lines);
        background-color: var(--color-content-secondary-bg);
        position: absolute;
        inset-inline-start: -45px;
        inset-inline-end: -55px;
        border-width: 0 0 1px;
    }
}
.app-body .column-header__collapsible-inner {
    border: 0;
}
.app-body .column-settings__section {
    color: var(--color-content-fg-bold);
}
.app-body .setting-toggle__label {
    color: var(--color-content-fg);
}
.app-body .column-header > button {
    padding: 0 0 0 15px;
    gap: 15px;
}
.app-body .column-header > button:nth-child(2) {
    padding-left: 0;
}
.app-body .column-header :is(.column-header__back-button, .column-back-button) {
    gap: 5px;
}
.app-body .column-header .column-header__back-button {
    padding-right: 15px;
}
.app-body .column-header > button,
.app-body .column-header .column-header__back-button {
    font-weight: bold;
}
@media screen and (max-width:1174px) {
    .app-body:not(.layout-multiple-columns)
        :is(
            .column-header,
            .column-back-button,
            .column-header__button,
            .column-header__back-button
        ) {
            height: 55px;
            border: 0;
    }
    .app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
        border-bottom: 1px solid var(--color-lines);
    }
}
@media (min-width:771px) and (max-width:1174px) {
    .app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
        border-color: transparent;
    }
    .app-body .scrollable,
    .app-body .column > .scrollable,
    .app-body .column-header__collapsible {
        border-right: 0;
    }
    .app-body .column-header,
    .app-body .column-back-button {
        border-left: 1px solid var(--color-lines) !important;
    }
}
@media (max-width:770px) {
    .app-body:not(.layout-multiple-columns) .column-header__wrapper {
        border-right: 0;
        border-left: 0;
    }
    .app-body:not(.layout-multiple-columns) .column-header__collapsible {
        border-right: 0;
        border-left: 0;
    }
}



/* ⏺️ Horizontal selectors
   (used to navigate subsections on the Explore, Live Feeds and Account pages) */
.app-body
    :is(.account__section-headline, .notification__filter-bar) {
    background: var(--color-accent-bg);
    border: 1px solid var(--color-accent-lines);
}
.app-body .account__header + .account__section-headline {
    border-left: 0;
    border-right: 0;
}
@media screen and (max-width:770px) {
    .app-body:not(.layout-multiple-columns) :is(.account__section-headline, .notification__filter-bar) {
        border-left: 0;
        border-right: 0;
    }
}
.app-body
    :is(.account__section-headline, .notification__filter-bar)
    :is(a, button) {
        background-color: var(--color-accent-bg);
        color: var(--color-accent);
        box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
        border-radius: 9px;
        transition: all .2s;
        max-height: 45px;
        padding: 14px 10px;
}
.app-body
    :is(.account__section-headline, .notification__filter-bar)
    .icon {
        margin-top: -1.5px;
}
.app-body
    :is(.account__section-headline, .notification__filter-bar)
    :is(a, button):hover {
        background-color: var(--color-accent-lines);
        color: var(--color-accent);
        box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
}
.app-body
    :is(.account__section-headline, .notification__filter-bar)
    :is(a, button).active {
        background-color: var(--color-content-bg);
        color: var(--color-content-fg);
        box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
}
.app-body
    :is(.account__section-headline, .notification__filter-bar)
    :is(a, button).active::before {
        display: none;
}
.app-body
    :is(.account__section-headline, .notification__filter-bar)
    button {
        background-color: transparent;
}
.app-body
    :is(.account__section-headline, .notification__filter-bar)
    :is(a, button, a.active, button.active)::after {
        display: block;
        position: absolute;
        content: " ";
        width: 2px;
        height: auto;
        background-color: var(--color-accent-lines);
        top: 8px;
        right: -1px;
        left: auto;
        bottom: 8px;
        border-radius: 50px;
        z-index: 1;
        transform: unset;
        border: 0;
}
.app-body
    :is(.account__section-headline, .notification__filter-bar)
    :is(a, button):last-child::after {
        display: none;
}
@media (prefers-color-scheme: dark) {
    .app-body
        :is(.account__section-headline, .notification__filter-bar)
        :is(a, button).active {
            background-color: var(--color-bg);
    }
}

.app-body .notification__filter-bar .icon-reply-all {
    background-image: var(--icon-reply-accent);
}
.app-body .notification__filter-bar .active .icon-reply-all {
    background-image: var(--icon-reply);
}
.app-body .notification__filter-bar .icon-star {
    background-image: var(--icon-star-accent);
}
.app-body .notification__filter-bar .active .icon-star {
    background-image: var(--icon-star);
}
.app-body .notification__filter-bar .icon-retweet {
    background-image: var(--icon-boost-accent);
}
.app-body .notification__filter-bar .active .icon-retweet {
    background-image: var(--icon-boost);
}
.app-body .notification__filter-bar .icon-tasks {
    background-image: var(--icon-poll-accent);
}
.app-body .notification__filter-bar .active .icon-tasks {
    background-image: var(--icon-poll);
}
.app-body .notification__filter-bar .icon-home {
    background-image: var(--icon-post-notification-accent);
}
.app-body .notification__filter-bar .active .icon-home {
    background-image: var(--icon-post-notification);
}

@media screen and (max-width:770px) {
    .app-body .account__header + .account__section-headline {
        border-radius: 0;
    }
}


/* 📍 Navigation panel
   ------------------- */
.app-body .navigation-panel__menu {
    display: flex;
    flex-flow: column;
}
.app-body .column-link--transparent {
    color: var(--color-fg);
}
.app-body .column-link--transparent:has(+ .navigation-panel__list-panel__header__sep) {
    max-width: 80%;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.app-body .navigation-panel__list-panel__header__sep {
    position: relative;
    margin: 0 4px 0 0;
}
.app-body .navigation-panel__list-panel__header__sep::before {
    position: absolute;
    content: " ";
    top: -15px;
    display: block;
    height: 51px;
    width: 20px;
    inset-inline-start: -21px;
    background: linear-gradient(90deg, transparent, var(--color-bg));
    transition: all .2s;
}
@media screen and (max-width:760px) {
    .app-body .navigation-panel__list-panel__header__sep::before {
        display: none;
        background: linear-gradient(90deg, transparent, var(--color-content-secondary-bg));
    }
}
.app-body .navigation-panel button[aria-expanded="false"] .icon-down {
    background-image: var(--icon-down-accent);
    transform: rotate(90deg);
}
.app-body .navigation-panel button[aria-expanded="true"] .icon-down {
    transform: rotate(0);
    background-image: var(--icon-down-accent-active);
}
.app-body .navigation-panel__list-panel__header .icon-button {
    padding: 8px;
}
.app-body .navigation-panel__list-panel__items {
    padding-inline-start: 0;
}
.app-body .ui__header__logo .logo--icon {
    display: none;
}
.app-body .ui__header__links .button.button-secondary {
    padding: 8px 15px;
}
.app-body .ui__navigation-bar__item[href="/publish"] {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background-image: var(--icon-compose);
    background-position: center;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 24px;
    position: fixed;
    border-radius: 50px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2),0 2px 10px rgba(0,0,0,.2);
    bottom: calc(65px + env(safe-area-inset-bottom));
    right: 10px;
}
.app-body .ui__navigation-bar__item {
    border-top: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    transition: all .2s;
}
.app-body .ui__navigation-bar__item:active {
    transform: scale(.9);
}
.app-body .ui__navigation-bar__item.active {
    animation: bounce-sml .3s;
}
.app-body .ui__navigation-bar__item[href="/publish"] {
    order: 5;
}
.app-body .ui__navigation-bar__item[href="/home"] {
    order: 1;
}
.app-body .ui__navigation-bar__item[href="/explore"] {
    order: 3;
}
.app-body .ui__navigation-bar__item[href="/notifications"] {
    order: 2;
}
.app-body button.ui__navigation-bar__item {
    order: 4;
}
.app-body .button.navigation-panel__compose-button {
    min-height: 46px;
    max-height: 46px;
    margin: 12px 16px 12px;
    inset-inline-end: 0;
    padding: 0 10px;
    display: inline-flex;
    gap: 8px;
    justify-content: flex-start;
    border-radius: 8px;
    box-shadow:
        0 1px 1px rgba(0, 0, 0, .2),
        0 2px 10px rgba(0, 0, 0, .2);
}
.app-body .button.navigation-panel__compose-button .icon {
    background-image: var(--icon-compose);
    background-size: 17px !important;
}
.app-body .ui__navigation-bar {
    background-color: color-mix(in srgb, var(--color-content-bg), transparent 15%);
    backdrop-filter: blur(20px);
    border-color: var(--color-lines);
}
.app-body .ui__navigation-bar .icon {
    transform: scale(1.3);
}

.app-body .navigation-panel .navigation-bar {
    padding: 22px 22px 14px;
}

.app-body .column-link--logo {
    margin-left: 2px;
}

.app-body .column-link.column-link--logo,
.app-body .ui__header__logo {
    display: inline-flex;
    flex-grow: unset;
    padding: 0;
    border: 0;
    width: 50px;
    height: 50px;
    background-image: var(--logo);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px auto;
}
.app-body .column-link.column-link--logo svg,
.app-body .ui__header__logo svg {
    display: none;
}
.app-body .column-header__title .logo {
    opacity: 0;
    visibility: hidden;
}
.app-body .column-header__title:has(> .logo)::before {
    content: " ";
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    inset-inline-start: 14px;
    inset-block-start: 14px;
    background-image: var(--logo);
    background-repeat: no-repeat;
    background-size: cover;
}
.app-body .navigation-panel__logo {
    margin-bottom: 5px;
}
.app-body .navigation-panel__list-panel__header {
    padding-inline-end: 10px;
}
.app-body .column-link:not(.column-link--logo) {
    padding: 15px 5px 16px 24px;
    gap: 7px;
    border: 0;
    font-weight: 500;
    font-size: 18px;
    overflow: visible;
    transform-origin: 60px center;
}
@media screen and (min-width:1175px) {
    .app-body .column-link:not(.column-link--logo) {
        padding-left: 14px;
    }
}
.app-body .column-link--transparent:is(.active, .active:hover) {
    color: var(--color-content-fg);
    font-weight: bold;
}
.app-body .column-link--transparent:hover {
    border-radius: 8px;
    padding-right: 20px;
}
.app-body .column-link--transparent span {
    position: relative;
}
@media screen and (min-width:1175px) {
    .app-body .column-link:not(.column-link--logo) {
        transition: all .3s;
    }
    .app-body .column-link--transparent span::before {
        content: " ";
        left: -50px;
        background-color: transparent;
        transition: .3s background-color;
        top: -14px;
        right: -16px;
        position: absolute;
        border-radius: 10px;
        z-index: -1;
        bottom: -14px;
    }
    .app-body .column-link--transparent:hover span::before {
        background-color: color-mix(in srgb, var(--color-accent), transparent 85%);
    }
    .app-body .column-link--transparent:is(.active, .active:hover) span::before {
        background-color: transparent;
    }
    .app-body .column-link--transparent:active {
        transform: scale(.95);
    }
}
.app-body .icon-with-badge__badge {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
    border-radius: 20px;
    top: -4px;
    font-weight: bold;
    border: 0;
    z-index: 1;
}
.app-body .compose-panel hr,
.app-body .navigation-panel .list-panel hr {
    display: none;
}

.app-body .navigation-panel hr {
    margin-right: 25px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: var(--color-lines);
}
.app-body .column-link span {
    vertical-align: middle;
}
@media screen and (max-width:770px) {
    .app-body .columns-area__panels__main {
        width: 100%;
    }
}

.app-body .columns-area__panels__pane--overlay {
    background: color-mix(in srgb, var(--color-content-bg), transparent 15%);
}
@media screen and (max-width: 759px) {
    .app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
        background-color: var(--color-content-secondary-bg);
        backdrop-filter: blur(10px);
    }
}
@media screen and (max-width: 1174px) {
    .app-body .columns-area__panels__pane--navigational .navigation-panel {
        border: 0
    }
}


/* 👤 Account view
   --------------- */
.app-body .account__header {
    padding-bottom: 5px;
    background-color: var(--color-content-bg);
}
@media screen and (max-width:770px) {
    .app-body .account__header {
        border-left: 0;
        border-right: 0;
    }
}
.app-body .account__header__image {
    height: 200px;
    background-color: var(--color-content-bg);
    border-bottom: 0;
    margin: 0;
}
.app-body .account__header__buttons .button {
    padding: 7px 18px;
}
.app-body .account__header__buttons .button[href="/settings/profile"] {
    background-color: var(--color-accent);
    color: var(--color-accent-fg)
}
.app-body .account__header__buttons .button[href="/settings/profile"]:is(:hover, :active) {
    background-color: var(--color-accent-focus);
}
.app-body .account__header__image img {
    background-color: var(--color-content-secondary-bg);
}
.app-body .account__header__bar {
    border: 0;
}
.app-body .account__header__bar .avatar {
    transition: transform .3s;
}
.app-body .account__header__bar .avatar:active {
    transform: scale(.92);
}
.app-body .account__header__bar .avatar .account__avatar {
    border-radius: 50%;
    margin: 0;
    border-width: 4px;
    border-color: var(--color-content-bg);
    width: 100px !important;
    height: 100px !important;
    background-color: var(--color-content-bg);
}
.app-body .account__header__tabs__name h1,
.app-body .account__header__tabs__name h1 small {
    color: var(--color-content-fg);
}
.app-body .account__header__tabs__name h1 > span {
    font-size: 18px;
}
.app-body .account__header__tabs__name h1 small > span:first-child {
    opacity: .7;
}
.app-body .account__header__tabs__name .icon-lock {
    height: 20px;
    width: 16px;
    top: unset;
    vertical-align: bottom;
}
.app-body .account__header__content a {
    color: var(--color-accent);
    text-decoration: none;
}
.app-body .account__header__content a:hover {
    text-decoration: underline;
}
.app-body .account__header__extra__links a strong {
    color: var(--color-content-fg-bold);
}
.app-body .account__header__account-note label {
    margin-bottom: 0;
}
.app-body .account__header__account-note label,
.app-body .account__header__account-note textarea::placeholder {
    color: var(--color-content-fg-bold);
    opacity: .5;
    font-style: normal;
}
.app-body .account__header__account-note textarea {
    color: var(--color-content-fg);
    border-radius: 8px;
    font-style: italic;
    margin: 0;
    width: 100%;
    outline: 1px solid var(--color-lines);
    outline-offset: -1px;
    box-shadow: 2px 3px var(--color-content-secondary-bg);
    transition: all .2s;
}
.app-body .account__header__account-note textarea:focus {
    background-color: var(--color-accent-bg);
    outline-color: var(--color-accent);
    padding-left: 10px;
    padding-right: 10px;
}
.app-body .account__header__badges .account-role {
    color: var(--color-content-fg);
    border: 0;
    border-radius: 50px;
    padding: 0 10px;
    height: 29px;
    background-color: var(--color-content-secondary-bg);
    gap: 5px;
}
.app-body .account__header__badges .account-role span:not(.account-role__domain) {
    font-weight: 500;
}

.app-body .account__header__familiar-followers {
    color: var(--color-content-fg-muted);
}
.app-body .account__header__familiar-followers a:any-link {
    color: var(--color-content-fg);
    font-weight: bold;
}
.app-body .avatar-group--compact .account__avatar {
    box-shadow: 0 0 0 2px var(--color-content-bg);
}

.app-body .account-role svg {
    opacity: 1;
    color: var(--color-accent);
}
.app-body .account__header__extra__links a,
.app-body .account__header__bio .account__header__content,
.app-body .account__header__bio .account__header__fields dd {
    color: var(--color-content-fg);
}
.app-body .account__header__bio .account__header__fields {
    background-color: var(--color-content-secondary-bg);
    border-radius: 8px;
    border: 0;
}
@media (prefers-color-scheme: dark) {
    .app-body .account__header__bio .account__header__fields {
        background-color: var(--color-secondary-bg);
    }
}
.app-body .account__header__bio .account__header__fields:has(dl:only-child) {
    display: none;
}
.app-body .account__header__bio .account__header__fields dt {
    font-weight: bold;
    font-size: 12px;
}
.app-body .account__header__bio .account__header__fields :is(dl, .verified) {
    border-bottom: 0;
    position: relative;
}
.app-body .account__header__bio .account__header__fields dl:not(:last-child):after {
    display: block;
    content: " ";
    height: 1px;
    bottom: -1px;
    right: 15px;
    background-color: var(--color-lines);
    left: 15px;
    position: absolute;
    border-radius: 50px;
}
@media (prefers-color-scheme: dark) {
    .app-body .account__header__bio .account__header__fields dl:not(:last-child):after {
        background-color: var(--color-accent-bg);
    }
}
.app-body .account__header__bio .account__header__fields dl:nth-child(2) { /* Add a corner radius to the second profile field because we're hiding the Joined field */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-top: 0;
}
.app-body .account__header__bio .account__header__fields .verified + .verified { /* Fix double border between 2 successive verified fields */
    margin-top: 0;
    border-top-width: 0;
}
.app-body .account__header__bio .account__header__fields .verified :is(a, dd),
.app-body .hover-card .account-fields dl.verified dd a {
    color: var(--color-accent);
    gap: 5px;
}
.app-body .account__header__bio .account__header__fields :is(.verified dt, dt) {
    color: var(--color-content-fg);
}
.app-body .account__header__bio .account__header__fields .verified { /* Verified field tweak: restore default background and border */
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background: none;
}
.app-body .account__header__extra .account__header__fields .verified dd > span:first-child {
    vertical-align: bottom;
}
.app-body .account__header__extra .account__header__fields .verified__mark {
    float: left;
    transform: scale(1.1);
}
.app-body .account__header__bio .account__header__fields .verified:last-child {
    border-bottom: 0;
}

.app-body .account__header__buttons .icon-button.copied,
.app-body .account__header__buttons .icon-button.copied:is(:active, :focus, :hover) {
    background-color: rgba(121, 189, 154, 0.3);
}

.app-body .follow-request-banner,
.app-body .moved-account-banner {
    background-color: var(--color-content-secondary-bg);
    border-top: 1px solid var(--color-lines);
}
.app-body .follow-request-banner__message,
.app-body .moved-account-banner__message {
    color: var(--color-content-fg);
}
.app-body .moved-account-banner__message {
    font-weight: bold;
}

.app-body .account__header__buttons > button:first-child:active {
    transform: scale(.95);
}

.app-body .account__domain-pill,
.app-body .account__domain-pill__popout__handle {
    background-color: color-mix(in srgb, var(--color-accent), transparent 88%);
    color: var(--color-accent);
    border-color: var(--color-accent);
    border-radius: 8px;
    font-weight: 500;
    transition: all .2s;
}
.app-body .account__domain-pill:hover {
    background-color: var(--color-accent-bg);
}
.app-body .account__domain-pill.active {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body .dropdown-animation.account__domain-pill__popout {
    animation: none;
}
.app-body .account__domain-pill__popout {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
    border: 1px solid var(--color-lines);
    border-radius: 8px;
}
.app-body .account__domain-pill__popout__header__icon {
    background-color: var(--color-accent);
}
.app-body .account__domain-pill__popout__handle {
    padding: 12px;
}
.app-body :where(.account__domain-pill__popout__header, .account__domain-pill__popout__parts) :is(h3, h6) {
    color: var(--color-content-fg);
    font-weight: 600;
}
.app-body .account__domain-pill__popout__parts > div .account__domain-pill__popout__parts__icon {
    align-items: start;
    padding-top: 2px;
}
.app-body .account__domain-pill__popout__parts > div .account__domain-pill__popout__parts__icon .icon {
    width: 28px;
    height: 28px;
}
.app-body .account__domain-pill__popout__parts > div:first-child .account__domain-pill__popout__parts__icon .icon {
    background-image: var(--icon-direct-messages-accent);
}
.app-body .account__domain-pill__popout__parts > div:last-child .account__domain-pill__popout__parts__icon .icon {
    background-image: var(--icon-globe-accent);
}
.app-body .hover-card {
    background-color: color-mix(in srgb, var(--color-content-bg), transparent 10%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-color: var(--color-lines);
}
.app-body .hover-card__bio,
.app-body .hover-card .display-name bdi,
.app-body .account-fields,
.app-body .hover-card__numbers {
    color: var(--color-content-fg);
}
.app-body .hover-card__numbers {
    gap: 5px;
}
.app-body .hover-card .display-name__html {
    font-weight: 600;
}
.app-body .account-fields {
    font-size: 95%;
}
.app-body .hover-card .account-fields:not(:empty) {
    background-color: var(--color-content-secondary-bg);
    border-radius: 8px;
    padding: 8px;
}
.app-body .hover-card .account-fields dl:not(:first-child:last-child) {
    gap: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-lines) 70%, transparent);
}
@media (prefers-color-scheme: dark) {
    .app-body .hover-card .account-fields {
        background-color: var(--color-secondary-bg);
    }
    .app-body .hover-card .account-fields dl {
        border-color: var(--color-accent-bg);
    }
}
.app-body .hover-card .account-fields dl:last-child:not(:first-child) {
    padding-top: 6px;
    padding-bottom: 0;
    border-bottom: 0;
}
.app-body .hover-card .account-fields dl dt {
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 80%;
}
.app-body .hover-card .account-fields dl dd {
    text-align: left;
    justify-content: flex-start;
}

/* Pinned posts carousel */
.app-body .column-subheading {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-fg-muted);
}
.app-body .featured-carousel {
    position: relative;
    padding-bottom: 7px;
}
.app-body .featured-carousel__header {
    margin: 16px 20px 0 0;
    gap: 0;
    padding: 0;
    z-index: 1;
    position: relative;
}
.app-body .featured-carousel__title {
    background-color: var(--color-bg);
    color: var(--color-fg-muted);
    border-radius: 50px;
    margin-left: 75px;
    margin-right: auto;
    padding: 5px 12px;
    gap: 5px;
    flex-grow: 0;
}
.app-body .featured-carousel__header .icon-button:has(.icon-chevron-left, .icon-chevron-right) {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-fg-muted);
    outline: 1px solid color-mix(in srgb, var(--color-fg), transparent 95%);
    outline-offset: -1px;
    padding: 5px 12px;
    border-radius: 50px;
    color: var(--color-accent);
}
.app-body .featured-carousel__header .icon-button:has(.icon-chevron-left, .icon-chevron-right):hover {
    background-color: var(--color-accent-bg);
    color: var(--color-accent);
}
.app-body .featured-carousel__header .icon-button:has(.icon-chevron-left) {
    border-radius: 50px 0 0 50px;
}
.app-body .featured-carousel__header .icon-button:has(.icon-chevron-right) {
    border-radius: 0 50px 50px 0;
}
.app-body .featured-carousel__header .icon-button + span:has(+ .icon-button) {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-fg-muted);
    padding: 6px 10px;
    margin: 0 -1px;
    outline: 1px solid color-mix(in srgb, var(--color-fg), transparent 95%);
    outline-offset: -1px;
    width: 55px;
    box-sizing: border-box;
    text-align: center;
}

.app-body .featured-carousel::before {
    position: absolute;
    display: block;
    right: 0;
    top: 50px;
    bottom: 7px;
    width: 20%;
    z-index: 2;
    content: "";
    background-image: linear-gradient(to left, color-mix(in srgb, var(--color-content-bg), transparent 30%), transparent);
}
.app-body .featured-carousel:has(.featured-carousel__slides > .featured-carousel__slide:only-child)::before {
    display: none;
}
.app-body .featured-carousel::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
    width: 100%;
    content: "";
    border-top: 1px solid var(--color-lines);
    background-color: var(--color-content-secondary-bg);
}
.app-body .featured-carousel__slide {
    transition: transform .3s;
}
.app-body .featured-carousel__slide:not([inert]) {
    flex-basis: 75%;
}
.app-body .featured-carousel__slide:only-child {
    flex-basis: 100%;
}
.app-body .featured-carousel__slide[inert] {
    transform: scale(0.9);
    transform-origin: left center;
}

@media screen and (max-width:770px) {
    .app-body .featured-carousel__header {
        margin-right: 17px;
    }
    .app-body .featured-carousel__title {
        margin-left: 17px;
    }
    .app-body .featured-carousel__slide:not([inert]) {
        flex-basis: 100%;
    }
    .app-body .featured-carousel::before {
        display: none;
    }
}
.layout-multiple-columns .featured-carousel__header {
    margin-right: 17px;
}
.layout-multiple-columns .featured-carousel__title {
    margin-left: 17px;
}
.layout-multiple-columns .featured-carousel__slide:not([inert]) {
    flex-basis: 100%;
}
.layout-multiple-columns .featured-carousel::before {
    display: none;
}


/* ✨ Explore tab
   -------------- */
.app-body .explore__links {
    background-color: var(--color-content-bg);
    overflow: hidden;
}
.layout-multiple-columns .explore__links.scrollable {
    background-color: var(--color-content-bg);
    overflow-y: auto;
}
.app-body .explore__links .trends__item {
    background-color: var(--color-content-bg);
    border-bottom: 2px solid var(--color-content-secondary-bg);
    padding: 15px 18px;
    gap: 13px;
}
.app-body .explore__links .trends__item:last-child {
    border-bottom: 0;
}
.app-body .trends__item__name,
.app-body .trends__item__current {
    color: var(--color-fg-muted);
}
.app-body .trends__item__name a {
    color: var(--color-fg);
}
.app-body .getting-started__trends {
    padding: 0;
    display: flex;
    flex-flow: column;
}
.app-body .getting-started__trends h4 {
    border-bottom: 0;
    padding: 0;
}
.app-body .getting-started__trends h4 > :is(a, span) {
    padding: 15px 20px 6px 45px;
    margin-left: 3px;
    font-weight: 500;
    color: var(--color-fg-muted);
    border-left: 4px solid transparent;
    display: block;
    transition: all .3s;
}
.app-body .getting-started__trends h4 a:hover {
    color: var(--color-accent);
}
.app-body .getting-started__trends h4 a:active {
    transform: scale(.95);
}
.app-body .getting-started__trends h4 a::after {
    content: '\2192';
    margin-left: 0;
    opacity: 0;
    transition: all .2s;
}
.app-body .getting-started__trends:hover h4 a::after {
    opacity: 1;
    margin-left: 5px;
}

.app-body .getting-started__trends .trends__item {
    padding-left: 17px;
    gap: 15px;
}
@media screen and (max-width:1175px) {
    .app-body .getting-started__trends {
        display: none;
    }
}

.app-body .trends__item::before {
    background-image: var(--icon-hashtag-accent);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 20px;
    width: 20px;
    height: 20px;
    transform: scale(1.45);
    content: " ";
    display: block;
}
.app-body .trends__item__name span {
    white-space: pre-wrap;
}
.app-body .trends__item__sparkline {
    flex: 0 0 auto;
    position: relative;
    height: 30px;
    width: 30px;
    border-radius: 6px;
    overflow: hidden;
    background-color: var(--color-content-secondary-bg);
    box-shadow: inset 0 -2px var(--color-accent-bg);
    transform: scale(1.25);
    transition: all .3s;
}
.app-body .getting-started__trends .trends__item__sparkline {
    background-color: var(--color-secondary-bg);
}
@media (prefers-color-scheme: dark) {
    .app-body .getting-started__trends .trends__item__sparkline {
        background-color: var(--color-content-secondary-bg);
    }
}
.app-body .trends__item__sparkline svg {
    width: 50px;
    height: 30px;
    position: absolute;
    right: -2px;
}
.app-body .trends__item__sparkline::after {
    position: absolute;
    display: block;
    content: " ";
    left: 0;
    right: 0;
    height: 2px;
    bottom: 0;
    background-color: var(--color-accent);
    opacity: .4;
}

.app-body .trends__item__sparkline path:last-child {
    stroke: var(--color-accent) !important;
}
.app-body .trends__item__sparkline path:first-child {
    fill: var(--color-accent) !important;
    fill-opacity: .4 !important;
    transform: translate(0px, 0.2px);
}


/* Hashtag header */
.app-body .hashtag-header {
    font-size: 15px;
    padding: 24px 20px;
    margin: 10px;
    border-radius: 8px;
    color: var(--color-content-fg);
    background-color: var(--color-content-secondary-bg);
    border: 0;
}
.app-body .hashtag-header__header {
    margin-bottom: 0;
}
.app-body .hashtag-header__header h1 {
    color: var(--color-content-fg);
}
.app-body .hashtag-header .hashtag-header__header + div {
    color: var(--color-content-fg);
    font-size: 85%;
    opacity: .8;
    margin-top: -5px;
    width: max-content;
}
@media screen and (max-width:460px) {
    .app-body .hashtag-header .hashtag-header__header + div {
        max-width: 55%;
        line-height: 1.5;
        margin-top: -2px;
    }
    .app-body .hashtag-header .hashtag-header__header + div > span {
        display: inline-block;
        margin-right: 5px;
    }
}
.layout-multiple-columns .hashtag-header .hashtag-header__header + div {
    max-width: 55%;
    line-height: 1.5;
    margin-top: -2px;
}
.layout-multiple-columns .hashtag-header .hashtag-header__header + div > span {
    display: inline-block;
    margin-right: 5px;
}

@media screen and (min-width:890px) {
    .app-body .hashtag-header .hashtag-header__header button {
        transform: translate(0, 8px);
    }
}


/* Account recommendations (Trending > People tab + User directory */
.app-body .scrollable .account-card {
    margin: 0;
    background-color: var(--color-content-bg);
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid var(--color-lines);
}
.app-body .account-card__header {
    padding: 0;
    border-radius: 0;
    height: 128px;
    overflow: hidden;
}
.app-body .scrollable .account-card__bio:after {
    background: linear-gradient(270deg, var(--color-content-bg), transparent);
}
.app-body .account-card__header img {
    background-color: var(--color-content-secondary-bg);
}
.app-body .account-card__title__avatar .account__avatar {
    border: 0;
    border-radius: 50%;
    overflow: visible;
}
.app-body .account-card__title__avatar img {
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 3px var(--color-content-bg);
}
.app-body .account-card__title .display-name bdi,
.app-body .account-card__counters__item,
.app-body .account-card__counters__item small {
    color: var(--color-content-fg);
}
.app-body .account-card__counters__item small {
    opacity: .7;
}
.account-card__title .display-name bdi .display-name__html {
    font-weight: bold;
}
.app-body .account-card__bio a {
    color: var(--color-accent);
}
.app-body .filter-form {
    background-color: var(--color-content-secondary-bg);
    border-top: 1px solid var(--color-lines);
}
.app-body .filter-form__column {
    padding: 10px 15px;
}

.app-body .explore-suggestions-card {
    border-bottom: 2px solid var(--color-content-secondary-bg);
    gap: 2px;
    padding-bottom: 14px;
}
.app-body .explore-suggestions-card__link .display-name__account {
    color: var(--color-content-fg);
}
.app-body .explore-suggestions-card__source span {
    background-color: var(--color-content-secondary-bg);
    padding: 6px 12px;
    display: inline-block;
    border-radius: 50px;
    color: var(--color-fg-muted);
    font-weight: 500;
}
.app-body .explore-suggestions-card__body__main__name-button .display-name__account {
    color: var(--color-content-fg);
    opacity: .75;
}
.app-body .explore-suggestions-card .icon-button {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-fg-muted);
    padding: 6px;
    border: 0;
}
.app-body .explore-suggestions-card .icon-button:is(:active, :hover) {
    background-color: var(--color-accent-bg);
}
@media screen and (min-width:1173px) {
    .app-body .explore-suggestions-card .icon-button {
        opacity: 0;
        transform: translateX(50%);
        transition: all .3s;
    }
    .app-body .explore-suggestions-card:hover .icon-button {
        opacity: 1;
        transform: translateX(0);
    }
}


/* 📰 Trending stories */
.app-body .story {
    background-color: var(--color-content-bg);
    transition: all .3s;
}
.app-body .story:not(:last-child) {
    border-bottom: 2px solid var(--color-content-secondary-separator);
}
.app-body .story,
.app-body .story__details__title {
    color: var(--color-content-fg);
}
.app-body .story__details__title {
    font-weight: bold;
    transition: all .3s;
}
.app-body .story:has(:is(.story__thumbnail, .story__details__title):hover) {
    background-color: var(--color-content-bg-focus);
}
.app-body .story__details__publisher {
    color: var(--color-fg);
}
.app-body .story .story__details__publisher {
    opacity: .7;
    transition: all .3s;
}
.app-body .story:has(:is(.story__thumbnail, .story__details__title):hover) :is(.story__details__publisher, .story__details__title) {
    color: var(--color-accent);
    opacity: 1;
}
.app-body .story__details__shared {
    color: var(--color-fg-muted);
}
.app-body .story__details__shared__pill {
    background-color:
        color-mix(
            in srgb,
            var(--color-accent),
            transparent 92%
        );
    color: var(--color-accent);
    border-radius: 8px;
    transition: all .3s;
}
.app-body .story__details__shared__pill:hover {
    background-color: var(--color-accent-bg);
}
.app-body .story__details__shared__pill:active {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body .story.expanded {
    gap: 20px;
    padding-bottom: 20px;
}
.app-body .story.expanded .story__thumbnail {
    margin: 0;
}
.app-body .story.expanded .story__thumbnail img {
    border-radius: 8px;
}
.app-body .story__details__shared__author-link {
    color: var(--color-content-fg);
}
.app-body .story__details__shared__author-link:hover {
    color: var(--color-accent);
}


/* 🔍 Search field and search results */
.app-body .search {
    margin-bottom: 10px;
    transition: transform .3s;
}
.app-body:not(.layout-multiple-columns) .navigation-panel .search {
    margin-bottom: 10px;
}
.app-body .search:has(.search__icon:active) {
    transform: scale(.95);
}
.app-body .search__icon-wrapper {
    top: 50%;
    transform: translateY(-50%);
}
.app-body .search__input:where(:not(.active), .active) {
    border-radius: 8px;
    background-color: var(--color-accent-bg);
    color: var(--color-content-fg);
    border: 1px solid var(--color-accent-lines);
    font-weight: 500;
    outline-offset: 0;
    outline: 0 solid var(--color-accent-bg);
    transition:
        border-color .2s,
        background-color .2s,
        outline .2s;
}
.app-body .search.active .search__input {
    border-radius: 8px;
}
.app-body .search__input::placeholder,
.app-body .compose-form .spoiler-input__input::placeholder {
    font-weight: 500;
    color: var(--color-accent);
}
.app-body .search__input:focus {
    border-color: var(--color-accent);
    background-color: var(--color-content-bg);
    outline: 3px solid var(--color-accent-bg);
    border-radius: 8px;
}
.app-body .search__input:focus::placeholder,
.app-body .compose-form .spoiler-input__input:focus::placeholder {
    color: var(--color-content-fg);
    opacity: .4;
}
.app-body .search__icon .icon {
    transform: scale(1.2);
}
.app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
    background-image: var(--icon-erase-active);
}
.app-body .compose-panel .icon-search,
.app-body .compose-panel .icon-search.active,
.app-body .explore__search-header .icon-search,
.app-body .navigation-panel .icon-search {
    background-image: var(--icon-search-active);
}
.app-body .compose-panel .icon-search.active,
.app-body .search__icon .icon-search.active {
    opacity: 1;
    z-index: 1;
}
.app-body .explore__search-results {
    border-radius: 0;
    border: 0;
    background-color: transparent;
    overflow: hidden;
}
.app-body .explore__search-header {
    background-color: transparent;
}
.app-body .explore__search-results .account {
    padding-top: 16px;
}
.app-body .explore__search-results article:last-child > .account {
    border-bottom: 1px solid var(--color-lines);
}
.app-body :is(.explore__search-results, .search-results__section) .trends__item {
    border-bottom: 2px solid var(--color-content-secondary-bg);
}
.app-body :is(.explore__search-results, .search-results__section) article:first-child > .trends__item,
.app-body :is(.explore__search-results, .search-results__section) > .trends__item:first-child,
.app-body :is(.explore__search-results, .search-results__section) > .account:first-child {
    border-top: 1px solid var(--color-lines);
}
.app-body :is(.explore__search-results, .search-results__section) article:last-child > .trends__item,
.app-body :is(.explore__search-results, .search-results__section) > .trends__item:last-child,
.app-body :is(.explore__search-results, .search-results__section) > .account:last-child {
    border-bottom: 1px solid var(--color-lines);
}
.app-body .search-results__section {
    background-color: var(--color-content-bg);
    border-bottom: 0;
}
.app-body .search-results__section__header {
    background-color: var(--color-content-secondary-bg);
    border-bottom: 0;
    color: var(--color-content-fg);
}
.app-body .search-results__section__header button {
    color: var(--color-accent);
}
.app-body .account .account__details > span {
    color: var(--color-content-fg);
}
.app-body .account .account__details .verified-badge {
    color: var(--color-accent);
}
.app-body .account .account__details .verified-badge span {
    font-weight: 500;
}
.app-body .compose-panel:has(> .search.active) {
    overflow: visible;
}
.app-body .search__popout {
    background-color: var(--color-content-bg);
    border-radius: 8px;
    margin-top: 10px;
    border: 1px solid var(--color-lines);
    animation: fadein-short .2s 1;
}
.app-body .search__popout h4 {
    font-weight: bold;
}
.app-body .search__popout h4,
.app-body .search__popout__menu__message,
.app-body .search__popout__menu__item {
    color: var(--color-content-fg);
}
.app-body .search__popout__menu__item {
    align-items: center;
    border-radius: 6px;
}
.app-body .search__popout__menu__item mark {
    color: var(--color-content-fg-bold);
}
.app-body .search__popout__menu__item :is(.icon-button, .icon-button .icon) {
    border-radius: 6px;
    transition: none;
}
.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) :is(.icon-button, .icon-button .icon) {
    color: var(--color-accent-fg);
}
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover),
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) .icon {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-accent);
}
.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover),
.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) mark {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}

.app-body .search__popout__menu:nth-child(2):not(:has(.search__popout__menu__message)) {
    margin-bottom: 10px;
}
.app-body .search__popout h4:has(+ .search__popout__menu:last-child, + .search__popout__menu__message) {
    background-color: var(--color-content-secondary-bg);
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    border-radius: 6px 6px 0 0;
    color: var(--color-fg-muted);
}
.app-body .search__popout__menu:last-child,
.app-body .search__popout > .search__popout__menu__message:last-child {
    margin: 0 0 -10px;
    background-color: var(--color-content-secondary-bg);
    border-radius: 0 0 6px 6px;
    padding: 5px;
}
.app-body .search__popout > .search__popout__menu__message:last-child {
    padding: 5px 15px 15px;
    color: var(--color-fg-muted);
}
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) {
    color: var(--color-fg-muted);
}
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) mark {
    color: var(--color-content-fg);
}

@media screen and (max-width:1174px) {
    .app-body:not(.layout-multiple-columns) .search {
        margin-bottom: 0;
    }
    .app-body:not(.layout-multiple-columns) .explore__search-header {
        padding-top: 2px;
    }
    .app-body:not(.layout-multiple-columns) .explore__search-header {
        padding: 10px;
        background-color: var(--color-content-secondary-bg);
        border-left: 1px solid var(--color-lines);
    }
}
@media screen and (max-width:770px) {
    .app-body:not(.layout-multiple-columns) .explore__search-header {
        padding: 10px;
        border-left: 0;
    }
}

@keyframes makeawish {
    0% {
        transform: scale(120%) translate(0, 0) rotate(0deg);
    }
    100% {
        transform: scale(200%) translate(100vw, 100vh) rotate(600deg);
    }
}
.app-body:has(.search__input[value="Tangerine UI"])::after,
.app-body:has(.search__input[value="tangerine ui"])::after {
    content: "\1F34A";
    position: fixed;
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 27px;
    line-height: 1.11;
    top: -40px;
    left: -40px;
    animation: 10s linear 0s makeawish;
}



/* Dismissable banners */
.app-body .dismissable-banner {
    background-color: var(--color-accent);
    box-shadow: 0 5px var(--color-content-bg);
    border-radius: 8px;
    border: 0;
    margin: 10px 10px 5px;
}
.app-body .dismissable-banner__message h1 {
    color: var(--color-content-fg);
    margin-bottom: 8px;
}
.app-body .dismissable-banner__message,
.app-body .dismissable-banner .dismissable-banner__action .icon-button {
    color: var(--color-accent-fg);
    font-weight: normal;
}
.app-body .dismissable-banner .dismissable-banner__action .icon-button:hover {
    color: var(--color-accent);
}
.app-body .dismissable-banner__message__actions__wrapper {
    flex-flow: row-reverse;
}
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) {
    background: var(--color-content-bg);
    margin: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-radius: 0;
    border-top: 1px solid var(--color-lines);
    border-bottom: 1px solid var(--color-lines);
}
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button {
    color: var(--color-accent);
}
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__message {
    color: var(--color-content-fg);
}
.app-body .dismissable-banner__background-image {
    display: none;
}
.app-body .dismissable-banner__message__actions .button,
.app-body .dismissable-banner__message__actions .button.button-tertiary {
    line-height: 1.75;
    padding: 6px 17px;
}
.app-body .dismissable-banner__message__actions {
    gap: 5px;
}



/* 🔔 Notifications
   ---------------- */
.app-body .status.muted
    :is(
        .status__content,
        .status__content a,
        .status__content p,
        .status__display-name strong
    ),
.app-body .attachment-list__list a {
    color: var(--color-content-fg-muted);
}
.app-body .notification.unread::before,
.app-body .status__wrapper.unread::before,
.app-body .notification-group--unread:before,
.app-body .notification-ungrouped--unread:before {
    background-color: var(--color-accent);
    width: 8px;
    border: 0;
    top: 5px;
    height: auto;
    bottom: 5px;
    border-radius: 8px;
    left: 5px;
    z-index: 2;
}
.app-body .notification__message {
    padding: 12px 12px 5px;
    background-color: var(--color-post-bg);
    color: var(--color-content-fg-bold);
    transition: all .3s;
}
.app-body .notification__display-name {
    font-weight: bold;
    color: var(--color-content-fg);
}
.app-body .notification__report {
    background-color: var(--color-content-bg);
    border-bottom: 0;
    padding-top: 10px;
    gap: 15px;
}
.app-body .notification__report__details {
    color: var(--color-content-fg);
}
.app-body .notification__message .icon {
    color: var(--color-accent);
    width: 18px;
    margin-left: 38px;
    text-align: right;
    background-position: center right;
}
@media screen and (max-width:770px) {
    .app-body .notification__message .icon {
        margin-left: 34px;
    }
}
.app-body .notification .status__wrapper {
    padding-top: 0;
}
.app-body
    :is(
        .notification-favourite,
        .notification-reblog,
        .notification-poll,
        .notification-status
    )
    .status__action-bar {
        display: none;
}
.app-body .account,
.app-body .notification-request {
    background-color: var(--color-content-bg);
    border-bottom: 2px solid var(--color-content-secondary-bg);
    padding-left: 22px;
    padding-top: 12px;
}
.app-body .notification .account {
    border-bottom: 0;
}
.app-body .explore__search-results .account {
    padding-top: 16px;
}
.app-body .account__relationship .icon-button {
    background-color: var(--color-content-secondary-bg);
    border: 0;
}
.app-body
.notification
.account:has(.account__wrapper > .account__relationship > button:nth-child(2))
.display-name__account {
    display: block;
}
.app-body
.notification
.account:has(.account__wrapper > .account__relationship > button:nth-child(2))
.display-name {
    margin-bottom: 0;
}

@media screen and (min-width:890px) {
    .app-body .notification .account:has(.account__wrapper > .account__relationship > button:nth-child(2)) {
        padding-left: 32px;
        padding-right: 22px;
    }
}
@media screen and (max-width:770px) {
    .app-body .notification .account:has(.account__wrapper > .account__relationship > button:nth-child(2)) {
        padding-left: 27px;
    }
}
@media screen and (max-width:1175px) {
    .app-body .account {
        padding-left: 18px;
    }
}
.app-body .notification .account__relationship .icon-button {
    padding: 5px;
    border-radius: 8px;
    transition: background-color .2s;
}
.app-body .notification .account__relationship .icon-button:first-child {
    background-color: var(--color-confirm-bg);
}
.app-body .notification .account__relationship .icon-button:first-child:is(:active, :focus, :hover) {
    background-color: var(--color-confirm);
}
.app-body .notification .account__relationship .icon-button:first-child:is(:active, :focus, :hover) .icon-check {
    background-image: var(--icon-check-inv);
}
.app-body .notification .account__relationship .icon-button:last-child {
    background-color: var(--color-reject-bg);
}
.app-body .notification .account__relationship .icon-button:last-child:is(:active, :focus, :hover) {
    background-color: var(--color-reject);
}
.app-body .notification .account__relationship .icon-button:last-child:is(:active, :focus, :hover) .icon-times {
    background-image: var(--icon-reject-inv);
}

@media screen and (max-width:1175px) {
    .app-body .notification-list {
        bottom: calc(5rem + var(--safe-area-bottom));
    }
}
.app-body .notification-bar {
    background-color: color-mix(in srgb, var(--color-content-bg), transparent 25%);
    color: var(--color-content-fg);
    border: 1px solid var(--color-lines-translucent);
    align-items: center;
    box-shadow: var(--dropdown-shadow);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.app-body .notification-bar__action {
    color: var(--color-accent);
    transition: all .2s;
}
.app-body .notification-bar__action:is(:active, :focus, :hover) {
    background-color: var(--color-accent-bg);
    color: var(--color-accent);
}

.app-body .column-settings h3,
.app-body .app-form__toggle,
.app-body .app-form__toggle__label .hint {
    color: var(--color-content-fg-bold);
}
.app-body .column-header__setting-btn {
    font-weight: 600;
}
.app-body .column-settings h3 {
    margin-bottom: 12px;
    font-weight: 500;
}
.app-body .column-settings section {
    border-color: var(--color-lines);
}
.app-body .column-settings section:not(:first-child) {
    padding-bottom: 25px;
}
.app-body .app-form__toggle__label .hint {
    opacity: .5;
}

.app-body .filtered-notifications-banner {
    background-color: var(--color-content-bg);
    color: var(--color-accent);
    border: 0;
    position: relative;
    padding: 25px;
}
.app-body .filtered-notifications-banner::before {
    position: absolute;
    display: block;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    content: " ";
    background-color: var(--color-content-secondary-bg);
    border-radius: 8px;
    transition: all .2s;
}
.app-body .filtered-notifications-banner:is(:active, :hover, :focus)::before {
    background-color: color-mix(in srgb, var(--color-accent), transparent 88%);
}
.app-body .filtered-notifications-banner:hover::before {
    left: 6px;
    right: 6px;
    top: 8px;
    bottom: 8px;
}
.app-body .filtered-notifications-banner:active::before {
    transform: scale(.98);
}
.app-body .filtered-notifications-banner > * {
    z-index: 1;
}
.app-body .filtered-notifications-banner .filtered-notifications-banner__badge,
.app-body .filtered-notifications-banner:is(:active, :focus, :hover) .filtered-notifications-banner__badge,
.app-body .notification-request__name .filtered-notifications-banner__badge,
.app-body .notification-request .account__avatar__counter {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
    border-radius: 50px;
}
.app-body .notification-request .account__avatar__counter {
    width: 19px;
    height: 19px;
    box-sizing: border-box;
}
.app-body .filtered-notifications-banner__badge__badge {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
    font-weight: 600;
}
.app-body .filtered-notifications-banner__text {
    color: var(--color-content-fg);
}
.app-body .filtered-notifications-banner__text strong {
    font-weight: 600;
}
.app-body .filtered-notifications-banner .notification-group__icon {
    justify-content: center;
}
.app-body .notification-request__name__display-name,
.app-body .notification-request__name {
    color: var(--color-content-fg);
    letter-spacing: unset;
}
.app-body .notification-request {
    padding-top: 15px;
}
@media screen and (max-width:1175px) {
    .app-body .notification-request {
        margin-top: 60px;
    }
}
.app-body .notification-group {
    padding: 16px 23px;
}
.app-body .notification-group,
.app-body .notification-ungrouped {
    border: none;
    position: relative;
}
@media screen and (max-width: 770px) {
    .app-body .notification-group {
        padding: 16px 12px;
    }
}

.app-body :is(.notification-group, .notification-ungrouped)::after,
.app-body .filtered-notifications-banner::after {
    position: absolute;
    display: block;
    background-color: var(--color-lines);
    height: 1px;
    width: 100%;
    right: 0;
    bottom: 0;
    content: " ";
    opacity: .7;
}
.app-body .notification-ungrouped {
    padding: 0;
}
.app-body .notification-ungrouped .status__wrapper > .status:not(.status--is-quote) > .status__info :is(.status__avatar, .account__avatar) {
    height: 46px !important;
    width: 46px !important;
}
.app-body .notification-ungrouped
    :is(
        .attachment-list,
        .audio-player,
        .hashtag-bar,
        .media-gallery,
        .more-from-author,
        .picture-in-picture-placeholder,
        .status-card,
        .status__action-bar,
        .status__content,
        .video-player
    ) {
        margin-left: 0;
        width: 100%;
}
.app-body .notification-ungrouped__header {
    margin-bottom: -6px;
    padding-top: 16px;
    z-index: 1;
    position: relative;
    font-weight: 500;
    color: var(--color-accent);
    background-color: var(--color-post-bg);
    transition: background .3s;
}
@media screen and (max-width: 770px) {
    .app-body .notification-ungrouped__header {
        padding-inline-start: 12px;
    }
}
.app-body .notification-ungrouped--direct .notification-ungrouped__header {
    background-color: var(--color-post-bg);
    transition: background .3s;
}
.app-body .notification-ungrouped > * > .status__wrapper {
    padding-inline-start: 23px;
    padding-inline-end: 23px;
}
@media screen and (max-width: 770px) {
    .app-body .notification-ungrouped > * > .status__wrapper {
        padding-inline-start: 12px;
        padding-inline-end: 12px;
    }
}

.app-body .notification-ungrouped--mention:not(.notification-ungrouped--direct) .notification-ungrouped__header {
    display: none;
}
.app-body :is(.notification-group__icon, .notification-ungrouped__header__icon) {
    width: 46px;
    height: 40px;
    justify-content: end;
}
.app-body :is(.notification-group__icon, .notification-ungrouped__header__icon) svg {
    width: 25px;
    height: 25px;
}
.app-body .notification-ungrouped .status::before {
    display: none;
}
.app-body .notification-group__main {
    overflow: unset;
}
.app-body .notification-group__main__status {
    border: 1px solid var(--color-content-secondary-bg);
    background-color: var(--color-content-secondary-bg);
    padding: 10px 12px 12px;
    transition:
        border-color .3s,
        background .3s,
        transform .3s;
}
.app-body .notification-group__main__status:hover {
    border-color: var(--color-accent);
}
.app-body .notification-group__main__status:active {
    transform: scale(.98);
}
.app-body
    :is(
        .notification-group__main__header__label,
        .notification-group__embedded-status__account,
        .notification-ungrouped__header
    )
    :is(
        bdi,
        bdi > strong
    ) {
        color: var(--color-content-fg);
        font-weight: 700;
}
.app-body .notification-group__main__header__label {
    color: var(--color-content-fg);
    justify-content: space-between;
}
.app-body .notification-group__main__header__label time {
    color: var(--color-content-fg-muted);
}
.app-body .notification-group__embedded-status__account {
    color: var(--color-content-fg);
}
.app-body .notification-group__main__additional-content {
    color: var(--color-fg-muted);
}
.app-body .notification-group__embedded-status .account__avatar {
    opacity: 1;
}

.app-body .notification-group__main__header__label-separator {
    display: none;
}
.app-body .notification-group .avatar-group {
    gap: 2px;
    --avatar-height: 40px !important;
}
.app-body .notification-group .avatar-group .account__avatar {
    margin-inline-end: -4px;
    width: 40px !important;
    height: 40px !important;
    outline: 2px solid var(--color-content-bg);
}

/* 📋 Lists tab */
.app-body .column-inline-form {
    background-color: var(--color-content-secondary-bg);
    border: 1px solid var(--color-lines);
    border-bottom: 0;
}
@media screen and (max-width:770px) {
    .app-body .column-inline-form {
        border-left: 0;
        border-right: 0;
    }
}
.app-body .column-inline-form label :is(input, input:focus) {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
    border-radius: 8px;
    border: 1px solid var(--color-lines);
}
.app-body .column-inline-form label input:focus {
    border-color: var(--color-accent);
}
.app-body .item-list .column-subheading {
    color: var(--color-fg-muted);
    border-top: 0;
    border-bottom: 0;
}
.app-body .getting-started .column-subheading {
    color: var(--color-fg-muted);
}
@media screen and (max-width:770px) {
    .app-body .item-list .column-subheading {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }
}
.app-body .lists__item {
    border-bottom: 2px solid var(--color-content-secondary-bg);
}
.app-body .lists__item__title,
.app-body .app-form__link__text strong {
    color: var(--color-content-fg);
    font-weight: 600;
    transition: all .3s;
}
.app-body .lists__item__title:hover {
    color: var(--color-accent);
    background-color: var(--color-content-secondary-bg);
}
.app-body .simple_form .input.with_label .label_input>label {
    color: var(--color-content-fg);
}
.app-body .column-search-header {
    padding: 15px;
}
.app-body .simple_form select,
.app-body .column-search-header input {
    border-radius: 8px;
    background-color: var(--color-content-secondary-bg);
    color: var(--color-content-fg);
}
.app-body .column-search-header input {
    background-color: var(--color-content-bg);
}
.app-body .column-search-header input:focus {
    border-color: var(--color-accent);
}
.app-body .app-form__link__text {
    color: var(--color-fg-muted);
}
.app-body .list-editor {
    background-color: var(--color-content-bg);
}
.app-body .list-editor .drawer__inner {
    background-color: var(--color-content-bg);
    border-radius: 0;
}
.app-body .list-editor__search {
    margin: 10px;
    background-color: var(--color-content-bg);
}
.app-body .list-editor .column-inline-form {
    background-color: var(--color-content-secondary-bg);
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-color: var(--color-lines);
}
.app-body .list-editor .column-inline-form .icon-button {
    color: var(--color-accent);
}
.app-body .list-editor .column-inline-form .icon-button.disabled {
    opacity: .5;
    pointer-events: none;
}
.app-body .list-editor .account {
    border-right: 0 !important;
    border-left: 0 !important;
}
.app-body .list-editor .setting-text {
    width: 100%;
    background-color: var(--color-accent-bg);
    border: 1px solid var(--color-accent-lines);
    border-radius: 8px;
    color: var(--color-content-fg);
}
.app-body .list-editor .setting-text:is(:active, :focus) {
    border-color: var(--color-accent);
    background-color: var(--color-content-bg);
}

.app-body .item-list .column-link {
    margin-left: 0;
    width: 100%;
    border-bottom: 2px solid var(--color-content-secondary-separator);
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
    box-sizing: border-box;
}
.app-body .item-list .column-link:hover {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-accent);
}
.app-body .item-list article:last-child .column-link {
    border-bottom: 0;
}
@media screen and (max-width:770px) {
    .app-body .item-list .column-link {
        border-left: 0;
        border-right: 0;
    }
    .app-body .item-list article:last-child .column-link {
        border-radius: 0;
    }
}

/* List adder dialog */
.app-body :is(.list-adder, .list-adder__account, .list-adder__lists) {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
}
.app-body .list-adder__account {
    margin-top: 12px;
}
.app-body .list-adder .column-inline-form {
    border-radius: 0;
}
.app-body .list-adder .list {
    border-bottom: 2px solid var(--color-content-secondary-separator);
}
.app-body .list-editor .drawer__pager {
    border: none;
    border-radius: 0;
}
.app-body .list-editor .account__relationship .icon-button {
    border-color: var(--color-accent);
    color: var(--color-accent);
}
.app-body .list-editor .search .search__input {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--color-accent-lines);
}
.app-body .list-editor .search .search__input:focus {
    border-color: var(--color-accent);
}

/* ➕ Follow requests */
.app-body #Follow-requests {
    margin-bottom: 0;
    z-index: 0;
}
.app-body .account-authorize__wrapper {
    margin: 0;
    border-bottom: 1px solid var(--color-lines);
}
.app-body .account-authorize {
    background-color: var(--color-content-bg);
    padding: 20px
}
.app-body .account--panel {
    background-color: var(--color-content-bg);
    border: 0;
    padding: 0 5px;
}
.app-body .account__header__content {
    color: var(--color-content-fg);
}
.app-body .account--panel__button {
    padding: 0 5px 12px 5px;
}
.app-body .account--panel__button .icon-button {
    width: 100%;
}
.app-body .account--panel__button .icon-button,
.app-body .notification-request__actions .icon-button {
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    transition: all .3s;
    border: 0;
}
.app-body .account--panel button .icon-check {
    background-image: var(--icon-check);
}
.app-body .account--panel button:is(:active, :focus, :hover) .icon-check {
    background-image: var(--icon-check-inv);
}
.app-body .account--panel__button:first-child .icon-button,
.app-body .notification-request__actions .icon-button:last-child {
    background-color: var(--color-confirm-bg);
    color: var(--color-confirm-fg);
}
.app-body .account--panel__button:first-child .icon-button:is(:hover, :active),
.app-body .notification-request__actions .icon-button:last-child:is(:hover, :active) {
    background-color: var(--color-confirm);
    color: var(--color-accent-fg);
}
.app-body .account--panel button .icon-times {
    background-image: var(--icon-reject);
}
.app-body .account--panel button:is(:active, :focus, :hover) .icon-times {
    background-image: var(--icon-reject-inv);
}
.app-body .account--panel__button:nth-child(2) .icon-button,
.app-body .notification-request__actions .icon-button:first-child {
    background-color: var(--color-reject-bg);
    color: var(--color-reject);
}
.app-body .account--panel__button:nth-child(2) .icon-button:is(:hover, :active),
.app-body .notification-request__actions .icon-button:first-child:is(:hover, :active) {
    background-color: var(--color-reject);
    color: var(--color-accent-fg);
}
@media screen and (max-width:1175px) {
    .app-body #Follow-requests + .column-back-button--slim .column-back-button {
        position: absolute;
        right: 0;
        margin: 0;
        width: auto;
    }
}


/* Inline Follow Suggesitons */
.app-body .inline-follow-suggestions {
    background-color: var(--color-content-bg);
    border-top: 1px solid var(--color-lines);
    border-bottom: 1px solid var(--color-lines);
    position: relative;
}
.app-body .inline-follow-suggestions__header h3 {
    font-weight: bold;
    color: var(--color-content-fg);
}
.app-body .inline-follow-suggestions__body__scrollable {
    scroll-padding: 60px;
}
.app-body .inline-follow-suggestions__body__scrollable::-webkit-scrollbar {
    height: 5px;
}
.app-body .inline-follow-suggestions__body__scrollable::-webkit-scrollbar-thumb {
    opacity: 1;
    border-radius: 0;
}
.app-body .inline-follow-suggestions__body__scrollable__card {
    border-radius: 8px;
    background-color: var(--color-content-secondary-bg);
    border: 0;
}
.app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account),
.app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source {
    color: var(--color-content-fg);
}
.app-body .inline-follow-suggestions__body__scrollable__card .display-name__account {
    opacity: .6;
}
.app-body .inline-follow-suggestions__body__scrollable__card .verified-badge {
    color: var(--color-accent);
}
.app-body .inline-follow-suggestions__body__scrollable__card button:active {
    transform: scale(.95);
}
.app-body .inline-follow-suggestions__body__scroll-button__icon {
    background-color: var(--color-accent);
    border-radius: 8px;
    padding: 6px;
    transition: all .3s;
}
.app-body .inline-follow-suggestions__body__scroll-button {
    opacity: 1;
}
.app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
    transform: scale(.9);
}
.app-body .inline-follow-suggestions__body__scroll-button:is(:active, :focus, :hover) .inline-follow-suggestions__body__scroll-button__icon {
    background-color: var(--color-accent-focus);
}
.app-body .inline-follow-suggestions__body__scroll-button.left {
    background: linear-gradient(to right, var(--color-content-bg), transparent);
    margin-left: -15px;
    padding-left: 21px;
}
.app-body .inline-follow-suggestions__body__scroll-button.right {
    background: linear-gradient(to left, var(--color-content-bg), transparent);
    margin-right: -15px;
    padding-right: 21px;
}

.app-body .inline-follow-suggestions__body__scrollable__card .account__avatar {
    border-radius: 50px;
    background-color: var(--color-content-bg);
    border: 3px solid var(--color-content-bg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    transform: translateY(3px);
}

.app-body .inline-follow-suggestions .button:is(.button-secondary, .button-tertiary) {
    padding: 7px 18px;
}
.app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source .icon {
    width: 17px;
    height: 17px;
}

.app-body .button {
    padding: 6px 17px;
}
.app-body .button,
.app-body .account__header__buttons .icon-button {
    border-radius: 8px;
}
.app-body .button,
.app-body .button.logo-button,
.app-body .rules-list li::before,
.app-body .icon-with-badge__badge {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
    transition: all .2s;
}
.app-body .button:disabled,
.app-body .button.disabled {
    opacity: .7;
}
.app-body .text-icon-button.active,
.app-body .button.button-tertiary,
.app-body .account__header__fields a,
.app-body .account__header__bio .account__header__fields a,
.app-body .reply-indicator__content a.unhandled-link,
.app-body .status__content a,
.app-body .status__content a.hashtag,
.app-body .status__content a.unhandled-link,
.app-body .column-back-button,
.app-body .about__section__title,
.app-body .prose a,
.app-body .column-link--transparent.active,
.app-body .column-header > .column-header__back-button,
.app-body .column-header__back-button,
.app-body .interaction-modal__icon,
.app-body .status__content a.mention,
.app-body .status__content__read-more-button,
.app-body .link-button,
.app-body .translate-button button,
.app-body .status__content__translate-button,
.app-body .status__action-bar__dropdown .icon-button.active,
.app-body .account__relationship .icon-button.active,
.app-body .account__header__buttons .icon-button.active,
.app-body .text-btn,
.app-body .detailed-status__action-bar-dropdown .icon-button,
.app-body .notification-bar-action {
    color: var(--color-accent);
}
.app-body .icon-button,
.app-body .icon-button.inverted {
    color: var(--color-content-fg);
}
.app-body .account__header__buttons .icon-button {
    padding: 6px;
    border: 0;
    color: var(--color-content-fg);
    background-color: var(--color-content-secondary-bg);
}
.app-body .account__header__buttons .icon-button:hover {
    background-color: var(--color-accent-bg);
    color: var(--color-accent);
}
.app-body .account__header__buttons .icon-button:has(.icon-ellipsis-v, .icon-close).active {
    background-color: var(--color-accent);
}
.app-body .icon-button {
    padding: 5px;
    border-radius: 8px;
    transition: all .2s;
}
.app-body .icon-button:is(:active, :focus, :hover) {
    background-color: var(--color-accent-bg);
    color: var(--color-accent);
}
.app-body .icon-button:has(.icon-ellipsis-v) {
    background-color: var(--color-content-secondary-bg);
    border: none;
}
.app-body .icon-button:has(.icon-ellipsis-v, .icon-close):is(.active, :active) {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
    border: none !important;
}
.app-body .account__header__buttons .icon-button.active .icon-bell {
    animation: bell-ring .4s ease-in 1;
    transform-origin: top center;
}
.app-body .account__header__buttons .icon-button.active:has(.icon-bell):is(:active, :focus) {
    background-color: var(--color-content-secondary-bg);
}
.app-body .language-dropdown__dropdown {
    background-color: var(--color-content-bg);
    border-radius: 8px;
    border: 1px solid var(--color-lines);
    box-shadow: var(--dropdown-shadow);
    padding: 0;
}
.app-body .language-dropdown__dropdown__results__item {
    border-radius: 8px;
}
.app-body .language-dropdown__dropdown__results__item.active,
.app-body .language-dropdown__dropdown__results__item.active:hover {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body .language-dropdown__dropdown__results__item:is(:active, :focus, :hover) {
    background-color: var(--color-accent-bg);
}
.app-body .language-dropdown__dropdown__results__item__native-name {
    font-weight: bold;
}
.app-body .language-dropdown__dropdown__results__item__common-name {
    opacity: .7;
}
.app-body
:is(.language-dropdown__dropdown__results__item__common-name,
    .language-dropdown__dropdown__results__item__native-name) {
    color: var(--color-content-fg);
}
.app-body
.language-dropdown__dropdown__results__item:is(.active, .active:hover)
:is(.language-dropdown__dropdown__results__item__common-name,
    .language-dropdown__dropdown__results__item__native-name) {
    color: var(--color-accent-fg);
}
.app-body
.language-dropdown__dropdown__results__item:is(:active, :focus, :hover)
:is(.language-dropdown__dropdown__results__item__native-name,
    .language-dropdown__dropdown__results__item__common-name) {
    color: var(--color-accent);
}
.app-body .button:not(.button-secondary):is(:active, :hover),
.app-body .button.button-tertiary:is(:active, :hover),
.app-body .button.logo-button:is(:active, :hover) {
    background-color: var(--color-accent-focus);
}

.app-body .react-toggle {
    transition: transform .3s;
}
.app-body .react-toggle:active {
    transform: scale(.9);
}
.app-body .react-toggle-track,
.app-body .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
    background-color: var(--color-fg-muted);
    transition: all .2s;
}
.app-body .react-toggle-thumb {
    border: 0;
    background-color: #ffffff;
}
.app-body .react-toggle.react-toggle--checked .react-toggle-track,
.app-body .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,
.app-body .react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
    background-color: var(--color-accent);
}
.app-body .react-toggle--checked .react-toggle-thumb {
    border-color: var(--color-accent);
}
.app-body .react-toggle--focus {
    outline: 0;
}

.app-body .radio-button {
    color: var(--color-content-fg);
}
.app-body .radio-button__input,
.app-body .poll__input,
.app-body .check-box__input {
    border-width: 4px;
    border-color: var(--color-content-bg);
    background-color: var(--color-accent-bg);
    outline: 1px solid var(--color-accent) !important;
    outline-offset: -1px;
    transition: transform .3s;
    width: 20px;
    height: 20px;
}
.app-body .radio-button:active .radio-button__input,
.app-body .poll__option:active .poll__input,
.app-body .check-box:active .check-box__input {
    transform: scale(.9);
}
.app-body .radio-button__input.checked,
.app-body .poll__input.active {
    background-color: var(--color-accent);
}
.app-body .check-box__input.checked:before,
.app-body .radio-button__input.checked:before {
    display: none;
}
.app-body .check-box__input.checked,
.app-body .radio-button__input.checked {
    background-color: var(--color-accent);
}
.app-body .check-box__input.checked .icon-check {
    transform: scale(.5);
}

.app-body .dropdown-menu {
    border: 1px solid var(--color-lines);
    border-radius: 8px;
}
.app-body .dropdown-menu,
.app-body .dropdown-menu__container__header,
.app-body .dropdown-menu__item.edited-timestamp__history__item,
.app-body .dropdown-menu__item :is(a, button) {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
    border-color: var(--color-lines);
}

.app-body .dropdown-menu__item a,
.app-body .dropdown-menu__arrow::before {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
    border: 0;
}
.app-body .dropdown-menu__item :is(a, button):is(:active, :focus, :hover):not(:disabled):not([aria-disabled=true]) {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
    outline: 0;
}
.app-body .dropdown-menu__item :is(a, button):is(:active, :focus, :hover):not(:disabled):not([aria-disabled=true]) :is(.icon, .icon-Boost-icon, .icon-Unboost-icon, .icon-Quote-icon) {
    filter: brightness(0) invert(1);
}
.app-body .dropdown-menu__item :is(a, button):is([aria-disabled=true], :disabled) {
    filter: brightness(.95) grayscale(1);
    opacity: .6;
    &:is(:focus) {
        background-color: transparent;
        color: var(--color-content-fg);
    }
}
.app-body .dropdown-menu__separator {
    border-color: var(--color-content-secondary-separator);
}

.app-body .dropdown-menu__container__list--scrollable {
    overflow-y: auto;
}

.app-body .visibility-dropdown > button {
    background-color: var(--color-content-secondary-bg);
    border: 1px solid var(--color-lines);
    border-radius: 8px;
    color: var(--color-content-fg);
    transition: all .2s;
}
.app-body .visibility-dropdown > button:is(:hover) {
    border-color: var(--color-accent);
    cursor: pointer;
}
.app-body .visibility-dropdown > button:is(:focus, :active, .active) {
    border-color: var(--color-accent);
}

.app-body .visibility-dropdown__label {
    font-weight: 800;
}

.app-body .visibility-modal__quote-warning {
    background: var(--color-accent-bg);
    border: 1px solid var(--color-accent-lines);
    border-radius: 6px;
    & :is(p, h3) {
        color: var(--color-content-fg);
    }
}

.app-body :is(.privacy-dropdown__dropdown, .visibility-dropdown__dropdown) {
    background-color: var(--color-content-bg);
    border-radius: 8px;
    border: 1px solid var(--color-lines);
    box-shadow: var(--dropdown-shadow);
    padding: 8px;
}
.app-body :is(.privacy-dropdown, .visibility-dropdown) :is(.privacy-dropdown__value, .visibility-dropdown__value),
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option) {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
    border-radius: 6px;
    margin-bottom: 2px;
}
.app-body .privacy-dropdown.active :is(.privacy-dropdown__value, .privacy-dropdown__value.active) {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body .privacy-dropdown.active .privacy-dropdown__value:has(.text-icon-button.active) {
    border-radius: 6px 6px 0 0;
}
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option) :is(.privacy-dropdown__option__content, .visibility-dropdown__option__content),
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option) :is(.privacy-dropdown__option__content, .visibility-dropdown__option__content) strong {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
}
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):hover,
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):hover :is(.privacy-dropdown__option__content, .visibility-dropdown__option__content),
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):hover :is(.privacy-dropdown__option__content, .visibility-dropdown__option__content) strong {
    background-color: var(--color-accent-bg);
    color: var(--color-content-fg);
}
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):is(.active, .active:hover),
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option).active :is(.privacy-dropdown__option__content, .visibility-dropdown__option__content),
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option).active :is(.privacy-dropdown__option__content, .visibility-dropdown__option__content) strong,
.app-body .privacy-dropdown.active .privacy-dropdown__value.active .icon-button,
.app-body .privacy-dropdown .icon-button.inverted.active {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):is(.active, .active:hover) .icon-globe {
    background-image: var(--icon-globe-visibility-inv);
}
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):is(.active, .active:hover) .icon-unlock {
    background-image: var(--icon-unlock-inv);
}
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):is(.active, .active:hover) .icon-lock {
    background-image: var(--icon-lock-inv);
}
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):is(.active, .active:hover) .icon-at {
    background-image: var(--icon-at-inv);
}
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option) .icon-info-circle path,
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):hover .icon-info-circle path {
    fill: var(--color-content-fg);
}
.app-body :is(.privacy-dropdown__option, .visibility-dropdown__option):is(.active, .active:hover) .icon-info-circle path {
    fill: var(--color-accent-fg);
}

.app-body .dropdown-animation {
    animation: fadein-short .2s 1;
}

.app-body .button.button-tertiary:is(.button--confirmation, .button--destructive) {
    background-color: transparent;
}
.app-body .button.button-tertiary.button--confirmation {
    color: #4e8a6b;
    background-color: rgba(121, 189, 154, 0.3);
}
.app-body .button.button-tertiary.button--destructive {
    color: #df405a;
    background-color: rgba(223, 64, 90, 0.3);
}
.app-body .button.button-tertiary.button--confirmation:is(:active, :focus, :hover) {
    background-color: #79bd9a;
    color: #ffffff;
}
.app-body .button.button-tertiary.button--destructive:is(:active, :focus, :hover) {
    background-color: #df405a;
    color: #ffffff;
}
@media (prefers-color-scheme: dark) {
    .app-body .button.button-tertiary.button--confirmation {
        color: #72cb9d;
    }
    .app-body .button.button-tertiary.button--destructive {
        color: #f3637b;
    }
}
.app-body
    :is(
        .block-modal__cancel-button,
        .confirmation-modal__cancel-button,
        .confirmation-modal__secondary-button,
        .mute-modal__cancel-button
    ):not(:hover) {
        background-color: color-mix(in srgb, var(--color-accent), transparent 90%);
        color: var(--color-accent);
}
.app-body
    :is(
        .block-modal__cancel-button,
        .confirmation-modal__cancel-button,
        .confirmation-modal__secondary-button,
        .mute-modal__cancel-button
    ):is(:active, :hover) {
        background-color: color-mix(in srgb, var(--color-accent), transparent 70%) !important;
        color: var(--color-accent);
}
.app-body
    :is(
        .block-modal__cancel-button,
        .confirmation-modal__cancel-button,
        .confirmation-modal__secondary-button,
        .mute-modal__cancel-button
    ):active,
    :is(
        .block-modal__cancel-button,
        .confirmation-modal__cancel-button,
        .confirmation-modal__secondary-button,
        .mute-modal__cancel-button
    )
    + button:active {
        transform: scale(.95);
}
.app-body .status__content a.hashtag {
    color: var(--color-accent);
}



/* 🖱️ Interaction modals
   --------------------- */
.app-body .safety-action-modal__top, .safety-action-modal__bottom {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.app-body .modal-root__modal:not(.media-modal) {
    border: 0;
    outline: 1px solid var(--color-lines-translucent);
}
.app-body .compare-history-modal {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
}
.app-body .compare-history-modal .report-modal__target {
    border-color: var(--color-lines);
}
.app-body .safety-action-modal {
    border: 1px solid var(--color-lines);
    background-color: var(--color-content-bg);
    border-radius: 8px;
}
.app-body .dialog-modal {
    border-radius: 8px;
}
@media screen and (max-width: 630px) {
    .app-body .dialog-modal {
        border-radius: 8px 8px 0 0;
    }
}
.app-body .dialog-modal__header {
    border-color: var(--color-lines);
}
.app-body .dialog-modal__content__description,
.app-body .visibility-dropdown__helper {
    color: var(--color-fg-muted);
}
.app-body .safety-action-modal__confirmation,
.app-body .safety-action-modal__confirmation strong,
.app-body .safety-action-modal__confirmation h1 {
    color: var(--color-content-fg);
}
.app-body .safety-action-modal__header__icon {
    background-color: var(--color-accent);
    transform: scale(1.1);
}
.app-body .safety-action-modal__header__icon .icon {
    filter: brightness(1000%) saturate(0) contrast(1000%);
}
.app-body .safety-action-modal__header,
.app-body .safety-action-modal__header h1,
.app-body .safety-action-modal__caveats,
.app-body .safety-action-modal__bullet-points {
    color: var(--color-content-fg);
}
.app-body :is(.safety-action-modal__header, .safety-action-modal__confirmation) h1 {
    font-weight: 600;
}
.app-body .safety-action-modal__confirmation h1 {
    font-size: 150%;
    padding-top: 20px;
}
.app-body .safety-action-modal__status {
    border-color: var(--color-lines);
}
.app-body .safety-action-modal__header h1 + div {
    color: var(--color-fg-muted);
}
.app-body .safety-action-modal__top {
    background-color: transparent;
    border: 0;
}
.app-body .safety-action-modal__bottom {
    background-color: var(--color-content-secondary-bg);
    padding-top: 24px;
    border: 0;
    border-radius: 0 0 8px 8px;
}
.app-body .safety-action-modal__bullet-points__icon .icon {
    transform: scale(1.3);
}
.app-body .safety-action-modal__bullet-points > div:first-child .safety-action-modal__bullet-points__icon .icon {
    background-image: var(--icon-megaphone);
}
.app-body .safety-action-modal__bullet-points > div:nth-child(2) .safety-action-modal__bullet-points__icon .icon {
    background-image: var(--icon-eye-shut);
}
.app-body .safety-action-modal__bullet-points > div:nth-child(3) .safety-action-modal__bullet-points__icon .icon {
    background-image: var(--icon-direct-messages);
}
.app-body .safety-action-modal__bullet-points > div:nth-child(4) .safety-action-modal__bullet-points__icon .icon {
    background-image: var(--icon-reply);
    transform: scale(1);
}
.app-body .safety-action-modal__field-group label {
    color: var(--color-content-fg);
}
.app-body .report-modal {
    background-color: var(--color-content-bg);
}
.app-body .actions-modal {
    background-color: var(--color-content-bg);
}
.app-body .actions-modal :is(a, button) {
    color: var(--color-content-fg);
}
.app-body .actions-modal a:is(:hover, :active, :focus),
.app-body .actions-modal button:is(:hover, button:active, button:focus) {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body .interaction-modal {
    background-color: var(--color-content-bg);
    border-radius: 10px;
    box-shadow: var(--dropdown-shadow);
}
.app-body .interaction-modal,
.app-body .interaction-modal__lead h3 {
    color: var(--color-content-fg);
}
.app-body .interaction-modal__lead p,
.app-body .interaction-modal__choices__choice p {
    color: var(--color-fg);
}
.app-body .interaction-modal__icon {
    transform: scale(1.4) translateX(-2px);
}
.app-body .interaction-modal :is(p, strong) {
    color: var(--color-content-fg);
}
.app-body .interaction-modal p.hint {
    color: var(--color-content-fg-muted);
}
.app-body .interaction-modal :is(.button, .button.button-tertiary) {
    padding: 10px 18px;
}
.app-body .interaction-modal .button.button-tertiary:hover {
    background-color: var(--color-content-secondary-separator);
}
.app-body .copypaste input,
.app-body .interaction-modal__login__input {
    border-color: var(--color-lines);
    background-color: var(--color-content-secondary-bg);
    color: var(--color-content-fg);
    border-radius: 8px;
    outline: 0 solid var(--color-accent-bg);
    transition: all .2s;
}
.app-body .interaction-modal__login.expanded .interaction-modal__login__input {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.app-body .interaction-modal__login__input input::placeholder {
    color: var(--color-content-fg-muted);
}
.app-body .interaction-modal__login.focused .interaction-modal__login__input {
    background-color: var(--color-content-bg);
    border-color: var(--color-accent);
    outline: 3px solid var(--color-accent-bg);
}
.app-body .interaction-modal__login .search__popout {
    border-color: var(--color-lines);
}
.app-body .interaction-modal .copypaste button {
    padding: 8px 18px;
}
.app-body .interaction-modal,
.app-body .boost-modal__container,
.app-body .mute-modal__container,
.app-body .block-modal__container {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
}
.app-body .boost-modal__container {
    margin-bottom: -11px;
}
.app-body .confirmation-modal__container,
.app-body .mute-modal__container,
.app-body .block-modal__container {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
}
.app-body .block-modal__action-bar,
.app-body .boost-modal__action-bar,
.app-body .confirmation-modal__action-bar,
.app-body .mute-modal__action-bar {
    background-color: var(--color-accent-bg);
}
.app-body .block-modal__action-bar > div,
.app-body .boost-modal__action-bar > div,
.app-body .confirmation-modal__action-bar > div,
.app-body .mute-modal__action-bar > div,
.app-body .boost-modal__container .status__content__text,
.app-body .boost-modal__container .display-name strong.display-name__html,
.app-body .boost-modal__container .status__info,
.app-body .boost-modal__container .status__relative-time time,
.app-body .boost-modal__container .status.light .status__visibility-icon {
    color: var(--color-content-fg);
}
.app-body .actions-modal ul li:not(:empty) a {
    color: var(--color-content-fg);
}
.app-body .actions-modal ul li:not(:empty)
a:is(.active,
    .active button,
    :active,
    :active button,
    :focus,
    :focus button,
    :hover,
    :hover button) {
        background-color: var(--color-accent);
        color: var(--color-accent-fg);
}

.app-body .hotkey-combination kbd {
    background-color: var(--color-content-secondary-bg);
}


/* Media modals */
.app-body .modal-root__overlay:has(+ div > .media-modal) {
    background-color: #030303 !important;
    opacity: 1;
}
.app-body .modal-root__overlay {
    background-color: rgb(0, 0, 0, .4);
}
@media (prefers-color-scheme: dark) {
    .app-body .modal-root__overlay {
        background-color: rgb(0, 0, 0, .9);
    }
}
.app-body .media-modal__buttons .icon-button,
.app-body .media-modal__nav {
        background-color: #1e1e1e;
        color: #777777;
        height: 44px;
        width: 44px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        padding: 0;
        transition: .2s all;

}
.app-body .media-modal__buttons .icon-button:is(:active, :focus, :hover),
.app-body .media-modal__nav:is(:active, :focus, :hover) {
        background-color: #343434;
        color: #ffffff;
}
.app-body .media-modal__close {
    top: 24px;
    left: 24px;
}
.app-body .media-modal__zoom-button {
    top: 24px;
    right: 24px;
}
.app-body .media-modal__nav--prev {
    left: 8px;
}
.app-body .media-modal__nav--next {
    right: 8px;
}
@media screen and (max-width:770px) {
    .app-body .media-modal__nav {
        display: none;
    }
}

.app-body .media-modal__overlay {
    max-width: none;
}
.app-body .media-modal__overlay .picture-in-picture__footer {
    background: transparent;
    justify-content: center;
}
.app-body .media-modal__overlay .picture-in-picture__footer > *:not(:last-child) {
    display: none;
}
.app-body .media-modal__overlay .picture-in-picture__footer > button:last-child {
    position: absolute;
    bottom: 8px;
    inset-inline-end: 8px;
    background-color: #1e1e1e;
    color: #777777;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: .2s all;
}
.app-body .media-modal__overlay .picture-in-picture__footer > button:last-child:is(:active, :focus, :hover) {
    background-color: #343434;
}
.app-body .media-modal__overlay .picture-in-picture__footer > button:last-child a {
    filter: grayscale(1);
}
.app-body .media-modal__overlay .picture-in-picture__footer .icon-button > svg {
    width: 25px;
    height: 25px;
}
.app-body .picture-in-picture__footer .animated-number {
    color: var(--color-accent);
}
.app-body .media-modal__page-dot {
    background-color: #858585;
}
.app-body .media-modal__overlay .icon-external-link path {
    fill: var(--color-accent);
}

.app-body .modal-root > div {
    animation: slowin .3s 1;
}



/* Report modals */
.app-body .report-dialog-modal__lead {
    color: var(--color-content-fg-muted);
}
.app-body .report-dialog-modal {
    background-color: var(--color-content-bg);
}
.app-body .report-dialog-modal .dialog-option,
.app-body .report-dialog-modal .poll__option.dialog-option:last-child {
    border-top: 1px solid var(--color-lines);
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
    border-bottom: 1px solid var(--color-lines);
    padding: 15px;
    margin-bottom: 5px;
    border-radius: 8px;
    transition: all .2s;
}
.app-body .report-dialog-modal .dialog-option:hover,
.app-body .report-dialog-modal .poll__option.dialog-option:hover,
.app-body .report-dialog-modal .dialog-option:has(.poll__input.active) {
    border-top: 1px solid var(--color-accent);
    border-left: 1px solid var(--color-accent);
    border-right: 1px solid var(--color-accent);
    border-bottom: 1px solid var(--color-accent);
}

.app-body .report-dialog-modal .dialog-option .poll__input,
.app-body .report-dialog-modal__textarea:focus {
    border-color: var(--color-accent);
}
.app-body .report-dialog-modal .dialog-option .poll__input.active {
    background-color: var(--color-accent);
}
.app-body .report-dialog-modal .dialog-option .poll__input svg {
    display: none;
}
.app-body .report-dialog-modal .poll__option.dialog-option>.poll__option__text,
.app-body .report-dialog-modal .dialog-option time,
.app-body .report-dialog-modal .status__content > p:first-child:has(.status__content__spoiler-link) > span,
.app-body .report-dialog-modal__toggle,
.app-body .report-dialog-modal__subtitle,
.app-body .report-modal__comment .setting-text-label,
.app-body .report-dialog-modal .status__content__text p,
.app-body .report-dialog-modal__title,
.app-body .report-modal__target {
    color: var(--color-content-fg);
}
.app-body .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong {
    color: var(--color-content-fg-bold)
}
.app-body .report-modal__comment,
.app-body .report-modal__container,
.app-body .report-dialog-modal__container {
    border-color: var(--color-lines);
}
.app-body .report-modal__comment {
    color: var(--color-content-fg-muted);
}
.app-body #upload-modal__description {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-lines);
    border-radius: 8px;
    color: var(--color-content-fg);
}
.app-body #upload-modal__description:focus {
    border-color: var(--color-accent);
}
.app-body .setting-text__wrapper {
    background-color: var(--color-content-bg);
    border: 0;
}
.app-body .report-dialog-modal__textarea {
    background-color: var(--color-secondary-bg);
    border: 1px solid var(--color-lines);
    border-radius: 8px;
    color: var(--color-content-fg);
}
.app-body .report-dialog-modal__textarea::placeholder {
    color: var(--color-content-fg);
    opacity: .5;
}

.app-body .help-button {
    background-color: var(--color-accent);
    &:is(:active, :focus, :hover) {
        background-color: var(--color-accent-focus);
    }
}



/* 🖼️ Picture in Picture */
.app-body .picture-in-picture {
    z-index: 3;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 8px;
    border: 1px solid var(--color-lines);
}
.app-body .picture-in-picture__header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: none;
}
.app-body .picture-in-picture__footer {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: none;
}
.app-body .picture-in-picture .video-player {
    border: 0;
}
.app-body .picture-in-picture__footer,
.app-body .picture-in-picture__header {
    background-color: var(--color-content-bg);
}
.app-body .picture-in-picture__header .display-name span {
    color: var(--color-content-fg-muted);
}

.app-body .picture-in-picture-placeholder {
    border-radius: 8px;
    background-color: var(--color-content-secondary-bg);
    border-color: var(--color-lines);
    color: var(--color-accent);
}

/* ⏯️ Video controls */
.app-body .video-player__seek__progress,
.app-body .video-player__volume__handle,
.app-body .video-player__volume__current,
.app-body .video-player__seek__handle {
    background-color: var(--color-accent);
}


/* 📄 Meta footer */
.app-body .link-footer {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    flex-flow: column;
    padding: 20px 0 0;
}
.app-body .link-footer p,
.app-body .link-footer a {
    color: var(--color-fg-muted);
}
.app-body .link-footer::after {
    content: var(--meta);
    color: var(--color-fg-muted);
    order: 10;
}

/* Server banner */
.app-body .server-banner__introduction {
    display: none;
}
.app-body .server-banner {
    padding: 0 0 20px;
}
.app-body .server-banner__hero {
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
    border: 1px solid var(--color-lines-translucent);
    border-bottom: 0;
    background-color: var(--color-content-bg);
    box-sizing: border-box;
}
.app-body .server-banner__description {
    padding: 20px 15px 20px;
    margin-bottom: 0;
    background-color: var(--color-content-bg);
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
    color: var(--color-content-fg);
}
.app-body .server-banner__meta {
    padding: 0 15px 20px;
    background-color: var(--color-content-bg);
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
    border-bottom: 1px solid var(--color-lines);
    gap: 0;
    margin: 0;
    border-radius: 0 0 8px 8px;
    align-items: end;
}
.app-body .server-banner h4 {
    color: var(--color-fg);
    font-size: 80%;
}
.app-body .server-banner__number {
    color: var(--color-content-fg);
    font-size: 15px;
}
.app-body .server-banner__number-label {
    color: var(--color-content-fg);
}
.app-body .server-banner .account {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.app-body .server-banner .account .display-name__account {
    opacity: .7;
}
.app-body .server-banner__meta__column:first-child {
    width: calc(60% - 5px);
}
.app-body .server-banner__meta__column:nth-child(2) {
    width: calc(40% - 5px);
}
.app-body .server-banner .button.button-secondary {
    padding: 10px;
    margin: 10px 0;
}
.app-body .button.button-secondary,
.app-body .button.button-tertiary {
    border: 0;
    background-color: color-mix(in srgb, var(--color-accent), transparent 82%);
    color: var(--color-accent);
}
.app-body .hover-card .button {
    line-height: 1.375;
    padding: 10px 18px;
}
.app-body .hover-card .button:not(.button--destructive) {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
}
.app-body .hover-card .button:not(.button--destructive):hover {
    background-color: var(--color-accent-focus);
}
.app-body .button:is(.button-secondary, .button-tertiary):hover {
    background-color: color-mix(in srgb, var(--color-accent), transparent 70%);
}
.app-body .button.button--destructive:is(:active, :hover, :focus) {
    background-color: var(--color-reject);
    color: var(--color-accent-fg);
}
.app-body .sign-in-banner .button:active,
.app-body .button:is(.button-secondary, .button-tertiary):active {
    transform: scale(.95);
}
@media screen and (max-width:1175px) {
    .app-body .button.button-tertiary {
        padding: 7px 18px;
    }
}
.app-body .sign-in-banner {
    padding: 10px;
}
.app-body .navigation-panel__sign-in-banner hr {
    display: block;
    border-color: var(--color-lines-translucent);
    margin: 12px 15px;
    opacity: .5;
}
.app-body .sign-in-banner p {
    color: var(--color-fg-muted);
    padding: 0 5px 5px;
}
.app-body .sign-in-banner p strong {
    color: var(--color-fg);
    font-weight: 500;
}
.app-body .sign-in-banner p:nth-child(2) {
    font-size: 85%;
    line-height: 1.325;
}
.app-body .sign-in-banner p {
    margin-bottom: 25px;
}
.app-body .sign-in-banner p:first-child {
    margin-bottom: 5px;
}
.app-body .sign-in-banner .button {
    padding: 10px 18px;
}
@media screen and (max-width:1175px) {
    .app-body .sign-in-banner {
        padding: 0;
        margin: 15px;
    }
}



/* 🤗 Onboarding */
.app-body .scrollable.follow-recommendations-container,
.app-body .column-list {
    background-color: var(--color-content-bg);
}
.app-body .column-title .logo {
    display: none;
}
.app-body .column-title h3,
.app-body .column-title p {
    color: var(--color-content-fg);
}
.app-body .column-list {
    border: 0;
}
.app-body .account__note {
    color: var(--color-content-fg-muted);
}

.app-body .onboarding__steps__item,
.app-body .onboarding__link {
    background-color: var(--color-content-secondary-bg);
    margin-bottom: 8px;
    transition: all .2s;
}
.app-body .onboarding__steps__item:is(:active, :focus, :hover),
.app-body .onboarding__link:is(:active, :focus, :hover) {
    background-color: var(--color-accent-bg);
}
.app-body .onboarding__steps__item__icon,
.app-body .onboarding__link {
    color: var(--color-accent);
}
.app-body .onboarding__steps__item__description h6,
.app-body .onboarding__steps__item__description p,
.app-body .onboarding__lead,
.app-body .onboarding__lead strong {
    color: var(--color-content-fg);
}
.app-body .onboarding__steps__item__go svg path,
.app-body .onboarding__link svg path {
    fill: var(--color-accent);
}
.app-body .app-form__avatar-input,
.app-body .app-form__header-input {
    background-color: var(--color-accent-bg);
    transition: all .2s;
}
.app-body .app-form__avatar-input:hover,
.app-body .app-form__header-input:hover {
    background-color: color-mix(in srgb, var(--color-accent), transparent 75%);
}
.app-body .app-form__header-input {
    border-top: 1px solid var(--color-lines);
}
.app-body .app-form__header-input .icon {
    background-image: var(--icon-paperclip);
    transform: scale(1.4) translateX(-50%) translateY(-25%);
    position: absolute;
    inset-inline-start: 50%;
    top: 50%;
}
.app-body .onboarding__profile .app-form__avatar-input {
    border-color: var(--color-content-bg);
    border-radius: 50%;
    border-width: 5px;
}
.app-body .onboarding__profile .app-form__avatar-input img {
    border-radius: 50%;
    background: var(--color-content-secondary-bg);
}
.app-body .onboarding__profile .app-form__header-input img {
    background: var(--color-accent-bg);
}
.app-body .simple_form .input.with_block_label > label,
.app-body .simple_form .input.with_block_label .hint,
.app-body .app-form__toggle__label strong,
.app-body .simple_form .hint {
    color: var(--color-fg);
}
.app-body .app-form__toggle__toggle > div {
    border-color: var(--color-lines);
}
.app-form__avatar-input.selected .icon,
.app-form__header-input.selected .icon {
    color: var(--color-accent);
}
.app-body .simple_form
    :is(
        input[type=datetime-local],
        input[type=email],
        input[type=number],
        input[type=password],
        input[type=text],
        input[type=url],
        textarea
    ) {
        background-color: var(--color-content-secondary-bg);
        border-color: var(--color-lines);
        border-radius: 8px;
        color: var(--color-content-fg);
}
.app-body .simple_form
    :is(
        input[type=datetime-local],
        input[type=email],
        input[type=number],
        input[type=password],
        input[type=text],
        input[type=url],
        textarea
    ):is(:active, :focus) {
        border-color: var(--color-accent);
}
.app-body .column-title {
    margin: -20px -20px 30px;
    padding: 50px 40px 40px;
}
.app-body .column-title:not(:has(.onboarding__illustration)) {
    background-color: var(--color-content-secondary-bg);
}
.app-body .column-title:has(+ .simple_form) {
    margin-bottom: 0;
    background-color: var(--color-content-secondary-bg);
}
.app-body .follow-recommendations {
    background-color: var(--color-content-bg);
}
.app-body .follow-recommendations .account {
    border-left: 0;
    border-right: 0;
    margin-bottom: 15px;
}
.app-body .follow-recommendations .account__note {
    color: var(--color-content-fg);
    opacity: .7;
}
.app-body .follow-recommendations .account__note p {
    overflow: hidden;
}

.app-body .copy-paste-text {
    background-color: var(--color-accent-bg);
    border-color: var(--color-accent-lines);
    color: var(--color-content-fg);
}
.app-body .copy-paste-text:is(:focus, :active),
.app-body .tip-carousel:focus {
    border-color: var(--color-accent);
}
.app-body .copy-paste-text:has(textarea:focus) {
    border-color: var(--color-accent);
}

/* 📢 Announcements */
.app-body .announcements,
.app-body .announcements::after {
    background-color: var(--color-content-secondary-bg);
    color: var(--color-content-fg);
}
.app-body .announcements {
    overflow: visible;
    z-index: 0;
    box-shadow: 0 -20px var(--color-bg);
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
    border-bottom: 1px solid var(--color-lines);
}
.app-body .announcements__item strong {
    font-weight: 800;
    color: var(--color-content-fg-bold);
}
.app-body .announcements__item__unread {
    color: var(--color-accent);
    background-color: var(--color-accent);
}
.app-body .announcements__pagination,
.app-body .announcements__pagination .icon-button {
    color: var(--color-content-fg);
}
.app-body .announcements__pagination > * {
    vertical-align: middle;
}
.app-body .reactions-bar__item {
    background-color: var(--color-accent-bg);
    border-radius: 8px;
    padding: 2px 8px;
}
.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
    padding: 3px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
    background-color: var(--color-content-bg);
}
.app-body .reactions-bar__item.active,
.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
    background-color: var(--color-accent);
}
.app-body .reactions-bar__item__count,
.app-body .reactions-bar__item__count .animated-number {
    color: var(--color-accent);
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
    color: var(--color-content-fg);
}
.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {
    color: var(--color-accent-fg);
}
.app-body .reactions-bar .emoji-button,
.app-body .announcements__item__content a.unhandled-link,
.app-body .announcements__item__content a {
    color: var(--color-accent);
}
.app-body .announcements .emoji-button {
    margin: 0;
}
@media screen and (max-width:1175px) {
    .app-body .announcements {
        border-left: 0;
        border-right: 0;
    }
    .app-body .announcements__mastodon {
        border-radius: 0;
    }
}



/* 404 */
.app-body .empty-column-indicator,
.app-body .error-column {
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
}
.app-body .error-column__message h1,
.app-body .error-column__message {
    color: var(--color-content-fg);
}
.app-body .error-column__image {
    margin-top: 0;
}
.app-body .regeneration-indicator {
    background-color: var(--color-content-bg);
}
@media screen and (min-width:890px) {
    .app-body .regeneration-indicator {
        padding-top: 50px;
        padding-bottom: 40px;
    }
}



/* 📜 About page
   ------------- */
.app-body .scrollable.about {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-lines);
    border-bottom: 0;
    display: flex;
    flex-flow: column;
    padding-bottom: 20px;
    z-index: 1;
}
@media screen and (max-width:770px) {
    .app-body .scrollable.about {
        border-left: 0;
        border-right: 0;
    }
}
@media screen and (max-width:1175px) {
    .app-body .scrollable.about {
        border-top: 0;
    }
}
.app-body .about__header {
    order: 1;
    margin-bottom: 10px;
}
.app-body .about__section:nth-child(3) {
    order: 3;
}
.app-body .about__meta {
    order: 2;
}
.app-body .about__section:nth-child(4) {
    order: 4;
}
.app-body .about__section:nth-child(5) {
    order: 5;
}
.app-body .about .link-footer {
    order: 6;
}
.app-body .about__footer {
    order: 7;
}
.app-body .scrollable.about .about__meta + .about__section > .about__section__title {
    display: none;
}
.app-body .about__header p,
.app-body .about__meta h4 {
    color: var(--color-fg);
}
.app-body .about__header__hero {
    margin: -20px -20px 20px;
    width: calc(100% + 40px);
    border-radius: 0;
    background-color: var(--color-content-bg);
}
.app-body .about__header__hero,
.app-body .about__meta {
    margin-bottom: 10px;
}
.app-body .about__header > h1 {
    color: var(--color-content-fg);
    margin: 30px 0 0 20px;
    text-align: left;
    font-variant: small-caps;
    font-size: 20px;
}
.app-body .about__header > h1 + p {
    color: var(--color-content-fg);
    opacity: .8;
    text-align: left;
    margin-left: 20px;
    margin-bottom: 15px;
    font-size: 14px;
}
@media screen and (min-width:1175px) {
    .app-body .scrollable.about {
        border-radius: 8px 8px 0 0 !important;
    }
    .app-body .about__header__hero {
        border-radius: 6px 6px 0 0;
    }
}
.app-body .about__mail {
    color: var(--color-content-fg);
}
.app-body .about__meta h4 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
}
.app-body .about__meta .account {
    background: none;
    box-shadow: none;
    padding: 0;
    border-left: 0;
    border-right: 0;
}
.app-body .about__meta__divider {
    border-left: 3px solid var(--color-content-secondary-separator);
}
@media screen and (max-width:600px) {
    .app-body .about__meta__divider {
        border-top: 3px solid var(--color-content-secondary-separator);
        width: 90%;
    }
}
.app-body .about__section:nth-child(3) .about__section__body {
    padding-bottom: 3em;
}
.app-body .about__meta,
.app-body .about__section__title {
    color: var(--color-accent);
    background-color: var(--color-content-secondary-bg);
    border: 0;
    border-radius: 8px;
}
.app-body .about__section.active .about__section__title {
    border-radius: 8px 8px 0 0;
}
.app-body .about__section.active:not(:nth-of-type(3)) .about__section__body {
    border: 0 !important;
    background-color: var(--color-content-secondary-bg);
    border-radius: 0 0 8px 8px;
}

.app-body .prose,
.app-body .prose p,
.app-body .prose b,
.app-body .prose h1,
.app-body .prose h2,
.app-body .prose h3,
.app-body .prose h4,
.app-body .prose h5,
.app-body .prose h6,
.app-body .prose strong,
.app-body .rules-list,
.app-body .about__domain-blocks__domain h6,
.app-body .about__domain-blocks__domain__type {
    color: var(--color-content-fg);
}
.app-body .prose ul > li::before {
    background-color: var(--color-content-fg);
    opacity: .3;
    top: .55em;
    width: 7px;
    height: 7px;
}
.app-body .about__section__body .prose hr {
    border-color: var(--color-content-secondary-separator);
    margin-top: 2em;
    margin-bottom: 2em;
    border-width: 3px;
}
.app-body .hover-card__bio a,
.app-body .hover-card .account-fields a {
    text-decoration: none;
    color: var(--color-accent);
}
.app-body .about__section__body .prose a,
.app-body .about__section__body .prose a:hover,
.app-body .prose a strong,
.app-body .hover-card__bio a span {
    color: var(--color-accent);
    text-decoration-line: underline;
    text-decoration-color: var(--color-accent-bg);
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}
.app-body .about__section__body .prose a:hover :is(span, strong),
.app-body .hover-card__bio a:hover {
    text-decoration-color: var(--color-accent);
}
.app-body .about__section__body .prose small.lang_label {
    margin-left: -2em;
    margin-top: 1px;
    display: block;
    color: var(--color-content-fg-muted);
    font-weight: bold;
    font-size: 80%;
    float: left;
}
.about__section.active .about__section__title {
    background-color: var(--color-accent-bg);
}
.app-body .rules-list__text,
.app-body .rules-list__hint {
    color: var(--color-content-fg);
}
.app-body .rules-list__text {
    font-weight: 600;
}
.app-body .rules-list__hint {
    opacity: .7;
    padding-top: 4px;
}
.app-body .rules-list li {
    border-bottom: 1px solid var(--color-lines);
    padding: 1em 1.75em 1em 3.4em;
}
.app-body .rules-list li:last-child {
    border-bottom: 0;
}
.app-body .rules-languages > label {
    color: var(--color-content-fg);
}
.app-body .rules-languages > select {
    background-color: var(--color-accent-bg);
    border: 1px solid var(--color-accent-lines);
    border-radius: 8px;
    color: var(--color-content-fg);
    transition: all .2s;
}
.app-body .rules-languages > select:is(:hover) {
    border-color: var(--color-accent);
    cursor: pointer;
}
.app-body .rules-languages > select:is(:focus, :active) {
    border-color: var(--color-accent);
}
.about__domain-blocks {
    background-color: var(--color-content-bg);
    border: 0;
}
.about__domain-blocks__domain {
    color: var(--color-content-fg);
    border-bottom: 0;
}
.about__domain-blocks__domain:nth-child(2n) {
    background-color: var(--color-content-secondary-bg);
}

@media screen and (min-width:1175px) {
    .app-body .about :is(.link-footer, .about__footer) {
        display: none;
    }
}


/* Keyboard shortcuts page */
.keyboard-shortcuts kbd {
    background-color: var(--color-content-secondary-bg);
    border: 1px solid var(--color-lines);
    box-shadow: 0 1px var(--color-lines-translucent);
    color: var(--color-content-fg);
    border-radius: 5px;
    padding: 3px 8px;
    margin: 0 4px;
    font-weight: 500;
}


/* Privacy Policy page */
.app-body .column > .scrollable.privacy-policy {
    border: 1px solid var(--color-lines);
    background-color: var(--color-content-bg);
    padding-bottom: 20px;
    z-index: 1;
}
@media screen and (min-width:1175px) {
    .app-body:not(:has(#tabs-bar__portal > *)) .column > .scrollable.privacy-policy {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
}



/* 👋 Hide superfluous UI */
.app-body div#mastodon > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(3) > hr,
.app-body .navigation-panel__legal > hr,
.app-body .about__footer, /* Hide meta footer */
.app-body .server-banner__introduction, /* Hide generic mastodon server introduction in sidebar */
.app-body .search-banner ~ .search, /* Hide search field for logged out users */
.app-body .account__header__bio .account__header__fields > dl:first-child /* Hide "Joined" field on profiles */ {
    display: none;
}



/* Multi-column layout
   ------------------- */

:root:has(.layout-multiple-columns) *::-webkit-scrollbar {
    width: 4px;
}
:root:has(.layout-multiple-columns) *::-webkit-scrollbar-track {
    background-color: var(--color-accent-bg);
}
:root:has(.layout-multiple-columns) *::-webkit-scrollbar-thumb {
    opacity: .8;
}
.layout-multiple-columns .scrollable,
.layout-multiple-columns .column > .scrollable {
    max-height: 100%;
}
.layout-multiple-columns .column {
    width: 400px;
    padding-bottom: 0;
}
.layout-multiple-columns .drawer__inner__mastodon {
    display: none;
}
.layout-multiple-columns :is(.drawer__inner, .drawer__inner.darker) {
    background: transparent;
}
.layout-multiple-columns .drawer__header {
    background-color: var(--color-content-bg);
    border: 1px solid var(--color-lines);
    border-radius: 8px;
    margin-bottom: 0;
}
.layout-multiple-columns .drawer .search {
    margin-top: 10px;
}
.layout-multiple-columns .drawer__tab {
    transition: all .3s;
    border-radius: 6px;
    height: 40px;
    padding: 5px;
    margin: 5px;
    box-sizing: border-box;
    border: 0;
}
.layout-multiple-columns .drawer__tab .icon {
    transform: scale(1.2);
}
.layout-multiple-columns .drawer__tab:active {
    transform: scale(.9);
}
.layout-multiple-columns .drawer__tab:is(:active, :focus, :hover) {
    background-color: var(--color-accent-bg);
}
.layout-multiple-columns .drawer__tab .icon-cog {
    background-image: var(--icon-gear);
}
.layout-multiple-columns .drawer__tab .icon-globe {
    background-image: var(--icon-globe);
}
.layout-multiple-columns .drawer__tab .icon-users {
    background-image: var(--icon-users);
}
.layout-multiple-columns .drawer__tab .icon-bars {
    background-image: var(--logo);
}
.layout-multiple-columns .drawer__tab .icon-sign-out {
    background-image: var(--icon-logout);
}
.layout-multiple-columns .column-header__icon.icon-bars {
    background-image: var(--icon-globe-active);
}

.layout-multiple-columns .flex-spacer,
.layout-multiple-columns .getting-started,
.layout-multiple-columns .getting-started__wrapper,
.layout-multiple-columns .getting-started .column-link,
.layout-multiple-columns .getting-started .column-subheading {
    background-color: var(--color-bg);
}
.layout-multiple-columns .scrollable.getting-started {
    border-left: 0;
    border-right: 0;
    background-color: var(--color-bg);
}
.layout-multiple-columns .getting-started__wrapper {
    padding-bottom: 10px;
    border-radius: 0 0 8px 8px;
}
.layout-multiple-columns .getting-started .column-link {
    color: var(--color-content-fg);
    margin: 0 5px 2px;
    border-radius: 8px;
}
.app-body .getting-started .column-link {
    margin-left: 0;
    font-weight: 500;
    color: var(--color-fg);
}
.layout-multiple-columns .getting-started .column-link:is(:active, :focus, :hover) {
    background-color: var(--color-accent-bg);
    color: var(--color-fg);
}
.layout-multiple-columns .getting-started .column-link__icon {
    transform: scale(1.4);
}

.app-body .getting-started .column-link__badge {
    background-color: var(--color-accent);
    color: var(--color-accent-fg);
    border-radius: 8px;
    line-height: 0.94;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
}

.layout-multiple-columns .getting-started__trends .trends__item {
    padding-left: 16px;
}
.layout-multiple-columns .getting-started__trends h4 > :is(a, span) {
    padding-left: 45px;
}

.layout-multiple-columns :is(.column-header, .column-back-button) {
    background-color: var(--color-content-bg);
}

.layout-multiple-columns .column-header__setting-btn {
    font-weight: 600;
}

.layout-multiple-columns .column:has(> .getting-started) {
    width: 330px;
}
.layout-multiple-columns
    .column:has(> .getting-started)
    :is(.column-header, .column-back-button),
.layout-single-column .navigation-bar:has(+ .getting-started) {
    display: none;
}

.layout-multiple-columns .getting-started__trends {
    margin-bottom: 10px;
}

.layout-multiple-columns .search-results__header,
.layout-multiple-columns .explore__search-header {
    display: none;
}

.layout-multiple-columns .drawer {
    width: 280px;
    transition: width .3s;
}
.layout-multiple-columns
    .drawer:has(> .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
        width: 400px;
}
.layout-multiple-columns .drawer__inner:has(> .search-results > .search-results__section) {
    z-index: 2;
    background-color: var(--color-content-bg);
    border-left: 1px solid var(--color-lines);
    border-right: 1px solid var(--color-lines);
}

.layout-multiple-columns
    .drawer
    > .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
        margin-bottom: 0;
}
.layout-multiple-columns
    .drawer
    > .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
    > .search__input {
        border-radius: 8px 8px 0 0;
}

.layout-multiple-columns .drawer__pager {
    border-radius: 0;
    border: 0;
}
.layout-multiple-columns
    .drawer
    > .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
    > .search__popout {
        border-radius: 0 0 8px 8px;
        margin-top: 0;
}

.layout-multiple-columns .drawer__inner:has(.search-results .empty-column-indicator) {
    z-index: 3;
}
.layout-multiple-columns .search-results .empty-column-indicator {
    border: 1px solid var(--color-lines);
    border-radius: 8px;
}

.layout-multiple-columns .compose-form {
    padding: 0;
}

.layout-multiple-columns .search + .drawer__pager .drawer__inner:has(.compose-form):not(:has(> .search-results))::after {
    content: var(--meta);
    color: var(--color-fg-muted);
    padding: 12px;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.layout-multiple-columns .link-footer::before,
.layout-multiple-columns .link-footer::after {
    display: none;
}

.layout-multiple-columns .list-editor__accounts + .drawer__inner.backdrop {
    background-color: var(--color-content-bg);
}

@media screen and (min-width:630px) and (max-width:1175px) {
    .layout-multiple-columns
        :is(
            .column-header,
            .column-back-button
        ) {
            border-top: 1px solid var(--color-lines);
            border-right: 1px solid var(--color-lines);
            border-left: 1px solid var(--color-lines);
            border-top-left-radius: 8px !important;
            border-top-right-radius: 8px !important;
    }
}

.app-body .switch-to-advanced {
    background-color: var(--color-accent-bg);
    border-radius: 8px;
    color: var(--color-content-fg);
}
.app-body .switch-to-advanced .switch-to-advanced__toggle {
    color: var(--color-accent);
}


/* Popular hashtag icons
   --------------------- */
.app-body .trends__item {
    gap: 15px;
    border-color: var(--color-content-secondary-bg);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="tangerine" i]
    )
)::before {
    background-image: var(--icon-tangerine-slice);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="day" i],
        [href$="tag" i],
        [href*="monday" i],
        [href*="tuesday" i],
        [href*="wednesday" i],
        [href*="thursday" i],
        [href*="friday" i],
        [href*="saturday" i],
        [href*="sunday" i],
        [href*="montag" i],
        [href*="dienstag" i],
        [href*="mittwoch" i],
        [href*="donnerstag" i],
        [href*="freitag" i],
        [href*="samstag" i],
        [href*="sonntag" i],
        [href*="lundi" i],
        [href*="mardi" i],
        [href*="mercredi" i],
        [href*="jeudi" i],
        [href*="vendredi" i],
        [href*="samedi" i],
        [href*="dimanche" i],
        [href*="lunes" i],
        [href*="martes" i],
        [href*="miercoles" i],
        [href*="jueves" i],
        [href*="viernes" i],
        [href*="sabado" i],
        [href*="domingo" i]
    )
)::before {
    background-image: var(--icon-calendar);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="tune" i],
        [href$="/np" i],
        [href*="nowplaying" i],
        [href*="singit" i],
        [href*="music" i],
        [href*="eurovision" i],
        [href*="song" i],
        [href$="synth" i],
        [href$="jazz" i],
        [href$="rock" i],
        [href$="rap" i],
        [href$="BandcampFriday" i],
        [href*="Jukebox" i],
        [href*="/kpop" i],
        [href*="/rock" i],
        [href$="/pop" i],
        [href$="/TuneTuesday" i]
    )
)::before {
    background-image: var(--icon-music);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="eurovision" i]
    )
)::before {
    background-image: var(--icon-microphone);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="birthday" i]
    )
)::before {
    background-image: var(--icon-cake);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="letterboxd" i],
        [href$="trakt" i],
        [href$="TV" i],
        [href$="cinema" i],
        [href*="nowwatching" i],
        [href*="WatchingNow" i],
        [href*="movie" i],
        [href*="/cinema" i],
        [href*="/oscars" i]
    )
)::before {
    background-image: var(--icon-popcorn);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="photography" i],
        [href*="photo" i],
        [href*="foto" i],
        [href*="pics" i],
        [href*="selfie" i],
        [href*="/ShotWith" i],
        [href*="WindowFriday" i],
        [href*="FensterFreitag" i],
        [href$="/instagram" i],
        [href$="/MonochromeMonday" i]
    )
)::before {
    background-image: var(--icon-camera);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="SilentSunday" i],
        [href*="sunset" i],
        [href*="sunrise" i],
        [href$="/sky" i],
        [href*="skyblue" i],
        [href*="ocean" i]
    )
)::before {
    background-image: var(--icon-sunset);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="christmas" i],
        [href*="weihnachten" i],
        [href*="noel" i]
    )
)::before {
    background-image: var(--icon-pine);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="tree" i],
        [href*="trunk" i],
        [href*="ecology" i],
        [href*="klima" i],
        [href*="climat" i],
        [href*="environment" i],
        [href*="/garden" i],
        [href*="mosstodon" i],
        [href*="/vegan" i],
        [href*="/plants" i],
        [href*="/autumn" i]
    )
)::before {
    background-image: var(--icon-tree);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="/cat" i],
        [href*="/cats" i],
        [href*="catloaf" i],
        [href*="Caturday" i],
        [href*="catsofmastodon" i],
        [href*="WhiskersWednesday" i]
    ):not(
        [href*="cath" i]
    )
)::before {
    background-image: var(--icon-cat);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="dog" i],
        [href$="dogs" i],
        [href*="/dog" i],
        [href*="DogLovers" i],
        [href*="dogsofmastodon" i],
        [href*="DogsOfFedi" i],
        [href*="dogstadon" i]
    )
)::before {
    background-image: var(--icon-dog);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="art" i],
        [href*="artmatters" i],
        [href*="DigitalArt" i],
        [href*="PixelArt" i],
        [href*="artwork" i],
        [href*="artist" i],
        [href$="design" i],
        [href*="designer" i],
        [href*="watercolo" i],
        [href*="painting" i]
    ):not(
        [href*="aiart" i],
        [href*="artificial" i],
        [href*="aidesign" i]
    )
)::before {
    background-image: var(--icon-brush);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="apple" i],
        [href$="macos" i],
        [href$="/mac" i],
        [href$="ios" i],
        [href*="ipad" i],
        [href*="iphone" i],
        [href*="/wwdc" i],
        [href*="/appleevent" i]
    )
)::before {
    background-image: var(--icon-apple);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="poem" i],
        [href*="writing" i],
        [href*="write" i],
        [href*="article" i],
        [href*="journalism" i]
    )
)::before {
    background-image: var(--icon-pencil);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="/book" i],
        [href*="literature" i],
        [href*="reading" i],
        [href$="/history" i],
        [href$="/histoire" i]
    )
)::before {
    background-image: var(--icon-book);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="game" i],
        [href*="gaming" i],
        [href*="gamedev" i],
        [href*="games" i],
        [href*="gamer" i],
        [href*="playstation" i],
        [href*="arcade" i],
        [href*="xbox" i],
        [href*="nintendo" i]
    )
)::before {
    background-image: var(--icon-gaming);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="/minecraft" i],
        [href*="/hermitcraft" i]
    )
)::before {
    background-image: var(--icon-cube);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="/fifa" i],
        [href$="/fifaworldcup" i],
        [href$="/soccer" i],
        [href*="/euro202" i],
        [href$="/mls" i],
        [href*="/sport" i]
    )
)::before {
    background-image: var(--icon-football);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="lgbt" i],
        [href*="/lgbt" i],
        [href*="/queer" i],
        [href$="trans" i],
        [href$="pride" i],
        [href$="womensday" i],
        [href*="internationalwomensday" i],
        [href$="/IWD" i],
        [href*="JourneeDesDroitsDesFemmes" i],
        [href*="feministischerkampftag" i],
        [href*="celebratewomen" i],
        [href*="/8mars" i],
        [href$="transdayofvisibility" i],
        [href$="TDOV" i],
        [href$="transdayofremembrance" i],
        [href$="TDOR" i],
        [href$="pridemonth" i],
        [href$="blm" i],
        [href$="blacklivesmatter" i],
        [href$="blackmastodon" i],
        [href$="blackfedi" i],
        [href*="protest" i],
        [href*="greve" i],
        [href*="manif" i],
        [href$="riot" i],
        [href$="freepalestine" i]
    )
)::before {
    background-image: var(--icon-pride);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="electionday" i],
        [href$="election" i],
        [href$="/election" i],
        [href*="presidentielle" i],
        [href*="presidential" i],
        [href*="legislativ" i]
    )
)::before {
    background-image: var(--icon-vote);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="dev" i],
        [href$="code" i],
        [href*="development" i],
        [href*="developer" i],
        [href*="devops" i],
        [href*="opensource" i]
    )
)::before {
    background-image: var(--icon-code);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href$="tech" i],
        [href$="linux" i],
        [href*="ubuntu" i],
        [href*="microsoft" i]
    )
)::before {
    background-image: var(--icon-laptop);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="mutualaid" i],
        [href*="crowdfund" i]
    )
)::before {
    background-image: var(--icon-handshake);
}
.app-body
.trends__item:has(
    .trends__item__name a:is(
        [href*="olympics" i],
        [href*="/Paris2024" i],
        [href*="/LA2028" i]
    )
)::before {
    background-image: var(--icon-olympics);
    transform: scale(1.85);
}


.h1-no-margin{margin-bottom:10px !important;}
.h1-no-margin span{background:#005666; color:#fff; display:inline-block; padding:1px 4px; margin-right:2px;}

.theme-default .column, .drawer {
    opacity: 0.8;
}

.status__content.status__content--collapsed{overflow:hidden}

.fa-retweet:before{content: "" !important; font: normal normal normal 14px/1 FontAwesome;}
.fa-star:before{content:"" !important;}
.theme-bird .account__header__tabs__buttons{z-index:1000;position: absolute; top: 10px; right: 10px;}
.theme-bird .verified-aniwork{z-index:0;}

.theme-default, body.error{
background-image: url(https://cdn.jsdelivr.net/gh/elysiaroot/aniwork-network@resource/images/aniwork-background.webp) !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
background-attachment: fixed !important;
}
.theme-default .ui.is-composing, .theme-default .public-layout, .theme-default .admin-wrapper{opacity:0.95}
img.emojione.custom-emoji {
    transform: scale(1);
    width:auto !important;
    min-width:30px !important;
    height: 30px !important;
    /*width: 30px !important;*/
    /*height: auto !important;*/
    transition:0.2s ease all;
}
img.emojione.custom-emoji:hover{
  transform: scale(1.9);
  position:relative; z-index:90000;
}

.account__header__bar .avatar .account__avatar, .account__avatar, .account__avatar-overlay-base, .account__avatar-overlay-overlay{border-radius:100%; overflow:hidden;}

.status__wrapper.status__wrapper-public.focusable[aria-label*='부스트 했습니다'] > div.status__prepend span:after,
.notification.notification-favourite.focusable[aria-label*='니다'] .notification__message span[title] span:after,
.notification.notification-reblog.focusable[aria-label*='니다'] .notification__message span[title] span:after,
.notification.notification-poll.focusable[aria-label*='니다'] .notification__message span[title] span:after,
.notification.notification-follow.focusable[aria-label*='니다'] .notification__message span[title] span:after,
.notification.notification-admin-sign-up.focusable[aria-label*='니다'] .notification__message span[title] span:after{content: '냥'}

.avatar .account__avatar{z-index:0;}
.avatar .account__avatar img{z-index:0;animation-name:avatar_moving;animation-duration: 2s;animation-iteration-count: infinite;}

@keyframes avatar_moving{
    0%{ transform:rotate(-20deg) }
    50%{ transform:rotate(20deg) }
    100%{ transform:rotate(-20deg) }
}

.simple_form .required abbr{font-size:0px; display:block;}
/*
label[for=user_invite_request_attributes_text]:after, label[for=registration_user_invite_request_attributes_text]:after {
    content: '\AOnly those who wish to discuss the animation will be accepted to join. Please write why you should join this instance.\A\A애니메이션에 대해 관심이 있거나 토론하고자 하는 사람만 참여 가능합니다. 가입해야 하는 이유를 적어주세요.\A\Aアニメーションに興味がある人や討論したい人のみ参加できます。 加入しなければならない理由を書いてください。';
    white-space: break-spaces;
}*/


@media(min-width:1200px){
/*.columns-area > div {
    width: 25%;
}*/
}

.rules-list__text, .announcements-list__item__meta{white-space: pre-line;}
.about__domain-blocks__domain p{white-space:normal;}

/*.brand{display:none !important}*/

a.avatar{position:relative}
a.avatar[href^='https://cdn.ani.work/accounts/avatars/109/316/287/563/754/704/original/9c55551eab1debb9.jpg']:after,
a.avatar[href^='https://cdn.ani.work/accounts/avatars/000/000/011/original/5b42e544c2f4a561.png']:after,
a.avatar[href^='https://cdn.ani.work/accounts/avatars/000/000/001/original/bf7174b732f617f3.png']:after,
a.avatar[href^='https://cdn.ani.work/accounts/avatars/109/394/227/516/418/526/original/68aa158470badd16.jpeg']:after {
            background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    content: '\f00c Verified';
    color: #fff;
    position: absolute;
    text-align: center;
    line-height: 53px;
    font-size: 11px;
    width: 94px;
    height: 47px;
    bottom: 0px;
    /* margin-top: 23px; */
    border-radius: 0px 0px 1000px 1000px;
    right: 0px;
    /* padding: 0px 8px; */
    font-family: 'FontAwesome';
    z-index:999999;
}

/*.reply-indicator__content, .status__content{overflow:visible}*/


.roles-6::after {
    /* content: "Real User" !important; */
    background: linear-gradient(transparent, rgb(10, 255, 10)) !important;
    content: "User" !important;
}

.reactions-bar .reactions-bar__item .reactions-bar__item__emoji{width:30px; height:30px}

button.emoji-mart-emoji.emoji-mart-emoji-custom img {
    width: auto !important;
}


.status__display-name[href*='@twingyeo.kr'] .display-name__account:after, a.detailed-status__display-name[href*='@twingyeo.kr'] .display-name__account:after,.status__display-name[href*='@planet.moe'] .display-name__account:after, a.detailed-status__display-name[href*='@planet.moe'] .display-name__account:after,.status__display-name[href*='@jmm.kr'] .display-name__account:after, a.detailed-status__display-name[href*='@jmm.kr'] .display-name__account:after,.status__display-name[href*='@ani.work'] .display-name__account:after, a.detailed-status__display-name[href*='@ani.work'] .display-name__account:after,.status__display-name[href*='@funami.tech'] .display-name__account:after, a.detailed-status__display-name[href*='@funami.tech'] .display-name__account:after,.status__display-name[href*='@greenfield.masto.host'] .display-name__account:after, a.detailed-status__display-name[href*='@greenfield.masto.host'] .display-name__account:after,.status__display-name[href*='@bunbers.org'] .display-name__account:after, a.detailed-status__display-name[href*='@bunbers.org'] .display-name__account:after,.status__display-name[href*='@mstdn.jbc.ne.kr'] .display-name__account:after, a.detailed-status__display-name[href*='@mstdn.jbc.ne.kr'] .display-name__account:after,.status__display-name[href*='@jbc.ne.kr'] .display-name__account:after, a.detailed-status__display-name[href*='@jbc.ne.kr'] .display-name__account:after,.status__display-name[href*='@twitshelter.hostdon.ne.jp'] .display-name__account:after, a.detailed-status__display-name[href*='@twitshelter.hostdon.ne.jp'] .display-name__account:after,.status__display-name[href*='@mnetwork.co.kr'] .display-name__account:after, a.detailed-status__display-name[href*='@mnetwork.co.kr'] .display-name__account:after,.status__display-name[href*='@silicon.moe'] .display-name__account:after, a.detailed-status__display-name[href*='@silicon.moe'] .display-name__account:after,.status__display-name[href*='@today4u.xyz'] .display-name__account:after, a.detailed-status__display-name[href*='@today4u.xyz'] .display-name__account:after,.status__display-name[href*='@mustard.blog'] .display-name__account:after, a.detailed-status__display-name[href*='@mustard.blog'] .display-name__account:after,.status__display-name[href*='@sona.live'] .display-name__account:after, a.detailed-status__display-name[href*='@sona.live'] .display-name__account:after,.status__display-name[href*='@uri.life'] .display-name__account:after, a.detailed-status__display-name[href*='@uri.life'] .display-name__account:after,.status__display-name[href*='@qdon.space'] .display-name__account:after, a.detailed-status__display-name[href*='@qdon.space'] .display-name__account:after,.status__display-name[href*='@am.sakede.su'] .display-name__account:after, a.detailed-status__display-name[href*='@am.sakede.su'] .display-name__account:after,.status__display-name[href*='@maratang.life'] .display-name__account:after, a.detailed-status__display-name[href*='@maratang.life'] .display-name__account:after,.status__display-name[href*='@bakedbean.xyz'] .display-name__account:after, a.detailed-status__display-name[href*='@bakedbean.xyz'] .display-name__account:after,.status__display-name[href*='@misskey.space'] .display-name__account:after, a.detailed-status__display-name[href*='@misskey.space'] .display-name__account:after,.status__display-name[href*='@yunochi.moe'] .display-name__account:after, a.detailed-status__display-name[href*='@yunochi.moe'] .display-name__account:after,.status__display-name[href*='@duk.space'] .display-name__account:after, a.detailed-status__display-name[href*='@duk.space'] .display-name__account:after,.status__display-name[href*='@pbzweihander.dev'] .display-name__account:after, a.detailed-status__display-name[href*='@pbzweihander.dev'] .display-name__account:after,.status__display-name[href*='@kurry.social'] .display-name__account:after, a.detailed-status__display-name[href*='@kurry.social'] .display-name__account:after,.status__display-name[href*='@amaurot.city'] .display-name__account:after, a.detailed-status__display-name[href*='@amaurot.city'] .display-name__account:after,.status__display-name[href*='@dun.land'] .display-name__account:after, a.detailed-status__display-name[href*='@dun.land'] .display-name__account:after,.status__display-name[href*='@gogu.ma'] .display-name__account:after, a.detailed-status__display-name[href*='@gogu.ma'] .display-name__account:after,.status__display-name[href*='@aioo.ooo'] .display-name__account:after, a.detailed-status__display-name[href*='@aioo.ooo'] .display-name__account:after,.status__display-name[href*='@simpreative.network'] .display-name__account:after, a.detailed-status__display-name[href*='@simpreative.network'] .display-name__account:after,.status__display-name[href*='@mstd.ircta.lk'] .display-name__account:after, a.detailed-status__display-name[href*='@mstd.ircta.lk'] .display-name__account:after,.status__display-name[href*='@tooter.kr'] .display-name__account:after, a.detailed-status__display-name[href*='@tooter.kr'] .display-name__account:after,.status__display-name[href*='@dlun.ch'] .display-name__account:after, a.detailed-status__display-name[href*='@dlun.ch'] .display-name__account:after,.status__display-name[href*='@tirr.dev'] .display-name__account:after, a.detailed-status__display-name[href*='@tirr.dev'] .display-name__account:after,.status__display-name[href*='@hyperpla.net'] .display-name__account:after, a.detailed-status__display-name[href*='@hyperpla.net'] .display-name__account:after,.status__display-name[href*='@mstdn.social'] .display-name__account:after, a.detailed-status__display-name[href*='@mstdn.social'] .display-name__account:after,.status__display-name[href*='@mastdn.jp'] .display-name__account:after, a.detailed-status__display-name[href*='@mastdn.jp'] .display-name__account:after{content:' (ma)';}.status__display-name[href*='@k.lapy.link'] .display-name__account:after, a.detailed-status__display-name[href*='@k.lapy.link'] .display-name__account:after,.status__display-name[href*='@madost.one'] .display-name__account:after, a.detailed-status__display-name[href*='@madost.one'] .display-name__account:after,.status__display-name[href*='@kokonect.link'] .display-name__account:after, a.detailed-status__display-name[href*='@kokonect.link'] .display-name__account:after,.status__display-name[href*='@don.naru.cafe'] .display-name__account:after, a.detailed-status__display-name[href*='@don.naru.cafe'] .display-name__account:after,.status__display-name[href*='@vocalsynthes.is'] .display-name__account:after, a.detailed-status__display-name[href*='@vocalsynthes.is'] .display-name__account:after,.status__display-name[href*='@stella.place'] .display-name__account:after, a.detailed-status__display-name[href*='@stella.place'] .display-name__account:after{content:' (mi)';}.status__display-name[href*='@fluffyshelter.day'] .display-name__account:after, a.detailed-status__display-name[href*='@fluffyshelter.day'] .display-name__account:after,.status__display-name[href*='@teslam.in'] .display-name__account:after, a.detailed-status__display-name[href*='@teslam.in'] .display-name__account:after,.status__display-name[href*='@1979.cloud'] .display-name__account:after, a.detailed-status__display-name[href*='@1979.cloud'] .display-name__account:after,.status__display-name[href*='@twt.rs'] .display-name__account:after, a.detailed-status__display-name[href*='@twt.rs'] .display-name__account:after,.status__display-name[href*='@i.peacht.art'] .display-name__account:after, a.detailed-status__display-name[href*='@i.peacht.art'] .display-name__account:after,.status__display-name[href*='@pikokr.dev'] .display-name__account:after, a.detailed-status__display-name[href*='@pikokr.dev'] .display-name__account:after{content:' (pl)';}
.status__content__translate-button{text-indent: -9999999px;}