#sidebar{align-items:center;display:flex;flex-direction:column;justify-content:space-between;text-align:left}#sidebar>div{width:100%}#sidebar .sidebar-info{margin:3rem 0}#sidebar .btn-blue-80{width:100%}#sidebar .sidebar-content-part:not(:last-of-type){margin-bottom:4rem}#sidebar .sidebar-content-part p{color:#cdd0f8}#sidebar nav ul{list-style:none;margin:0;padding:0}#sidebar nav ul li{padding:.5rem 0}#sidebar nav ul li a{color:#cdd0f8;font-weight:300;text-decoration:none;transition:all .4s ease}#sidebar nav ul li a .active,#sidebar nav ul li a:hover{color:#fff}#sidebar nav ul li a .active{font-weight:800;text-decoration:underline}body{background:#001212;color:#fff;font-family:Manrope,sans-serif;margin:0;min-height:100vh;padding:2rem}#sidebar{background:#124bec;height:calc(100% - 4rem);left:2rem;overflow-y:auto;position:fixed;top:2rem;width:370px}#main-content,#sidebar{border-radius:3px;padding:2rem}#main-content{background:#334141;margin-left:auto;min-height:calc(100vh - 4rem);width:calc(100% - 370px - 2rem)}@media screen and (max-width:1500px){#sidebar{width:300px}#main-content{width:calc(100% - 300px - 2rem)}}@media screen and (max-width:992px){#sidebar{border-radius:0 0 3px 3px;height:auto;left:auto;right:4rem;top:0;width:auto;z-index:999}#sidebar .logo{margin:0;max-width:100px}#sidebar .sidebar-bottom-wrapper,#sidebar .sidebar-center-wrapper,#sidebar .sidebar-info{display:none}#main-content{width:100%}}.info-msg{background:#334141;border-radius:3px;display:flex;padding:1.5rem}.info-msg.info-msg-blue{background:#416fef}.info-msg>img{display:block;height:2rem;margin-right:1rem;-o-object-fit:contain;object-fit:contain;width:2rem}.info-msg p{margin:0}#keyboard{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,40%,.5);border-radius:0 3px 0 0;bottom:0;box-shadow:0 -10px 30px rgba(0,0,0,.3);display:flex;left:50%;max-width:760px;position:fixed;transform:translate(-50%);transition:all .4s ease-in;width:100%;z-index:99}#keyboard.hidden{opacity:0;transform:translate(-50%,100%)}#keyboard .keyboard-closer{background:#124bec;border-radius:3px 0 0 0;padding:2rem}#keyboard .keyboard-closer>img{display:block;height:2rem;margin-left:auto;width:2rem}#keyboard .char-container{padding:2rem}.char-row-wrapper{flex-direction:column}.char-row-wrapper,div.char-row{display:flex;flex-wrap:wrap;gap:10px}div.char-row{align-items:stretch}.char,div.char-row{justify-content:center}.char{align-items:center;aspect-ratio:2/1;background:rgba(0,0,0,.4);background-blend-mode:multiply;border:2px solid transparent;border-radius:2px;color:#fff;display:flex;font-weight:800;padding:12px;text-transform:uppercase;transition:all .1s ease-in-out}.char.active,.char:hover{background:#124bec;border-color:#124bec;transform:scale(1.05)}#close-keyboard{cursor:pointer}.h-l,.h-m,.h-s,.h-xl,h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif;font-weight:800;line-height:1.2;text-transform:uppercase}.h-s{font-size:1.5rem}.h-m{font-size:2.3rem}.h-l{font-size:3.5rem}.btn,button,input[type=button],input[type=reset],input[type=submit]{border:0;border-radius:3px;box-shadow:0;color:#fff;cursor:pointer;display:inline-block;font-weight:800;padding:2rem;transition:all .4s ease}.btn.btn-icon,button.btn-icon,input[type=button].btn-icon,input[type=reset].btn-icon,input[type=submit].btn-icon{align-items:center;display:flex;justify-content:center}.btn.btn-icon>img,button.btn-icon>img,input[type=button].btn-icon>img,input[type=reset].btn-icon>img,input[type=submit].btn-icon>img{height:2.2rem;margin-right:1.5rem;-o-object-fit:contain;object-fit:contain;width:2.2rem}.btn.btn-blue,button.btn-blue,input[type=button].btn-blue,input[type=reset].btn-blue,input[type=submit].btn-blue{background:#124bec}.btn.btn-blue:hover,button.btn-blue:hover,input[type=button].btn-blue:hover,input[type=reset].btn-blue:hover,input[type=submit].btn-blue:hover{background:#001212}.btn.btn-blue-80,button.btn-blue-80,input[type=button].btn-blue-80,input[type=reset].btn-blue-80,input[type=submit].btn-blue-80{background:#416fef}.btn.btn-blue-80:hover,button.btn-blue-80:hover,input[type=button].btn-blue-80:hover,input[type=reset].btn-blue-80:hover,input[type=submit].btn-blue-80:hover{background:#334141}.btn.btn-success,button.btn-success,input[type=button].btn-success,input[type=reset].btn-success,input[type=submit].btn-success{background:#60a105}.btn.btn-success:hover,button.btn-success:hover,input[type=button].btn-success:hover,input[type=reset].btn-success:hover,input[type=submit].btn-success:hover{background:#124bec}.btn.btn-reset,button.btn-reset,input[type=button].btn-reset,input[type=reset].btn-reset,input[type=submit].btn-reset{background:#667070}.btn.btn-reset:hover,button.btn-reset:hover,input[type=button].btn-reset:hover,input[type=reset].btn-reset:hover,input[type=submit].btn-reset:hover{background:#001212}.button-holder{display:flex;flex-wrap:wrap;gap:1.5rem}html{font-size:10px}*{box-sizing:border-box;font-family:Manrope,sans-serif}body{font-size:1.5rem;overflow-x:hidden}#ai-sketch{display:none}canvas{background:#000;border:2px solid hsla(0,0%,100%,.251);border-radius:5px;box-shadow:0 11px 20px 0 rgba(0,0,0,.278);display:block;margin:0 auto}.inner-max-width{margin:0 auto;max-width:1100px;padding-left:20px;padding-right:20px}.sketch-holder{margin-bottom:1.5rem;width:100%}.sketch-holder,.sketch-holder .sketch-inner-holder{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;position:relative}.sketch-holder .sketch-inner-holder{padding-right:7rem;z-index:9}.sketch-direction-arrow{background:#124bec;border-radius:0 1000px 1000px 0;left:0;padding:2rem;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.sketch-direction-arrow>img{display:block;height:3rem;margin-left:auto;transform:rotate(-90deg);width:3rem}.predicted-holder .predicted-wrapper{background:#0f1f1f;border-radius:1000px 0 0 1000px;padding:10rem;position:relative;text-align:center}.predicted-holder .predicted-wrapper:after{background:#0f1f1f;content:"";height:100%;left:100%;position:absolute;top:0;width:100vw}.predicted-holder .predicted-wrapper #predicted-char{display:block;font-size:8rem;font-weight:800;line-height:1}.predicted-holder .predicted-wrapper .h-s{opacity:.3}#all-weights{background:rgba(0,0,0,.2);border-radius:3px;margin-top:5rem;padding:2rem;width:100%}#all-weights .char.weight{background:#000;height:7rem;padding:0;width:7rem}#all-weights .char.weight canvas{border-color:transparent;border-radius:0;box-shadow:none;margin:0}.hidden{display:none}
/*# sourceMappingURL=main.min.css.map */
