CPE.css

/** Sans-Serif Fonts **/
@import url('https://fonts.googleapis.com/css2?family=Alef:wght@400;700&family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Arimo:ital,wght@0,400..700;1,400..700&family=Cairo:wght@200..1000&family=Catamaran:wght@100..900&family=Commissioner:wght@100..900&family=Didact+Gothic&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Gothic+A1&family=Hind+Siliguri:wght@300;400;500;600;700&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kantumruy+Pro:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=M+PLUS+1p&family=Manjari:wght@100;400;700&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Nanum+Gothic&family=Noto+Sans+HK:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Padauk:wght@400;700&family=Play:wght@400;700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Questrial&family=Ramabhadra&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,wght@8..144,100..1000&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&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Ubuntu+Condensed&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Varela&display=swap');

/* Serif Fonts */
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&family=Aleo:ital,wght@0,100..900;1,100..900&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Battambang:wght@100;300;400;700;900&family=Benne&family=BioRhyme+Expanded:wght@200;300;400;700;800&family=BioRhyme:wght@200..800&family=Cambo&family=Cutive&family=David+Libre:wght@400;500;700&family=Gentium+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Hanuman:wght@100;300;400;700;900&family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&family=Lora:ital,wght@0,400..700;1,400..700&family=Martel:wght@200;300;400;600;700;800;900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Nanum+Myeongjo&family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&family=Noto+Serif+HK:wght@200..900&family=Noto+Serif+JP:wght@200..900&family=Noto+Serif+SC:wght@200..900&family=Noto+Serif+TC:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Pridi:wght@200;300;400;500;600;700&family=Ramaraja&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto+Slab:wght@100..900&family=Song+Myung&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');

/* Rounded Fonts */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@400..800&family=Baloo+Chettan+2:wght@400..800&family=Baloo+Da+2:wght@400..800&family=Baloo+Tamma+2:wght@400..800&family=Chango&family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Coming+Soon&family=Dancing+Script:wght@400..700&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Exo:ital,wght@0,100..900;1,100..900&family=Jua&family=Jura:wght@300..700&family=M+PLUS+Rounded+1c&family=Mada:wght@200..900&family=Mukta:wght@200;300;400;500;600;700;800&family=NTR&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&family=Pacifico&family=Parisienne&family=Pavanam&family=Quicksand:wght@300..700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Style+Script&family=Varela+Round&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Monospace Fonts */

@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Cousine:ital,wght@0,400;0,700;1,400;1,700&family=Cutive+Mono&family=Fira+Code:wght@300..700&family=Fira+Mono:wght@400;500;700&family=Inconsolata:wght@200..900&family=M+PLUS+1+Code:wght@100..700&family=M+PLUS+Code+Latin:wght@100..700&family=Nanum+Gothic+Coding&family=Noto+Sans+Mono:wght@100..900&family=PT+Mono&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Emoji */
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Noto+Emoji:wght@300..700&family=Noto+Sans+Symbols+2&family=Noto+Sans+Symbols:wght@100..900&display=swap');

/** Icons **/
/* Rounded */
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v219/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2) format('woff2');
}


/* Sharp */
@font-face {
  font-family: 'Material Icons Sharp';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolssharp/v216/gNMVW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4aWE.woff2) format('woff2');
}

/* Regular */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v220/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

/** Evelution Fonts **/
/* Brileback Xtreme */
@font-face {
  font-family: "Brileback Xtreme";
  font-style: normal;
  font-weight: 400;
  src: url("Fonts/brileback-xtreme.ttf") format('truetype');
}

/* Evelution Sans */
@font-face {
  font-family: "Evelution Sans";
  font-style: normal;
  font-weight: 400;
  src: url("Fonts/evelution-sans.ttf") format('truetype');
}

/* Power */
@font-face {
  font-family: "PowerPlus";
  font-style: normal;
  font-weight: 300;
  src: url("Fonts/powerplus.ttf") format('truetype');
}

@font-face {
  font-family: "PowerPlus";
  font-style: normal;
  font-weight: 400;
  src: url("Fonts/powerplus.ttf") format('truetype');
}

/* Level */
@font-face {
    font-family: Level;
    font-weight:100 900;
    font-stretch:50% 200%;
    src:url('Fonts/Level-VF.ttf') format('truetype-variations');
}

/* Evelution Terminal */
@font-face {
    font-family: Evelution Terminal;
    font-weight:400;
    font-stretch:100% 150%;
    src:url('Fonts/evelution-terminal-VF.ttf') format('truetype-variations');
}


/* Patty Console */
@font-face {
    font-family: Patty Console;
    font-weight:400;
    src:url('Fonts/patty-console.ttf') format('truetype');
}

/* Yorkbook Xe */
@font-face {
    font-family: Yorkbook Xe;
    font-weight:400;
    src:url('Fonts/yorkbook-xe.ttf') format('truetype');
}

@font-face {
    font-family: Yorkbook Xe Mono;
    font-weight:400;
    src:url('Fonts/yorkbook-xe-mono.ttf') format('truetype');
}

/* Vars */
@property --contrast-box-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 'none';
}

.theme-A, .theme-B, .theme-C, .theme-D, .theme-E, .theme-F, .theme-G, .theme-H { /* Standard */
/* Aliases */
--desktop-background-image:url("");
--desktop-background-image-filter:opacity(100%);
--desktop-background-image-blend-mode:normal;
--desktop-background-size:cover;
--desktop-background-color:auto;
--desktop-text-background-color:auto;
--desktop-background-horizontal-alignment:center;
--desktop-background-vertical-alignment:center;
--desktop-background-no-horizontal-tiling:false;
--desktop-background-no-vertical-tiling:false;
--canvas-background-color:auto;
--canvas-secondary-background-color:auto;
--inactive-text-background-color:auto;
--active-text-background-color:auto;
--canvas-text-background-color:auto;
--canvas-text-secondary-background-color:auto;
--highlight-background-color:auto;
--highlight-text-background-color:auto;
--hyperlink-background-color:auto;
--visited-hyperlink-background-color:auto;
--active-title-background-color:auto;
--active-title-text-background-color:auto;
--inactive-title-background-color:auto;
--inactive-title-text-background-color:auto;
--custom-sans-serif-font:"Roboto Flex";
--custom-serif-font:"Roboto Serif";
--custom-rounded-font:"Rubik";
--custom-monospace-font:"Inconsolata";
--border-radius:5px;
--icon-filter:opacity(1);
--icon-filter-hover:opacity(0.8);
--icon-filter-duration:300ms;
--icon-filter-delay:0;
--system-generic-color-hue-shift:0;
--system-generic-color-saturation:100%;
--system-icon-style:round;
--system-visual-mode:standard;
--system-visual-style:standard;
}


