:root { --black: #000000; --white: #ffffff; --red-600: #b7253d; --red-500: #df405a; --blurple-600: #563acc; --blurple-500: #6364ff; --blurple-300: #858afa; --grey-600: #4e4c5a; --grey-100: #dadaf3; --success-green: #4a905f; --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: #ffffff; --base-border-color: #ffffff; --simple-background-color: #ffffff; --valid-value-color: #4a905f; --error-value-color: #df405a; --ui-base-color: #d9e1e8; --ui-base-lighter-color: #b0c0cf; --ui-primary-color: #9bcbed; --ui-secondary-color: #282c37; --ui-highlight-color: #6364ff; --ui-button-color: #ffffff; --ui-button-background-color: #6364ff; --ui-button-focus-background-color: #563acc; --ui-button-secondary-color: #4e4c5a; --ui-button-secondary-border-color: #4e4c5a; --ui-button-secondary-focus-background-color: #4e4c5a; --ui-button-secondary-focus-color: #ffffff; --ui-button-tertiary-color: #6364ff; --ui-button-tertiary-border-color: #6364ff; --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: #000000; --darker-text-color: #282c37; --dark-text-color: #444b5d; --secondary-text-color: #282c37; --highlight-text-color: #3a3bff; --action-button-color: #606984; --action-button-focus-color: #a3b6c7; --passive-text-color: #ca8f04; --active-passive-text-color: #4a905f; --inverted-text-color: #000000; --lighter-text-color: #282c37; --light-text-color: #444b5d; --action-button-color-lighten-7: #51596f; --action-button-color-lighten-13: #444a5e; --darker-text-color-lighten-4: #1f232b; --darker-text-color-lighten-7: #191b22; --darker-text-color-lighten-8: #17191f; --darker-text-color-lighten-10: #131419; --dark-text-color-lighten-4: #3b4151; --dark-text-color-lighten-7: #353a48; --error-red-lighten-4: #dc2f4b; --error-red-lighten-12: #c1203b; --error-value-color-lighten-12: #c1203b; --gold-star-lighten-6: #ac7a03; --gold-star-lighten-16: #7a5602; --highlight-text-color-lighten-4: #2627ff; --highlight-text-color-lighten-6: #1c1dff; --highlight-text-color-lighten-8: #1113ff; --highlight-text-color-lighten-13: #0002f7; --inverted-text-color-lighten-4: #000000; --inverted-text-color-lighten-10: #000000; --inverted-text-color-lighten-15: #000000; --inverted-text-color-lighten-16: #000000; --lighter-text-color-lighten-7: #191b22; --lighter-text-color-lighten-20: #000000; --secondary-text-color-lighten-4: #1f232b; --secondary-text-color-lighten-7: #191b22; --secondary-text-color-lighten-8: #17191f; --ui-base-color-lighten-2: #d3dce4; --ui-base-color-lighten-3: #cfd9e2; --ui-base-color-lighten-4: #ccd7e0; --ui-base-color-lighten-5: #c9d4de; --ui-base-color-lighten-6: #c6d2dc; --ui-base-color-lighten-8: #c0cdd9; --ui-base-color-lighten-11: #b6c5d3; --ui-base-color-lighten-12: #b3c3d1; --ui-base-color-lighten-13: #b0c0cf; --ui-base-color-lighten-14: #adbecd; --ui-base-color-lighten-16: #a6b9c9; --ui-base-color-lighten-20: #99afc2; --ui-base-color-lighten-26: #86a0b6; --ui-base-color-lighten-27: #839db4; --ui-base-color-lighten-29: #7d98b0; --ui-base-color-lighten-30: #7a96ae; --ui-base-color-lighten-33: #708ea9; --ui-base-color-lighten-34: #6d8ca7; --ui-base-color-lighten-50: #496379; --ui-base-lighter-color-lighten-4: #a3b6c7; --ui-base-lighter-color-lighten-7: #9aaec2; --ui-highlight-color-lighten-4: #4f50ff; --ui-highlight-color-lighten-8: #3a3bff; --ui-highlight-color-lighten-10: #3031ff; --ui-highlight-color-lighten-12: #2627ff; --ui-primary-color-lighten-8: #78b9e7; --ui-primary-color-lighten-12: #67b0e4; --ui-primary-color-lighten-20: #459edd; --ui-secondary-color-lighten-6: #1b1e25; --ui-secondary-color-lighten-8: #17191f; --valid-value-color-lighten-8: #3c754d; --valid-value-color-lighten-15: #305d3d; --warning-red-lighten-12: #ff1313; --white-lighten-4: #f5f5f5; --white-lighten-7: #ededed; --action-button-color-darken-13: #828ba4; --darker-text-color-darken-13: #444b5d; --highlight-text-color-darken-4: #4f50ff; --lighter-text-color-darken-4: #313543; --lighter-text-color-darken-7: #373d4c; --simple-background-color-darken-2: #ffffff; --simple-background-color-darken-8: #ffffff; --simple-background-color-darken-14: #ffffff; --simple-background-color-darken-24: #ffffff; --ui-base-color-darken-2: #dfe6ec; --ui-base-color-darken-4: #e6ebf0; --ui-base-color-darken-5: #e9eef2; --ui-base-color-darken-6: #ecf0f4; --ui-base-color-darken-7: #eff3f5; --ui-base-color-darken-8: #f2f5f7; --ui-base-color-darken-10: #f9fafb; --ui-base-color-darken-12: #ffffff; --ui-base-color-darken-13: #ffffff; --ui-base-color-darken-14: #ffffff; --ui-base-color-darken-20: #ffffff; --ui-highlight-color-darken-2: #6d6eff; --ui-highlight-color-darken-3: #7273ff; --ui-highlight-color-darken-5: #7d7dff; --ui-highlight-color-darken-8: #8c8dff; --ui-primary-color-darken-5: #b1d6f1; --ui-primary-color-darken-14: #d8eaf8; --ui-primary-color-darken-40: #ffffff; --ui-secondary-color-darken-8: #393f4f; --ui-secondary-color-darken-10: #3d4455; --ui-secondary-color-darken-16: #4a5266; --ui-secondary-color-darken-18: #4f576c; --ui-secondary-color-darken-24: #5c657e; --action-button-color-a15: #60698426; --action-button-color-a30: #6069844d; --base-overlay-background-a0: #ffffff00; --base-overlay-background-a10: #ffffff1a; --base-overlay-background-a30: #ffffff4d; --base-overlay-background-a50: #ffffff80; --base-overlay-background-a60: #ffffff99; --base-overlay-background-a70: #ffffffb3; --base-overlay-background-a80: #ffffffcc; --base-overlay-background-a90: #ffffffe6; --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: #282c3726; --darker-text-color-a30: #282c374d; --dark-text-color-a10: #444b5d1a; --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: #3a3bff26; --highlight-text-color-a25: #3a3bff40; --highlight-text-color-a30: #3a3bff4d; --highlight-text-color-a40: #3a3bff66; --lighter-text-color-a15: #282c3726; --lighter-text-color-a30: #282c374d; --primary-text-color-a70: #000000b3; --primary-text-color-a80: #000000cc; --success-green-a10: #4a905f1a; --success-green-a50: #4a905f80; --ui-base-color-a0: #d9e1e800; --ui-base-color-a15: #d9e1e826; --ui-base-color-a25: #d9e1e840; --ui-base-color-a30: #d9e1e84d; --ui-base-color-a85: #d9e1e8d9; --ui-base-color-a100: #d9e1e8; --ui-base-lighter-color-a60: #b0c0cf99; --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: #282c371a; --ui-secondary-color-a30: #282c374d; --ui-secondary-color-a40: #282c3766; --ui-secondary-color-a50: #282c3780; --ui-secondary-color-a70: #282c37b3; --valid-value-color-a25: #4a905f40; --valid-value-color-a50: #4a905f80; --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: #d3dbe9; --mix-white-highlight-80: #e0e0ff; --mix-ui-base-lighten4-highlight-95: #c7d1e2; --mix-ui-base-lighten8-highlight-95: #bbc8db; --mix-ui-base-lighten12-highlight-80: #a3b0da; --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: 8%; --dismiss-overlay-width: 4rem; }