.flip-text.svelte-1agdn7p{position:relative;display:flex;font-size:1em;line-height:1em;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:500;font-style:normal;gap:max(2px,.1em);justify-content:center;z-index:1}.flip-text.svelte-1agdn7p:before{content:"";position:absolute;top:-.12em;left:-.12em;right:-.12em;bottom:-.12em;box-shadow:inset 1px 1px .08em 1px #000;border-radius:.08em;background-color:#282828}.flip-text.success.svelte-1agdn7p .letters:where(.svelte-1agdn7p){color:#00b7a1}.flip-text.success.svelte-1agdn7p .letters.used:where(.svelte-1agdn7p){color:#83b3ad}.flip-text.success.svelte-1agdn7p .letters.selected:where(.svelte-1agdn7p){color:#00b7a1}.flip-text.error.svelte-1agdn7p .letters:where(.svelte-1agdn7p){color:#ef6262}.flip-text.error.svelte-1agdn7p .letters.used:where(.svelte-1agdn7p){color:#b38383}.flip-text.error.svelte-1agdn7p .letters.selected:where(.svelte-1agdn7p){color:#ef6262}.flip-text.svelte-1agdn7p button.letters:where(.svelte-1agdn7p):not(:disabled){cursor:pointer}.flip-text.svelte-1agdn7p button.letters:where(.svelte-1agdn7p):not(:disabled):hover{color:#fff;transition:scale .1s ease}.flip-text.svelte-1agdn7p button.letters:where(.svelte-1agdn7p):not(:disabled):hover .part:where(.svelte-1agdn7p):after{opacity:1;transition:none}.flip-text.svelte-1agdn7p .letters:where(.svelte-1agdn7p){display:grid;grid-template-columns:1fr;grid-template-rows:1fr;perspective:200px;-webkit-user-select:none;user-select:none;color:#ddd;position:relative;background-color:transparent;--gap: max(2px, .045em);box-shadow:1px 1px 1px #000c,2px 2px 4px #00000040;border-radius:.05em;contain:content;margin:0;padding:0;border:none;outline:none;-webkit-tap-highlight-color:transparent;font-size:1em;font-family:Roboto Mono,monospace;font-weight:500;transition:color .3s ease,scale .1s ease}.flip-text.svelte-1agdn7p .letters:where(.svelte-1agdn7p):active:not(:disabled):not(.used){scale:.95}.flip-text.svelte-1agdn7p .letters:where(.svelte-1agdn7p):after{content:"";position:absolute;top:calc(50% - var(--gap) / 2);left:-.12em;right:-.12em;height:var(--gap);background-color:#222;z-index:100}.flip-text.svelte-1agdn7p .letters.used:where(.svelte-1agdn7p){color:#666}.flip-text.svelte-1agdn7p .letters.selected:where(.svelte-1agdn7p){outline:solid .03em #aaaaaa;color:#fff}.flip-text.svelte-1agdn7p .letters:where(.svelte-1agdn7p) .part:where(.svelte-1agdn7p){grid-column:1/1;grid-row:1/1;font-size:2em;width:.75em;height:1em;padding:0 0 .05em;display:flex;align-items:center;justify-content:center;background-color:#333;backface-visibility:hidden;transform-origin:center center;will-change:transform,opacity;border-radius:2px}.flip-text.svelte-1agdn7p .letters:where(.svelte-1agdn7p) .part:where(.svelte-1agdn7p):before{content:var(--letter, " ")}.flip-text.svelte-1agdn7p .letters:where(.svelte-1agdn7p) .part:where(.svelte-1agdn7p):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff1a;opacity:0;pointer-events:none;transition:opacity .3s ease}.flip-text.svelte-1agdn7p .letters:where(.svelte-1agdn7p) .part.top:where(.svelte-1agdn7p){--clip: calc(50% - var(--gap) / 2);clip-path:polygon(0 0,100% 0,100% var(--clip),0 var(--clip));background-image:linear-gradient(170deg,#414141,#303030 50%)}.flip-text.svelte-1agdn7p .letters:where(.svelte-1agdn7p) .part.bottom:where(.svelte-1agdn7p){--clip: calc(50% + var(--gap) / 2);clip-path:polygon(0 var(--clip),100% var(--clip),100% 100%,0 100%);background-image:linear-gradient(170deg,#383838 50%,#272727)}.flip-text.svelte-1agdn7p .letters:where(.svelte-1agdn7p) .part:where(.svelte-1agdn7p){opacity:0}