/*
 * Pinky Booooom Theme!
 * (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
 * under the MIT license
 */

 :root {

  /** light **/

  --light_pinky-deep-pink: deeppink;

  --light_pinky-lighten-1: #fce4ec;
  --light_pinky-lighten-2: #f8bbd0;
  --light_pinky-lighten-3: #f48fb1;
  --light_pinky-lighten-4: #ff80ab;

  --light_pinky-darken: #880e4f;

  --light_pinky-alt-colors-white: #fefafa;
  --light_pinky-alt-colors-transparent: transparent;

  --light_pinky-deep-purple: #1e114e;

  --light_pinky-trans-purple-1: #37352f06;
  --light_pinky-trans-purple-2: #8868ff1a;
  --light_pinky-trans-purple-3: #880e4f38;
  --light_pinky-trans-purple-4: #8968ff42;
  
  --light_pinky-trans-1: #ffc0cb61;
  --light_pinky-trans-2: #ffc0cb96;
  --light_pinky-trans-3: #ffc0cbb8;
  --light_pinky-trans-4: #ffc0cbda;
  --light_pinky-trans-5: #ffb6c175;
  --light_pinky-trans-6: #ffc0cb99;

  --light_pinky-brown: #a52a2a80;
  --light_pinky-orange: #ffa60080;
  --light_pinky-yellow: #ffff0080;
  --light_pinky-green: #00ff0080;
  --light_pinky-blue: #00ffff80;
  --light_pinky-purple: #9b00ff80;
  --light_pinky-pink: #ff149180;
  --light_pinky-red: #ff000080;
  --light_pinky-black: black;
  --light_pinky-white: white;

  --theme_light--main: var(--light_pinky-alt-colors-white);
  --theme_light--sidebar: var(--light_pinky-alt-colors-transparent); 
  --theme_light--overlay: var(--light_pinky-trans-6);
  --theme_light--dragarea: var(--light_pinky-lighten-1);
  --theme_light--box-shadow: var(--light_pinky-trans-1) 0px 0px 0px 1px, var(--light_pinky-trans-1) 0px 2px 4px;
  --theme_light--box-shadow_strong: var(--light_pinky-trans-4) 0px 0px 0px 1px, var(--light_pinky-trans-2)  0px 3px 6px, var(--light_pinky-trans-3)  0px 9px 24px;

  --theme_light--page_normal-width: 900px;
  --theme_light--page_full-width: 100%;
  --theme_light--page-padding: calc(96px + env(safe-area-inset-left));
  --theme_light--page_banner-height: 30vh;
  --theme_light--preview-width: 977px;
  --theme_light--preview-padding: 8rem;
  --theme_light--preview_banner-height: 20vh;

  --theme_light--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --theme_light--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho','Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, Batang, serif;
  --theme_light--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
  --theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --theme_light--font_quote: var(--theme_light--font_sans);
  --theme_light--font_headings: var(--theme_light--font_sans);
  --theme_light--font_title-size: 40px;
  --theme_light--font_heading1-size: 1.875em;
  --theme_light--font_heading2-size: 1.5em;
  --theme_light--font_heading3-size: 1.25em;
  --theme_light--font_label-size: 14px;
  --theme_light--font_body-size: 16px;
  --theme_light--font_body-size_small: 14px;
  --theme_light--font_code-size: 0.796875em;
  --theme_light--font_sidebar-size: 14px;
  --theme_light--text-block_line-height: 1.5;
  --theme_light--text-block_margin-top: 1px;

  --theme_light--scrollbar: var(--light_pinky-lighten-3);
  --theme_light--scrollbar-border: var(--theme_pinky--helpers-transparent);
  --theme_light--scrollbar_hover: var(--light_pinky-lighten-2);
  --theme_light--card: var(--light_pinky-lighten-1);
  --theme_light--gallery: var(--light_pinky-trans-purple-1);
  --theme_light--select_input: var(--light_pinky-trans-purple-2);
  --theme_light--table-border: var(--light_pinky-trans-purple-2);
  --theme_light--ui-border: var(--light_pinky-trans-purple-2);
  --theme_light--interactive_hover: var(--light_pinky-trans-purple-4);
  --theme_light--interactive_hover-border: var(--light_pinky-alt-colors-transparent);
  --theme_light--button_close: #e81123;
  --theme_light--button_close-fill: var(--light_pinky-white);
  --theme_light--selected: var(--thene_pinky--purple-1-shadows);
  --theme_light--primary: var(--light_pinky-deep-pink);
  --theme_light--primary_hover: var(--light_pinky-lighten-4);
  --theme_light--primary_click: var(--light_pinky-lighten-4);
  --theme_light--primary_indicator: rgb(235, 87, 87);
  --theme_light--option-color: var(--light_pinky-darken);
  --theme_light--option-background: var(--light_pinky-alt-colors-transparent);
  --theme_light--option_hover-color: var(--light_pinky-darken);
  --theme_light--option_hover-background: var(--light_pinky-trans-purple-3);
  --theme_light--option_active-color: var(--light_pinky-white);
  --theme_light--option_active-background: var(--theme_light--primary);
  --theme_light--danger_text: rgb(235, 87, 87);
  --theme_light--danger_border: rgba(235, 87, 87, 0.5);
  --theme_light--text: var(--theme_light--text);
  --theme_light--text_ui: var(--light_pinky-deep-purple);
  --theme_light--text_ui_info: var(--light_pinky-deep-pink);

  --theme_light--text_gray: rgb(155, 154, 151);
  --theme_light--text_brown: rgb(100, 71, 58);
  --theme_light--text_orange: rgb(217, 115, 13);
  --theme_light--text_yellow: rgb(223, 171, 1);
  --theme_light--text_green: rgb(15, 123, 108);
  --theme_light--text_blue: rgb(11, 110, 153);
  --theme_light--text_purple: var(--light_pinky-purple);
  --theme_light--text_pink: var(--light_pinky-deep-pink);
  --theme_light--text_red: rgb(224, 62, 62);

  --theme_light--bg-text: var(--theme_light--text);
  --theme_light--bg_gray: rgba(128, 128, 128, 0.25);
  --theme_light--bg_gray-text: var(--theme_light--bg-text);
  --theme_light--bg_brown: var(--light_pinky-brown);
  --theme_light--bg_brown-text: var(--theme_light--bg-text);
  --theme_light--bg_orange: var(--light_pinky-orange);
  --theme_light--bg_orange-text: var(--light_pinky-black);
  --theme_light--bg_yellow: var(--light_pinky-yellow);
  --theme_light--bg_yellow-text: var(--light_pinky-black);
  --theme_light--bg_green:  var(--light_pinky-green);
  --theme_light--bg_green-text: var(--light_pinky-black);
  --theme_light--bg_blue: var(--light_pinky-blue);
  --theme_light--bg_blue-text: var(--light_pinky-black);
  --theme_light--bg_purple: var(--light_pinky-purple);
  --theme_light--bg_purple-text:var(--light_pinky-white);
  --theme_light--bg_pink: var(--light_pinky-pink);
  --theme_light--bg_pink-text: var(--light_pinky-white);
  --theme_light--bg_red: var(--light_pinky-red);
  --theme_light--bg_red-text: var(--theme_light--bg-text);

  --theme_light--line-text: var(--theme_light--text);
  --theme_light--line_gray: rgba(128, 128, 128, 0.5);
  --theme_light--line_gray-text: var(--theme_light--line-text);
  --theme_light--line_brown: var(--light_pinky-brown);
  --theme_light--line_brown-text: var(--theme_light--line-text);
  --theme_light--line_orange: var(--light_pinky-orange);
  --theme_light--line_orange-text: var(--theme_light--line-text);
  --theme_light--line_yellow: var(--light_pinky-yellow);
  --theme_light--line_yellow-text: var(--theme_light--line-text);
  --theme_light--line_green:  var(--light_pinky-green);
  --theme_light--line_green-text: var(--theme_light--line-text);
  --theme_light--line_blue: var(--light_pinky-blue);
  --theme_light--line_blue-text: var(--theme_light--line-text);
  --theme_light--line_purple: var(--light_pinky-purple);
  --theme_light--line_purple-text: var(--theme_light--line-text);
  --theme_light--line_pink: var(--light_pinky-pink);
  --theme_light--line_pink-text: var(--theme_light--line-text);
  --theme_light--line_red: var(--light_pinky-red);
  --theme_light--line_red-text: var(--theme_light--line-text);

  --theme_light--select-text: var(--theme_light--text);
  --theme_light--select_gray: rgba(128, 128, 128, 0.25);
  --theme_light--select_gray-text: var(--light_pinky-white);
  --theme_light--select_brown: var(--light_pinky-brown);
  --theme_light--select_brown-text: var(--light_pinky-white);
  --theme_light--select_orange: var(--light_pinky-orange);
  --theme_light--select_orange-text: var(--light_pinky-black);
  --theme_light--select_yellow: var(--light_pinky-yellow);
  --theme_light--select_yellow-text: var(--light_pinky-black);
  --theme_light--select_green:  var(--light_pinky-green);
  --theme_light--select_green-text: var(--light_pinky-black);
  --theme_light--select_blue: var(--light_pinky-blue);
  --theme_light--select_blue-text: var(--light_pinky-black);
  --theme_light--select_purple: var(--light_pinky-purple);
  --theme_light--select_purple-text: var(--light_pinky-white);
  --theme_light--select_pink: var(--light_pinky-pink);
  --theme_light--select_pink-text: var(--light_pinky-white);
  --theme_light--select_red: var(--light_pinky-red);
  --theme_light--select_red-text: var(--light_pinky-white);

  --theme_light--callout-text: var(--theme_light--text);
  --theme_light--callout_gray: rgba(128, 128, 128, 0.25);
  --theme_light--callout_gray-text: var(--light_pinky-black);
  --theme_light--callout_brown: var(--light_pinky-brown);
  --theme_light--callout_brown-text: var(--light_pinky-white);
  --theme_light--callout_orange: var(--light_pinky-orange);
  --theme_light--callout_orange-text: var(--light_pinky-black);
  --theme_light--callout_yellow: var(--light_pinky-yellow);
  --theme_light--callout_yellow-text: var(--light_pinky-black);
  --theme_light--callout_green: var(--light_pinky-green);
  --theme_light--callout_green-text: var(--light_pinky-black);
  --theme_light--callout_blue: var(--light_pinky-blue);
  --theme_light--callout_blue-text: var(--light_pinky-black);
  --theme_light--callout_purple: var(--light_pinky-purple);
  --theme_light--callout_purple-text: var(--light_pinky-white);
  --theme_light--callout_pink: var(--light_pinky-pink);
  --theme_light--callout_pink-text: var(--light_pinky-white);
  --theme_light--callout_red: var(--light_pinky-red);
  --theme_light--callout_red-text: var(--light_pinky-white);

  --theme_light--code_inline-text: #eb5757;
  --theme_light--code_inline-background: rgba(135, 131, 120, 0.15);
  --theme_light--code-text: var(--theme_light--text);
  --theme_light--code-background: #8868ff1f;
  --theme_light--code_function: #dd4a68;
  --theme_light--code_keyword: #07a;
  --theme_light--code_tag: #905;
  --theme_light--code_operator: #9a6e3a;
  --theme_light--code_important: #e90;
  --theme_light--code_property: #905;
  --theme_light--code_builtin: #690;
  --theme_light--code_attr-name: #690;
  --theme_light--code_comment: slategray;
  --theme_light--code_punctuation: #999;
  --theme_light--code_doctype: slategray;
  --theme_light--code_number: #905;
  --theme_light--code_string: #690;
  --theme_light--code_attr-value: #07a;

  /** dark **/ 

  --dark_pinky-deep-pink: deeppink;
  --dark_pinky-default-pink: pink;

  --dark_pinky-lighten-1: lightpink;
  --dark_pinky-lighten-2: #ffc0f1;
  --dark_pinky-lighten-3: #ffa5fc;

  --dark_pinky-alt-colors-black: #141518;
  --dark_pinky-alt-colors-darkgray: #272d2f;
  --dark_pinky-alt-colors-transparent: transparent;
  --dark_pinky-alt-colors-light-transp-1: #ffffff0d;
  --dark_pinky-alt-colors-light-transp-2: #ffffff1a;

  --dark_pinky-purple-1: #0c061f;
  --dark_pinky-purple-2: #65569e;
  --dark_pinky-purple-3: #712edc;
  --dark_pinky-purple-4: #a894d1;

  --dark_pinky-trans-purple-1: #0c061f99;
  --dark_pinky-trans-purple-2: #ff14935e;

  --dark_pinky-trans-1: #f8bbd033;
  --dark_pinky-trans-2: #f8bbd066;
  --dark_pinky-trans-3: #d1949e6e;
  --dark_pinky-trans-4: #ff149300;

  --dark_pinky-gray: rgba(128, 128, 128, 1);
  --dark_pinky-brown: rgba(165, 42, 42, 1);
  --dark_pinky-orange: rgba(255, 166, 0, 1);
  --dark_pinky-yellow: rgba(255, 255, 0, 1);
  --dark_pinky-green: rgba(0, 255, 0, 1);
  --dark_pinky-blue: rgba(0, 255, 255, 1);
  --dark_pinky-purple: rgba(155, 0, 255, 1);
  --dark_pinky-pink: rgba(255, 20, 145, 1);
  --dark_pinky-red: rgba(255, 0, 0, 1);
  --dark_pinky-black: black;
  --dark_pinky-white: white;
  
  --theme_dark--main: var(--dark_pinky-alt-colors-black);
  --theme_dark--sidebar: var(--dark_pinky-purple-1);
  --theme_dark--overlay: var(--dark_pinky-trans-purple-1);
  --theme_dark--dragarea: var(--dark_pinky-alt-colors-darkgray);
  --theme_dark--box-shadow: var(--dark_pinky-lighten-1) 0px 0px 0px 1px, var(--dark_pinky-trans-1) 0px 2px 4px;
  --theme_dark--box-shadow_strong: var(--dark_pinky-lighten-1) 0px 0px 0px 1px, var(--dark_pinky-trans-1) 0px 3px 6px, var(--dark_pinky-trans-2) 0px 9px 24px;
  
  --theme_dark--page_normal-width: 900px;
  --theme_dark--page_full-width: 100%;
  --theme_dark--page-padding: calc(96px + env(safe-area-inset-left));
  --theme_dark--page_banner-height: 30vh;
  --theme_dark--preview-width: 977px;
  --theme_dark--preview-padding: 8rem;
  --theme_dark--preview_banner-height: 20vh;

  --theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
  --theme_dark--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, Batang, serif;
  --theme_dark--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
  --theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --theme_dark--font_quote: var(--theme_dark--font_sans);
  --theme_dark--font_headings: var(--theme_dark--font_sans);
  --theme_dark--font_title-size: 40px;
  --theme_dark--font_heading1-size: 1.875em;
  --theme_dark--font_heading2-size: 1.5em;
  --theme_dark--font_heading3-size: 1.25em;
  --theme_dark--font_label-size: 14px;
  --theme_dark--font_body-size: 16px;
  --theme_dark--font_body-size_small: 14px;
  --theme_dark--font_code-size: 0.796875em;
  --theme_dark--font_sidebar-size: 14px;
  --theme_dark--text-block_line-height: 1.5;
  --theme_dark--text-block_margin-top: 1px;

  --theme_dark--scrollbar: var(--dark_pinky-default-pink);
  --theme_dark--scrollbar-border: transparent;
  --theme_dark--scrollbar_hover: var(--dark_pinky-lighten-2);
  --theme_dark--card: var(--dark_pinky-purple-1);
  --theme_dark--gallery: var(--dark_pinky-alt-colors-light-transp-1);
  --theme_dark--select_input: var(--dark_pinky-alt-colors-light-transp-2);
  --theme_dark--table-border: var(--dark_pinky-alt-colors-light-transp-2);
  --theme_dark--ui-border: var(--dark_pinky-deep-pink);
  --theme_dark--interactive_hover: var(--dark_pinky-purple-2);
  --theme_dark--interactive_hover-border: transparent;
  --theme_dark--button_close: #e81123;
  --theme_dark--button_close-fill: var(--dark_pinky-white);
  --theme_dark--selected:var(--dark_pinky-trans-purple-2);
  --theme_dark--primary: var(--dark_pinky-purple-3);
  --theme_dark--primary_hover: var(--dark_pinky-trans-3);
  --theme_dark--primary_click: var(--dark_pinky-trans-3);
  --theme_dark--primary_indicator: rgb(235, 87, 87);
  --theme_dark--option-color: var(--dark_pinky-deep-pink);
  --theme_dark--option-background: var(--dark_pinky-trans-4);
  --theme_dark--option_active-color: var(--dark_pinky-white);
  --theme_dark--option_active-background: var(--theme_dark--primary);
  --theme_dark--option_hover-color: var(--dark_pinky-deep-pink);
  --theme_dark--option_hover-background: var(--dark_pinky-alt-colors-black);
  --theme_dark--danger_text: rgb(235, 87, 87);
  --theme_dark--danger_border: rgba(235, 87, 87, 0.5);
  --theme_dark--text: var(--dark_pinky-default-pink);
  --theme_dark--text_ui: var(--dark_pinky-lighten-3);
  --theme_dark--text_ui_info: var(--dark_pinky-purple-4);

  --theme_dark--text_gray: --dark_pinky-gray;
  --theme_dark--text_brown: var(--dark_pinky-brown);
  --theme_dark--text_orange: var(--dark_pinky-orange);
  --theme_dark--text_yellow: var(--dark_pinky-yellow);
  --theme_dark--text_green: var(--dark_pinky-green);
  --theme_dark--text_blue: var(--dark_pinky-blue);
  --theme_dark--text_purple: var(--dark_pinky-purple);
  --theme_dark--text_pink: var(--dark_pinky-pink);
  --theme_dark--text_red: var(--dark_pinky-red);

  --theme_dark--bg-text: var(--theme_dark--text);
  --theme_dark--bg_gray: --dark_pinky-gray;
  --theme_dark--bg_gray-text: var(--dark_pinky-white);
  --theme_dark--bg_brown: var(--dark_pinky-brown);
  --theme_dark--bg_brown-text: var(--dark_pinky-white);
  --theme_dark--bg_orange: var(--dark_pinky-orange);
  --theme_dark--bg_orange-text: var(--dark_pinky-black);
  --theme_dark--bg_yellow: var(--dark_pinky-yellow);
  --theme_dark--bg_yellow-text: var(--dark_pinky-black);
  --theme_dark--bg_green: var(--dark_pinky-green);
  --theme_dark--bg_green-text: var(--dark_pinky-black);
  --theme_dark--bg_blue: var(--dark_pinky-blue);
  --theme_dark--bg_blue-text: var(--dark_pinky-black);
  --theme_dark--bg_purple: var(--dark_pinky-purple);
  --theme_dark--bg_purple-text:var(--dark_pinky-white);
  --theme_dark--bg_pink: var(--dark_pinky-pink);
  --theme_dark--bg_pink-text: var(--dark_pinky-white);
  --theme_dark--bg_red: var(--dark_pinky-red);
  --theme_dark--bg_red-text: var(--dark_pinky-white);

  --theme_dark--line-text: var(--theme_dark--text);
  --theme_dark--line_gray: rgb(69, 75, 78);
  --theme_dark--line_gray-text: var(--dark_pinky-black);
  --theme_dark--line_brown: var(--dark_pinky-brown);
  --theme_dark--line_brown-text: var(--dark_pinky-black);
  --theme_dark--line_orange: var(--dark_pinky-orange);
  --theme_dark--line_orange-text: var(--dark_pinky-black);
  --theme_dark--line_yellow: var(--dark_pinky-yellow);
  --theme_dark--line_yellow-text: var(--dark_pinky-black);
  --theme_dark--line_green: var(--dark_pinky-green);
  --theme_dark--line_green-text: var(--dark_pinky-black);
  --theme_dark--line_blue: var(--dark_pinky-blue);
  --theme_dark--line_blue-text: var(--dark_pinky-black);
  --theme_dark--line_purple: var(--dark_pinky-purple);
  --theme_dark--line_purple-text: var(--dark_pinky-black);
  --theme_dark--line_pink: var(--dark_pinky-pink);
  --theme_dark--line_pink-text: var(--dark_pinky-black);
  --theme_dark--line_red: var(--dark_pinky-red);
  --theme_dark--line_red-text: var(--dark_pinky-black);

  --theme_dark--select-text: var(--theme_dark--text);
  --theme_dark--select_gray: rgba(128, 128, 128, 0.25);
  --theme_dark--select_gray-text: var(--dark_pinky-white);
  --theme_dark--select_brown: var(--dark_pinky-brown);
  --theme_dark--select_brown-text: var(--dark_pinky-white);
  --theme_dark--select_orange: var(--dark_pinky-orange);
  --theme_dark--select_orange-text: var(--dark_pinky-black);
  --theme_dark--select_yellow: var(--dark_pinky-yellow);
  --theme_dark--select_yellow-text: var(--dark_pinky-black);
  --theme_dark--select_green: var(--dark_pinky-green);
  --theme_dark--select_green-text: var(--dark_pinky-black);
  --theme_dark--select_blue: var(--dark_pinky-blue);
  --theme_dark--select_blue-text: var(--dark_pinky-black);
  --theme_dark--select_purple: var(--dark_pinky-purple);
  --theme_dark--select_purple-text: var(--dark_pinky-white);
  --theme_dark--select_pink: var(--dark_pinky-pink);
  --theme_dark--select_pink-text: var(--dark_pinky-white);
  --theme_dark--select_red: var(--dark_pinky-red);
  --theme_dark--select_red-text: var(--dark_pinky-white);

  --theme_dark--callout-text: var(--theme_dark--text);
  --theme_dark--callout_gray: rgba(128, 128, 128, 0.25);
  --theme_dark--callout_gray-text:var(--dark_pinky-white);
  --theme_dark--callout_brown: var(--dark_pinky-brown);
  --theme_dark--callout_brown-text: var(--dark_pinky-white);
  --theme_dark--callout_orange: var(--dark_pinky-orange);
  --theme_dark--callout_orange-text: var(--dark_pinky-black);
  --theme_dark--callout_yellow: var(--dark_pinky-yellow);
  --theme_dark--callout_yellow-text: var(--dark_pinky-black);
  --theme_dark--callout_green:var(--dark_pinky-green);
  --theme_dark--callout_green-text: var(--dark_pinky-black);
  --theme_dark--callout_blue: var(--dark_pinky-blue);
  --theme_dark--callout_blue-text: var(--dark_pinky-black);
  --theme_dark--callout_purple: var(--dark_pinky-purple);
  --theme_dark--callout_purple-text: var(--dark_pinky-white);
  --theme_dark--callout_pink: var(--dark_pinky-pink);
  --theme_dark--callout_pink-text: var(--dark_pinky-white);
  --theme_dark--callout_red: var(--dark_pinky-red);
  --theme_dark--callout_red-text: var(--dark_pinky-white);

  --theme_dark--code_inline-text: #eb5757;
  --theme_dark--code_inline-background: rgba(135, 131, 120, 0.15);
  --theme_dark--code-text: var(--theme_dark--text);
  --theme_dark--code-background: var(--theme_dark--card);
  --theme_dark--code_function: rgba(255, 255, 255, 0.9);
  --theme_dark--code_keyword: hsl(350, 40%, 70%);
  --theme_dark--code_tag: hsl(350, 40%, 70%);
  --theme_dark--code_operator: hsl(40, 90%, 60%);
  --theme_dark--code_important: #e90;
  --theme_dark--code_property: hsl(350, 40%, 70%);
  --theme_dark--code_builtin: hsl(75, 70%, 60%);
  --theme_dark--code_attr-name: hsl(75, 70%, 60%);
  --theme_dark--code_comment: hsl(30, 20%, 50%);
  --theme_dark--code_punctuation: rgba(255, 255, 255, 0.9);
  --theme_dark--code_doctype: hsl(30, 20%, 50%);
  --theme_dark--code_number: hsl(350, 40%, 70%);
  --theme_dark--code_string: hsl(75, 70%, 60%);
  --theme_dark--code_attr-value: hsl(350, 40%, 70%);
}

