:root{--main-color:#864bff;--accent-color:#00ffcb;--gray-0:#fafbfc;--gray-1:#f4f5f7;--gray-2:#ebecf0;--gray-3:#dfe1e6;--gray-4:#c1c7d0;--gray-5:#b3bac5}html *{-webkit-box-sizing:border-box;box-sizing:border-box}body{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:var(--gray-0)}@media screen and (max-width:1100px){body{overflow:auto}}.mainInput,.outputData{height:100vh}@media screen and (max-width:1100px){.mainInput,.outputData{height:auto}}.mainInput{width:40%}@media screen and (max-width:1100px){.mainInput{width:100%;margin-top:40px}}.outputData{width:60%}@media screen and (max-width:1100px){.outputData{width:100%}}header{width:100%;text-align:left;-webkit-box-shadow:0 0.125em 0.313em rgba(50, 50, 93, 0.09), 0 0.063em 0.125em rgba(0, 0, 0, 0.07);box-shadow:0 0.125em 0.313em rgba(50, 50, 93, 0.09), 0 0.063em 0.125em rgba(0, 0, 0, 0.07);background-color:#fff;padding:16px 40px;z-index:1}header h1{font-family:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;color:var(--main-color);font-size:24px}header h1 span{font-size:0.6em;color:var(--gray-4);font-weight:normal;font-style:italic}.mainInput{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-8%);-ms-transform:translateY(-8%);transform:translateY(-8%)}.mainInput button,.mainInput input[type=text]{width:100%;padding:0.8em;font-size:1.5rem}@media screen and (max-width:1100px){.mainInput{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.mainInput__container{width:80%}@media screen and (max-width:1100px){.mainInput__container{width:100%;padding:0 1em}}.mainInput label,.mainInput p{font-family:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif}.mainInput label.-bold,.mainInput p.-bold{font-weight:600;margin:0.8em 0;display:block}.mainInput input[type=text]{font-family:"IBM Plex Mono", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;border:1px solid var(--main-color);color:var(--main-color);background-color:var(--gray-1)}.mainInput input[type=text]:focus{outline:2px solid var(--main-color);background-color:var(--gray-0)}.mainInput input[type=text]::-webkit-input-placeholder{color:var(--gray-4)}.mainInput input[type=text]:-ms-input-placeholder{color:var(--gray-4)}.mainInput input[type=text]::-ms-input-placeholder{color:var(--gray-4)}.mainInput input[type=text]::placeholder{color:var(--gray-4)}.mainInput button{border:none;margin:0.4em 0;color:#fff;font-family:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;background-image:-webkit-linear-gradient(95deg, #5d0eff 1%, #864bff 70%);background-image:-o-linear-gradient(95deg, #5d0eff 1%, #864bff 70%);background-image:linear-gradient(355deg, #5d0eff 1%, #864bff 70%);cursor:pointer;-webkit-box-shadow:0 0.125em 0.313em rgba(50, 50, 93, 0.09), 0 0.063em 0.125em rgba(0, 0, 0, 0.07);box-shadow:0 0.125em 0.313em rgba(50, 50, 93, 0.09), 0 0.063em 0.125em rgba(0, 0, 0, 0.07);-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;z-index:1;position:relative}.mainInput button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:-webkit-gradient(linear, left bottom, left top, color-stop(1%, #5d0eff), to(#864bff));background-image:-webkit-linear-gradient(bottom, #5d0eff 1%, #864bff 100%);background-image:-o-linear-gradient(bottom, #5d0eff 1%, #864bff 100%);background-image:linear-gradient(360deg, #5d0eff 1%, #864bff 100%);opacity:0;-webkit-transition:opacity 0.4s;-o-transition:opacity 0.4s;transition:opacity 0.4s;z-index:-1}.mainInput button:focus,.mainInput button:hover{background-color:#7532ff;-webkit-box-shadow:0 0.25em 0.375em rgba(50, 50, 93, 0.09), 0 0.063em 0.188em rgba(0, 0, 0, 0.08);box-shadow:0 0.25em 0.375em rgba(50, 50, 93, 0.09), 0 0.063em 0.188em rgba(0, 0, 0, 0.08)}.mainInput button:focus:before,.mainInput button:hover:before{opacity:1}.mainInput__radios{margin:0 0 20px 0;list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:1100px){.mainInput__radios{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:1100px){.mainInput__radios li{margin:8px 0}}.mainInput__radios input[type=radio]{display:none}.mainInput__radios input[type=radio]+label{color:var(--gray-5);padding-left:24px;position:relative;display:block;cursor:pointer}.mainInput__radios input[type=radio]+label:before{content:"";display:block;width:1em;height:1em;border:1px solid var(--main-color);position:absolute;border-radius:100%;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mainInput__radios input[type=radio]:checked+label{color:var(--main-color)}.mainInput__radios input[type=radio]:checked+label:after{content:"";display:block;width:0.5em;height:0.5em;background-color:var(--main-color);border:1px solid var(--main-color);position:absolute;border-radius:100%;left:calc(0.4em - 2px);top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.outputData{overflow-y:auto;font-family:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;padding:2em 1em 4em 1em}.outputData__preview{width:100%;margin:28px 0}.outputData__download{display:inline-block;position:-webkit-sticky;position:sticky;top:0;-webkit-box-shadow:0 0.063em 0.313em 0 rgba(0, 0, 0, 0.07), 0 0.438em 1.063em 0 rgba(0, 0, 0, 0.1);box-shadow:0 0.063em 0.313em 0 rgba(0, 0, 0, 0.07), 0 0.438em 1.063em 0 rgba(0, 0, 0, 0.1);background-color:var(--accent-color);color:var(--main-color);text-decoration:none;padding:8px 16px;font-weight:600;font-size:16px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.outputData__download svg{width:16px;margin-left:4px;vertical-align:middle}.outputData__download:hover{background-color:#00f0bf}.notificationBar{position:fixed;bottom:0;width:100%;font-family:"IBM Plex Mono", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.notificationBar--status{background-color:var(--gray-1);color:var(--main-color)}.notificationBar--error{background-color:pink;color:crimson}.notificationBar.-hide{-webkit-animation:slideDown 0.5s ease-in-out forwards;animation:slideDown 0.5s ease-in-out forwards}.notificationBar.-show{-webkit-animation:slideUp 0.5s ease-in-out forwards;animation:slideUp 0.5s ease-in-out forwards}.notificationBar__msg{margin:8px 12px;font-size:12px}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}
/*# sourceMappingURL=app.css.map */