*{box-sizing:border-box;color:#f0f6fc;border:none;outline:none;margin:0;padding:0}* textarea{background-color:#161b22;border:1px solid #30363d;padding:10px}* button{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#161b22;transition:all .3s}* label{-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .3s}#root{box-sizing:border-box;background:#0b0e14;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.container{box-sizing:border-box;background-color:#0b0e14;grid-template-rows:auto auto 1fr;grid-template-columns:1fr;justify-items:center;width:100%;max-width:1300px;height:100%;padding:40px 60px 80px;display:grid}.title{color:#2f81f7;text-shadow:0 0 3px #58a6ff;-webkit-user-select:none;user-select:none;padding:0 0 20px}.top{gap:20px;width:100%;height:100%;display:flex}.top .macro_display{border-radius:50%;flex-wrap:wrap;width:20px;height:20px;display:flex;position:absolute;top:30px;right:30px;overflow:hidden}.top .macro_display>div:first-child,.top .macro_display>div:nth-child(2){width:50%;height:50%}.top .macro_display>div:last-child{width:100%;height:50%}.top .macro_display.m_parsed{background-color:#2f81f7}.top .macro_display.m_apiFetching{background-color:#d29922}.top .macro_display.m_apiReady{background-color:#3fb950}.top .macro_display.m_listedDbl>div:first-child,.top .macro_display.m_listedSurbl>div:nth-child(2){background-color:#f85149}.top .macro_display.m_ourMail>div:last-child{background-color:#a371f7}.top__input{width:100%;height:100%;position:relative}.top__input__field{border:1px solid #30363d;width:100%;height:100%}.top__input__clear{border:1px solid #30363d;width:60px;height:60px;position:absolute;top:0;right:0}.top__side{gap:10px;min-width:400px;display:flex}.top__side__col{width:100%;height:100%}.top__side__col__block{flex-direction:column;align-items:center;padding:4px 4px 10px;display:flex}.top__side__col__block__button{background-color:#161b22;outline:1px solid #2f81f7;width:80%;height:3.5rem}.top__side__col__block__helpers{justify-content:center;min-width:100%;padding:10px 5px 5px;display:flex}.top__side__col__block__helpers .pill{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-content:space-between;align-items:center;gap:3px;width:80%;height:2rem;display:grid}.top__side__col__block__helpers .pill__button{cursor:pointer;color:#8b949e;background-color:#2f81f71a;justify-content:center;align-items:center;height:100%;display:flex}.top__side__col__block__helpers .pill__button>input{width:0;height:0}.top__side__col__block__helpers .pill .pill__button:first-child{border-radius:10px 0 0 10px}.top__side__col__block__helpers .pill .pill__button:last-child{border-radius:0 10px 10px 0}.top__side__col__block__helpers .pill .pill__button:only-child{border-radius:10px}.top__side__col__block__helpers .pillbox{flex-wrap:wrap;justify-content:center;gap:3px;width:80%;display:flex}.top__side__col__block__helpers .pillbox .pill__button{width:30%;height:2rem}.top__side__col__block__helpers .pillbox .pill__button:first-child{border-radius:10px 0 0}.top__side__col__block__helpers .pillbox .pill__button:nth-child(3){border-radius:0 10px 0 0}.top__side__col__block__helpers .pillbox .pill__button:nth-child(4){border-radius:0 0 0 10px}.top__side__col__block__helpers .pillbox .pill__button:nth-child(6){border-radius:0 0 10px}.top__side__col__block__checks{flex-wrap:wrap;justify-content:space-evenly;gap:5px 10px;width:100%;padding-top:10px;display:flex}.top__side__col__block__checks>label{color:#8b949e;background-color:#2f81f71a;border-radius:10px;justify-content:center;align-items:center;width:80%;height:1.8rem;display:flex}.top__side__col__block__checks>label.active{color:#f0f6fc;background-color:#2f81f780;border-radius:5px 0}.top__side__col__block__checks>label>input{width:0;height:0}.bottom{flex-direction:column;gap:10px;width:100%;height:100%;padding-top:20px;display:flex}.bottom__output{width:100%;height:100%}.active{color:#f0f6fc!important;background-color:#2f81f780!important}.tp *{color:#f0f6fc}.tp button{background-color:#161b22}.tp textarea{background-color:#161b22;border:1px solid #2f81f7}.tp{box-sizing:border-box;background-color:#0b0e14;grid-template-rows:1fr 2fr;grid-template-columns:1fr;justify-content:center;align-items:center;gap:5%;width:100%;height:100%;padding:5%;display:grid}.tp .top{grid-template-columns:1fr auto;width:100%;height:100%;min-height:10%;display:grid}.tp .top__genInput{width:100%;height:100%}.tp .top__genInput__field{box-sizing:border-box;resize:none;background-color:#161b22;border:1px solid #2f81f7;width:100%;height:100%}.tp .top__panel{grid-template-columns:1fr 1fr;display:grid}.tp .top__panel__stack{flex-direction:column;width:100%;display:flex}.tp .top__panel__stack button{text-wrap:nowrap}.tp .top__panel__stack__block__checks{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.tp .bottom,.tp .bottom__output{width:100%;height:100%}.bigTestButton{border-radius:100%;width:80%;height:50%}body{width:100vw;height:100vh;margin:0;padding:0}#root{width:100%;height:100%}