.box[data-v-95468f69]{min-height:100%;min-width:100%;padding:5%;box-sizing:border-box;border:20px;border-style:solid;border-color:#ddd}@media screen and (max-width: 400px){.box[data-v-95468f69]{border-width:15px}}.variant-body[data-v-a45b53d1]{background-color:#eee;letter-spacing:.1em;line-height:1.3em;font-size:1.2em;font-weight:400}.variant-tiny[data-v-a45b53d1]{background-color:#eee;letter-spacing:.1em;line-height:0px;font-size:.8em;font-weight:400}.variant-title[data-v-a45b53d1]{color:#555;letter-spacing:.1em;font-size:3em;font-weight:500}.cursor[data-v-a45b53d1]{color:#0f7;box-shadow:#0f7 0 -3px inset}.inline[data-v-a45b53d1]{display:inline-block}.paragraph[data-v-a45b53d1]{margin-top:10px;margin-bottom:10px}@media screen and (max-width: 400px){.variant-title[data-v-a45b53d1]{font-size:2em}.variant-body[data-v-a45b53d1]{font-size:.9em}.variant-tiny[data-v-a45b53d1]{font-size:.7em}}.base[data-v-717c066b]{font-family:inherit;font-size:1.7em;letter-spacing:inherit;color:inherit;background-color:#eee}.input[data-v-717c066b]{border:none;display:block;width:100%;flex:1 1}.input[data-v-717c066b]:focus{outline:none;caret-color:#0f3}.button[data-v-717c066b]{border:none;display:block;margin:0;padding:0 10px}.caret[data-v-717c066b]{padding-left:10px;padding-right:10px}.container[data-v-717c066b]{position:absolute;bottom:10px;left:10px;right:10px}.controls-container[data-v-717c066b]{display:flex;flex-direction:row}@keyframes error-717c066b{25%{background-color:#ff6961;color:#eee}50%{background-color:#eee;color:inherit}75%{background-color:#ff6961;color:#eee}to{background-color:#eee;color:inherit}}.error[data-v-717c066b]{animation-name:error-717c066b;animation-timing-function:ease-in-out}@media screen and (max-width: 400px){.controls-container[data-v-717c066b]{font-size:.7em}}@keyframes green-wave-0c04c2d4{0%{box-shadow:#0f7 0 -3px inset}to{box-shadow:#0f7 0 -1.3em inset}}@keyframes green-wave-reverse-0c04c2d4{0%{box-shadow:#0f7 0 -1.3em inset}to{box-shadow:#0f7 0 -3px inset}}.link[data-v-0c04c2d4]{box-shadow:#0f7 0 -2px inset;text-decoration:none;color:inherit;letter-spacing:inherit;transition-duration:.2s;line-height:inherit}.link[data-v-0c04c2d4]:hover{box-shadow:#0f7 0 -1.3em inset}: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);--mq-max-width-sm: 400px;height:100%;min-height:100%;width:100%;min-width:100%}: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);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400;overflow:hidden}body{height:100%;min-height:100%;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Fira Code,monospace;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation-name:fade-in;animation-duration:.2s}#app{height:100%;min-height:100%;min-width:100%;padding:15px;box-sizing:border-box}