@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,600,700");@import url("https://fonts.googleapis.com/css?family=Share+Tech+Mono");::-moz-selection{background:#6d6bd9}::selection{background:#6d6bd9}body,html{overflow-x:hidden}body{margin:0;background:#212121;font-family:'IBM Plex Sans', sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility}.project-logo-m{width:40px;height:60px;background-image:url("../img/project-logo.svg");background-size:cover;background-repeat:no-repeat}.figma-logo-s{width:13px;height:20px;background-image:url("../img/figma-logo-s-bw.svg");background-size:cover;background-repeat:no-repeat}.icon-link{display:inline-block;margin-top:12px}.icon-link a{margin-left:8px;color:#f2f2f2;font-size:16px}.icon-link a:hover{color:#f2f2f2;text-decoration:underline}.icon-link:hover a{color:#f45;text-decoration:none}.icon-link:hover .figma-logo-s{background-image:url("../img/figma-logo-s.svg")}.info-screen{overflow:hidden;position:relative;display:grid;margin:0 auto;padding:0 80px;max-width:1196px;grid-template-columns:repeat(12, 1fr);grid-column-gap:20px;grid-template-rows:minmax(100vh, 1fr)}@media screen and (max-width:640px){.info-screen{padding:0 40px}}.info-wrap{grid-column:1/13;display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:20px;align-self:center}.info{grid-column:1/5;-ms-flex-item-align:center;align-self:center;padding:60px 0 80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:940px){.info{grid-row:1;grid-column:1/13;padding:60px 0 0}}.info__logo-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.info__title{max-width:200px;margin-top:20px;opacity:0.7;color:#f2f2f2;font-size:28px}.info__text-block{max-width:230px;margin-top:40px}.info__text-block p{font-size:16px;color:#f2f2f2}.info__text-block p:nth-child(2){opacity:0.6}.info__links{margin-top:24px}@media screen and (max-width:940px){.info__links{margin-top:0}}.info__links a{display:inline-block;color:#f2f2f2;-webkit-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease;margin-right:16px;margin-bottom:4px}.info__links a:hover{color:#f45;text-decoration:none}.info__links a:focus{outline-color:#f45}.form{-ms-flex-item-align:center;align-self:center;grid-column:6/12;padding:60px 0 80px}@media screen and (max-width:1080px){.form{grid-column:6/13}}@media screen and (max-width:940px){.form{grid-row:2;grid-column:1/13}}.input-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:24px}.input-wrap__icon-label{display:-webkit-box;display:-ms-flexbox;display:flex}.input-wrap__icon-label_help{text-decoration:none;cursor:pointer;-ms-flex-item-align:center;align-self:center;margin-left:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#212121;font-size:14px;line-height:16px;width:16px;height:16px;border-radius:50px;background:rgba(255,255,255,0.2);text-align:center;font-weight:600;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.input-wrap__icon-label_help:hover{background:rgba(255,255,255,0.4)}.input-wrap label{font-size:18px;color:#f2f2f2;opacity:0.6}.input-wrap input{margin-top:12px;outline:none;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;height:52px;border-radius:4px;opacity:0.8;color:#333;font-size:20px;padding:12px 14px 14px;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.input-wrap input:focus,.input-wrap input:hover{opacity:1}@media screen and (max-width:1200px){.input-wrap input{font-size:18px}}@media screen and (max-width:400px){.input-wrap input{font-size:16px}}.dropdown-wrap{margin-top:40px;margin-bottom:24px}.dropdown-wrap label{font-size:18px;color:#f2f2f2;opacity:0.6}.dropdown-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px 14px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer}.dropdown-item:hover{background:rgba(255,255,255,0.08)}.dropdown-item__selected{background:rgba(0,0,0,0.2)}.dropdown-item__arrow-down{width:24px;height:24px;margin-left:8px;background:url("../img/arrow.svg");background-position:center 10px;background-repeat:no-repeat;-webkit-transition:all 0.1s;-o-transition:all 0.1s;transition:all 0.1s}.dropdown-item__arrow-up{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.dropdown-item__icon{width:24px;height:24px}.dropdown-item__text{margin-left:16px;font-size:20px;color:#f2f2f2}@media screen and (max-width:400px){.dropdown-item__text{font-size:17px}}#dropdown-selector .dropdown-item{margin-top:12px}.dropdown-list{margin-top:12px;display:none;background:rgba(0,0,0,0.4);border-radius:4px}.icon-m_JSON{width:24px;height:24px;background-size:cover;background-repeat:no-repeat;background:url("../img/icons-m/select-JSON.svg")}.icon-m_pages-and-artboards{width:24px;height:24px;background-size:cover;background-repeat:no-repeat;background:url("../img/icons-m/select-pages&artboards.svg")}.icon-m_pages{width:24px;height:24px;background-size:cover;background-repeat:no-repeat;background:url("../img/icons-m/select-pages.svg")}.icon-m_artboards{width:24px;height:24px;background-size:cover;background-repeat:no-repeat;background:url("../img/icons-m/select-artboards.svg")}.icon-m_by-flag{width:24px;height:24px;background-size:cover;background-repeat:no-repeat;background:url("../img/icons-m/select-by-flag.svg")}.file-result{z-index:9999;position:absolute;top:98%;left:80px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f2f2f2;width:calc(100% - 160px);padding:60px 60px}@media screen and (max-width:900px){.file-result{padding:40px 40px}}@media screen and (max-width:800px){.file-result{left:0;width:100%;top:100%}}@media screen and (max-width:400px){.file-result{padding:40px 20px}}.file-result__image{width:280px;height:160px;background:rgba(0,0,0,0.2);background-repeat:no-repeat;background-size:contain}.file-result__name{font-size:32px;font-weight:400}.file-result__loader{position:absolute;top:-12px;left:0;width:100%;height:12px;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);background:-webkit-gradient(linear, left top, right top, from(#f00), color-stop(26%, #05c1ff), color-stop(70%, #eaff00), to(#ef63ff));background:-webkit-linear-gradient(left, #f00 0%, #05c1ff 26%, #eaff00 70%, #ef63ff 100%);background:-o-linear-gradient(left, #f00 0%, #05c1ff 26%, #eaff00 70%, #ef63ff 100%);background:linear-gradient(90deg, #f00 0%, #05c1ff 26%, #eaff00 70%, #ef63ff 100%);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;-webkit-animation:hue 0.7s linear 1s infinite;animation:hue 0.7s linear 1s infinite}@-moz-keyframes hue{to{filter:hue-rotate(360deg)}}@-webkit-keyframes hue{to{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}@-o-keyframes hue{to{filter:hue-rotate(360deg)}}@keyframes hue{to{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}.renderjson{font-family:'Share Tech Mono', monospace;word-break:break-all;font-size:13px}.renderjson a{color:#ff7d88}.btn-group{margin:0 30px;position:absolute;right:0;top:30px}@media screen and (max-width:900px){.btn-group{top:0;margin:0;position:relative;margin-bottom:20px}}.btn__accent{margin-top:16px;border:none;outline:none;border-radius:4px;width:100%;height:64px;font-size:22px;color:#fff;text-decoration:none;text-align:center;padding:15px 28px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#6d6bd9;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.btn__accent:hover{background:#5451d2}.btn__primary{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:46px;border-radius:4px;background:rgba(0,0,0,0.3);padding:12px 24px 14px;text-decoration:none;color:#f2f2f2;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer;font-size:16px;border:none;margin-bottom:12px;margin-right:8px;background:#6d6bd9}.btn__primary:hover{background:#5451d2}.btn__secondary{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:46px;border-radius:4px;background:rgba(0,0,0,0.3);padding:12px 24px 14px;text-decoration:none;color:#f2f2f2;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer;font-size:16px;border:none;margin-bottom:12px;background:#656578}.btn__secondary:hover{background:#555565}.btn__cancel{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:46px;border-radius:4px;background:rgba(0,0,0,0.3);padding:12px 24px 14px;text-decoration:none;color:#f2f2f2;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer;font-size:16px;border:none;margin-bottom:12px;border:1px solid rgba(0,0,0,0.1);color:#333;background:rgba(255,255,255,0)}.btn__cancel:hover{color:#d14343;background:rgba(255,255,255,0.8)}