*{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--white:#fff;--border-dark:#0000004d;--text-faded:#aaa9a9e5;--body-bg:#fff}body,html{background-color:#fff;background-color:var(--body-bg);color:#000;color:var(--black);font-family:Open Sans,sans-serif;height:100%;max-height:-webkit-fill-available;min-height:100%;overflow:hidden;transition:background .3s linear}.dark-mode{--black:#fff;--white:#000;--border-dark:#9c97974d;--text-faded:#757575be;--body-bg:#110f0f}#root{height:100%;position:relative}.input_type_,.input_type_ input,p{font-family:Open Sans,sans-serif!important;font-size:1.2rem;font-weight:400;line-height:1}.btn{background:#fff;background:var(--white);border:1px solid #0000004d;border:1px solid var(--border-dark);border-radius:6px;color:#000;color:var(--black);cursor:pointer;font-size:1rem;padding:6px 11px;text-align:center}.btn:disabled{opacity:.4}.cs-input{background-color:#fff;background-color:var(--body-bg);border:1px solid #0000004d;border:1px solid var(--border-dark);border-radius:4px;color:#000;color:var(--black);margin-right:10px;max-width:100%;outline:none;padding:7px}.tooltip{border-bottom:1px dotted #fff;border-bottom:1px dotted var(--white);display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#fff;background-color:var(--white);border-radius:6px;box-shadow:0 0 15px rgba(0,0,0,.212);color:#000;color:var(--black);font-size:.8rem;left:32px;min-width:170px;padding:8px 10px;position:absolute;text-align:left;text-transform:uppercase;top:-10px;visibility:hidden;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:after{border:5px solid transparent;border-right-color:#fff;border-color:transparent var(--white) transparent transparent;content:" ";margin-top:-5px;position:absolute;right:100%;top:50%}.welcome_box{border-radius:6px;box-shadow:0 0 15px rgba(0,0,0,.247);margin:auto;max-height:calc(100% - 20px);max-width:440px;overflow:auto;transition:background .3s linear;width:100%}.dark-mode .welcome_box{box-shadow:0 0 15px #4d4b4b60}.welcome_box header{border-bottom:1px solid #0000004d;border-bottom:1px solid var(--border-dark);margin-bottom:12px;padding:7px 11px}.welcome_box h1{font-size:1.8rem;padding:11px 23px;text-align:center}.flow{padding:7px 17px;text-align:center}.flow .flow_1{align-items:center;display:flex;text-align:left;width:100%}.flow_1 label{font-size:1.3rem}.flow input{margin-right:10px}.flow_input{border:1px solid #000;border:1px solid var(--black);border-radius:3px;width:50px}.welcome_box button{margin:12px auto;padding:8px 19px}.i_icon{cursor:pointer;font-size:20px;margin-left:10px}.flow_writing_section{background-color:#fff;background-color:var(--white);color:#000;color:var(--black);height:100%;max-height:-webkit-fill-available;overflow:hidden;position:relative;width:100%}.editor_wrapper{align-content:flex-end;align-items:flex-end;display:flex;flex-wrap:wrap;height:50%;justify-content:flex-start;left:50%;max-width:1000px;overflow:hidden;position:absolute;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:70%}.renderer_para{display:block;font-size:1.2rem;width:100%}.dark-mode .renderer_para{color:#000;color:var(--black)}.gray_text{color:#aaa9a9e5!important;color:var(--text-faded)!important}.renderer_para:last-of-type{display:inline;width:auto}.input_type_{background-color:initial;border:0;caret-color:#000;caret-color:var(--black);margin:0;outline:none;padding:0}.dark-mode .input_type_ *{color:var(--dark)}.dark-mode .input_type_ input{color:#000;color:var(--black)}.input_type_ *{background-color:initial}.input_type_:focus{border:0;margin:0;outline:none;padding:0}.main_wrapper{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;max-height:-webkit-fill-available;min-height:100%}.top_header{display:flex;justify-content:flex-end;padding:20px;position:sticky;position:-webkit-sticky;top:0;width:100%;z-index:10}.fade_aniamtion{-webkit-animation:fadeout 7s linear;animation:fadeout 7s linear}.fade_aniamtion_for{-webkit-animation:fadeout1 1s linear;animation:fadeout1 1s linear}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:.1}}@keyframes fadeout{0%{opacity:1}to{opacity:.1}}@-webkit-keyframes fadeout1{0%{opacity:.2}to{opacity:.1}}@keyframes fadeout1{0%{opacity:.2}to{opacity:.1}}.modal_overlay{align-items:center;background-color:#1b1b1b38;display:flex;justify-content:center;left:50%;min-height:100%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:9}.dark-mode .modal_overlay{background-color:#3636364b}.dark-mode .modal{box-shadow:0 0 14px #6666662c}.modal{align-items:center;background-color:#fff;background-color:var(--white);border-radius:6px;box-shadow:0 8px 24px #2f2f3033;display:flex;flex-direction:column;justify-content:center;max-height:calc(100vh - 60px);max-width:500px;padding:30px 85px}.modal p{margin:20px 0}.modal div{align-items:center;display:flex}@media screen and (max-width:500px){.welcome_box{width:90%}.welcome_box h1{font-size:1.4rem}.flow_1 label{font-size:1rem}.tooltip .tooltiptext{font-size:.56rem;min-width:140px;top:-6px}.editor_wrapper{width:92%}.modal{max-width:90%;padding:30px}}@media screen and (max-width:390px){.tooltip .tooltiptext{font-size:.46rem;min-width:73px}}@media screen and (max-width:360px){.welcome_box h1{font-size:1.2rem}.modal{max-width:90%;padding:20px 10px;width:90%}.modal form{display:flex;justify-content:center;max-width:100%;width:100%}.modal form input{flex:1 1}}
/*# sourceMappingURL=main.1d2ac6a3.css.map*/