body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{background-color:#e0e0e0;display:block;height:100%;left:0;position:absolute;right:0;top:0}button,input{all:unset}.app{display:flex;flex:1 1;height:100%;width:100%}.app-container{flex:1 1;flex-direction:column}.app-container,.cell{align-items:center;display:flex;justify-content:center}.cell{background:transparent;border:1px solid #bfc5d3;height:50px;width:50px}.wall{background:linear-gradient(315deg,#000,#5d5d5d)}.destination{background:linear-gradient(315deg,#e44949,#ffb4b4);color:#420a0a}.way{background:linear-gradient(315deg,#4cc962,#b2f7bf);color:#064018}.grid{background:#e0e0e0;border-radius:0;box-shadow:15px 15px 30px #acacac,-15px -15px 30px #fff;display:flex}.grid-size{display:flex;flex-direction:row;margin-bottom:20px}.grid-size .input-wrapper{margin-right:10px;width:120px}.grid-size .button{max-height:50px!important}.input{background:#e0e0e0;border-radius:10px;box-shadow:inset -5px -5px 10px #bababa,inset 5px 5px 10px #fff;box-sizing:border-box;display:flex;height:50px;outline:1px solid transparent;position:relative;transition:border-width .15s linear}.input.focused{border:2px solid #4dbfff}.input-placeholder{align-items:center;display:inline-flex;font-family:SemiBold;font-size:14px;left:20px;order:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition-duration:.5s;transition-property:top,font-size,-webkit-transform;transition-property:transform,top,font-size;transition-property:transform,top,font-size,-webkit-transform}.input-placeholder.compressed{font-size:10px;height:15px;position:relative;top:6px;-webkit-transform:translateY(0);transform:translateY(0)}.input input{border:none;border-radius:10px;box-shadow:none;color:#263238;font-size:16px;height:100%;order:2;outline:none;padding:0 20px;width:100%}.input input:focus,.input input:hover{outline:none}.input input .error{border-color:#ff6d6d}.input input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #fff}.input input:-webkit-autofill~.input-placeholder{font-size:12px;height:14px;position:relative;top:6px;-webkit-transform:translateY(0);transform:translateY(0)}.input:-webkit-autofill:first-line{font-size:100px}.input-wrapper .error-container{border-radius:10px;color:red;font-size:12px;transition:opacity .2s ease-out,font-size .3s ease-out,height .3s ease-out,padding .3s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.input-wrapper .error-container.visible{font-size:12px;height:20px;opacity:1;padding:3px 10px 3px 0}.input-wrapper .error-container.hidden{font-size:0;height:0;opacity:0;padding:0}@media (max-width:1025px){.error-container{padding:3px 5px 3px 0;transition-property:height,padding,margin-top}}.button{align-items:center;background:linear-gradient(145deg,#6a8ef3,#6ba8ff);border-radius:14px;box-shadow:5px 5px 10px #acacac,-5px -5px 10px #fff;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Open Sans,serif;font-size:16px;font-weight:600;justify-content:center;line-height:18px;padding:18px;position:relative;transition:background-color .3s,color .3s,opacity .3s;width:auto}.button-spinner{margin:auto;position:absolute}.button-content{align-items:center;display:flex;flex-direction:row;white-space:nowrap}.button-left_icon{margin-left:10px;margin-right:10px}.button.full-size{width:100%}.button[disabled]{background-color:#b6b6b6!important;color:#fff;cursor:no-drop}.button.outline{background-color:initial;color:#1d1d1d}.button.secondary{background-color:initial;border:1px solid #6a8ef3;color:#5880ef}@media (min-width:1025px){.button:hover{opacity:.8}.button:active{opacity:1}}.buttons{align-items:center;display:flex;flex-direction:column;margin-top:15px}.buttons .button{margin:5px}
/*# sourceMappingURL=main.f881eba3.css.map*/