.notion-dark-theme {
  --theme--main: var(--theme_dark--main);
  --theme--sidebar: var(--theme_dark--sidebar);
  --theme--overlay: var(--theme_dark--overlay);
  --theme--dragarea: var(--theme_dark--dragarea);
  --theme--box-shadow: var(--theme_dark--box-shadow);
  --theme--box-shadow_strong: var(--theme_dark--box-shadow_strong);
  --theme--page_normal-width: var(--theme_dark--page_normal-width);
  --theme--page_full-width: var(--theme_dark--page_full-width);
  --theme--page-padding: var(--theme_dark--page-padding);
  --theme--page_banner-height: var(--theme_dark--page_banner-height);
  --theme--preview-width: var(--theme_dark--preview-width);
  --theme--preview-padding: var(--theme_dark--preview-padding);
  --theme--preview_banner-height: var(--theme_dark--preview_banner-height);
  --theme--font_sans: var(--theme_dark--font_sans);
  --theme--font_serif: var(--theme_dark--font_serif);
  --theme--font_mono: var(--theme_dark--font_mono);
  --theme--font_code: var(--theme_dark--font_code);
  --theme--font_quote: var(--theme_dark--font_quote);
  --theme--font_headings: var(--theme_dark--font_headings);
  --theme--font_title-size: var(--theme_dark--font_title-size);
  --theme--font_heading1-size: var(--theme_dark--font_heading1-size);
  --theme--font_heading2-size: var(--theme_dark--font_heading2-size);
  --theme--font_heading3-size: var(--theme_dark--font_heading3-size);
  --theme--font_label-size: var(--theme_dark--font_label-size);
  --theme--font_body-size: var(--theme_dark--font_body-size);
  --theme--font_body-size_small: var(--theme_dark--font_body-size_small);
  --theme--font_code-size: var(--theme_dark--font_code-size);
  --theme--font_sidebar-size: var(--theme_dark--font_sidebar-size);
  --theme--text-block_line-height: var(--theme_dark--text-block_line-height);
  --theme--text-block_margin-top: var(--theme_dark--text-block_margin-top);
  --theme--scrollbar: var(--theme_dark--scrollbar);
  --theme--scrollbar-border: var(--theme_dark--scrollbar-border);
  --theme--scrollbar_hover: var(--theme_dark--scrollbar_hover);
  --theme--card: var(--theme_dark--card);
  --theme--gallery: var(--theme_dark--gallery);
  --theme--select_input: var(--theme_dark--select_input);
  --theme--table-border: var(--theme_dark--table-border);
  --theme--ui-border: var(--theme_dark--ui-border);
  --theme--interactive_hover: var(--theme_dark--interactive_hover);
  --theme--interactive_hover-border: var(--theme_dark--interactive_hover-border);
  --theme--button_close: var(--theme_dark--button_close);
  --theme--button_close-fill: var(--theme_dark--button_close-fill);
  --theme--selected: var(--theme_dark--selected);
  --theme--primary: var(--theme_dark--primary);
  --theme--primary_hover: var(--theme_dark--primary_hover);
  --theme--primary_click: var(--theme_dark--primary_click);
  --theme--primary_indicator: var(--theme_dark--primary_indicator);
  --theme--option-color: var(--theme_dark--option-color);
  --theme--option-background: var(--theme_dark--option-background);
  --theme--option_active-color: var(--theme_dark--option_active-color);
  --theme--option_active-background: var(--theme_dark--option_active-background);
  --theme--option_hover-color: var(--theme_dark--option_hover-color);
  --theme--option_hover-background: var(--theme_dark--option_hover-background);
  --theme--danger_text: var(--theme_dark--danger_text);
  --theme--danger_border: var(--theme_dark--danger_border);
  --theme--text: var(--theme_dark--text);
  --theme--text_ui: var(--theme_dark--text_ui);
  --theme--text_ui_info: var(--theme_dark--text_ui_info);
  --theme--text_gray: var(--theme_dark--text_gray);
  --theme--text_brown: var(--theme_dark--text_brown);
  --theme--text_orange: var(--theme_dark--text_orange);
  --theme--text_yellow: var(--theme_dark--text_yellow);
  --theme--text_green: var(--theme_dark--text_green);
  --theme--text_blue: var(--theme_dark--text_blue);
  --theme--text_purple: var(--theme_dark--text_purple);
  --theme--text_pink: var(--theme_dark--text_pink);
  --theme--text_red: var(--theme_dark--text_red);
  --theme--select-text: var(--theme_dark--select-text);
  --theme--bg-text: var(--theme_dark--bg-text);
  --theme--bg_gray: var(--theme_dark--bg_gray);
  --theme--bg_gray-text: var(--theme_dark--bg_gray-text);
  --theme--bg_brown: var(--theme_dark--bg_brown);
  --theme--bg_brown-text: var(--theme_dark--bg_brown-text);
  --theme--bg_orange: var(--theme_dark--bg_orange);
  --theme--bg_orange-text: var(--theme_dark--bg_orange-text);
  --theme--bg_yellow: var(--theme_dark--bg_yellow);
  --theme--bg_yellow-text: var(--theme_dark--bg_yellow-text);
  --theme--bg_green: var(--theme_dark--bg_green);
  --theme--bg_green-text: var(--theme_dark--bg_green-text);
  --theme--bg_blue: var(--theme_dark--bg_blue);
  --theme--bg_blue-text: var(--theme_dark--bg_blue-text);
  --theme--bg_purple: var(--theme_dark--bg_purple);
  --theme--bg_purple-text: var(--theme_dark--bg_purple-text);
  --theme--bg_pink: var(--theme_dark--bg_pink);
  --theme--bg_pink-text: var(--theme_dark--bg_pink-text);
  --theme--bg_red: var(--theme_dark--bg_red);
  --theme--bg_red-text: var(--theme_dark--bg_red-text);
  --theme--line-text: var(--theme_dark--line-text);
  --theme--line_gray: var(--theme_dark--line_gray);
  --theme--line_gray-text: var(--theme_dark--line_gray-text);
  --theme--line_brown: var(--theme_dark--line_brown);
  --theme--line_brown-text: var(--theme_dark--line_brown-text);
  --theme--line_orange: var(--theme_dark--line_orange);
  --theme--line_orange-text: var(--theme_dark--line_orange-text);
  --theme--line_yellow: var(--theme_dark--line_yellow);
  --theme--line_yellow-text: var(--theme_dark--line_yellow-text);
  --theme--line_green: var(--theme_dark--line_green);
  --theme--line_green-text: var(--theme_dark--line_green-text);
  --theme--line_blue: var(--theme_dark--line_blue);
  --theme--line_blue-text: var(--theme_dark--line_blue-text);
  --theme--line_purple: var(--theme_dark--line_purple);
  --theme--line_purple-text: var(--theme_dark--line_purple-text);
  --theme--line_pink: var(--theme_dark--line_pink);
  --theme--line_pink-text: var(--theme_dark--line_pink-text);
  --theme--line_red: var(--theme_dark--line_red);
  --theme--line_red-text: var(--theme_dark--line_red-text);
  --theme--select_gray: var(--theme_dark--select_gray);
  --theme--select_gray-text: var(--theme_dark--select_gray-text);
  --theme--select_brown: var(--theme_dark--select_brown);
  --theme--select_brown-text: var(--theme_dark--select_brown-text);
  --theme--select_orange: var(--theme_dark--select_orange);
  --theme--select_orange-text: var(--theme_dark--select_orange-text);
  --theme--select_yellow: var(--theme_dark--select_yellow);
  --theme--select_yellow-text: var(--theme_dark--select_yellow-text);
  --theme--select_green: var(--theme_dark--select_green);
  --theme--select_green-text: var(--theme_dark--select_green-text);
  --theme--select_blue: var(--theme_dark--select_blue);
  --theme--select_blue-text: var(--theme_dark--select_blue-text);
  --theme--select_purple: var(--theme_dark--select_purple);
  --theme--select_purple-text: var(--theme_dark--select_purple-text);
  --theme--select_pink: var(--theme_dark--select_pink);
  --theme--select_pink-text: var(--theme_dark--select_pink-text);
  --theme--select_red: var(--theme_dark--select_red);
  --theme--select_red-text: var(--theme_dark--select_red-text);
  --theme--callout-text: var(--theme_dark--callout-text);
  --theme--callout_gray: var(--theme_dark--callout_gray);
  --theme--callout_gray-text: var(--theme_dark--callout_gray-text);
  --theme--callout_brown: var(--theme_dark--callout_brown);
  --theme--callout_brown-text: var(--theme_dark--callout_brown-text);
  --theme--callout_orange: var(--theme_dark--callout_orange);
  --theme--callout_orange-text: var(--theme_dark--callout_orange-text);
  --theme--callout_yellow: var(--theme_dark--callout_yellow);
  --theme--callout_yellow-text: var(--theme_dark--callout_yellow-text);
  --theme--callout_green: var(--theme_dark--callout_green);
  --theme--callout_green-text: var(--theme_dark--callout_green-text);
  --theme--callout_blue: var(--theme_dark--callout_blue);
  --theme--callout_blue-text: var(--theme_dark--callout_blue-text);
  --theme--callout_purple: var(--theme_dark--callout_purple);
  --theme--callout_purple-text: var(--theme_dark--callout_purple-text);
  --theme--callout_pink: var(--theme_dark--callout_pink);
  --theme--callout_pink-text: var(--theme_dark--callout_pink-text);
  --theme--callout_red: var(--theme_dark--callout_red);
  --theme--callout_red-text: var(--theme_dark--callout_red-text);
  --theme--code_inline-text: var(--theme_dark--code_inline-text);
  --theme--code_inline-background: var(--theme_dark--code_inline-background);
  --theme--code-text: var(--theme_dark--code-text);
  --theme--code-background: var(--theme_dark--code-background);
  --theme--code_function: var(--theme_dark--code_function);
  --theme--code_keyword: var(--theme_dark--code_keyword);
  --theme--code_tag: var(--theme_dark--code_tag);
  --theme--code_operator: var(--theme_dark--code_operator);
  --theme--code_important: var(--theme_dark--code_important);
  --theme--code_property: var(--theme_dark--code_property);
  --theme--code_builtin: var(--theme_dark--code_builtin);
  --theme--code_attr-name: var(--theme_dark--code_attr-name);
  --theme--code_comment: var(--theme_dark--code_comment);
  --theme--code_punctuation: var(--theme_dark--code_punctuation);
  --theme--code_doctype: var(--theme_dark--code_doctype);
  --theme--code_number: var(--theme_dark--code_number);
  --theme--code_string: var(--theme_dark--code_string);
  --theme--code_attr-value: var(--theme_dark--code_attr-value);
}

