[data-v-c01ce60a]:root{--max-page-width: 1400px;--font-headings: Acme, Oswald, sans-serif;--font-body: "Open Sans", sans-serif;--color-blue: #0b79ac;--color-soft-blue: #7daec5;--color-green: #28a05b;--color-yellow: #eeae00;--color-soft-yellow: #f5d16d;--color-red: #cf5364;--color-soft-red: #c59198;--color-red-strong: #b82f43;--color-pink: #d12372;--color-purple: #8b4ea3;--color-soft-purple: #886995;--color-true-white: #fff;--color-white: #fdfdfd;--color-gray: #aaa;--color-black: #2d2d2d;--color-main: var(--color-blue);--color-main-dark: rgb(90, 117, 146);--color-main-light: rgba(90, 117, 146, .2);--color-main-lighter: rgba(90, 117, 146, .1);--color-main-background: rgb(227, 232, 238);--color-main-light-1: #e4e9ee;--color-main-light-2: #c8d1db;--color-pill-blue-bg: rgba(125, 174, 197, .16);--color-pill-yellow-bg: rgba(245, 209, 109, .22);--color-pill-red-bg: rgba(197, 145, 152, .22);--text-dark: #222;--text-normal: #3d3d3d;--text-light: #999;--text-lighter: #ccc;--text-on-dark: #fff;--text-headings: #708ca1;--color-content-background: #f4f6f8;--color-link: var(--color-blue);--color-link-hover: var(--color-pink);--color-button: var(--color-link);--color-button-text: #fff;--color-form-field: #fff;--color-form-field-disabled: #e8e8e8;--color-form-field-readonly: #fafafa;--color-form-field-red: rgba(207, 83, 100, .05);--color-form-field-red-border: rgba(207, 83, 100, .4);--assignment-field-border: #ddd;--focus-highlight: rgba(11, 121, 172, .4);--focus-highlight-soft: rgba(11, 121, 172, .1);--focus-highlight-red: rgba(207, 83, 100, .3);--color-disabled: rgba(0, 0, 0, .2);--faded-background-light: rgba(0, 0, 0, .03);--faded-background: rgba(0, 0, 0, .1);--faded-background-medium: rgba(0, 0, 0, .15);--faded-background-strong: rgba(0, 0, 0, .3);--very-dark-background: rgba(0, 0, 0, .85);--least-bright-background: rgba(255, 255, 255, .2);--slightly-bright-background: rgba(255, 255, 255, .45);--bright-background: rgba(255, 255, 255, .7);--very-bright-background: rgba(255, 255, 255, .85);--brightest-background: rgba(255, 255, 255, .97);--floating-panel-background: rgba(255, 255, 255, .8);--border-line-softest: rgba(0, 0, 0, .05);--border-line-soft: rgba(0, 0, 0, .1);--border-line: rgba(0, 0, 0, .15);--border-line-dark: rgba(0, 0, 0, .2);--border-line-darkest: rgba(0, 0, 0, .4);--border-line-dim: rgba(255, 255, 255, .25);--border-line-bright: rgba(255, 255, 255, .5);--soft-shadow: rgba(0, 0, 0, .05);--main-shadow: rgba(0, 0, 0, .1);--dark-shadow: rgba(0, 0, 0, .2);--code-border: 0 1px 3px rgba(0, 0, 0, .4), inset 1px 1px rgba(255, 255, 255, .7);--z-index-header: 3;--z-index-cta-bar: 10;--z-index-local-modal: 40;--z-index-datepicker: 50;--z-index-modal: 60;--z-index-dropdown: 70;--z-index-contextmenu: 80;--z-index-notifications: 90;--z-index-tooltips: 100}@media(prefers-color-scheme:dark){[data-v-c01ce60a]:root:not([data-theme=light]){color-scheme:dark;--color-blue: rgb(59.809704918, 165.8337106201, 214.990295082);--color-soft-blue: rgb(168.4859574468, 193.005070922, 204.5140425532);--color-green: rgb(42.0455, 163.0545, 93.474325);--color-yellow: rgb(210.715, 158.6464285714, 17.085);--color-soft-yellow: rgb(235.6755384615, 212.7120180995, 148.9244615385);--color-red: rgb(207.0382272727, 88.0617727273, 104.3730608504);--color-soft-red: rgb(197.9462142857, 149.1537857143, 155.7219972527);--color-red-strong: rgb(197.2103896104, 84.7896103896, 101.2014029766);--color-pink: rgb(217.4851803279, 108.1148196721, 157.771477671);--color-purple: rgb(159.8876163046, 114.0960165975, 177.9039834025);--color-soft-purple: rgb(165.465035791, 155.941023622, 169.458976378);--color-true-white: #000;--color-white: #030303;--color-gray: #8c97ae;--color-black: #e4e9f4;--color-main: rgb(59.809704918, 165.8337106201, 214.990295082);--color-main-dark: rgb(142.2830508475, 163.1279661017, 185.5169491525);--color-main-light: rgba(59.809704918, 165.8337106201, 214.990295082, .26);--color-main-lighter: rgba(59.809704918, 165.8337106201, 214.990295082, .14);--color-main-background: #22232b;--color-main-light-1: #273548;--color-main-light-2: #354458;--color-pill-blue-bg: rgba(59.809704918, 165.8337106201, 214.990295082, .18);--color-pill-yellow-bg: rgba(210.715, 158.6464285714, 17.085, .22);--color-pill-red-bg: rgba(207.0382272727, 88.0617727273, 104.3730608504, .2);--text-dark: #f7f7f7;--text-normal: #dfdfdf;--text-light: #b3b3b3;--text-lighter: #8b8b8b;--text-on-dark: #000;--text-headings: #9db6d0;--color-content-background: #191b21;--color-link: var(--color-blue);--color-link-hover: rgb(249.46, 122.04, 197.5899115044);--color-button: var(--color-main);--color-button-text: #fff;--color-form-field: #000;--color-form-field-disabled: #121924;--color-form-field-readonly: #202c3b;--color-form-field-red: rgba(207.0382272727, 88.0617727273, 104.3730608504, .22);--color-form-field-red-border: rgba(207.0382272727, 88.0617727273, 104.3730608504, .6);--assignment-field-border: rgba(255, 255, 255, .08);--focus-highlight: rgba(59.809704918, 165.8337106201, 214.990295082, .4);--focus-highlight-soft: rgba(59.809704918, 165.8337106201, 214.990295082, .1);--focus-highlight-red: rgba(207.0382272727, 88.0617727273, 104.3730608504, .3);--color-disabled: rgba(255, 255, 255, .2);--faded-background-light: rgba(255, 255, 255, .07);--faded-background: rgba(255, 255, 255, .12);--faded-background-medium: rgba(255, 255, 255, .18);--faded-background-strong: rgba(255, 255, 255, .3);--very-dark-background: rgba(255, 255, 255, .85);--least-bright-background: rgba(0, 0, 0, .2);--slightly-bright-background: rgba(0, 0, 0, .45);--bright-background: rgba(0, 0, 0, .7);--very-bright-background: rgba(0, 0, 0, .85);--brightest-background: rgba(0, 0, 0, .97);--floating-panel-background: rgba(0, 0, 0, .8);--border-line-softest: rgba(255, 255, 255, .05);--border-line-soft: rgba(255, 255, 255, .1);--border-line: rgba(255, 255, 255, .15);--border-line-dark: rgba(255, 255, 255, .2);--border-line-darkest: rgba(255, 255, 255, .4);--border-line-dim: rgba(0, 0, 0, .25);--border-line-bright: rgba(0, 0, 0, .5);--soft-shadow: rgba(255, 255, 255, .05);--main-shadow: rgba(255, 255, 255, .1);--dark-shadow: rgba(255, 255, 255, .2);--code-border: 0 1px 3px rgba(255, 255, 255, .4), inset 1px 1px rgba(0, 0, 0, .7)}}:root[data-theme=dark][data-v-c01ce60a]{color-scheme:dark;--color-blue: rgb(59.809704918, 165.8337106201, 214.990295082);--color-soft-blue: rgb(168.4859574468, 193.005070922, 204.5140425532);--color-green: rgb(42.0455, 163.0545, 93.474325);--color-yellow: rgb(210.715, 158.6464285714, 17.085);--color-soft-yellow: rgb(235.6755384615, 212.7120180995, 148.9244615385);--color-red: rgb(207.0382272727, 88.0617727273, 104.3730608504);--color-soft-red: rgb(197.9462142857, 149.1537857143, 155.7219972527);--color-red-strong: rgb(197.2103896104, 84.7896103896, 101.2014029766);--color-pink: rgb(217.4851803279, 108.1148196721, 157.771477671);--color-purple: rgb(159.8876163046, 114.0960165975, 177.9039834025);--color-soft-purple: rgb(165.465035791, 155.941023622, 169.458976378);--color-true-white: #000;--color-white: #030303;--color-gray: #8c97ae;--color-black: #e4e9f4;--color-main: rgb(59.809704918, 165.8337106201, 214.990295082);--color-main-dark: rgb(142.2830508475, 163.1279661017, 185.5169491525);--color-main-light: rgba(59.809704918, 165.8337106201, 214.990295082, .26);--color-main-lighter: rgba(59.809704918, 165.8337106201, 214.990295082, .14);--color-main-background: #22232b;--color-main-light-1: #273548;--color-main-light-2: #354458;--color-pill-blue-bg: rgba(59.809704918, 165.8337106201, 214.990295082, .18);--color-pill-yellow-bg: rgba(210.715, 158.6464285714, 17.085, .22);--color-pill-red-bg: rgba(207.0382272727, 88.0617727273, 104.3730608504, .2);--text-dark: #f7f7f7;--text-normal: #dfdfdf;--text-light: #b3b3b3;--text-lighter: #8b8b8b;--text-on-dark: #000;--text-headings: #9db6d0;--color-content-background: #191b21;--color-link: var(--color-blue);--color-link-hover: rgb(249.46, 122.04, 197.5899115044);--color-button: var(--color-main);--color-button-text: #fff;--color-form-field: #000;--color-form-field-disabled: #121924;--color-form-field-readonly: #202c3b;--color-form-field-red: rgba(207.0382272727, 88.0617727273, 104.3730608504, .22);--color-form-field-red-border: rgba(207.0382272727, 88.0617727273, 104.3730608504, .6);--assignment-field-border: rgba(255, 255, 255, .08);--focus-highlight: rgba(59.809704918, 165.8337106201, 214.990295082, .4);--focus-highlight-soft: rgba(59.809704918, 165.8337106201, 214.990295082, .1);--focus-highlight-red: rgba(207.0382272727, 88.0617727273, 104.3730608504, .3);--color-disabled: rgba(255, 255, 255, .2);--faded-background-light: rgba(255, 255, 255, .07);--faded-background: rgba(255, 255, 255, .12);--faded-background-medium: rgba(255, 255, 255, .18);--faded-background-strong: rgba(255, 255, 255, .3);--very-dark-background: rgba(255, 255, 255, .85);--least-bright-background: rgba(0, 0, 0, .2);--slightly-bright-background: rgba(0, 0, 0, .45);--bright-background: rgba(0, 0, 0, .7);--very-bright-background: rgba(0, 0, 0, .85);--brightest-background: rgba(0, 0, 0, .97);--floating-panel-background: rgba(0, 0, 0, .8);--border-line-softest: rgba(255, 255, 255, .05);--border-line-soft: rgba(255, 255, 255, .1);--border-line: rgba(255, 255, 255, .15);--border-line-dark: rgba(255, 255, 255, .2);--border-line-darkest: rgba(255, 255, 255, .4);--border-line-dim: rgba(0, 0, 0, .25);--border-line-bright: rgba(0, 0, 0, .5);--soft-shadow: rgba(255, 255, 255, .05);--main-shadow: rgba(255, 255, 255, .1);--dark-shadow: rgba(255, 255, 255, .2);--code-border: 0 1px 3px rgba(255, 255, 255, .4), inset 1px 1px rgba(0, 0, 0, .7)}.demo-board[data-v-c01ce60a]{width:100%;height:100%;outline-width:0!important}.demo-board[data-v-c01ce60a]:before{content:"";display:block;pointer-events:none;position:absolute;left:0;right:0;height:100%;background:linear-gradient(0deg,var(--color-content-background) 0,transparent 100px);z-index:1}.focus-point[data-v-c01ce60a]{box-sizing:border-box;max-width:var(--max-page-width);margin:0 auto;width:100%;position:relative}.recorder[data-v-c01ce60a]{position:absolute;left:0;bottom:0;padding:5px}.recorder-output[data-v-c01ce60a]{position:relative;z-index:1;font-family:monospace;font-size:12px;padding:10px}