.timer.svelte-1he4d7p{display:flex;flex-direction:column;align-items:center;row-gap:1em;color:var(--colour-dark)}.timer.svelte-1he4d7p>.timer-box:where(.svelte-1he4d7p){display:flex;align-items:center;column-gap:.5em}.timer.svelte-1he4d7p>.timer-box:where(.svelte-1he4d7p)>.timer-icon:where(.svelte-1he4d7p){font-size:1.25em}.timer.svelte-1he4d7p>.timer-box:where(.svelte-1he4d7p)>.timer-display:where(.svelte-1he4d7p){display:flex;align-items:flex-end}.timer.svelte-1he4d7p>.timer-box:where(.svelte-1he4d7p)>.timer-display:where(.svelte-1he4d7p)>.digit:where(.svelte-1he4d7p){width:.625em;text-align:center;line-height:.75}.timer.svelte-1he4d7p>.timer-box:where(.svelte-1he4d7p)>.timer-display:where(.svelte-1he4d7p)>.digit:where(.svelte-1he4d7p).big{font-size:2em}.timer.svelte-1he4d7p>.timer-box:where(.svelte-1he4d7p)>.timer-display:where(.svelte-1he4d7p)>.digit:where(.svelte-1he4d7p).dot{font-size:1em}.timer.svelte-1he4d7p>.timer-box:where(.svelte-1he4d7p)>.timer-display:where(.svelte-1he4d7p)>.digit:where(.svelte-1he4d7p).small{font-size:1.25em}.timer.svelte-1he4d7p>.timer-progress:where(.svelte-1he4d7p){position:relative;display:block;height:1em;width:100%;background-color:var(--colour-mid)}.timer.svelte-1he4d7p>.timer-progress:where(.svelte-1he4d7p):before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--progress) * 100%);background-color:var(--colour-dark);transition:width .1s linear}@keyframes svelte-1uha8ag-blink{0%,50%{opacity:1}51%,to{opacity:.5}}.page.svelte-1uha8ag{display:flex;row-gap:2em;flex-direction:column;width:100%;max-width:1080px}.page.svelte-1uha8ag>.container:where(.svelte-1uha8ag){padding:1.5em 2em;background:#ffffff0d;border-radius:.5em;transition:all .25s ease}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag){display:flex;align-items:center;flex-direction:column;-webkit-user-select:none;user-select:none;row-gap:2em;max-height:400px;overflow:hidden}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.stats:where(.svelte-1uha8ag){display:flex;flex-direction:row;gap:2em}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.stats:where(.svelte-1uha8ag)>.wpm:where(.svelte-1uha8ag){display:flex;align-items:center;justify-content:center;column-gap:.5em;font-size:1.5em}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag){display:flex;flex-wrap:wrap;gap:.625em .75em;margin:0 auto;line-height:1.75;color:#fff;border-radius:8px;cursor:text;position:relative;font-size:1.125em;max-height:240px;overflow-y:auto;overscroll-behavior:contain}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag).unfocused>.word:where(.svelte-1uha8ag){filter:blur(.25em);opacity:.25}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag).unfocused>.click-to-focus:where(.svelte-1uha8ag){opacity:1}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.click-to-focus:where(.svelte-1uha8ag){position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:.5em;pointer-events:none;transition:all .25s ease;font-size:1em;transition-property:opacity;opacity:0}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag){transition:all .25s ease;transition-property:filter,opacity,background-color;display:flex;font-size:1.5em;--word-padding: .25em;--letter-radius: .125em}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag).current-word{background-color:#ffffff1a;border-radius:var(--letter-radius)}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag){border-radius:var(--letter-radius);transition:all .125s ease;opacity:.75;--letter-padding: .0625em;--padding-left: var(--letter-padding);--padding-right: var(--letter-padding);padding-left:var(--padding-left);padding-right:var(--padding-right);text-align:center;min-width:calc(.375em + var(--padding-left) + var(--padding-right));position:relative}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag):before{content:"";position:absolute;left:var(--padding-left);right:var(--padding-right);height:.0625em;bottom:.125em;background-color:#fff;transition:all .125s ease;opacity:0;transform:scaleX(.5)}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag):first-child{--padding-left: calc( var(--word-padding) + var(--letter-padding) )}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag):last-child{--padding-right: calc( var(--word-padding) + var(--letter-padding) )}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag):is(.correct:where(.svelte-1uha8ag),.incorrect:where(.svelte-1uha8ag))+.char:where(.svelte-1uha8ag){border-top-left-radius:0;border-bottom-left-radius:0}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag):has(+.char:where(.svelte-1uha8ag):is(.correct:where(.svelte-1uha8ag),.incorrect:where(.svelte-1uha8ag))){border-top-right-radius:0;border-bottom-right-radius:0}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag).correct{color:#4ade80;background-color:#4ade801a}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag).incorrect{color:#f87171;background-color:#f8717133}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag).active{opacity:1;animation:svelte-1uha8ag-blink 1s infinite}.page.svelte-1uha8ag>.words-container:where(.svelte-1uha8ag)>.words:where(.svelte-1uha8ag)>.word:where(.svelte-1uha8ag)>.char:where(.svelte-1uha8ag).active:before{opacity:1;transform:none}.page.svelte-1uha8ag>.instructions:where(.svelte-1uha8ag){display:flex;flex-direction:column;align-items:center;row-gap:1em}.page.svelte-1uha8ag>.instructions:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag){display:flex;column-gap:2.5em}.page.svelte-1uha8ag>.instructions:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag)>.instruction-block:where(.svelte-1uha8ag){display:flex;align-items:center;justify-content:center;column-gap:.625em}.page.svelte-1uha8ag>.instructions:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag)>.instruction-block:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag):first-child{border-radius:.125em;padding:.125em .375em;background-color:#ffffff20}.page.svelte-1uha8ag>.results:where(.svelte-1uha8ag){text-align:center;display:flex;flex-direction:column;align-items:center;background:none;row-gap:2em}.page.svelte-1uha8ag>.results:where(.svelte-1uha8ag)>.results-grid:where(.svelte-1uha8ag){display:grid;grid-template-columns:repeat(3,1fr);width:max-content;column-gap:1.5em}.page.svelte-1uha8ag>.results:where(.svelte-1uha8ag)>.results-grid:where(.svelte-1uha8ag)>.result-item:where(.svelte-1uha8ag){display:flex;flex-direction:column;align-items:center;padding:1em 1.5em;background:#ffffff0d;border-radius:.25em;row-gap:.5em}.page.svelte-1uha8ag>.results:where(.svelte-1uha8ag)>.results-grid:where(.svelte-1uha8ag)>.result-item:where(.svelte-1uha8ag)>.result-value:where(.svelte-1uha8ag){display:flex;column-gap:.125em;font-size:2em;align-items:center;letter-spacing:.125em}.page.svelte-1uha8ag>.results:where(.svelte-1uha8ag)>.results-grid:where(.svelte-1uha8ag)>.result-item:where(.svelte-1uha8ag)>.result-value:where(.svelte-1uha8ag)>.suffix:where(.svelte-1uha8ag){font-size:.625em}.timer{--colour-dark: var(--primary-color);--colour-mid: var(--foreground-color);width:16em;margin:0 auto}