#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.field__input{--uiFieldPlaceholderColor:var(--fieldPlaceholderColor,#767676);background-color:transparent;border-radius:0;border:none;-webkit-appearance:none;-moz-appearance:none;font-family:inherit;font-size:inherit}.field__input:focus::-webkit-input-placeholder{color:var(--uiFieldPlaceholderColor)}.field__input:focus::-moz-placeholder{color:var(--uiFieldPlaceholderColor)}.field{--uiFieldBorderWidth:var(--fieldBorderWidth,2px);--uiFieldPaddingRight:var(--fieldPaddingRight,1rem);--uiFieldPaddingLeft:var(--fieldPaddingLeft,1rem);--uiFieldBorderColorActive:var(--fieldBorderColorActive,#161616);display:var(--fieldDisplay,inline-flex);position:relative;font-size:var(--fieldFontSize,1rem)}.field__input{box-sizing:border-box;width:var(--fieldWidth,100%);height:var(--fieldHeight,3rem);padding:var(--fieldPaddingTop,1.25rem) var(--uiFieldPaddingRight) var(--fieldPaddingBottom,.5rem) var(--uiFieldPaddingLeft);border-bottom:var(--uiFieldBorderWidth) solid var(--fieldBorderColor,rgba(0,0,0,.25))}.field__input:focus{outline:none}.field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.field__input::-moz-placeholder{opacity:0;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.field__input:focus::-webkit-input-placeholder{opacity:1;transition-delay:.2s}.field__input:focus::-moz-placeholder{opacity:1;transition-delay:.2s}.field__label-wrap{pointer-events:none;cursor:text;top:0;right:0}.field__label-wrap,.field__label-wrap:after{box-sizing:border-box;position:absolute;bottom:0;left:0}.field__label-wrap:after{content:"";width:100%;height:0;opacity:0}.field__input:focus~.field__label-wrap:after{opacity:1}.field__label{position:absolute;left:var(--uiFieldPaddingLeft);top:calc(50% - .5em);line-height:1;font-size:var(--fieldHintFontSize,inherit);transition:top .2s cubic-bezier(.9,-.15,.1,1.15),opacity .2s ease-out,font-size .2s ease-out;will-change:bottom,opacity,font-size}.field__input:not(:-moz-placeholder-shown)~.field__label-wrap .field__label{--fieldHintFontSize:var(--fieldHintFontSizeFocused,.75rem);top:var(--fieldHintTopHover,.25rem)}.field__input:not(:-ms-input-placeholder)~.field__label-wrap .field__label{--fieldHintFontSize:var(--fieldHintFontSizeFocused,.75rem);top:var(--fieldHintTopHover,.25rem)}.field__input:focus~.field__label-wrap .field__label,.field__input:not(:placeholder-shown)~.field__label-wrap .field__label{--fieldHintFontSize:var(--fieldHintFontSizeFocused,.75rem);top:var(--fieldHintTopHover,.25rem)}.field_v1 .field__label-wrap:after{border-bottom:var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive);transition:opacity .2s ease-out;will-change:opacity}.field_v2 .field__label-wrap{overflow:hidden}.field_v2 .field__label-wrap:after{border-bottom:var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive);transform:translate3d(-105%,0,0);will-change:transform,opacity;transition:transform .285s ease-out .2s,opacity .2s ease-out .2s}.field_v2 .field__input:focus~.field__label-wrap:after{transform:translateZ(0);transition-delay:0}.field_v3 .field__label-wrap:after{border:var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive);will-change:opacity,height;transition:height .2s ease-out,opacity .2s ease-out}.field_v3 .field__input:focus~.field__label-wrap:after{height:100%}.field{--fieldBorderColor:#dbdbb3;--fieldBorderColorActive:#e4c932}body{min-height:100vh;display:flex;flex-direction:column}.page{box-sizing:border-box;width:100%;max-width:100%;margin:auto;padding:1rem;background-color:#fff;display:grid;grid-gap:1px;border-radius:15px}.textarea::-moz-placeholder{color:#d4cb4a}.textarea:focus::-moz-placeholder{color:#fcff57}.textarea::-moz-placeholder{color:#222;font-size:var(--fieldHintFontSize,inherit)}.textarea:-ms-input-placeholder{color:#222;font-size:var(--fieldHintFontSize,inherit)}.textarea::placeholder{color:#222;font-size:var(--fieldHintFontSize,inherit)}.textarea::focus:placeholder{color:#1a1a1a}.textarea::-ms-placeholder{color:#aca49c;font-size:var(--fieldHintFontSize,inherit)}.textarea:focus::-ms-placeholder{color:#bbb5af}.textarea:hover:focus::-moz-placeholder{color:#cbc6c1}.textarea:hover:focus:-ms-input-placeholder{color:#cbc6c1}.textarea:hover:focus::placeholder{color:#cbc6c1}.textarea:hover::-moz-placeholder{color:#e2dedb;font-size:var(--fieldHintFontSize,inherit)}.textarea:hover:-ms-input-placeholder{color:#e2dedb;font-size:var(--fieldHintFontSize,inherit)}.textarea:hover::placeholder{color:#e2dedb;font-size:var(--fieldHintFontSize,inherit)}.textarea:hover::focus:-ms-placeholder{color:#cbc6c1}.textarea{width:100%;padding:15px;min-height:150px;max-height:320px;background:transparent;outline:none;color:#252424;font-size:var(--fieldHintFontSize,inherit);border:2px solid #dbdbb3}.textarea:hover{color:#000;border:2px solid #e4c932}.not{display:flex;position:absolute;align-items:center;justify-content:center;height:100%;width:100%;background-color:transparent;z-index:99}.card:hover{background-color:#ffc22b;border:1px solid #000}.card{border-radius:15px}.wrapper{display:flex;align-items:center;justify-content:center}.typing-demo{width:47ch;-webkit-animation:typing 3s steps(47),blink .5s step-end 30 alternate;animation:typing 3s steps(47),blink .5s step-end 30 alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;font-family:monospace}@-webkit-keyframes typing{0%{width:0}}@keyframes typing{0%{width:0}}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}.loading{z-index:999;height:2em;width:2em;overflow:visible;margin:auto;bottom:0;right:0}.loading,.loading:before{position:fixed;top:0;left:0}.loading:before{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:"";display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border-radius:.5em;box-shadow:1.5em 0 0 0 rgba(0,0,0,.75),1.1em 1.1em 0 0 rgba(0,0,0,.75),0 1.5em 0 0 rgba(0,0,0,.75),-1.1em 1.1em 0 0 rgba(0,0,0,.75),-1.5em 0 0 0 rgba(0,0,0,.75),-1.1em -1.1em 0 0 rgba(0,0,0,.75),0 -1.5em 0 0 rgba(0,0,0,.75),1.1em -1.1em 0 0 rgba(0,0,0,.75)}@-webkit-keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#app{font-family:Montserrat,sans-serif}body{background-color:#fdfdfd}.warning-text{font-size:small;font-style:italic;margin-left:15px;margin-top:-6px}.dirty{border-color:#5a5;background:#efe}.dirty:focus{outline-color:#8e8}.error{border-color:red;background:#fdd}.error:focus{outline-color:#f99}.router-link-exact-active{font-weight:bolder}.note{padding:15px;border-radius:15px}.addBtn,.note{background-color:#ffc107}.addBtn{position:fixed;width:60px;height:60px;bottom:60px;right:70px;color:#000;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #575757}