body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{padding:0;margin:0;letter-spacing:1px}.flex{display:flex}.error{color:#f97556}.text-center{text-align:center}.placeholder::-webkit-input-placeholder{color:#888;opacity:1}.placeholder:-ms-input-placeholder{opacity:1}.placeholder::placeholder{color:#888;opacity:1}.placeholder:-ms-input-placeholder{color:#888}.placeholder::-ms-input-placeholder{color:#888}.shortener-con{justify-content:center;align-items:center;width:100%;min-height:100vh;flex-direction:column;padding:0 15px;box-sizing:border-box}.shortener-head{text-align:center;width:100%}.shortener-input-field{position:relative;display:flex;width:530px}.shortener-input{border-radius:20px;border:1px solid #ddd;font-size:20px;height:47px;padding:5px 42px 5px 15px;outline:none;width:100%;color:#444;letter-spacing:1px;box-sizing:border-box;position:relative;z-index:2;background:none}.shortener-placeholder{position:absolute;top:11px;left:25px;font-family:sans-serif;font-size:20px;z-index:1}.shortener-btn{font-size:22px;color:#cacaca;background:none;border:0;position:absolute;right:10px;top:9px;cursor:pointer;z-index:3}.shortener-progress-note{display:inline-block;padding:20px 30px 0 0;color:#baabf7}.shortener-result{margin:20px 0 0;height:1px;letter-spacing:0;transition:min-height 1s;overflow:hidden;transition:height 1s;-webkit-transition:height 1s;-moz-transition:height 1s;-ms-transition:height 1s;-o-transition:height 1s}.shortener-result.show{margin:0;height:300px;transition:height .3s;-webkit-transition:height .3s;-moz-transition:height .3s;-o-transition:height .3s;-ms-transition:height .3s}.short-links{width:600px;text-align:left;font-size:20px}.short-links ul{list-style:none}.short-links li{margin:0 0 5px}.short-link-label{display:inline-block;width:180px}.short-link-text{background:#e8e4f5;padding:5px 35px 5px 15px;display:inline-block;min-width:340px;border-radius:3px;border:1px solid #b8b1dc;position:relative;box-sizing:border-box}.short-link-copy,.short-link-copy-msg{position:absolute;right:7px;top:8px;cursor:pointer;color:#836cdc}.short-link-copy-msg{position:absolute;right:10px;font-size:15px}.short-link.highlight{background:#3297fd;color:#fff}.shortener-error{margin:20px 0 0}.loader{border-bottom:4px solid #f3f3f3;border-top:4px solid #f3f3f3;border-radius:50%;border-color:#797979 #f3f3f3;border-style:solid;border-width:4px;width:18px;height:18px;position:absolute;top:10px;right:10px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-dot-pulse{display:inline-block}.dot-pulse{position:relative;left:-9999px;box-shadow:9999px 0 0 -5px #baabf7;-webkit-animation:dotPulse 1.5s linear infinite;animation:dotPulse 1.5s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.dot-pulse,.dot-pulse:after,.dot-pulse:before{width:10px;height:10px;border-radius:5px;background-color:#baabf7;color:#baabf7}.dot-pulse:after,.dot-pulse:before{content:"";display:inline-block;position:absolute;top:0}.dot-pulse:before{box-shadow:9984px 0 0 -5px #baabf7;-webkit-animation:dotPulseBefore 1.5s linear infinite;animation:dotPulseBefore 1.5s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.dot-pulse:after{box-shadow:10014px 0 0 -5px #baabf7;-webkit-animation:dotPulseAfter 1.5s linear infinite;animation:dotPulseAfter 1.5s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes dotPulseBefore{0%{box-shadow:9984px 0 0 -5px #baabf7}30%{box-shadow:9984px 0 0 2px #baabf7}60%,to{box-shadow:9984px 0 0 -5px #baabf7}}@keyframes dotPulseBefore{0%{box-shadow:9984px 0 0 -5px #baabf7}30%{box-shadow:9984px 0 0 2px #baabf7}60%,to{box-shadow:9984px 0 0 -5px #baabf7}}@-webkit-keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #baabf7}30%{box-shadow:9999px 0 0 2px #baabf7}60%,to{box-shadow:9999px 0 0 -5px #baabf7}}@keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #baabf7}30%{box-shadow:9999px 0 0 2px #baabf7}60%,to{box-shadow:9999px 0 0 -5px #baabf7}}@-webkit-keyframes dotPulseAfter{0%{box-shadow:10014px 0 0 -5px #baabf7}30%{box-shadow:10014px 0 0 2px #baabf7}60%,to{box-shadow:10014px 0 0 -5px #baabf7}}@keyframes dotPulseAfter{0%{box-shadow:10014px 0 0 -5px #baabf7}30%{box-shadow:10014px 0 0 2px #baabf7}60%,to{box-shadow:10014px 0 0 -5px #baabf7}}.theme-2{color:#fff;background:#848ab7}.theme-2 .shortener-input{background:none;border:2px solid #fff;color:#fff}.theme-2 .error,.theme-2 .shortener-btn{color:#fff}.theme-2 .placeholder::-webkit-input-placeholder{color:#fff;opacity:1}.theme-2 .placeholder:-ms-input-placeholder{color:#fff;opacity:1}.theme-2 .placeholder::placeholder{color:#fff;opacity:1}.theme-2 .placeholder:-ms-input-placeholder{color:#ccc}.theme-2 .placeholder::-ms-input-placeholder{color:#fff}.theme-2 .shortener-progress-note{color:#cfc6f3}.theme-2 .short-link-text{color:#444}.theme-2 .short-link-copy,.theme-2 .short-link-copy-msg{color:#8475c1}.theme-2 .loader{border-top:4px solid #abb0d6;border-bottom:4px solid #abb0d6}@media screen and (max-width:600px){.short-links{width:100%}.short-links ul{padding:0}.shortener-input-field{width:90%}}@media screen and (max-width:550px){.short-link-label,.short-link-text{display:block;width:100%}.short-link-label{margin:0 0 4px}.short-link-text{min-width:0;padding:5px 35px 5px 10px}.shortener-result{width:90%}.shortener-result.show{height:510px}.short-links li{margin:0 0 15px}.shortener-error{width:86%;line-height:20px}}
/*# sourceMappingURL=main.f1e5ed34.chunk.css.map */