*{--background-color:#e9e9e9;--theme-color-dark:#3f4042;box-sizing:border-box;color:#3f4042;font-family:Roboto,sans-serif;font-size:16px;margin:0;padding:0}a{color:#0085ff;text-decoration:none}input{outline:none}body{background:var(--background-color)}#app{height:100vh}textarea{resize:none}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-center{align-items:center}.flex-center,.justify-center{display:flex;justify-content:center}.justify-between{display:flex;justify-content:space-between}.justify-start{display:flex;justify-content:flex-start}.justify-end{display:flex;justify-content:flex-end}.align-center{align-items:center;display:flex}.align-start{align-items:flex-start;display:flex}.align-end{align-items:flex-end;display:flex}.inline-block{display:inline-block}.hidden{display:none}.w-100,.wh-100{width:100%}.wh-100{height:100%}.input{background:none;border:1px solid #0a0a0a;padding:5px 10px}.h3{font-size:1rem;font-weight:700}.fancy-link{color:#0085ff;text-decoration:underline}.cut-length-text{overflow:hidden;white-space:nowrap}.p-10{padding:10px}.p-1{padding:1rem}.p-2{padding:2rem}.ms-1{margin-left:1rem}.ms-03{margin-left:.3rem}.me-30{margin-right:30px}.mb-15{margin-bottom:1.5rem}.mt-1{margin-top:1rem}.fade-enter-active{transition:opacity .4s ease}.fade-enter-from{opacity:0}.fade-enter-to{opacity:1}.fade-leave-active{transition:opacity .4s ease}.fade-leave-from{opacity:1}.fade-leave-to{opacity:0}.fade-in-enter-active{transition:opacity .4s ease}.fade-in-enter-from{opacity:0}.fade-in-enter-to{opacity:1}.fade-in-leave-active{transition:none}.fade-in-leave-from{opacity:1}.fade-in-leave-to{opacity:0}.fade-1-enter-active{transition:opacity .1s ease}.fade-1-enter-from{opacity:0}.fade-1-enter-to{opacity:1}.fade-1-leave-active{transition:opacity .4s ease}.fade-1-leave-from{opacity:1}.fade-1-leave-to{opacity:0}.height_shrink{height:0!important}.height_expand{height:100%!important}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.btn{background:var(--btn-background-color);border:1px solid var(--btn-border-color);color:var(--btn-text-color);cursor:pointer;transition:all .4s ease}.btn:not(:disabled):not(.no-hover):hover{background:var(--btn-hover-background-color);color:var(--btn-hover-text-color)}.btn:disabled{background:#c7c7c7;border:1px solid #646464;color:#707070;cursor:not-allowed}.ui-icon-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex}.ui-icon-btn,.ui-icon-btn .icon-container{background:#6379ef;transition:background .3s ease}.ui-icon-btn .icon-container{border-bottom-left-radius:6px;border-top-left-radius:6px;display:block}.ui-icon-btn .icon{display:block;height:16px;margin:8px 8px 8px 12px;width:14px}.ui-icon-btn .icon svg{fill:#fff;transition:fill .3s ease}.ui-icon-btn .text{color:#fff;font-size:.9em;font-weight:700;margin-left:8px;margin-right:12px;transition:color .3s ease}.ui-icon-btn:hover{background:#fff}.ui-icon-btn:hover .text{color:#6379ef}.ui-icon-btn.disabled{background:#707074;cursor:default}.ui-icon-btn.disabled .icon-container{background:#6a6a6a}.ui-icon-btn.disabled .icon svg{fill:#b1b1b1}.ui-icon-btn.disabled .text{color:#b1b1b1}.ui-icon-btn.disabled:hover{background:#707074}.ui-icon-btn.disabled:hover .text{color:#b1b1b1}.delete-elem-btn>.ui-icon-btn:not(.disabled),.delete-elem-btn>.ui-icon-btn:not(.disabled) .icon-container{background:#ca2828}.delete-elem-btn>.ui-icon-btn:not(.disabled):hover{background:#fff}.delete-elem-btn>.ui-icon-btn:not(.disabled):hover .text{color:#ca2828}.btn-secondary{--btn-background-color:#fffbf0;--btn-text-color:#656565;--btn-border-color:#1d63ff;--btn-hover-background-color:#1d63ff;--btn-hover-text-color:#fffbf0}.btn-secondary,.btn-secondary-inv{border-radius:20px;padding:8px 20px}.btn-secondary-inv{--btn-background-color:#6379ef;--btn-text-color:#fffbf0;--btn-border-color:#6379ef;--btn-hover-background-color:#fffbf0;--btn-hover-text-color:#656565}.btn-primary{--btn-background-color:#fffbf0;--btn-text-color:#656565;--btn-border-color:#1a5083;--btn-hover-background-color:#1a5083;--btn-hover-text-color:#fffbf0}.btn-primary,.btn-primary-inv{border-radius:10px;padding:8px 20px}.btn-primary-inv{--btn-background-color:#1a5083;--btn-text-color:#fffbf0;--btn-border-color:#1a5083;--btn-hover-background-color:#fffbf0;--btn-hover-text-color:#656565}.main-container{background:var(--background-color);height:100vh;width:100vw}header{margin-bottom:20px}header p{font-size:2em}main{border:1px solid var(--theme-color-dark);border-radius:10px;box-shadow:0 0 12px 2px #223c5033;padding:10px 25px}form{height:250px;padding-bottom:20px;padding-top:35px;width:350px}form p{font-size:1.5em}form .error{color:red;font-size:.8em;font-weight:600;margin-left:5px}form input{background:var(--background-color);border:none;border-bottom:1px solid var(--theme-color-dark);padding:5px}form input[type=submit]{align-self:center}form footer{padding:0 5px}