:root{--color-bg: rgb(41 38 37);--color-fg: rgb(191 191 191);--color-accent: rgb(130, 217, 185);--transition-duration-slow: .3s;--transition-duration-fast: .1s}@media(prefers-color-scheme:light){:root{--color-bg: rgb(191 191 191);--color-fg: rgb(41 38 37);--color-accent: rgb(72 77 75)}}body{color-scheme:light dark;padding:0;margin:0;display:flex;height:100vh;width:100vw;line-height:1.25;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{font-family:Helvetica,Arial,sans-serif;box-sizing:border-box;color-scheme:light dark;color:var(--color-fg);background-color:var(--color-bg)}a{opacity:.7;color:var(--color-accent);transition:opacity var(--transition-duration-fast) ease-in-out}a:hover,a:focus{opacity:1}iframe{border:none;width:100%}dialog{background-color:var(--color-bg);border-radius:1rem;border:none;opacity:0;transition:opacity var(--transition-duration-slow) ease-in-out;width:360px;max-width:calc(100dvw - 4rem);max-height:calc(100dvh - 4rem)}dialog:not(.busy) .busy{display:none}dialog:not(.finished) .finished{display:none}dialog:not(.failed) .failed{display:none}dialog:focus-visible{outline:none}dialog.open{opacity:1}dialog .header{display:flex;gap:1rem;align-items:center;font-size:1.5rem;font-weight:400;margin-bottom:1rem}dialog .content:before{content:"";display:block;padding-bottom:1rem;border-top:1px solid var(--color-accent);opacity:.3}dialog .header .header-icon{height:2rem;width:2rem;flex-shrink:0}dialog .links{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;min-height:2rem}dialog .links a{display:inline-block;border-radius:99rem;border:1px solid var(--color-accent);padding:.25rem 1rem;font-size:.875rem}dialog .process{font-family:lucida console,monospace;font-size:.75rem;border-radius:.125rem;padding:.5rem;border:1px solid rgb(0 0 0 / .3);background-color:#0003}dialog .state{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-bottom:1rem}dialog .state .state-icon{height:4rem;width:4rem;flex-shrink:0}dialog .state .state-text{text-align:center}dialog::backdrop{background-color:#0000;transition:background-color var(--transition-duration-slow) ease-in-out}dialog.open::backdrop{background-color:#00000080}