::selection{background-color:#f2f2f2;color:#fff}@font-face{font-family:"Butler";font-weight:bold;font-style:normal;src:url("/fonts/Butler-Bold.woff2") format("woff2"),url("/fonts/Butler-Bold.woff") format("woff")}@font-face{font-family:"Bluu Next";font-weight:normal;font-style:normal;src:url("/fonts/BluuNext-Bold.woff2") format("woff2"),url("/fonts/BluuNext-Bold.woff") format("woff")}input{padding:0;outline:0;border:none;color:#fff;font-family:"Roboto Mono",monospace;background-color:transparent}input[type=text]::placeholder,input[type=password]::placeholder{color:#c4c4c4}.logo{font-family:"Butler",sans-serif;font-weight:bold;position:relative;display:block;text-align:center;color:#616161;user-select:none}.logo.with-subtitle::after{font-family:"Bluu Next",serif;font-size:16px;font-weight:bold;position:absolute;bottom:-0.2em;left:.2em;content:"link shortener";letter-spacing:.38em}.notifications{position:fixed;z-index:10;right:20px;bottom:20px;width:350px}.notifications .notification{font-family:"Roboto Mono",monospace;font-size:20px;padding:1rem;transition:opacity .5s,transform .5s;color:#fff;background-color:#6e6e6e;line-height:1.5;box-shadow:10px 10px 0 0 rgba(0,0,0,.16)}.notifications .notification:not(:last-child){margin-bottom:20px}@media(max-width: 768px){.notifications .notification{font-size:12px}}@media(max-width: 420px){.notifications{left:35px;right:35px;bottom:25px;width:auto}}.notification-enter,.notification-leave-to{transform:translateX(30px);opacity:0}.login #app{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:#616161}.login #app form{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:660px;background-color:#c4c4c4;box-shadow:20px 20px 0 0 rgba(0,0,0,.16)}.login #app form .logo{font-size:118px;margin:42px 0}.login #app form .inputs{width:210px;margin:0 auto;padding:12px 30px;background-color:#616161;box-shadow:10px 10px 0 0 rgba(0,0,0,.16)}.login #app form .inputs input{font-size:26px;display:block;width:100%;padding:10px 0}.login #app form .inputs input:not(:last-child){border-bottom:1px solid #c4c4c4}.login #app form input[type=submit]{font-size:20px;display:block;margin:50px auto 66px auto;padding:15px 30px;cursor:pointer;background-color:#616161;box-shadow:10px 10px 0 0 rgba(0,0,0,.16)}.login #app form input[type=submit]:hover{background-color:#6e6e6e}@media(max-width: 768px){.login #app form{max-width:initial;height:100%}.login #app form .logo{font-size:70px}}.dashboard{background-color:#c4c4c4;margin:0 40px}.dashboard #app{width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.dashboard #app .logo{font-size:73px;margin:90px 0}.dashboard #app>span{width:100%;display:block}.dashboard #app .box{background-color:#616161;margin-bottom:50px;position:relative;color:#fff;font-family:"Roboto Mono",monospace;font-size:18px;box-shadow:20px 20px 0 0 rgba(0,0,0,.16)}.dashboard #app .box.new-link{padding:30px 40px;width:calc(100% - 80px);display:flex}.dashboard #app .box.new-link>*{height:24px}.dashboard #app .box.new-link p{margin:0;display:flex}.dashboard #app .box.new-link .new-short-link span{margin-left:12px;line-height:24px}.dashboard #app .box.new-link .new-short-link input[type=text]{margin:0 20px 0 8px;width:9ch}.dashboard #app .box.new-link .new-long-link{flex-grow:1;font-size:10px}.dashboard #app .box.new-link .new-link-buttons{font-size:10px;display:flex;align-items:center}.dashboard #app .box.new-link .new-link-buttons a.preview{color:#c4c4c4;margin:0 25px}.dashboard #app .box.new-link .new-link-buttons a.new{color:#fff;cursor:pointer}.dashboard #app .box.new-link .new-link-buttons a.new.disabled{cursor:not-allowed}.dashboard #app .box.new-link .new-link-buttons a.new.disabled svg{stroke:#c4c4c4}.dashboard #app .box.link{padding:20px 40px 20px 20px;width:calc(100% - 60px);display:flex;transition:opacity .5s,transform .5s,background-color .5s;cursor:pointer}.dashboard #app .box.link:hover{background-color:#676767}.dashboard #app .box.link a.icon{cursor:pointer;width:24px;height:24px}.dashboard #app .box.link a.icon:not(:last-child){margin-right:5px}.dashboard #app .box.link .details{flex-grow:1;width:100%}.dashboard #app .box.link .details p{margin:0;line-height:24px}.dashboard #app .box.link .details p:not(:last-child){margin-bottom:5px}.dashboard #app .box.link .details .link-details>a.icon{display:none}.dashboard #app .box.link .details .short-link{font-weight:500}.dashboard #app .box.link .details .long-link{font-weight:300;color:#fff}.dashboard #app .box.link .details .link-meta{font-weight:300;font-style:italic}.dashboard #app .box.link a{min-width:24px;align-self:center;color:#fff}@media(max-width: 768px){.dashboard #app .logo{margin:45px 0 30px 0}.dashboard #app .box{box-shadow:10px 10px 0 0 rgba(0,0,0,.16);margin-bottom:25px;font-size:16px}.dashboard #app .box.new-link{padding:15px 20px 15px 15px;width:calc(100% - 35px);flex-direction:column}.dashboard #app .box.new-link>p:not(:last-child),.dashboard #app .box.new-link input:not(:last-child){margin-bottom:8px}.dashboard #app .box.new-link .new-short-link{display:flex}.dashboard #app .box.new-link .new-short-link input[type=text]{flex-grow:1;margin:0 0 0 6px}.dashboard #app .box.new-link .new-link-buttons a.preview{margin:0 auto 0 0;justify-self:flex-start}.dashboard #app .box.new-link .new-link-buttons a.new{margin:0 0 auto 0;justify-self:flex-end}.dashboard #app .box.link{padding:15px 20px 15px 15px;width:calc(100% - 35px)}.dashboard #app .box.link .details p:not(:last-child) span,.dashboard #app .box.link .details p:not(:last-child) a{display:block}.dashboard #app .box.link .details p:not(:last-child) span.dash,.dashboard #app .box.link .details p:not(:last-child) a.dash{display:none}.dashboard #app .box.link .details .link-details{line-height:16px;font-size:12px;display:flex}.dashboard #app .box.link .details .link-details>span{flex-grow:1;min-width:0}.dashboard #app .box.link .details .link-details>a.icon{display:inline-block}.dashboard #app .box.link .details .long-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100vw - 150px)}.dashboard #app .box.link .details .link-meta{line-height:15px;font-size:11px}.dashboard #app .box.link .details .link-meta:not(:last-child){margin-bottom:2px}.dashboard #app .box.link>a.icon{display:none}}@media(max-width: 420px){.dashboard{margin:0 35px}.dashboard #app .box.new-link .new-short-link svg{display:none}.dashboard #app .box.new-link .new-short-link span{margin-left:0}}.dashboard #qr-canvas{display:none}.error #app{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;height:100vh;background-color:#616161}.error #app a{text-decoration:none}.error #app .logo{margin-top:0;color:#c4c4c4;font-size:73px}.error #app p{margin:0;max-width:270px;color:#c4c4c4;font-size:28px;font-family:"Roboto Mono",monospace;text-align:center}/*# sourceMappingURL=styles.css.map */