@media(prefers-reduced-motion:reduce){.rac-select{--rac-duration: 1ms}}:root{--rac-base-red: #e7000b;--rac-base-green: #4caf50;--rac-base-yellow: #ffc107;--rac-select-background: color-mix(in srgb, Canvas 98%, CanvasText 2%);--rac-select-hover: color-mix(in srgb, Canvas 95%, CanvasText 5%);--rac-select-color: CanvasText;--rac-select-border: 2px solid color-mix(in srgb, Canvas 98%, CanvasText 2%);--rac-select-border-error: 2px solid color-mix(in srgb, var(--rac-base-red), CanvasText 15%);--rac-select-padding: 0em .5em;--rac-select-min-height: 2em;--rac-disabled-opacity: .75;--rac-title-anim-shift: 4px;--rac-title-anim-entry-ease: cubic-bezier(.34, 1.56, .64, 1);--rac-title-font-size: 1em;--rac-dots-color: currentColor;--rac-dots-gap: 3px;--rac-dots-padding-left: .25em;--rac-dots-align: end;--rac-dots-animation-duration: 1.4s;--rac-dots-animation-delay-1: 0s;--rac-dots-animation-delay-2: .2s;--rac-dots-animation-delay-3: .4s;--rac-arrow-height: 1em;--rac-arrow-width: 1em;--rac-arrow-padding: 1px 0 2px;--rac-cancel-height: .9em;--rac-cancel-width: .9em;--rac-scroll-color: color-mix(in srgb, CanvasText 10%, Canvas);--rac-scroll-track: color-mix(in srgb, CanvasText 5%, Canvas);--rac-scroll-padding-top: .5em;--rac-scroll-padding-bottom: .5em;--rac-option-hover: color-mix(in srgb, CanvasText 6%, Canvas);--rac-option-highlight: color-mix(in srgb, CanvasText 10%, Canvas);--rac-option-selected: color-mix(in srgb, CanvasText 14%, Canvas);--rac-list-background: color-mix(in srgb, Canvas 98%, CanvasText 2%);--rac-list-color: CanvasText;--rac-list-max-height: 250px;--rac-option-padding: .5em;--rac-option-min-height: 1em;--rac-option-gap: .5em;--rac-disabled-option-color: color-mix(in srgb, GrayText, CanvasText 20%);--rac-invalid-option-color: color-mix(in srgb, var(--rac-base-red), CanvasText 10%);--rac-true-option-color: color-mix(in srgb, var(--rac-base-green), CanvasText 10%);--rac-false-option-color: color-mix(in srgb, var(--rac-base-red), CanvasText 10%);--rac-warning-option-color: color-mix(in srgb, var(--rac-base-yellow), CanvasText 10%);--rac-group-header-font-size: 1.25em;--rac-group-header-font-weight: bold;--rac-group-header-min-height: 1em;--rac-group-header-padding: .5em;--rac-group-arrow-height: 1em;--rac-group-arrow-width: 1em;--rac-group-arrow-padding: 1px 0 2px;--rac-group-container-padding-left: 1em;--rac-disabled-group-color: color-mix(in srgb, GrayText, CanvasText 20%);--rac-multiple-selected-border: .1em solid gray;--rac-multiple-selected-radius: 5px;--rac-checkbox-border: 1px solid gray;--rac-multiple-selected-padding: 0em .25em;--rac-multiple-selected-margin: .25em .5em .25em 0;--rac-multiple-selected-gap: .5em 0;--rac-multiple-deleting-bg: color-mix(in srgb, var(--rac-base-red) 15%, Canvas);--rac-checkbox-margin-right: .2em;--rac-multiple-selected-min-height: 1.5em;--rac-checkbox-size: var(--rac-option-min-height);--rac-multiple-del-bg: color-mix(in srgb, var(--rac-base-red) 30%, Canvas);--rac-multiple-del-hover-color: var(--rac-base-red)}.rac-select{background:var(--rac-select-background);padding:var(--rac-select-padding);border:var(--rac-select-border);color:var(--rac-select-color);min-height:var(--rac-select-min-height);interpolate-size:allow-keywords;transition:background-color var(--rac-duration-base) ease,border-color var(--rac-duration-base) ease,height var(--rac-duration-base) ease;justify-content:space-between;box-sizing:border-box;cursor:pointer;display:flex}.rac-select:hover{background-color:var(--rac-select-hover);border-color:var(--rac-select-hover)}.rac-loading-style,.rac-disabled-style{opacity:var(--rac-disabled-opacity);transition:border-color var(--rac-duration-base),filter var(--rac-duration-base),opacity var(--rac-duration-base);cursor:wait}.rac-disabled-style{cursor:not-allowed}.rac-error-style{border:var(--rac-select-border-error);cursor:help}.rac-select-title-wrapper{transition:height var(--rac-duration-base) cubic-bezier(.4,0,.2,1);display:flex;width:100%}.rac-select-title{min-height:var(--rac-select-min-height);position:relative;flex-wrap:wrap;display:flex;width:100%}.rac-spacer{min-height:var(--rac-select-min-height)}.rac-title-container{height:100%}.rac-title-text{font-size:var(--rac-title-font-size);align-content:center;display:block;height:100%}@keyframes rac-fade-in{0%{opacity:0;transform:translateY(var(--rac-title-anim-shift))}to{opacity:1;transform:translateY(0)}}.rac-loading-container{align-items:end;display:grid;height:100%}.rac-loading-dots{display:inline-flex;--rac-dots-size: calc(var(--rac-title-font-size) / 4);--rac-dots-gap: calc(var(--rac-title-font-size) / 6);--rac-dots-padding-left: calc(var(--rac-title-font-size) / 4);--rac-dots-padding-bottom: .5em;gap:var(--rac-dots-gap);padding-left:var(--rac-dots-padding-left);padding-bottom:var(--rac-dots-padding-bottom)}.rac-loading-dots i{width:var(--rac-dots-size);height:var(--rac-dots-size);background:var(--rac-dots-color, currentColor);border-radius:50%;animation:blink var(--rac-dots-animation-duration) infinite both}.rac-loading-dots i:nth-child(1){animation-delay:var(--rac-dots-animation-delay-1)}.rac-loading-dots i:nth-child(2){animation-delay:var(--rac-dots-animation-delay-2)}.rac-loading-dots i:nth-child(3){animation-delay:var(--rac-dots-animation-delay-3)}.rac-select-buttons{display:flex;align-items:center}.rac-select-cancel{height:var(--rac-cancel-height);width:var(--rac-cancel-width);transition:opacity var(--rac-duration-fast),border-color var(--rac-duration-fast)}.rac-select-arrow{transition:transform var(--rac-duration-base) cubic-bezier(.4,0,.2,1);transform-origin:50% 50%;transform:rotate(0);will-change:transform;display:block}.rac-select-arrow.--up,.rac-select-arrow.--open{transform:rotate(180deg)}.rac-select-arrow.--up.--open{transform:rotate(0)}.rac-select-arrow,.rac-select-cancel{object-fit:contain}.rac-select-list{background-color:var(--rac-list-background);color:var(--rac-list-color);max-height:var(--rac-list-max-height);overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--rac-scroll-color) var(--rac-scroll-track);scrollbar-width:thin;scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:var(--rac-scroll-padding-top);scroll-padding-bottom:var(--rac-scroll-padding-bottom);transition:border-color var(--rac-duration-fast),background-color var(--rac-duration-fast),opacity var(--rac-duration-base)}.rac-select-option{transition:background-color var(--rac-duration-fast) cubic-bezier(.4,0,.2,1);min-height:var(--rac-option-min-height);padding:var(--rac-option-padding);justify-content:space-between;gap:var(--rac-option-gap);overflow-wrap:anywhere;word-break:break-all;scrollbar-width:thin;align-items:center;overflow-x:auto;cursor:pointer;display:flex}.rac-select-option:not(.rac-disabled-option):not(.rac-group-option):hover{background-color:var(--rac-option-hover)}.rac-select-option.rac-highlighted{background-color:var(--rac-option-highlight)}.rac-select-option.rac-selected,.rac-select-option.rac-selected.rac-highlighted{background-color:var(--rac-option-selected)}.rac-option-title{text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-all;text-wrap:wrap}.rac-disabled-option{cursor:not-allowed;color:var(--rac-disabled-option-color)}.rac-invalid-option{color:var(--rac-invalid-option-color)}.rac-true-option{color:var(--rac-true-option-color)}.rac-false-option{color:var(--rac-false-option-color)}.rac-loading-option{cursor:wait}.rac-group-header{cursor:pointer;min-height:var(--rac-group-header-min-height);padding:var(--rac-group-header-padding);transition:background-color var(--rac-duration-fast) cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center;font-weight:var(--rac-group-header-font-weight);font-size:var(--rac-group-header-font-size)}.rac-group-container{padding-left:var(--rac-group-container-padding-left)}.rac-group-arrow{display:block;will-change:transform;transition:transform var(--rac-duration-base) cubic-bezier(.4,0,.2,1),padding var(--rac-duration-fast);transform-origin:50% 50%;transform:translateZ(0)}.rac-group-arrow.--open{transform:rotate(180deg)}.rac-disabled-group{cursor:not-allowed;color:var(--rac-disabled-group-color)}.rac-select-selected{display:flex;align-items:center}.rac-multiple-selected-option{transition:background-color var(--rac-duration-fast, --rac-duration) cubic-bezier(.4,0,.2,1),transform var(--rac-duration) ease;background-color:color-mix(in srgb,CanvasText 10%,Canvas);min-height:var(--rac-multiple-selected-min-height);position:relative;display:inline-flex;align-items:center;vertical-align:middle;line-height:normal;padding:var(--rac-multiple-selected-padding);margin:var(--rac-multiple-selected-margin);white-space:nowrap;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}@media(hover:hover){.rac-multiple-selected-option:hover{background-color:color-mix(in srgb,CanvasText 25%,Canvas)}}.rac-multiple-del{background-color:var(--rac-multiple-del-bg);-webkit-tap-highlight-color:transparent;align-items:center;position:absolute;-webkit-user-select:none;user-select:none;display:grid;height:100%;right:0}.rac-multiple-del:hover{color:var(--rac-multiple-del-hover-color)}.rac-multiple-option{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.rac-multiple-selected-option.--deleting-shake{background-color:var(--rac-multiple-deleting-bg);animation:rac-shake .3s infinite}@keyframes rac-shake{0%{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}to{transform:rotate(0)}}.rac-checkbox-default{margin-right:var(--rac-checkbox-margin-right);min-height:var(--rac-option-min-height);min-width:var(--rac-option-min-height);border:var(--rac-checkbox-border);justify-content:center;align-items:center;position:relative;display:flex;height:100%}.rac-checkbox{margin-right:var(--rac-checkbox-margin-right);justify-content:center;align-items:center;position:relative;display:flex}.rac-checkmark{transition:max-height var(--rac-duration-base),max-width var(--rac-duration-base),opacity var(--rac-duration-base);position:absolute;max-height:0;opacity:0}.rac-checkmark.--checked{max-height:var(--rac-option-min-height);opacity:1}@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}}*,*:before,*:after{scrollbar-color:rgba(168,85,247,.3) rgba(168,85,247,.2);box-sizing:border-box;scrollbar-width:thin}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;-moz-osx-font-smoothing:grayscale}.code-content code{font-family:JetBrains Mono,Fira Code,Cascadia Code,Source Code Pro,monospace;font-variant-ligatures:contextual}body{background-color:var(--rac-bg);scroll-behavior:smooth;color:var(--rac-text);margin:0}html,body{overflow-y:visible;min-height:100vh;height:auto}.rac-header{border-bottom:.1px solid rgba(168,85,247,.3);background-color:var(--rac-surface);justify-content:space-between;padding:0 2.5em 1em;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-cat-eyes-container{transition:1s bottom;z-index:2147483647;position:fixed;width:10%;bottom:0}@media(max-width:1024px){.rac-cat-eyes-container{width:35%}}.--hidden{bottom:-10%}.rac-start-desc{padding-bottom:.5em}.rac-start-desc:last-of-type{padding-bottom:1em}.rac-start-label{border-top:.1px solid #161c27;justify-content:center;padding-bottom:1em;padding-top:1em;cursor:pointer;display:flex;width:100%}.rac-start-button{background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid rgba(139,92,246,.3);transition:background-color .3s ease;justify-content:center;box-sizing:border-box;border-radius:.5rem;align-items:center;font-size:1.25em;color:#a78bfa;cursor:pointer;padding:.5em;flex-shrink:0;display:flex;outline:none;border:none;gap:.25em;margin:0}.rac-start-button:hover,.rac-start-button:focus{background-color:#ffffff0d}.rac-main{flex-direction:column;position:relative;min-height:100vh;display:flex}.rac-main-container{border-bottom:.1px solid rgba(168,85,247,.3);padding-bottom:2em}.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}}.rac-header-link{background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid rgba(139,92,246,.3);justify-content:center;border-radius:.5rem;align-items:center;font-size:1.25em;cursor:pointer;padding:.25em;flex-shrink:0;display:flex}.rac-header-icon{color:#a78bfa}@media(max-width:1024px){.rac-header-icon{height:2em;width:2em}}.rac-button-container{transition:background-color .3s ease;box-sizing:border-box;align-items:center;cursor:pointer;flex-shrink:0;outline:none;display:flex;gap:.25em}.rac-button-container:hover,.rac-button-container:focus{background-color:#ffffff0d}.rac-button-text{padding-right:.5rem;will-change:width,opacity;display:inline-block;white-space:nowrap;font-size:.95em;font-weight:500;color:#f5f5f7;overflow:hidden}.rac-lib-temp{color:var(--rac-old-char)}.rac-lib-title{transition:color .3s ease;font-weight:500;margin:0}.rac-lib-desc{color:var(--rac-old-char);margin:0}.rac-lib-title:nth-child(5n+1){color:var(--rac-color-1)}.rac-lib-title:nth-child(5n+2){color:var(--rac-color-2)}.rac-lib-title:nth-child(5n+3){color:var(--rac-color-3)}.rac-lib-title:nth-child(5n+4){color:var(--rac-color-4)}.rac-lib-title:nth-child(5n+5){color:var(--rac-color-5)}.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-menu{width:clamp(18em,20%,100%);flex-direction:column;padding:1.5em 2.5em;z-index:2147483647;max-height:100vh;position:sticky;overflow-y:auto;flex-shrink:0;display:flex;top:0}@media(max-width:1024px){.rac-menu{background-color:#0e111a;opacity:var(--mobile-menu);transition:.5s opacity;padding:.75em 0 0;flex-direction:row;position:fixed;display:flex;width:100%;top:auto;bottom:0;left:0}}.rac-menu ul{list-style:none;margin:0;padding:0}@media(max-width:1024px){.rac-menu ul:first-child{border-bottom:.1px solid rgba(168,85,247,.3);justify-content:center;padding-bottom:.75em;display:flex;width:100%;gap:1em}}@media(max-width:1024px){.rac-menu nav{width:100%}}.rac-menu li{display:block;margin:0;padding:0}html{--rac-bg: #0a0a0f;--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-success: #10b981;--rac-error: #ef4444;height:100%}.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:hover{color:var(--rac-color-3)}@media(max-width:1024px){.rac-menu-element{justify-content:center;margin:0!important;width:max-content}}.rac-menu-element:not(.--selected):hover{color:#e5e7eb;background-color:#1f29374d}.rac-menu-element.--selected{background-color:#a855f733;border-color:#a855f74d;color:#c084fc}.rac-menu-icon{width:1rem;height:1rem;flex-shrink:0}.rac-menu-text{font-size:.875rem;font-weight:500}@media(max-width:1024px){.rac-menu-text{display:none}}.rac-sections-container{align-items:flex-start;display:flex}@media(max-width:1024px){.rac-sections-container{display:block}}.rac-states{border-bottom:.1px solid rgba(168,85,247,.3);flex-direction:column;padding-bottom:1.5em;margin-bottom:1.5em;display:flex;width:100%;gap:1em}.rac-sections{border-left:.1px solid rgba(168,85,247,.3);padding:0 2.5em 0 2em;scrollbar-gutter:stable;scroll-behavior:smooth;max-width:80%;min-width:70%;height:auto;flex:1}@media(max-width:1024px){.rac-sections{max-width:100%;min-width:100%}}.rac-states-container{transition:border-color .3s ease;border:1px solid #1f293780;background-color:#0e111a;position:relative;overflow:hidden;padding:1.25em;display:flex;width:100%}.rac-states-container:hover,.rac-states-container:hover .rac-settings-checkboxes{border-color:#8b5cf64d}@media(max-width:1024px){.rac-states-container{flex-direction:column;align-items:center}}.rac-settings-inputs{width:80%}.rac-settings-checkboxes{border-right:.1px solid #1f293780;transition:border-color .3s ease;margin-right:2em;font-size:1.25em;width:20%}@media(max-width:1024px){.rac-settings-checkboxes{border-bottom:.1px solid #1f293780;padding-bottom:.5em;border-right:none;margin:0 0 .5em;width:100%}}.rac-settings-checkboxes,.rac-settings-inputs{justify-content:center;flex-direction:column;display:flex;gap:.75em}.rac-prop-label{gap:.5em;display:flex;align-items:center;justify-content:space-between}.rac-prop-span{color:#9cdcfe}.rac-prop-value{transition:background-color .3s ease,border-color .3s ease;background-color:#1a1a24;border-radius:.5rem;color:#f3f4f6;font-size:1em;padding:.5em;outline:none;height:37px;border:none;width:75%}.rac-prop-value:hover,.rac-prop-value:focus{background-color:#a855f733;color:2px solid #1a1a24}@media(max-width:600px){.rac-prop-value{width:100%}}.rac-multiple-selected-option{background-color:#a855f733;border-radius:.5rem;padding:.35em .5em;color:#c084fc}.rac-multiple-selected-option:hover{background-color:#a855f74d}.rac-checkbox-wrapper{justify-content:space-between;position:relative;cursor:pointer;display:flex;width:100%;gap:.25em}.rac-demo-checkbox{position:absolute;cursor:pointer;height:100%;width:100%;opacity:0;z-index:9;margin:0;left:0;top:0}.rac-section{flex-direction:column;display:flex}.rac-basic-select-container{justify-content:center;align-items:center;display:flex;padding:2em}.rac-basic-select,.rac-playground-preview{--rac-select-hover: rgba(168, 85, 247, .2);--rac-select-border: 2px solid #1a1a24;--rac-select-padding: .25em .75em;--rac-select-background: #1a1a24;--rac-select-color: #f3f4f6;--rac-cancel-height: 1.25em;--rac-cancel-width: 1.25em;--rac-arrow-height: 1.75em;--rac-arrow-width: 1.75em;border-radius:.5rem;outline:none;width:100%}.rac-basic-options,.rac-playground-options{--rac-option-highlight: rgba(168, 85, 247, .2);--rac-option-selected: rgba(157, 59, 250, .2);--rac-option-hover: rgba(161, 70, 249, .2);--rac-scroll-color: rgba(168, 85, 247, .3);--rac-scroll-track: rgba(168, 85, 247, .2);--rac-list-background: #1a1a24;border:.1px solid #8b5cf64d;--rac-list-color: #f3f4f6;border-radius:.5rem;color:#c084fc}.rac-code-title-container{justify-content:space-between;padding-bottom:.5em;width:fit-content;display:flex;gap:.25em}.rac-code-title{padding:0 .5em;margin:0}@media(max-width:1280px){.rac-code-title{grid-column:2;grid-row:1;margin:0}}.rac-a11y{grid-template-columns:repeat(3,33%);padding-bottom:1.5em;display:grid;width:100%}@media(max-width:1280px){.rac-a11y{flex-direction:column;display:flex}}.rac-a11y .rac-a11y-container:nth-child(1){margin-top:0;padding-right:2em}@media(max-width:1280px){.rac-a11y .rac-a11y-container:nth-child(1){padding-right:0}}.rac-a11y .rac-a11y-container:nth-child(2){padding-right:2em}@media(max-width:1280px){.rac-a11y .rac-a11y-container:nth-child(2){padding-right:0}}.rac-a11y .rac-a11y-container:nth-child(3):after{display:none}.rac-a11y-container{border-bottom:.1px solid #161c27;justify-content:space-between;flex-direction:column;align-items:center;padding-bottom:1em;position:relative;width:fit-content;display:flex;gap:.25em;width:100%}@media(max-width:1280px){.rac-a11y-container{grid-template-columns:auto 1fr;grid-template-rows:auto auto;margin-bottom:.75em;display:grid}}.rac-a11y-container:after{border-right:1px solid #1f293780;transition:border-color .3s ease;position:absolute;height:90%;content:"";right:5%;top:0}@media(max-width:1280px){.rac-a11y-container:after{display:none}}.rac-a11y-container:last-child{border-color:#a855f74d;padding-bottom:2em;grid-column:1 / -1;margin-top:1em}@media(max-width:1280px){.rac-a11y-container:last-child{margin-top:0}}.rac-a11y-container:last-child:after{display:none}@media(max-width:1280px){.rac-a11y-icon{align-items:center;grid-column:1;display:flex;grid-row:1}}@media(max-width:1280px){.rac-a11y-container:last-child .rac-a11y-icon{display:grid}}.rac-code-desc{padding:0 .5em}.rac-start-basic{border-bottom:.1px solid rgba(168,85,247,.3);flex-direction:column;padding-bottom:2em;margin-bottom:1em;padding-top:1em;display:flex;gap:1em}.rac-start-title{padding:1em 0 .5em;margin:0}@media(max-width:1280px){.rac-start-title{padding:.5em 0}}.rac-code-container{transition:border-color .3s ease;border:1px solid #1f293780;background-color:#0e111a;border-radius:.5rem;position:relative;overflow:hidden;display:block;outline:none}.rac-code-container:hover,.rac-code-container:focus{border-color:#8b5cf64d}:is(.rac-code-container:hover,.rac-code-container:focus) .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;border:none;right:1em;opacity:0;top:1em}.rac-code-button:hover{color:#fff}.rac-code-wrapper{position:relative;display:block}.rac-live-container{transition:border-color .3s ease,height .3s ease;border:1px solid #1f293780;background-color:#0e111a;border-radius:.5rem;overflow:hidden}.rac-live-container:hover{border-color:#8b5cf64d}.rac-live-preview-box{justify-content:center;align-items:center;display:flex;padding:2em}.rac-live-editor-box{position:relative}.rac-editor-header{background-color:#212130;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;font-size:12px;color:#888}.rac-live-editor{font-family:Fira Code,monospace!important;background-color:#1a1a24;font-size:14px!important}.rac-live-editor textarea,.rac-live-editor pre{background-color:transparent!important}.rac-live-error{padding:1rem;background:#411;color:#f99;font-size:13px;white-space:pre-wrap}.rac-selection-log{margin-top:20px;font-size:14px;color:#666;text-align:center}.rac-preview-select{width:100%}.rac-menu-sub-container{padding-left:.75em!important;overflow:hidden}@media(max-width:1024px){.rac-menu-sub-container{display:none}}.rac-code-title-container2{justify-content:space-between;align-items:center;display:flex}.rac-playground{border-bottom:.1px solid rgba(168,85,247,.3);flex-direction:column;padding-bottom:1em;margin-bottom:1em;display:flex;gap:1em}.rac-loader{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rac-loading-props{transition:border-color .3s ease;border:1px solid #1f293780;background-color:#0e111a;flex-direction:column;position:relative;margin-bottom:1em;overflow-x:auto;display:flex;width:100%}.rac-loading-props:hover,.rac-loading-props:hover .rac-props-container,.rac-loading-props:hover .rac-loading-value,.rac-loading-props:hover .rac-loading-input-container,.rac-loading-props:hover .rac-loading-input{border-color:#8b5cf64d}.rac-props-container{border-bottom:1px solid #1f293780;transition:border-color .3s ease;justify-content:space-between;align-items:center;display:flex;width:100%}.rac-loading-prop{transition:border-color .3s ease;justify-content:space-between;min-width:max(10em,15%);align-items:center;padding:.75em 1em;display:flex;margin:0}.rac-loading-value,.rac-loading-default{transition:border-color .3s ease;transform-origin:"center center";padding:.75em 1em;min-width:8em;max-width:8em;margin:0}.rac-loading-value{border-left:1px solid #1f293780}.rac-loading-default{font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace}.rac-loading-text{text-wrap:nowrap;padding:1em;width:100%}.rac-hotkeys{transition:border-color .3s ease;justify-content:space-around;border:1px solid #1f293780;background-color:#0e111a;margin-top:.75em;position:relative;overflow-x:auto;padding:1.25em;display:flex;width:100%}.rac-hotkeys:hover{border-color:#8b5cf64d}.rac-hotkeys:hover .rac-hotkey-container,.rac-hotkeys:hover .rac-hotkey-desc,.rac-hotkeys:hover .rac-hotkey-container:after{border-color:#8b5cf64d}@media(max-width:1280px){.rac-hotkeys{grid-area:2 / 1 / auto / -1;-webkit-hyphens:auto;hyphens:auto;margin:0}}@media(max-width:1280px){.rac-hotkeys:last-child{margin-top:.5em}}.rac-hotkey-container{transition:border-color .3s ease;flex-direction:column;align-items:center;position:relative;padding-right:2%;margin-right:2%;display:flex;gap:1em}.rac-hotkey-container:after{border-right:1px solid #1f293780;transition:border-color .3s ease;position:absolute;height:100%;content:"";right:0%}.rac-hotkey-container:last-child:after{display:none}.rac-hotkey-container:last-child{border:none;width:50%;padding:0;margin:0}.rac-hotkey-container:first-child,.rac-hotkey-container:nth-child(2){width:max(15%,10em)}.rac-hotkey-container:nth-child(2){width:max(20%,12em)}.rac-hotkey-desc{transition:border-color .3s ease;border-top:1px solid #1f293780;align-items:center;padding-top:.5em;text-wrap:nowrap;display:flex;height:100%}.rac-keyboard{justify-content:space-between;align-items:center;width:fit-content;display:flex;gap:.75em;margin:0}.rac-states-desc{text-justify:inter-word;text-align:justify}@media(max-width:1280px){.rac-states-desc{padding-top:.25em;grid-column:1 / -1;-webkit-hyphens:auto;hyphens:auto;grid-row:2;margin:0}}.rac-group-desc{text-justify:inter-word;text-align:justify}.rac-group-checkbox{transition:border-color .3s ease;border:1px solid #1f293780;overflow-x:auto;padding:1em}.rac-group-checkbox:last-child{height:7.26em}.rac-group-checkbox:hover,.rac-group-checkbox:hover .rac-children-first{border-color:#8b5cf64d}.rac-children-first{align-items:center;cursor:pointer;display:flex}.rac-children-first:first-child{border-bottom:1px solid #1f293780;transition:border-color .3s ease;padding-bottom:1em;margin-bottom:1em}.rac-child-title{color:#9cdcfe;padding-right:.25em;padding-left:2.25em;font-weight:400;margin:0}.rac-group-container{border-bottom:1px solid #1f293780;transition:border-color .3s ease;border-top:1px solid #1f293780;position:relative}.rac-group-container:hover{border-color:#8b5cf64d}.rac-group-container:hover:after{border-color:#8b5cf64d}.rac-group-container:hover:before{border-color:#8b5cf64d}.rac-group-container:after{border-left:1px solid #1f293780;transition:border-color .3s ease;position:absolute;height:100%;content:"";left:0%;top:0}.rac-group-container:before{border-left:1px solid #1f293780;transition:border-color .3s ease;position:absolute;height:100%;content:"";right:0%;top:0}.rac-group-container:last-child{border-right:1px solid #1f293780}.rac-groups-jsx{grid-template-columns:repeat(3,auto);justify-content:center;position:relative;flex-wrap:wrap;display:grid;display:flex}.rac-loading{border-bottom:.1px solid #8b5cf64d;flex-direction:column;padding-bottom:1.5em;margin-bottom:1.5em;display:flex;width:100%}.rac-loading-desc{text-justify:inter-word;padding-bottom:1em;text-align:justify}.rac-loading-input-container{border-right:1px solid #1f293780;border-left:1px solid #1f293780;transition:border-color .3s ease;position:relative;cursor:pointer;display:flex}.rac-loading-input{background-color:#1a1a24;padding:.75em 1em;min-width:128px;max-width:128px;height:3.9em;outline:none;border:none}.rac-loading-input:hover+.rac-loading-input-edit{opacity:1}.rac-loading-input:focus+.rac-loading-input-edit{opacity:0}.rac-loading-input-edit{color:#a855f780;transition:opacity .3s;pointer-events:none;position:absolute;right:.25em;opacity:0;top:25%}.rac-loaded-succesfully{background-color:#a855f733;border:1px solid rgba(168,85,247,.3);border-radius:.5rem;margin-bottom:1em;width:fit-content;align-self:center;color:#c084fc;cursor:pointer;height:3.25rem;display:flex;width:9rem}.rac-loaded-succesfully:hover .rac-loaded-button{color:#e5e7eb}.rac-loaded-button{transition:color .3s ease-in-out;background-color:transparent;color:var(--rac-color-4);justify-content:start;align-items:center;position:relative;cursor:pointer;display:flex;outline:none;border:none;gap:.75em;padding:0;width:100%}.rac-loaded-button:hover{color:#e5e7eb}.rac-loaded-container{justify-content:space-between;padding-right:.25em;align-items:center;display:flex;width:100%}.rac-loaded-icon{min-height:1.5rem;min-width:1.5rem;right:.25em}.rac-loaded{justify-content:center;display:grid}.rac-animations{justify-content:space-around;border:.1px solid #161c27;align-items:center;padding:1em .5em;position:relative;flex-wrap:wrap;display:flex;gap:.75em}@media(max-width:1150px){.rac-animations{grid-template-columns:repeat(2,1fr);display:grid}}@media(max-width:600px){.rac-animations{flex-direction:column;align-items:start;display:flex}}.rac-animations-desc{text-justify:inter-word;text-align:justify}@media(max-width:600px){.rac-animations-title{width:30%}}.rac-animations-container{justify-content:center;width:max(20%,10em);align-items:center;display:flex;gap:.75em}@media(max-width:1150px){.rac-animations-container{justify-content:start;width:100%}}.rac-animations-container:after{border-right:1px solid #1f293780;transition:border-color .3s ease;position:absolute;cursor:default;height:80%;content:"";left:24.5%;top:10%}@media(max-width:1150px){.rac-animations-container:after{left:48%}}@media(max-width:600px){.rac-animations-container:after{display:none}}@media(max-width:1150px){.rac-animations-container:nth-child(1):after{display:none}}.rac-animations-container:nth-child(2):after{left:52.5%}@media(max-width:1150px){.rac-animations-container:nth-child(2):after{display:none}}.rac-animations-container:nth-child(3):after{left:77.5%}@media(max-width:1150px){.rac-animations-container:nth-child(3):after{display:none}}.rac-animations-container:last-child{cursor:pointer}.rac-animations .rac-animations-container:nth-child(2){width:max(20%,15em)}@media(max-width:600px){.rac-animations .rac-animations-container:nth-child(2){width:100%}}.rac-animations-container:last-child .rac-animations-title{padding-right:1em}.rac-animations-select{--rac-select-min-height: 1em;--rac-cancel-height: 1em;--rac-arrow-height: 1em;--rac-cancel-width: 1em;--rac-arrow-width: 1em;padding:.5em;border:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.slider-container{align-items:center;position:relative;display:flex;height:1.5em;width:8em}@media(max-width:600px){.slider-container{width:100%}}.slider-track{background-color:#1a1a24;position:relative;border-radius:3px;width:100%;height:6px;z-index:1}.slider-fill{background-color:#a855f733;width:var(--progress);position:absolute;border-radius:3px;height:100%}.slider-thumb{position:absolute;top:50%;left:var(--progress);width:1em;height:1em;background-color:#c084fc;border:2px solid rgb(183,107,255);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003;pointer-events:none}.slider-native:focus-visible~.slider-track{outline:2px solid black;outline-offset:4px}.rac-debug-props{border:.1px solid #161c27;flex-direction:column;padding:.25em 1em;display:flex}.rac-debug-container{border-bottom:.1px solid #161c27;align-items:center;display:flex}.rac-debug-container:last-child{border:none}.rac-debug-title-container{border-right:.1px solid #161c27;justify-content:space-between;padding-right:.5em;margin-right:.5em;align-items:center;cursor:pointer;min-width:9em;display:flex;height:2.5em}.rac-debug-container:nth-last-child(-n+2) .rac-debug-title-container{cursor:default}.rac-debug-container:nth-last-child(-n+2) .rac-debug-title{cursor:text}.rac-debug-title{margin:0}.rac-checkbox-container{position:relative}.rac-check-mark{transition:transform .5s cubic-bezier(.34,2.8,.64,1),opacity .2s ease;position:absolute;transform:scale(.5);color:#c084fc;height:1.2em;left:-1.25em;top:-.65em;width:1.1em;opacity:0}.rac-check-box{height:fit-content;position:absolute;color:#c084fc;height:1.6em;left:-1.4em;top:-.85em;width:1.4em}.--checked{transform:scale(1);opacity:1}.rac-debug-desc{text-justify:inter-word;text-align:justify}.rac-debug{border-bottom:.1px solid rgba(168,85,247,.3);flex-direction:column;padding-bottom:1.5em;margin-bottom:1.5em;display:flex;width:100%;gap:1em}.rac-icons-props{border:.1px solid #161c27;flex-direction:column;overflow-y:auto;display:flex}.rac-icons-container{min-width:max-content;white-space:nowrap;position:relative;display:flex}.rac-icons-container:last-child{padding-bottom:0;border-bottom:0;margin-bottom:0}.rac-icons-container:after{border-bottom:1px solid #1f293780;transition:border-color .3s ease;position:absolute;width:100%;content:"";right:0%;top:0}@media(max-width:1024px){.rac-icons-container{height:3.5em}}.rac-icons-title-container{transition:.3s border-color;border:2px dashed transparent;align-items:center;padding-left:.5em;padding-right:1em;position:relative;cursor:pointer;min-width:11em;height:3.5em;display:flex;gap:.75em}.rac-icons-title-container:hover{border-color:#c084fc}.rac-icons-title-container:hover .rac-icons-upload{transform:scale(1);opacity:1}.rac-icons-title{margin:0}.rac-icons-upload{transition:transform .5s cubic-bezier(.34,1.8,.64,1),opacity .2s ease;transform:scale(.5);color:#c084fc;opacity:0}.rac-icon-desc{border-left:.1px solid #161c27;align-items:center;padding:0 .5em;display:flex}.rac-icons-icon{align-items:center;display:flex;height:1.5em;width:1.5em}.rac-file-icons{position:absolute;right:.25em;top:.8em}.rac-icons-container *{pointer-events:none}.rac-icons-container label,.rac-icons-container input{pointer-events:auto}.rac-icons-desc{text-justify:inter-word;text-align:justify}.rac-styling-container{border-right:1px solid #1f293780;border-left:1px solid #1f293780;overflow-x:auto!important;overflow-y:hidden}.rac-styling-item{align-items:center;position:relative;padding-left:1em;display:flex;width:100%}.rac-styling-item:last-child{margin-bottom:1em}.rac-styling-item:after{border-bottom:1px solid #1f293780;transition:border-color .3s ease;position:absolute;width:100%;content:"";right:0%;top:0}.rac-styling-item:last-child:before{border-bottom:1px solid #1f293780;transition:border-color .3s ease;position:absolute;width:100%;content:"";right:0%;bottom:0}.rac-styling-title{text-wrap:nowrap;min-width:17em;max-width:17em;margin:0}.rac-styling-value{border-left:.1px solid #161c27;align-items:center;padding:0 .5em;text-wrap:nowrap;overflow-y:auto;max-width:20em;min-width:20em;display:flex;height:3em}.rac-styling-desc{border-left:.1px solid #161c27;padding:0 .5em;text-wrap:nowrap}.rac-styling-maintitle{margin:0}.rac-styling-label{transition:.3s padding-bottom,.3s border-color;border-bottom:1px solid #1f293780;justify-content:space-between;padding-bottom:1em;align-items:center;margin-bottom:1em;cursor:pointer;display:flex;gap:1em}.rac-styling-icon{transition:transform .5s}.rac-multiple{border-bottom:.1px solid rgba(168,85,247,.3);flex-direction:column;padding-bottom:1em;margin-bottom:1em;display:flex;width:100%}.rac-multiple-feature{padding-left:1em;margin:0}.rac-multiple-desc{text-justify:inter-word;flex-direction:column;padding-bottom:1em;text-align:justify;padding-top:.5em;display:flex;gap:1em}.rac-multiple-subtitle{grid-template-columns:min-content 1fr;align-items:center;display:flex;gap:.5em}@media(max-width:1350px){.rac-multiple-subtitle{display:grid}}.rac-multiple-h4{margin:0}.rac-multiple-subfeature{margin-left:2em}.rac-multiple-subtitle+.rac-multiple-subfeature{padding-bottom:.5em}.rac-safety-desc{text-justify:inter-word;flex-direction:column;padding-bottom:.5em;text-align:justify;padding-top:.5em;display:flex;gap:1em}.rac-safety-options{flex-wrap:wrap;display:flex}.rac-safety-container{transition:border-color .3s ease;border:1px solid #1f293780;margin-bottom:.5em;align-items:center;margin-right:.5em;display:flex}.rac-safety-container:hover{border-color:#8b5cf64d}.rac-safety-code{padding:.5em .75em!important;min-width:fit-content;margin:0!important;align-items:center;height:fit-content;display:flex;padding:1em}.rac-safety-add{grid-template-columns:minmax(0,auto) min-content;display:inline-grid;align-items:center;width:fit-content;overflow:hidden;max-width:100%;gap:.5em}.rac-safety-add:after{content:attr(data-value) " ";border:1px solid #1f293780;visibility:hidden;padding:0 .75em;grid-area:1 / 1;white-space:pre;font:inherit;min-width:0}.rac-safety-input{transition:border-color .3s ease;border:1px solid #1f293780;background-color:#1a1a24;color:var(--rac-text);text-overflow:clip;padding:0 .75em;grid-area:1 / 1;height:3.75em;font:inherit;outline:none;min-width:0;width:100%}.rac-safety-input:hover,.rac-safety-input:focus{border-color:#8b5cf64d}.rac-safety-plus{transition:color .3s ease;color:var(--rac-color-4);grid-area:1 / 2;cursor:pointer}.rac-safety-plus:hover{color:var(--rac-text)}.rac-safety-title{margin:0}.rac-safety-interactive{flex-direction:column;padding-bottom:1em;display:flex;gap:1em}.rac-safety-delete{transition:color .3s ease;color:var(--rac-color-4);margin-right:.25rem;cursor:pointer;height:1.25em;width:1.25em}.rac-safety-delete:hover{color:var(--rac-color-2)}.rac-safety{justify-content:space-between;border:1px solid #1f293780;padding:.5em .5em 0;grid-auto-flow:column;align-items:center;overflow-y:auto;display:flex}.rac-safety-x{transition:color .3s ease;color:var(--rac-color-4);margin-top:-.5em;min-height:2em;cursor:pointer;min-width:2em}.rac-safety-x:hover{color:var(--rac-color-2)}.rac-author{flex-direction:column;display:flex;width:100%}.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:#c084fc;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}.rac-llm-head{justify-content:space-between;padding:0 0 .5em;width:fit-content;display:flex;min-width:0;border:none;gap:.25em;margin:0}.rac-llm-desc{padding:0 0 1em}.rac-llm-field{align-items:center;position:relative;display:flex}.rac-llm-input{transition:border-color .3s ease,height .3s;border:1px solid #1f293780;background-color:#1a1a24;padding:1em 3em 1em 1em;color:var(--rac-text);field-sizing:content;text-overflow:clip;overflow:hidden;height:3.75em;font:inherit;outline:none;resize:none;width:100%;margin:0}.rac-llm-input:hover,.rac-llm-input:focus{border-color:#8b5cf64d}.rac-llm-input:disabled{border-color:transparent;will-change:filter;filter:blur(1.5px);cursor:wait}.rac-send-icon,.rac-mic-icon{background-color:transparent;color:var(--rac-color-4);transition:color .3s;position:absolute;cursor:pointer;right:.75em;border:none;padding:0}:is(.rac-send-icon,.rac-mic-icon):hover,:is(.rac-send-icon,.rac-mic-icon):focus{color:var(--rac-text)}.recording{color:var(--rac-color-5)}.recording:before,.recording:after{background:currentColor;pointer-events:none;position:absolute;border-radius:50%;cursor:grabbing;content:"";z-index:1;opacity:0;inset:0}.recording:before{animation:pulse 3s infinite cubic-bezier(.25,1,.5,1)}.recording:after{animation:pulse 3s infinite cubic-bezier(.25,1,.5,1) 1.5s}.recording:hover,.recording:focus{color:var(--rac-color-5)}@keyframes pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(2.2);opacity:0}}#rac-llm-answer{border-radius:.5em;overflow:hidden}.rac-answer-height{pointer-events:none;position:absolute;visibility:hidden;z-index:-1}.rac-llm-loading{position:absolute;right:.5em;width:3.5em;cursor:wait}.rac-cat-loading{transform:rotate(95deg)}.--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-llm-thinking{position:absolute;padding:1em;cursor:wait}.rac-loading-inline{display:inline-flex;gap:.25em}.rac-loading-inline i{animation:blink var(--rac-dots-animation-duration) infinite both;background:var(--rac-dots-color, currentColor);border-radius:50%;height:.25em;width:.25em}.rac-loading-inline i:nth-child(1){animation-delay:var(--rac-dots-animation-delay-1)}.rac-loading-inline i:nth-child(2){animation-delay:var(--rac-dots-animation-delay-2)}.rac-loading-inline i:nth-child(3){animation-delay:var(--rac-dots-animation-delay-3)}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.rac-llm-loadholder{padding-right:.25em;text-wrap:nowrap}.rac-llm-container{position:absolute;overflow:hidden;cursor:wait;height:100%;width:100%}.rac-answer-container{overflow:hidden}.rac-server-busy{animation:server-overload 2.5s ease-in-out infinite;color:#b22222;position:absolute;right:4.5em;height:100%;width:2em}@keyframes server-overload{0%{opacity:.4;filter:saturate(.7) brightness(.9)}50%{opacity:1;filter:saturate(1.4) brightness(1.1)}to{opacity:.4;filter:saturate(.7) brightness(.9)}}