.keyboard:where(.astro-usa3mxtm),.keyboard:where(.astro-usa3mxtm) :where(.astro-usa3mxtm){box-sizing:border-box;margin:0}.keyboard:where(.astro-usa3mxtm){--u:60px;--gap:3px;background:var(--sl-color-gray-6,#1e1e24);border-radius:12px;flex-direction:column;padding:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0d,0 4px 12px #00000080}.kbd-row:where(.astro-usa3mxtm){align-items:flex-end;display:flex}.key:where(.astro-usa3mxtm){width:calc(var(--u) * var(--w,1));height:calc(var(--u) * var(--h,1));padding:var(--gap)}.cap:where(.astro-usa3mxtm){width:100%;height:100%;color:var(--sl-color-text,#e0e0e0);text-transform:uppercase;background:#1c1d22;border:1px solid #0d0d0f;border-top-color:#32333a;border-radius:6px;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;transition:all .1s;display:flex;position:relative;box-shadow:0 1px 1px #0006}.key:where(.astro-usa3mxtm)[data-key=Tab] .cap:where(.astro-usa3mxtm),.key:where(.astro-usa3mxtm)[data-key=CapsLock] .cap:where(.astro-usa3mxtm),.key:where(.astro-usa3mxtm)[data-key^=Shift] .cap:where(.astro-usa3mxtm),.key:where(.astro-usa3mxtm)[data-key=Fn] .cap:where(.astro-usa3mxtm),.key:where(.astro-usa3mxtm)[data-key^=Control] .cap:where(.astro-usa3mxtm),.key:where(.astro-usa3mxtm)[data-key^=Alt] .cap:where(.astro-usa3mxtm),.key:where(.astro-usa3mxtm)[data-key^=Meta] .cap:where(.astro-usa3mxtm),.key:where(.astro-usa3mxtm)[data-key=Enter] .cap:where(.astro-usa3mxtm),.key:where(.astro-usa3mxtm)[data-key=Backspace] .cap:where(.astro-usa3mxtm),.key:where(.astro-usa3mxtm)[data-key=Escape] .cap:where(.astro-usa3mxtm){text-transform:lowercase;justify-content:flex-start;align-items:flex-end;padding:6px 8px;font-size:11px;font-weight:500}.key:where(.astro-usa3mxtm)[data-key^=F] .cap:where(.astro-usa3mxtm){text-transform:none;font-size:11px;font-weight:400}.key:where(.astro-usa3mxtm)[data-key=Space] .cap:where(.astro-usa3mxtm){justify-content:center;align-items:center;padding:0;font-size:18px}.key:where(.astro-usa3mxtm).arrow .cap:where(.astro-usa3mxtm){text-transform:none;justify-content:center;align-items:center;padding:0;font-size:11px}.key:where(.astro-usa3mxtm)[data-key^=Meta] .cap:where(.astro-usa3mxtm):after{content:"⌘";font-size:13px;font-weight:400;position:absolute;top:4px;right:6px}.key:where(.astro-usa3mxtm)[data-key^=Alt] .cap:where(.astro-usa3mxtm):after{content:"⌥";font-size:13px;font-weight:400;position:absolute;top:4px;right:6px}.key:where(.astro-usa3mxtm)[data-key^=Control] .cap:where(.astro-usa3mxtm):after{content:"^";font-size:14px;font-weight:400;position:absolute;top:4px;right:6px}.key:where(.astro-usa3mxtm)[data-key^=Shift] .cap:where(.astro-usa3mxtm):after{content:"⇧";font-size:13px;font-weight:400;position:absolute;top:4px;right:6px}.key:where(.astro-usa3mxtm)[data-key=Fn] .cap:where(.astro-usa3mxtm):after{content:"🌐";opacity:.8;font-size:12px;position:absolute;bottom:4px;right:6px}.key:where(.astro-usa3mxtm)[data-key=Enter] .cap:where(.astro-usa3mxtm):after{content:"↩";font-size:13px;font-weight:400;position:absolute;top:4px;right:6px}.key:where(.astro-usa3mxtm)[data-key=Backspace] .cap:where(.astro-usa3mxtm):after{content:"⌫";font-size:13px;font-weight:400;position:absolute;top:4px;right:6px}.key:where(.astro-usa3mxtm)[data-key=Tab] .cap:where(.astro-usa3mxtm):after{content:"⇥";font-size:13px;font-weight:400;position:absolute;top:4px;right:6px}.key:where(.astro-usa3mxtm)[data-key=CapsLock] .cap:where(.astro-usa3mxtm):after{content:"⇪";font-size:13px;font-weight:400;position:absolute;top:4px;left:6px}.arrow-cluster:where(.astro-usa3mxtm){height:var(--u);flex-direction:column;display:flex}.arrow-row:where(.astro-usa3mxtm){height:calc(var(--u) * .5);display:flex}.arrow-row:where(.astro-usa3mxtm):first-child{justify-content:center}.key:where(.astro-usa3mxtm)[data-active=true] .cap:where(.astro-usa3mxtm){background:var(--sl-color-accent,#4a9eff);border-color:var(--sl-color-accent,#4a9eff);color:var(--sl-color-bg,#fff);transform:scale(.95)}.key:where(.astro-usa3mxtm)[data-modified=true] .cap:where(.astro-usa3mxtm){border-color:var(--sl-color-accent,#4a9eff);color:var(--sl-color-accent,#4a9eff)}@media (hover:hover){.key:where(.astro-usa3mxtm):hover .cap:where(.astro-usa3mxtm){border-top-color:var(--sl-color-gray-3,#5a5a6e)}}.segment-container{padding:var(--ui-pad);background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-out);align-items:stretch;gap:2px;display:inline-flex}.segment-button{appearance:none;border-radius:var(--ui-radius-in);height:auto;color:var(--ui-text-muted);cursor:default;transition:background .15s var(--ease-glide), color .15s ease, transform 50ms ease;background:0 0;border:none;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:4px;margin:0;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.segment-button:hover:not(:disabled){color:var(--ui-text);background:var(--ui-highlight)}.segment-button:disabled{opacity:.3;cursor:not-allowed}.segment-button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}.segment-button[aria-checked=true],.segment-button[aria-pressed=true]{color:var(--ui-text);background:var(--ui-surface);box-shadow:var(--shadow-sm)}.segment-button:active:not(:disabled){transform:scale(.97)}.segment-icon{opacity:.7;font-size:16px;line-height:1}.segment-button[aria-checked=true] .segment-icon,.segment-button[aria-pressed=true] .segment-icon{opacity:1}.segment-label{font-weight:500}.segment-hint{opacity:.6;font-size:11px}.text-field:where(.astro-7yoyngbp){background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;transition:background .15s ease-out;display:flex;position:relative}.text-field--sm:where(.astro-7yoyngbp){padding:.375rem .5rem}.text-field--md:where(.astro-7yoyngbp){padding:.5rem .75rem}.text-field:where(.astro-7yoyngbp):focus-within{background:var(--sl-color-gray-5)}.text-field-icon:where(.astro-7yoyngbp){color:var(--sl-color-gray-3);pointer-events:none;flex-shrink:0}.text-field-input:where(.astro-7yoyngbp){width:100%;color:var(--sl-color-text);font-size:var(--sl-text-sm);font-family:var(--__sl-font);background:0 0;border:none;outline:none;flex:1;padding:0}.text-field-input:where(.astro-7yoyngbp)::placeholder{color:var(--sl-color-gray-3)}.picker-container:where(.astro-b6gf4jpv){width:240px;font-family:var(--__sl-font);display:inline-block;position:relative}.picker-trigger:where(.astro-b6gf4jpv){background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);width:100%;height:2.5rem;color:var(--sl-color-text);font-size:var(--sl-text-sm);cursor:default;border-radius:.625rem;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .75rem;font-weight:500;transition:all .15s ease-out;display:flex}.picker-trigger:where(.astro-b6gf4jpv):hover{background:var(--sl-color-gray-5);border-color:var(--sl-color-gray-4)}.picker-trigger:where(.astro-b6gf4jpv)[aria-expanded=true]{border-color:var(--sl-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--sl-color-accent) 15%, transparent)}.trigger-content:where(.astro-b6gf4jpv){align-items:center;gap:.5rem;display:flex;overflow:hidden}.trigger-label:where(.astro-b6gf4jpv){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.picker-chevron:where(.astro-b6gf4jpv){color:var(--sl-color-gray-3);flex-shrink:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.1)}.picker-trigger:where(.astro-b6gf4jpv)[aria-expanded=true] .picker-chevron:where(.astro-b6gf4jpv){transform:rotate(180deg)}.picker-popover:where(.astro-b6gf4jpv){z-index:50;background:color-mix(in srgb, var(--sl-color-gray-6) 85%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--sl-color-gray-5);width:100%;box-shadow:var(--sl-shadow-lg);transform-origin:top;border-radius:.875rem;padding:.3125rem;position:absolute;top:calc(100% + .375rem);left:0}.picker-popover:where(.astro-b6gf4jpv):not([hidden]){animation:.3s cubic-bezier(.175,.885,.32,1.1) forwards popover-enter}@keyframes popover-enter{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.picker-options:where(.astro-b6gf4jpv){scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;max-height:260px;display:flex;position:relative;overflow-y:auto}.picker-options:where(.astro-b6gf4jpv)::-webkit-scrollbar{display:none}.picker-highlight:where(.astro-b6gf4jpv){background:var(--sl-color-gray-5);opacity:0;pointer-events:none;will-change:transform, opacity, height;border-radius:.5rem;height:0;transition:opacity .15s ease-out,transform .15s ease-out,height .15s ease-out;position:absolute;top:0;left:0;right:0}.picker-highlight:where(.astro-b6gf4jpv).active{opacity:1}.picker-option:where(.astro-b6gf4jpv){z-index:1;width:100%;font-size:var(--sl-text-xs);color:var(--sl-color-text);text-align:left;cursor:default;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .625rem;transition:color .1s;display:flex;position:relative}.picker-option:where(.astro-b6gf4jpv).highlighted{color:var(--sl-color-text)}.picker-option:where(.astro-b6gf4jpv)[aria-selected=true]{background:var(--sl-color-accent);color:var(--sl-color-white);font-weight:500}.picker-option:where(.astro-b6gf4jpv):active:not(:disabled){transform:scale(.97)}.picker-option:where(.astro-b6gf4jpv):disabled{opacity:.3;cursor:not-allowed}.picker-icon:where(.astro-b6gf4jpv){opacity:.7;font-size:1rem;line-height:1}.picker-option:where(.astro-b6gf4jpv).highlighted .picker-icon:where(.astro-b6gf4jpv),.picker-option:where(.astro-b6gf4jpv)[aria-selected=true] .picker-icon:where(.astro-b6gf4jpv){opacity:1}.picker-empty:where(.astro-b6gf4jpv){text-align:center;color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);padding:1rem}keyboard-viewer:where(.astro-ddrgjhad){margin:1.5rem 0;display:block}.trigger:where(.astro-ddrgjhad){background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);cursor:pointer;text-align:left;border-radius:.75rem;align-items:center;gap:1rem;width:100%;padding:1rem;transition:all .2s;display:flex}.trigger:where(.astro-ddrgjhad):hover{background:var(--sl-color-gray-5);border-color:var(--sl-color-gray-4)}.trigger-icon:where(.astro-ddrgjhad){font-size:1.5rem}.trigger-text:where(.astro-ddrgjhad){flex-direction:column;display:flex}.trigger-text:where(.astro-ddrgjhad) strong:where(.astro-ddrgjhad){color:var(--sl-color-text)}.trigger-text:where(.astro-ddrgjhad) small:where(.astro-ddrgjhad){color:var(--sl-color-gray-3);font-size:.85rem}.modal:where(.astro-ddrgjhad){z-index:1000;background:0 0;border:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:auto;padding:0;position:fixed;inset:0}.modal:where(.astro-ddrgjhad)::backdrop{backdrop-filter:blur(8px);background:#000c}.modal-content:where(.astro-ddrgjhad){background:var(--sl-color-bg);flex-direction:column;height:100%;display:flex}@media (width>=50rem){.modal:where(.astro-ddrgjhad){border-radius:1rem;width:95%;max-width:1200px;height:80vh;max-height:700px;overflow:hidden}}.header:where(.astro-ddrgjhad){border-bottom:1px solid var(--sl-color-gray-5);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.header-left:where(.astro-ddrgjhad),.header-right:where(.astro-ddrgjhad){align-items:center;gap:1rem;display:flex}.title:where(.astro-ddrgjhad){font-size:1.1rem;font-weight:600}.close-btn:where(.astro-ddrgjhad){color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.2rem}.close-btn:where(.astro-ddrgjhad):hover{color:var(--sl-color-text)}.surface:where(.astro-ddrgjhad){background:var(--sl-color-gray-7);flex:1;place-items:center;padding:2rem;display:grid;overflow:auto}.board-wrapper:where(.astro-ddrgjhad){display:none}.board-wrapper:where(.astro-ddrgjhad)[data-active=true]{display:block}body:has(keyboard-viewer dialog[open]){overflow:hidden}