[data-key-shape]{--page-px:4px}@media (min-width:680px){[data-key-shape]{--page-px:5px}}[data-key-shape=square] :is(:has(>[data-key-pixels]),[data-key-field]){border-radius:0}[data-key-shape=tight] :is(:has(>[data-key-pixels]),[data-key-field]){border-radius:4px}:is([data-key-shape=notch] :has(>[data-key-pixels]),[data-key-shape=steps] :has(>[data-key-pixels])){--x:var(--key-cx,var(--page-px));--y:var(--key-cy,var(--page-px));border-color:#0000;border-radius:0}[data-key-shape=notch] :has(>[data-key-pixels]){background:linear-gradient(var(--key-face) 0 0) center / calc(100% - 2 * var(--x) - 2px) calc(100% - 2px) no-repeat border-box, linear-gradient(var(--key-face) 0 0) center / calc(100% - 2px) calc(100% - 2 * var(--y) - 2px) no-repeat border-box, linear-gradient(var(--key-edge,var(--key-face)) 0 0) center / calc(100% - 2 * var(--x)) 100% no-repeat border-box, linear-gradient(var(--key-edge,var(--key-face)) 0 0) center / 100% calc(100% - 2 * var(--y)) no-repeat border-box}[data-key-shape=steps] :has(>[data-key-pixels]){background:linear-gradient(var(--key-face) 0 0) center / calc(100% - 4 * var(--x) - 2px) calc(100% - 2px) no-repeat border-box, linear-gradient(var(--key-face) 0 0) center / calc(100% - 2 * var(--x) - 2px) calc(100% - 2 * var(--y) - 2px) no-repeat border-box, linear-gradient(var(--key-face) 0 0) center / calc(100% - 2px) calc(100% - 4 * var(--y) - 2px) no-repeat border-box, linear-gradient(var(--key-edge,var(--key-face)) 0 0) center / calc(100% - 4 * var(--x)) 100% no-repeat border-box, linear-gradient(var(--key-edge,var(--key-face)) 0 0) center / calc(100% - 2 * var(--x)) calc(100% - 2 * var(--y)) no-repeat border-box, linear-gradient(var(--key-edge,var(--key-face)) 0 0) center / 100% calc(100% - 4 * var(--y)) no-repeat border-box}[data-key-shape=notch] [data-key-field]{--s:var(--page-px);clip-path:polygon(var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--s), 100% var(--s), 100% calc(100% - var(--s)), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - var(--s)) 100%, var(--s) 100%, var(--s) calc(100% - var(--s)), 0 calc(100% - var(--s)), 0 var(--s), var(--s) var(--s));border-radius:0}[data-key-shape=steps] [data-key-field]{--s:var(--page-px);clip-path:polygon(calc(2 * var(--s)) 0, calc(100% - 2 * var(--s)) 0, calc(100% - 2 * var(--s)) var(--s), calc(100% - var(--s)) var(--s), calc(100% - var(--s)) calc(2 * var(--s)), 100% calc(2 * var(--s)), 100% calc(100% - 2 * var(--s)), calc(100% - var(--s)) calc(100% - 2 * var(--s)), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - 2 * var(--s)) calc(100% - var(--s)), calc(100% - 2 * var(--s)) 100%, calc(2 * var(--s)) 100%, calc(2 * var(--s)) calc(100% - var(--s)), var(--s) calc(100% - var(--s)), var(--s) calc(100% - 2 * var(--s)), 0 calc(100% - 2 * var(--s)), 0 calc(2 * var(--s)), var(--s) calc(2 * var(--s)), var(--s) var(--s), calc(2 * var(--s)) var(--s));border-radius:0}
@keyframes pixels-word{0%{opacity:0;transform:translateY(.38em)}to{opacity:1;transform:none}}.pixels-word{opacity:0;animation:.7s cubic-bezier(.2,.9,.25,1) forwards pixels-word;display:inline-block}@keyframes pixels-slot{0%{opacity:0}to{opacity:1}}.pixels-slot{opacity:0;animation:.7s cubic-bezier(.2,.9,.25,1) forwards pixels-slot}@keyframes pixels-seat{0%{opacity:0;transform:translateY(10px)scale(.6)}to{opacity:1;transform:none}}.pixels-seat{opacity:0;animation:.55s cubic-bezier(.22,.98,.3,1.25) forwards pixels-seat}@keyframes pixels-chip{0%{opacity:0;transform:translateY(6px)scale(.85)}12%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.pixels-chip{opacity:0;animation:2s cubic-bezier(.2,.8,.2,1) forwards pixels-chip}@keyframes pixels-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.pixels-ping{opacity:0;animation:.9s cubic-bezier(.2,.7,.3,1) forwards pixels-ping}@keyframes pixels-live{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.pixels-live{animation:.3s ease-out both pixels-live}@keyframes pixels-glow{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.pixels-glow{animation:1.6s ease-out infinite pixels-glow}@media (prefers-reduced-motion:reduce),(max-width:679.98px){.pixels-word,.pixels-slot,.pixels-seat,.pixels-live{opacity:1;animation:none;transform:none}.pixels-chip,.pixels-ping,.pixels-glow{opacity:0;animation:none}}
/*# sourceMappingURL=11ddlz2z4oua1.css.map*/