.viewport.svelte-13vej6l{position:absolute;top:0;left:0;width:100dvw;height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:48px;align-items:center;justify-content:center}.svelte-13vej6l{z-index:2}h1.svelte-13vej6l{min-height:76px}input.svelte-13vej6l{max-width:200px;padding:16px;border-radius:1rem;box-shadow:var(--box-shadow-small);background-color:var(--mid-dark);border:none;outline:none;font-family:var(--font-body);color:var(--text-color)}.title.svelte-13vej6l{display:flex;flex-direction:row;align-items:center;gap:16px}.title.svelte-13vej6l button:where(.svelte-13vej6l){height:36px;width:36px;background-color:var(--mid-dark);color:var(--text-color)}.big-button.svelte-13vej6l{--size: 150px;position:relative;width:var(--size);height:var(--size);padding:24px;border-radius:50%;border:none;background-color:#820404;cursor:pointer;box-shadow:var(--box-shadow-small);transition:all .2s}.big-button.svelte-13vej6l:hover{filter:brightness(110%)}.big-button.svelte-13vej6l h3:where(.svelte-13vej6l){--size-diff: 2px;display:flex;align-items:center;justify-content:center;position:absolute;top:-4px;left:calc(var(--size-diff) / 2);width:calc(var(--size) - var(--size-diff));height:calc(var(--size) - var(--size-diff));border-radius:inherit;padding:inherit;color:#fff;background-image:radial-gradient(circle at center,#eb1717,#c91414);transition:top .3s cubic-bezier(.3,.7,.4,1.5);overflow-wrap:anywhere}.big-button.svelte-13vej6l h3:where(.svelte-13vej6l):hover{top:-8px}.big-button.svelte-13vej6l h3:where(.svelte-13vej6l):active{transition:top 30ms;top:-2px}canvas.svelte-13vej6l{position:absolute;inset:0;z-index:1;pointer-events:none}