@import"https://fonts.googleapis.com/css2?family=Pangolin&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--background: #479bdf;--text-on-background: black;--button: #ffab2c;--button-success: #00cc66;--button-danger: #ff6666;--border-thickness: 3px;--border-color: white;--border: var(--border-thickness) var(--border-color) solid;--border-depth: rgba(255, 255, 255, .85);--modal: var(--background);--canvas: #ffffff }@media (color-index: 48){:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (prefers-color-scheme: dark){:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (min-width: 768px) and (min-height: 768px){:root{--border-thickness: 4px }}.button{--thickness: 3px;background:#ffab2c;background:var(--button);border:var(--thickness) white solid;border:var(--thickness) var(--border-color) solid;border-radius:calc(var(--thickness) * 2);box-sizing:border-box;color:#000;cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%;height:calc(100% - (var(--thickness) * 3));padding:.5em;text-align:center;text-decoration:none;will-change:transform,box-shadow,filter;transition:.15s transform ease-out,.15s box-shadow ease-out,.15s filter ease-out;outline:none;box-shadow:0 calc(var(--thickness) * 3) 0 0 #ffffffd9;box-shadow:0 calc(var(--thickness) * 3) 0 0 var(--border-depth);filter:drop-shadow(0 var(--thickness) calc(var(--thickness) * .25) rgba(0,0,0,.2));-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 768px) and (min-height: 768px){.button{--thickness: 4px }}.button:hover,.button:focus,.button[focus-within],.button.button--active{transform:translateY(calc(var(--thickness) * 1.75));box-shadow:0 calc(var(--thickness) * 1.25) 0 0 #ffffffd9;box-shadow:0 calc(var(--thickness) * 1.25) 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * .5) calc(var(--thickness) * 1.5) rgba(0,0,0,.3))}.button:hover,.button:focus,.button:focus-within,.button.button--active{transform:translateY(calc(var(--thickness) * 1.75));box-shadow:0 calc(var(--thickness) * 1.25) 0 0 #ffffffd9;box-shadow:0 calc(var(--thickness) * 1.25) 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * .5) calc(var(--thickness) * 1.5) rgba(0,0,0,.3))}.button[disabled]{transition:.3s opacity ease-in-out;transform:none!important;will-change:opacity;opacity:.6;cursor:default;box-shadow:0 calc(var(--thickness) * 3) 0 0 #ffffffd9!important;box-shadow:0 calc(var(--thickness) * 3) 0 0 var(--border-depth)!important}.button:active:not(.button--active){transform:translateY(calc(var(--thickness) * 3));box-shadow:0 0 #ffffffd9;box-shadow:0 0 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * .25) calc(var(--thickness) * 2) rgba(0,0,0,.25))}.button>*{display:block;max-width:100%;max-height:100%;margin:auto}.button.button--success{background:#00cc66;background:var(--button-success)}.button.button--danger{background:#ff6666;background:var(--button-danger)}@media (min-width: 768px) and (min-height: 768px){.button--left{box-shadow:calc(var(--thickness) * -2) 0 0 0 #ffffffd9;box-shadow:calc(var(--thickness) * -2) 0 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * 1) calc(var(--thickness) * .25) rgba(0,0,0,.2));height:100%;width:calc(100% - (var(--thickness) * 2));float:right}.button--left:hover,.button--left:focus,.button--left[focus-within],.button--left.button--active{transform:translate(calc(var(--thickness) * -1));box-shadow:calc(var(--thickness) * -1) 0 0 0 #ffffffd9;box-shadow:calc(var(--thickness) * -1) 0 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * .5) calc(var(--thickness) * 1.5) rgba(0,0,0,.3))}.button--left:hover,.button--left:focus,.button--left:focus-within,.button--left.button--active{transform:translate(calc(var(--thickness) * -1));box-shadow:calc(var(--thickness) * -1) 0 0 0 #ffffffd9;box-shadow:calc(var(--thickness) * -1) 0 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * .5) calc(var(--thickness) * 1.5) rgba(0,0,0,.3))}.button--left:active:not(.button--active){transform:translate(calc(var(--thickness) * -2));box-shadow:0 0 #ffffffd9;box-shadow:0 0 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * .25) calc(var(--thickness) * 2) rgba(0,0,0,.25))}.button--left[disabled]{box-shadow:calc(var(--thickness) * -2) 0 0 0 #ffffffd9!important;box-shadow:calc(var(--thickness) * -2) 0 0 0 var(--border-depth)!important}.button--right{box-shadow:calc(var(--thickness) * 2) 0 0 0 #ffffffd9;box-shadow:calc(var(--thickness) * 2) 0 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * 1) calc(var(--thickness) * .25) rgba(0,0,0,.2));height:100%;width:calc(100% - (var(--thickness) * 2))}.button--right:hover,.button--right:focus,.button--right[focus-within],.button--right.button--active{transform:translate(calc(var(--thickness) * 1));box-shadow:calc(var(--thickness) * 1) 0 0 0 #ffffffd9;box-shadow:calc(var(--thickness) * 1) 0 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * .5) calc(var(--thickness) * 1.5) rgba(0,0,0,.3))}.button--right:hover,.button--right:focus,.button--right:focus-within,.button--right.button--active{transform:translate(calc(var(--thickness) * 1));box-shadow:calc(var(--thickness) * 1) 0 0 0 #ffffffd9;box-shadow:calc(var(--thickness) * 1) 0 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * .5) calc(var(--thickness) * 1.5) rgba(0,0,0,.3))}.button--right:active:not(.button--active){transform:translate(calc(var(--thickness) * 2));box-shadow:0 0 #ffffffd9;box-shadow:0 0 0 0 var(--border-depth);filter:drop-shadow(0 calc(var(--thickness) * .25) calc(var(--thickness) * 2) rgba(0,0,0,.25))}.button--right[disabled]{box-shadow:calc(var(--thickness) * 2) 0 0 0 #ffffffd9!important;box-shadow:calc(var(--thickness) * 2) 0 0 0 var(--border-depth)!important}}.no-padding{padding:0}.round{border:3px white solid;border:var(--border);border-radius:6px;border-radius:calc(var(--border-thickness) * 2);background-color:#479bdf;background-color:var(--background);box-shadow:0 9px #ffffffd9;box-shadow:0 calc(var(--border-thickness) * 3) 0 0 var(--border-depth);box-sizing:border-box}.round.round--no-shadow{box-shadow:none}.round:not(.focusable){padding:1em 1em 2em}.round.round--warning{background-color:#ffab2c;background-color:var(--button)}.round.round--success{background-color:#0c6;background-color:var(--button-success)}.round.round--danger{background-color:#f66;background-color:var(--button-danger)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pangolin,cursive}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}html,body{height:100%;background:#479bdf;background:var(--background);overscroll-behavior-y:contain}canvas[data-v-57faff80]{background-color:transparent;display:block;width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}div[data-v-07bbff40]{display:block;width:100%;height:100%;position:relative;overflow:hidden}.draw[data-v-07bbff40]{cursor:crosshair;display:block;width:100%;height:100%;background-color:var(--canvas);touch-action:none}.slide-enter[data-v-406a48ce]{transform:translateY(100%)}.slide-enter-to[data-v-406a48ce]{transform:translateY(0)}.slide-enter-active[data-v-406a48ce],.slide-leave-active[data-v-406a48ce]{transition:transform .15s ease-out;will-change:transform}@media (prefers-reduced-motion){.slide-enter-active[data-v-406a48ce],.slide-leave-active[data-v-406a48ce]{transition:none;will-change:none}}.slide-leave[data-v-406a48ce]{transform:translateY(0)}.slide-leave-to[data-v-406a48ce]{transform:translateY(100%)}[data-v-49dac8f5]:root{--background: #479bdf;--text-on-background: black;--button: #ffab2c;--button-success: #00cc66;--button-danger: #ff6666;--border-thickness: 3px;--border-color: white;--border: var(--border-thickness) var(--border-color) solid;--border-depth: rgba(255, 255, 255, .85);--modal: var(--background);--canvas: #ffffff }@media (color-index: 48){[data-v-49dac8f5]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (prefers-color-scheme: dark){[data-v-49dac8f5]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (min-width: 768px) and (min-height: 768px){[data-v-49dac8f5]:root{--border-thickness: 4px }}.menu[data-v-49dac8f5]{display:flex;flex-direction:column;width:calc(100% - 2em);padding:1em;margin:auto}.menu>*[data-v-49dac8f5]{margin-bottom:1em}@media (min-width: 768px) and (min-height: 768px){.menu>*[data-v-49dac8f5]{margin-bottom:2em}}h2[data-v-49dac8f5]{color:#fff;text-align:center}input[type=color][data-v-a8f05c10]{-webkit-appearance:none;border:none;display:block;cursor:pointer;height:48px;width:48px;padding:0;overflow:hidden;outline:none}input[type=color][data-v-a8f05c10]::-webkit-color-swatch-wrapper{padding:0}input[type=color][data-v-a8f05c10]::-webkit-color-swatch{border:none}p[data-v-a8f05c10]{margin-top:0;margin-bottom:2em;display:flex;justify-content:space-between;align-items:center}.switch[data-v-6c5ab6e1]{--switch: var(--border-color);--switch-on: var(--button-success);--switch-off: var(--button-danger);display:flex;align-items:center}.switch input[data-v-6c5ab6e1]{opacity:0;width:0;height:0}.label[data-v-6c5ab6e1]{margin-left:1em}.slider[data-v-6c5ab6e1]{position:relative;cursor:pointer;width:4em;height:2em;background-color:var(--switch-off);border:var(--border);box-sizing:border-box;border-radius:34px;transition:.3s;display:inline-flex;align-items:center;justify-content:flex-start}.slider[data-v-6c5ab6e1]:before{position:relative;content:"";width:2em;height:2em;left:-3px;background-color:var(--switch);border:3px var(--border-color) solid;border-radius:50%;box-sizing:border-box;transition:.3s}input:checked+.slider[data-v-6c5ab6e1]{background-color:var(--switch-on)}input:focus+.slider[data-v-6c5ab6e1]{box-shadow:0 0 1px var(--switch-on)}input:checked+.slider[data-v-6c5ab6e1]:before{transform:translate(2em)}.group[data-v-2853d09e]{--range: var(--button);--background: var(--border-color)}.label[data-v-2853d09e]{margin:1.5em 0 1em;display:block}input[type=range][data-v-2853d09e]{width:100%;margin:10px 0;background-color:transparent;-webkit-appearance:none}input[type=range][data-v-2853d09e]:focus{outline:none}input[type=range][data-v-2853d09e]::-webkit-slider-runnable-track{background:var(--background);border:var(--border-thickness) solid var(--border-color);border-radius:25px;width:100%;height:16px;cursor:pointer}input[type=range][data-v-2853d09e]::-webkit-slider-thumb{margin-top:-13px;width:32px;height:32px;background:var(--range);border:var(--border-thickness) solid var(--border-color);border-radius:50px;cursor:pointer;-webkit-appearance:none}input[type=range][data-v-2853d09e]:focus::-webkit-slider-runnable-track{background:var(--background)}input[type=range][data-v-2853d09e]::-moz-range-track{background:var(--background);border:var(--border-thickness) solid var(--border-color);border-radius:25px;width:100%;height:16px;cursor:pointer}input[type=range][data-v-2853d09e]::-moz-range-thumb{width:32px;height:32px;background:var(--range);border:var(--border-thickness) solid var(--border-color);border-radius:50px;cursor:pointer}input[type=range][data-v-2853d09e]::-ms-track{background:transparent;border-color:transparent;border-width:10px 0;color:transparent;width:100%;height:16px;cursor:pointer}input[type=range][data-v-2853d09e]::-ms-fill-lower{background:var(--background);border:var(--border-thickness) solid var(--border-color);border-radius:50px}input[type=range][data-v-2853d09e]::-ms-fill-upper{background:var(--background);border:var(--border-thickness) solid var(--border-color);border-radius:50px}input[type=range][data-v-2853d09e]::-ms-thumb{width:32px;height:32px;background:var(--range);border:var(--border-thickness) solid var(--border-color);border-radius:50px;cursor:pointer;margin-top:0}input[type=range][data-v-2853d09e]:focus::-ms-fill-lower{background:var(--background)}input[type=range][data-v-2853d09e]:focus::-ms-fill-upper{background:var(--background)}@supports (-ms-ime-align: auto){input[type=range][data-v-2853d09e]{margin:0}}.label[data-v-2396515d]{margin:1.5em 0 1em;display:block}.select[data-v-2396515d]{background-color:var(--button);border:none;padding:.5em;width:100%;outline:none;border-radius:var(--border-thickness)}[data-v-b162b24c]:root{--background: #479bdf;--text-on-background: black;--button: #ffab2c;--button-success: #00cc66;--button-danger: #ff6666;--border-thickness: 3px;--border-color: white;--border: var(--border-thickness) var(--border-color) solid;--border-depth: rgba(255, 255, 255, .85);--modal: var(--background);--canvas: #ffffff }@media (color-index: 48){[data-v-b162b24c]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (prefers-color-scheme: dark){[data-v-b162b24c]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (min-width: 768px) and (min-height: 768px){[data-v-b162b24c]:root{--border-thickness: 4px }}section[data-v-47673c3f]{max-width:360px;width:100%}.slide-fade-enter[data-v-677c7716]{transform:translateY(100%);opacity:0}.slide-fade-enter-to[data-v-677c7716]{transform:translateY(0);opacity:1}.slide-fade-enter-active[data-v-677c7716],.slide-fade-leave-active[data-v-677c7716]{transition:opacity .3s ease-out,transform .3s ease-in-out;will-change:transform,opacity}@media (prefers-reduced-motion){.slide-fade-enter-active[data-v-677c7716],.slide-fade-leave-active[data-v-677c7716]{transition:none;will-change:none}}.slide-fade-leave[data-v-677c7716]{transform:translate(0) translateY(0);opacity:1}.slide-fade-leave-to[data-v-677c7716]{transform:translateY(100%);opacity:0}.fade-enter[data-v-4edb2d74]{pointer-events:none;opacity:0}.fade-enter-to[data-v-4edb2d74]{pointer-events:all;opacity:1}.fade-enter-active[data-v-4edb2d74],.fade-leave-active[data-v-4edb2d74]{transition:opacity .3s ease-in-out;will-change:opacity}@media (prefers-reduced-motion){.fade-enter-active[data-v-4edb2d74],.fade-leave-active[data-v-4edb2d74]{transition:none;will-change:none}}.fade-leave[data-v-4edb2d74]{opacity:1}.fade-leave-to[data-v-4edb2d74]{opacity:0}[data-v-f1a05284]:root{--background: #479bdf;--text-on-background: black;--button: #ffab2c;--button-success: #00cc66;--button-danger: #ff6666;--border-thickness: 3px;--border-color: white;--border: var(--border-thickness) var(--border-color) solid;--border-depth: rgba(255, 255, 255, .85);--modal: var(--background);--canvas: #ffffff }@media (color-index: 48){[data-v-f1a05284]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (prefers-color-scheme: dark){[data-v-f1a05284]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (min-width: 768px) and (min-height: 768px){[data-v-f1a05284]:root{--border-thickness: 4px }}aside[data-v-f1a05284]{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;height:100vh;margin:auto;padding-top:calc(60px + 1em);box-sizing:border-box;overflow:auto}@media (orientation: landscape){aside[data-v-f1a05284]{padding:0 calc(60px + 1em)}}aside>*[data-v-f1a05284]{position:relative;z-index:2;margin:auto}.overlay[data-v-f1a05284]{position:fixed;z-index:1;background-color:#000;content:"";top:0;bottom:0;left:0;right:0;opacity:.9;width:100vw;height:100vh}.close[data-v-f1a05284]{width:56px;margin:0 auto;position:fixed;top:.5em;right:.5em;height:56px}@media (min-width: 768px) and (min-height: 768px){.close[data-v-f1a05284]{width:64px;top:1em;right:1em}}[data-v-a72c7988]:root{--background: #479bdf;--text-on-background: black;--button: #ffab2c;--button-success: #00cc66;--button-danger: #ff6666;--border-thickness: 3px;--border-color: white;--border: var(--border-thickness) var(--border-color) solid;--border-depth: rgba(255, 255, 255, .85);--modal: var(--background);--canvas: #ffffff }@media (color-index: 48){[data-v-a72c7988]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (prefers-color-scheme: dark){[data-v-a72c7988]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (min-width: 768px) and (min-height: 768px){[data-v-a72c7988]:root{--border-thickness: 4px }}header[data-v-a72c7988]{height:100%;display:grid;grid-template:1fr/ 56px 1fr 56px;grid-gap:var(--gutter)}@media (orientation: landscape){header[data-v-a72c7988]{grid-template:56px 1fr 56px / 1fr}}@media (min-width: 768px) and (min-height: 768px){header[data-v-a72c7988]{grid-template:1fr / 64px 1fr 64px}}h1[data-v-a72c7988]{display:flex;justify-content:center;align-items:center;font-size:2em;font-weight:400;color:#000;color:var(--text-on-background);transition:.1s transform linear;margin:0}@media (orientation: landscape){h1[data-v-a72c7988]{grid-row:2;transform:rotate(-90deg);width:56px}}@media (min-width: 768px) and (min-height: 768px){h1[data-v-a72c7988]{grid-row:1;transform:rotate(0);width:auto;width:initial}}@media (orientation: landscape){.header__new[data-v-a72c7988]{grid-row:3}}@media (min-width: 768px) and (min-height: 768px){.header__new[data-v-a72c7988]{grid-row:1;transform:perspective(100vh) rotateY(2deg) skewY(.25deg)}}@media (min-width: 768px) and (min-height: 768px){.header__menu[data-v-a72c7988]{transform:perspective(100vh) rotateY(-2deg) skewY(-.25deg)}}.button-group[data-v-210f6e02]{width:calc(100% - 2em);height:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-auto-rows:64px;grid-gap:1em;margin:1em}@media (min-width: 768px) and (min-height: 768px){.button-group[data-v-210f6e02]{width:100%;min-width:64px;min-height:64px;margin:0;display:flex;flex-wrap:wrap;grid-gap:0;justify-content:space-between}.button-group>*[data-v-210f6e02]{flex:0 1 64px;margin-bottom:0;margin-right:.5em}.button-group>*[data-v-210f6e02]:last-child{margin-right:0}.button-group[data-v-210f6e02]{flex-wrap:nowrap}}.button-group-vertical+.button-group-vertical[data-v-210f6e02]{position:relative;margin-top:calc(1.5em + 6px)}@media (min-width: 768px) and (min-height: 768px){.button-group-vertical+.button-group-vertical[data-v-210f6e02]{margin-top:calc(1.2em + 6px)}}.button-group-vertical+.button-group-vertical[data-v-210f6e02]:before{position:absolute;top:calc(-.75em - 6px);bottom:0;left:3px;right:3px;border-radius:2px;height:4px;content:"";background-color:var(--border-color)}@media (min-width: 768px) and (min-height: 768px){.button-group-vertical+.button-group-vertical[data-v-210f6e02]:before{top:calc(-.6em - 6px)}}@media (min-width: 768px) and (min-height: 768px){.button-group-vertical[data-v-210f6e02]{flex-direction:column;justify-content:flex-start}.button-group-vertical>*[data-v-210f6e02]{width:100%;height:64px;margin-bottom:.5em}.button-group-vertical>*[data-v-210f6e02]:last-child{margin-bottom:0}}[data-v-11ea312b]:root{--background: #479bdf;--text-on-background: black;--button: #ffab2c;--button-success: #00cc66;--button-danger: #ff6666;--border-thickness: 3px;--border-color: white;--border: var(--border-thickness) var(--border-color) solid;--border-depth: rgba(255, 255, 255, .85);--modal: var(--background);--canvas: #ffffff }@media (color-index: 48){[data-v-11ea312b]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (prefers-color-scheme: dark){[data-v-11ea312b]:root{--background: #077ebe;--border-color: black;--border-depth: rgba(0, 0, 0, .85) }}@media (min-width: 768px) and (min-height: 768px){[data-v-11ea312b]:root{--border-thickness: 4px }}.toolbar[data-v-11ea312b]{width:100%;height:100%}.overlay[data-v-11ea312b]{position:fixed;z-index:1;background-color:#000000bf;content:"";top:0;bottom:0;left:0;right:0;width:100vw;height:100vh}@media (min-width: 768px) and (min-height: 768px){.overlay[data-v-11ea312b]{display:none}}aside[data-v-11ea312b]{position:fixed;bottom:0;left:0;right:0;z-index:2}@media (min-width: 768px) and (min-height: 768px){aside[data-v-11ea312b]{display:block!important;position:static;width:100%}}.body[data-v-11ea312b]{background-color:#479bdf;background-color:var(--modal);border-top:3px white solid;border-top:var(--border);padding:1.25em 0 1px;overflow:auto;max-height:70vh}@media (orientation: landscape){.body[data-v-11ea312b]{max-height:50vh}}@media (orientation: landscape) and (min-width: 768px) and (min-height: 768px){.body[data-v-11ea312b]{max-height:none;max-height:initial}}@media (min-width: 768px) and (min-height: 768px){.body[data-v-11ea312b]{border-top:none;background-color:transparent;display:block;height:100%;min-height:auto;overflow:visible;padding:0}}.open[data-v-11ea312b]{width:100%;height:64px}.open>*[data-v-11ea312b]{height:100%;width:100%}@media (orientation: landscape){.open[data-v-11ea312b]{width:100%;height:100%}}@media (min-width: 768px) and (min-height: 768px){.open[data-v-11ea312b]{display:none}}.close[data-v-11ea312b]{width:60px;margin:0 auto -1.5em;position:relative;z-index:3}@media (min-width: 768px) and (min-height: 768px){.close[data-v-11ea312b]{display:none}}.fa-brush[data-v-0dbf4694]{color:#c72f60}.fa-stamp[data-v-0dbf4694]{color:var(--background)}.fa-eraser[data-v-0dbf4694]{color:#2f4f4f}img[data-v-4a1c36a0]{width:100%;height:100%}.rainbow[data-v-805c544e]{width:100%;height:100%;display:block;border-radius:3px;background:linear-gradient(to right,red,yellow,lawngreen,dodgerblue,#639)}@media (min-width: 768px) and (min-height: 768px){.rainbow[data-v-805c544e]{border-radius:4px}}.toolbar-button>*[data-v-304f38bd]{width:100%;height:100%}span[data-v-304f38bd]{display:block;border-radius:50%;background-color:#000;margin:auto}.grid[data-v-2f417504]{--gutter: .5em;display:grid;grid-template:56px 1fr 64px / 1fr 1fr 1fr;grid-gap:var(--gutter);padding:var(--gutter);width:calc(100% - (var(--gutter) * 2));height:calc(100% - (var(--gutter) * 2))}@media (orientation: landscape){.grid[data-v-2f417504]{grid-template:1fr 1fr 1fr / 56px 1fr 64px;grid-auto-flow:column}}@media (min-width: 768px) and (min-height: 768px){.grid[data-v-2f417504]{--gutter: 1em;grid-template:56px 1fr 64px / 64px 1fr 64px;grid-auto-flow:row}}.header[data-v-2f417504]{grid-column:1 / 4}@media (orientation: landscape){.header[data-v-2f417504]{grid-column:1;grid-row:1 / 4}}@media (min-width: 768px) and (min-height: 768px) and (orientation: landscape){.header[data-v-2f417504]{grid-column:1 / 4;grid-row:1}}.canvas[data-v-2f417504]{overflow:auto;grid-column:1 / 4}@media (orientation: landscape){.canvas[data-v-2f417504]{grid-column:2;grid-row:1 / 4}}@media (min-width: 768px) and (min-height: 768px){.canvas[data-v-2f417504]{grid-column:2;grid-row:2}}@media (orientation: landscape){.brush[data-v-2f417504]{grid-row:2;grid-column:3}}@media (min-width: 768px) and (min-height: 768px){.brush[data-v-2f417504]{grid-column:1;grid-row:2;transform:perspective(100vh) rotateY(2deg)}}@media (min-width: 768px) and (min-height: 768px) and (orientation: landscape){.brush[data-v-2f417504]{grid-row:2 / 4}}@media (orientation: landscape){.color[data-v-2f417504]{grid-row:3}}@media (min-width: 768px) and (min-height: 768px){.color[data-v-2f417504]{grid-row:3;grid-column:1 / 4;transform:perspective(100vw) rotateX(2deg)}}@media (min-width: 768px) and (min-height: 768px) and (orientation: landscape){.color[data-v-2f417504]{grid-column:2}}@media (orientation: landscape){.thickness[data-v-2f417504]{grid-column:3;grid-row:1}}@media (min-width: 768px) and (min-height: 768px){.thickness[data-v-2f417504]{grid-column:3;grid-row:2;transform:perspective(100vh) rotateY(-2deg)}}@media (min-width: 768px) and (min-height: 768px) and (orientation: landscape){.thickness[data-v-2f417504]{grid-row:2 / 4}}