:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.logo.arrowright{transition:transform .6s cubic-bezier(.4,.2,.2,1)}.logo.arrowright.spin{animation:spin-arrow .6s cubic-bezier(.4,.2,.2,1)}@keyframes spin-arrow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#e11d48;color:#fff;cursor:pointer;transition:border-color .25s,background .2s}button:hover{border-color:#b91c1c;background:#be123c}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#xcom-input{text-align:center;padding:.75em 0;margin-bottom:2em;border-radius:.75em;border:1.5px solid #d1d5db;outline:none;font-size:1em;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 4px #0000000a;background:#f9fafb;color:#222}#xcom-input:focus{border-color:#a5b4fc;box-shadow:0 2px 8px #4f46e514;background:#fff}.top-navbar{position:fixed;margin:.75em;top:0;left:0;width:100vw;height:18px;background:transparent;z-index:1000;pointer-events:none}.mastodon-float-btn{float:right;margin:.25em 1.5em .25em 0;background:transparent;color:#fff;border:none;border-radius:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center;box-shadow:none;cursor:pointer;z-index:1001;transition:box-shadow .2s,background .2s;pointer-events:auto;padding:0}.mastodon-float-btn img{width:50px;height:50px;display:block}.mastodon-float-btn:hover{background:transparent;box-shadow:none}@media (max-width: 600px){.mastodon-float-btn{width:auto;height:auto;float:right;margin:0 1.5em;display:block;border-radius:0}.logo{display:block;margin:0 auto .5em;float:none!important}.logo+.logo{margin-top:0}.logo.arrowright{transform:rotate(90deg);margin:0 auto .5em;display:block;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.logo.arrowright.spin{animation:spin-arrow-mobile .6s cubic-bezier(.4,.2,.2,1)}.card{margin-top:1em}h1{display:none}}@keyframes spin-arrow-mobile{0%{transform:rotate(90deg)}to{transform:rotate(450deg)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.result{max-width:420px;margin:.2em auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#22222214;border-radius:.5em;padding:.4em .8em;font-size:.98em}.result a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}