:root{--next-selection:var(--geist-success);--next-selection-text-color:#fff;--geist-page-margin:var(--geist-space-gap);--geist-page-width:1000px;--geist-page-width-with-margin:calc(var(--geist-page-width) + (var(--geist-page-margin)*2));--geist-selection:var(--next-selection)!important;--geist-selection-text-color:var(--next-selection-text-color)!important}.dark-theme,.invert-theme,.dark-theme .geist-disabled .geist-disabled-skip{--geist-code:var(--geist-cyan-light);--geist-selection:var(--next-selection);--geist-selection-text-color:var(--next-selection-text-color)}body{overscroll-behavior-y:contain;line-height:1.65}.geist-wrapper{width:1248px}#nprogress .bar{background:var(--geist-success);z-index:1031;height:2px}#nprogress:after{content:normal}.gradient-text{--text-gradient:linear-gradient(180deg,#555 0%,#000 100%);background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text::selection{background-clip:unset;-webkit-text-fill-color:initial}.dark-theme .gradient-text{--text-gradient:linear-gradient(180deg,#fff 0%,#adadad 100%)}
[role=grid]:focus{outline:none}h1,h2,h3{margin:0}a{color:#0074de;text-decoration:none;transition:color .2s}@media (hover:hover){a:hover{color:#68b5fb}}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;font-size:.9em}pre code:before,pre code:after{content:none}ul ul{margin-bottom:0!important}iframe{border:none;width:100%;height:100%}label{cursor:unset}a[role=button]{-webkit-user-select:none;user-select:none}kbd{box-sizing:border-box;color:#666;text-align:center;background:#fafafa;border:1px solid #eaeaea;border-radius:5px;padding:0 4px;font-family:-apple-system,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9em;line-height:2em;display:inline-block}
@keyframes gradient-rotation{0%{background-position:0 0}to{background-position:100vw 0}}.demo-footer .note code{background:#0003;border-radius:2px;margin:0 .1rem;padding:.2rem}.f-reset{font-size:1rem}.f0{font-size:1.80203em}.f1{font-size:1.60181em}.f2{font-size:1.42383em}.f3{font-size:1.26563em}.f4{font-size:1.125em}.f5{font-size:.888889em}.f6{font-size:.790123em}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.subtitle,.mute{color:#696969}.tc{text-align:center}.row{align-items:center;margin:0 -1.5rem;display:flex}.column{flex:1;padding:0 1.5rem}.display-none,.display-mobile,.display-tablet{display:none}@media screen and (max-width:640px){.display-mobile{display:unset}.hide-mobile{display:none}}@media screen and (max-width:960px){.display-tablet{display:unset}.hide-tablet{display:none}}.no-tap-highlight,a{-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.no-tap-callout{-webkit-touch-callout:none}.no-drag{user-drag:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.visually-hidden:not(:focus):not(:active):not(:focus-within){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;-webkit-user-select:none;user-select:none;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-shadow:0 1px #0000004d;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;direction:ltr;line-height:1.5}.ai-view code[class*=language-],.ai-view pre[class*=language-]{color:inherit;text-shadow:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#c5c8c6}.namespace{opacity:.7}.token.property,.token.keyword,.token.tag{color:#96cbfe}.token.class-name{color:#ffffb6}.token.boolean,.token.constant{color:#9c9}.token.symbol,.token.deleted{color:#f92672}.token.number{color:#ff73fd}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a8ff60}.token.variable{color:#c6c5fe}.token.operator{color:#ededed}.token.entity{color:#ffffb6;cursor:help}.token.url{color:#96cbfe}.language-css .token.string,.style .token.string{color:#87c38a}.token.atrule,.token.attr-value{color:#f9ee98}.token.function{color:#dad085}.token.regex{color:#e9c062}.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}
.simple-keyboard.dark{background-color:#000c;border-radius:0 0 5px 5px}.simple-keyboard.dark .hg-button{--key-size:35px;color:#efefef;border:1px solid var(--accents-2);text-align:center;border-radius:var(--geist-radius);font-family:var(--font-sans);background:#2b2b2b;width:var(--key-size)!important}.simple-keyboard.dark .hg-activeButton,.simple-keyboard.dark .hg-button:active,.simple-keyboard.dark .hg-button:focus{color:#fff;background:#000!important}@media (hover:hover){.simple-keyboard.dark .hg-button:hover{color:#fff;background:#000!important}}.simple-keyboard.dark.hg-layout-default{background:0 0}.simple-keyboard.dark .hg-button-enter.return-key-highlight{border:1px solid var(--accents-2);animation:2s infinite pulse}.simple-keyboard.dark .hg-standardBtn{transition:background-color .2s ease-in-out}.simple-keyboard.dark .bad-key{color:var(--accents-3);background-color:#000}.simple-keyboard.dark .off-key{color:#fff;background-color:#f5a623!important}.simple-keyboard.dark .good-key{color:#000;background-color:#50e3c2!important}@keyframes pulse{0%{border-color:var(--accents-2)}50%{border-color:var(--accents-5)}to{border-color:var(--accents-2)}}@media (max-width:400px){.simple-keyboard.dark .hg-button{--key-size:30px}}@media (max-width:325px){.simple-keyboard.dark .hg-button{--key-size:25px}}