:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--font-size-xsmall: .75rem;--font-size-small: .84rem;--font-size-medium: 1rem;--font-size-large: 1.25rem}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-text-muted: var(--vt-c-text-light-2);--section-gap: 160px;--border-container: 1px solid var(--color-border);--border-container-radius: .4rem}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-small);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;height:100vh}.app{width:100%;padding:1rem;font-weight:400;display:flex;flex-direction:column;height:100%}a,.green{text-decoration:none;color:var(--color-text);transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}nav{width:100%;font-size:12px;text-align:center;margin-top:2rem;justify-content:center;display:flex}nav a.router-link-exact-active{color:#00bd7e}nav a.router-link-exact-active:hover{background-color:transparent}nav a{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a:first-of-type{border:0}.toolbar{display:flex;align-items:end;gap:.55rem;flex-wrap:wrap}.sample-bar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}body{font-family:Roboto Mono,monospace;margin:0}text{font-family:Roboto Mono,monospace}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;line-height:1.5;padding:.75rem 1rem}.heading{margin:0;font-size:1.5rem}.header-nav{display:flex;align-items:center;flex-wrap:wrap}nav{display:flex;align-items:center;gap:.85rem;font-size:1rem}.app-container{flex:1;min-height:0;display:flex;flex-direction:column}@media(max-width:760px){.app-header{flex-direction:column;align-items:flex-start}}.clickable_container[data-v-e0eaefe3]{cursor:pointer;padding:.5rem;border:1px solid #b8b7b7;height:var(--25d47d98);width:var(--a4b76fce);text-align:center;display:flex;align-items:center;justify-content:center;justify-items:center}.clickable_container[data-v-e0eaefe3]:hover{border-color:#8fa3a8}.clickable_container_clicked[data-v-e0eaefe3]{animation-play-state:running;animation:clickable_container_click-e0eaefe3 .2s ease-in-out}@keyframes clickable_container_click-e0eaefe3{0%{background-color:#d5e9ed}to{background-color:#fff}}.clickable_container[data-v-e0eaefe3]:active{border-color:#8fa0a8}.clickable_selected[data-v-e0eaefe3]{background-color:#d5e9ed}.clickable_container_disabled[data-v-e0eaefe3]{opacity:.5;cursor:not-allowed}.wrapper_clickable[data-v-e0eaefe3]{display:flex;justify-content:center;align-items:center}#btnControl[data-v-e0eaefe3]{display:none}main[data-v-0a62621f]{display:flex;flex-direction:column;align-items:center;justify-content:center}h1[data-v-0a62621f]{font-size:2.5rem;margin-bottom:1rem}