.notion-light-theme {
  --theme--main: var(--theme_light--main); 
  --theme--sidebar: var(--theme_light--sidebar); 
  --theme--overlay: var(--theme_light--overlay);
  --theme--dragarea: var(--theme_light--dragarea);
  --theme--box-shadow: var(--theme_light--box-shadow);
  --theme--box-shadow_strong: var(--theme_light--box-shadow_strong);
  --theme--page_normal-width: var(--theme_light--page_normal-width);
  --theme--page_full-width: var(--theme_light--page_full-width);
  --theme--page-padding: var(--theme_light--page-padding);
  --theme--page_banner-height: var(--theme_light--page_banner-height);
  --theme--preview-width: var(--theme_light--preview-width);
  --theme--preview-padding: var(--theme_light--preview-padding);
  --theme--preview_banner-height: var(--theme_light--preview_banner-height);
  --theme--font_sans: var(--theme_light--font_sans);
  --theme--font_serif: var(--theme_light--font_serif);
  --theme--font_mono: var(--theme_light--font_mono);
  --theme--font_code: var(--theme_light--font_code);
  --theme--font_quote: var(--theme_light--font_quote);
  --theme--font_headings: var(--theme_light--font_headings);
  --theme--font_title-size: var(--theme_light--font_title-size);
  --theme--font_heading1-size: var(--theme_light--font_heading1-size);
  --theme--font_heading2-size: var(--theme_light--font_heading2-size);
  --theme--font_heading3-size: var(--theme_light--font_heading3-size);
  --theme--font_label-size: var(--theme_light--font_label-size);
  --theme--font_body-size: var(--theme_light--font_body-size);
  --theme--font_body-size_small: var(--theme_light--font_body-size_small);
  --theme--font_code-size: var(--theme_light--font_code-size);
  --theme--font_sidebar-size: var(--theme_light--font_sidebar-size);
  --theme--text-block_line-height: var(--theme_light--text-block_line-height);
  --theme--text-block_margin-top: var(--theme_light--text-block_margin-top);
  --theme--scrollbar: var(--theme_light--scrollbar);
  --theme--scrollbar-border: var(--theme_light--scrollbar-border);
  --theme--scrollbar_hover: var(--theme_light--scrollbar_hover);
  --theme--card: var(--theme_light--card);
  --theme--gallery: var(--theme_light--gallery);
  --theme--select_input: var(--theme_light--select_input);
  --theme--table-border: var(--theme_light--table-border);
  --theme--ui-border: var(--theme_light--ui-border);
  --theme--interactive_hover: var(--theme_light--interactive_hover);
  --theme--interactive_hover-border: var(--theme_light--interactive_hover-border);
  --theme--button_close: var(--theme_light--button_close);
  --theme--button_close-fill: var(--theme_light--button_close-fill);
  --theme--selected: var(--theme_light--selected);
  --theme--primary: var(--theme_light--primary);
  --theme--primary_hover: var(--theme_light--primary_hover);
  --theme--primary_click: var(--theme_light--primary_click);
  --theme--primary_indicator: var(--theme_light--primary_indicator);
  --theme--option-color: var(--theme_light--option-color);
  --theme--option-background: var(--theme_light--option-background);
  --theme--option_hover-color: var(--theme_light--option_hover-color);
  --theme--option_hover-background: var(--theme_light--option_hover-background);
  --theme--option_active-color: var(--theme_light--option_active-color);
  --theme--option_active-background: var(--theme_light--option_active-background);
  --theme--danger_text: var(--theme_light--danger_text);
  --theme--danger_border: var(--theme_light--danger_border);
  --theme--text: var(--theme_light--text);
  --theme--text_ui: var(--theme_light--text_ui);
  --theme--text_ui_info: var(--theme_light--text_ui_info);
  --theme--text_gray: var(--theme_light--text_gray);
  --theme--text_brown: var(--theme_light--text_brown);
  --theme--text_orange: var(--theme_light--text_orange);
  --theme--text_yellow: var(--theme_light--text_yellow);
  --theme--text_green: var(--theme_light--text_green);
  --theme--text_blue: var(--theme_light--text_blue);
  --theme--text_purple: var(--theme_light--text_purple);
  --theme--text_pink: var(--theme_light--text_pink);
  --theme--text_red: var(--theme_light--text_red);
  --theme--select-text: var(--theme_light--select-text);
  --theme--bg-text: var(--theme_light--bg-text);
  --theme--bg_gray: var(--theme_light--bg_gray);
  --theme--bg_gray-text: var(--theme_light--bg_gray-text);
  --theme--bg_brown: var(--theme_light--bg_brown);
  --theme--bg_brown-text: var(--theme_light--bg_brown-text);
  --theme--bg_orange: var(--theme_light--bg_orange);
  --theme--bg_orange-text: var(--theme_light--bg_orange-text);
  --theme--bg_yellow: var(--theme_light--bg_yellow);
  --theme--bg_yellow-text: var(--theme_light--bg_yellow-text);
  --theme--bg_green: var(--theme_light--bg_green);
  --theme--bg_green-text: var(--theme_light--bg_green-text);
  --theme--bg_blue: var(--theme_light--bg_blue);
  --theme--bg_blue-text: var(--theme_light--bg_blue-text);
  --theme--bg_purple: var(--theme_light--bg_purple);
  --theme--bg_purple-text: var(--theme_light--bg_purple-text);
  --theme--bg_pink: var(--theme_light--bg_pink);
  --theme--bg_pink-text: var(--theme_light--bg_pink-text);
  --theme--bg_red: var(--theme_light--bg_red);
  --theme--bg_red-text: var(--theme_light--bg_red-text);
  --theme--line-text: var(--theme_light--line-text);
  --theme--line_gray: var(--theme_light--line_gray);
  --theme--line_gray-text: var(--theme_light--line_gray-text);
  --theme--line_brown: var(--theme_light--line_brown);
  --theme--line_brown-text: var(--theme_light--line_brown-text);
  --theme--line_orange: var(--theme_light--line_orange);
  --theme--line_orange-text: var(--theme_light--line_orange-text);
  --theme--line_yellow: var(--theme_light--line_yellow);
  --theme--line_yellow-text: var(--theme_light--line_yellow-text);
  --theme--line_green: var(--theme_light--line_green);
  --theme--line_green-text: var(--theme_light--line_green-text);
  --theme--line_blue: var(--theme_light--line_blue);
  --theme--line_blue-text: var(--theme_light--line_blue-text);
  --theme--line_purple: var(--theme_light--line_purple);
  --theme--line_purple-text: var(--theme_light--line_purple-text);
  --theme--line_pink: var(--theme_light--line_pink);
  --theme--line_pink-text: var(--theme_light--line_pink-text);
  --theme--line_red: var(--theme_light--line_red);
  --theme--line_red-text: var(--theme_light--line_red-text);
  --theme--select_gray: var(--theme_light--select_gray);
  --theme--select_gray-text: var(--theme_light--select_gray-text);
  --theme--select_brown: var(--theme_light--select_brown);
  --theme--select_brown-text: var(--theme_light--select_brown-text);
  --theme--select_orange: var(--theme_light--select_orange);
  --theme--select_orange-text: var(--theme_light--select_orange-text);
  --theme--select_yellow: var(--theme_light--select_yellow);
  --theme--select_yellow-text: var(--theme_light--select_yellow-text);
  --theme--select_green: var(--theme_light--select_green);
  --theme--select_green-text: var(--theme_light--select_green-text);
  --theme--select_blue: var(--theme_light--select_blue);
  --theme--select_blue-text: var(--theme_light--select_blue-text);
  --theme--select_purple: var(--theme_light--select_purple);
  --theme--select_purple-text: var(--theme_light--select_purple-text);
  --theme--select_pink: var(--theme_light--select_pink);
  --theme--select_pink-text: var(--theme_light--select_pink-text);
  --theme--select_red: var(--theme_light--select_red);
  --theme--select_red-text: var(--theme_light--select_red-text);
  --theme--callout-text: var(--theme_light--callout-text);
  --theme--callout_gray: var(--theme_light--callout_gray);
  --theme--callout_gray-text: var(--theme_light--callout_gray-text);
  --theme--callout_brown: var(--theme_light--callout_brown);
  --theme--callout_brown-text: var(--theme_light--callout_brown-text);
  --theme--callout_orange: var(--theme_light--callout_orange);
  --theme--callout_orange-text: var(--theme_light--callout_orange-text);
  --theme--callout_yellow: var(--theme_light--callout_yellow);
  --theme--callout_yellow-text: var(--theme_light--callout_yellow-text);
  --theme--callout_green: var(--theme_light--callout_green);
  --theme--callout_green-text: var(--theme_light--callout_green-text);
  --theme--callout_blue: var(--theme_light--callout_blue);
  --theme--callout_blue-text: var(--theme_light--callout_blue-text);
  --theme--callout_purple: var(--theme_light--callout_purple);
  --theme--callout_purple-text: var(--theme_light--callout_purple-text);
  --theme--callout_pink: var(--theme_light--callout_pink);
  --theme--callout_pink-text: var(--theme_light--callout_pink-text);
  --theme--callout_red: var(--theme_light--callout_red);
  --theme--callout_red-text: var(--theme_light--callout_red-text);
  --theme--code_inline-text: var(--theme_light--code_inline-text);
  --theme--code_inline-background: var(--theme_light--code_inline-background);
  --theme--code-text: var(--theme_light--code-text);
  --theme--code-background: var(--theme_light--code-background);
  --theme--code_function: var(--theme_light--code_function);
  --theme--code_keyword: var(--theme_light--code_keyword);
  --theme--code_tag: var(--theme_light--code_tag);
  --theme--code_operator: var(--theme_light--code_operator);
  --theme--code_important: var(--theme_light--code_important);
  --theme--code_property: var(--theme_light--code_property);
  --theme--code_builtin: var(--theme_light--code_builtin);
  --theme--code_attr-name: var(--theme_light--code_attr-name);
  --theme--code_comment: var(--theme_light--code_comment);
  --theme--code_punctuation: var(--theme_light--code_punctuation);
  --theme--code_doctype: var(--theme_light--code_doctype);
  --theme--code_number: var(--theme_light--code_number);
  --theme--code_string: var(--theme_light--code_string);
  --theme--code_attr-value: var(--theme_light--code_attr-value);
}

.notion-body.dark .notion-sidebar {background: transparent;}
.notion-sidebar{background-color: pink;}