body{height:100vh;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background:#1d323a}button{cursor:pointer;-webkit-user-select:none;user-select:none}#root{display:flex;justify-content:center}*{box-sizing:border-box;margin:0;padding:0;border:none;outline:none}.parser{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:100%;width:100%;padding:40px 60px 80px;background:#1d323a;max-width:1300px}.parser__topbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr;grid-gap:0 20px;grid-template-areas:"title title" "field buttons"}.parser__topbar__title{grid-area:title;color:#fb7f2a;font-family:Bebas Neue,sans-serif;font-weight:400;cursor:default}.parser__topbar__title__version{color:#446465;font-size:.9rem}.parser__topbar__inputs{grid-area:field;box-sizing:border-box;height:100%;display:flex;flex-direction:column}.parser__topbar__inputs__box{height:100%;width:100%;position:relative}.parser__topbar__inputs__box__input{height:100%;width:100%}.parser__topbar__inputs__box__clear{position:absolute;top:0;right:0;height:3rem;width:5rem;border-radius:0 0 0 1rem;background-color:#446465;color:#ffc700e6;cursor:pointer;text-shadow:0 0 3px black;font-size:1.1rem}.parser__topbar__inputs__box__clear:hover{color:#ffc700;text-shadow:0 0 5px black;border:1px solid rgba(255,199,0,.69)}.parser__topbar__inputs__box__clear:active{text-shadow:0 0 3px black;border:none}.parser__topbar__buttons{grid-area:buttons;display:grid;justify-content:center;grid-gap:20px;grid-template-rows:1fr;grid-template-columns:1fr 1fr}.parser__topbar__buttons__note{height:80px;width:150px;color:#c9cebd;font-family:Roboto,sans-serif}.parser__topbar__buttons__button{min-height:60px;width:120px;padding:5px;border-radius:10px;background-color:#446465;text-shadow:0 0 3px black;font-size:1.1rem;font-family:Roboto,sans-serif;color:#ffc700e6;box-shadow:0 0 0 1px #000000b0}.parser__topbar__buttons__button:hover{color:#ffc700;box-shadow:0 0 0 1px #ffc70080;text-shadow:0 0 5px black}.parser__topbar__buttons__button:active{box-shadow:0 0 0 1px #000000b0;text-shadow:0 0 3px black}.parser__topbar__buttons__parsebox,.parser__topbar__buttons__openbox{display:flex;flex-direction:column;gap:10px}.parser__options{padding:5px 0 15px;display:flex;gap:30px}.parser__options__general{color:#ffc700e6;font-family:Roboto,sans-serif;font-size:1rem;display:flex;align-items:center;gap:.3rem;cursor:default}.parser__options__checkModule{color:#ffc700e6;font-family:Roboto,sans-serif;font-size:1rem;display:flex;align-items:center;gap:.3rem;-webkit-user-select:none;user-select:none;cursor:pointer}.parser__options__checkModule__checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.parser__options__checkModule__vis-checkbox{height:.9rem;width:.9rem;border-radius:20%;display:flex;justify-content:center;align-items:center;background-color:#c9cebd}.parser__options__checkModule__vis-checkbox>svg{height:.8rem;width:.8rem}.parser__options__checkModule__vis-checkbox>svg>polygon{fill:#c9cebd}.parser__options__checkModule__vis-checkbox--checked>svg>polygon{fill:#446465}.parser__options__filter__title{-webkit-user-select:none;user-select:none}.parser__options__filter__input{padding:2px 5px;width:120px;background-color:#c9cebd}.parser__output{width:100%;height:100%}.parser__output__counter{padding-top:10px;font-family:Roboto,sans-serif;color:#c9cebd}.parser-fields{background:#c9cebd;padding:5px;font-size:.8rem;border-radius:1px;border:1px solid rgba(0,0,0,.5);font-family:Martian,monospace}.parser-fields:focus-visible{box-shadow:0 0 0 1px #ffc700e6}@media screen and (max-width: 650px){.parser__topbar{grid-template-columns:1fr;grid-template-areas:"title" "field" "buttons";row-gap:20px}.parser__topbar__inputs{height:120px}.parser__topbar__buttons__button{width:100%}}