.rac-header{border-bottom:.1px solid var(--rac-purple-line);background-color:var(--rac-surface);justify-content:space-between;padding:0 2.5em 1em;--rac-enter-y: -16px;overflow-anchor:none;align-items:center;flex-shrink:0;display:flex;width:100%}@media(max-width:1024px){.rac-header{flex-direction:column;padding:1em 2.5em;gap:1em}}.rac-main-text{flex-direction:column;display:flex;gap:1em}.rac-header-buttons{align-items:center;display:flex;gap:.5em}@media(max-width:1024px){.rac-header-buttons{gap:2.5em}}@media(max-width:1024px){.rac-header-icon{height:2em;width:2em}}.rac-button-container{--rac-enter-delay: calc(.25s + var(--i) * 80ms);--rac-enter-scale: .6;flex-shrink:0;display:flex}.rac-lib-temp{color:var(--rac-old-char)}.rac-lib-heading{font-weight:500}.rac-scramble{position:relative}.rac-scramble-ghost{-webkit-user-select:none;user-select:none;opacity:0}.rac-scramble-text{position:absolute;inset:0}.rac-lib-desc{color:var(--rac-old-char);margin:0}.rac-scramble-word{white-space:nowrap}.rac-lib-title{display:inline-block;text-align:center}.rac-lib-title[data-color="0"]{color:var(--rac-color-1)}.rac-lib-title[data-color="1"]{color:var(--rac-color-2)}.rac-lib-title[data-color="2"]{color:var(--rac-color-3)}.rac-lib-title[data-color="3"]{color:var(--rac-color-4)}.rac-lib-title[data-color="4"]{color:var(--rac-color-5)}.rac-code-container{position:relative;overflow:hidden;display:block;outline:none}.rac-code-container:is(:hover,:focus-within) .rac-code-button,:hover>.rac-code-button{opacity:1}.rac-code-button{background-color:transparent;color:var(--rac-old-char);transition:.3s opacity,.3s color;position:absolute;cursor:pointer;outline:none;display:grid;border:none;right:1em;opacity:0;top:1em}.rac-code-button:hover{color:#fff}.rac-code-button:focus-visible{outline:2px solid var(--rac-primary);outline-offset:2px;border-radius:.25rem;opacity:1}.rac-copy-icon{transition:opacity .1s .1s,scale .1s .1s;grid-area:1 / 1}.rac-code-button:not([data-copied]) .rac-copy-icon:last-child,.rac-code-button[data-copied] .rac-copy-icon:first-child{transition-delay:0ms;opacity:0;scale:.5}@media(hover:none){.rac-code-button{opacity:1}}.rac-code-wrapper{position:relative;display:block}.rac-code{font-family:var(--rac-mono);white-space:pre;line-height:1.425rem;text-align:left;font-size:13px;overflow:auto;padding:16px;tab-size:4;margin:0}.rac-code[data-fade] .token{animation:rac-code-fade .4s ease backwards}@keyframes rac-code-fade{0%{color:var(--rac-tok-key)}}.rac-code-solid{background-color:var(--rac-surface-2)}.rac-soon{border:1px dashed var(--rac-line-hover);border-radius:.5rem;overflow:hidden;width:100%}.rac-soon-badge{min-height:calc(2em + 4px);padding:.25em .75em;color:var(--rac-purple-text);align-items:center;--rac-icon: 1.25em;display:flex;gap:.5em}.rac-soon-code{border-top:1px dashed var(--rac-line-hover);background-color:var(--rac-surface-3)}.rac-morph-row{transition:height .3s ease,visibility 0s;overflow-y:clip;height:1lh}.rac-morph-row:not([data-on]){transition:height .3s ease,visibility 0s .3s;visibility:hidden;height:0}.rac-morph-seg{transition:width .3s steps(var(--n)),visibility 0s;width:calc(var(--n) * 1ch);vertical-align:top;display:inline-block;overflow:hidden}.rac-morph-seg:not([data-on]){transition:width .3s steps(var(--n)),visibility 0s .3s;visibility:hidden;width:0}@starting-style{.rac-morph-row[data-on]{height:0}.rac-morph-row:not([data-on]){visibility:visible;height:1lh}.rac-morph-seg[data-on]{width:0}.rac-morph-seg:not([data-on]){width:calc(var(--n) * 1ch);visibility:visible}}.rac-menu{width:clamp(18em,20%,100%);--rac-enter-delay: 80ms;flex-direction:column;padding:1.5em 2.5em;--rac-enter-x: -16px;max-height:100dvh;position:sticky;overflow-y:auto;flex-shrink:0;display:flex;z-index:10;top:0}.rac-menu ul{list-style:none;margin:0;padding:0}.rac-menu li{display:block}.rac-menu .rac-menu-list>li{--rac-enter-delay: calc(.2s + var(--i) * 60ms);--rac-enter-x: -12px}.rac-menu-short{font-size:.6875rem;font-weight:500;display:none;line-height:1}.rac-menu-element{transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;border:1px solid transparent;background-color:transparent;color:var(--rac-color-4);text-decoration:none;border-radius:.5rem;margin-bottom:.5em!important;align-items:center;text-wrap:nowrap;padding:.75em!important;cursor:pointer;outline:none;display:flex!important;width:100%;gap:.75em}.rac-menu-element:focus-visible{outline:2px solid var(--rac-primary);outline-offset:-2px}.rac-menu-element.--selected{background-color:var(--rac-purple-bg);border-color:var(--rac-purple-line);color:var(--rac-purple-text)}@media(hover:hover){.rac-menu-element:not(.--selected):hover{background-color:#1f29374d;color:#e5e7eb}}.rac-menu-text{font-size:.875rem;font-weight:500}.rac-menu-sub-container{padding-left:.75em}.rac-menu-sub-container li{transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1);transform:translateY(-15px) scale(.9);opacity:0}.rac-menu[data-entered] .rac-menu-sub-container[data-open] li{transition-delay:calc(.1s + var(--i) * 80ms);transform:none;opacity:1}.rac-menu-indicator{display:none}@media(max-width:1024px){.rac-menu{padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:.1px solid var(--rac-purple-line);transition:transform .2s ease,visibility .2s;background-color:var(--rac-surface);height:var(--rac-nav-h);--rac-enter-y: 100%;--rac-enter-x: 0px;max-height:none;overflow:hidden;position:fixed;width:100%;top:auto;bottom:0;left:0}.rac-menu[data-keyboard]{transform:translateY(100%);visibility:hidden}.rac-menu nav{position:relative;width:100%}.rac-menu .rac-menu-list{transform:translateZ(0);position:relative;height:3.5rem;display:flex}.rac-menu .rac-menu-list>li{--rac-enter-delay: calc(.3s + var(--i) * 60ms);padding:.375em .25em;--rac-enter-scale: .6;--rac-enter-x: 0px;flex:1}.rac-menu .rac-menu-group{padding:0 .25em!important;flex-direction:column;height:100%;width:100%;gap:.125em}.rac-menu .rac-menu-group.--selected{background-color:transparent;border-color:transparent}.rac-menu .rac-menu-group svg{height:1.25rem;width:1.25rem}.rac-menu .rac-menu-group .rac-menu-text{display:none}.rac-menu .rac-menu-group .rac-menu-short{display:block}.rac-menu-indicator{--rac-pill-inset: .375em .25em;display:block}.rac-menu-element{justify-content:center;margin:0!important;width:max-content}.rac-menu-sub-container{display:none}}html{--rac-text: #f3f4f6;--rac-surface: #111119;--rac-old-char: #d2d2d7;--rac-color-1: #8b5cf6;--rac-color-2: #ec4899;--rac-color-3: #10b981;--rac-color-4: #86868b;--rac-color-5: #ef4444;--rac-primary: #8b5cf6;--rac-secondary: #ec4899;--rac-error: #ef4444;--rac-nav-h: calc(3.5rem + env(safe-area-inset-bottom)) ;--rac-muted: #9ca3af;--rac-line: #1f293780;--rac-line-hover: #8b5cf64d;--rac-purple-line: rgba(168, 85, 247, .3);--rac-purple-bg: rgba(168, 85, 247, .2);--rac-purple-text: #c084fc;--rac-surface-2: #1a1a24;--rac-surface-3: #0e111a;--rac-focus: #a78bfa;--rac-tok-key: #9cdcfe;--rac-tok-blue: rgb(86, 156, 214);--rac-tok-fn: rgb(220, 220, 170);--rac-tok-on: #3fb950;--rac-tok-off: rgb(244, 71, 71);--rac-mono: Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace;height:100%}:where(button,a,summary,label):focus-visible{outline:2px solid var(--rac-focus);outline-offset:2px}:where(.rac-sections) :is(h2,h3,h4){margin:0}.rac-panel{transition:border-color .3s ease;border:1px solid var(--rac-line);background-color:var(--rac-surface-3);border-radius:.5rem}.rac-panel:hover,.rac-panel:focus-within{border-color:var(--rac-line-hover)}:where(.rac-split){grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;gap:1em}@media(max-width:1024px){:where(.rac-split){grid-template-columns:minmax(0,1fr)}}:where(.rac-iconed) svg{height:var(--rac-icon, 1em);width:var(--rac-icon, 1em);flex-shrink:0}:where(.rac-btn-glow){background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid var(--rac-line-hover);transition:background-color .3s ease;justify-content:center;color:var(--rac-focus);border-radius:.5rem;align-items:center;font-size:1.25em;padding:.25em;cursor:pointer;flex-shrink:0;display:flex}:where(.rac-btn-glow):hover,:where(.rac-btn-glow):focus-visible{background-color:#ffffff0d}.rac-desc,.rac-heading-desc,.rac-group-desc,.rac-states-desc{text-justify:inter-word;text-align:justify}.rac-btn-bare{transition:color .3s;background:transparent;color:var(--rac-color-4);font:inherit;cursor:pointer;border:none;padding:0}.rac-btn-bare:hover,.rac-btn-bare:focus-visible{color:var(--rac-text)}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:-1ms!important}}@property --rac-enter-x{syntax: "<length-percentage>"; initial-value: 0px; inherits: false;}@property --rac-enter-y{syntax: "<length-percentage>"; initial-value: 0px; inherits: false;}@property --rac-enter-scale{syntax: "<number>"; initial-value: 1; inherits: false;}@property --rac-enter-delay{syntax: "<time>"; initial-value: 0s; inherits: false;}.rac-main:not([data-restoring]) :is(.rac-enter,[data-reveal=in]){animation:rac-fade .3s var(--rac-enter-delay) backwards,rac-enter .7s var(--rac-enter-delay) backwards;animation-timing-function:ease-out,cubic-bezier(.34,1.56,.64,1);animation-timing-function:ease-out,linear(0,.06,.204,.384,.568,.734,.87,.97,1.038,1.077,1.093,1.093,1.083,1.067,1.049,1.032,1.018,1.007,.999,.994,.992,.991,.992,.993,1)}@keyframes rac-fade{0%{opacity:.01}}@keyframes rac-enter{0%{transform:translate(var(--rac-enter-x),var(--rac-enter-y)) scale(var(--rac-enter-scale))}}[data-reveal]{--rac-enter-delay: calc(var(--i) * 90ms);--rac-enter-scale: .92}[data-reveal=wait]{opacity:0}.rac-main:not([data-restoring]) [data-reveal=fade]{animation:rac-fade .3s var(--rac-enter-delay) backwards}*,*:before,*:after{scrollbar-color:var(--rac-purple-line) var(--rac-purple-bg);box-sizing:border-box;scrollbar-width:thin;outline:none}h1,p{margin:0}a{outline:none}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased}.code-content code{font-family:JetBrains Mono,Fira Code,Cascadia Code,Source Code Pro,monospace;font-variant-ligatures:contextual}body{background-color:#0a0a0f;scrollbar-gutter:stable;scroll-behavior:smooth;color:var(--rac-text);overflow-x:hidden;margin:0}html,body{overflow-y:visible;min-height:100svh;height:auto}.rac-cat-eyes-container{transition:1s bottom;z-index:2147483647;position:fixed;width:10%;bottom:0}@media(max-width:1024px){.rac-cat-eyes-container{bottom:var(--rac-nav-h);z-index:9;width:35%}}.--hidden{bottom:-10%}.rac-main{flex-direction:column;position:relative;min-height:100svh;display:flex}@media(max-width:1024px){.rac-main{padding-bottom:var(--rac-nav-h)}}.rac-main[data-restoring]{visibility:hidden}.rac-main-select{width:35%}.rac-placeholder,.rac-title-text{align-items:center;display:flex;gap:.5em}.rac-feature-icon{color:plum}.rac-demo-option{justify-content:normal;display:flex;gap:.5em}.rac-sections-container{align-items:flex-start;display:flex}@media(max-width:1024px){.rac-sections-container{display:block}}:where(.rac-sections section){border-bottom:.1px solid var(--rac-purple-line);padding-bottom:1em;margin-bottom:1em}.rac-sections{border-left:.1px solid var(--rac-purple-line);padding:0 2.5em 0 2em;scroll-behavior:smooth;max-width:80%;min-width:70%;height:auto;flex:1}@media(max-width:1024px){.rac-sections{border-left:none;padding:0 2em;max-width:100%;min-width:100%}}.rac-multiple-selected-option{background-color:var(--rac-purple-bg);border-radius:.5rem;padding:.35em .5em;color:var(--rac-purple-text)}.rac-multiple-selected-option:hover{background-color:#a855f74d}.rac-section{display:block}.rac-code-title-container{width:fit-content;display:flex;gap:.25em}.rac-code-title{text-wrap:nowrap;padding:0 .5em}@media(max-width:1280px){.rac-code-title{grid-column:2;grid-row:1}}.rac-code-desc{padding:0 .5em}.rac-selection-log{margin-top:20px;font-size:14px;color:#666;text-align:center}.rac-preview-select{width:100%}.rac-code-title-container2{justify-content:space-between;align-items:center;display:flex}.rac-pill{transition:transform .35s cubic-bezier(.4,0,.2,1);transform:translate(calc(var(--index) * 100%));width:calc(100% / var(--count));will-change:transform;position:absolute;height:100%;left:0;top:0}.rac-pill:before{background-color:var(--rac-purple-bg);border:1px solid var(--rac-purple-line);inset:var(--rac-pill-inset);border-radius:.5rem;position:absolute;content:""}.rac-loader{animation:spin 1s steps(30) infinite paused}.rac-loader[data-visible]{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.rac-sr-only{clip-path:inset(50%);position:absolute;overflow:hidden;white-space:nowrap;height:1px;width:1px}@media(max-width:1280px){.rac-states-desc{padding-top:.25em;grid-column:1 / -1;-webkit-hyphens:auto;hyphens:auto;grid-row:2}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.rac-states,.rac-multiple,.rac-author{flex-direction:column;display:flex;width:100%}.rac-states{gap:1em}.rac-footer{justify-content:space-between;color:var(--rac-old-char);transition:opacity .3s,color .3s;padding-right:2.5em;align-items:center;height:min-content;padding-left:2.5em;position:absolute;display:flex;width:100%;opacity:0;bottom:0;left:0}.rac-footer:hover{color:var(--rac-purple-text);opacity:1}@media(max-width:1024px){.rac-footer{position:relative;opacity:1}}.rac-footer-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,transform;transition-timing-function:cubic-bezier(.4,1,.2,1);transition-duration:.3s;color:#a684ff;cursor:pointer}.rac-footer-icon:hover{transform:scale(1.05);color:#ffeafe}.--null{transition:border-color .3s;animation:shake-error .3s;border-color:#a60000}.--null:focus,.--null:hover{border-color:#a60000}@keyframes shake-error{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.rac-select,.rac-options{--rac-bg: #0a0a0f;--rac-fg: #fff;--rac-radius: .5rem}.rac-options{border:.1px solid var(--rac-line-hover)}.rac-warn,[data-warn]{color:color-mix(in srgb,var(--rac-error, #ef4444) 70%,currentColor)}[data-warn=soft]{color:color-mix(in srgb,#f59e0b 70%,currentColor)}.rac-warn{--rac-icon: 1.5em;grid-template-columns:min-content 1fr;align-items:center;margin-top:1em;display:grid;gap:.5em}.rac-warn>span{grid-column:1 / -1}