:root {
font-family:sans-serif;
font-variant-emoji:unicode;
/* Base Foreground Colors */
	--light-theme-foreground-color:#000000!important;
    --light-theme-foreground-color-hover:hsl(from var(--light-theme-foreground-color) h s calc(l + 20))!important;
	--dark-theme-foreground-color:#FFFFFF!important; /* Can also be as rgb(from var(--light-theme-foreground-color) calc(255 - r) calc(255 - g) calc(255 - b)) */
    --dark-theme-foreground-color-hover: hsl(from var(--dark-theme-foreground-color) h s calc(l + -20))!important;
/* BG Align */
--desktop-background-alignment:var(--desktop-background-vertical-alignment) var(--desktop-background-horizontal-alignment);
/* acrylic */
--acrylic-filter:blur( 20px ) saturate(125%);
--mica-filter:blur( 9vh );
/* ThreeD */
--threeD-shadow:0 0 0 transparent;
--threeD-shadow-active:0 0 0 transparent;
--threeD-shadow-small:0 0 0 transparent;
--threeD-shadow-small-active:0 0 0 transparent;
/* Transition */
--transition-timing-function:cubic-bezier(0.25,0.25,0,1);
--transition-duration:300ms;
--outline-transition-duration:100ms;
/** Fonts **/
/* Emoji */
--emoji-fonts:"Noto Color Emoji", "Noto Emoji", "Noto Sans Symbols 2";
--code-emoji-fonts:"Noto Emoji", "Noto Sans Symbols 2";
/* Sans Serif */
--base-sans-serif-fonts:"Roboto Flex", "Inter"; /* Empty but other languages will depend on it */
--sans-serif-font-stack:var(--custom-sans-serif-font), var(--base-sans-serif-fonts), var(--emoji-fonts), sans-serif;
/* Serif */
--base-serif-fonts:"Roboto Serif"; /* Empty but other languages will depend on it */
--serif-font-stack:var(--custom-serif-font), var(--base-serif-fonts), var(--emoji-fonts), serif;
/* Rounded/Headings */
--base-rounded-fonts:"Rubik"; /* Empty but other languages will depend on it */
--rounded-font-stack:var(--custom-rounded-font), var(--base-rounded-fonts), var(--emoji-fonts), sans-serif;
/* Monospace/Code */
--base-monospace-fonts:"Inconsolata"; /* Empty but other languages will depend on it */
--monospace-font-stack:var(--custom-monospace-font), var(--base-monospace-fonts), var(--code-emoji-fonts), monospace;
--header-size:160px;
/* Color Modes */
--protanopia-filter:url('filters.svg#protanopia');
--deuteranopia-filter:url('filters.svg#deuteranopia');
--tritanopia-filter:url('filters.svg#tritanopia');
--protanomaly-filter:url('filters.svg#protanomaly');
--deuteranomaly-filter:url('filters.svg#deuteranomaly');
--tritanomaly-filter:url('filters.svg#tritanomaly');
--achromatomaly-filter:url('filters.svg#achromatomaly');
/* Contrast Mode */
--contrast-box-shadow:none;
/** Theming Variables **/
/* Background Color Hover */
--desktop-background-color-hover:hsl(from var(--desktop-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--desktop-text-background-color-hover:hsl(from var(--desktop-text-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--hyperlink-background-color-hover:hsl(from var(--hyperlink-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--hyperlink-secondary-background-color-hover:hsl(from var(--hyperlink-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--hyperlink-tertiary-background-color-hover:hsl(from var(--hyperlink-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--hyperlink-quaternary-background-color-hover:hsl(from var(--hyperlink-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--visited-hyperlink-background-color-hover:hsl(from var(--visited-hyperlink-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--visited-hyperlink-secondary-background-color-hover:hsl(from var(--visited-hyperlink-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--visited-hyperlink-tertiary-background-color-hover:hsl(from var(--visited-hyperlink-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--visited-hyperlink-quaternary-background-color-hover:hsl(from var(--visited-hyperlink-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--canvas-background-color-hover:hsl(from var(--canvas-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--canvas-secondary-background-color-hover:hsl(from var(--canvas-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--inactive-text-background-color-hover:hsl(from var(--inactive-text-background-color) h s calc(l + var(--inactive-text-background-color-hover-ratio)) );
--inactive-text-secondary-background-color-hover:hsl(from var(--inactive-text-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--inactive-text-tertiary-background-color-hover:hsl(from var(--inactive-text-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--inactive-text-quaternary-background-color-hover:hsl(from var(--inactive-text-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--active-text-background-color-hover:hsl(from var(--active-text-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--active-text-secondary-background-color-hover:hsl(from var(--active-text-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--active-text-tertiary-background-color-hover:hsl(from var(--active-text-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--active-text-quaternary-background-color-hover:hsl(from var(--active-text-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--canvas-text-background-color-hover:hsl(from var(--canvas-text-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--canvas-text-secondary-background-color-hover:hsl(from var(--canvas-text-secondary-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--highlight-background-color-hover:hsl(from var(--highlight-background-color) h s calc(l + var(--highlight-background-color-hover-ratio)) );
--highlight-text-background-color-hover:hsl(from var(--highlight-text-background-color) h s calc(l - var(--highlight-background-color-hover-ratio)) );
--highlight-secondary-background-color-hover:hsl(from var(--highlight-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--highlight-tertiary-background-color-hover:hsl(from var(--highlight-secondary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--highlight-quaternary-background-color-hover:hsl(from var(--highlight-tertiary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--active-title-background-color-hover:hsl(from var(--active-title-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--active-title-text-background-color-hover:hsl(from var(--active-title-text-background-color) h s calc(l - var(--active-title-background-color-hover-ratio)) );
--active-title-secondary-background-color-hover:hsl(from var(--active-title-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--active-title-tertiary-background-color-hover:hsl(from var(--active-title-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--active-title-quaternary-background-color-hover:hsl(from var(--active-title-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--inactive-title-background-color-hover:hsl(from var(--inactive-title-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--inactive-title-text-background-color-hover:hsl(from var(--inactive-title-text-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--alert-background-color-hover:hsl(from var(--alert-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--alert-background-color-hover-2:hsl(from var(--alert-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--alert-secondary-background-color-hover:hsl(from var(--alert-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--alert-tertiary-background-color-hover:hsl(from var(--alert-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--alert-quaternary-background-color-hover:hsl(from var(--alert-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--pause-background-color-hover:hsl(from var(--pause-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--pause-background-color-hover-2:hsl(from var(--pause-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--pause-secondary-background-color-hover:hsl(from var(--pause-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--pause-tertiary-background-color-hover:hsl(from var(--pause-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--pause-quaternary-background-color-hover:hsl(from var(--pause-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--warning-background-color-hover:hsl(from var(--warning-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--warning-background-color-hover-2:hsl(from var(--warning-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--warning-secondary-background-color-hover:hsl(from var(--warning-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--warning-tertiary-background-color-hover:hsl(from var(--warning-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--warning-quaternary-background-color-hover:hsl(from var(--warning-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--success-background-color-hover:hsl(from var(--success-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--success-background-color-hover-2:hsl(from var(--success-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--success-secondary-background-color-hover:hsl(from var(--success-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--success-tertiary-background-color-hover:hsl(from var(--success-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--success-quaternary-background-color-hover:hsl(from var(--success-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--progress-background-color-hover:hsl(from var(--progress-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--progress-background-color-hover-2:hsl(from var(--progress-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--progress-secondary-background-color-hover:hsl(from var(--progress-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--progress-tertiary-background-color-hover:hsl(from var(--progress-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--progress-quaternary-background-color-hover:hsl(from var(--progress-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--message-background-color-hover:hsl(from var(--message-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--message-background-color-hover-2:hsl(from var(--message-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--message-secondary-background-color-hover:hsl(from var(--message-secondary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--message-tertiary-background-color-hover:hsl(from var(--message-tertiary-background-color) h s calc(l + var(--active-title-background-color-hover-ratio)) );
--message-quaternary-background-color-hover:hsl(from var(--message-quaternary-background-color) h s calc(l + var(--canvas-background-color-hover-ratio)) );
--cpu-graph-background-color-hover:hsl(from var(--cpu-graph-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--ram-graph-background-color-hover:hsl(from var(--ram-graph-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--disk-graph-background-color-hover:hsl(from var(--disk-graph-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--network-graph-background-color-hover:hsl(from var(--network-graph-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--gpu-graph-background-color-hover:hsl(from var(--gpu-graph-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
--npu-graph-background-color-hover:hsl(from var(--npu-graph-background-color) h s calc(l - var(--canvas-background-color-hover-ratio)) );
/* Fadeout */
--fadeout-opacity:0.2;
--disabled-elements-opacity:0.75;
--desktop-fadeout-color:rgb(from var(--desktop-background-color) r g b / var(--fadeout-opacity));
--desktop-text-fadeout-color:rgb(from var(--desktop-text-background-color) r g b / var(--fadeout-opacity));
--hyperlink-fadeout-color:rgb(from var(--hyperlink-background-color) r g b / var(--fadeout-opacity));
--hyperlink-secondary-fadeout-color:rgb(from var(--hyperlink-secondary-background-color) r g b / var(--fadeout-opacity));
--hyperlink-tertiary-fadeout-color:rgb(from var(--hyperlink-tertiary-background-color) r g b / var(--fadeout-opacity));
--hyperlink-quaternary-fadeout-color:rgb(from var(--hyperlink-quaternary-background-color) r g b / var(--fadeout-opacity));
--visited-hyperlink-fadeout-color:rgb(from var(--visited-hyperlink-background-color) r g b / var(--fadeout-opacity));
--visited-hyperlink-secondary-fadeout-color:rgb(from var(--visited-hyperlink-secondary-background-color) r g b / var(--fadeout-opacity));
--visited-hyperlink-tertiary-fadeout-color:rgb(from var(--visited-hyperlink-tertiary-background-color) r g b / var(--fadeout-opacity));
--visited-hyperlink-quaternary-fadeout-color:rgb(from var(--visited-hyperlink-quaternary-background-color) r g b / var(--fadeout-opacity));
--canvas-fadeout-color:rgb(from var(--canvas-background-color) r g b / var(--fadeout-opacity));
--canvas-secondary-fadeout-color:rgb(from var(--canvas-secondary-background-color) r g b / var(--fadeout-opacity));
--inactive-text-fadeout-color:rgb(from var(--inactive-text-background-color) r g b / var(--fadeout-opacity));
--inactive-text-secondary-fadeout-color:rgb(from var(--inactive-text-secondary-background-color) r g b / var(--fadeout-opacity));
--inactive-text-tertiary-fadeout-color:rgb(from var(--inactive-text-tertiary-background-color) r g b / var(--fadeout-opacity));
--inactive-text-quaternary-fadeout-color:rgb(from var(--inactive-text-quaternary-background-color) r g b / var(--fadeout-opacity));
--active-text-fadeout-color:rgb(from var(--active-text-background-color) r g b / var(--fadeout-opacity));
--active-text-secondary-fadeout-color:rgb(from var(--active-text-secondary-background-color) r g b / var(--fadeout-opacity));
--active-text-tertiary-fadeout-color:rgb(from var(--active-text-tertiary-background-color) r g b / var(--fadeout-opacity));
--active-text-quaternary-fadeout-color:rgb(from var(--active-text-quaternary-background-color) r g b / var(--fadeout-opacity));
--canvas-text-fadeout-color:rgb(from var(--canvas-text-background-color) r g b / var(--fadeout-opacity));
--canvas-text-secondary-fadeout-color:rgb(from var(--canvas-text-secondary-background-color) r g b / var(--fadeout-opacity));
--highlight-fadeout-color:rgb(from var(--highlight-background-color) r g b / var(--fadeout-opacity));
--highlight-text-fadeout-color:rgb(from var(--highlight-text-background-color) r g b / var(--fadeout-opacity));
--highlight-secondary-fadeout-color:rgb(from var(--highlight-secondary-background-color) r g b / var(--fadeout-opacity));
--highlight-tertiary-fadeout-color:rgb(from var(--highlight-secondary-background-color) r g b / var(--fadeout-opacity));
--highlight-quaternary-fadeout-color:rgb(from var(--highlight-tertiary-background-color) r g b / var(--fadeout-opacity));
--active-title-fadeout-color:rgb(from var(--active-title-background-color) r g b / var(--fadeout-opacity));
--active-title-text-fadeout-color:rgb(from var(--active-title-text-background-color) r g b / var(--fadeout-opacity));
--active-title-secondary-fadeout-color:rgb(from var(--active-title-secondary-background-color) r g b / var(--fadeout-opacity));
--active-title-tertiary-fadeout-color:rgb(from var(--active-title-tertiary-background-color) r g b / var(--fadeout-opacity));
--active-title-quaternary-fadeout-color:rgb(from var(--active-title-quaternary-background-color) r g b / var(--fadeout-opacity));
--inactive-title-fadeout-color:rgb(from var(--inactive-title-background-color) r g b / var(--fadeout-opacity));
--inactive-title-text-fadeout-color:rgb(from var(--inactive-title-text-background-color) r g b / var(--fadeout-opacity));
--alert-fadeout-color:rgb(from var(--alert-background-color) r g b / var(--fadeout-opacity));
--alert-secondary-fadeout-color:rgb(from var(--alert-secondary-background-color) r g b / var(--fadeout-opacity));
--alert-tertiary-fadeout-color:rgb(from var(--alert-tertiary-background-color) r g b / var(--fadeout-opacity));
--alert-quaternary-fadeout-color:rgb(from var(--alert-quaternary-background-color) r g b / var(--fadeout-opacity));
--pause-fadeout-color:rgb(from var(--pause-background-color) r g b / var(--fadeout-opacity));
--pause-secondary-fadeout-color:rgb(from var(--pause-secondary-background-color) r g b / var(--fadeout-opacity));
--pause-tertiary-fadeout-color:rgb(from var(--pause-tertiary-background-color) r g b / var(--fadeout-opacity));
--pause-quaternary-fadeout-color:rgb(from var(--pause-quaternary-background-color) r g b / var(--fadeout-opacity));
--warning-fadeout-color:rgb(from var(--warning-background-color) r g b / var(--fadeout-opacity));
--warning-secondary-fadeout-color:rgb(from var(--warning-secondary-background-color) r g b / var(--fadeout-opacity));
--warning-tertiary-fadeout-color:rgb(from var(--warning-tertiary-background-color) r g b / var(--fadeout-opacity));
--warning-quaternary-fadeout-color:rgb(from var(--warning-quaternary-background-color) r g b / var(--fadeout-opacity));
--success-fadeout-color:rgb(from var(--success-background-color) r g b / var(--fadeout-opacity));
--success-secondary-fadeout-color:rgb(from var(--success-secondary-background-color) r g b / var(--fadeout-opacity));
--success-tertiary-fadeout-color:rgb(from var(--success-tertiary-background-color) r g b / var(--fadeout-opacity));
--success-quaternary-fadeout-color:rgb(from var(--success-quaternary-background-color) r g b / var(--fadeout-opacity));
--progress-fadeout-color:rgb(from var(--progress-background-color) r g b / var(--fadeout-opacity));
--progress-secondary-fadeout-color:rgb(from var(--progress-secondary-background-color) r g b / var(--fadeout-opacity));
--progress-tertiary-fadeout-color:rgb(from var(--progress-tertiary-background-color) r g b / var(--fadeout-opacity));
--progress-quaternary-fadeout-color:rgb(from var(--progress-quaternary-background-color) r g b / var(--fadeout-opacity));
--message-fadeout-color:rgb(from var(--message-background-color) r g b / var(--fadeout-opacity));
--message-secondary-fadeout-color:rgb(from var(--message-secondary-background-color) r g b / var(--fadeout-opacity));
--message-tertiary-fadeout-color:rgb(from var(--message-tertiary-background-color) r g b / var(--fadeout-opacity));
--message-quaternary-fadeout-color:rgb(from var(--message-quaternary-background-color) r g b / var(--fadeout-opacity));
/* Some Gradient Variables */
--desktop-gradient-color:var(--desktop-background-color);
--desktop-gradient-color-hover:var(--desktop-background-color-hover);
--desktop-text-gradient-color:var(--desktop-text-background-color-hover);
--desktop-text-gradient-color-hover:var(--desktop-text-background-color);
--canvas-gradient-color:var(--canvas-background-color);
--canvas-gradient-color-hover:var(--canvas-background-color-hover);
--canvas-secondary-gradient-color:var(--canvas-secondary-background-color);
--canvas-secondary-gradient-color-hover:var(--canvas-secondary-background-color-hover);
--hyperlink-gradient-color:var(--hyperlink-background-color);
--hyperlink-gradient-color-hover:var(--hyperlink-background-color-hover);
--visited-hyperlink-gradient-color:var(--visited-hyperlink-background-color);
--visited-hyperlink-gradient-color-hover:var(--visited-hyperlink-background-color-hover);
--active-text-gradient-color:var(--active-text-background-color);
--active-text-gradient-color-hover:var(--active-text-background-color-hover);
--canvas-text-gradient-color:var(--canvas-text-background-color-hover);
--canvas-text-gradient-color-hover:var(--canvas-text-background-color);
--canvas-text-secondary-gradient-color:var(--canvas-text-secondary-background-color-hover);
--canvas-text-secondary-gradient-color-hover:var(--canvas-text-secondary-background-color);
--inactive-title-gradient-color:var(--inactive-title-background-color);
--inactive-title-gradient-color-hover:var(--inactive-title-background-color-hover);
--inactive-title-text-gradient-color:var(--inactive-title-text-background-color-hover);
--inactive-title-text-gradient-color-hover:var(--inactive-title-text-background-color);
--alert-gradient-color:var(--alert-background-color);
--alert-gradient-color-hover:var(--alert-background-color-hover);
--pause-gradient-color:var(--pause-background-color);
--pause-gradient-color-hover:var(--pause-background-color-hover);
--warning-gradient-color:var(--warning-background-color);
--warning-gradient-color-hover:var(--warning-background-color-hover);
--success-gradient-color:var(--success-background-color);
--success-gradient-color-hover:var(--success-background-color-hover);
--progress-gradient-color:var(--progress-background-color);
--progress-gradient-color-hover:var(--progress-background-color-hover);
--message-gradient-color:var(--message-background-color);
--message-gradient-color-hover:var(--message-background-color-hover);
/* Some Foreground Variables (Assumes that only black and white are used as Foreground colors) */
--canvas-foreground-color:var(--light-theme-foreground-color);
--canvas-foreground-color-hover:var(--light-theme-foreground-color-hover);
--hyperlink-foreground-color:var(--dark-theme-foreground-color);
--hyperlink-foreground-color-hover:var(--dark-theme-foreground-color-hover);
--visited-hyperlink-foreground-color:var(--dark-theme-foreground-color);
--visited-hyperlink-foreground-color-hover:var(--dark-theme-foreground-color-hover);
--active-text-foreground-color:var(--dark-theme-foreground-color);
--active-text-foreground-color-hover:var(--dark-theme-foreground-color-hover);
--alert-foreground-color:var(--dark-theme-foreground-color);
--alert-foreground-color-hover:var(--dark-theme-foreground-color-hover);
--pause-foreground-color:var(--dark-theme-foreground-color);
--pause-foreground-color-hover:var(--dark-theme-foreground-color-hover);
--warning-foreground-color:var(--dark-theme-foreground-color);
--warning-foreground-color-hover:var(--dark-theme-foreground-color-hover);
--success-foreground-color:var(--dark-theme-foreground-color);
--success-foreground-color-hover:var(--dark-theme-foreground-color-hover);
--progress-foreground-color:var(--dark-theme-foreground-color);
--progress-foreground-color-hover:var(--dark-theme-foreground-color-hover);
--message-foreground-color:var(--dark-theme-foreground-color);
--message-foreground-color-hover:var(--dark-theme-foreground-color-hover);
/* Text Foreground Variables (Assumes that only black and white are used as Foreground colors) */
--desktop-text-foreground-color:rgb(from var(--desktop-foreground-color) calc(255 - r) calc(255 - g) calc(255 - b));
--desktop-text-foreground-color-hover:rgb(from var(--desktop-foreground-color-hover) calc(255 - r) calc(255 - g) calc(255 - b));
--canvas-text-foreground-color:rgb(from var(--canvas-foreground-color) calc(255 - r) calc(255 - g) calc(255 - b));
--canvas-text-foreground-color-hover:rgb(from var(--canvas-foreground-color-hover) calc(255 - r) calc(255 - g) calc(255 - b));
--canvas-text-secondary-foreground-color:rgb(from var(--canvas-secondary-foreground-color) calc(255 - r) calc(255 - g) calc(255 - b));
--canvas-text-secondary-foreground-color-hover:rgb(from var(--canvas-secondary-foreground-color-hover) calc(255 - r) calc(255 - g) calc(255 - b));
--highlight-text-foreground-color:rgb(from var(--highlight-foreground-color) calc(255 - r) calc(255 - g) calc(255 - b));
--highlight-text-foreground-color-hover:rgb(from var(--highlight-foreground-color-hover) calc(255 - r) calc(255 - g) calc(255 - b));
--active-title-text-foreground-color:rgb(from var(--active-title-foreground-color) calc(255 - r) calc(255 - g) calc(255 - b));
--active-title-text-foreground-color-hover:rgb(from var(--active-title-foreground-color-hover) calc(255 - r) calc(255 - g) calc(255 - b));
--inactive-title-text-foreground-color:rgb(from var(--inactive-title-foreground-color) calc(255 - r) calc(255 - g) calc(255 - b));
--inactive-title-text-foreground-color-hover:rgb(from var(--inactive-title-foreground-color-hover) calc(255 - r) calc(255 - g) calc(255 - b));
/* Border Radius */
--window-border-radius:calc(var(--border-radius) * 2);
--menu-border-radius:calc(var(--border-radius) * 0.6);
/* Tabs Opacity */
--canvas-tabs-opacity:calc(var(--canvas-active-tabs-opacity) * 0.5 );
--hyperlink-tabs-opacity:calc(var(--canvas-active-tabs-opacity) * 0.5 );
--active-title-tabs-opacity:calc(var(--active-title-active-tabs-opacity) * 0.5 );
--inactive-title-tabs-opacity:calc(var(--inactive-title-active-tabs-opacity) * 0.5 );
/* acrylic Opacity */
--system-acrylic-opacity:calc(0.2 + var(--canvas-active-tabs-opacity));
--system-mica-opacity:calc(1 - var(--system-acrylic-opacity));
--system-accented-acrylic-opacity:calc(0.2 + var(--active-title-active-tabs-opacity));
--system-accented-mica-opacity:calc(1 - var(--system-accented-acrylic-opacity));
--system-hyperlink-acrylic-opacity:calc(0.2 + var(--hyperlink-active-tabs-opacity));
--system-hyperlink-mica-opacity:calc(1 - var(--system-hyperlink-acrylic-opacity));


	/* Theme-related 
	--bg-size:cover;
	--bg-tile-x:no-repeat;
	--bg-tile-y:no-repeat;
	--bg-overlay-display:block;
	--bg-overlay-size:var(--header-size);
*/
/* Shapes */
--cpe-teadrop:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI4Mi42NjY2NyIgaGVpZ2h0PSI4Mi42NjY2NyIgdmlld0JveD0iMCwwLDgyLjY2NjY3LDgyLjY2NjY3Ij4NCgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTk4LjY2NjY2LC0xMzguNjY2NjYpIj4NCgkJPGcgZGF0YS1wYXBlci1kYXRhPSJ7JnF1b3Q7aXNQYWludGluZ0xheWVyJnF1b3Q7OnRydWV9IiBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0iIiBzdHJva2UtZGFzaG9mZnNldD0iMCIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPg0KCQkJPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE5OC42NjY2NywxODBjMCwtMjIuODI3NzcgNDEuMzMzMzQsLTQxLjMzMzM0IDQxLjMzMzM0LC00MS4zMzMzNGMwLDAgNDEuMzMzMzMsMTguNTA1NTcgNDEuMzMzMzMsNDEuMzMzMzRjMCwyMi44Mjc3NyAtMTguNTA1NTYsNDEuMzMzMzQgLTQxLjMzMzMzLDQxLjMzMzM0Yy0yMi44Mjc3NywwIC00MS4zMzMzNCwtMTguNTA1NTcgLTQxLjMzMzM0LC00MS4zMzMzNHoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvc3ZnPg==");
/* Scrollbar */
}

.theme-fandomdesktop-dark {
	--fadeout-opacity:0.3;
/* Some Gradient Variables */
--desktop-gradient-color:var(--desktop-background-color-hover);
--desktop-gradient-color-hover:var(--desktop-background-color);
--desktop-text-gradient-color:var(--desktop-text-background-color);
--desktop-text-gradient-color-hover:var(--desktop-text-background-color-hover);
--canvas-gradient-color:var(--canvas-background-color-hover);
--canvas-gradient-color-hover:var(--canvas-background-color);
--canvas-secondary-gradient-color:var(--canvas-secondary-background-color-hover);
--canvas-secondary-gradient-color-hover:var(--canvas-secondary-background-color);
--hyperlink-gradient-color:var(--hyperlink-background-color-hover);
--hyperlink-gradient-color-hover:var(--hyperlink-background-color);
--visited-hyperlink-gradient-color:var(--visited-hyperlink-background-color-hover);
--visited-hyperlink-gradient-color-hover:var(--visited-hyperlink-background-color);
--active-text-gradient-color:var(--active-text-background-color-hover);
--active-text-gradient-color-hover:var(--active-text-background-color);
--canvas-text-gradient-color:var(--canvas-text-background-color);
--canvas-text-gradient-color-hover:var(--canvas-text-background-color-hover);
--canvas-text-secondary-gradient-color:var(--canvas-text-secondary-background-color);
--canvas-text-secondary-gradient-color-hover:var(--canvas-text-secondary-background-color-hover);
--inactive-title-gradient-color:var(--inactive-title-background-color-hover);
--inactive-title-gradient-color-hover:var(--inactive-title-background-color);
--inactive-title-text-gradient-color:var(--inactive-title-text-background-color);
--inactive-title-text-gradient-color-hover:var(--inactive-title-text-background-color-hover);
--alert-gradient-color:var(--alert-background-color-hover);
--alert-gradient-color-hover:var(--alert-background-color);
--pause-gradient-color:var(--pause-background-color-hover);
--pause-gradient-color-hover:var(--pause-background-color);
--warning-gradient-color:var(--warning-background-color-hover);
--warning-gradient-color-hover:var(--warning-background-color);
--success-gradient-color:var(--success-background-color-hover);
--success-gradient-color-hover:var(--success-background-color);
--progress-gradient-color:var(--progress-background-color-hover);
--progress-gradient-color-hover:var(--progress-background-color);
--message-gradient-color:var(--message-background-color-hover);
--message-gradient-color-hover:var(--message-background-color);
/* Some Foreground Variables (Assumes that only black and white are used as Foreground colors) */
--canvas-foreground-color:var(--dark-theme-foreground-color);
--canvas-foreground-color-hover:var(--dark-theme-foreground-color-hover);
--hyperlink-foreground-color:var(--light-theme-foreground-color);
--hyperlink-foreground-color-hover:var(--light-theme-foreground-color-hover);
--visited-hyperlink-foreground-color:var(--light-theme-foreground-color);
--visited-hyperlink-foreground-color-hover:var(--light-theme-foreground-color-hover);
--active-text-foreground-color:var(--light-theme-foreground-color);
--active-text-foreground-color-hover:var(--light-theme-foreground-color-hover);
--alert-foreground-color:var(--light-theme-foreground-color);
--alert-foreground-color-hover:var(--light-theme-foreground-color-hover);
--pause-foreground-color:var(--light-theme-foreground-color);
--pause-foreground-color-hover:var(--light-theme-foreground-color-hover);
--warning-foreground-color:var(--light-theme-foreground-color);
--warning-foreground-color-hover:var(--light-theme-foreground-color-hover);
--success-foreground-color:var(--light-theme-foreground-color);
--success-foreground-color-hover:var(--light-theme-foreground-color-hover);
--progress-foreground-color:var(--light-theme-foreground-color);
--progress-foreground-color-hover:var(--light-theme-foreground-color-hover);
--message-foreground-color:var(--light-theme-foreground-color);
--message-foreground-color-hover:var(--light-theme-foreground-color-hover);
}

@media (prefers-reduced-data:reduce) {
	:root {
	--base-sans-serif-fonts:ui-sans-serif, "Evelution Sans Serif", system-ui, "Helvectica Neue", "Helvetica", "Arial", sans-serif!important; /* Empty but other languages will depend on it */
	--base-sans-serif-fonts:ui-serif, "Evelution Serif", "Times", "Times New Roman", serif!important; /* Empty but other languages will depend on it */
	--base-rounded-fonts:ui-rounded, "Evelution Rounded", "Arial Rounded MT", "Arial", sans-serif!important; /* Empty but other languages will depend on it */
	--base-monospace-fonts:ui-monospace, "Evelution Monospace", "Courier", "Courier New", monospace!important; /* Empty but other languages will depend on it */
	--sans-serif-font-stack:var(--base-sans-serif-fonts)!important;
	--serif-font-stack:var(--base-serif-fonts)!important;
	--rounded-font-stack:var(--base-rounded-fonts)!important;
	--monospace-font-stack:var(--base-monospace-fonts)!important;
	}
}


/** Generic Colors & Color Scheme **/
:root container {
	color-scheme:light!important;
	color-scheme:only light!important;
}


:root.theme-fandomdesktop-dark container {
	color-scheme:dark!important;
	color-scheme:only dark!important;
}



/** Trans effects **/
.visualmode-standard [force-active] {
	--acrylic-opacity:var(--system-acrylic-opacity);
	--mica-opacity:var(--system-mica-opacity);
	--mica-opacity-2:var(--system-acrylic-opacity);
	--accented-acrylic-opacity:var(--system-accented-acrylic-opacity);
	--accented-mica-opacity:var(--system-accented-mica-opacity);
	--accented-mica-opacity-2:var(--system-accented-acrylic-opacity);
	--hyperlink-acrylic-opacity:var(--system-hyperlink-acrylic-opacity);
	--hyperlink-mica-opacity:var(--system-hyperlink-mica-opacity);
	--hyperlink-mica-opacity-2:var(--system-hyperlink-acrylic-opacity);


}

/** Luna Theming Color Sets **/

/* Unaccented */
body,
body [force-active],
body [force-unaccented] {
	/* Background Color  */
	--luna-background-color:var(--canvas-secondary-background-color);
	--luna-mica-background-color:var(--mica-background-color);
	--luna-mica-background-color-2:transparent;
	--luna-background-color-hover:var(--canvas-secondary-background-color-hover);
	/* Text Background Color  */
	--luna-text-background-color:var(--canvas-text-secondary-background-color);
	--luna-text-background-color-hover:var(--canvas-text-secondary-background-color-hover);
	/* Border Color  */
	--luna-border-background-color:var(--canvas-secondary-background-color-hover);
	/* Foreground Color  */
	--luna-foreground-color:var(--canvas-secondary-foreground-color);
	--luna-foreground-color-hover:var(--canvas-secondary-foreground-color-hover);
	/* Inactive Text Color  */
	--luna-inactive-text-background-color:var(--inactive-text-secondary-background-color);
	--luna-inactive-text-background-color-hover:var(--inactive-text-secondary-background-color-hover);
	/* Hyperlink Color  */
	--luna-hyperlink-background-color:var(--hyperlink-secondary-background-color);
	--luna-hyperlink-background-color-hover:var(--hyperlink-secondary-background-color-hover);
	--luna-hyperlink-default-text-decoration:var(--hyperlink-secondary-default-text-decoration);
	/* Visited Hyperlink Color  */
	--luna-visited-hyperlink-background-color:var(--visited-hyperlink-secondary-background-color);
	--luna-visited-hyperlink-background-color-hover:var(--visited-hyperlink-secondary-background-color-hover);
	/* Active Text Color  */
	--luna-active-text-background-color:var(--active-text-secondary-background-color);
	--luna-active-text-background-color-hover:var(--active-text-secondary-background-color-hover);
	/* Highlight Color  */
	--luna-highlight-background-color:var(--highlight-secondary-background-color);
	--luna-highlight-background-color-hover:var(--highlight-secondary-background-color-hover);
	/* Active Title Color  */
	--luna-active-title-background-color:var(--active-title-secondary-background-color);
	--luna-active-title-background-color-hover:var(--active-title-secondary-background-color-hover);
	/* Generic Colors  */
	--luna-alert-background-color:var(--alert-secondary-background-color);
	--luna-alert-background-color-hover:var(--alert-secondary-background-color-hover);
	--luna-pause-background-color:var(--pause-secondary-background-color);
	--luna-pause-background-color-hover:var(--pause-secondary-background-color-hover);
	--luna-warning-background-color:var(--warning-secondary-background-color);
	--luna-warning-background-color-hover:var(--warning-secondary-background-color-hover);
	--luna-success-background-color:var(--success-secondary-background-color);
	--luna-success-background-color-hover:var(--success-secondary-background-color-hover);
	--luna-progress-background-color:var(--progress-secondary-background-color);
	--luna-progress-background-color-hover:var(--progress-secondary-background-color-hover);
	--luna-message-background-color:var(--message-secondary-background-color);
	--luna-message-background-color-hover:var(--message-secondary-background-color-hover);
	/* Tabs  */
	--luna-tabs-background-color:var(--canvas-tabs-background-color);
	--luna-tabs-opacity:var(--canvas-tabs-opacity);
	--luna-active-tabs-opacity:var(--canvas-active-tabs-opacity);
	/* Opacity */
	--luna-acrylic-opacity:var(--acrylic-opacity);
	--luna-mica-opacity:var(--mica-opacity);
	--luna-mica-opacity-2:var(--mica-opacity-2);
}

/* Unaccented (Unfocused) */
body:not(:focus):not(:focus-within),
body [force-inactive],
body:not(:focus):not(:focus-within) [force-unaccented] {
	--acrylic-opacity:1;
	--mica-opacity:0;
	--mica-opacity-2:1;
	--accented-acrylic-opacity:1;
	--accented-mica-opacity:0;
	--accented-mica-opacity-2:1;
	--hyperlink-acrylic-opacity:1;
	--hyperlink-mica-opacity:0;
	--hyperlink-mica-opacity-2:1;
	--simple-fallback-color:var(--canvas-secondary-background-color)!important;
	/* Background Color  */
	--luna-background-color:var(--canvas-secondary-background-color);
	--luna-background-color-hover:var(--canvas-secondary-background-color-hover);
	/* Text Background Color  */
	--luna-text-background-color:var(--canvas-text-secondary-background-color);
	--luna-text-background-color-hover:var(--canvas-text-secondary-background-color-hover);
	/* Border Color  */
	--luna-border-background-color:var(--canvas-secondary-background-color-hover);
	/* Foreground Color  */
	--luna-foreground-color:var(--canvas-secondary-foreground-color);
	--luna-foreground-color-hover:var(--canvas-secondary-foreground-color-hover);
	/* Tabs  */
	--luna-tabs-background-color:var(--canvas-tabs-background-color);
	--luna-tabs-opacity:var(--canvas-tabs-opacity);
	--luna-active-tabs-opacity:var(--canvas-active-tabs-opacity);
}

/* Accented (Focused) */
:root.has-accents body,
:root.has-accents body [force-active] {
	/* Background Color  */
	--luna-background-color:var(--active-title-background-color);
	--luna-mica-background-color:var(--luna-background-color);
	--luna-mica-background-color-2:var(--luna-background-color);
	--luna-background-color-hover:var(--active-title-background-color-hover);
	/* Text Background Color  */
	--luna-text-background-color:var(--active-title-text-background-color);
	--luna-text-background-color-hover:var(--active-title-text-background-color-hover);
	/* Border Color  */
	--luna-border-background-color:var(--active-title-background-color-hover);
	/* Foreground Color  */
	--luna-foreground-color:var(--active-title-foreground-color);
	--luna-foreground-color-hover:var(--active-title-foreground-color-hover);
	/* Inactive Text Color  */
	--luna-inactive-text-background-color:var(--inactive-text-tertiary-background-color);
	--luna-inactive-text-background-color-hover:var(--inactive-text-tertiary-background-color-hover);
	/* Hyperlink Color  */
	--luna-hyperlink-background-color:var(--hyperlink-tertiary-background-color);
	--luna-hyperlink-background-color-hover:var(--hyperlink-tertiary-background-color-hover);
	--luna-hyperlink-default-text-decoration:var(--hyperlink-tertiary-default-text-decoration);
	/* Visited Hyperlink Color  */
	--luna-visited-hyperlink-background-color:var(--visited-hyperlink-tertiary-background-color);
	--luna-visited-hyperlink-background-color-hover:var(--visited-hyperlink-tertiary-background-color-hover);
	/* Active Text Color  */
	--luna-active-text-background-color:var(--active-text-tertiary-background-color);
	--luna-active-text-background-color-hover:var(--active-text-tertiary-background-color-hover);
	/* Highlight Color  */
	--luna-highlight-background-color:var(--highlight-tertiary-background-color);
	--luna-highlight-background-color-hover:var(--highlight-tertiary-background-color-hover);
	/* Active Title Color  */
	--luna-active-title-background-color:var(--active-title-tertiary-background-color);
	--luna-active-title-background-color-hover:var(--active-title-tertiary-background-color-hover);
	/* Generic Colors  */
	--luna-alert-background-color:var(--alert-tertiary-background-color);
	--luna-alert-background-color-hover:var(--alert-tertiary-background-color-hover);
	--luna-pause-background-color:var(--pause-tertiary-background-color);
	--luna-pause-background-color-hover:var(--pause-tertiary-background-color-hover);
	--luna-warning-background-color:var(--warning-tertiary-background-color);
	--luna-warning-background-color-hover:var(--warning-tertiary-background-color-hover);
	--luna-success-background-color:var(--success-tertiary-background-color);
	--luna-success-background-color-hover:var(--success-tertiary-background-color-hover);
	--luna-progress-background-color:var(--progress-tertiary-background-color);
	--luna-progress-background-color-hover:var(--progress-tertiary-background-color-hover);
	--luna-message-background-color:var(--message-tertiary-background-color);
	--luna-message-background-color-hover:var(--message-tertiary-background-color-hover);
	/* Tabs  */
	--luna-tabs-background-color:var(--active-title-tabs-background-color);
	--luna-tabs-opacity:var(--active-title-tabs-opacity);
	--luna-active-tabs-opacity:var(--active-title-active-tabs-opacity);
	/* Opacity */
	--luna-acrylic-opacity:var(--accented-acrylic-opacity);
	--luna-mica-opacity:var(--accented-mica-opacity);
	--luna-mica-opacity-2:var(--accented-mica-opacity-2);
}

/* Accented (Unfocused) */
:root.has-accents body:not(:focus):not(:focus-within),
:root.has-accents body [force-inactive] {
	/* Background Color  */
	--luna-background-color:var(--inactive-title-background-color);
	--luna-mica-background-color:var(--luna-background-color);
	--luna-mica-background-color-2:var(--luna-background-color);
	--luna-background-color-hover:var(--inactive-title-background-color-hover);
	/* Text Background Color  */
	--luna-text-background-color:var(--inactive-title-text-background-color);
	--luna-text-background-color-hover:var(--inactive-title-text-background-color-hover);
	/* Border Color  */
	--luna-border-background-color:var(--inactive-title-background-color-hover);
	/* Foreground Color  */
	--luna-foreground-color:var(--inactive-title-foreground-color);
	--luna-foreground-color-hover:var(--inactive-title-foreground-color-hover);
	/* Tabs  */
	--luna-tabs-background-color:var(--inactive-title-tabs-background-color);
	--luna-tabs-opacity:var(--inactive-title-tabs-opacity);
	--luna-active-tabs-opacity:var(--inactive-title-active-tabs-opacity);
}


/* Fandom Variable Aliases for compatibility */
body {
    --theme-body-dynamic-color-1: var(--desktop-foreground-color);
    --theme-body-dynamic-color-2:  var(--desktop-text-background-color);
    --theme-page-dynamic-color-1:  var(--canvas-foreground-color);
    --theme-page-dynamic-color-1--inverted: var(--canvas-secondary-background-color);
    --theme-page-dynamic-color-2: var(--canvas-text-background-color);
    --theme-sticky-nav-dynamic-color-1: var(--active-title-foreground-color);
    --theme-sticky-nav-dynamic-color-2: var(--active-title-text-background-color);
    --theme-link-dynamic-color-1: var(--hyperlink-foreground-color);
    --theme-link-dynamic-color-2: var(--canvas-background-color);
    --theme-accent-dynamic-color-1:  var(--highlight-foreground-color);
    --theme-accent-dynamic-color-2: var(--highlight-text-background-color);
    --theme-body-background-color: var(--desktop-background-color);
    --theme-body-background-image: var(--desktop-background-image);
    --theme-body-text-color: var(--desktop-foreground-color);
    --theme-body-text-color--hover: var(--desktop-foreground-color-hover);
    --theme-sticky-nav-background-color: var(--active-title-background-color);
    --theme-sticky-nav-text-color: var(--active-title-foreground-color);
    --theme-sticky-nav-text-color--hover: var(--active-title-foreground-color-hover);
    --theme-page-background-color: var(--canvas-background-color);
    --theme-page-background-color--secondary: var(--canvas-secondary-background-color);
    --theme-page-text-color: var(--canvas-text-background-color);
    --theme-page-text-color--hover: var(--canvas-text-background-color-hover);
    --theme-page-text-mix-color: rgb(from var(--canvas-text-background-color) r g b / 0.5);
    --theme-page-text-mix-color-95: rgb(from var(--canvas-text-background-color) r g b / 0.05);
    --theme-page-accent-mix-color: from var(--highlight-background-color) r g b / 0.5);
    --theme-page-headings-font: var(--rounded-font-stack);
    --theme-link-color: var(--hyperlink-background-color);
    --theme-link-color--hover: var(--hyperlink-background-color-hover);
    --theme-link-label-color: var(--hyperlink-foreground-color);
    --theme-accent-color: var(--highlight-background-color);
    --theme-accent-color--hover: var(--highlight-background-color-hover);
    --theme-accent-label-color:  var(--highlight-foreground-color);
    --theme-border-color: var(--inactive-text-background-color);
    --theme-alert-color: var(--alert-background-color);
    --theme-alert-color--hover: var(--alert-background-color-hover);
    --theme-alert-color--secondary: var(--alert-secondary-background-color);
    --theme-alert-label: var(--alert-foreground-color);
    --theme-warning-color: var(--warning-background-color);
    --theme-warning-color--secondary: var(--warning-secondary-background-color);
    --theme-warning-label: var(--warning-foreground-color);
    --theme-success-color:  var(--success-background-color);
    --theme-success-color--secondary: var(--success-secondary-background-color);
    --theme-success-label: var(--success-foreground-color);
    --theme-message-color: var(--message-background-color);
    --theme-message-label: var(--message-foreground-color);
	--theme-community-header-color:var(--desktop-text-background-color);
	--theme-community-header-color--hover:var(--desktop-text-background-color-hover);
	--theme-background-image-opacity:100%;
    --theme-page-text-opacity-factor:var(--disabled-elements-opacity);
    --theme-body-text-opacity-factor:var(--disabled-elements-opacity);
    --theme-link-decoration: var(--hyperlink-default-text-decoration);
}


:root:not(.theming-loaded) .skin-evelution {
--transition-timing-function:none!Important;
}


/* Forced Colors */
@media (forced-colors: active) {
	:root .visualcolors-nocolormanagement {
		--desktop-background-image:url("")!important;
		--icon-filter:opacity(1)!important;
		--icon-filter-hover:opacity(1)!important;
		--icon-filter-duration:0ms!important;
		--icon-filter-delay:0ms!important;
		--system-visual-mode:contrast!important;
	}

	.forced-colors-off {
		display:none!important;
	}
	
	.fc-selecteditem,
	.fc-accentcolor {
		color:highlight!important
	}

	.fc-selecteditemtext,
	.fc-accentcolortext {
		color:highlighttext!important
	}

	
	.cpe-system-colors {
		color-scheme:light dark!important;
	}
}

/** Disabled Color Management **/

/* Base */

	:root .visualcolors-nocolormanagement {
		--desktop-background-image:url("");
		--desktop-background-image-filter:none;
		--desktop-background-horizontal-alignment:center;
		--desktop-background-vertical-alignment:center;
		--desktop-background-size:cover;
		--desktop-background-no-horizontal-tiling:false;
		--desktop-background-no-vertical-tiling:false;
		--custom-sans-serif-font:"";
		--custom-serif-font:"";
		--custom-rounded-font:"";
		--custom-monospace-font:"";
		--border-radius:5px;
		--icon-filter:opacity(1);
		--icon-filter-hover:opacity(0.8);
		--icon-filter-duration:0ms;
		--icon-filter-delay:0ms;
		--system-acrylic-opacity:0.6;
		--system-generic-color-hue-shift:0;
		--system-generic-color-saturation:100%;
		--system-icon-style:round;
		--system-visual-mode:standard;
		--system-visual-style:standard;
	}
	
	body.no-color-management .colors .cpe-dropdown__content .fcm-off {
		display:none!important;
	}
	
/* Custom */
.visualcolors-nocolormanagement {
	--desktop-background-color:field;
	--desktop-text-background-color:fieldtext;
	--canvas-background-color:canvas;
	--canvas-secondary-background-color:buttonface;
	--hyperlink-background-color:linktext;
	--visited-hyperlink-background-color:visitedtext;
	--inactive-text-background-color:graytext;
	--active-text-background-color:activetext;
	--canvas-text-background-color:canvastext;
	--canvas-text-secondary-background-color:buttontext;
	--highlight-background-color:highlight;
	--highlight-text-background-color:highlighttext;
	--active-title-background-color:fieldtext;
	--active-title-text-background-color:field;
	--inactive-title-background-color:canvas;
	--inactive-title-text-background-color:graytext;
}

/* Standard */
.visualcolors-nocolormanagement.dcmmode-standard {
	--desktop-background-color:field;
	--desktop-text-background-color:fieldtext;
	--canvas-background-color:canvas;
	--canvas-secondary-background-color:buttonface;
	--hyperlink-background-color:linktext;
	--visited-hyperlink-background-color:visitedtext;
	--inactive-text-background-color:graytext;
	--active-text-background-color:activetext;
	--canvas-text-background-color:canvastext;
	--canvas-text-secondary-background-color:buttontext;
	--highlight-background-color:highlight;
	--highlight-text-background-color:highlighttext;
	--active-title-background-color:fieldtext;
	--active-title-text-background-color:field;
	--inactive-title-background-color:canvas;
	--inactive-title-text-background-color:graytext;
}

/* Lite */
.visualcolors-nocolormanagement.dcmmode-lite {
	--desktop-background-color:graytext;
	--desktop-text-background-color:canvas;
	--canvas-background-color:canvas;
	--canvas-secondary-background-color:buttonface;
	--hyperlink-background-color:highlight;
	--visited-hyperlink-background-color:highlight;
	--inactive-text-background-color:graytext;
	--active-text-background-color:highlight;
	--canvas-text-background-color:canvastext;
	--canvas-text-secondary-background-color:buttontext;
	--highlight-background-color:highlight;
	--highlight-text-background-color:highlighttext;
	--active-title-background-color:canvastext;
	--active-title-text-background-color:canvas;
	--inactive-title-background-color:canvas;
	--inactive-title-text-background-color:canvastext;
}

/* General */
.visualcolors-nocolormanagement.dcmmode-general {
	--desktop-background-color:canvas;
	--desktop-text-background-color:accentcolor;
	--canvas-background-color:canvas;
	--canvas-secondary-background-color:buttonface;
	--hyperlink-background-color:accentcolor;
	--visited-hyperlink-background-color:accentcolor;
	--inactive-text-background-color:graytext;
	--active-text-background-color:accentcolor;
	--canvas-text-background-color:canvastext;
	--canvas-text-secondary-background-color:buttontext;
	--highlight-background-color:accentcolor;
	--highlight-text-background-color:accentcolortext;
	--active-title-background-color:accentcolor;
	--active-title-text-background-color:accentcolortext;
	--inactive-title-background-color:buttonface;
	--inactive-title-text-background-color:graytext;
}

/* Basic */
.visualcolors-nocolormanagement.dcmmode-basic {
	--desktop-background-color:buttonface;
	--desktop-text-background-color:buttontext;
	--canvas-background-color:canvas;
	--canvas-secondary-background-color:buttonface;
	--hyperlink-background-color:linktext;
	--visited-hyperlink-background-color:visitedtext;
	--inactive-text-background-color:graytext;
	--active-text-background-color:activetext;
	--canvas-text-background-color:canvastext;
	--canvas-text-secondary-background-color:buttontext;
	--highlight-background-color:linktext;
	--highlight-text-background-color:canvas;
	--active-title-background-color:linktext;
	--active-title-text-background-color:canvas;
	--inactive-title-background-color:canvas;
	--inactive-title-text-background-color:canvastext;
}

/* Simple */
.visualcolors-nocolormanagement.dcmmode-simple {
	--desktop-background-color:buttonborder;
	--desktop-text-background-color:buttonface;
	--canvas-background-color:canvas;
	--canvas-secondary-background-color:buttonface;
	--hyperlink-background-color:linktext;
	--visited-hyperlink-background-color:visitedtext;
	--inactive-text-background-color:graytext;
	--active-text-background-color:activetext;
	--canvas-text-background-color:canvastext;
	--canvas-text-secondary-background-color:buttontext;
	--highlight-background-color:selecteditem;
	--highlight-text-background-color:selecteditemtext;
	--active-title-background-color:buttontext;
	--active-title-text-background-color:buttonface;
	--inactive-title-background-color:canvastext;
	--inactive-title-text-background-color:canvas;
}

/* Classic */
.visualcolors-nocolormanagement.dcmmode-classic {
	--desktop-background-color:canvas;
	--desktop-text-background-color:linktext;
	--canvas-background-color:canvas;
	--canvas-secondary-background-color:buttonface;
	--hyperlink-background-color:linktext;
	--visited-hyperlink-background-color:visitedtext;
	--inactive-text-background-color:graytext;
	--active-text-background-color:activetext;
	--canvas-text-background-color:canvastext;
	--canvas-text-secondary-background-color:buttontext;
	--highlight-background-color:highlight;
	--highlight-text-background-color:highlighttext;
	--active-title-background-color:linktext;
	--active-title-text-background-color:canvas;
	--inactive-title-background-color:graytext;
	--inactive-title-text-background-color:canvas;
}

/* High Contrast */
.visualcolors-nocolormanagement.dcmmode-contrast {
	--desktop-background-color:canvas;
	--desktop-text-background-color:canvastext;
	--canvas-background-color:canvas;
	--canvas-secondary-background-color:canvas;
	--hyperlink-background-color:linktext;
	--visited-hyperlink-background-color:linktext;
	--inactive-text-background-color:graytext;
	--active-text-background-color:linktext;
	--canvas-text-background-color:canvastext;
	--canvas-text-secondary-background-color:canvastext;
	--highlight-background-color:highlight;
	--highlight-text-background-color:highlighttext;
	--active-title-background-color:buttonface;
	--active-title-text-background-color:buttontext;
	--inactive-title-background-color:canvas;
	--inactive-title-text-background-color:graytext;
}

/* Retro */
.visualcolors-nocolormanagement.dcmmode-retro {
	--desktop-background-color:highlight;
	--desktop-text-background-color:highlighttext;
	--canvas-background-color:canvas;
	--canvas-secondary-background-color:field;
	--hyperlink-background-color:linktext;
	--visited-hyperlink-background-color:linktext;
	--inactive-text-background-color:graytext;
	--active-text-background-color:graytext;
	--canvas-text-background-color:canvastext;
	--canvas-text-secondary-background-color:fieldtext;
	--highlight-background-color:canvastext;
	--highlight-text-background-color:canvas;
	--active-title-background-color:graytext;
	--active-title-text-background-color:canvas;
	--inactive-title-background-color:canvas;
	--inactive-title-text-background-color:graytext;
}

* {
	forced-color-adjust:none;
/*	transition-timing-function:var(--transition-timing-function)!important; */
	outline:0;
}

/*
:focus-visible {
	outline:2px solid!important;
}
*/

container:focus-visible,
body:focus-visible,
.focus-overlay:focus-visible {
	outline-color:transparent!important;
}

.forced-adjust, [data-forced="true"] {
	forced-color-adjust:auto!important;
}

html {
	scrollbar-color:var(--scrollbar-thumb-color-1) var(--scrollbar-track-color-1);
/** Scrollbar Styling **/
	/* Width */
	--scrollbar-width:17px;
	/* Track */
	--scrollbar-track-color-1:var(--desktop-background-color);
	--scrollbar-track-color-2:var(--desktop-background-color-hover);
	--scrollbar-track-text:var(--desktop-foreground-color);
	/* Thumb */
	--scrollbar-thumb-color-1:var(--desktop-text-background-color);
	--scrollbar-thumb-color-2:var(--desktop-text-background-color-hover);
	--scrollbar-thumb-text:var(--desktop-text-foreground-color);
	position:relative;
}

.no-standard-scrollbar,
.no-standard-scrollbar * {
	scrollbar-color:auto!important;
	scrollbar-width:auto!important;
}


/* Body Styling */
body {
  --cpe-body-cursor:auto;
  --cpe-default-cursor: default;
  --cpe-menu-cursor: context-menu;
  --cpe-blocked-cursor:not-allowed;
  --cpe-help-cursor:help;
  --cpe-text-cursor:text;
  --cpe-hand-cursor:pointer;
	--acrylic-opacity:var(--system-acrylic-opacity);
	--simple-fallback-color:transparent;
	--simple-fallback-opacity:var(--system-acrylic-opacity);
	--mica-opacity:var(--system-mica-opacity);
	--mica-opacity-2:var(--system-acrylic-opacity);
	--accented-acrylic-opacity:var(--system-accented-acrylic-opacity);
	--accented-mica-opacity:var(--system-accented-mica-opacity);
	--accented-mica-opacity-2:var(--system-accented-acrylic-opacity);
	--hyperlink-acrylic-opacity:var(--system-hyperlink-acrylic-opacity);
	--hyperlink-mica-opacity:var(--system-hyperlink-mica-opacity);
	--hyperlink-mica-opacity-2:var(--system-hyperlink-acrylic-opacity);
	accent-color:var(--highlight-background-color);
	--icon-font-family:var(--system-icon-font-family);
	--mica-content:"";
/** Dropdown Theming **/	
/* Base Styling */
--dropdown-background-color:var(--canvas-secondary-background-color);
--dropdown-background-color-opacity:var(--acrylic-opacity);
--dropdown-border-color:var(--inactive-text-background-color);
--dropdown-text-color:var(--canvas-text-secondary-background-color);
--dropdown-text-color-hover:var(--canvas-text-secondary-background-color-hover);
--dropdown-inactive-text-color:var(--inactive-text-secondary-background-color);
/* Secondary Styling (Used in OOUI) */
--dropdown-background-color-2:var(--canvas-secondary-background-color-hover);
--dropdown-text-color-2:var(--dropdown-text-color);
--dropdown-text-color-hover-2:var(--dropdown-text-color-hover);
/* Header Styling */
--dropdown-header-background-color:rgb(from var(--inactive-text-background-color) r g b / var(--acrylic-opacity));
--dropdown-header-text-color:var(--inactive-text-foreground-color);
/* Link Styling */
--dropdown-hyperlink-background-color:rgb(from var(--canvas-text-secondary-background-color) r g b / 0.2);
--dropdown-hyperlink-border-color:rgb(from var(--canvas-text-secondary-background-color) r g b / 0.1);
--dropdown-hyperlink-text-color:var(--canvas-text-secondary-background-color-hover);
/* Active Link Styling */
--dropdown-active-hyperlink-background-color:rgb(from var(--hyperlink-secondary-background-color) r g b / 0.4);
--dropdown-active-hyperlink-border-color:rgb(from var(--hyperlink-secondary-background-color) r g b / 0.2);
--dropdown-active-hyperlink-text-color:var(--hyperlink-secondary-background-color);
/* Keyboard-Focused Link Styling */
--dropdown-focused-hyperlink-background-color:var(--dropdown-active-hyperlink-background-color);
--dropdown-focused-hyperlink-border-color:var(--canvas-secondary-foreground-color);
--dropdown-focused-hyperlink-text-color:var(--dropdown-active-hyperlink-text-color);
/** Checkbox Styling **/
	--checkbox-tabs-opacity:var(--canvas-active-tabs-opacity);
	--checkbox-tabs-background-color:var(--canvas-tabs-background-color);
	--checkbox-unchecked-bg:rgb(var(--checkbox-tabs-background-color),var(--checkbox-tabs-opacity));
	--checkbox-unchecked-shadow:var(--inactive-text-background-color);
	--checkbox-unchecked-bg-hover:var(--checkbox-unchecked-bg);
	--checkbox-unchecked-shadow-hover:var(--checkbox-active-bg);
	--checkbox-active-bg:var(--highlight-background-color);
	--checkbox-checked-bg:var(--highlight-background-color);
	--checkbox-checked-bg-hover:var(--highlight-background-color-hover);
	--checkbox-checked-shadow:var(--checkbox-checked-bg);
	--checkbox-checked-shadow-hover:var(--checkbox-checked-bg-hover);
	--checkbox-checked-text:var(--highlight-foreground-color);
	--checkbox-checked-text-hover:var(--checkbox-checked-text);
	--checkbox-focused-shadow:transparent;
/* Selection Styling */
	--selection-background-color:var(--highlight-background-color);
	--selection-text-color:var(--highlight-text-background-color);
  margin:0;
	overflow-x:hidden!important;
  font-family:var(--sans-serif-font-stack);
	cursor:var(--cpe-body-cursor);
	display:block;
	position:relative;
	background-color:var(--desktop-background-color);
    color: var(--desktop-foreground-color);
}

.has-serif-font body {
  font-family:var(--serif-font-stack);
}

/** Image Rendering **/

/* Webkit */
@media  (-webkit-min-device-pixel-ratio: 2) {
	img, canvas, video {
		image-rendering:pixelated;
		image-rendering:crisp-edges;
		
	}
}

/* Standard */
@media (min-resolution: 2dppx) {
	img, canvas, video {
		image-rendering:pixelated;
		image-rendering:crisp-edges;
		
	}
}


.filter-overlay {
	backdrop-filter:var(--color-mode-filter, none);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	pointer-events: none;
}


container {
    margin: 0;
    position: relative;
    display: block;
    height: 100dvh;
    z-index: 1;
    top: 0;
    width: 100%;
}

 .desktop-background {
	top:0;
	width:100%;
	height:100%;
	background-repeat:var(--bg-tile-x) var(--bg-tile-y);
	position:fixed!Important;
	display:block;
	content:"";
	z-index:-2;
	background-position:var(--desktop-background-alignment);
	background-size:var(--bg-size);
	background-image:var(--desktop-background-image);
	background-color:transparent;
	pointer-events:none;
	filter:var(--desktop-background-image-filter,none);

}

 #LunaLevit {
	top:0;
	width:100%;
	height:100%;
	position:fixed!Important;
	display:block;
	content:"";
	z-index:-2;
	background-color:var(--desktop-background-color);
	pointer-events:none;
}


 #LunaLevit > .invertion-on {
	mix-blend-mode:var(--desktop-background-image-blend-mode);
}

.lunalevit {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    opacity: var(--mica-opacity);
    overflow: hidden;
    pointer-events: none;
    mix-blend-mode:color;
    border-radius: inherit;
    filter: saturate(150%);
    transition:opacity var(--transition-duration) var(--transition-timing-function);
}

.lunalevit.hidden {
	display:none!important;
}

.lunalevit.accented {
	opacity:var(--luna-mica-opacity);
}


.lunalevit::before {
		content:var(--mica-content);
		display:block;
		width:100%;
		height:100%;
		top:0;
		left:0;
		position:absolute;
		background-color:var(--desktop-background-color);
		z-index:-2;
    transition:background-color var(--transition-duration) var(--transition-timing-function), background-image var(--transition-duration) var(--transition-timing-function);
}


.lunalevit::after {
    content: var(--mica-content);
    display: block;
    width: calc(100% + 100px);
    height: calc(100% + 100px);
    top: -50px;
    left: -50px;
    position: absolute;
    filter: var(--desktop-background-image-filter) var(--color-mode-filter) var(--mica-filter);
    background-position: var(--desktop-background-alignment);
    background-size: var(--bg-size);
    background-image: var(--desktop-background-image);
    background-color: transparent;
    background-attachment: fixed;
    background-repeat: var(--bg-tile-x) var(--bg-tile-y);
    z-index: -1;
    overflow: hidden;
	mix-blend-mode:var(--desktop-background-image-blend-mode);
    transition:background-color var(--transition-duration) var(--transition-timing-function), background-image var(--transition-duration) var(--transition-timing-function);
}


/*
@supports ((backdrop-filter:none) or (-webkit-backdrop-filter:none)) {
	.lunalevit::after {
		filter:none;
	}

	.lunalevit {
		backdrop-filter:var(--mica-filter);
		-webkit-backdrop-filter:var(--mica-filter);
	}	
}
*/

.lite-display,
.standard-display {
	display:none!important;
}

/* Reduced Transparency */
@media (prefers-reduced-transparency:reduce) {
	.lite-display,
	.standard-display {
		display:inline-block!important;
	}

	body,
	.cpe-dropdown__content,
	.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content {
		--acrylic-opacity:1!important;
		--mica-opacity:0!important;
		--mica-opacity-2:1!important;
		--accented-acrylic-opacity:1!important;
		--accented-mica-opacity:0!important;
		--accented-mica-opacity-2:1!important;
		--hyperlink-acrylic-opacity:1!important;
		--hyperlink-mica-opacity:0!important;
		--hyperlink-mica-opacity-2:1!important;
		--simple-fallback-color:var(--canvas-background-color)!important;
	}

	:root body {
		--acrylic-filter:none!important;
		--mica-filter:none!important;
		--mica-content:none;
/*
		--threeD-shadow-active:0 0 0 transparent!important;
		--threeD-shadow-small:0 0 0 transparent!important;
		--threeD-shadow-small-active:0 0 0 transparent!important;
*/
	}

}

/* Disable acrylic on browsers without backdrop-filter support */
@supports (not ((backdrop-filter:none) or (-webkit-backdrop-filter:none))) {
	.lite-display {
		display:inline-block!important;
	}

	body,
	.cpe-dropdown__content,
	.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content {
		--acrylic-opacity:1!important;
		--simple-fallback-color:var(--canvas-background-color)!important;
	}


	:root body {
		--acrylic-filter:none!important;
	}
}

/* Disable Mica on browsers without mix-blend-mode support */
@supports (not (mix-blend-mode:color)) {
	.lite-display {
		display:inline-block!important;
	}
	body {
		--mica-opacity:0!important;
		--mica-opacity-2:1!important;
		--accented-mica-opacity:0!important;
		--accented-mica-opacity-2:1!important;
		--hyperlink-mica-opacity:0!important;
		--hyperlink-mica-opacity-2:1!important;
	}


	:root body {
		--mica-filter:none!important;
		--mica-content:none!important;
	}
	

}

/* Disable Luna Lovit on Level 1- GPUs */
	.gpu-level-0 body,
	.gpu-level-1 body,
	.gpu-level-0 .cpe-dropdown__content,
	.gpu-level-1 .cpe-dropdown__content,
	.gpu-level-0.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content,
	.gpu-level-1.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content {
		--acrylic-opacity:1!important;
		--accented-acrylic-opacity:1!important;
		--hyperlink-acrylic-opacity:1!important;
		--simple-fallback-color:var(--canvas-background-color)!important;
	}

	.gpu-level-0 body,
	.gpu-level-1 body {
		--acrylic-filter:none!important;
	}



/* Disable Luna Levit on Level 1- GPUs */
	.gpu-level-0 body,
	.gpu-level-1 body {
		--mica-opacity:0!important;
		--mica-opacity-2:1!important;
		--accented-mica-opacity:0!important;
		--accented-mica-opacity-2:1!important;
		--hyperlink-mica-opacity:0!important;
		--hyperlink-mica-opacity-2:1!important;
	}


	.gpu-level-0 body,
	.gpu-level-1 body {
		--mica-filter:none!important;
		--mica-content:none!important;
	}
	
	.gpu-level-0 .lite-display,
	.gpu-level-1 .lite-display {
		display:inline-block!important;
	}

/* Disable 3D Effects on Level 2- GPUs */

	.gpu-level-0 body,
	.gpu-level-1 body,
	.gpu-level-2 body {
		--threeD-shadow:0 0 0 transparent!important;
		--threeD-shadow-active:0 0 0 transparent!important;
		--threeD-shadow-small:0 0 0 transparent!important;
		--threeD-shadow-small-active:0 0 0 transparent!important;
	}

	.gpu-level-0 .standard-display,
	.gpu-level-1 .standard-display,
	.gpu-level-2 .standard-display {
		display:inline-block!important;
	}




@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration:0ms!important;
		transition-duration:0ms!important;
	}

	:root {
	--transition-duration:0ms!important;
	--outline-transition-duration:0ms!important;
	}

}

/* Disable Rounded Corners on Level 0 GPUs */
	:root:root:root.gpu-level-0 .theme-A,
	:root:root:root.gpu-level-0 .theme-B,
	:root:root:root.gpu-level-0 .theme-C,
	:root:root:root.gpu-level-0 .theme-D,
	:root:root:root.gpu-level-0 .theme-E,
	:root:root:root.gpu-level-0 .theme-F,
	:root:root:root.gpu-level-0 .theme-G,
	:root:root:root.gpu-level-0 .theme-H,
	:root:root:root.gpu-level-0 .visualcolors-nocolormanagement {
		--border-radius:0px!important;
	}


/* Remove DCM lite display on supported browsers */


@media (prefers-color-scheme: light), (prefers-color-scheme: dark) {
	@supports ( (color:linktext) and  (color:visitedtext) and (color:activetext) and (color:field)  and (color:fieldtext) and (color-scheme:normal) ) {
		.dcm-limited {
			display:none!important;
		}
	}
}

[data-font-stack="sans-serif"] {
  font-family:var(--sans-serif-font-stack), sans-serif;
}

[data-font-stack="serif"] {
  font-family:var(--serif-font-stack), serif;
}

.secondary, [data-font-stack="rounded"], h1, h2, h3, h4, h5, h6 {
  font-family:var(--rounded-font-stack), sans-serif;
}

[data-font-stack="monospace"] {
  font-family:var(--monospace-font-stack), sans-serif;
  font-variant-emoji:text;
}


.focus-overlay {
	top:0;
	width:100%;
	height:100%;
	position:fixed!Important;
	content:"";
	z-index:-1;
}



.raw-parser {
	display:contents;
	font-size:0;
}

.raw-parser-done {
	display:contents;
}




/* Option and Headings */
button, input {
	position:relative;
	font-family:inherit;
	text-transform:none; /* Drops the inheritance in Edge and Firefox */
	letter-spacing:normal; /* Drops the inheritance of letter-spacing in Linux and Android Qorta Qorte */
	word-spacing:normal; /* Drops the inheritance of word-spacing in Linux and Android Qorta Qorte */
	box-shadow:none;
	text-shadow:none;
	cursor:var(--cpe-text-cursor);
	caret-color:var(--active-text-background-color);
}

input[type="submit"], input[type="reset"], input[type="button"], button {
	cursor:var(--cpe-default-cursor);
}


option {
background-color:var(--canvas-secondary-background-color);
}

option:hover {
background-color:var(--highlight-background-color)!important;
color:var(--highlight-foreground-color)!important;
}


h1,h2,h3,h4,h5,h6 {
margin:0;
padding:8px 0;
font-style:inherit;
font-weight:inherit;
}



/* Monaco Skin Compatibility CSS */
.color1 {
	background-color: var(--highlight-background-color);
	color:var(--highlight-foreground-color)
}

.color1 a {
	color:inherit;
}

.color2 {
	background-color:var(--inactive-text-background-color);
}

.dark_text_1, .dark_text_2 {
	color:var(--hyperlink-background-color);
}


.accent	{
	background-color:var(--canvas-background-color);
	box-shadow:0 0 0 100vh from var(--highlight-background-color) r g b / 0.2) inset;
	border-color:var(--hyperlink-background-color);
	color: var(--canvas-text-background-color);
}

.neutral {
	background-color: var(--inactive-text-background-color);
	border-color:var(--hyperlink-background-color);
	color: var(--canvas-text-background-color);
}



/* Selection */

::selection,
body .ve-ce-attachedRootNode::selection, 
body .ve-ce-attachedRootNode *::selection {
color:var(--selection-text-color);
background-color:var(--selection-background-color);
cursor:inherit;
text-shadow:none;
}

/* Scrollbars */
::-webkit-scrollbar {
width:var(--scrollbar-width);
height:var(--scrollbar-width);
background-color:var(--scrollbar-track-color-1);
position:relative;
cursor:var(--cpe-default-cursor);
}

::-webkit-scrollbar-thumb {
  background-color:var(--scrollbar-thumb-color-1);
  box-shadow:var(--threeD-shadow),0 0 0.1px var(--scrollbar-track-color-1) inset;
  border:2px solid var(--scrollbar-track-color-1);
  border-radius:var(--scrollbar-width);
  color:var(--scrollbar-thumb-text);
}

::-webkit-scrollbar-thumb:hover {
  background-color:var(--scrollbar-thumb-color-2);
}

::-webkit-scrollbar-thumb:active {
  background-color:var(--scrollbar-thumb-color-2);
  box-shadow:var(--threeD-shadow-active),0 0 0.1px var(--scrollbar-track-color-1) inset;
}

::-webkit-scrollbar-thumb:vertical {
	min-height:20px;
}

::-webkit-scrollbar-thumb:horizontal {
	min-width:20px;
}


::-webkit-scrollbar-button {
  background-color:var(--scrollbar-track-color-1);
  color:var(--scrollbar-track-text);
  background-size:100%;
  background-position:center;
  background-repeat:no-repeat;
  width:var(--scrollbar-width);
  height:var(--scrollbar-width);
  border:0 solid var(--scrollbar-track-text);
}


::-webkit-scrollbar-button:hover {
  background-color:var(--scrollbar-track-color-2);
}

::-webkit-scrollbar-button:active {
  background-color:var(--scrollbar-track-color-2);
}

::-webkit-scrollbar-button:vertical:start {
	border-bottom-width:1px;
	border-bottom-left-radius:var(--scrollbar-width);
	border-bottom-right-radius:var(--scrollbar-width);
}

::-webkit-scrollbar-button:vertical {
	border-left-width:1px;
	border-right-width:1px;
}

::-webkit-scrollbar-button:horizontal {
	border-top-width:1px;
	border-bottom-width:1px;
}

::-webkit-scrollbar-button:vertical:end {
	border-top-width:1px;
	border-top-left-radius:var(--scrollbar-width);
	border-top-right-radius:var(--scrollbar-width);
}

::-webkit-scrollbar-button:horizontal:start {
	border-right-width:1px;
	border-top-right-radius:var(--scrollbar-width);
	border-bottom-right-radius:var(--scrollbar-width);
}


::-webkit-scrollbar-button:horizontal:end {
	border-left-width:1px;
	border-top-left-radius:var(--scrollbar-width);
	border-bottom-left-radius:var(--scrollbar-width);
}

::-webkit-scrollbar-corner {
	background-color:var(--scrollbar-track-text);
}

/* Misc */
a,
body a {
--hyperlink-decoration:var(--hyperlink-default-text-decoration);
transition:color var(--transition-duration) var(--transition-timing-function);
text-decoration:var(--hyperlink-decoration);
color:var(--hyperlink-background-color);
cursor:var(--cpe-hand-cursor);
background-color:transparent;
	caret-color:var(--active-text-background-color);
}

/* href = hand cursor */
[href] {
cursor:var(--cpe-hand-cursor)!important;
}

body a:visited {
color:var(--visited-hyperlink-background-color);
}

a:hover,
body a:hover {
color:var(--hyperlink-background-color-hover);
cursor:var(--cpe-hand-cursor);
}


body a:visited:hover {
color:var(--visited-hyperlink-background-color-hover);
}


a:active,
body a:active,
a:visited:active,
body a:visited:active {
color:var(--active-text-background-color);
}


a.new {
color:var(--alert-background-color);
text-decoration-style:dashed;
}


abbr {
  cursor:var(--cpe-help-cursor);
}

.cpe-dropdown__content .cpe-list label {
	font-size:inherit;
}

.cpe-dropdown__content .cpe-list a > label:only-child {
	display:block;
}

a label, a input[type="checkbox"], a input[type="radio"] {
cursor:var(--cpe-hand-cursor);
}




label, input[type="checkbox"], input[type="radio"] {
cursor:inherit;
vertical-align:middle;
}

label {
	display:inline;
	font-size:20px;
	background:transparent;
	transition:background-color var(--transition-duration) var(--transition-timing-function);
}

mark {
color:var(--canvas-text-background-color);
background-color:rgb(from var(--hyperlink-background-color) r g b /  0.5);
}

mark * {
color:inherit;
}

input[type="checkbox"] + label:active, input[type="radio"] + label:active,
input[type="checkbox"]:active + label, input[type="radio"]:active + label {
background-color:rgb(from var(--hyperlink-background-color) r g b /  0.5);
}


/* Dark Mode */
html.theme-fandomdesktop-dark .darkmode-off,
html.theme-fandomdesktop-light .darkmode-on,
/* Luna Lavvcent */
html.has-accents .accented-off,
html:not(.has-accents) .accented-on,
/* Serif Font */
html.has-serif-font .serif-off,
html:not(.has-serif-font) .serif-on,
/* DPL Forum */
.has-no-dpl-forum .dpl-forum-on {
	display:none!important;
}

html:fullscreen .fullscreen-off,
html:not(:fullscreen) .fullscreen-on {
	display:none;
}

html:-webkit-full-screen .fullscreen-off,
html:not(:-webkit-full-screen) .fullscreen-on {
	display:none;
}

/* Direction Fixes For Translated Pages */
.translated-rtl {
    direction:rtl;
}

.translated-ltr {
    direction:ltr;
}



body .invertion-on,
body .mw-content-text img,
body #mw-content-text img {
/*	filter:var(--color-mode-filter, none); */
}

:not(.unset)[disabled], 
:not(.unset):disabled, 
html:not([visualcolors="standard"]) .forcedcolors-off {
opacity:var(--disabled-elements-opacity)!important;
pointer-events:none!important;
-webkit-user-select:none!important;
user-select:none!important;
cursor:var(--cpe-blocked-cursor)!important;
}


html[she-she="true"] .she-she-off {
	display:none!important
}

html[she-she="false"] .she-she-on {
	display:none!important
}


textarea, [contenteditable] {
	caret-color:var(--active-text-background-color);
  cursor:var(--cpe-text-cursor);
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb-color-1) var(--scrollbar-track-color-1);
/** Scrollbar Styling **/
	/* Width */
	--scrollbar-width:8.5px;
	/* Track */
	--scrollbar-track-color-1:transparent;
	--scrollbar-track-color-2:transparent;
	--scrollbar-track-text:transparent;
	/* Thumb */
	--scrollbar-thumb-color-1:var(--canvas-text-background-color);
	--scrollbar-thumb-color-2:var(--canvas-text-background-color-hover);
	--scrollbar-thumb-text:var(--canvas-text-foreground-color);

}

input[type="datetime-local"], input[type="date"], input[type="time"], input[type="week"], input[type="month"], input[type="year"] { /* Year is non-standard Qorta/mInerva input type */
font-family:"LCD", monospace;
}

textarea {
	background-color:var(--canvas-secondary-background-color);
	border:1px solid var(--inactive-text-background-color);
	color:var(--canvas-text-secondary-background-color);
	border-radius:var(--border-radius);
	background-image:none;
	-webkit-appearance:none;
	appearance:none;
	font-family:var(--monospace-font-stack),monospace;
	font-variant-emoji:text;
}


body pre, body code, body .mw-code {
background-color:var(--canvas-secondary-background-color);
color:var(--canvas-text-secondary-background-color);
border:1px dashed var(--hyperlink-background-color);
padding:2.5px;
border-radius:var(--border-radius);
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
font-size:95%;
scrollbar-width:thin;
white-space:pre-wrap;
font-family:var(--monospace-font-stack),monospace;
font-variant-emoji:text;
}


/*
input {
	background-color:var(--canvas-secondary-background-color);
	border:1px solid var(--content-border);
	border-radius:var(--border-radius);
	background-image:none;
	-webkit-appearance:none;
	appearance:none;
}
*/

/** Settings Page **/
.cpe-settings-fieldset {
  border-radius:var(--window-border-radius);
  padding:10px;
  margin:10px;
  background-color:var(--canvas-secondary-background-color);
  color:var(--canvas-text-secondary-background-color);
  border:1px solid var(--inactive-text-background-color);
  box-shadow: 0 0 5px 0.25px rgb(24 24 24 / 0.3), 0 0 5px 0.25px rgb(247 247 247 / 0.3), var(--threeD-shadow);
}

.cpe-settings-fieldset .cpe-settings-fieldset__content {
color:inherit;
border:0;
padding:0;
margin:0;
line-height:inherit;
}

.cpe-settings-fieldset .cpe-settings-fieldset__content legend,
.cpe-settings-fieldset > .cpe-settings-fieldset__content > h2,
.cpe-settings-fieldset > .cpe-settings-fieldset__content > summary h2 {
  font-size:23px;
  font-weight:bolder;
  display:block;
  margin:0 0 4px;
  padding:0;
  display:flex;
  align-items:center;
  color:inherit;
  border:0;
}

.cpe-settings-fieldset .cpe-settings-fieldset__content legend .cpe-icon,
.cpe-settings-fieldset > .cpe-settings-fieldset__content > h2 .cpe-icon,
.cpe-settings-fieldset > .cpe-settings-fieldset__content > summary h2 .cpe-icon {
	margin-right:5px;
	width:27px;
	height:27px;
	min-width:27px;
	min-height:27px;
	vertical-align:middle;
}

.cpe-settings-fieldset > .cpe-settings-fieldset__content > summary {
	display:block;
	position:relative;
}

.cpe-settings-fieldset > .cpe-settings-fieldset__content > summary::before {
    content: "expand_more";
    position: absolute;
    align-self: center;
    display: inline-block;
    right: 0px;
    font-family: var(--icon-font-family);
    cursor: inherit;
    -webkit-user-select: none;
    user-select: none;
    font-size: 24px;
	transform:scale(1.5);
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    pointer-events: none;
    vertical-align: top;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    overflow:hidden;

}

.cpe-settings-fieldset > .cpe-settings-fieldset__content[open] > summary::before {
    content: "expand_less";
}

/* Level B Fieldset */
.cpe-settings-fieldset .cpe-settings-fieldset__content .cpe-settings-fieldset {
  margin-left:0;
  margin-right:0;
  border-color:var(--canvas-background-color);
  background-color:rgb(from var(--highlight-background-color) r g b / 0.1);
  color:var(--canvas-foreground-color);
  box-shadow:var(--threeD-shadow);
}

/* Level C Fieldset */
.cpe-settings-fieldset .cpe-settings-fieldset__content .cpe-settings-fieldset .cpe-settings-fieldset__content .cpe-settings-fieldset {
	background-color:var(--canvas-secondary-background-color);
	color:var(--canvas-secondary-foreground-color);
	background-image:none;
	border-color:var(--inactive-text-background-color);
}

.settings_page input#AppTheme05:not(:checked),
.settings_page input#AppTheme05:not(:checked) + label { 
    display:none; 
}



@media only screen and (max-width:1019px) {

label {
	font-size:18px;
}

.cpe-settings-fieldset .cpe-settings-fieldset__content legend,
.cpe-settings-fieldset > .cpe-settings-fieldset__content > h2,
.cpe-settings-fieldset > .cpe-settings-fieldset__content > summary h2  {
	font-size:20px;
}

.cpe-settings-fieldset .cpe-settings-fieldset__content legend .cpe-icon,
.cpe-settings-fieldset > .cpe-settings-fieldset__content > h2 .cpe-icon,
.cpe-settings-fieldset > .cpe-settings-fieldset__content > summary h2 .cpe-icon  {
	margin-right:4px;
	--icon-size:1;
}

}

table {
color:inherit;
}

/** Wikiatable style **/
/* Base Styling */
body .wikitable {
	line-height:1.6;
	border:1px solid var(--inactive-text-background-color);
	background-color:var(--canvas-background-color);
	border-collapse:collapse;
	font-size:inherit;
	color:var(--canvas-text-background-color);
}


body .wikitable > tr > th,
body .wikitable > * > tr > th {
	background-color:var(--canvas-secondary-background-color);
	color:var(--canvas-text-secondary-background-color);
	font-family:var(--rounded-font-stack), sans-serif;
	font-weight:900;
	text-align:center;
}

body .wikitable > tr > th,
body .wikitable > * > tr > th,
body .wikitable > tr > td,
body .wikitable > * > tr > td {
	border:1px solid var(--inactive-text-background-color);
	padding:5px;
	margin:1px 0;
}

/* Special Styling */
body .wikitable > tr > td.is-alert-color,
body .wikitable > * > tr > td.is-alert-color {
	box-shadow:0 0 0 100vh var(--alert-fadeout-color) inset;
}

body .wikitable > tr > td.is-pause-color,
body .wikitable > * > tr > td.is-pause-color {
	box-shadow:0 0 0 100vh var(--pause-fadeout-color) inset;
}

body .wikitable > tr > td.is-warning-color,
body .wikitable > * > tr > td.is-warning-color {
	box-shadow:0 0 0 100vh var(--warning-fadeout-color) inset;
}

body .wikitable > tr > td.is-success-color,
body .wikitable > * > tr > td.is-success-color {
	box-shadow:0 0 0 100vh var(--success-fadeout-color) inset;
}

body .wikitable > tr > td.is-progress-color,
body .wikitable > * > tr > td.is-progress-color {
	box-shadow:0 0 0 100vh var(--progress-fadeout-color) inset;
}

body .wikitable > tr > td.is-message-color,
body .wikitable > * > tr > td.is-message-color {
	box-shadow:0 0 0 100vh var(--message-fadeout-color) inset;
}


/** Fancy style **/
/* Base Styling */
body .fancytable {
	line-height:1.6;
	border:1px solid var(--inactive-text-background-color);
	background-color:var(--canvas-background-color);
	border-collapse:collapse;
	font-size:inherit;
	color:var(--canvas-text-background-color);
	box-shadow:0 0 6px 0 rgb(from var(--canvas-text-background-color) r g b / .2), 0 0 6px 0 rgb(from var(--canvas-background-color) r g b / 0.4);
}


body .fancytable > tr > th,
body .fancytable > * > tr > th {
	background-color:var(--highlight-background-color);
	color:var(--highlight-text-background-color);
	font-family:var(--rounded-font-stack), sans-serif;
	font-weight:900;
	text-align:center;
}

body .fancytable > tr > th,
body .fancytable > * > tr > th,
body .fancytable > tr > td,
body .fancytable > * > tr > td {
	border:1px solid var(--inactive-text-background-color);
	padding:5px;
	margin:1px 0;
}

/* Special Styling */
body .fancytable > tr > td.is-alert-color,
body .fancytable > * > tr > td.is-alert-color {
	background-color:var(--alert-background-color);
	color:var(--alert-foreground-color);
}

body .fancytable > tr > td.is-pause-color,
body .fancytable > * > tr > td.is-pause-color {
	background-color:var(--pause-background-color);
	color:var(--pause-foreground-color);
}

body .fancytable > tr > td.is-warning-color,
body .fancytable > * > tr > td.is-warning-color {
	background-color:var(--warning-background-color);
	color:var(--warning-foreground-color);
}

body .fancytable > tr > td.is-success-color,
body .fancytable > * > tr > td.is-success-color {
	background-color:var(--success-background-color);
	color:var(--success-foreground-color);
}

body .fancytable > tr > td.is-progress-color,
body .fancytable > * > tr > td.is-progress-color {
	background-color:var(--progress-background-color);
	color:var(--progress-foreground-color);
}

body .fancytable > tr > td.is-message-color,
body .fancytable > * > tr > td.is-message-color {
	background-color:var(--message-background-color);
	color:var(--message-foreground-color);
}

/* Begin Tooltips */
[cpe-tooltip] {
	position:relative;
	justify-content:center;
}

[cpe-tooltip]:hover:before,
[cpe-tooltip]:hover:after {
	display:block;
}

[cpe-tooltip]:before {
	transform:rotate(-90deg);
	top:calc(25% + 8px);
	bottom:auto;
	left:auto;
	right:-2px;
	content:'';
	display:none;
	height:0;
	width:0;
	position:absolute;
	z-index:100;
	border:8px solid transparent;
	border-color:var(--canvas-background-color-hover);
    -webkit-mask: url("Arrow.svg") no-repeat;
    mask: url("Arrow.svg") no-repeat;
    -webkit-mask-size: 48px;
    mask-size: 48px;
    -webkit-mask-position: bottom;
    mask-position: bottom;
	margin-left:-8px;
	pointer-events:none;
}

[cpe-tooltip]:after {
	position:absolute;
	display:none;
	white-space:pre;
	content:attr(cpe-tooltip);
	left:calc(100% + 1px);
	top:calc(25% + 2.5px);
	bottom:auto;
	z-index:99;
	padding:4px;
	font-weight:normal;
	text-transform:none;
	text-shadow:none;
	font-size:12px;
	border:1px solid var(--canvas-background-color-hover);
	border-radius:var(--border-radius);
	background-color:var(--canvas-background-color);
	color:var(--canvas-text-background-color);
	box-shadow:0 0 4px 1px rgb(from var(--canvas-text-background-color) r g b /  0.5), var(--threeD-shadow-small);
	line-height:17px;
	pointer-events:none;

}

[cpe-tooltip-position="reverse"][cpe-tooltip]:before {
	transform:rotate(90deg);
	right:auto;
	left:6px;
}

[cpe-tooltip-position="reverse"][cpe-tooltip]:after {
	right:calc(100% + 1px);
	left:auto;
}

[cpe-tooltip-position="top"][cpe-tooltip]:before {
	transform:rotate(180deg);
	left:50%;
	right:auto;
	bottom:auto;
	top:-2px;
}

[cpe-tooltip-position="top"][cpe-tooltip]:after {
	bottom:calc(100% + 1px);
	left:auto;
	right:auto;
	top:auto;
}

[cpe-tooltip-position="bottom"][cpe-tooltip]:before {
	transform:rotate(0deg);
	left:50%;
	right:auto;
	top:auto;
	bottom:-2px;
}

[cpe-tooltip-position="bottom"][cpe-tooltip]:after {
	top:calc(100% + 1px);
	left:auto;
	right:auto;
	bottom:auto;
}

.cpe-floating-button[cpe-tooltip]:not([cpe-tooltip-position="top"]):not([cpe-tooltip-position="bottom"]):after {
    top: 15%;
}

.cpe-floating-button[cpe-tooltip]:not([cpe-tooltip-position="top"]):not([cpe-tooltip-position="bottom"]):before {
    top: 30%;
}

@media only screen and (max-width:759px) {
	[cpe-tooltip-position="bottom-mobile"][cpe-tooltip]:before {
		transform:rotate(0deg);
		left:50%;
		right:auto;
		top:auto;
		bottom:-2px;
	}

	[cpe-tooltip-position="bottom-mobile"][cpe-tooltip]:after {
		top:calc(100% + 1px);
		left:auto;
		right:auto;
		bottom:auto;
	}
}

@media (orientation:portrait) {

[cpe-tooltip-position="top-portrait"][cpe-tooltip]:before {
	transform:rotate(180deg);
	left:50%;
	right:auto;
	bottom:auto;
	top:-2px;
}

[cpe-tooltip-position="top-portrait"][cpe-tooltip]:after {
	bottom:calc(100% + 1px);
	left:auto;
	right:auto;
	top:auto;
}

}


/* End Tooltips */


/* Input Boxes */
.cpe-input {
	--tabs-color:var(--canvas-tabs-background-color);
	--tabs-opacity:var(--canvas-active-tabs-opacity);
	--input-box-color:rgb(var(--tabs-color) / var(--tabs-opacity));
	--input-box-color-contrast:var(--canvas-background-color);
	--input-box-text:var(--canvas-text-background-color);
	--input-box-border:currentColor;
	--input-box-focus:var(--highlight-background-color);
	--input-box-solid:var(--highlight-background-color);
    transition:background-color var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function), outline-offset var(--outline-transition-duration) var(--transition-timing-function), outline-color var(--transition-duration) var(--transition-timing-function), color var(--transition-duration) var(--transition-timing-function), box-shadow var(--transition-duration) var(--transition-timing-function);
    font-size:13px;
/*    font-family:var(--rounded-font-stack); */
    font-weight:600;
    color:var(--input-box-text);
    padding:7.5px 11.5px;
    border:1px solid var(--input-box-border);
    border-radius:var(--border-radius);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    vertical-align:middle;
    line-height:16px;
    background-color:var(--input-box-color);
    outline:1px solid transparent;
    outline-offset:0px;
    box-sizing:border-box;
    box-shadow:var(--threeD-shadow-active), 0 0 0 100vh rgb(from var(--input-box-focus) r g b / 0) inset;
    margin:1px;
    cursor:var(--cpe-text-cursor);
    min-width:200px;
    -webkit-appearance:none;
}

.touch-events .cpe-input {
	padding-top:8.5px;
	padding-bottom:8.5px;
}


.cpe-input:invalid {
	--input-box-border:var(--alert-background-color);
}

.cpe-select .cpe-input {
	justify-content:flex-start;
	text-align:left;
}

.cpe-select .cpe-input .cpe-select__value {
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


.cpe-input:hover {
    background-color:var(--input-box-color);
    border-color:var(--input-box-solid);
    box-shadow:var(--threeD-shadow-active), 0 0 0 100vh rgb(from var(--input-box-focus) r g b / 0) inset;
}

.cpe-input:focus,
.cpe-select:focus .cpe-input,
.cpe-select:focus-within .cpe-input {
    background-color:var(--input-box-color);
    border-color:var(--input-box-solid);
    box-shadow:var(--threeD-shadow-active), 0 0 0 100vh rgb(from var(--input-box-focus) r g b / 0.3) inset;
}



select.cpe-input {
	cursor:var(--cpe-default-cursor);
}

.cpe-input::placeholder { /* Standard */
  color:var(--input-box-text);
  opacity:0.8;
}



.cpe-input.is-secondary {
  --input-box-solid:var(--hyperlink-background-color);
  --input-box-focus:var(--hyperlink-background-color);
}


.cpe-input.is-unaccented {
  --input-box-solid:var(--inactive-text-background-color);
  --input-box-focus:var(--inactive-text-background-color);
}

.cpe-input.is-unaccented.is-secondary {
  --input-box-solid:var(--canvas-text-background-color-hover);
  --input-box-focus:var(--canvas-text-background-color);
}

.cpe-input.is-alternate {
  --input-box-solid:var(--active-title-background-color);
  --input-box-focus:var(--active-title-background-color);
}

.cpe-input.is-secondary.is-alternate {
  --input-box-solid:var(--active-text-background-color);
  --input-box-focus:var(--active-text-background-color);
}

.cpe-input.is-alert-color {
  --input-box-solid:var(--alert-background-color);
  --input-box-focus:var(--alert-background-color);
}

.cpe-input.is-pause-color {
  --input-box-solid:var(--pause-background-color);
  --input-box-focus:var(--pause-background-color);
}

.cpe-input.is-warning-color {
  --input-box-solid:var(--warning-background-color);
  --input-box-focus:var(--warning-background-color);
}

.cpe-input.is-success-color {
  --input-box-solid:var(--success-background-color);
  --input-box-focus:var(--success-background-color);
}

.cpe-input.is-progress-color {
  --input-box-solid:var(--progress-background-color);
  --input-box-focus:var(--progress-background-color);
}

.cpe-input.is-message-color {
  --input-box-solid:var(--message-background-color);
  --input-box-focus:var(--message-background-color);
}

/** Buttons **/
/* Primary */
.cpe-button {
	--tabs-color:var(--canvas-tabs-background-color);
	--tabs-opacity:var(--canvas-active-tabs-opacity);
	--button-background-color:var(--highlight-background-color);
	--button-background-color-hover:var(--highlight-background-color-hover);
	--button-foreground-color:var(--highlight-foreground-color);
	--button-foreground-color-hover:var(--button-foreground-color);
	--button-border-color:var(--button-background-color);
	--button-border-color-hover:var(--button-background-color-hover);
	--secondary-button-background-color:rgb(var(--tabs-color) / var(--tabs-opacity));
	--secondary-button-foreground-color:var(--hyperlink-background-color);
	--secondary-button-foreground-color-hover:var(--hyperlink-background-color-hover);
	--tertiary-button-background-color:var(--hyperlink-fadeout-color);
	--tertiary-button-foreground-color:var(--hyperlink-background-color);
    transition:background-color var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function), outline-offset var(--outline-transition-duration) var(--transition-timing-function), outline-color var(--transition-duration) var(--transition-timing-function), color var(--transition-duration) var(--transition-timing-function), box-shadow var(--transition-duration) var(--transition-timing-function);
    font-size:13px;
/*    font-family:var(--rounded-font-stack); */
    font-weight:600;
    color:var(--button-foreground-color);
    padding:7.5px 11.5px;
    border-radius:var(--border-radius);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    vertical-align:middle;
    line-height:16px;
    border:1px solid;
    border-color:var(--button-border-color);
    background-color:var(--button-background-color);
    outline:1px solid transparent;
    outline-offset:0px;
    box-sizing:content-box;
    min-height:16px;
    margin:1px;
    cursor:var(--cpe-default-cursor);
    text-decoration:none;
    box-shadow:var(--threeD-shadow);
}

.touch-events .cpe-button {
    min-height:18px;
}

.cpe-button:visited {
    color:var(--button-foreground-color);
}

.cpe-button:visited:hover {
    color:var(--button-foreground-color-hover);
}

.cpe-button:visited:active {
    color:var(--button-foreground-color);
}

.cpe-button::-webkit-color-swatch {
    border-color:currentColor;
}

.cpe-button::-moz-color-swatch {
    border-color:currentColor;
}



[href].cpe-button {
  cursor:var(--cpe-hand-cursor);
}


.cpe-button:hover {
    border-color:var(--button-border-color-hover);
    background-color:var(--button-background-color-hover);
    color:var(--button-foreground-color-hover);
    text-decoration:none;
}

.cpe-button:active, 
.cpe-button.is-active, 
.selected .cpe-button, 
.cpe-dropdown.opens-on-hover:hover > .cpe-button,
.cpe-dropdown:focus > .cpe-button,
.cpe-dropdown:focus-within > .cpe-button {
    border-color:var(--button-border-color-hover);
    background-color:var(--button-background-color-hover);
    outline-color:transparent;
    outline-offset:0px;
    text-decoration:none;
	color:var(--button-foreground-color);
    box-shadow:var(--threeD-shadow-active);
}

.cpe-button:focus:not(:active):not(.is-active) {
  outline-color:currentcolor;
  outline-offset:-2px;
  border-color:var(--button-border-color);
    text-decoration:none;
}

.cpe-button.is-active,
.selected .cpe-button,
.selected .cpe-button:hover,
.selected .cpe-button:active,
.cpe-button.is-active,
.cpe-dropdown.opens-on-hover:hover > .cpe-button,
.cpe-dropdown:focus > .cpe-button,
.cpe-dropdown:focus-within > .cpe-button  {
	color:var(--button-foreground-color);
}

.cpe-button.is-active:focus,
.selected .cpe-button:focus:not(:active) {
	color:var(--button-foreground-color);
	outline-color:transparent;
}


/* Secondary */
.cpe-button.is-secondary,
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text) {
    border-color:currentColor;
    background-color:var(--secondary-button-background-color);
    color:var(--secondary-button-foreground-color);
}

.cpe-button.is-secondary:visited,
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):visited {
    color:var(--secondary-button-foreground-color);
}

.cpe-button.is-secondary:visited:hover,
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):visited:hover {
    color:var(--secondary-button-foreground-color-hover);
}

.cpe-button.is-secondary:visited:active,
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):visited:active {
    color:var(--secondary-button-foreground-color-hover);
}



.cpe-button.is-secondary:hover,
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):hover {
    border-color:currentColor;
    background-color:var(--secondary-button-background-color);
    color:var(--secondary-button-foreground-color-hover);
}

.cpe-button.is-secondary:active, 
.cpe-button.is-secondary.is-active, 
.selected .cpe-button.is-secondary,
.cpe-dropdown.opens-on-hover:hover > .cpe-button.is-secondary,
.cpe-dropdown.opens-on-hover:hover > .cpe-button.is-secondary,
.cpe-dropdown:focus > .cpe-button.is-secondary,
.cpe-dropdown:focus-within > .cpe-button.is-secondary,
/* Force */
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):active,
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text).is-active,
.force-secondary .selected .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text),
.force-secondary .cpe-dropdown.opens-on-hover:hover > .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text),
.force-secondary .cpe-dropdown:focus > .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text),
.force-secondary .cpe-dropdown:focus-within > .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text) {
    border-color:currentColor;
    background-color:var(--secondary-button-background-color);
    color:var(--secondary-button-foreground-color-hover);
}

.cpe-button.is-secondary:focus:not(:active):not(.is-active),
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):not(:active):not(.is-active):focus {
  background-color:var(--secondary-button-background-color); 
  color:var(--secondary-button-foreground-color-hover); 
}

.cpe-dropdown.opens-on-hover:hover > .cpe-button.is-secondary,
.cpe-dropdown:focus > .cpe-button.is-secondary,
.cpe-dropdown:focus-within > .cpe-button.is-secondary,
.selected .cpe-button.is-secondary:focus:not(:active),
.selected .cpe-button.is-secondary,
.selected .cpe-button.is-secondary:hover,
.selected .cpe-button.is-secondary:active,
.cpe-button.is-secondary.is-active,
/* Force */
.force-secondary .cpe-dropdown.opens-on-hover:hover > .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text),
.force-secondary .cpe-dropdown:focus > .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text),
.force-secondary .cpe-dropdown:focus-within > .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text),
.force-secondary .selected .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text),
.force-secondary .selected .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):hover,
.force-secondary .selected .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):active,
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text).is-active {
	background-color:var(--secondary-button-background-color); 
	color:var(--secondary-button-foreground-color-hover);
}

/* Primary Force */
.cpe-dropdown.opens-on-hover:hover > .cpe-button.is-secondary.is-primary-when-selected,
.cpe-dropdown:focus > .cpe-button.is-secondary.is-primary-when-selected,
.cpe-dropdown:focus-within > .cpe-button.is-secondary.is-primary-when-selected,
.selected .cpe-button.is-secondary:focus:not(:active).is-primary-when-selected,
.selected .cpe-button.is-secondary.is-primary-when-selected,
.selected .cpe-button.is-secondary:hover.is-primary-when-selected,
.selected .cpe-button.is-secondary:active.is-primary-when-selected,
.cpe-button.is-secondary.is-active.is-primary-when-selected,
.cpe-button.is-secondary:focus:not(.is-active).is-primary-when-selected,
/* Force */
.force-secondary .cpe-dropdown.opens-on-hover:hover > .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text).is-primary-when-selected,
.force-secondary .cpe-dropdown:focus > .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text).is-primary-when-selected,
.force-secondary .cpe-dropdown:focus-within > .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text).is-primary-when-selected,
.force-secondary .selected .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text).is-primary-when-selected,
.force-secondary .selected .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):hover.is-primary-when-selected,
.force-secondary .selected .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):active.is-primary-when-selected,
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text).is-active.is-primary-when-selected,
.force-secondary .cpe-button:not(.is-primary):not(.is-tertiary):not(.is-text):not(.is-active):focus.is-primary-when-selected {
	background-color:var(--button-background-color); 
	border-color:var(--button-background-color); 
	color:var(--button-foreground-color);
}



/* Tertiary */
.cpe-button.is-tertiary,
.force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text) {
    border-color:transparent;
    background-color:transparent;
    color:var(--tertiary-button-foreground-color);
    border-radius:var(--border-radius);
}

.cpe-button.is-tertiary:visited,
.force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):visited {
    color:var(--tertiary-button-foreground-color);
}

.cpe-button.is-tertiary:visited:hover,
.force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):visited:hover {
    color:var(--tertiary-button-foreground-color);
}

.cpe-button.is-tertiary:visited:active,
.force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):visited:active {
    color:var(--tertiary-button-foreground-color);
}



.cpe-button.is-tertiary:hover,
.force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):hover {
    border-color:var(--tertiary-button-background-color);
    background-color:var(--tertiary-button-background-color);
    color:var(--tertiary-button-foreground-color);
}

.cpe-button.is-tertiary:active, 
.cpe-button.is-tertiary.is-active, 
.selected .cpe-button.is-tertiary,
.cpe-dropdown.opens-on-hover:hover > .cpe-button.is-tertiary,
.cpe-dropdown:focus > .cpe-button.is-tertiary,
.cpe-dropdown:focus-within > .cpe-button.is-tertiary,
/* Force */
.force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):active,
.force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text).is-active,
.force-tertiary .selected .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.force-tertiary .cpe-dropdown.opens-on-hover:hover > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.force-tertiary .cpe-dropdown:focus > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.force-tertiary .cpe-dropdown:focus-within > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text) {
    border-color:var(--tertiary-button-background-color);
    background-color:var(--tertiary-button-background-color);
    color:var(--tertiary-button-foreground-color);
}

.cpe-button.is-tertiary:focus:not(:active):not(.is-active),
.force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):not(:active):not(.is-active):focus {
  background-color:var(--tertiary-button-background-color); 
  color:var(--tertiary-button-foreground-color); 
}

.cpe-dropdown.opens-on-hover:hover > .cpe-button.is-tertiary,
.cpe-dropdown:focus > .cpe-button.is-tertiary,
.cpe-dropdown:focus-within > .cpe-button.is-tertiary,
.selected .cpe-button.is-tertiary:focus:not(:active),
.selected .cpe-button.is-tertiary,
.selected .cpe-button.is-tertiary:hover,
.selected .cpe-button.is-tertiary:active,
.cpe-button.is-tertiary.is-active,
/* Force */
.force-tertiary .cpe-dropdown.opens-on-hover:hover > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.force-tertiary .cpe-dropdown:focus > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.force-tertiary .cpe-dropdown:focus-within > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.force-tertiary .selected .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.force-tertiary .selected .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):hover,
.force-tertiary .selected .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):active,
.force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text).is-active {
	background-color:var(--tertiary-button-background-color); 
	color:var(--tertiary-button-foreground-color);
}

/* Text */
.cpe-button.is-text,
/* Force */
.force-text .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary) {
  border-color:transparent!important;
  color:var(--secondary-button-foreground-color);
  background-color:transparent;
  box-shadow:none; /* Disabled 3D for frameless buttons */
}

.cpe-button.is-text:visited,
/* Force */
.force-text .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary):focus {

    color:var(--secondary-button-foreground-color);
}

.cpe-button.is-text:visited:hover,
/* Force */
.force-text .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary):visited:hover {
    color:var(--secondary-button-foreground-color-hover);
}

.cpe-button.is-text:visited:active,
/* Force */
.force-text .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary):visited:active {
    color:var(--secondary-button-foreground-color-hover);
}


.cpe-button.is-text:hover,
/* Force */
.force-text .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary):hover {
  border-color:transparent;
  color:var(--secondary-button-foreground-color-hover);
  background-color:transparent;
}

.cpe-button.is-text:active, 
.cpe-button.is-text.is-active, 
.selected .cpe-button.is-text,
.cpe-dropdown.opens-on-hover:hover > .cpe-button.is-text,
.cpe-dropdown:focus > .cpe-button.is-text,
.cpe-dropdown:focus-within > .cpe-button.is-text,
/* Force */
.force-text .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary):active,
.force-text .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary).is-active,
.force-text .selected .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary),
.force-text .cpe-dropdown.opens-on-hover:hover > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary),
.force-text .cpe-dropdown:focus > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary),
.force-text .cpe-dropdown:focus-within > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary) {

  border-color:transparent;
  color:var(--secondary-button-foreground-color-hover);
  background-color:transparent;
}

.cpe-button.is-text:focus:not(:active),
/* Force */
.force-text .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary):focus:not(:active) {
  border-color:transparent;
  color:var(--secondary-button-foreground-color);  
}

.cpe-dropdown.opens-on-hover:hover > .cpe-button.is-text,
.cpe-dropdown:focus > .cpe-button.is-text,
.cpe-dropdown:focus-within > .cpe-button.is-text,
.selected .cpe-button.is-text:focus:not(:active),
.selected .cpe-button.is-text,
.selected .cpe-button.is-text:hover,
.selected .cpe-button.is-text:active,
.cpe-button.is-text.is-active,
/* Force */
.force-text .cpe-dropdown.opens-on-hover:hover > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary),
.force-text .cpe-dropdown:focus > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary),
.force-text .cpe-dropdown:focus-within > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary),
.force-text .selected .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary),
.force-text .selected .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary):hover,
.force-text .selected .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary):active,
.force-text .cpe-button:not(.is-primary):not(.is-secondary):not(.is-tertiary).is-active {
  border-color:transparent;
  color:var(--secondary-button-foreground-color-hover);
  background-color:transparent;
}

/* Unaccented Buttons */
.cpe-button.is-unaccented {
  --button-background-color:var(--inactive-text-background-color);
  --button-background-color-hover:var(--inactive-text-background-color-hover);
  --button-foreground-color:var(--inactive-text-foreground-color);
  --secondary-button-foreground-color:var(--canvas-text-background-color);
  --secondary-button-foreground-color-hover:var(--canvas-text-background-color-hover);
  --tertiary-button-background-color:var(--canvas-text-fadeout-color);
  --tertiary-button-foreground-color:var(--canvas-text-background-color);
}

/* Alternate Colored Buttons */
.cpe-button.is-alternate {
  --button-background-color:var(--active-title-background-color);
  --button-background-color-hover:var(--active-title-background-color-hover);
  --button-foreground-color:var(--active-title-foreground-color);
  --secondary-button-foreground-color:var(--active-text-background-color);
  --secondary-button-foreground-color-hover:var(--active-text-background-color-hover);
  --tertiary-button-background-color:var(--active-text-fadeout-color);
  --tertiary-button-foreground-color:var(--active-text-background-color);
}

/* Alert Color */
.cpe-button.is-alert-color,
li.new .cpe-button {
  --button-background-color:var(--alert-background-color);
  --button-background-color-hover:var(--alert-background-color-hover-2);
  --button-foreground-color:var(--alert-foreground-color);
  --secondary-button-foreground-color:var(--alert-background-color);
  --secondary-button-foreground-color-hover:var(--alert-background-color-hover);
  --tertiary-button-background-color:var(--alert-fadeout-color);
  --tertiary-button-foreground-color:var(--alert-background-color);
}

/* Pause Color */
.cpe-button.is-pause-color {
  --button-background-color:var(--pause-background-color);
  --button-background-color-hover:var(--pause-background-color-hover-2);
  --button-foreground-color:var(--pause-foreground-color);
  --secondary-button-foreground-color:var(--pause-background-color);
  --secondary-button-foreground-color-hover:var(--pause-background-color-hover);
  --tertiary-button-background-color:var(--pause-fadeout-color);
  --tertiary-button-foreground-color:var(--pause-background-color);
}


/* Warning Color */
.cpe-button.is-warning-color {
  --button-background-color:var(--warning-background-color);
  --button-background-color-hover:var(--warning-background-color-hover-2);
  --button-foreground-color:var(--warning-foreground-color);
  --secondary-button-foreground-color:var(--warning-background-color);
  --secondary-button-foreground-color-hover:var(--warning-background-color-hover);
  --tertiary-button-background-color:var(--warning-fadeout-color);
  --tertiary-button-foreground-color:var(--warning-background-color);
}

/* Success */
.cpe-button.is-success-color {
  --button-background-color:var(--success-background-color);
  --button-background-color-hover:var(--success-background-color-hover-2);
  --button-foreground-color:var(--success-foreground-color);
  --secondary-button-foreground-color:var(--success-background-color);
  --secondary-button-foreground-color-hover:var(--success-background-color-hover);
  --tertiary-button-background-color:var(--success-fadeout-color);
  --tertiary-button-foreground-color:var(--success-background-color);
}

/* Progress Color */
.cpe-button.is-progress-color,
li.stub .cpe-button {
  --button-background-color:var(--progress-background-color);
  --button-background-color-hover:var(--progress-background-color-hover-2);
  --button-foreground-color:var(--progress-foreground-color);
  --secondary-button-foreground-color:var(--progress-background-color);
  --secondary-button-foreground-color-hover:var(--progress-background-color-hover);
  --tertiary-button-background-color:var(--progress-fadeout-color);
  --tertiary-button-foreground-color:var(--progress-background-color);
}

/* Message Color */
.cpe-button.is-message-color {
  --button-background-color:var(--message-background-color);
  --button-background-color-hover:var(--message-background-color-hover-2);
  --button-foreground-color:var(--message-foreground-color);
  --secondary-button-foreground-color:var(--message-background-color);
  --secondary-button-foreground-color-hover:var(--message-background-color-hover);
  --tertiary-button-background-color:var(--message-fadeout-color);
  --tertiary-button-foreground-color:var(--message-background-color);
}


/* SVGs */
.cpe-button svg {
    align-self:center;
}

.cpe-button .cpe-icon:first-child:not(:only-child),
.cpe-button .margined {
margin-right:5px;
}

.cpe-button .cpe-icon:not(:first-child):not(:last-child):not(:only-child) {
margin-right:5px;
margin-left:5px;
}

.cpe-button .cpe-icon:last-child:not(:only-child) {
margin-left:5px;
}


.cpe-button.is-square {
  min-width:16px;
  width:34px;
  height:31px;
  padding:0;
}

.touch-events .cpe-button.is-square {
  min-width:18px;
  height:34px;
}

.cpe-button.is-full-width {
  display:flex;
}

.cpe-button.is-square.color-button {
	border-radius:50%;
	padding:3px;
	outline-width:0;
}


.cpe-button.ui-button {
	font-size:11px;
	padding:4px 7px;
}



/** Icons **/



/* Rest */
.material-icons,
.has-icon:before,
.has-icon-labels li > a:before,
input[type="checkbox"]::after, input[type="radio"]::after {
	--icon-scale:1;
	--icon-grow:1;
	--icon-size:1;
	--icon-stretch-x:1;
	--icon-stretch-y:1;
  font-family: var(--icon-font-family)!important;
  font-weight: inherit;
  font-style: normal;
  display: inline-block;
  cursor:inherit;
  -webkit-user-select:none;
  user-select:none;
  font-size:calc(24px * var(--icon-size));
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  /* @noflip */
  direction: ltr;
  pointer-events:none;
  vertical-align:top;
  overflow:hidden;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons span {
	font-family:inherit!important;
}

.cpe-icon,
.has-icon:before,
.has-icon-labels li > a:before,
input[type="checkbox"]::after, input[type="radio"]::after {
	--icon-scale:1;
	--icon-grow:1;
	--icon-size:1;
	--icon-stretch-x:1;
	--icon-stretch-y:1;
    --icon-rotate:0deg;
  fill:currentColor;
  width:1em!important;
  height:1em!important;
  min-width:1em!important;
  min-height:1em!important;
  font-size:calc(24px * var(--icon-size))!important;
  transform:scale(var(--icon-scale)) scale(var(--icon-grow))  rotate(var(--icon-rotate)) scaleX(var(--icon-stretch-x)) scaleY(var(--icon-stretch-y));
  vertical-align:middle;
  text-indent:0;
}

.cpe-icon.font-icon {
	height:auto!important;
	font-family:Roboto Flex;
}

.has-icon:before {
	margin-right:5px;
	--icon-size:0.7;
	content:"";
}

.evelution-module h2.has-icon:before {
	content:"article";
	--icon-size:1;
	display:inline;
	margin-right:0;
}

.has-icon-labels li > a:before {
	margin-right:5px;
	--icon-size:0.5;
	--icon-scale:1.4;
	content:"";
}

.cpe-button.has-icon:before,
.has-icon-labels li > .cpe-button:before {
	--icon-size:0.7;
	--icon-scale:1;
}

/* Filled Icons on Selected and Focused states */
body * > :focus > :first-child,
body * > :focus > .cpe-icon,
body * > .cpe-dropdown.opens-on-hover:hover > :first-child,
body * > .cpe-dropdown.opens-on-hover:hover > .cpe-icon,
body * > .cpe-dropdown:focus-within > :first-child,
body * > .cpe-dropdown:focus-within > .cpe-icon,
body * > .has-icon:focus:before,
body * > .selected > :first-child,
body * > .selected > .cpe-icon,
body .has-icon-labels > li > :focus:before,
body .has-icon-labels > .selected > :before,
.cpe-icon.force-filled,
.cpe-dropdown__content .cpe-list.is-linked>li.cpe-dropdown-level-nested:hover>a:not(.cpe-button) {
  font-variation-settings:'FILL' 1;
}



.cpe-avatar {
width:calc(24px * var(--icon-size, 1))!important;
height:calc(24px * var(--icon-size, 1))!important;
transform:scale(var(--icon-grow));
border:calc(2px * var(--icon-size, 1)) solid currentcolor;
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
border-radius:50%;
  box-sizing:border-box;
box-shadow:var(--threeD-shadow-small);
}




.cpe-icon.cpe-icon-large {
	--icon-scale:1.6;
}

.cpe-icon.cpe-icon-medium {
	--icon-scale:1.3;
}

.cpe-icon.cpe-icon-small {
	--icon-size:0.7;
}

.cpe-icon.cpe-icon-tiny {
	--icon-size:0.5;
}

/* Icon Scales */
.link .cpe-icon{
	--icon-grow:1;
	transition:transform var(--transition-duration) var(--transition-timing-function);
}


.link:not([disabled]):active .cpe-icon,
.link:not(.is-disabled):active .cpe-icon,
.link:not([disabled]):focus .cpe-icon,
.link:not(.is-disabled):focus .cpe-icon,
.cpe-dropdown.opens-on-hover:hover > .link .cpe-icon,
.cpe-dropdown:focus > .link .cpe-icon,
.cpe-dropdown:focus-within > .link .cpe-icon {
	--icon-grow:1.1;
}


/* Button Groups */
.cpe-button-group{
align-items:stretch;
display:inline-flex;
justify-content:flex-start;
vertical-align:middle;
margin:1px 0;
}

.cpe-button-group .cpe-button,
.cpe-button-group .cpe-input {
height:auto;
margin:0 2px;
/*white-space:nowrap;*/
}

.cpe-button-group .cpe-button.is-square {
	height:31px;
}

.touch-events .cpe-button-group .cpe-button.is-square {
	height:34px;
}

.cpe-button-group>.cpe-button:not(:first-child):not(:last-child),
.cpe-button-group>.cpe-dropdown:not(:first-child):not(:last-child) .cpe-button,
.cpe-button-group>label:not(:first-child):not(:last-child) .cpe-button,
.cpe-button-group>li:not(:first-child):not(:last-child) .cpe-button,
/* Inputs */
.cpe-button-group>.cpe-input:not(:first-child):not(:last-child),
.cpe-button-group>.cpe-dropdown:not(:first-child):not(:last-child) .cpe-input,
.cpe-button-group>label:not(:first-child):not(:last-child) .cpe-input,
.cpe-button-group>li:not(:first-child):not(:last-child) .cpe-input {
  border-radius:0;
  margin-left:1px;
  margin-right:1px;
}

.cpe-button-group >.cpe-button:not(:last-child),
.cpe-button-group >.cpe-dropdown:not(:last-child) .cpe-button,
.cpe-button-group>label:not(:last-child) .cpe-button,
.cpe-button-group>li:not(:last-child) .cpe-button,
/* Inputs */
.cpe-button-group >.cpe-input:not(:last-child),
.cpe-button-group >.cpe-dropdown:not(:last-child) .cpe-input,
.cpe-button-group>label:not(:last-child) .cpe-input,
.cpe-button-group>li:not(:last-child) .cpe-input {
border-bottom-right-radius:0;
border-top-right-radius:0;
margin-right:1px;
}

.cpe-button-group > .cpe-button:not(:first-child),
.cpe-button-group > .cpe-dropdown:not(:first-child) .cpe-button,
.cpe-button-group>  label:not(:first-child) .cpe-button,
.cpe-button-group>  li:not(:first-child) .cpe-button,
/* Inputs */
.cpe-button-group > .cpe-button:not(:first-child),
.cpe-button-group > .cpe-dropdown:not(:first-child) .cpe-input,
.cpe-button-group>  label:not(:first-child) .cpe-input,
.cpe-button-group>  li:not(:first-child) .cpe-input {
border-bottom-left-radius:0;
border-top-left-radius:0;
margin-left:1px;
}


/* Multiple Groups */
.cpe-button-groups {
align-items:stretch;
display:inline-flex;
justify-content:flex-start;
vertical-align:top;
flex-direction:column;
}

.cpe-button-groups >.cpe-button-group{
width:auto;
margin:1px 0;
}

.cpe-button-groups > .cpe-button-group .cpe-button {
flex:1 1 0;
}

.cpe-button-groups > .cpe-button-group:last-child:not(:first-child):not(:only-child) > .cpe-button:not(.is-tertiary),
.cpe-button-groups > .cpe-button-group:last-child:not(:first-child):not(:only-child) > .cpe-dropdown .cpe-button:not(.is-tertiary),
.cpe-button-groups > .cpe-button-group:last-child:not(:first-child):not(:only-child) > label .cpe-button:not(.is-tertiary),
.cpe-button-groups > .cpe-button-group:last-child:not(:first-child):not(:only-child) > li .cpe-button:not(.is-tertiary) {
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.cpe-button-groups > .cpe-button-group:not(:last-child):first-child:not(:only-child) > .cpe-button:not(.is-tertiary),
.cpe-button-groups > .cpe-button-group:not(:last-child):first-child:not(:only-child) > .cpe-dropdown .cpe-button:not(.is-tertiary),
.cpe-button-groups > .cpe-button-group:not(:last-child):first-child:not(:only-child) > label .cpe-button:not(.is-tertiary),
.cpe-button-groups > .cpe-button-group:not(:last-child):first-child:not(:only-child) > li .cpe-button:not(.is-tertiary) {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.cpe-button-groups > .cpe-button-group:not(:last-child):not(:first-child):not(:only-child) > .cpe-button:not(.is-tertiary),
.cpe-button-groups > .cpe-button-group:not(:last-child):not(:first-child):not(:only-child) > .cpe-dropdown .cpe-button:not(.is-tertiary),
.cpe-button-groups > .cpe-button-group:not(:last-child):not(:first-child):not(:only-child) > label .cpe-button:not(.is-tertiary),
.cpe-button-groups > .cpe-button-group:not(:last-child):not(:first-child):not(:only-child) > li .cpe-button:not(.is-tertiary) {
	border-radius:0;
}


.cpe-button-groups > .cpe-button-group:last-child:not(:first-child):not(:only-child) > .cpe-button,
.cpe-button-groups > .cpe-button-group:last-child:not(:first-child):not(:only-child) > .cpe-dropdown .cpe-button,
.cpe-button-groups > .cpe-button-group:last-child:not(:first-child):not(:only-child) > label .cpe-button,
.cpe-button-groups > .cpe-button-group:last-child:not(:first-child):not(:only-child) > li .cpe-button {
	margin-top:0;
}

.cpe-button-groups > .cpe-button-group:not(:last-child):first-child:not(:only-child) > .cpe-button,
.cpe-button-groups > .cpe-button-group:not(:last-child):first-child:not(:only-child) > .cpe-dropdown .cpe-button,
.cpe-button-groups > .cpe-button-group:not(:last-child):first-child:not(:only-child) > label .cpe-button,
.cpe-button-groups > .cpe-button-group:not(:last-child):first-child:not(:only-child) > li .cpe-button {
	margin-bottom:0;
}

.cpe-button-groups > .cpe-button-group:not(:last-child):not(:first-child):not(:only-child) > .cpe-button,
.cpe-button-groups > .cpe-button-group:not(:last-child):not(:first-child):not(:only-child) > .cpe-dropdown .cpe-button,
.cpe-button-groups > .cpe-button-group:not(:last-child):not(:first-child):not(:only-child) > label .cpe-button,
.cpe-button-groups > .cpe-button-group:not(:last-child):not(:first-child):not(:only-child) > li .cpe-button {
	margin-top:0;
	margin-bottom:0;
}


/* CPE Font Weights (Compatibility) */
.cpe-font-size-xxs{font-size:10px}
.cpe-font-size-xs{font-size:12px}
.cpe-font-size-s{font-size:14px}
.cpe-font-size-base{font-size:16px}
.cpe-font-size-l{font-size:18px}
.cpe-font-size-xl{font-size:24px}
.cpe-font-size-xxl{font-size:28px}
.cpe-font-size-3xl{font-size:36px}
.cpe-font-size-4xl{font-size:52px}
.cpe-leading-none{line-height:1}
.cpe-leading-tight{line-height:1.25}
.cpe-leading-normal{line-height:1.5}
.cpe-leading-loose{line-height:1.75}
.cpe-font-weight-light{font-weight:300}
.cpe-font-weight-normal{font-weight:400}
.cpe-font-weight-medium{font-weight:500}
.cpe-font-weight-bold{font-weight:700}
.cpe-font-weight-black{font-weight:900}
.cpe-font-style-italic{font-style:italic}
.cpe-font-style-normal{font-style:normal}
.cpe-text-transform-capitalize{text-transform:capitalize}
.cpe-text-transform-uppercase{text-transform:uppercase}
.cpe-text-transform-lowercase{text-transform:lowercase}
.cpe-text-transform-none{text-transform:none}

/** Toggle Inputs **/
.cpe-toggle__input {
	display:none!important;
}

.cpe-toggle__label {
	cursor:var(--cpe-default-cursor);
	font-size:16px;
	padding:7px 5px 7px 3.1em;
	position:relative;
}

.cpe-toggle__label:empty {
	padding-left:2.7em;
}

.cpe-toggle__label::after,.cpe-toggle__label::before {
	content:"";
	margin:0;
	outline:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	transition:transform,background-color,border-color,color;
	transition-duration:var(--transition-duration);
	transition-timing-function:var(--transition-timing-function);
}

.cpe-toggle__label::before {
	background-color:var(--checkbox-unchecked-bg);
	border-radius:1.66em;
	height:1.66em;
	left:0em;
	width:2.90em;
	border:1px solid;
	border-color:var(--checkbox-unchecked-shadow);
	box-sizing:border-box;
}

.cpe-toggle__label::after {
	height:1.2em;
	min-width:1.2em;
	width:1.2em;
	background-color:transparent;
	border-radius:50%;
	border:1px solid var(--checkbox-unchecked-shadow);
	left:0.35714286em;
	box-sizing:border-box;
	transform:translate(0%,-50%);
}

.cpe-toggle__label:hover::before,
.cpe-toggle__label:hover::after {
	background-color:var(--checkbox-unchecked-bg-hover);
	border-color:var(--checkbox-unchecked-shadow-hover);
}

.cpe-toggle__label:hover::after {
	background-color:transparent;
}


.cpe-toggle__label:active::before,
.cpe-toggle__label:active::after,
.cpe-toggle__label:active:focus::before,
.cpe-toggle__label:active:focus::after {
  border-color:var(--checkbox-active-bg);
  background-color:var(--checkbox-active-bg);
  color:var(--checkbox-active-bg);
}

		
.cpe-toggle__input:checked + .cpe-toggle__label::before {
  border-color:var(--checkbox-checked-shadow);
  background-color:var(--checkbox-checked-bg);
  color:var(--checkbox-checked-text);
  box-shadow:var(--threeD-shadow);
}

.cpe-toggle__input:checked + .cpe-toggle__label::after {
	  border-color:var(--checkbox-checked-text);
	  background-color:var(--checkbox-checked-text);
	  color:var(--checkbox-checked-bg);
	transform:translate(80%,-50%);
}

.cpe-toggle__input:checked + .cpe-toggle__label:hover::before {
  border-color:var(--checkbox-checked-shadow-hover);
  background-color:var(--checkbox-checked-bg-hover);
  color:var(--checkbox-checked-text-hover);
}

.cpe-toggle__input:checked + .cpe-toggle__label:hover::after {
  border-color:var(--checkbox-checked-text-hover);
  background-color:var(--checkbox-checked-text-hover);
  color:var(--checkbox-checked-bg-hover);
}


.cpe-toggle__input:checked + .cpe-toggle__label:active::before,
.cpe-toggle__input:checked + .cpe-toggle__label:active::after,
.cpe-toggle__input:checked + .cpe-toggle__label:active:focus::before,
.cpe-toggle__input:checked + .cpe-toggle__label:active:focus::after {
  border-color:var(--checkbox-active-bg);
  background-color:var(--checkbox-active-bg);
  color:var(--checkbox-active-bg);
  box-shadow:var(--threeD-shadow-active);
}


/* Removes background color when clickling on a cpe Toggle */
input[type="checkbox"] + .cpe-toggle__label:active {
	background-color:transparent;
}


/* Midlight */
.cpe-midlight-color, .cpe-midlight-navy {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-left: 3px;
    padding-right: 3px;
    display:inline;
    background-image: linear-gradient(to top, rgb(from var(--midlight-color) r g b / 0.25) 54%, transparent 54%, transparent 100%);
}

.cpe-midlight-navy {
	--midlight-color:var(--inactive-text-background-color);
}

.cpe-midlight-color {
	--midlight-color:var(--hyperlink-background-color);
}


/* Dropdowns */
.cpe-dropdown {
display:inline-flex;
position:relative;
vertical-align:middle;
}
.cpe-dropdown .cpe-dropdown__toggle{
cursor:var(--cpe-menu-cursor);
position:relative;
}

.cpe-dropdown:not(.opens-on-hover) > :first-child {
cursor:var(--cpe-menu-cursor)!important;
}

.cpe-dropdown__toggle-chevron:not(:only-child) {
margin-left:6px;
}

.cpe-button .cpe-dropdown__toggle-chevron:not(:only-child),
.cpe-dropdown__toggle-chevron.material-icons {
margin-left:0;
}


.cpe-dropdown.opens-on-hover:hover .focused-dropdown-off,
.cpe-dropdown:focus .focused-dropdown-off,
.cpe-dropdown:focus-within .focused-dropdown-off,
.cpe-dropdown.opens-on-hover:not(:hover) > .focused-dropdown-on,
.cpe-dropdown:not(:focus):not(:focus-within):not(.opens-on-hover) .focused-dropdown-on {
	display:none!important;
}

body.has-left-nav .switched-nav-off,
body:not(.has-left-nav) .switched-nav-on {
	display:none!important;
}


/* Level A */
.cpe-dropdown__content {
--dropdown-translate:-50%;
--dropdown-scale:0.95;
background-color:rgb(from var(--dropdown-background-color) r g b / var(--dropdown-background-color-opacity));
color:var(--dropdown-text-color);
border:1px solid var(--dropdown-border-color);
border-radius:var(--menu-border-radius);
display:inline-block;
left:50%;
min-width:70%;
padding:7px 9px;
display:inline-block;
display:none;
transition:display var(--transition-duration) var(--transition-timing-function), transform var(--transition-duration) var(--transition-timing-function);
position:absolute;
transform:translateX(var(--dropdown-translate)) scale(var(--dropdown-scale));
z-index:4;
box-shadow:0 2px 6px 0 rgb(from var(--canvas-text-background-color) r g b / .2), 0 2px 6px 0 rgb(from var(--canvas-background-color) r g b / 0.2), var(--threeD-shadow);
font-size:14px;
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb-color-1) var(--scrollbar-track-color-1);
 /** Scrollbar Styling **/
	/* Width */
	--scrollbar-width:8.5px;
	/* Track */
	--scrollbar-track-color-1:transparent;
	--scrollbar-track-color-2:transparent;
	--scrollbar-track-text:transparent;
	/* Thumb */
	--scrollbar-thumb-color-1:var(--inactive-text-background-color);
	--scrollbar-thumb-color-2:var(--inactive-text-background-color-hover);
	--scrollbar-thumb-text:var(--inactive-text-foreground-color);
}

.cpe-dropdown__content .ftoc {
	padding:7px 0;
}

.cpe-dropdown__content.ftoc .cpe-list {
	padding:0;
}

.cpe-dropdown__content .cpe-list .cpe-input {
	--input-box-color-contrast:var(--canvas-secondary-background-color);
	--input-box-text:var(--canvas-text-secondary-background-color);
}



.cpe-dropdown[cpe-orient="land"] .cpe-dropdown__content {
	--dropdown-translate:calc(-50% + 26px);
	box-shadow:2px 0 6px 0 rgb(from var(--canvas-text-background-color) r g b / .2), 2px 0 6px 0 rgb(from var(--canvas-background-color) r g b / 0.2), var(--threeD-shadow);
	left:100%;
	min-width:0;
	top:0%;
	transform:translateY(var(--dropdown-translate)) scale(var(--dropdown-scale));
}

.cpe-dropdown.cpe-no-fadeout:not(.is-active) .cpe-dropdown__content {
	display:none;
}



.cpe-dropdown__content.is-right-aligned {
--dropdown-translate:0%;
left:auto;
right:0;
}

.cpe-dropdown__content.is-left-aligned{
--dropdown-translate:0%;
left:-10px;
}

.cpe-dropdown[cpe-orient="land"] .cpe-dropdown__content.is-right-aligned {
--dropdown-translate:0%;
right:auto;
right:revert;
top:auto;
bottom:0;
}
.cpe-dropdown[cpe-orient="land"] .cpe-dropdown__content.is-left-aligned{
--dropdown-translate:0%;
right:auto;
right:revert;
top:0;
}

.cpe-dropdown__content:not(.is-not-scrollable) .cpe-list{
max-height:300px;
overflow-y:auto;
overflow-x:visible;
position:relative;
z-index:1;
  scrollbar-width:thin;
  text-align:left;
}


.cpe-dropdown__content.cpe-visual-appearance:not(.is-not-scrollable) .cpe-list {
max-height:152px;
}

.cpe-dropdown__content .cpe-list.is-linked.has-icons {
	display:grid;
	grid:auto-flow / repeat(4, 1fr);
}

.cpe-dropdown__content .cpe-list.is-linked.has-icons.cpe-taskbar-tools {
	grid:auto-flow / repeat(4, 1fr);
}

.cpe-dropdown__content .cpe-list.is-linked.has-icons.is-single-row {
	grid:repeat(1,0fr) / auto-flow; /* Unlimited columns in one row */
	justify-content:flex-start;
}

.cpe-dropdown__content .cpe-list.is-linked.cpe-device-themes.has-icons {
	grid:auto-flow / repeat(2, 1fr);
}

.cpe-dropdown__content .cpe-list.cpe-visual-modes.is-linked.has-icons,
.cpe-dropdown__content .cpe-list.cpe-dcm-types.is-linked.has-icons,
.cpe-dropdown__content .cpe-list.cpe-device-themes.is-linked.has-icons {
	justify-content:center;
}

.cpe-dropdown__content .cpe-list.is-linked.has-icons li > a {
	display:flex;
	justify-content:center;
	position:relative;
}

.cpe-dropdown__content .cpe-list.is-linked.has-icons > li > a .cpe-icon-badge {
	position:absolute; 
	top:0; 
	right:0; 
	z-index:1;
	font-variation-settings:'FILL' 1;
}

.cpe-dropdown__content .cpe-list.is-linked.has-icons > li > a .cpe-icon-badge + .cpe-icon-badge {
    right: 17px;
}

.cpe-dropdown__content.cpe-visual-appearance .cpe-list.is-linked.cpe-themes > li,
.cpe-dropdown__content.cpe-visual-appearance .cpe-list.is-linked.cpe-visual-styles > .custom,
.cpe-dropdown__content.cpe-visual-appearance .cpe-list.is-linked.cpe-dcm-modes > .custom {
	font-weight:900;
	font-family:"Rubik", sans-serif;
	font-size:24px;
	user-select:none;
}


.cpe-dropdown__content .cpe-list.is-linked.cpe-device-themes.has-icons > li span.text {
    font-size: 12.5px;
    font-weight: 900;
    font-family: var(--rounded-font-stack),sans-serif;
    text-transform: uppercase;
    align-self: center;
    width: 42px;
    margin-left:2px;
    overflow: hidden;
    user-select:none;
}

.cpe-dropdown__content .cpe-list.is-linked.cpe-device-themes.has-icons > li > a:not(.cpe-button) {
    padding: 6px 2px;
}



.cpe-dropdown__content.cpe-visual-appearance .cpe-list.cpe-contrast-range > li,
.cpe-dropdown__content.cpe-visual-appearance .cpe-list.cpe-colorhue-range > li {
	padding:0;
}


.cpe-dropdown__content.cpe-visual-appearance .cpe-list.cpe-contrast-range > li > input[type="range"] {
	min-width:152px;
	height:30px;
}

.cpe-dropdown__content.cpe-visual-appearance .cpe-list.cpe-colorhue-range > .slider-with-icon {
	display:flex;
}

.cpe-dropdown__content.cpe-visual-appearance .cpe-list.cpe-colorhue-range > .slider-with-icon > .cpe-icon {
	align-self:center;
	margin-right:5px;
}

.cpe-dropdown__content.cpe-visual-appearance .cpe-list.cpe-colorhue-range > .slider-with-icon > input[type="range"] {
	min-width:auto;
	height:30px;
	max-width:120px;
}

.cpe-dropdown__content .cpe-list.is-linked.has-icons li > a:not(.cpe-button){
    padding: 6px;
}

.cpe-dropdown__content.cpe-visual-appearance .cpe-list.is-linked.cpe-themes li > a:not(.cpe-button),
.cpe-dropdown__content.cpe-visual-appearance .cpe-list.is-linked.cpe-visual-styles > .custom > a:not(.cpe-button) {
    padding: 6px 9px;
}


.cpe-dropdown__content.cpe-visual-appearance .cpe-list.cpe-visual-styles.cpe-auto-style li > a:not(.cpe-button) {
	text-align:center;
}

 .cpe-dropdown__content.is-not-scrollable .cpe-list{
   position:relative
}

 .cpe-dropdown__content .cpe-list {
	padding:0 9px; 
	margin:0 -9px;
}

 .cpe-dropdown__content .cpe-list>li{
	 margin:0;
	 padding-left:9px;
	 padding-right:9px;
	 white-space:nowrap
 }

 .cpe-dropdown__content .cpe-list>li.cpe-floating-button-group {
	padding:0;
}


@media only screen and (min-height:440px) and (max-height:479px) {
	.is-fixed-positioned .cpe-dropdown__content.has-small-content .cpe-list>li > a:not(.cpe-button){
		padding-top:8px;
		padding-bottom:8px;
	}
}


@media only screen and (min-height:410px) and (max-height:439px) {
	 .is-fixed-positioned .cpe-dropdown__content.has-small-content .cpe-list>li > a:not(.cpe-button){
		font-size:12px;
		padding-top:6px;
		padding-bottom:6px;
	}
}


@media only screen and (max-height:409px) {
	 .is-fixed-positioned .cpe-dropdown__content.has-small-content .cpe-list>li > a:not(.cpe-button){
		font-size:10px;
		padding-top:4px;
		padding-bottom:4px;
	}
}
 
  .cpe-dropdown__content hr {
	border-color:currentColor;
	background-color:currentColor;
	color:inherit;
  }
 
 .cpe-dropdown__content .cpe-list.is-linked>li{
 padding:0;
 }

 .cpe-dropdown__content .cpe-list.is-linked>li>a:not(.cpe-button){
 color:inherit;
 padding-left:8px;
 padding-right:8px;
 text-decoration:none;
 transition-duration:var(--transition-duration);
 transition-property: background-color,color;
 transition-timing-function:var(--transition-timing-function);
 border:1px solid transparent;
 border-radius:var(--menu-border-radius);
cursor:var(--cpe-default-cursor);
}

.cpe-dropdown__content .cpe-list.is-linked>li>.action-link:not(.cpe-button) {
 display:flex;
 align-items:center;
 gap:0 5px;
}

.cpe-dropdown__content .cpe-list.is-linked>li>.action-link:not(.cpe-button) > .cpe-icon {
	--icon-size:0.5;
	--icon-scale:1.4;
}

.cpe-dropdown__content .cpe-list.is-linked>li>.action-link:not(.cpe-button) > .cpe-icon.cpe-icon-large {
	--icon-scale:2;
}

.cpe-dropdown:not(.has-reversed-nested-menus) .cpe-dropdown__content .cpe-list.is-linked>li.cpe-dropdown-level-nested > a {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-right-width:0!important;
}

.cpe-dropdown.has-reversed-nested-menus .cpe-dropdown__content .cpe-list.is-linked>li.cpe-dropdown-level-nested > a {
 	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left-width:0!important;
}


  .cpe-dropdown__content .cpe-list.is-linked>li:hover>a:not(.cpe-button) {
	background-color:var(--dropdown-hyperlink-background-color);
	border-color:var(--dropdown-hyperlink-border-color);
	color:var(--dropdown-hyperlink-text-color);
	box-shadow:var(--threeD-shadow);
}


  .cpe-dropdown__content .cpe-list.is-linked>li.cpe-dropdown-level-nested:hover>a:not(.cpe-button), 
  .cpe-dropdown__content .cpe-list.is-linked>li.is-selected>a:not(.cpe-button),
  .cpe-dropdown__content .cpe-list.is-linked>li.selected>a:not(.cpe-button), 
  .cpe-dropdown__content .cpe-list.is-linked>li:active>a:not(.cpe-button),
  .cpe-dropdown__content .cpe-list.is-linked>li>a:focus:not(.cpe-button) {
	background-color:var(--dropdown-active-hyperlink-background-color);
	border-color:var(--dropdown-active-hyperlink-border-color);
	color:var(--dropdown-active-hyperlink-text-color);
	box-shadow:var(--threeD-shadow-active);
}

 .cpe-dropdown__content .cpe-list.is-linked>li>a:focus-visible:not(.cpe-button) {
	background-color:var(--dropdown-focused-hyperlink-background-color);
	border-color:var(--dropdown-focused-hyperlink-border-color);
	color:var(--dropdown-focused-hyperlink-text-color);
}


 .cpe-dropdown::after,.cpe-dropdown::before{ bottom:-1px;content:'';display:none;height:0;left:50%;position:absolute;width:0;z-index:5}

 .cpe-dropdown[cpe-orient="land"]::after,.cpe-dropdown[cpe-orient="land"]::before {
	transform:rotate(-90deg);
	top:calc(50% - 5px);
	bottom:auto;
	left:auto;
	right:-1px;
 }

 .cpe-dropdown.is-flipped::after,.cpe-dropdown.is-flipped::before {
	transform:rotate(180deg);
	top:-1px;
 }
 
 .cpe-dropdown.is-flipped[cpe-orient="land"]::after,.cpe-dropdown.is-flipped[cpe-orient="land"]::before {
	transform:rotate(90deg);
	top:calc(50% - 5px);
	bottom:auto;
	right:auto;
	left:8px;
 }
 



 .cpe-dropdown.is-flipped::after,.cpe-dropdown.is-flipped::before {
	transform:rotate(180deg);
}

 
 .cpe-dropdown::after{
    border: 8px solid transparent;
    border-color: var(--dropdown-border-color);
    margin-left: -8px;
    -webkit-mask: url("Arrow.svg") no-repeat;
    mask: url("Arrow.svg") no-repeat;
    -webkit-mask-size: 48px;
    mask-size: 48px;
    -webkit-mask-position: bottom;
    mask-position: bottom;
}

.cpe-dropdown::before{
    border: 8px solid transparent;
    border-color: transparent;
    margin-left: -8px;
    -webkit-mask: url("Arrow.svg") no-repeat;
    mask: url("Arrow.svg") no-repeat;
    -webkit-mask-size: 48px;
    mask-size: 48px;
    -webkit-mask-position: bottom;
    mask-position: bottom;

}

.cpe-dropdown.opens-on-hover:hover::after,.cpe-dropdown.opens-on-hover:hover::before,
.cpe-dropdown:focus::after,.cpe-dropdown:focus::before,
.cpe-dropdown:focus-within::after,.cpe-dropdown:focus-within::before {
  display:block;
  opacity:1;
}

.cpe-dropdown.cpe-no-chevron::before, .cpe-dropdown.cpe-no-chevron::after {
display:none!important;
}

body .cpe-dropdown:focus {
	outline:0;
}

.cpe-dropdown.opens-on-hover:hover > .cpe-dropdown__content,
.cpe-dropdown:focus .cpe-dropdown__content,
.cpe-dropdown:focus-within .cpe-dropdown__content {
  display:inline-block; 
  opacity:1; 
  pointer-events:all;
  -webkit-backdrop-filter:var(--acrylic-filter);
  backdrop-filter:var(--acrylic-filter);
}

.cpe-dropdown.opens-on-hover:hover .cpe-dropdown__toggle-chevron, 
.cpe-dropdown:focus .cpe-dropdown__toggle-chevron, 
.cpe-dropdown:focus-within .cpe-dropdown__toggle-chevron {    
	--icon-rotate:180deg;
}


.cpe-dropdown.opens-on-hover.has-dark-shadow:hover::before,.cpe-dropdown.opens-on-hover.has-shadow:hover::before,
.cpe-dropdown:focus.has-dark-shadow::before,.cpe-dropdown:focus.has-shadow::before,
.cpe-dropdown:focus-within.has-dark-shadow::before,.cpe-dropdown:focus-within.has-shadow::before {
	display:none;
}

.cpe-dropdown.has-shadow .cpe-dropdown__content {
	--contrast-box-shadow:0 2px 0 4px rgb(from var(--canvas-text-background-color) r g b / .4), 0 2px 0 4px rgb(from var(--canvas-background-color) r g b / 0.4);
	box-shadow:0 3px 7px 0 rgb(from var(--canvas-text-background-color) r g b / .3), 0 3px 7px 0 rgb(from var(--canvas-background-color) r g b / 0.3), var(--threeD-shadow);
}

.cpe-dropdown.has-dark-shadow .cpe-dropdown__content {
	--contrast-box-shadow:0 2px 0 6px rgb(from var(--canvas-text-background-color) r g b / .4), 0 2px 0 6px rgb(from var(--canvas-background-color) r g b / 0.4);
	box-shadow:0 4px 8px 0 rgb(from var(--canvas-text-background-color) r g b / .4), 0 4px 8px 0 rgb(from var(--canvas-background-color) r g b / 0.4), var(--threeD-shadow);
}

.cpe-dropdown.has-shadow[cpe-orient="land"] .cpe-dropdown__content {
	--contrast-box-shadow:2px 0 0 4px rgb(from var(--canvas-text-background-color) r g b / .4), 2px 0 0 4px rgb(from var(--canvas-background-color) r g b / 0.4);
	box-shadow:3px 0 7px 0 rgb(from var(--canvas-text-background-color) r g b / .3), 3px 0 7px 0 rgb(from var(--canvas-background-color) r g b / 0.3), var(--threeD-shadow);
}

.cpe-dropdown.has-dark-shadow[cpe-orient="land"] .cpe-dropdown__content {
	--contrast-box-shadow:2px 0 0 6px rgb(from var(--canvas-text-background-color) r g b / .4), 2px 0 0 6px rgb(from var(--canvas-background-color) r g b / 0.4);
	box-shadow:4px 0 8px 0 rgb(from var(--canvas-text-background-color) r g b / .4), 4px 0 8px 0 rgb(from var(--canvas-background-color) r g b / 0.4), var(--threeD-shadow);
}


/* Level B */

.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested{
margin-right:-9px;
position:relative;
}


.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested>a:not(.cpe-button) {
	display:flex;
}


.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested>a:not(.cpe-button) > span:not(.cpe-icon) {
	flex:1;
}

.cpe-list.has-icon-labels.is-linked li > a:not(.cpe-button),
.has-icon-labels li > a:not(.cpe-button) {
	display:flex;
	align-items:center;
}

.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-chevron{
    --icon-rotate:-90deg;
margin-left:16px
}




/*
.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested.is-sticked-to-parent{
position:relative
}
.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested.is-sticked-to-parent .cpe-dropdown-level-nested__content{
top:auto;bottom:-8px
}
*/

.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content{
background-color:rgb(from var(--dropdown-background-color) r g b / 1);
border:1px solid var(--dropdown-border-color);
color:var(--dropdown-text-color);
border-radius:var(--menu-border-radius);
display:none;
left:100%;
padding:7px 9px;
position:absolute;
top:-8px;
box-shadow:var(--threeD-shadow);
}

.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content .cpe-list.is-linked>li>a:not(.cpe-button){
font-size:12px
}

@media only screen and (min-height:380px) and (max-height:459px) {
	.is-fixed-positioned .cpe-dropdown__content.has-small-content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content .cpe-list.is-linked>li>a:not(.cpe-button){
		font-size:10px;
	}
}


@media only screen and (max-height:379px) {
	.is-fixed-positioned .cpe-dropdown__content.has-small-content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content .cpe-list.is-linked>li>a:not(.cpe-button){
		font-size:8px;
	}
}


.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested.is-active > .cpe-dropdown-level-nested__content,
.cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested:hover > .cpe-dropdown-level-nested__content{
display:block; 
opacity:1;
 pointer-events:all;
 -webkit-backdrop-filter:var(--acrylic-filter);
 backdrop-filter:var(--acrylic-filter);
}



.is-hidden{display:none!important}

/* Reversed Menus */
.cpe-dropdown.has-reversed-nested-menus .cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested{
	margin-right:0;
	margin-left:-9px;
}

.cpe-dropdown.has-reversed-nested-menus .cpe-dropdown__content .cpe-list.is-linked li > a{
	flex-direction:row-reverse;
	text-align:right;
}

.cpe-dropdown.has-reversed-nested-menus .cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-chevron{
    --icon-rotate:90deg;
margin-left:0;
margin-right:16px;
}

.cpe-dropdown.has-reversed-nested-menus .cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content{
	left:auto;
	right:100%;
}


/* Disable Luna Levit on Dropdowns 
	.cpe-dropdown__content .lunalevit:not(.backdrop) {
		--mica-opacity:0!important;
		--mica-opacity-2:1!important;
		--mica-content:none;
	}


	.cpe-dropdown__content .lunalevit {
		--mica-filter:none!important;
	}
	
	.cpe-dropdown__content .lunalevit::before,
	.cpe-dropdown__content .lunalevit::after {
		content:none!important;
	}
*/

/* Gliding Menu */
.cpe-dropdown.opens-on-hover:hover .cpe-dropdown__content,
.cpe-dropdown:focus .cpe-dropdown__content,
.cpe-dropdown:focus-within .cpe-dropdown__content {
 animation: contribution-dropdown 0.3s var(--transition-timing-function);
 pointer-events:all;
 top:100%;
--dropdown-scale:1;
}

.cpe-dropdown.is-flipped.opens-on-hover:hover .cpe-dropdown__content,
.cpe-dropdown.is-flipped:focus .cpe-dropdown__content,
.cpe-dropdown.is-flipped:focus-within .cpe-dropdown__content {
 animation: contribution-dropdown-flip 0.3s var(--transition-timing-function);
 bottom:100%;
 top:auto;
}

.cpe-dropdown.opens-on-hover:hover[cpe-orient="land"] .cpe-dropdown__content,
.cpe-dropdown:focus[cpe-orient="land"] .cpe-dropdown__content,
.cpe-dropdown:focus-within[cpe-orient="land"] .cpe-dropdown__content {
	left:100%;
	animation:contribution-dropdown_land 0.3s var(--transition-timing-function);
}

.cpe-dropdown.is-flipped.opens-on-hover:hover[cpe-orient="land"] .cpe-dropdown__content,
.cpe-dropdown.is-flipped:focus[cpe-orient="land"] .cpe-dropdown__content,
.cpe-dropdown.is-flipped:focus-within[cpe-orient="land"] .cpe-dropdown__content {
	left:auto;
	right:100%;
	animation:contribution-dropdown-flip_land 0.3s var(--transition-timing-function);
}


.cpe-dropdown .cpe-dropdown__content .cpe-dropdown-level-nested:hover > .cpe-dropdown-level-nested__content,
.cpe-dropdown .cpe-dropdown__content .cpe-dropdown-level-nested.is-active > .cpe-dropdown-level-nested__content {
 animation: dropdown-2 0.3s var(--transition-timing-function);
 pointer-events:all;
 opacity:1;
}

.cpe-dropdown.has-reversed-nested-menus .cpe-dropdown__content .cpe-dropdown-level-nested:hover > .cpe-dropdown-level-nested__content,
.cpe-dropdown.has-reversed-nested-menus .cpe-dropdown__content .cpe-dropdown-level-nested.is-active > .cpe-dropdown-level-nested__content {
 animation: dropdown-2-rev 0.3s var(--transition-timing-function);
}

.cpe-dropdown.opens-on-hover:hover::before, .cpe-dropdown.opens-on-hover:hover::after,
.cpe-dropdown:focus::before, .cpe-dropdown:focus::after,
.cpe-dropdown:focus-within::before, .cpe-dropdown:focus-within::after {
 animation: contribution-dropdown-b 0.3s var(--transition-timing-function);
 opacity:1;
}

.cpe-dropdown.is-flipped.opens-on-hover:hover::before, .cpe-dropdown.is-flipped.opens-on-hover:hover::after,
.cpe-dropdown.is-flipped:focus::before, .cpe-dropdown.is-flipped:focus::after,
.cpe-dropdown.is-flipped:focus-within::before, .cpe-dropdown.is-flipped:focus-within::after {
 animation: contribution-dropdown-b-flip 0.3s var(--transition-timing-function);
 opacity:1;
}

.cpe-dropdown.opens-on-hover:hover[cpe-orient="land"]::before, .cpe-dropdown.opens-on-hover:hover[cpe-orient="land"]::after,
.cpe-dropdown:focus[cpe-orient="land"]::before, .cpe-dropdown:focus[cpe-orient="land"]::after,
.cpe-dropdown:focus-within[cpe-orient="land"]::before, .cpe-dropdown:focus-within[cpe-orient="land"]::after {
 animation: contribution-dropdown-b_land 0.3s var(--transition-timing-function);
}

.cpe-dropdown.is-flipped.opens-on-hover:hover[cpe-orient="land"]::before, .cpe-dropdown.is-flipped.opens-on-hover:hover[cpe-orient="land"]::after,
.cpe-dropdown.is-flipped:focus[cpe-orient="land"]::before, .cpe-dropdown.is-flipped:focus[cpe-orient="land"]::after,
.cpe-dropdown.is-flipped:focus-within[cpe-orient="land"]::before, .cpe-dropdown.is-flipped:focus-within[cpe-orient="land"]::after {
 animation: contribution-dropdown-b-flip_land 0.3s var(--transition-timing-function);
}


.cpe-dropdown .cpe-dropdown__content {
 top:calc(100% - 10px);
 display:inline-block; 
 pointer-events:none;
 opacity:0;
}


.cpe-dropdown.is-flipped .cpe-dropdown__content,
.cpe-dropdown.is-flipped.opens-on-hover .cpe-dropdown__content {
	top:auto;
	bottom:calc(100%);
}

.cpe-dropdown[cpe-orient="land"] .cpe-dropdown__content,
.cpe-dropdown.opens-on-hover[cpe-orient="land"] .cpe-dropdown__content {
	left:calc(100% - 10px);
	top:0%;
}

.cpe-dropdown.is-flipped[cpe-orient="land"] .cpe-dropdown__content,
.cpe-dropdown.is-flipped.opens-on-hover[cpe-orient="land"] .cpe-dropdown__content {
	left:auto;
	right:calc(100%);
	top:0%;
	bottom:auto;
}

.cpe-dropdown.is-flipped.opens-on-hover[cpe-orient="land"] .cpe-dropdown__content.is-right-aligned,
.cpe-dropdown.is-flipped[cpe-orient="land"] .cpe-dropdown__content.is-right-aligned {
top:auto;
bottom:0;
}

.cpe-dropdown.is-flipped.opens-on-hover[cpe-orient="land"] .cpe-dropdown__content.is-left-aligned,
.cpe-dropdown.is-flipped[cpe-orient="land"] .cpe-dropdown__content.is-left-aligned{
top:0;
}


.cpe-dropdown .cpe-dropdown__content .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content {
 opacity:0;
 pointer-events:none;
 display:block;
}

.cpe-dropdown::before, .cpe-dropdown::after {
 opacity:0;
 pointer-events:none;
}

@media only screen and (orientation:landscape) {
	.cpe-dropdown[cpe-orient="land-landscape"] .cpe-dropdown__content {
		--dropdown-translate:calc(-50% + 26px);
		box-shadow:2px 0 6px 0 rgb(from var(--canvas-text-background-color) r g b / .2), 2px 0 6px 0 rgb(from var(--canvas-background-color) r g b / 0.2), var(--threeD-shadow);
		left:100%;
		min-width:0;
		top:0%;
		transform:translateY(var(--dropdown-translate)) scale(var(--dropdown-scale));
	}

	.cpe-dropdown.is-flipped[cpe-orient="land-landscape"] .cpe-dropdown__content {
		left:auto;
		right:calc(100%);
		top:0%;
		bottom:auto;
	}


	.cpe-dropdown[cpe-orient="land-landscape"] .cpe-dropdown__content.is-right-aligned{
	right:auto;
	right:revert;
	top:auto;
	bottom:0;
	transform:scale(var(--dropdown-scale));
	}
	.cpe-dropdown[cpe-orient="land-landscape"] .cpe-dropdown__content.is-left-aligned{
	right:auto;
	right:revert;
	top:0;
	transform:scale(var(--dropdown-scale));
	}


	 .cpe-dropdown[cpe-orient="land-landscape"]::after,.cpe-dropdown[cpe-orient="land-landscape"]::before {
		transform:rotate(-90deg);
		top:calc(50% - 5px);
		bottom:auto;
		left:auto;
		right:-1px;
	 }


	 .cpe-dropdown.is-flipped[cpe-orient="land-landscape"]::after,.cpe-dropdown.is-flipped[cpe-orient="land-landscape"]::before {
		transform:rotate(90deg);
		top:calc(50% - 5px);
		bottom:auto;
		right:auto;
		left:8px;
	 }


	.cpe-dropdown.has-shadow[cpe-orient="land-landscape"] .cpe-dropdown__content {
		--contrast-box-shadow:2px 0 0 4px rgb(from var(--canvas-text-background-color) r g b / .4), 2px 0 0 4px rgb(from var(--canvas-background-color) r g b / 0.4);
		box-shadow:3px 0 7px 0 rgb(from var(--canvas-text-background-color) r g b / .3), 3px 0 7px 0 rgb(from var(--canvas-background-color) r g b / 0.3), var(--threeD-shadow);
	}

	.cpe-dropdown.has-dark-shadow[cpe-orient="land-landscape"] .cpe-dropdown__content {
		--contrast-box-shadow:2px 0 0 6px rgb(from var(--canvas-text-background-color) r g b / .4), 2px 0 0 6px rgb(from var(--canvas-background-color) r g b / 0.4);
		box-shadow:4px 0 8px 0 rgb(from var(--canvas-text-background-color) r g b / .4), 4px 0 8px 0 rgb(from var(--canvas-background-color) r g b / 0.4), var(--threeD-shadow);
	}

	.cpe-dropdown.opens-on-hover:hover[cpe-orient="land-landscape"] .cpe-dropdown__content,
	.cpe-dropdown:focus[cpe-orient="land-landscape"] .cpe-dropdown__content,
	.cpe-dropdown:focus-within[cpe-orient="land-landscape"] .cpe-dropdown__content {
		left:100%;
		animation:contribution-dropdown_land 0.3s var(--transition-timing-function);
	}
	
	.cpe-dropdown.is-flipped.opens-on-hover:hover[cpe-orient="land-landscape"] .cpe-dropdown__content,
	.cpe-dropdown.is-flipped:focus[cpe-orient="land-landscape"] .cpe-dropdown__content,
	.cpe-dropdown.is-flipped:focus-within[cpe-orient="land-landscape"] .cpe-dropdown__content {
		left:auto;
		right:100%;
		animation:contribution-dropdown-flip_land 0.3s var(--transition-timing-function);
	}

	.cpe-dropdown.opens-on-hover:hover[cpe-orient="land-landscape"]::before, .cpe-dropdown.opens-on-hover:hover[cpe-orient="land-landscape"]::after,
	.cpe-dropdown:focus[cpe-orient="land-landscape"]::before, .cpe-dropdown:focus[cpe-orient="land-landscape"]::after,
	.cpe-dropdown:focus-within[cpe-orient="land-landscape"]::before, .cpe-dropdown:focus-within[cpe-orient="land-landscape"]::after {
	 animation: contribution-dropdown-b_land 0.3s var(--transition-timing-function);
	}

	.cpe-dropdown.is-flipped.opens-on-hover:hover[cpe-orient="land-landscape"]::before, .cpe-dropdown.is-flipped.opens-on-hover:hover[cpe-orient="land-landscape"]::after,
	.cpe-dropdown.is-flipped:focus[cpe-orient="land-landscape"]::before, .cpe-dropdown.is-flipped:focus[cpe-orient="land-landscape"]::after,
	.cpe-dropdown.is-flipped:focus-within[cpe-orient="land-landscape"]::before, .cpe-dropdown.is-flipped:focus-within[cpe-orient="land-landscape"]::after {
	 animation: contribution-dropdown-b-flip_land 0.3s var(--transition-timing-function);
	}


	.cpe-dropdown[cpe-orient="land-landscape"] .cpe-dropdown__content,
	.cpe-dropdown.opens-on-hover[cpe-orient="land-landscape"] .cpe-dropdown__content {
		left:calc(100% - 10px);
		top:0%;
	}


}

/* Desktop-only Landscape */
@media only screen and (min-width:760px) {
	.cpe-dropdown[cpe-orient="land-desktop"] .cpe-dropdown__content {
		--dropdown-translate:calc(-50% + 26px);
		box-shadow:2px 0 6px 0 rgb(from var(--canvas-text-background-color) r g b / .2), 2px 0 6px 0 rgb(from var(--canvas-background-color) r g b / 0.2), var(--threeD-shadow);
		left:100%;
		min-width:0;
		top:0%;
		transform:translateY(var(--dropdown-translate)) scale(var(--dropdown-scale));
	}

	.cpe-dropdown.is-flipped[cpe-orient="land-desktop"] .cpe-dropdown__content {
		left:auto;
		right:calc(100%);
		top:0%;
		bottom:auto;
	}


	.cpe-dropdown[cpe-orient="land-desktop"] .cpe-dropdown__content.is-right-aligned{
	right:auto;
	right:revert;
	top:auto;
	bottom:0;
	transform:scale(var(--dropdown-scale));
	}
	.cpe-dropdown[cpe-orient="land-desktop"] .cpe-dropdown__content.is-left-aligned{
	right:auto;
	right:revert;
	top:0;
	transform:scale(var(--dropdown-scale));
	}


	 .cpe-dropdown[cpe-orient="land-desktop"]::after,.cpe-dropdown[cpe-orient="land-desktop"]::before {
		transform:rotate(-90deg);
		top:calc(50% - 5px);
		bottom:auto;
		left:auto;
		right:-1px;
	 }


	 .cpe-dropdown.is-flipped[cpe-orient="land-desktop"]::after,.cpe-dropdown.is-flipped[cpe-orient="land-desktop"]::before {
		transform:rotate(90deg);
		top:calc(50% - 5px);
		bottom:auto;
		right:auto;
		left:8px;
	 }


	.cpe-dropdown.has-shadow[cpe-orient="land-desktop"] .cpe-dropdown__content {
		--contrast-box-shadow:2px 0 0 4px rgb(from var(--canvas-text-background-color) r g b / .4), 2px 0 0 4px rgb(from var(--canvas-background-color) r g b / 0.4);
		box-shadow:3px 0 7px 0 rgb(from var(--canvas-text-background-color) r g b / .3), 3px 0 7px 0 rgb(from var(--canvas-background-color) r g b / 0.3), var(--threeD-shadow);
	}

	.cpe-dropdown.has-dark-shadow[cpe-orient="land-desktop"] .cpe-dropdown__content {
	--contrast-box-shadow:2px 0 0 6px rgb(from var(--canvas-text-background-color) r g b / .4), 2px 0 0 6px rgb(from var(--canvas-background-color) r g b / 0.4);
		box-shadow:4px 0 8px 0 rgb(from var(--canvas-text-background-color) r g b / .4), 4px 0 8px 0 rgb(from var(--canvas-background-color) r g b / 0.4), var(--threeD-shadow);
	}

	.cpe-dropdown.opens-on-hover:hover[cpe-orient="land-desktop"] .cpe-dropdown__content,
	.cpe-dropdown:focus[cpe-orient="land-desktop"] .cpe-dropdown__content,
	.cpe-dropdown:focus-within[cpe-orient="land-desktop"] .cpe-dropdown__content {
		left:100%;
		animation:contribution-dropdown_land 0.3s var(--transition-timing-function);
	}
	
	.cpe-dropdown.is-flipped.opens-on-hover:hover[cpe-orient="land-desktop"] .cpe-dropdown__content,
	.cpe-dropdown.is-flipped:focus[cpe-orient="land-desktop"] .cpe-dropdown__content,
	.cpe-dropdown.is-flipped:focus-within[cpe-orient="land-desktop"] .cpe-dropdown__content {
		left:auto;
		right:100%;
		animation:contribution-dropdown-flip_land 0.3s var(--transition-timing-function);
	}

	.cpe-dropdown.opens-on-hover:hover[cpe-orient="land-desktop"]::before, .cpe-dropdown.opens-on-hover:hover[cpe-orient="land-desktop"]::after,
	.cpe-dropdown:focus[cpe-orient="land-desktop"]::before, .cpe-dropdown:focus[cpe-orient="land-desktop"]::after,
	.cpe-dropdown:focus-within[cpe-orient="land-desktop"]::before, .cpe-dropdown:focus-within[cpe-orient="land-desktop"]::after {
	 animation: contribution-dropdown-b_land 0.3s var(--transition-timing-function);
	}

	.cpe-dropdown.is-flipped.opens-on-hover:hover[cpe-orient="land-desktop"]::before, .cpe-dropdown.is-flipped.opens-on-hover:hover[cpe-orient="land-desktop"]::after,
	.cpe-dropdown.is-flipped:focus[cpe-orient="land-desktop"]::before, .cpe-dropdown.is-flipped:focus[cpe-orient="land-desktop"]::after,
	.cpe-dropdown.is-flipped:focus-within[cpe-orient="land-desktop"]::before, .cpe-dropdown.is-flipped:focus-within[cpe-orient="land-desktop"]::after {
	 animation: contribution-dropdown-b-flip_land 0.3s var(--transition-timing-function);
	}


	.cpe-dropdown[cpe-orient="land-desktop"] .cpe-dropdown__content,
	.cpe-dropdown.opens-on-hover[cpe-orient="land-desktop"] .cpe-dropdown__content {
		left:calc(100% - 10px);
		top:0%;
	}


}


/* Used for dropdowns */
@keyframes contribution-dropdown {
 from {opacity: 0; top: calc(100% - 10px);}
 to {opacity: 1; top: 100%;}
}

@keyframes contribution-dropdown_land {
 from {opacity: 0; left: calc(100% - 10px);}
 to {opacity: 1; left: 100%;}
}


@keyframes contribution-dropdown-flip {
 from {opacity: 0; bottom: calc(100% - 10px);}
 to {opacity: 1; bottom: 100%;}
}

@keyframes contribution-dropdown-flip_land {
 from {opacity: 0; right: calc(100% - 10px);}
 to {opacity: 1; right: 100%;}
}




/* Used for dropdown arrows */
@keyframes contribution-dropdown-b {
 from {opacity: 0; bottom: 9px;}
 to {opacity: 1; bottom: -1px;}
}

@keyframes contribution-dropdown-b_land {
 from {opacity: 0; right: 9px;}
 to {opacity: 1; right: -1px;}
}

@keyframes contribution-dropdown-b-flip {
 from {opacity: 0; top: 9px;}
 to {opacity: 1; top: -1px;}
}

@keyframes contribution-dropdown-b-flip_land {
 from {opacity: 0; left: 18px;}
 to {opacity: 1; left: 8px;}
}


/* Used for 2nd-level dropdown */
@keyframes dropdown-2 {
 from {opacity: 0; transform: translateX(-10px);}
 to {opacity: 1; transform: translateX(0);}
}

@keyframes dropdown-2-rev {
 from {opacity: 0; transform: translateX(10px);}
 to {opacity: 1; transform: translateX(0);}
}






/* Lists */

.cpe-list {
	list-style:none;
	margin:0;
	padding:8px 18px
}

.cpe-list>li {
	font-size:14px;
	font-weight:400;
	line-height:1em;
	padding:12px 0;
} /* Was 12px 0 */

.cpe-list.has-big-items {
	padding-bottom:2px;
	padding-top:2px
}

.cpe-list.has-big-items>li {
	font-size:16px;
	padding-bottom:16px;
	padding-top:16px
}

.cpe-list.has-bolded-items>li {
	font-weight:700
}

.cpe-list.has-lines-between>li {
	border-bottom:solid 1px #e6e6e6;
}

.cpe-list.has-lines-between>li:last-child {
	border:0;
}

.cpe-list.has-ellipsis.is-linked>li>a:not(.cpe-button),
.cpe-list.has-ellipsis>li {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.cpe-list.is-linked>li{
	padding:0
}

.cpe-list.is-linked>li>a:not(.cpe-button) {
	display:block;
	padding:8.5px 0;
} /* Was 12px 0 */

.touch-events .cpe-list.is-linked>li>a:not(.cpe-button) {
	padding-top:10px;
	padding-bottom:10px;
}

.cpe-menu-chevron{
	--icon-rotate:0deg;
	float:right;
	margin-top:5px;
	fill:#c5ced9
}


.cpe-list.is-linked > li > a.cpe-button{
  display:flex;
  margin:8px;
}

/* Floating Buttons */
.cpe-floating-button {
/** Foreground **/
  --floating-button-color:var(--hyperlink-background-color);
  --floating-button-color-hover:var(--hyperlink-background-color-hover);
  --floating-button-color-active:var(--hyperlink-foreground-color);
/** Background **/
  --floating-button-background-color:var(--canvas-background-color);
  --floating-button-background-color-hover:var(--floating-button-background-color);
  --floating-button-background-color-active:var(--hyperlink-background-color);
/** Border **/
  --floating-button-border-color:var(--floating-button-background-color);
  --floating-button-border-color-hover:rgb(from var(--floating-button-fadeout-color) r g b / var(--floating-button-fadeout-opacity));
  --floating-button-border-color-active:var(--floating-button-background-color-active);
/** Fadeout **/
  --floating-button-fadeout-color:var(--hyperlink-background-color);
  --floating-button-fadeout-opacity:var(--fadeout-opacity);
/* Shadow */
  --floating-button-shadow-blur:10px;
  --floating-button-shadow-opacity:0.25;
  --floating-button-shadow-opacity-hover:0.5;
  text-decoration:none!important;
  align-items: center;
  background-image:none;
  background-color:var(--floating-button-background-color);
  color:var(--floating-button-color);
  box-shadow:var(--threeD-shadow), 0 0 var(--floating-button-shadow-blur) 0 rgb(from var(--canvas-foreground-color) r g b /  var(--floating-button-shadow-opacity)), 0 0 0 100vh rgb(from var(--floating-button-fadeout-color) r g b / 0) inset;
  border-radius: var(--border-radius);
  border: 1px solid var(--floating-button-border-color);
  display: flex;
  height: 38px;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0;
  transition-duration: var(--transition-duration);
  transition-property: box-shadow, background-color, color, border-color;
  transition-timing-function:var(--transition-timing-function);
  width: 38px;
}

/** Various Styles **/

/* Unaccented */
.cpe-floating-button.is-unaccented {
  --floating-button-color:var(--canvas-text-background-color);
  --floating-button-color-hover:var(--canvas-text-background-color-hover);
  --floating-button-color-active:var(--canvas-text-foreground-color);
  --floating-button-background-color-active:var(--canvas-text-background-color);
  --floating-button-fadeout-color:var(--canvas-text-background-color);
}

/* Alternate Accented */
.cpe-floating-button.is-alternate {
  --floating-button-color:var(--active-text-background-color);
  --floating-button-color-hover:var(--active-text-background-color-hover);
  --floating-button-color-active:var(--active-text-foreground-color);
  --floating-button-background-color-active:var(--active-text-background-color);
  --floating-button-fadeout-color:var(--active-text-background-color);
}

/* Alert Background Color */
.cpe-floating-button.is-alert-color {
  --floating-button-color:var(--alert-background-color);
  --floating-button-color-hover:var(--alert-background-color-hover);
  --floating-button-color-active:var(--alert-foreground-color);
  --floating-button-background-color-active:var(--alert-background-color);
  --floating-button-fadeout-color:var(--alert-background-color);
}

/* Pause Background Color */
.cpe-floating-button.is-pause-color {
  --floating-button-color:var(--pause-background-color);
  --floating-button-color-hover:var(--pause-background-color-hover);
  --floating-button-color-active:var(--pause-foreground-color);
  --floating-button-background-color-active:var(--pause-background-color);
  --floating-button-fadeout-color:var(--pause-background-color);
}

/* Pause Background Color */
.cpe-floating-button.is-warning-color {
  --floating-button-color:var(--warning-background-color);
  --floating-button-color-hover:var(--warning-background-color-hover);
  --floating-button-color-active:var(--warning-foreground-color);
  --floating-button-background-color-active:var(--warning-background-color);
  --floating-button-fadeout-color:var(--warning-background-color);
}

/* Success Background Color */
.cpe-floating-button.is-success-color {
  --floating-button-color:var(--success-background-color);
  --floating-button-color-hover:var(--success-background-color-hover);
  --floating-button-color-active:var(--success-foreground-color);
  --floating-button-background-color-active:var(--success-background-color);
  --floating-button-fadeout-color:var(--success-background-color);
}

/* Progress Background Color */
.cpe-floating-button.is-progress-color {
  --floating-button-color:var(--progress-background-color);
  --floating-button-color-hover:var(--progress-background-color-hover);
  --floating-button-color-active:var(--progress-foreground-color);
  --floating-button-background-color-active:var(--progress-background-color);
  --floating-button-fadeout-color:var(--progress-background-color);
}

/* Message Background Color */
.cpe-floating-button.is-message-color {
  --floating-button-color:var(--message-background-color);
  --floating-button-color-hover:var(--message-background-color-hover);
  --floating-button-color-active:var(--message-foreground-color);
  --floating-button-background-color-active:var(--message-background-color);
  --floating-button-fadeout-color:var(--message-background-color);
}


.cpe-floating-button:visited {
	color:var(--floating-button-color);
}

.cpe-floating-button:visited:hover {
	color:var(--floating-button-color-hover);
}


.cpe-floating-button:not([disabled]),
.cpe-floating-button:not(.is-disabled) {
  cursor:var(--cpe-default-cursor);
}

.cpe-floating-button:not([disabled]):hover,
.cpe-floating-button:not(.is-disabled):hover,
.cpe-floating-button:not([disabled]):active,
.cpe-floating-button:not(.is-disabled):active,
.cpe-floating-button:not([disabled]):focus,
.cpe-floating-button:not(.is-disabled):focus,
.cpe-dropdown.opens-on-hover:hover > .cpe-floating-button,
.cpe-dropdown:focus > .cpe-floating-button,
.cpe-dropdown:focus-within > .cpe-floating-button {
  text-decoration:none;
  box-shadow:var(--threeD-shadow), 0 0 var(--floating-button-shadow-blur) 0 rgb(from var(--canvas-foreground-color) r g b /  var(--floating-button-shadow-opacity-hover)), 0 0 0 100vh rgb(from var(--floating-button-fadeout-color) r g b / var(--floating-button-fadeout-opacity)) inset;
  background-image:none;
  background-color:var(--floating-button-background-color-hover);
  color:var(--floating-button-color-hover);
  border-color:var(--floating-button-border-color-hover);

}

.cpe-floating-button:not([disabled]):active,
.cpe-floating-button:not(.is-disabled):active,
.cpe-floating-button:not([disabled]):focus,
.cpe-floating-button:not(.is-disabled):focus,
.cpe-dropdown.opens-on-hover:hover > .cpe-floating-button,
.cpe-dropdown:focus > .cpe-floating-button,
.cpe-dropdown:focus-within > .cpe-floating-button {
  color:var(--floating-button-color-active);
  background-color:var(--floating-button-background-color-active);
  border-color:var(--floating-button-border-color-active);
  box-shadow:var(--threeD-shadow-active), 0 0 var(--floating-button-shadow-blur) 0 rgb(from var(--canvas-foreground-color) r g b /  var(--floating-button-shadow-opacity-hover)), 0 0 0 100vh rgb(from var(--floating-button-fadeout-color) r g b / var(--floating-button-fadeout-opacity)) inset;
}


/* Icon Scales */
.cpe-floating-button .cpe-icon{
	--icon-scale:1;
	transition:transform var(--transition-duration) var(--transition-timing-function);
}


.cpe-floating-button .cpe-icon.cpe-icon-large {
	--icon-scale:1.6;
}

.cpe-floating-button .cpe-icon.cpe-icon-medium {
	--icon-scale:1.3;
}


.cpe-floating-button:not([disabled]):active .cpe-icon,
.cpe-floating-button:not(.is-disabled):active .cpe-icon,
.cpe-floating-button:not([disabled]):focus .cpe-icon,
.cpe-floating-button:not(.is-disabled):focus .cpe-icon,
.cpe-dropdown.opens-on-hover:hover > .cpe-floating-button .cpe-icon,
.cpe-dropdown:focus > .cpe-floating-button .cpe-icon,
.cpe-dropdown:focus-within > .cpe-floating-button .cpe-icon {
	--icon-scale:1.1;
}


.cpe-floating-button:not([disabled]):active .cpe-icon.cpe-icon-large,
.cpe-floating-button:not(.is-disabled):active .cpe-icon.cpe-icon-large,
.cpe-floating-button:not([disabled]):focus .cpe-icon.cpe-icon-large,
.cpe-floating-button:not(.is-disabled):focus .cpe-icon.cpe-icon-large,
.cpe-dropdown.opens-on-hover:hover > .cpe-floating-button .cpe-icon.cpe-icon-large,
.cpe-dropdown:focus > .cpe-floating-button .cpe-icon.cpe-icon-large,
.cpe-dropdown:focus-within > .cpe-floating-button .cpe-icon.cpe-icon-large {
	--icon-scale:1.76;
}

.cpe-floating-button:not([disabled]):active .cpe-icon.cpe-icon-medium,
.cpe-floating-button:not(.is-disabled):active .cpe-icon.cpe-icon-medium,
.cpe-floating-button:not([disabled]):focus .cpe-icon.cpe-icon-medium,
.cpe-floating-button:not(.is-disabled):focus .cpe-icon.cpe-icon-medium,
.cpe-dropdown.opens-on-hover:hover > .cpe-floating-button .cpe-icon.cpe-icon-medium,
.cpe-dropdown:focus > .cpe-floating-button .cpe-icon.cpe-icon-medium,
.cpe-dropdown:focus-within > .cpe-floating-button .cpe-icon.cpe-icon-medium {
	--icon-scale:1.43;
}




.cpe-floating-button-group {
  display: inline-flex;
  --gap:8px;
  gap:0 var(--gap);
}
.cpe-floating-button-group.is-vertical {
  flex-flow: column;
  gap:var(--gap) 0;
}


.cpe-floating-button .cpe-icon {
	pointer-events:none;
}


.cpe-floating-button.no-flex {
	display:inline-flex;
	vertical-align:middle;
}

/* Tabs */
.cpe-tabs{
	align-items:flex-end;
	display:flex;
	list-style:none;
	margin:0;
	padding:0
}

.cpe-tabs__tab {
	--tabs-color:rgb(from var(--canvas-text-background-color) r g b / 0.7);
	--tabs-color-hover:var(--canvas-text-background-color);
	--tabs-color-active:var(--hyperlink-background-color);
	cursor:var(--cpe-default-cursor);
	flex-shrink:0;
	line-height:14px;
	position:relative;
	color:var(--tabs-color);
}

.cpe-tabs__tab-label{
	align-items:center;
	color:inherit;
	display:inline-flex;
	font-size:13px;
	font-weight:700;
	height:40px;
	margin:0 11px;
	text-align:center;
	text-decoration:none;
	transition:box-shadow var(--transition-duration) var(--transition-timing-function), color var(--transition-duration) var(--transition-timing-function);
	white-space:nowrap
}

.cpe-tabs__tab-label :not(:first-child):not(:only-child){
	margin-left:4px
}

.cpe-tabs__tab-label>a{
	align-items:center;
	display:inline-flex;
	height:100%;
	text-decoration:none;
	color:inherit;
	transition:none;
}

.cpe-tabs__tab-label > a:hover {
	color:inherit;
}


.cpe-tabs__tab.is-current,
.cpe-tabs__tab.is-current:hover,
.cpe-tabs__tab.is-current:active {
	color:var(--tabs-color-active);
	box-shadow:inset 0 -2px 0 0 currentColor;
}

.cpe-tabs__tab .cpe-dropdown__content {
	left:-7px;
	transform:none
}

.cpe-tabs__tab:hover {
	color:var(--tabs-color-hover);
}


.cpe-tabs__tab.is-active ,
.cpe-tabs__tab:active,
.cpe-dropdown.opens-on-hover:hover > .cpe-tabs__tab-label,
.cpe-dropdown:focus > .cpe-tabs__tab-label,
.cpe-dropdown:focus-within > .cpe-tabs__tab-label {
	color:var(--tabs-color-active);
}

.cpe-tabs__tab.is-unaccented {
	--tabs-color-active:var(--canvas-text-background-color-hover); /* Regular version used elsewhere so hover version is used */
}

.cpe-tabs__tab.is-alternate {
	--tabs-color-active:var(--active-text-background-color);
}

.cpe-tabs__tab.is-alert-color {
	--tabs-color-active:var(--alert-background-color);
}

.cpe-tabs__tab.is-pause-color {
	--tabs-color-active:var(--pause-background-color);
}

.cpe-tabs__tab.is-warning-color {
	--tabs-color-active:var(--warning-background-color);
}

.cpe-tabs__tab.is-success-color {
	--tabs-color-active:var(--success-background-color);
}

.cpe-tabs__tab.is-progress-color {
	--tabs-color-active:var(--progress-background-color);
}

.cpe-tabs__tab.is-message-color {
	--tabs-color-active:var(--message-background-color);
}

/* Banners */
.cpe-banner-notification{
	background-color:rgb(from var(--luna-background-color) r g b / var(--luna-acrylic-opacity));
	color:var(--luna-text-background-color);
	display:flex;
	transition:opacity calc(var(--transition-duration) * 1.5) var(--transition-timing-function), transform calc(var(--transition-duration) * 1.5) var(--transition-timing-function); 
	overflow:hidden; 
	transform-origin:left;
	position:relative;
	min-height:40px;
    -webkit-backdrop-filter:var(--acrylic-filter);
    backdrop-filter:var(--acrylic-filter);
    border-radius:var(--border-radius);
	box-shadow:0 0 6px 0 rgb(from var(--canvas-text-background-color) r g b / .2), 0 0 6px 0 rgb(from var(--canvas-background-color) r g b / 0.4), var(--threeD-shadow);
	border:1px solid var(--luna-border-background-color);
	margin-bottom:5px;
}

.cpe-banner-notification:last-child {
	margin-bottom:0;
}

.cpe-banner-notification.is-transparent{
	 transform:translateX(calc(-100% - 5px));
	 opacity:0;
}
.cpe-banner-notification__container{
	z-index:19;
	position:relative;
}
.cpe-banner-notification__icon{
	align-items:center;
	color:var(--canvas-text-background-color);
	display:flex;
	justify-content:center;
	width:40px;
	border-radius:calc(var(--border-radius) - 1px) 0 0 calc(var(--border-radius) - 1px);
}
.is-alert .cpe-banner-notification__icon{
	background-color:var(--alert-background-color);
	color:var(--alert-foreground-color);
}
.is-pause .cpe-banner-notification__icon{
	background-color:var(--pause-background-color);
	color:var(--pause-foreground-color);
}
.is-warning .cpe-banner-notification__icon{
	background-color:var(--warning-background-color);
	color:var(--warning-foreground-color);
}
.is-success .cpe-banner-notification__icon{
	background-color:var(--success-background-color);
	color:var(--success-foreground-color);
}
.is-progress .cpe-banner-notification__icon{
	background-color:var(--progress-background-color);
	color:var(--progress-foreground-color);
}
.is-message .cpe-banner-notification__icon{
	background-color:var(--message-background-color);
	color:var(--message-foreground-color);
}



.cpe-banner-notification__text{
	color:inherit;
	flex:1;
	font-size:14px;
	line-height:1.29;
	padding:13px 12px;
}

.cpe-banner-notification a {
color:var(--luna-hyperlink-background-color);
}

.cpe-banner-notification a:visited {
color:var(--luna-visited-hyperlink-background-color);
}


.cpe-banner-notification a:hover {
color:var(--luna-hyperlink-background-color-hover);
}

.cpe-banner-notification a:hover:visited {
color:var(--luna-visited-hyperlink-background-color-hover);
}

.cpe-banner-notification a:active {
color:var(--luna-active-text-background-color-hover);
}



.cpe-banner-notification__close{
	cursor:var(--cpe-hand-cursor);
	padding:12px 12px;
	display:flex;
   	align-items:center;
	font-size:0; 
	box-sizing:content-box;
 }

 #floatingbanner {
  position:fixed;
  bottom:55px;
  left:calc(5px + var(--left-padding,0px));
  width:inherit;
  max-width:calc(100% - 10px);
  width:480px;
  z-index:19; /* Needed lower value to allow header dropdowns not to overlap */
  transition:left var(--transition-duration) var(--transition-timing-function);
}

 #floatingbanner .banners {
	  scrollbar-width:thin;
	  scrollbar-color:var(--scrollbar-thumb-color-1) var(--scrollbar-track-color-1);
	 /** Scrollbar Styling **/
		/* Width */
		--scrollbar-width:8.5px;
		/* Track */
		--scrollbar-track-color-1:transparent;
		--scrollbar-track-color-2:transparent;
		--scrollbar-track-text:transparent;
		/* Thumb */
		--scrollbar-thumb-color-1:var(--highlight-background-color);
		--scrollbar-thumb-color-2:var(--highlight-background-color-hover);
		--scrollbar-thumb-text:var(--highlight-foreground-color);
		overflow-y:scroll;
		max-height:calc(100dvh - calc(var(--minibar-size,0) * 2) - 45px);
}

@media (orientation: landscape) {
	#floatingbanner {
		bottom:5px;
	}

	#floatingbanner .banners {
		max-height:calc(100dvh - calc(var(--minibar-size,0) * 1) - 45px);
	}

}


/* Checkboxes */
input[type="checkbox"], input[type="radio"] {
  box-shadow:inset 0 0 0 1px var(--checkbox-focused-shadow), var(--threeD-shadow);
  background-color:var(--checkbox-unchecked-bg);
  color:var(--checkbox-active-bg);
  border-radius:var(--menu-border-radius);
  position:relative;
  transition:background-color var(--transition-duration) var(--transition-timing-function), box-shadow var(--transition-duration) var(--transition-timing-function), color var(--transition-duration) var(--transition-timing-function), opacity var(--transition-duration) var(--transition-timing-function), -webkit-mask-size var(--transition-duration) var(--transition-timing-function), mask-size var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function);
  height:1.66em;
  width:1.66em;
  vertical-align:middle;
  -webkit-appearance:none;
  appearance:none;
  border:1px solid;
  border-color:var(--checkbox-unchecked-shadow);
  margin:4px;
}

[type="checkbox"], [type="radio"] {
  display:inline-block;
}


input[type="checkbox"]:checked:not(:active):focus, input[type="radio"]:checked:not(:active):focus {
	--checkbox-focused-shadow:var(--checkbox-checked-text);
}


.cpe-dropdown__content .cpe-list input[type="checkbox"], .cpe-dropdown__content .cpe-list input[type="radio"] {
	width:15px;
	height:15px;
}


input[type="radio"] {
  border-radius:50%;
}


input[type="checkbox"]:hover, input[type="radio"]:hover {
	box-shadow:inset 0 0 0 1px var(--checkbox-focused-shadow), var(--threeD-shadow);
	background-color:var(--checkbox-unchecked-bg-hover);
	border-color:var(--checkbox-unchecked-shadow-hover);
}


input[type="checkbox"]:active, input[type="radio"]:active {
  box-shadow:inset 0 0 0 1px var(--checkbox-focused-shadow), var(--threeD-shadow-active);
  border-color:var(--checkbox-active-bg);
  background-color:var(--checkbox-active-bg);
  color:var(--checkbox-active-bg);
}

input[type="checkbox"]:checked, input[type="radio"]:checked,
input[type="checkbox"]:indeterminate {
  --contrast-box-shadow:inset 0 0 0 1px var(--checkbox-focused-shadow);
  box-shadow:inset 0 0 0 1px var(--checkbox-focused-shadow), var(--threeD-shadow);
  border-color:var(--checkbox-checked-shadow);
  background-color:var(--checkbox-checked-bg);
  color:var(--checkbox-checked-text);
}



input[type="checkbox"]:checked:hover, input[type="radio"]:checked:hover,
input[type="checkbox"]:indeterminate:hover {
  --contrast-box-shadow:inset 0 0 0 1px var(--checkbox-focused-shadow);
  box-shadow:inset 0 0 0 1px var(--checkbox-focused-shadow), var(--threeD-shadow);
  border-color:var(--checkbox-checked-shadow-hover);
  background-color:var(--checkbox-checked-bg-hover);
  color:var(--checkbox-checked-text-hover);

}


input[type="checkbox"]:checked:active, input[type="radio"]:checked:active,
input[type="checkbox"]:indeterminate:active  {
  --contrast-box-shadow:inset 0 0 0 1px var(--checkbox-focused-shadow);
  box-shadow:inset 0 0 0 1px var(--checkbox-focused-shadow), var(--threeD-shadow-active);
  border-color:var(--checkbox-checked-shadow-active-bg);
  background-color:var(--checkbox-active-bg);
  color:var(--checkbox-active-bg);
}

input[type="checkbox"]::after, input[type="radio"]::after {
    --icon-scale: 0;
    --icon-size: 1em;
    content: "";
    display: flex!important;
    content: "";
    position: absolute;
    transition: opacity var(--transition-duration) var(--transition-timing-function),transform var(--transition-duration) var(--transition-timing-function);
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    font-size: 140%!important;
    box-sizing: content-box;
    align-items: center;
    justify-content: center;
	font-variation-settings:'FILL' 1;
}

input[type="checkbox"]::after {
	content:"done";
}

input[type="checkbox"]:indeterminate::after {
	content:"minimize";
	min-height:70%!important;
	height:70%!important;
	align-items:flex-end;
}

input[type="radio"]::after {
	content:"circle";
	font-size:100%!important;
}


input[type="checkbox"]:indeterminate::after,
input[type="checkbox"]:checked::after,
input[type="radio"]:checked::after  {
    opacity:1;
	--icon-scale:1;
}


/* Progresses */
progress {
  --tabs-color:var(--canvas-tabs-background-color);
  --tabs-opacity:var(--canvas-active-tabs-opacity);
  --range-percent:0%;
  --range-filler-color:var(--highlight-background-color);
  --range-filler-color-2:rgb(var(--tabs-color) / var(--tabs-opacity));
  --range-border-color:var(--canvas-foreground-color);
  color: var(--range-border-color);
  margin: 0 auto;
  background-color: var(--range-filler-background-color-2);
  background-image:linear-gradient(to right,var(--range-filler-color) var(--range-percent),transparent var(--range-percent));
  height: 14.5px;
  min-width: 150px;
  -webkit-appearance: none;
  appearance:none;
  cursor:inherit;
    border:1px solid var(--range-border-color);
    margin:5.5px 0 11.25px;
	border-radius:var(--border-radius);
	box-shadow:var(--threeD-shadow);
	box-sizing:border-box;
}

progress.is-halted {
  --range-filler-color:var(--pause-background-color);
}

progress.is-done {
  --range-filler-color:var(--success-background-color);
}

progress.is-failed {
  --range-filler-color:var(--alert-background-color);
}


progress::-webkit-progress-bar {
    border: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

progress::-webkit-progress-value {
    border: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}


progress::-moz-progress-bar {
    border: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}



/** Ranges **/

/* Base */
input[type="range"] {
  --tabs-color:var(--canvas-tabs-background-color);
  --tabs-opacity:var(--canvas-active-tabs-opacity);
  --range-percent:0%;
  --range-filler-color:var(--highlight-background-color);
  --range-filler-color-hover:var(--highlight-background-color-hover);
  --range-filler-color-2:rgb(var(--tabs-color) / var(--tabs-opacity));
  --range-border-color:var(--canvas-foreground-color);
  color: var(--range-border-color);
  margin: 0 auto;
  background-color: transparent;
  height: 35px;
  min-width: 175px;
  -webkit-appearance: none;
  appearance:none;
  cursor:inherit;
}

/* Thumb */
input[type="range"]::-webkit-slider-thumb {
  border-radius: 50%;
  background-color: var(--range-filler-color);
  box-shadow:0 0 0 0 var(--range-border-color), var(--threeD-shadow);
  border: 1px solid var(--range-border-color);
  -webkit-appearance: none;
  appearance:none;
  width: 25px;
  height: 25px;
  transition: background-color var(--transition-duration) var(--transition-timing-function), box-shadow var(--outline-transition-duration) var(--transition-timing-function), background-image var(--transition-duration) var(--transition-timing-function);
  margin-top: -6.75px;
  /* Hack for Chrome and Safari */
  overflow: visible;
}

input[type="range"]::-moz-range-thumb {
  border-radius: 50%;
  background-color: var(--range-filler-color);
  box-shadow:0 0 0 0 var(--range-border-color), var(--threeD-shadow);
  border: 1px solid var(--range-border-color);
  -webkit-appearance: none;
  appearance:none;
  width: 25px;
  height: 25px;
  transition: background-color var(--transition-duration) var(--transition-timing-function), box-shadow var(--outline-transition-duration) var(--transition-timing-function), background-image var(--transition-duration) var(--transition-timing-function);
  vertical-align: middle;
  margin-top: 0px;
}


input[type="range"]::-webkit-slider-thumb:hover {
  background-color: var(--range-filler-color-hover);
  box-shadow:0 0 0 0.5px var(--range-border-color), var(--threeD-shadow);
}

input[type="range"]::-moz-range-thumb:hover {
  background-color: var(--range-filler-color-hover);
  box-shadow:0 0 0 0.5px var(--range-border-color), var(--threeD-shadow);
}


input[type="range"]::-webkit-slider-thumb:active {
  background-color: var(--range-filler-color-hover);
  box-shadow:0 0 0 1px var(--range-border-color), var(--threeD-shadow-active);
}

input[type="range"]::-moz-range-thumb:active {
  background-color: var(--range-filler-color-hover);
  box-shadow:0 0 0 1px var(--range-border-color), var(--threeD-shadow-active);
}


/* Runnable Track */
input[type="range"]::-webkit-slider-runnable-track {
  border:1px solid var(--range-border-color);
  padding: 0;
  background-color: var(--range-filler-color-2);
  background-image:linear-gradient(to right,var(--range-filler-color) var(--range-percent),transparent var(--range-percent));
  color: transparent;
  height: 14.5px;
  -webkit-appearance: none;
  appearance:none;
  vertical-align: middle;
  border-radius:var(--border-radius);
  box-shadow:var(--threeD-shadow);
  box-sizing:border-box;
  transition: background-color var(--transition-duration) var(--transition-timing-function), box-shadow var(--outline-transition-duration) var(--transition-timing-function), background-image var(--transition-duration) var(--transition-timing-function);
}

input[type="range"]::-moz-range-track {
  border:1px solid var(--range-border-color);
  padding: 0;
  background-color: var(--range-filler-color-2);
  background-image:linear-gradient(90deg,var(--range-filler-color) var(--range-percent),transparent var(--range-percent));
  color: transparent;
  height: 14.5px;
  -webkit-appearance: none;
  appearance:none;
  vertical-align: middle;
  border-radius:var(--border-radius);
  box-shadow:var(--threeD-shadow);
  box-sizing:border-box;
  transition: background-color var(--transition-duration) var(--transition-timing-function), box-shadow var(--outline-transition-duration) var(--transition-timing-function), background-image var(--transition-duration) var(--transition-timing-function);
}

/* Filler */
input[type="range"]::-moz-range-progress {
  background-color: transparent;
  border: 0;
  height: 14.5px;
  display:none;
}

/* No Special Cursor */
.phone  {
  --cpe-body-cursor:auto!important;
  --cpe-default-cursor: default!important;
  --cpe-menu-cursor: context-menu;
  --cpe-blocked-cursor:not-allowed!important;
  --cpe-help-cursor:help!important;
  --cpe-text-cursor:text!important;
  --cpe-hand-cursor:pointer!important;
}


/* And one more thing */

@supports (scrollbar-width:none) {
.phone * {
	scrollbar-width:none!important;
}
}

/** Visual Modes **/
/* General */
.visualmode-threeD .standard-on,
.visualmode-lite .standard-on,
.visualmode-contrast .standard-on {
	display:none!important;
}

html:not(.visualmode-lite) .lite-on {
	display:none!important;
}

html:not(.visualmode-contrast) .contrast-on {
	display:none!important;
}

html:not(.visualmode-threeD) .threeD-on {
	display:none!important;
}

/* ThreeD */
.visualmode-threeD {
/* ThreeD */
--threeD-shadow:inset 2px 2px 4px 0 #fff5, inset -2px -2px 5px 0px #0005;
--threeD-shadow-active:inset 2px 2px 4px 0 #0005, inset -2px -2px 5px 0px #fff5;
--threeD-shadow-small:inset 1px 1px 2px 0 #fff5, inset -1px -1px 2.5px 0px #0005;
--threeD-shadow-small-active:inset 1px 1px 2px 0 #0005, inset -1px -1px 5px 0px #fff5;
}

/* Lite */
.visualmode-lite body,
.visualmode-lite .cpe-dropdown__content,
.visualmode-lite .cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content,
.visualmode-contrast body,
.visualmode-contrast .cpe-dropdown__content,
.visualmode-contrast .cpe-dropdown__content .cpe-list.is-linked .cpe-dropdown-level-nested .cpe-dropdown-level-nested__content {
	--acrylic-opacity:1!important;
	--mica-opacity:0!important;
	--mica-opacity-2:1!important;
	--accented-acrylic-opacity:1!important;
	--accented-mica-opacity:0!important;
	--accented-mica-opacity-2:1!important;
	--hyperlink-acrylic-opacity:1!important;
	--hyperlink-mica-opacity:0!important;
	--hyperlink-mica-opacity-2:1!important;
	--simple-fallback-color:var(--canvas-background-color);
}


.visualmode-lite body,
.visualmode-contrast body {
	--acrylic-filter:none!important;
    --mica-filter:none!important;
	--mica-content:none;
}


/* Contrast */
.visualmode-contrast {
	--emoji-fonts:var(--code-emoji-fonts); /* Don't use Color Emoji in High Contrast Mode */
	font-variant-emoji:text;
}

.visualmode-contrast body {
/* Mica */
--mica-background-color:var(--canvas-secondary-background-color);
/* Luna Colors */
--luna-border-background-color:var(--luna-foreground-color)!important;
/* Desktop */
--desktop-background-color-hover:var(--desktop-background-color)!important;
--desktop-foreground-color:var(--desktop-text-background-color)!important;
--desktop-foreground-color-hover:var(--desktop-text-background-color)!important;
/* Desktop Text */
--desktop-text-background-color-hover:var(--desktop-text-background-color)!important;
--desktop-text-foreground-color:var(--desktop-background-color)!important;
--desktop-text-foreground-color-hover:var(--desktop-background-color)!important;
/* Canvas */
--canvas-background-color-hover:var(--canvas-background-color)!important;
--canvas-foreground-color:var(--canvas-text-background-color)!important;
--canvas-foreground-color-hover:var(--canvas-text-background-color)!important;
/* 3d Canvas */
	--canvas-3d-background-color:#c0c0c0!important;
	--canvas-3d-background-color-dark:#808080!important;
/* 2nd Canvas */
--canvas-secondary-background-color-hover:var(--canvas-secondary-background-color)!important;
--canvas-secondary-foreground-color:var(--canvas-text-secondary-background-color)!important;
--canvas-secondary-foreground-color-hover:var(--canvas-text-secondary-background-color)!important;
/* Inactive Text */
--inactive-text-background-color-hover:var(--inactive-text-background-color)!important;
--inactive-text-foreground-color:var(--canvas-background-color)!important;
--inactive-text-foreground-color-hover:var(--canvas-background-color)!important;
/* Inctive Text */
--inactive-text-secondary-background-color-hover:var(--inactive-text-secondary-background-color)!important;
--inactive-text-tertiary-background-color-hover:var(--inactive-text-tertiary-background-color)!important;
--inactive-text-quaternary-background-color-hover:var(--inactive-text-quaternary-background-color)!important;
/* Active Text */
--active-text-background-color-hover:var(--active-text-background-color)!important;
--active-text-foreground-color:var(--canvas-background-color)!important;
--active-text-foreground-color-hover:var(--canvas-background-color)!important;
/* Active Text */
--active-text-secondary-background-color-hover:var(--active-text-secondary-background-color)!important;
--active-text-tertiary-background-color-hover:var(--active-text-tertiary-background-color)!important;
--active-text-quaternary-background-color-hover:var(--active-text-quaternary-background-color)!important;
/* Canvas Text */
--canvas-text-background-color-hover:var(--canvas-text-background-color)!important;
--canvas-text-foreground-color:var(--canvas-background-color)!important;
--canvas-text-foreground-color-hover:var(--canvas-background-color)!important;
/* 2nd Canvas Text */
--canvas-text-secondary-background-color-hover:var(--canvas-text-secondary-background-color)!important;
--canvas-text-secondary-foreground-color:var(--canvas-secondary-background-color)!important;
--canvas-text-secondary-foreground-color-hover:var(--canvas-secondary-background-color)!important;
/* Highlight */
--highlight-background-color-hover:var(--highlight-background-color)!important;
--highlight-foreground-color:var(--highlight-text-background-color)!important;
--highlight-foreground-color-hover:var(--highlight-text-background-color)!important;
/* Highlight */
--highlight-secondary-background-color-hover:var(--highlight-secondary-background-color)!important;
--highlight-tertiary-background-color-hover:var(--highlight-tertiary-background-color)!important;
--highlight-quaternary-background-color-hover:var(--highlight-quaternary-background-color)!important;
/* Highlight Text */
--highlight-text-background-color-hover:var(--highlight-text-background-color)!important;
--highlight-text-foreground-color:var(--highlight-background-color)!important;
--highlight-text-foreground-color-hover:var(--highlight-background-color)!important;
/* Hyperlink */
--hyperlink-background-color-hover:var(--hyperlink-background-color)!important;
--hyperlink-foreground-color:var(--canvas-background-color)!important;
--hyperlink-foreground-color-hover:var(--canvas-background-color)!important;
/* Hyperlink */
--hyperlink-secondary-background-color-hover:var(--hyperlink-secondary-background-color)!important;
--hyperlink-tertiary-background-color-hover:var(--hyperlink-tertiary-background-color)!important;
--hyperlink-quaternary-background-color-hover:var(--hyperlink-quaternary-background-color)!important;
/* Visited Hyperlink */
--visited-hyperlink-background-color-hover:var(--visited-hyperlink-background-color)!important;
--visited-hyperlink-foreground-color:var(--canvas-background-color)!important;
--visited-hyperlink-foreground-color-hover:var(--canvas-background-color)!important;
/* Visited Hyperlink */
--visited-hyperlink-secondary-background-color-hover:var(--visited-hyperlink-secondary-background-color)!important;
--visited-hyperlink-tertiary-background-color-hover:var(--visited-hyperlink-tertiary-background-color)!important;
--visited-hyperlink-quaternary-background-color-hover:var(--visited-hyperlink-quaternary-background-color)!important;
/* Active Title */
--active-title-background-color-hover:var(--active-title-background-color)!important;
--active-title-foreground-color:var(--active-title-text-background-color)!important;
--active-title-foreground-color-hover:var(--active-title-text-background-color)!important;
/* Active Title */
--active-title-secondary-background-color-hover:var(--active-title-secondary-background-color)!important;
--active-title-tertiary-background-color-hover:var(--active-title-tertiary-background-color)!important;
--active-title-quaternary-background-color-hover:var(--active-title-quaternary-background-color)!important;
/* Active Title Text */
--active-title-text-background-color-hover:var(--active-title-text-background-color)!important;
--active-title-text-foreground-color:var(--active-title-background-color)!important;
--active-title-text-foreground-color-hover:var(--active-title-background-color)!important;
/* Inactive Title */
--inactive-title-background-color-hover:var(--inactive-title-background-color)!important;
--inactive-title-foreground-color:var(--inactive-title-text-background-color)!important;
--inactive-title-foreground-color-hover:var(--inactive-title-text-background-color)!important;
/* Inactive Title Text */
--inactive-title-text-background-color-hover:var(--inactive-title-text-background-color)!important;
--inactive-title-text-foreground-color:var(--inactive-title-background-color)!important;
--inactive-title-text-foreground-color-hover:var(--inactive-title-background-color)!important;
/* Alert */
--alert-fadeout-color:var(--hyperlink-fadeout-color)!important;
--alert-background-color:var(--hyperlink-background-color)!important;
--alert-background-color-hover:var(--hyperlink-background-color-hover)!important;
--alert-background-color-hover-2:var(--hyperlink-background-color-hover)!important;
--alert-gradient-color:var(--hyperlink-gradient-color)!important;
--alert-gradient-color-hover:var(--hyperlink-gradient-color-hover)!important;
--alert-foreground-color:var(--hyperlink-foreground-color)!important;
--alert-foreground-color-hover:var(--hyperlink-foreground-color-hover)!important;
--alert-secondary-background-color:var(--hyperlink-secondary-background-color)!important;
--alert-secondary-background-color-hover:var(--alert-secondary-background-color)!important;
--alert-tertiary-background-color:var(--hyperlink-tertiary-background-color)!important;
--alert-tertiary-background-color-hover:var(--alert-tertiary-background-color)!important;
--alert-quaternary-background-color:var(--hyperlink-quaternary-background-color)!important;
--alert-quaternary-background-color-hover:var(--alert-quaternary-background-color)!important;
/* Pause */
--pause-fadeout-color:var(--inactive-text-fadeout-color)!important;
--pause-background-color:var(--inactive-text-background-color)!important;
--pause-background-color-hover:var(--inactive-text-background-color-hover)!important;
--pause-background-color-hover-2:var(--inactive-text-background-color-hover)!important;
--pause-gradient-color:var(--inactive-text-gradient-color)!important;
--pause-gradient-color-hover:var(--inactive-text-gradient-color-hover)!important;
--pause-foreground-color:var(--inactive-text-foreground-color)!important;
--pause-foreground-color-hover:var(--inactive-text-foreground-color-hover)!important;
--pause-secondary-background-color:var(--inactive-text-secondary-background-color)!important;
--pause-secondary-background-color-hover:var(--pause-secondary-background-color)!important;
--pause-tertiary-background-color:var(--inactive-text-tertiary-background-color)!important;
--pause-tertiary-background-color-hover:var(--pause-tertiary-background-color)!important;
--pause-quaternary-background-color:var(--inactive-text-quaternary-background-color)!important;
--pause-quaternary-background-color-hover:var(--pause-quaternary-background-color)!important;
/* Warning */
--warning-fadeout-color:var(--highlight-fadeout-color)!important;
--warning-background-color:var(--highlight-background-color)!important;
--warning-background-color-hover:var(--highlight-background-color-hover)!important;
--warning-background-color-hover-2:var(--highlight-background-color-hover)!important;
--warning-gradient-color:var(--highlight-gradient-color)!important;
--warning-gradient-color-hover:var(--highlight-gradient-color-hover)!important;
--warning-foreground-color:var(--highlight-foreground-color)!important;
--warning-foreground-color-hover:var(--highlight-foreground-color-hover)!important;
--warning-secondary-background-color:var(--highlight-secondary-background-color)!important;
--warning-secondary-background-color-hover:var(--warning-secondary-background-color)!important;
--warning-tertiary-background-color:var(--highlight-tertiary-background-color)!important;
--warning-tertiary-background-color-hover:var(--warning-tertiary-background-color)!important;
--warning-quaternary-background-color:var(--highlight-quaternary-background-color)!important;
--warning-quaternary-background-color-hover:var(--warning-quaternary-background-color)!important;
/* Success */
--success-fadeout-color:var(--canvas-text-fadeout-color)!important;
--success-background-color:var(--canvas-text-background-color)!important;
--success-background-color-hover:var(--canvas-text-background-color-hover)!important;
--success-background-color-hover-2:var(--canvas-text-background-color-hover)!important;
--success-gradient-color:var(--canvas-text-gradient-color)!important;
--success-gradient-color-hover:var(--canvas-text-gradient-color-hover)!important;
--success-foreground-color:var(--canvas-text-foreground-color)!important;
--success-foreground-color-hover:var(--canvas-text-foreground-color-hover)!important;
--success-secondary-background-color:var(--canvas-text-secondary-background-color)!important;
--success-secondary-background-color-hover:var(--success-secondary-background-color)!important;
--success-tertiary-background-color:var(--active-title-text-background-color)!important;
--success-tertiary-background-color-hover:var(--success-tertiary-background-color)!important;
--success-quaternary-background-color:var(--desktop-text-background-color)!important;
--success-quaternary-background-color-hover:var(--success-quaternary-background-color)!important;
/* Progress */
--progress-fadeout-color:var(--active-title-fadeout-color)!important;
--progress-background-color:var(--active-title-background-color)!important;
--progress-background-color-hover:var(--active-title-background-color-hover)!important;
--progress-background-color-hover-2:var(--active-title-background-color-hover)!important;
--progress-gradient-color:var(--active-title-gradient-color)!important;
--progress-gradient-color-hover:var(--active-title-gradient-color-hover)!important;
--progress-foreground-color:var(--active-title-foreground-color)!important;
--progress-foreground-color-hover:var(--active-title-foreground-color-hover)!important;
--progress-secondary-background-color:var(--active-title-secondary-background-color)!important;
--progress-secondary-background-color-hover:var(--progress-secondary-background-color)!important;
--progress-tertiary-background-color:var(--active-title-tertiary-background-color)!important;
--progress-tertiary-background-color-hover:var(--progress-tertiary-background-color)!important;
--progress-quaternary-background-color:var(--active-title-quaternary-background-color)!important;
--progress-quaternary-background-color-hover:var(--progress-quaternary-background-color)!important;
/* Message */
--message-fadeout-color:var(--inactive-text-fadeout-color)!important;
--message-background-color:var(--inactive-text-background-color)!important;
--message-background-color-hover:var(--inactive-text-background-color-hover)!important;
--message-background-color-hover-2:var(--inactive-text-background-color-hover)!important;
--message-gradient-color:var(--inactive-text-gradient-color)!important;
--message-gradient-color-hover:var(--inactive-text-gradient-color-hover)!important;
--message-foreground-color:var(--inactive-text-foreground-color)!important;
--message-foreground-color-hover:var(--inactive-text-foreground-color-hover)!important;
--message-secondary-background-color:var(--inactive-text-secondary-background-color)!important;
--message-secondary-background-color-hover:var(--message-secondary-background-color)!important;
--message-tertiary-background-color:var(--inactive-text-tertiary-background-color)!important;
--message-tertiary-background-color-hover:var(--message-tertiary-background-color)!important;
--message-quaternary-background-color:var(--inactive-text-quaternary-background-color)!important;
--message-quaternary-background-color-hover:var(--message-quaternary-background-color)!important;
/* Graphs */
--cpu-graph-background-color:var(--canvas-text-background-color)!important;
--ram-graph-background-color:var(--canvas-text-background-color)!important;
--disk-graph-background-color:var(--canvas-text-background-color)!important;
--network-graph-background-color:var(--canvas-text-background-color)!important;
--gpu-graph-background-color:var(--canvas-text-background-color)!important;
--npu-graph-background-color:var(--canvas-text-background-color)!important;
}

.visualmode-contrast body [force-active] {/* Luna Colors */
--luna-border-background-color:var(--luna-foreground-color)!important;
}

.visualmode-contrast ::-webkit-scrollbar-thumb {
	background-color:var(--scrollbar-track-color-1);
	color:var(--scrollbar-track-text);
	border-color:currentColor;
	box-shadow:none!important;
	border-width:1px;
}

.visualmode-contrast ::-webkit-scrollbar-thumb:hover {
	background-color:var(--scrollbar-thumb-color-1);
	color:var(--scrollbar-thumb-text);
	border-color:var(--scrollbar-thumb-color-1);
	box-shadow:none!important;
}


.visualmode-contrast .cpe-settings-fieldset fieldset .cpe-settings-fieldset {
	border-color:currentColor;
}

.visualmode-contrast .cpe-settings-fieldset fieldset .cpe-settings-fieldset fieldset .cpe-settings-fieldset {
	border-color:var(--inactive-text-background-color);
}

.visualmode-contrast container *:not(progress), .visualmode-contrast container :after  {
  text-shadow:none!important;
  box-shadow:var(--contrast-box-shadow)!important;
}

.visualmode-contrast body .fancytable > tr > td.is-message-color,
.visualmode-contrast body .fancytable > * > tr > td.is-message-color {
	background-color:var(--inactive-title-background-color);
	color:var(--inactive-title-foreground-color);
}


.visualmode-contrast .cpe-input {
    background-color:var(--input-box-color-contrast);
}


.visualmode-contrast [cpe-tooltip]:before {
	border-color:var(--canvas-text-background-color);
}

.visualmode-contrast [cpe-tooltip]:after {
	border:1px solid var(--canvas-text-background-color);
}


.visualmode-contrast body {
/* Base Styling */
--dropdown-inactive-text-color:var(--dropdown-text-color);
/* Link Styling */
--dropdown-hyperlink-background-color:var(--highlight-text-background-color);
--dropdown-hyperlink-border-color:var(--highlight-background-color);
--dropdown-hyperlink-text-color:var(--highlight-background-color);
/* Link Styling */
--dropdown-active-hyperlink-background-color:var(--highlight-background-color);
--dropdown-active-hyperlink-border-color:transparent;
--dropdown-active-hyperlink-text-color:var(--highlight-text-background-color);
}


.visualmode-contrast .cpe-floating-button {
/* Colors */
  --floating-button-color-active:var(--highlight-text-background-color);
  --floating-button-background-color-active:var(--highlight-background-color);
/* Automated */
  --floating-button-color-hover:var(--floating-button-background-color-active);
  --floating-button-background-color-hover:var(--floating-button-color-active);
  --floating-button-border-color:var(--floating-button-color);
  --floating-button-border-color-hover:var(--floating-button-background-color-active);
  --floating-button-border-color-active:var(--floating-button-background-color-active);
}


.visualmode-contrast stroke {
  color:var(--canvas-text-background-color)!important;
}

.visualmode-contrast pre, .visualmode-contrast code {
  background-color:var(--canvas-background-color);
  color:var(--canvas-text-background-color);
  border-color:var(--inactive-text-background-color);
}

.visualmode-contrast mark {
color:var(--highlight-text-background-color);
background-color:var(--highlight-background-color);
}

.visualmode-contrast .cpe-button,
.visualmode-contrast input[type="range"],
.visualmode-contrast progress {
	--tabs-color:0,0,0!important;
	--tabs-opacity:0!important;
}


.visualmode-contrast .cpe-button.is-alert-color,
.visualmode-contrast li.new .cpe-button {
  --button-background-color:var(--hyperlink-background-color);
  --button-background-color-hover:var(--hyperlink-background-color-hover-2);
  --button-foreground-color:var(--hyperlink-foreground-color);
 
}

.visualmode-contrast .cpe-button.is-pause-color {
  --button-background-color:var(--inactive-text-background-color);
  --button-background-color-hover:var(--inactive-text-background-color-hover-2);
  --button-foreground-color:var(--inactive-text-foreground-color);
 
}


.visualmode-contrast .cpe-button.is-warning-color {
  --button-background-color:var(--highlight-background-color);
  --button-background-color-hover:var(--highlight-background-color-hover-2);
  --button-foreground-color:var(--highlight-foreground-color);
}

.visualmode-contrast .cpe-button.is-success-color {
  --button-background-color:var(--canvas-text-background-color);
  --button-background-color-hover:var(--canvas-text-background-color-hover-2);
  --button-foreground-color:var(--canvas-text-foreground-color);
}

.visualmode-contrast .cpe-button.is-progress-color,
.visualmode-contrast li.stub .cpe-button {
  --button-background-color:var(--active-title-background-color);
  --button-background-color-hover:var(--active-title-background-color-hover-2);
  --button-foreground-color:var(--active-title-foreground-color);
}

.visualmode-contrast .cpe-button.is-info-color,
.visualmode-contrast .cpe-button.is-message-color {
  --button-background-color:var(--inactive-title-background-color);
  --button-background-color-hover:var(--inactive-title-background-color-hover-2);
  --button-foreground-color:var(--inactive-title-foreground-color);
 
}


/* Primary, Secondary and Frameless */
.visualmode-contrast .cpe-button:hover,
.visualmode-contrast .cpe-button:active, 
.visualmode-contrast .cpe-button:focus:not(:active), 
.visualmode-contrast .cpe-button.is-active, 
.visualmode-contrast .selected .cpe-button,
.visualmode-contrast .cpe-dropdown.opens-on-hover:hover > .cpe-button,
.visualmode-contrast .cpe-dropdown:focus > .cpe-button,
.visualmode-contrast .cpe-dropdown:focus-within > .cpe-button {
    border-color:var(--button-background-color);
    color:var(--button-background-color);
    background-color:var(--button-foreground-color);
}


.visualmode-contrast .cpe-button.is-tertiary:hover,
.visualmode-contrast .cpe-button.is-tertiary:active, 
.visualmode-contrast .cpe-button.is-tertiary:focus:not(:active), 
.visualmode-contrast .cpe-button.is-tertiary.is-active, 
.visualmode-contrast .selected .cpe-button.is-tertiary,
.visualmode-contrast .cpe-dropdown.opens-on-hover:hover > .cpe-button.is-tertiary,
.visualmode-contrast .cpe-dropdown:focus > .cpe-button.is-tertiary,
.visualmode-contrast .cpe-dropdown:focus-within > .cpe-button.is-tertiary,
/* Forced */
.visualmode-contrast .force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):hover,
.visualmode-contrast .force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):active, 
.visualmode-contrast .force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text):focus:not(:active), 
.visualmode-contrast .force-tertiary .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text).is-active, 
.visualmode-contrast .force-tertiary .selected .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.visualmode-contrast .force-tertiary .cpe-dropdown.opens-on-hover:hover > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.visualmode-contrast .force-tertiary .cpe-dropdown:focus > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text),
.visualmode-contrast .force-tertiary .cpe-dropdown:focus-within > .cpe-button:not(.is-primary):not(.is-secondary):not(.is-text) {
    border-color:var(--button-background-color);
    color:var(--button-foreground-color);
    background-color:var(--button-background-color);
}

.visualmode-contrast body {
	--checkbox-tabs-opacity:0;
	--checkbox-tabs-background-color:0,0,0;
	--checkbox-unchecked-bg-hover:var(--highlight-text-background-color);
	--checkbox-unchecked-shadow-hover:var(--highlight-background-color);
	--checkbox-active-bg:var(--highlight-background-color);
	--checkbox-checked-bg:var(--highlight-background-color);
	--checkbox-checked-bg-hover:var(--canvas-text-background-color);
	--checkbox-checked-shadow:var(--checkbox-checked-bg);
	--checkbox-checked-shadow-hover:var(--checkbox-checked-bg-hover);
	--checkbox-checked-text:var(--highlight-foreground-color);
	--checkbox-checked-text-hover:var(--canvas-background-color);
}


.visualmode-contrast body {
	--checkbox-unchecked-shadow:var(--canvas-text-background-color);
}




.visualmode-contrast .is-alert .cpe-banner-notification__icon{
	background-color:var(--hyperlink-background-color);
	color:var(--hyperlink-foreground-color);
}
.visualmode-contrast .is-pause .cpe-banner-notification__icon{
	background-color:var(--inactive-text-background-color);
	color:var(--inactive-text-foreground-color);
}
.visualmode-contrast .is-warning .cpe-banner-notification__icon{
	background-color:var(--highlight-background-color);
	color:var(--highlight-foreground-color);
}
.visualmode-contrast .is-success .cpe-banner-notification__icon{
	background-color:var(--canvas-text-background-color);
	color:var(--canvas-text-foreground-color);
}
.visualmode-contrast .is-progress .cpe-banner-notification__icon{
	background-color:var(--active-title-background-color);
	color:var(--active-title-foreground-color);
}
.visualmode-contrast .is-message .cpe-banner-notification__icon{
	background-color:var(--inactive-title-background-color);
	color:var(--inactive-title-foreground-color);
}