@keyframes svelte-2bkriv-toRound{0%{border-radius:0}to{border-radius:50%}}@keyframes svelte-2bkriv-toSquare{0%{border-radius:50%}to{border-radius:0}}:root{--red:#dc2626;--green:#65a30d;--orange:#d97706}button.svelte-2bkriv.svelte-2bkriv{margin:-1px}button.animated.svelte-2bkriv.svelte-2bkriv,button.animated.svelte-2bkriv .svelte-2bkriv{animation-duration:.5s;animation-iteration-count:1}button.svelte-2bkriv #border.svelte-2bkriv{width:75%;height:75%;box-shadow:0 0 0 6px #000}button.svelte-2bkriv #border #inside.svelte-2bkriv{width:65%;height:65%;background-color:#000}button.animated.svelte-2bkriv.svelte-2bkriv,button.animated.svelte-2bkriv #border.svelte-2bkriv,button.animated.svelte-2bkriv #border #inside.svelte-2bkriv{animation-name:svelte-2bkriv-toSquare;border-radius:0}button.rounded.svelte-2bkriv.svelte-2bkriv,button.rounded.svelte-2bkriv #border.svelte-2bkriv,button.rounded.svelte-2bkriv #border #inside.svelte-2bkriv{animation-name:svelte-2bkriv-toRound;border-radius:50%}button.state-failed.svelte-2bkriv.svelte-2bkriv{background-color:var(--red)}button.state-unlocked.svelte-2bkriv.svelte-2bkriv{background-color:var(--green)}button.state-locked.svelte-2bkriv.svelte-2bkriv{background-color:var(--orange);pointer-events:none}button.state-failed-attempt.svelte-2bkriv #border #inside.svelte-2bkriv{background-color:var(--red)}#text.svelte-4hbux2{font-family:Trajan Pro,serif}
