*{box-sizing:border-box;-moz-box-sizing:border-box}body,html{margin:0;padding:0;font-size:16px;color:#222;font-family:"Roboto Slab",serif}.App{max-width:820px;margin:0 auto;padding:16px}button,input{width:100%;padding:16px;border:1px solid #222;border-radius:4px;font-size:16px;-webkit-appearance:none}button{background:#222;color:#f8f8f8;cursor:pointer;transition:all .2s}button:hover{background:#000}.error-msg{color:red}.animate-fade-in-up{opacity:0;animation:fade-in-up .8s ease forwards;-webkit-animation:fade-in-up .8s ease forwards}@-webkit-keyframes fade-in-up{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.input-url{margin:16px 0;display:grid;grid-template-columns:1fr;grid-column-gap:8px}.shorted-url-list-wrapper{margin-top:32px}@media (min-width:768px){.input-url{grid-template-columns:auto 220px 160px}}.input-text{position:relative;margin-bottom:16px}.input-text label{position:absolute;top:-10px;left:12px;transition:all .2s;touch-action:manipulation;color:#999;background:#fff;padding:0 4px;font-size:14px}.input-text input,.input-text label{cursor:text;outline:0}.input-text input:-ms-input-placeholder+label{transform-origin:left bottom;transform:translateY(30px) scale(1.2)}.input-text input:placeholder-shown+label{transform-origin:left bottom;transform:translateY(30px) scale(1.2)}.input-text input:not(:-ms-input-placeholder)+label{transform:translate(0) scale(1);cursor:pointer;background:#fff;padding:0 4px}.input-text input:focus+label,.input-text input:not(:placeholder-shown)+label{transform:translate(0) scale(1);cursor:pointer;background:#fff;padding:0 4px}.input-text ::-webkit-input-placeholder{opacity:0;-webkit-transition:inherit;transition:inherit}.input-text input:focus::-webkit-input-placeholder{opacity:1}.error-msg{display:block}.input-text.error input{border:1px solid red}.input-text.error .error-msg{display:block}.shorted-url-list-item{display:grid;grid-template-columns:1fr 100px;grid-column-gap:8px;-webkit-column-gap:8px;column-gap:8px;padding:16px;word-break:break-all;background:#efefef;border-radius:4px;margin-bottom:2px}.shorted-url-list-item span{padding:2px}.shorted-url-list-item div:first-child span:first-child{color:#999}.shorted-url-list-item div:first-child span:last-child{font-weight:800}.shorted-url-list-item div:first-child span{display:block}.shorted-url-list-item div:last-child{display:grid;grid-template-columns:1fr 1fr;text-align:center;align-self:center}.shorted-url-list-item ion-icon{font-size:24px;cursor:pointer;color:#444;transition:all .22s}.shorted-url-list-item ion-icon:hover{color:#000}@media (min-width:768px){.shorted-url-list-item div:first-child span{display:inline-block;margin-right:16px}}
/*# sourceMappingURL=main.53c0c9a6.chunk.css.map */