{
    "name": "Anathema",
    "blur_strength": 0,
    "main_text_color": "rgba(203, 213, 225, 1)",
    "italics_text_color": "rgba(239, 121, 70, 1)",
    "underline_text_color": "rgba(239, 121, 70, 1)",
    "quote_text_color": "rgba(215, 0, 47, 1)",
    "blur_tint_color": "rgba(36, 36, 41, 1)",
    "chat_tint_color": "rgba(36, 36, 41, 1)",
    "user_mes_blur_tint_color": "rgba(36, 36, 41, 0.9)",
    "bot_mes_blur_tint_color": "rgba(36, 36, 41, 0.9)",
    "shadow_color": "rgba(12, 12, 14, 1)",
    "shadow_width": 2,
    "border_color": "rgba(40, 33, 29, 0.45)",
    "font_scale": 1,
    "fast_ui_mode": true,
    "waifuMode": false,
    "avatar_style": 1,
    "chat_display": 0,
    "noShadows": true,
    "chat_width": 60,
    "timer_enabled": false,
    "timestamps_enabled": false,
    "timestamp_model_icon": true,
    "mesIDDisplay_enabled": true,
    "hideChatAvatars_enabled": true,
    "message_token_count_enabled": false,
    "expand_message_actions": false,
    "enableZenSliders": true,
    "enableLabMode": false,
    "hotswap_enabled": true,
    "custom_css": "/* (｡•̀ᴗ-)✧ */\n\n/* Link to the background I use: https://files.catbox.moe/hz75ky.png */\n\n\n\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap\");\n\n@font-face {\n  font-family: \"Comic Sans\";\n  src: local(\"Comic Sans MS\"), url(\"hhttps://files.catbox.moe/rokygr.ttf\");\n}\n@font-face {\n  font-family: \"Comic Sans\";\n  src: local(\"Comic Sans MS\"), url(\"https://files.catbox.moe/zu2jmu.ttf\");\n  font-style: italic, oblique;\n}\n@font-face {\n  font-family: \"scientifica\";\n  src: local(\"scientifica\"), url(\"https://files.catbox.moe/o8lfo3.ttf\");\n}\n@font-face {\n  font-family: \"Cozette\";\n  src: local(\"Cozette\"), local(\"CozetteVector\"), url(\"https://files.catbox.moe/e4px7e.woff2\");\n}\n\n* {\n  scrollbar-color: rgb(from var(--SmartThemeQuoteColor) r g b / 0.3) var(--SmartThemeBlurTintColor);\n}\n\n#chat {\n  --_chat-padding: 15px;\n\n  padding: var(--_chat-padding);\n  scrollbar-width: thin;\n}\n\n/* compensates for rounded corners of message input that appear when it is focused */\n#chat {\n  padding-bottom: calc(var(--_chat-padding) + 2px);\n  margin-bottom: -2px\n}\n\n@media (width <= 1000px) {\n  #chat {\n    padding: 8px;\n  }\n}\n\n.mes:not(:last-child) {\n  margin-bottom: 10px;\n}\n\n.last_mes .mesAvatarWrapper {\n  /* makes aligned swipe chevrons look better. 8px is arbitrary; 10px is the message padding\n  padding-bottom: calc(var(--avatar-base-height) + 8px + 10px);\n\nnot necessary now.\n*/\n  padding-bottom: 2px;\n}\n\n.mes.lastInContext {\n  border-top: 2px dashed var(--SmartThemeQuoteColor) !important;\n  clip-path: inset(0px -1px -1px -1px);\n}\n\n.mes {\n  border: 1px solid var(--SmartThemeQuoteColor);\n  /*box-shadow: 0 0 0 1px rgb(from var(--SmartThemeQuoteColor) r g b / 0.66);*/\n  border-radius: 5px;\n  padding: 10px;\n  font-family: Roboto;\n  font-size: 16px;\n  font-weight: 200;\n}\n\n.mes_text {\n  letter-spacing: 0.05px;\n  padding-top: 6px;\n  padding-right: 0 !important;\n  text-align: justify;\n}\n\n.mes_text q {\n  color: hsl(from var(--SmartThemeQuoteColor) h s calc(l * 1.33));\n}\n\n.mesAvatarWrapper *,\n.swipeRightBlock,\n.swipeLeftBlock,\n.swipes-counter,\n.mes_buttons {\n  color: hsl(from var(--SmartThemeQuoteColor) h s calc(l * 1.33));\n}\n\n.name_text {\n  font-family: Inconsolata;\n  font-size: 24px;\n  font-weight: 900;\n}\n\n#rightNavHolder .ch_name {\n  font-family: Inconsolata;\n  font-size: 20px;\n}\n\nbody.big-avatars .mes .avatar {\n  margin-bottom: 2px;\n}\n\nbody.big-avatars .mes .avatar,\nbody.big-avatars .mes .avatar img {\n  border-radius: 5px;\n}\n\n.ch_name svg {\n  height: 1lh;\n  color: hsl(from var(--SmartThemeQuoteColor) h s 90 / 0.33);\n  transition: color 0.2s ease-in-out;\n}\n\n/* model names timestamp obscures <svg> here; i can't just slap a :hover on it directly */\n.ch_name:has(.timestamp:hover) svg {\n  color: hsl(from var(--SmartThemeQuoteColor) h s 90);\n}\n\n#top-bar {\n  height: var(--topBarBlockSize);\n}\n\n#form_sheld {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n#left-nav-panel,\n#right-nav-panel {\n  width: calc((100dvw - var(--sheldWidth)) / 2);\n  border-radius: 0;\n}\n\n#right-nav-panel {\n  left: calc(100% - (100dvw - var(--sheldWidth)) / 2);\n}\n\n#sheld {\n  height: calc(100dvh - var(--topBarBlockSize));\n  max-height: calc(100dvh - var(--topBarBlockSize));\n}\n\n.mes_text strong {\n  color: hsl(from var(--SmartThemeQuoteColor) calc(h + 16) calc(s * 1.66) 80);\n}\n\n.mes_text em {\n  font-weight: 300;\n  color: hsl(from var(--SmartThemeQuoteColor) h s 80);\n  letter-spacing: -0.1px;\n}\n\nem:not(q em),\nstrong:not(q strong) {\n  font-family: \"Comic Sans\";\n}\n\nq {\n  font-size-adjust: 0.53;\n  font-family: \"scientifica\", \"Cozette\", sans-serif;\n  line-height: 0.7;\n}\n\n.mes_text strong em {\n  letter-spacing: 1.33px;\n  font-weight: 1000;\n  color: hsl(from var(--SmartThemeQuoteColor) calc(h + 33) calc(s * 1.4) 80);\n  text-shadow: 0 0 1px hsl(from var(--SmartThemeQuoteColor) calc(h + 33) calc(s * 1.4) 80) !important;\n}\n\n#ReverseProxyWarningMessage {\n  display: none !important;\n}\n\n/* aligned chevrons */\n/*.swipe_left {\n  left: 22px;\n  bottom: 18px;\n}\n\n.swipe_right {\n  right: 5px;\n  bottom: 18px;\n}\n\n.swipe_right,\n.swipe_left {\n  gap: 2px;\n  display: flex;\n  justify-content: start;\n}*/\n\nspan.custom-opus {\n  color: #cb7b5d;\n  background-color: #fdfdf7;\n  padding: 0 4px;\n  padding-right: 5px;\n  padding-bottom: 1px;\n  font-weight: bold;\n  border-radius: 10px !important;\n}\n\nspan.custom-opus::before {\n  content: \"\";\n  background-image: url(https://files.catbox.moe/oi764a.svg);\n  display: inline-block;\n  width: 16px;\n  height: 10px;\n  transform: translateY(0.5px);\n  color: black;\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n\n#send_textarea {\n  font-family: \"scientifica\", \"Cozette\", sans-serif;\n  font-size: 18px;\n  overflow-x: hidden;\n}\n\n#send_textarea::placeholder {\n  font-size: 20px;\n}\n/* @layer for greater specificity; the default has an important too for some fucking reason */\n@layer {\n  textarea::placeholder, input::placeholder {\n    color: hsl(from var(--SmartThemeQuoteColor) h s calc(l * 1.4)) !important;\n  } \n}\n\n/* autistic */\n@media (width < 460px) {\n  #send_textarea::placeholder {\n    font-size: 18px;\n  }\n}\n@media (width < 410px) {\n  #send_textarea::placeholder {\n    font-size: 16px;\n  }\n}\n@media (width < 384px) {\n  #send_textarea::placeholder {\n    font-size: 15px;\n    letter-spacing: -0.9px;\n  }\n}\n\n#send_form {\n  border-radius: 0;\n  border-bottom: 0;\n  padding: 2px;\n  padding-bottom: 5px;\n  padding-top: 4px;\n}\n\n#send_form, .drawer-icon {\n  color: hsl(from var(--SmartThemeQuoteColor) h s calc(l * 1.33));\n}\n\n.drawer-icon::before {\n  vertical-align: unset;\n}\n\n#send_form:has(#send_textarea:focus-visible) {\n  border-color: rgb(from var(--SmartThemeQuoteColor) r g b / 0.3);\n  outline: none;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n/* floated avatars */\n\n/* removes floated styling when editing a message. */\n/* this fixes the ugly margin that appears between the character name and the edit textarea. */\n.mes:not(:has(#curEditTextarea)) {\n  & {\n    display: block;\n  }\n\n  .mes_block {\n    overflow-x: visible;\n  }\n\n  .mesAvatarWrapper {\n    display: inline;\n    float: left;\n    margin-right: 10px;\n  }\n}\n.mes:has(#curEditTextarea) {\n  .mesAvatarWrapper {\n    display: none;\n  }\n\n  .mes_text, .mes_block {\n    padding-left: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n    /* keep padding-top unchanged */\n  }\n}\n\n.mes_block {\n  padding-left: 10px;\n  padding-right: 10px;\n}\n\n#curEditTextarea {\n  background-color: rgba(0, 0, 0, 0.25);\n  outline: none;\n  border: 1px solid rgb(from var(--SmartThemeQuoteColor) r g b / 0.3);\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n/* lets you click on the floated avatar */\nbody.big-avatars .mes .avatar img {\n  z-index: 1;\n}\n\n/* end floated avatars */\n\n/* chevrons */\n\n.last_mes .mes_buttons {\n  margin-right: 54px !important;\n}\n\n.swipe_right,\n.swipe_left {\n  position: absolute;\n\n  left: auto;\n  right: 0;\n  top: 6px;\n  bottom: auto;\n  opacity: 1 !important;\n\n  font-size: 19px;\n\n  gap: 2px;\n  display: flex;\n  justify-content: start;\n\n  width: calc(1.1em + 5px * 2) !important;\n  height: calc(1.1em + 5px * 2) !important;\n  justify-content: center;\n}\n\n.mes:has(#curEditTextarea) {\n  .swipe_right,\n  .swipe_left,\n  .swipes-counter {\n    display: none !important;\n  }\n}\n\n.swipe_right::before,\n.swipe_left::before {\n  transition: opacity 0.3s ease-in-out;\n  opacity: 0.3 !important;\n  color: hsl(from var(--SmartThemeQuoteColor) h s calc(l * 1.33));\n  font-size: 1lh;\n}\n\n.swipe_right:hover::before,\n.swipe_left:hover::before {\n  opacity: 1 !important;\n}\n\n.swipe_right {\n  flex-direction: row;\n}\n\n.swipe_left {\n  right: calc(1.1em + 12px * 2) !important;\n  /* override toggle-dependent */\n  left: unset !important;\n}\n\n.swipes-counter {\n  opacity: 0.9 !important;\n  font-size: 25px;\n  font-family: \"scientifica\", monospaced;\n  line-height: 0;\n  position: absolute;\n  width: calc(1em + 5px * 2) !important;\n  /* swipe number 9+ */\n  transform: translateX(-45%) scale(0.55);\n\n  /* fuck */\n  right: 0;\n  top: 18px;\n  white-space: pre;\n}\n.swipeRightBlock {\n  display: contents;\n}\n\n.mes[swipeid=\"0\"] .swipes-counter,\n.mes[swipeid=\"1\"] .swipes-counter,\n.mes[swipeid=\"2\"] .swipes-counter,\n.mes[swipeid=\"3\"] .swipes-counter,\n.mes[swipeid=\"4\"] .swipes-counter,\n.mes[swipeid=\"5\"] .swipes-counter,\n.mes[swipeid=\"6\"] .swipes-counter,\n.mes[swipeid=\"7\"] .swipes-counter,\n.mes[swipeid=\"8\"] .swipes-counter {\n  transform: translateX(-45%) scale(0.55);\n}\n\n/* end chevrons */\n\npre {\n  margin: 14px 0;\n}\n\npre,\ncode {\n  white-space: pre-wrap;\n  font-family: \"scientifica\", \"Cozette\", monospaced;\n  font-size-adjust: 0.53;\n}\n\ncode {\n  background-color: rgba(0, 0, 0, 0.2);\n  color: inherit;\n  border-radius: 4px;\n}\n\npre > code {\n  background-color: rgba(0, 0, 0, 0.45) !important;\n  font-size-adjust: none;\n}\n\n#extensions_settings .inline-drawer-toggle.inline-drawer-header,\n#extensions_settings2 .inline-drawer-toggle.inline-drawer-header,\n#user-settings-block h4,\n.standoutHeader {\n  background-image: linear-gradient(\n    340deg,\n    var(--white30a) 2%,\n    var(--grey30a) 10%,\n    var(--black70a) 90%,\n    var(--SmartThemeQuoteColor) 100%\n  );\n  background-repeat: no-repeat;\n}\n\ninput[type=\"checkbox\"]:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):not(#WI_panel_pin) {\n  background-color: var(--SmartThemeQuoteColor);\n}\n\n/* chat shadow */\n#sheld,\n#top-bar {\n  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.33);\n  clip-path: polygon(102% 0%, 102% 100%, -2% 100%, -2% 0%);\n}\n\n/* chat shadow end */\n\n/* model names */\n\n.timestamp::after {\n  display: inline-block;\n  width: 0px;\n  overflow: visible;\n  white-space: pre;\n  /* icon size + gap x 2 (not really) */\n  transform: translate(calc(22px + 5px * 2));\n\n  color: hsl(from var(--SmartThemeQuoteColor) h s 90 / 0.33);\n  transition: color 0.2s ease-in-out;\n\n  content: attr(title);\n}\n.timestamp[title*=\"undefined - undefined\"]::after {\n  content: \"Unknown model\";\n}\n/*\n hide in first message.\n you can technically prompt a model without any chat history,\n but people who do that deserve to be cheesed\n*/\n.mes[mesid=\"0\"] .timestamp::after {\n  display: none;\n}\n\n.timestamp:hover::after {\n  color: hsl(from var(--SmartThemeQuoteColor) h s 90);\n}\n\nbody.no-modelIcons .timestamp::after {\n  transform: translate(4px);\n}\n\nbody.no-timestamps .timestamp {\n  position: relative;\n  white-space: pre;\n  overflow: visible;\n  display: block !important;\n  color: transparent;\n  width: 0;\n  height: 0;\n}\nbody.no-timestamps .timestamp::after {\n  position: absolute;\n  left: 0;\n}\n\nbody.no-timestamps .timestamp::after {\n  translate: 0 -3px;\n}\n\n/* model names end */\n\n/* padding for easier scrolling on mobile */\n@media screen and (max-width: 1000px) {\n  #form-create {\n    padding-right: 5px;\n  }\n\n  .drawer-content:not(:has(.scrollableInner)):not(:has(#rm_print_characters_block)) {\n    padding-right: 32px !important;\n  }\n\n  .scrollableInner {\n    padding-right: 32px !important;\n  }\n}\n/* padding for easier scrolling on mobile end */\n\n/* the character import popup is larger than the screen on my phone... for some reason. */\n.popup .sources_list {\n  display: none;\n}\n\n#rightNavHolder .avatar img {\n  border-radius: 0;\n}\n\n#bg1 {\n  background-position-x: center;\n  background-position-y: top;\n}\n\n/* sizeable avatars */\nbody.big-avatars .mes .avatar {\n  height: auto;\n  aspect-ratio: 0.66;\n  \n  & img {\n    width: 100%;\n    height: 100%;\n  }\n}\n\nbody.big-avatars .mes:not([is_user=\"true\"]) .avatar {\n  width: clamp(90px, 12vw, 180px);\n}\n/* sizeable avatars end */\n\n/* fix list markers clipping into the avatar */\nul, ol {\n  list-style-position: inside;\n\n  /* this prevents paragraphs from being one line below the marker */\n  & p {\n    display: inline;\n  }\n}\n\n#load-spinner {\n  color: hsl(from var(--SmartThemeQuoteColor) h s calc(l * 1.33));\n}\n\n.regex-script-label {\n  border: 1px solid hsl(from var(--SmartThemeQuoteColor) h calc(s * 1.33) calc(l * 1.66) / 0.3);\n  border-radius: 0;\n}\n\n.options-content {\n  border-color: rgb(from var(--SmartThemeQuoteColor) r g b / 0.3);\n}\n\n/*\nfix for the slop highlight regex I use. scientifica's line-through position\nis off whack, so I emulate it via an underline with an offset.\n*/\nq s[data-blur] {\n  text-decoration: underline;\n  text-underline-offset: -0.5lh;\n  text-decoration-skip-ink: none;\n  text-decoration-color: hsl(from var(--SmartThemeQuoteColor) calc(h + 4) s calc(l * 1.8));\n}\n\n.drawer-content:not(#left-nav-panel):not(#right-nav-panel) {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  box-shadow: 0px 2.5px 5px 1px rgba(0, 0, 0, 0.1);\n}\n\n#rm_print_characters_block {\n  padding: 0;\n  padding-right: 6px;\n}\n\n.regex-script-label {\n  border-color: rgb(from var(--SmartThemeQuoteColor) r g b / 0.3) !important;\n}\n\n/* model names */\n.timestamp[title*=\"mistral-large\"]::after {\n  content: \"Mistral LARGE\";\n  font-weight: bold;\n  font-size: 1.25em;\n}\n.timestamp[title*=\"claude-3-haiku\"]::after {\n  content: \"Claude 3 Haiku\";\n}\n.timestamp[title*=\"claude-3-5-sonnet\"]::after {\n  content: \"Claude 3.5 Sonnet\";\n}\n.timestamp[title*=\"claude-3-opus\"]::after {\n  content: \"Claude 3 Opus\";\n}\n.timestamp[title*=\"claude-3-sonnet\"]::after {\n  content: \"Claude 3 Sonnet\";\n}\n.timestamp[title*=\"claude-2.1\"]::after {\n  content: \"Claude 2.1\";\n}\n\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3-opus\"]::after {\n  content: \"Anthropic: Claude 3 Opus\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3-opus:beta\"]::after {\n  content: \"Anthropic: Claude 3 Opus (self-moderated)\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3-sonnet\"]::after {\n  content: \"Anthropic: Claude 3 Sonnet\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3-sonnet:beta\"]::after {\n  content: \"Anthropic: Claude 3 Sonnet (self-moderated)\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3.5-sonnet\"]::after {\n  content: \"Anthropic: Claude 3.5 Norbet\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3.5-sonnet:beta\"]::after {\n  content: \"Anthropic: Claude 3.5 Norbet (self-moderated)\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3.5-sonnet-20240620\"]::after {\n  content: \"Anthropic: Claude 3.5 Sonnet\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3.5-sonnet-20240620:beta\"]::after {\n  content: \"Anthropic: Claude 3.5 Sonnet (self-moderated)\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3.5-haiku\"]::after {\n  content: \"Anthropic: Claude 3.5 Nike\";\n}\n/* openrouter fucked up nu-haiku's model id. this is temporary. */\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-3-5-haiku\"]::after {\n  content: \"Anthropic: Claude 3.5 Nike\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-2.1\"]::after {\n  content: \"Anthropic: Claude v2.1\";\n}\n.timestamp[title^=\"openrouter\"][title$=\"anthropic/claude-2.1:beta\"]::after {\n  content: \"Anthropic: Claude v2.1 (self-moderated)\";\n}\n/* model names end */\n\n/* fix fugly gap for author's note */\n#floatingPrompt {\n  width: calc(((100dvw - var(--sheldWidth)) / 2));\n}\n\na {\n  text-decoration: revert;\n  color: hsl(from var(--SmartThemeQuoteColor) h calc(s * 1.25) calc(l * 1.75));\n}\n\n/* Style hidden messages. Yes, silly sets is_system to hide a message. */\n.mes[is_system=\"true\"] {\n  background-color: hsl(from var(--SmartThemeChatTintColor) h s calc(l * 0.67));\n}",
    "bogus_folders": false,
    "zoomed_avatar_magnification": false,
    "reduced_motion": true,
    "compact_input_area": true,
    "show_swipe_num_all_messages": false
}