:root { --black: #000000; --white: #ffffff; --red-600: #b7253d; --red-500: #df405a; --blurple-600: #563acc; --blurple-500: #6364ff; --blurple-400: #7477fd; --blurple-300: #858afa; --grey-600: #4e4c5a; --grey-100: #dadaf3; --success-green: #79bd9a; --error-red: #df405a; --warning-red: #ff5050; --gold-star: #ca8f04; --red-bookmark: #ff5050; --classic-base-color: #282c37; --classic-primary-color: #9baec8; --classic-secondary-color: #d9e1e8; --classic-highlight-color: #6364ff; --base-shadow-color: #000000; --base-overlay-background: #000000; --base-border-color: #ffffff; --simple-background-color: #ffffff; --valid-value-color: #79bd9a; --error-value-color: #df405a; --ui-base-color: #282c37; --ui-base-lighter-color: #606984; --ui-primary-color: #9baec8; --ui-secondary-color: #d9e1e8; --ui-highlight-color: #6364ff; --ui-button-color: #ffffff; --ui-button-background-color: #6364ff; --ui-button-focus-background-color: #563acc; --ui-button-focus-outline-color: #7477fd; --ui-button-secondary-color: #dadaf3; --ui-button-secondary-border-color: #dadaf3; --ui-button-secondary-focus-background-color: #4e4c5a; --ui-button-secondary-focus-color: #ffffff; --ui-button-tertiary-color: #858afa; --ui-button-tertiary-border-color: #858afa; --ui-button-tertiary-focus-background-color: #563acc; --ui-button-tertiary-focus-color: #ffffff; --ui-button-destructive-background-color: #df405a; --ui-button-destructive-focus-background-color: #b7253d; --primary-text-color: #ffffff; --darker-text-color: #dde3ec; --dark-text-color: #c2cede; --secondary-text-color: #ecf0f4; --highlight-text-color: #9697ff; --action-button-color: #a2a9bc; --action-button-focus-color: #687390; --passive-text-color: #ca8f04; --active-passive-text-color: #79bd9a; --inverted-text-color: #000000; --lighter-text-color: #1b1e25; --light-text-color: #364861; --action-button-color-lighten-7: #b7bccb; --action-button-color-lighten-13: #c9cdd8; --darker-text-color-lighten-4: #eaeef3; --darker-text-color-lighten-7: #f4f6f9; --darker-text-color-lighten-8: #f7f9fb; --darker-text-color-lighten-10: #fefefe; --dark-text-color-lighten-4: #d0d9e5; --dark-text-color-lighten-7: #dae1ea; --error-red-lighten-4: #e25169; --error-red-lighten-12: #e87487; --error-value-color-lighten-12: #e87487; --gold-star-lighten-6: #e8a405; --gold-star-lighten-16: #fbbb25; --highlight-text-color-lighten-4: #aaabff; --highlight-text-color-lighten-6: #b5b5ff; --highlight-text-color-lighten-8: #bfbfff; --highlight-text-color-lighten-13: #d8d9ff; --inverted-text-color-lighten-4: #0a0a0a; --inverted-text-color-lighten-10: #1a1a1a; --inverted-text-color-lighten-15: #262626; --inverted-text-color-lighten-16: #292929; --lighter-text-color-lighten-7: #2a2e3a; --lighter-text-color-lighten-20: #464d60; --secondary-text-color-lighten-4: #f9fafb; --secondary-text-color-lighten-7: white; --secondary-text-color-lighten-8: white; --ui-base-color-lighten-2: #2c313d; --ui-base-color-lighten-3: #2e3340; --ui-base-color-lighten-4: #313543; --ui-base-color-lighten-5: #333846; --ui-base-color-lighten-6: #353a49; --ui-base-color-lighten-8: #393f4f; --ui-base-color-lighten-11: #404657; --ui-base-color-lighten-12: #42485a; --ui-base-color-lighten-13: #444b5d; --ui-base-color-lighten-14: #464d60; --ui-base-color-lighten-16: #4a5266; --ui-base-color-lighten-18: #4f576c; --ui-base-color-lighten-20: #535b72; --ui-base-color-lighten-26: #606984; --ui-base-color-lighten-27: #626c87; --ui-base-color-lighten-29: #66718d; --ui-base-color-lighten-30: #687390; --ui-base-color-lighten-33: #707b97; --ui-base-color-lighten-34: #737d99; --ui-base-color-lighten-50: #a2a9bc; --ui-base-lighter-color-lighten-4: #687390; --ui-base-lighter-color-lighten-7: #707b97; --ui-highlight-color-lighten-4: #7778ff; --ui-highlight-color-lighten-8: #8c8dff; --ui-highlight-color-lighten-10: #9697ff; --ui-highlight-color-lighten-12: #a0a1ff; --ui-primary-color-lighten-8: #b5c3d6; --ui-primary-color-lighten-12: #c2cede; --ui-primary-color-lighten-20: #dde3ec; --ui-secondary-color-lighten-6: #ecf0f4; --ui-secondary-color-lighten-8: #f2f5f7; --valid-value-color-lighten-8: #94caaf; --valid-value-color-lighten-15: #acd6c1; --warning-red-lighten-12: #ff8d8d; --white-lighten-4: white; --white-lighten-7: white; --action-button-color-darken-13: #7c86a0; --darker-text-color-darken-13: #b2c1d5; --highlight-text-color-darken-4: #8282ff; --lighter-text-color-darken-4: #131419; --lighter-text-color-darken-7: #0c0d11; --simple-background-color-darken-2: #fafafa; --simple-background-color-darken-8: #ebebeb; --simple-background-color-darken-14: #dbdbdb; --simple-background-color-darken-24: #c2c2c2; --ui-base-color-darken-2: #242731; --ui-base-color-darken-4: #1f232b; --ui-base-color-darken-5: #1d2028; --ui-base-color-darken-6: #1b1e25; --ui-base-color-darken-7: #191b22; --ui-base-color-darken-8: #17191f; --ui-base-color-darken-10: #131419; --ui-base-color-darken-12: #0e1014; --ui-base-color-darken-13: #0c0d11; --ui-base-color-darken-14: #0a0b0e; --ui-base-color-darken-20: black; --ui-highlight-color-darken-2: #595aff; --ui-highlight-color-darken-3: #5455ff; --ui-highlight-color-darken-5: #4a4bff; --ui-highlight-color-darken-8: #3a3bff; --ui-primary-color-darken-5: #8ba1bf; --ui-primary-color-darken-14: #6d89af; --ui-primary-color-darken-40: #364861; --ui-secondary-color-darken-8: #c0cdd9; --ui-secondary-color-darken-10: #b9c8d5; --ui-secondary-color-darken-16: #a6b9c9; --ui-secondary-color-darken-18: #a0b4c5; --ui-secondary-color-darken-24: #8da5ba; --action-button-color-a15: #a2a9bc26; --action-button-color-a30: #a2a9bc4d; --base-overlay-background-a0: #00000000; --base-overlay-background-a10: #0000001a; --base-overlay-background-a30: #0000004d; --base-overlay-background-a50: #00000080; --base-overlay-background-a60: #00000099; --base-overlay-background-a70: #000000b3; --base-overlay-background-a80: #000000cc; --base-overlay-background-a90: #000000e6; --base-shadow-color-a10: #0000001a; --base-shadow-color-a20: #00000033; --base-shadow-color-a25: #00000040; --base-shadow-color-a30: #0000004d; --base-shadow-color-a35: #00000059; --base-shadow-color-a40: #00000066; --base-shadow-color-a45: #00000073; --base-shadow-color-a60: #00000099; --base-shadow-color-a65: #000000a6; --base-shadow-color-a75: #000000bf; --base-shadow-color-a80: #000000cc; --base-shadow-color-a85: #000000d9; --black-a45: #00000073; --black-a65: #000000a6; --black-a85: #000000d9; --black-a90: #000000e6; --darker-text-color-a15: #dde3ec26; --darker-text-color-a30: #dde3ec4d; --dark-text-color-a10: #c2cede1a; --error-red-a50: #df405a80; --error-value-color-a10: #df405a1a; --error-value-color-a50: #df405a80; --gold-star-a15: #ca8f0426; --gold-star-a25: #ca8f0440; --gold-star-a30: #ca8f044d; --gold-star-a50: #ca8f0480; --highlight-text-color-a15: #9697ff26; --highlight-text-color-a25: #9697ff40; --highlight-text-color-a30: #9697ff4d; --highlight-text-color-a40: #9697ff66; --lighter-text-color-a15: #1b1e2526; --lighter-text-color-a30: #1b1e254d; --primary-text-color-a70: #ffffffb3; --primary-text-color-a80: #ffffffcc; --success-green-a10: #79bd9a1a; --success-green-a50: #79bd9a80; --ui-base-color-a0: #282c3700; --ui-base-color-a15: #282c3726; --ui-base-color-a25: #282c3740; --ui-base-color-a30: #282c374d; --ui-base-color-a85: #282c37d9; --ui-base-color-a100: #282c37; --ui-base-lighter-color-a60: #60698499; --ui-highlight-color-a0: #6364ff00; --ui-highlight-color-a10: #6364ff1a; --ui-highlight-color-a15: #6364ff26; --ui-highlight-color-a23: #6364ff3b; --ui-highlight-color-a40: #6364ff66; --ui-highlight-color-a50: #6364ff80; --ui-secondary-color-a10: #d9e1e81a; --ui-secondary-color-a30: #d9e1e84d; --ui-secondary-color-a40: #d9e1e866; --ui-secondary-color-a50: #d9e1e880; --ui-secondary-color-a70: #d9e1e8b3; --valid-value-color-a25: #79bd9a40; --valid-value-color-a50: #79bd9a80; --warning-red-a15: #ff505026; --white-a15: #ffffff26; --white-a20: #ffffff33; --white-a30: #ffffff4d; --white-a35: #ffffff59; --white-a70: #ffffffb3; --white-a75: #ffffffbf; --white-a80: #ffffffcc; --mix-ui-base-highlight-95: #2b2f41; --mix-white-highlight-80: #e0e0ff; --mix-ui-base-lighten4-highlight-95: #33384c; --mix-ui-base-lighten8-highlight-95: #3b4157; --mix-ui-base-lighten12-highlight-80: #484e7b; --ui-button-focus-outline-color: #7477fd; --ui-button-focus-outline: solid 2px #7477fd; --ui-button-icon-focus-outline: solid 2px #7477fd; --ui-button-icon-hover-background-color: #8c8dff66; --font-sans-serif: 'mastodon-font-sans-serif'; --font-display: 'mastodon-font-display'; --font-monospace: 'mastodon-font-monospace'; --no-gap-breakpoint: 1175px; --media-modal-media-max-width: 100%; --media-modal-media-max-height: 80%; --ui-avatar-border-size: 4px; --dismiss-overlay-width: 4rem; --dropdown-border-color: #42485a; --dropdown-background-color: #313543; --dropdown-shadow: 0 20px 20px rgba(0, 0, 0, 0.25), 0 8px 4px rgba(0, 0, 0, 0.25); --modal-background-color: #1f232b; --modal-border-color: #313543; }