.mainForm{width:100%;min-width:900px;padding:25px 0}.mainForm__fieldset,.mainForm__buttons{width:100%;margin:0 auto;padding:0 30px}.mainForm__fieldset{display:grid;grid-template-rows:1fr;grid-template-columns:150px minmax(600px,1fr) 150px;max-width:900px;border:0}.mainForm__fieldset:not(:first-child){margin:25px auto 0}.mainForm__fieldset>*{display:inline-block}.mainForm__fieldset__legend{text-transform:uppercase;font-weight:500;color:#747e8a}.mainForm__fieldset__inputs{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;padding:0 25px}.mainForm__fieldset__inputs--two{grid-template-columns:.5fr .5fr;gap:10px}.mainForm__buttons{display:flex;align-items:center;justify-content:space-between;margin-top:25px;max-width:600px}.mainForm__buttons button{display:flex;align-items:center;justify-content:center;width:160px;height:45px;background-color:#fff;border-radius:50px;border:1px solid #c5d0db;text-transform:uppercase;transition:all .1s ease-in-out;cursor:pointer}.mainForm__buttons button:not([disabled]):hover{opacity:.8}.mainForm__buttons button[type=submit]{background-color:#0073f7;box-shadow:0 4px 16px #0073f752;border:0;color:#fff}.mainForm__buttons button[type=submit][disabled]{background-color:#c5d0db;box-shadow:none}.mainForm__separator{margin:25px 50px;border:1px solid #c5d0db}.mainForm__formItem{padding:0 5px}.mainForm__formItem:not(:first-child):not(.mainForm__formItem__noTopMargin){margin-top:20px}.mainForm__formItem__label,.mainForm__formItem__input{display:block}.mainForm__formItem__label{color:#747e8a}.mainForm__formItem__input{width:100%;height:45px;margin-top:5px;padding:5px 10px;border:1px solid #c5d0db}.mainForm__formItem__input--textarea{height:200px;resize:none}.mainForm__inputWithHightlight{width:100%;height:45px;position:relative;margin-top:5px}.mainForm__inputWithHightlight--textarea{height:200px}.mainForm__inputWithHightlight--textInput .mainForm__inputWithHightlight__highlights{overflow:hidden;padding:15px 10px}.mainForm__inputWithHightlight__highlights,.mainForm__inputWithHightlight__input{width:100%;height:100%;position:absolute;letter-spacing:.5px;line-height:1.25}.mainForm__inputWithHightlight__highlights{padding:5px 10px;overflow:auto}.mainForm__inputWithHightlight__highlights__textBox{white-space:pre-wrap;overflow-wrap:break-word;color:transparent}.mainForm__inputWithHightlight__highlights mark{background-color:#0073f74f;color:transparent}.mainForm__inputWithHightlight__input{margin-top:0;background-color:transparent}.mainForm__variables__title{color:#747e8a;font-weight:500;text-transform:uppercase}.mainForm__variables__list{margin-top:15px}.mainForm__variables__listItem{list-style:none}.mainForm__variables__listItem:not(:first-child){margin-top:15px}.mainForm__variables__button{display:block;width:100%;padding:10px 5px;background-color:#fff;border:1px solid #c5d0db;border-radius:6px;box-shadow:1px 4px 8px #02244d40;color:#0073f7;cursor:pointer}.mainForm__variables__button[disabled]{background-color:#fbfbfb}.mainForm__variables__button:hover{background-color:#fbfbfb}@media (max-width: 768px){.mainForm{min-width:auto}.mainForm__fieldset{grid-template-rows:auto auto auto;grid-template-columns:1fr}.mainForm__fieldset__legend{text-align:center}.mainForm__fieldset__inputs{padding:0;margin-top:15px}.mainForm__fieldset__inputs--two{grid-template-rows:auto auto;grid-template-columns:1fr}.mainForm__fieldset__inputs--two>*:last-child{margin-top:15px}.mainForm__variables{margin-top:15px}.mainForm__variables__title{text-align:center}.mainForm__buttons{flex-direction:column;gap:10px}}.app{display:grid;grid-template-rows:55px 1fr;grid-template-columns:1fr;height:100%}.app__header{background-color:#0073f7;text-align:center;color:#fff}.app__content{padding:15px 30px;overflow-y:auto;background-color:#e5e5e5}.app__content__wrapper{overflow-y:auto;background-color:#fff;box-shadow:1px 4px 48px #00244d40;border-radius:8px}.app__content__link{margin-top:40px;text-align:center;color:#747e8a}.app__content__link a{color:#0073f7;text-decoration:none}.app__content__link a:hover{text-decoration:underline}@media (max-width: 768px){.app__content{padding:15px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{overflow:hidden;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}button,input,textarea,select{font:inherit}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}