.console-input{display:flex;flex:1;resize:none;background:#2c3e50;color:#ffe353;padding:5px;margin-bottom:10px}.styled-container{background-image:linear-gradient(to right top,hsla(0,0%,100%,.75),hsla(0,0%,100%,.85)),url(https://picsum.photos/1920/1080?random=);background-position:50%;flex:1}h3{margin:40px 0 0}.pure-material-textfield-outlined{--pure-material-safari-helper1:#2196f3;position:relative;display:inline-block;padding-top:6px;font-family:var(--pure-material-font,"Roboto","Segoe UI",BlinkMacSystemFont,system-ui,-apple-system);font-size:14px;line-height:1.15;overflow:hidden;margin-bottom:5px}.pure-material-textfield-outlined>input,.pure-material-textfield-outlined>textarea{box-sizing:border-box;margin:0;border:1px solid;border-color:rgba(0,0,0,.6);border-top-color:transparent;border-radius:4px;padding:15px 13px 15px;width:100%;height:inherit;color:rgba(0,0,0,.87);background-color:transparent;box-shadow:none;font-family:inherit;font-size:inherit;line-height:inherit;caret-color:#2196f3;transition:border .2s,box-shadow .2s}.pure-material-textfield-outlined>input+span,.pure-material-textfield-outlined>textarea+span{position:absolute;top:0;left:0;display:flex;border-color:rgba(0,0,0,.6);width:100%;max-height:100%;color:rgba(0,0,0,.6);font-size:75%;line-height:15px;cursor:text;transition:color .2s,font-size .2s,line-height .2s}.pure-material-textfield-outlined>input+span:after,.pure-material-textfield-outlined>input+span:before,.pure-material-textfield-outlined>textarea+span:after,.pure-material-textfield-outlined>textarea+span:before{content:"";display:block;box-sizing:border-box;margin-top:6px;border-top:1px solid;border-top-color:rgba(0,0,0,.6);min-width:10px;height:8px;pointer-events:none;box-shadow:inset 0 1px transparent;transition:border-color .2s,box-shadow .2s}.pure-material-textfield-outlined>input+span:before,.pure-material-textfield-outlined>textarea+span:before{margin-right:4px;border-left:1px solid transparent;border-radius:4px 0}.pure-material-textfield-outlined>input+span:after,.pure-material-textfield-outlined>textarea+span:after{flex-grow:1;margin-left:4px;border-right:1px solid transparent;border-radius:0 4px}.pure-material-textfield-outlined:hover>input,.pure-material-textfield-outlined:hover>textarea{border-color:rgba(0,0,0,.87);border-top-color:transparent}.pure-material-textfield-outlined:hover>input+span:after,.pure-material-textfield-outlined:hover>input+span:before,.pure-material-textfield-outlined:hover>textarea+span:after,.pure-material-textfield-outlined:hover>textarea+span:before{border-top-color:rgba(0,0,0,.87)}.pure-material-textfield-outlined:hover>input:not(:focus):-moz-placeholder-shown,.pure-material-textfield-outlined:hover>textarea:not(:focus):-moz-placeholder-shown{border-color:rgba(0,0,0,.87)}.pure-material-textfield-outlined:hover>input:not(:focus):-ms-input-placeholder,.pure-material-textfield-outlined:hover>textarea:not(:focus):-ms-input-placeholder{border-color:rgba(0,0,0,.87)}.pure-material-textfield-outlined:hover>input:not(:focus):placeholder-shown,.pure-material-textfield-outlined:hover>textarea:not(:focus):placeholder-shown{border-color:rgba(0,0,0,.87)}.pure-material-textfield-outlined>input:not(:focus):-moz-placeholder-shown,.pure-material-textfield-outlined>textarea:not(:focus):-moz-placeholder-shown{border-top-color:rgba(0,0,0,.6)}.pure-material-textfield-outlined>input:not(:focus):-ms-input-placeholder,.pure-material-textfield-outlined>textarea:not(:focus):-ms-input-placeholder{border-top-color:rgba(0,0,0,.6)}.pure-material-textfield-outlined>input:not(:focus):placeholder-shown,.pure-material-textfield-outlined>textarea:not(:focus):placeholder-shown{border-top-color:rgba(0,0,0,.6)}.pure-material-textfield-outlined>input:not(:focus):-moz-placeholder-shown+span,.pure-material-textfield-outlined>textarea:not(:focus):-moz-placeholder-shown+span{font-size:inherit;line-height:60px}.pure-material-textfield-outlined>input:not(:focus):-ms-input-placeholder+span,.pure-material-textfield-outlined>textarea:not(:focus):-ms-input-placeholder+span{font-size:inherit;line-height:60px}.pure-material-textfield-outlined>input:not(:focus):placeholder-shown+span,.pure-material-textfield-outlined>textarea:not(:focus):placeholder-shown+span{font-size:inherit;line-height:60px}.pure-material-textfield-outlined>input:not(:focus):-moz-placeholder-shown+span:after,.pure-material-textfield-outlined>input:not(:focus):-moz-placeholder-shown+span:before,.pure-material-textfield-outlined>textarea:not(:focus):-moz-placeholder-shown+span:after,.pure-material-textfield-outlined>textarea:not(:focus):-moz-placeholder-shown+span:before{border-top-color:transparent}.pure-material-textfield-outlined>input:not(:focus):-ms-input-placeholder+span:after,.pure-material-textfield-outlined>input:not(:focus):-ms-input-placeholder+span:before,.pure-material-textfield-outlined>textarea:not(:focus):-ms-input-placeholder+span:after,.pure-material-textfield-outlined>textarea:not(:focus):-ms-input-placeholder+span:before{border-top-color:transparent}.pure-material-textfield-outlined>input:not(:focus):placeholder-shown+span:after,.pure-material-textfield-outlined>input:not(:focus):placeholder-shown+span:before,.pure-material-textfield-outlined>textarea:not(:focus):placeholder-shown+span:after,.pure-material-textfield-outlined>textarea:not(:focus):placeholder-shown+span:before{border-top-color:transparent}.pure-material-textfield-outlined>input:focus,.pure-material-textfield-outlined>textarea:focus{border-color:#2196f3;border-top-color:transparent;box-shadow:inset 1px 0 var(--pure-material-safari-helper1),inset -1px 0 var(--pure-material-safari-helper1),inset 0 -1px var(--pure-material-safari-helper1);outline:none}.pure-material-textfield-outlined>input:focus+span,.pure-material-textfield-outlined>textarea:focus+span{color:#2196f3}.pure-material-textfield-outlined>input:focus+span:after,.pure-material-textfield-outlined>input:focus+span:before,.pure-material-textfield-outlined>textarea:focus+span:after,.pure-material-textfield-outlined>textarea:focus+span:before{border-top-color:var(--pure-material-safari-helper1)!important;box-shadow:inset 0 1px var(--pure-material-safari-helper1)}.pure-material-textfield-outlined>input:disabled,.pure-material-textfield-outlined>input:disabled+span,.pure-material-textfield-outlined>textarea:disabled,.pure-material-textfield-outlined>textarea:disabled+span{border-color:rgba(0,0,0,.38)!important;border-top-color:transparent!important;color:rgba(0,0,0,.38);pointer-events:none}.pure-material-textfield-outlined>input:disabled+span:after,.pure-material-textfield-outlined>input:disabled+span:before,.pure-material-textfield-outlined>textarea:disabled+span:after,.pure-material-textfield-outlined>textarea:disabled+span:before{border-top-color:rgba(0,0,0,.38)!important}.pure-material-textfield-outlined>input:disabled:-moz-placeholder-shown,.pure-material-textfield-outlined>input:disabled:-moz-placeholder-shown+span,.pure-material-textfield-outlined>textarea:disabled:-moz-placeholder-shown,.pure-material-textfield-outlined>textarea:disabled:-moz-placeholder-shown+span{border-top-color:rgba(0,0,0,.38)!important}.pure-material-textfield-outlined>input:disabled:-ms-input-placeholder,.pure-material-textfield-outlined>input:disabled:-ms-input-placeholder+span,.pure-material-textfield-outlined>textarea:disabled:-ms-input-placeholder,.pure-material-textfield-outlined>textarea:disabled:-ms-input-placeholder+span{border-top-color:rgba(0,0,0,.38)!important}.pure-material-textfield-outlined>input:disabled:placeholder-shown,.pure-material-textfield-outlined>input:disabled:placeholder-shown+span,.pure-material-textfield-outlined>textarea:disabled:placeholder-shown,.pure-material-textfield-outlined>textarea:disabled:placeholder-shown+span{border-top-color:rgba(0,0,0,.38)!important}.pure-material-textfield-outlined>input:disabled:-moz-placeholder-shown+span:after,.pure-material-textfield-outlined>input:disabled:-moz-placeholder-shown+span:before,.pure-material-textfield-outlined>textarea:disabled:-moz-placeholder-shown+span:after,.pure-material-textfield-outlined>textarea:disabled:-moz-placeholder-shown+span:before{border-top-color:transparent!important}.pure-material-textfield-outlined>input:disabled:-ms-input-placeholder+span:after,.pure-material-textfield-outlined>input:disabled:-ms-input-placeholder+span:before,.pure-material-textfield-outlined>textarea:disabled:-ms-input-placeholder+span:after,.pure-material-textfield-outlined>textarea:disabled:-ms-input-placeholder+span:before{border-top-color:transparent!important}.pure-material-textfield-outlined>input:disabled:placeholder-shown+span:after,.pure-material-textfield-outlined>input:disabled:placeholder-shown+span:before,.pure-material-textfield-outlined>textarea:disabled:placeholder-shown+span:after,.pure-material-textfield-outlined>textarea:disabled:placeholder-shown+span:before{border-top-color:transparent!important}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.pure-material-textfield-outlined>input,.pure-material-textfield-outlined>input+span,.pure-material-textfield-outlined>input+span:after,.pure-material-textfield-outlined>input+span:before,.pure-material-textfield-outlined>textarea,.pure-material-textfield-outlined>textarea+span,.pure-material-textfield-outlined>textarea+span:after,.pure-material-textfield-outlined>textarea+span:before{transition-duration:.1s}}}body{margin:0;background:#eee}.container{padding:60px 10px 0;display:flex;flex-direction:column;max-width:640px;margin:0 auto;width:calc(100% - 20px)}.navigator{background:#2c3e50;padding:5px 15px;text-align:end;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.navigator a{color:#fff}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh}#app,#main{display:flex}#main{flex-direction:column;flex:1}button{position:relative;display:inline-block;box-sizing:border-box;border:none;border-radius:4px;padding:0 16px;min-width:64px;height:36px;vertical-align:middle;text-align:center;text-overflow:ellipsis;text-transform:uppercase;color:#fff;background-color:#2196f3;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);font-family:var(--pure-material-font,"Roboto","Segoe UI",BlinkMacSystemFont,system-ui,-apple-system);font-size:14px;font-weight:500;line-height:36px;overflow:hidden;outline:none;cursor:pointer;transition:box-shadow .2s}button:disabled{color:rgba(0,0,0,.38);background-color:rgba(0,0,0,.12);box-shadow:none;cursor:auto}button:disabled:after,button:disabled:before{opacity:0}.vue-debugger--container[data-v-51310f32]{background-color:#1e1e1e;color:#fff;display:block;max-width:100%;width:100%;text-align:left;direction:ltr;z-index:1}.vue-debugger--header[data-v-51310f32]{align-items:center;display:flex;background:#323232;padding:3px 5px;font-size:13px;font-weight:700}.vue-debugger--logs-container[data-v-51310f32]{min-height:50px;max-height:100px;font-size:.75rem!important;letter-spacing:.0333333333em!important;line-height:1.25rem;overflow:auto}.vue-debugger--log-line[data-v-51310f32]{border-bottom:1px solid hsla(0,0%,100%,.3);padding:0 5px}.info--text[data-v-51310f32]{color:#eee}.error--text[data-v-51310f32]{color:#ff5252}.warn--text[data-v-51310f32]{color:#ffe353}.debug--text[data-v-51310f32]{color:#2196f3}.text--underline[data-v-51310f32]{text-decoration:underline}.vue-debugger--container.minimized[data-v-51310f32]{width:auto;opacity:.8;outline:1px solid hsla(0,0%,100%,.3)}.vue-debugger--container.minimized .vue-debugger--logs-container[data-v-51310f32]{height:0;min-height:0;visibility:hidden;width:0}button.vue-debugger--btn[data-v-51310f32]{align-items:center;display:inline-flex;flex:0 0 auto;font-weight:500;letter-spacing:.09em;justify-content:center;outline:0;position:relative;text-decoration:none;text-indent:.0892857143em;text-transform:uppercase;transition-duration:.28s;transition-property:box-shadow,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;color:#fff;background:transparent;border-style:none;border-radius:50%;height:28px;width:28px;box-shadow:none;padding:0;min-width:auto}.spacer[data-v-51310f32]{flex-grow:1!important;min-width:5px}.empty-msg[data-v-51310f32]{opacity:.4}.cursor-pointer[data-v-51310f32]{cursor:pointer}.font-family-monospaced[data-v-51310f32]{font-family:monospace;position:fixed;bottom:0;left:0}