[data-component=keyboard].svelte-1hr4zkm{padding:calc(8px * var(--scale-viewport));width:calc(830px * var(--scale-viewport));height:calc(360px * var(--scale-viewport));flex-direction:column;display:flex}[data-component=keyboard].svelte-1hr4zkm .page:where(.svelte-1hr4zkm){flex:1;display:none}[data-component=keyboard].svelte-1hr4zkm .page.visible:where(.svelte-1hr4zkm){gap:calc(8px * var(--scale-viewport));flex-direction:column;flex:1;display:flex}[data-component=keyboard].svelte-1hr4zkm .row:where(.svelte-1hr4zkm){justify-content:center;gap:calc(16px * var(--scale-viewport));flex:1;display:flex}[data-component=keyboard].svelte-1hr4zkm .row:where(.svelte-1hr4zkm):not(:last-child){margin-bottom:calc(4px * var(--scale-viewport))}[data-component=keyboard].svelte-1hr4zkm button:where(.svelte-1hr4zkm){pointer-events:auto;width:calc(90px * var(--scale-viewport));height:calc(90px * var(--scale-viewport))}[data-component=keyboard].svelte-1hr4zkm button:where(.svelte-1hr4zkm) [data-layer=bg]:where(.svelte-1hr4zkm){width:calc(90px * var(--scale-viewport));height:calc(90px * var(--scale-viewport))}[data-component=keyboard].svelte-1hr4zkm button:where(.svelte-1hr4zkm){flex-grow:0;flex-shrink:0;padding:0;position:relative}[data-component=keyboard].svelte-1hr4zkm .key-bg:where(.svelte-1hr4zkm){border-radius:calc(25px * var(--scale-ui));background-color:var(--color-primary-500,oklch(55.6% 0 0));width:100%;height:100%}[data-component=keyboard].svelte-1hr4zkm .key-bg:where(.svelte-1hr4zkm).active{background-color:var(--color-primary-400,oklch(70.8% 0 0))}[data-component=keyboard].svelte-1hr4zkm .key-content:where(.svelte-1hr4zkm){color:var(--color-white,#fff);font-family:var(--ui-font-family,var(--base-font-family));font-size:calc(24px * var(--scale-text-ui));padding:calc(2px * var(--scale-text-base));justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;line-height:1;display:flex}[data-component=keyboard].svelte-1hr4zkm .key--Shift:where(.svelte-1hr4zkm) .key-content:where(.svelte-1hr4zkm){padding-right:calc(30px * var(--scale-ui));padding-left:calc(20px * var(--scale-ui))}[data-component=keyboard].svelte-1hr4zkm .key--Shift:where(.svelte-1hr4zkm),[data-component=keyboard].svelte-1hr4zkm .key--Shift:where(.svelte-1hr4zkm) [data-layer=bg]:where(.svelte-1hr4zkm){width:calc(120px * var(--scale-viewport));height:calc(120px * var(--scale-viewport))}[data-component=keyboard].svelte-1hr4zkm .key--Space:where(.svelte-1hr4zkm),[data-component=keyboard].svelte-1hr4zkm .key--Space:where(.svelte-1hr4zkm) [data-layer=bg]:where(.svelte-1hr4zkm){width:calc(600px * var(--scale-viewport));height:calc(60px * var(--scale-viewport))}[data-component=keyboard].svelte-1hr4zkm .key--Backspace:where(.svelte-1hr4zkm),[data-component=keyboard].svelte-1hr4zkm .key--Backspace:where(.svelte-1hr4zkm) [data-layer=bg]:where(.svelte-1hr4zkm),[data-component=keyboard].svelte-1hr4zkm .key--Page0:where(.svelte-1hr4zkm),[data-component=keyboard].svelte-1hr4zkm .key--Page1:where(.svelte-1hr4zkm),[data-component=keyboard].svelte-1hr4zkm .key--Page2:where(.svelte-1hr4zkm),:is([data-component=keyboard].svelte-1hr4zkm .key--Page0:where(.svelte-1hr4zkm),[data-component=keyboard].svelte-1hr4zkm .key--Page1:where(.svelte-1hr4zkm),[data-component=keyboard].svelte-1hr4zkm .key--Page2:where(.svelte-1hr4zkm)) [data-layer=bg]:where(.svelte-1hr4zkm){width:calc(140px * var(--scale-viewport))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}[data-component=rank-label].svelte-hk5s19{align-items:center;gap:calc(5px * var(--scale-ui));padding-inline:calc(20px * var(--scale-text-base));padding-block:calc(16px * var(--scale-text-base));font-size:calc(20px * var(--scale-text-base));line-height:1.25;font-family:var(--base-font-family);font-weight:var(--base-font-weight);letter-spacing:var(--base-letter-spacing);color:var(--base-font-color);--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);white-space:nowrap;border-radius:9999px;flex-direction:row;width:max-content;display:flex}[data-component=rank-label].svelte-hk5s19.compact{padding-inline:calc(16px * var(--scale-text-base));padding-block:calc(12px * var(--scale-text-base))}[data-component=rank-label].svelte-hk5s19[data-rank="1"]{background-color:var(--color-secondary-600,oklch(43.9% 0 0));color:var(--color-primary-50,oklch(98.5% 0 0))}[data-component=rank-label].svelte-hk5s19[data-rank="2"]{background-color:var(--color-surface-200,oklch(92.2% 0 0));color:var(--color-primary-50,oklch(98.5% 0 0))}[data-component=rank-label].svelte-hk5s19[data-rank="3"]{background-color:var(--color-secondary-950,oklch(14.5% 0 0));color:var(--color-primary-50,oklch(98.5% 0 0))}[data-component=rank-label].svelte-hk5s19 span:where(.svelte-hk5s19){line-height:1}@property --tw-font-weight{syntax:"*";inherits:false}