@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fade-in-up{0%{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fade-in-down{0%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animated{animation-duration:.5s;-webkit-animation-duration:.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both}.fade-in-up{animation-name:fade-in-up;-webkit-animation-name:fade-in-up;opacity:0}.fade-in-down{animation-name:fade-in-down;-webkit-animation-name:fade-in-down;opacity:0}*{box-sizing:border-box;transition:all .2s ease-in}::selection{background-color:#fdbe10;color:#fff}.App{display:flex;font-family:Montserrat,sans-serif;font-size:16px;justify-content:center;position:relative}.App input:-webkit-autofill,.App input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.App .box{background:#f7f8fc;display:flex}.App .form{display:flex;flex-wrap:wrap;gap:20px}.App label{color:rgba(37,37,37,.7);font-size:1rem;letter-spacing:-.02em;line-height:1.2rem}.App input:not([type=button]),.App option,.App select{background:#fff;border:none;color:#1d1d1d;font-family:inherit;font-size:1.2rem;height:50px;margin-top:10px;padding:0 30px 0 13px}.App input:not([type=button]):focus,.App option:focus,.App select:focus{outline:none}.App .primary-btn,.App .secondary-btn{border-radius:50px;cursor:pointer;font-family:inherit}.App .primary-btn{align-self:center;background:#fdbe10;border:none;color:#fff;font-size:1.1rem;font-weight:700;height:50px;letter-spacing:.1rem;padding:0 25px}@media(max-width:425px){.App .primary-btn{width:100%}}.App .primary-btn:hover{background-color:#fed35c;text-shadow:2px 2px #fdbe10}.App .primary-btn:active{-webkit-transform:scale(.9);transform:scale(.9)}.App .secondary-btn{background:none;border:2px solid #1d1d1d;color:#1d1d1d;height:35px;text-align:center;width:100px}.App h1,.App h2{color:#1d1d1d;font-weight:400;letter-spacing:.01rem}.App h1{font-size:1.7rem}.App h2{font-size:1.4rem}.Generator{background:#fff;margin:40px;padding:40px;position:relative;width:75vw}@media(max-width:1440px){.Generator{padding:20px;width:90vw}}@media(max-width:768px){.Generator{margin:0;width:100vw}}.Generator .Logo{margin-bottom:25px;width:110px}@media(max-width:1024px){.WebsiteSelector .form{justify-content:flex-end}}.WebsiteSelector .box{align-items:start;gap:10px;padding:20px}@media(max-width:425px){.WebsiteSelector .box{flex-direction:column;gap:0;width:100%}}@media(max-width:1440px){.WebsiteSelector .primary-btn{justify-content:flex-end}}.WebsiteSelector .form-group{display:flex;gap:10px}@media(max-width:425px){.WebsiteSelector .form-group{gap:20px}}.WebsiteSelector .form-group .url-signs{font-size:3.1rem;position:relative;right:2px;top:45px}.WebsiteSelector .form-group input{display:block;width:100%}.WebsiteSelector .form-group select{width:100%}.WebsiteSelector #prvMode{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;border:2px solid rgba(0,0,0,.38);cursor:pointer;margin:10px 0 0;outline:0}.WebsiteSelector #prvMode:after{align-items:center;background-color:#fff;clear:both;color:rgba(0,0,0,.38);content:"prv-";display:flex;height:45px}.WebsiteSelector #prvMode:checked{border-color:#fdbe10}.WebsiteSelector #prvMode:checked:after{color:#fdbe10}.Dropdown{position:relative}.Dropdown select{-webkit-appearance:none;cursor:pointer}.Dropdown svg{fill:#000;fill-opacity:.38;height:6px;position:absolute;right:15px;top:55%;width:11px}.PathSelector .Loader{position:absolute;right:100px;top:10px}.PathSelector .path-article{position:relative}.PathSelector .path-article .secondary-btn{font-size:.9rem;height:30px;position:absolute;right:10px;top:10px;width:80px}.PathSelector .path-options{display:flex;gap:10px}.PathSelector .path-options .radio-label{align-items:center;background-color:#fff;border:2px solid rgba(0,0,0,.38);border-radius:50px;color:rgba(0,0,0,.38);cursor:pointer;display:flex;height:45px;justify-content:center;margin:10px 0 0;padding:0 10px}.PathSelector .path-options .radio-path-btn{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;cursor:pointer;height:0;opacity:0;outline:0;position:absolute;width:0}.PathSelector .path-options .radio-path-btn:checked+label{border-color:#fdbe10;color:#fdbe10}.Loader{-webkit-animation:load3 1.4s linear infinite;animation:load3 1.4s linear infinite;background:#fdbe10;background:linear-gradient(90deg,#fdbe10 10%,hsla(0,0%,100%,0) 42%);border-radius:50%;height:10em;margin:0;position:relative;text-indent:-9999em;width:10em}.Loader:before{background:#fdbe10;border-radius:100% 0 0 0;height:50%;width:50%}.Loader:after,.Loader:before{content:"";left:0;position:absolute;top:0}.Loader:after{background:#fff;border-radius:50%;bottom:0;height:75%;margin:auto;right:0;width:75%}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.UrlBoxes{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;margin-top:10px;width:100%}.UrlBox{background-color:#fff6ea;color:#1d1d1d;display:flex;padding:10px 20px;width:-webkit-max-content;width:max-content}.UrlBox .https{color:rgba(0,0,0,.38)}.UrlBox .remove-btn{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);cursor:pointer;display:flex;font-size:1.2rem;font-weight:400;height:20px;justify-content:center;margin-left:20px;min-width:20px}.ParamsSelector .form{width:75%}@media(max-width:1440px){.ParamsSelector .form{width:90%}}@media(max-width:768px){.ParamsSelector .form{width:100%}}.ParamsSelector .box{flex:10% 1;flex-direction:column;padding:25px;width:-webkit-max-content;width:max-content}@media(max-width:768px){.ParamsSelector .box{flex:30% 1}}@media(max-width:425px){.ParamsSelector .box{flex:100% 1}}.ParamsSelector select{min-width:100%}.ParamsSelector .input-box{max-width:250px}@media(max-width:768px){.ParamsSelector .input-box{max-width:100%}}.ParamsSelector .seperator{flex-direction:column;width:100%}@media(max-width:1440px){.ParamsSelector .seperator{display:none}}.UrlDisplay{align-items:center;display:flex;font-style:italic;gap:25px;margin-bottom:10px;position:relative}.UrlDisplay .https{color:rgba(0,0,0,.38);font-size:1rem;left:10px;position:absolute;top:24px}.UrlDisplay #url-display{border-bottom:2px solid #f7f8fc;color:rgba(37,37,37,.7);font-size:1rem;font-style:italic;height:48px;padding-left:65px;width:100%}.UrlDisplay #url-display:focus{border:none;box-shadow:0 15px 30px -10px rgba(0,0,0,.1)}.EncodedUrls{margin-top:50px;position:relative}.EncodedUrls .header{align-items:center;display:flex;gap:25px}.EncodedUrlBox{align-items:center;display:flex;gap:20px;margin-bottom:20px}.EncodedUrlBox a{color:#1d1d1d}.EncodedUrlBox .box{line-break:anywhere;padding:10px 30px;width:-webkit-max-content;width:max-content}.Login{background:#fff;margin:50px;padding:40px 60px;text-align:center}@media(max-width:425px){.Login{height:100vh;margin:0;padding:20px;width:100%}}.Login .Logo{margin:25px 0;width:150px}.Login .Loader{margin:0 auto}.Login .box{padding:25px}@media(max-width:425px){.Login .box{justify-content:center;width:100%}}.Login .box .form{flex-direction:column;gap:20px}.Login .box .form .error{color:#e15050;text-align:center}.Login .box .form .primary-btn{align-self:stretch}
/*# sourceMappingURL=main.6d9dc5e4.css.map*/