.outer.svelte-1bgk4io{position:relative;width:300px;max-width:100%;aspect-ratio:1;border-radius:50%;border:1px solid var(--c-text);background-color:var(--surface-1);cursor:pointer}.inner.svelte-1bgk4io{position:absolute;inset:0;border-radius:50%;background-color:#fff;margin:0 auto;pointer-events:none;mix-blend-mode:difference}.direction.svelte-1bgk4io{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;font-size:clamp(2rem,25vw,5rem);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}