:root{box-sizing:border-box;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--first-color-light: #d3d3d3;--second-color-light: #dfcece;--mix-color-light: #bdb1b1;--top-color-light: #bcbcbc;--first-color-dark: #111111;--second-color-dark: #362a2a;--mix-color-dark: #4d3232;--top-color-dark: rgb(10, 10, 10);--button-color: #9e9b9b;--scene-background: radial-gradient( circle, var(--first-color-light) 0%, var(--mix-color-light) 30%, var(--second-color-light) 50% );--boddy-background: #d3d3d3;--background-image: linear-gradient( to top, var(--first-color-light) 0%, var(--first-color-light) 1%, var(--second-color-light) 5%, var(--second-color-light) 48%, var(--second-color-light) 85%, var(--top-color-light) 100% );font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:var(--boddy-background);background-image:var(--background-image)}.light-body{--text-color: rgb(38, 37, 37);background:var(--boddy-background);background-image:var(--background-image)}.dark-body{--text-color: lightgrey;--scene-background: radial-gradient( circle, var(--first-color-dark) 0%, var(--mix-color-dark) 30%, var(--second-color-dark) 50% );background:#111;background-image:linear-gradient(to top,var(--first-color-dark) 0%,var(--first-color-dark) 1%,var(--second-color-dark) 5%,var(--second-color-dark) 48%,var(--second-color-dark) 85%,var(--top-color-dark) 100%)}aside{font-size:.8em}h1{font-size:6.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(min-width:578px){.body-light,.body-dark{background-image:nonoe}}#root{max-width:1280px;min-width:85vw;max-height:95vh;min-height:85vh;margin:auto;text-align:center}main{margin:0;width:99%;height:95%;display:flex;flex-direction:column;align-items:center;justify-content:center}.reacr-aria-Select{margin-left:0}#scene{margin:0 auto;padding:3em 0;display:flex;align-content:center;align-items:center;justify-content:center;width:clamp(min(20vw,350px),80%,max(700px,80vw));height:clamp(min(20vh,350px),85%,max(700px,90vh));background:var(--scene-background)}section{width:100%}.controls{display:flex;flex-direction:row;justify-content:center;gap:1em}.fallback{margin:auto;width:100%;font-size:5em}.backBtn{position:relative;margin-top:500px;margin-left:-60vw;width:5em;height:4em}.openBtn{position:relative;margin-top:300px;margin-left:-60vw}.dimen{color:#fff;text-shadow:#000 2px 2px 2px;transform:translate(15px,-15px)}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media(max-width:578px){#root{margin:0;height:100vh}.light-body,.dark-body{background-image:none}main{width:100vw;height:100vh;padding:0}#scene{background-image:none;padding:0;margin:5% auto 0;width:100%}#scene>div{height:clamp(300px,100%,500px);width:clamp(200px,90%,400px)}#buttons{display:flex;flex-direction:row;gap:1em;justify-content:space-evenly;align-items:top}.controls{width:30%;display:flex;flex-direction:column;justify-content:center;gap:1em}aside{margin-top:2em}}.react-aria-Heading{margin:0}.react-aria-ListBox{max-height:inherit;overflow:auto;border:.5px solid var(--border-color);border-radius:calc(var(--radius) + var(--spacing-1));background:var(--overlay-background);forced-color-adjust:none;outline:none;box-sizing:border-box;font:var(--font-size) system-ui;color:var(--text-color)}.react-aria-ListBox:has(.react-aria-ListBoxSection){scroll-padding:24px}.react-aria-ListBox[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-ListBox[data-empty]{align-items:center;justify-content:center;font-style:italic}.react-aria-ListBox[data-drop-target]{outline:2px solid var(--highlight-background);outline-offset:-1px;background:var(--highlight-overlay)}.react-aria-ListBox .react-aria-DropIndicator[data-drop-target]{z-index:3;outline:1px solid var(--highlight-background)}.react-aria-ListBoxSection .react-aria-Header{position:sticky;top:-.5px;z-index:2;font-size:var(--font-size-sm);font-weight:600;font-variation-settings:initial;padding:var(--spacing-1) var(--spacing-4);background:var(--gray-100);border-block:.5px solid var(--gray-400);cursor:default;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px #fff,inset 0 -4px 8px var(--gray-200)}@media(prefers-color-scheme:dark){.react-aria-ListBoxSection .react-aria-Header{box-shadow:inset 0 4px 8px var(--gray-200)}}.react-aria-ListBoxSection:first-child .react-aria-Header{margin-top:-.5px}.react-aria-ListBoxItem{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius);outline:none;cursor:default;color:var(--text-color);font:var(--font-size) system-ui;display:flex;flex-direction:column;justify-content:center;min-height:var(--spacing-8);box-sizing:border-box;position:relative;transition-property:background,color,border-radius;transition-duration:.2s;-webkit-tap-highlight-color:transparent;--border-color: var(--gray-300)}.react-aria-ListBoxItem:not(:last-child):after{content:"";display:block;position:absolute}.react-aria-ListBoxItem[data-pressed]{background:var(--highlight-hover);border-radius:var(--radius)}.react-aria-ListBoxItem[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-2px;z-index:2}.react-aria-ListBoxItem[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground);--border-color: transparent}.react-aria-ListBoxItem[data-selected][data-focus-visible]{outline-color:var(--highlight-foreground);outline-offset:-4px}.react-aria-ListBoxItem[data-selected][data-pressed]{background:var(--highlight-background-pressed)}.react-aria-ListBoxItem[data-selected]:has(+[data-selected]),.react-aria-ListBoxItem[data-selected]:has(+.react-aria-DropIndicator+[data-selected]){--border-color: rgb(255 255 255 / .3)}.react-aria-ListBoxItem [slot=label]{font-weight:500}.react-aria-ListBoxItem [slot=description]{font-size:var(--font-size-sm)}.react-aria-ListBoxItem[href]{text-decoration:none;cursor:pointer;-webkit-touch-callout:none}.react-aria-ListBoxItem[data-disabled]{color:var(--text-color-disabled)}.react-aria-ListBoxItem[data-dragging]{opacity:.6}.react-aria-ListBoxItem[data-drop-target]{outline:2px solid var(--highlight-background);background:var(--highlight-overlay)}.react-aria-ListBox[data-layout=stack]{display:flex}.react-aria-ListBox[data-layout=stack][data-orientation=vertical]{flex-direction:column;width:250px;max-height:300px;min-height:100px}.react-aria-ListBox[data-layout=stack][data-orientation=vertical] .react-aria-ListBoxItem{margin-inline:var(--spacing-1)}.react-aria-ListBox[data-layout=stack][data-orientation=vertical] .react-aria-ListBoxItem:where(:nth-child(1 of.react-aria-ListBoxItem)){margin-top:var(--spacing)}.react-aria-ListBox[data-layout=stack][data-orientation=vertical] .react-aria-ListBoxItem:where(:nth-last-child(1 of.react-aria-ListBoxItem)){margin-bottom:var(--spacing)}[role=presentation]>:is(.react-aria-ListBox[data-layout=stack][data-orientation=vertical] .react-aria-ListBoxItem){margin:0}.react-aria-ListBox[data-layout=stack][data-orientation=vertical] .react-aria-ListBoxItem:not(:last-child):after{bottom:0;width:calc(100% - var(--spacing-6));border-bottom:.5px solid var(--border-color)}.react-aria-ListBox[data-layout=stack][data-orientation=vertical] .react-aria-ListBoxItem[data-selected]:has(+[data-selected]),.react-aria-ListBox[data-layout=stack][data-orientation=vertical] .react-aria-ListBoxItem[data-selected]:has(+.react-aria-DropIndicator+[data-selected]){border-end-start-radius:0;border-end-end-radius:0}.react-aria-ListBox[data-layout=stack][data-orientation=vertical] .react-aria-ListBoxItem[data-selected]+[data-selected],.react-aria-ListBox[data-layout=stack][data-orientation=vertical] .react-aria-ListBoxItem[data-selected]+.react-aria-DropIndicator+[data-selected]{border-start-start-radius:0;border-start-end-radius:0}.react-aria-ListBox[data-layout=stack][data-orientation=horizontal]{flex-direction:row;width:100%}.react-aria-ListBox[data-layout=stack][data-orientation=horizontal] .react-aria-ListBoxItem{min-width:max-content;margin-block:var(--spacing-1)}.react-aria-ListBox[data-layout=stack][data-orientation=horizontal] .react-aria-ListBoxItem:nth-child(1 of.react-aria-ListBoxItem){margin-inline-start:var(--spacing)}.react-aria-ListBox[data-layout=stack][data-orientation=horizontal] .react-aria-ListBoxItem:nth-last-child(1 of.react-aria-ListBoxItem){margin-inline-end:var(--spacing)}.react-aria-ListBox[data-layout=stack][data-orientation=horizontal] .react-aria-ListBoxItem:not(:last-child):after{inset-inline-end:0;height:calc(100% - var(--spacing-2));border-inline-end:.5px solid var(--border-color)}.react-aria-ListBox[data-layout=stack][data-orientation=horizontal] .react-aria-ListBoxItem[data-selected]:has(+[data-selected]),.react-aria-ListBox[data-layout=stack][data-orientation=horizontal] .react-aria-ListBoxItem[data-selected]:has(+.react-aria-DropIndicator+[data-selected]){border-start-end-radius:0;border-end-end-radius:0}.react-aria-ListBox[data-layout=stack][data-orientation=horizontal] .react-aria-ListBoxItem[data-selected]+[data-selected],.react-aria-ListBox[data-layout=stack][data-orientation=horizontal] .react-aria-ListBoxItem[data-selected]+.react-aria-DropIndicator+[data-selected]{border-start-start-radius:0;border-end-start-radius:0}.react-aria-ListBox[data-layout=grid]{display:grid;gap:var(--spacing-1);width:fit-content;max-width:100%;padding:var(--spacing-1)}.react-aria-ListBox[data-layout=grid][data-orientation=vertical]{grid-template-columns:1fr 1fr}.react-aria-ListBox[data-layout=grid][data-orientation=horizontal]{grid-auto-flow:column;grid-template-rows:auto auto;grid-template-columns:none;grid-auto-columns:160px}.react-aria-ListBoxLoadingIndicator{display:flex;align-items:center;justify-content:center;height:24px;width:100%}.dropdown-listbox{display:block;max-height:inherit;overflow:auto;border-radius:inherit;forced-color-adjust:none;outline:none;box-sizing:border-box;font:var(--font-size) system-ui;color:var(--text-color)}.dropdown-listbox[data-empty]{min-height:var(--spacing-8);padding:var(--spacing-2)}.dropdown-listbox .react-aria-Header{padding-left:var(--spacing-7)}.dropdown-item{padding:calc((var(--spacing-8) - 1lh) / 2) var(--spacing-3) calc((var(--spacing-8) - 1lh) / 2) var(--spacing-6);box-sizing:border-box;border-radius:var(--radius);outline:none;cursor:default;color:var(--text-color);font:var(--font-size) system-ui;font-weight:500;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:var(--spacing-8);margin-inline:var(--spacing-1);-webkit-tap-highlight-color:transparent}.dropdown-item:first-of-type{margin-top:var(--spacing)}.dropdown-item:last-of-type{margin-bottom:var(--spacing)}.dropdown-item[data-selected]{font-weight:500;color:var(--text-color)}.dropdown-item[data-selected] .lucide-check{position:absolute;top:50%;left:var(--spacing-1);translate:0 -50%;stroke-width:3px;width:var(--spacing-4);height:var(--spacing-4)}.dropdown-item[data-pressed]{background:var(--highlight-hover)}.dropdown-item[data-focused]{background:var(--highlight-background);color:var(--highlight-foreground)}.dropdown-item [slot=label]{font-weight:500}.dropdown-item [slot=description]{font-size:var(--font-size-sm)}.dropdown-item[data-disabled]{color:var(--text-color-disabled)}.dropdown-item[href]{text-decoration:none;cursor:pointer}:root{--tint: var(--indigo);--gray: oklch(.5 0 0);--red: oklch(.6 .181447 27.0726);--orange: oklch(.7 .150492 54);--yellow: oklch(.8 .128516 73.8032);--turquoise: oklch(.5 .081146 205.114);--cyan: oklch(.4 .142107 243.926);--green: oklch(.5 .121276 155.372);--blue: oklch(.5 .22049 266.315);--indigo: oklch(1 .25049 284.23);--purple: oklch(.7 .223324 302);--pink: oklch(.6 .177717 347.813);--tint-100: oklch(from var(--tint) var(--lightness-100) var(--chroma-100) h);--tint-200: oklch(from var(--tint) var(--lightness-200) var(--chroma-200) h);--tint-300: oklch(from var(--tint) var(--lightness-300) var(--chroma-300) h);--tint-400: oklch(from var(--tint) var(--lightness-400) var(--chroma-400) h);--tint-500: oklch(from var(--tint) var(--lightness-500) var(--chroma-500) h);--tint-600: oklch(from var(--tint) var(--lightness-600) var(--chroma-600) h);--tint-700: oklch(from var(--tint) var(--lightness-700) var(--chroma-700) h);--tint-800: oklch(from var(--tint) var(--lightness-800) var(--chroma-800) h);--tint-900: oklch(from var(--tint) var(--lightness-900) var(--chroma-900) h);--tint-1000: oklch( from var(--tint) var(--lightness-1000) var(--chroma-1000) h );--tint-1100: oklch( from var(--tint) var(--lightness-1100) var(--chroma-1100) h );--tint-1200: oklch( from var(--tint) var(--lightness-1200) var(--chroma-1200) h );--tint-1300: oklch( from var(--tint) var(--lightness-1300) var(--chroma-1300) h );--tint-1400: oklch( from var(--tint) var(--lightness-1400) var(--chroma-1400) h );--tint-1500: oklch( from var(--tint) var(--lightness-1500) var(--chroma-1500) h );--tint-1600: oklch( from var(--tint) var(--lightness-1600) var(--chroma-1600) h );--gray-100: oklch(from var(--gray) var(--lightness-100) c h);--gray-200: oklch(from var(--gray) var(--lightness-200) c h);--gray-300: oklch(from var(--gray) var(--lightness-300) c h);--gray-400: oklch(from var(--gray) var(--lightness-400) c h);--gray-500: oklch(from var(--gray) var(--lightness-500) c h);--gray-600: oklch(from var(--gray) var(--lightness-600) c h);--gray-700: oklch(from var(--gray) var(--lightness-700) c h);--gray-800: oklch(from var(--gray) var(--lightness-800) c h);--gray-900: oklch(from var(--gray) var(--lightness-900) c h);--gray-1000: oklch(from var(--gray) var(--lightness-1000) c h);--gray-1100: oklch(from var(--gray) var(--lightness-1100) c h);--gray-1200: oklch(from var(--gray) var(--lightness-1200) c h);--gray-1300: oklch(from var(--gray) var(--lightness-1300) c h);--gray-1400: oklch(from var(--gray) var(--lightness-1400) c h);--gray-1500: oklch(from var(--gray) var(--lightness-1500) c h);--gray-1600: oklch(from var(--gray) var(--lightness-1600) c h)}:root{--gray-50: #ffffff;--lightness-100: 98.1187%;--lightness-200: 95.2045%;--lightness-300: 91.1434%;--lightness-400: 85.1751%;--lightness-500: 79.1773%;--lightness-600: 72.3297%;--lightness-700: 67.0121%;--lightness-800: 62.3039%;--lightness-900: 57.9699%;--lightness-1000: 51.9076%;--lightness-1100: 46.9058%;--lightness-1200: 41.0821%;--lightness-1300: 35.3616%;--lightness-1400: 29.6725%;--lightness-1500: 24.5366%;--lightness-1600: 16.6959%;--chroma-100: calc(l*c/2) ;--chroma-200: calc(l*c*.6) ;--chroma-300: calc(l*c*.7) ;--chroma-400: calc(l*c*.8) ;--chroma-500: calc(l*c*.9) ;--chroma-600: c;--chroma-700: c;--chroma-800: c;--chroma-900: c;--chroma-1000: c;--chroma-1100: c;--chroma-1200: c;--chroma-1300: c;--chroma-1400: c;--chroma-1500: c;--chroma-1600: c;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15);--overlay-background: var(--gray-50);--overlay-border: rgb(0 0 0 / .06);--popover-shadow: 0 8px 20px rgba(0 0 0 / .12)}@media(prefers-color-scheme:dark){:root{--gray-50: oklch(22% 0 0);--lightness-100: 29.6725%;--lightness-200: 35.3616%;--lightness-300: 41.0821%;--lightness-400: 46.9058%;--lightness-500: 51.9076%;--lightness-600: 57.9699%;--lightness-700: 56.1347%;--lightness-800: 59.2866%;--lightness-900: 62.3039%;--lightness-1000: 67.0121%;--lightness-1100: 72.3297%;--lightness-1200: 79.1773%;--lightness-1300: 85.1751%;--lightness-1400: 91.1434%;--lightness-1500: 95.2045%;--lightness-1600: 100%;--highlight-hover: rgb(255 255 255 / .1);--highlight-pressed: rgb(255 255 255 / .2);--overlay-background: var(--gray-100);--overlay-border: rgb(255 255 255 / .2);--popover-shadow: 0 8px 20px rgba(0 0 0 / .5)}}:root{--focus-ring-color: var(--tint-1000);--text-color: var(--gray-1200);--text-color-hover: var(--gray-1300);--text-color-disabled: var(--gray-600);--text-color-placeholder: var(--gray-1000);--link-color: var(--tint-1200);--link-color-secondary: var(--gray-1200);--link-color-pressed: var(--tint-1300);--border-color: var(--gray-400);--border-color-hover: var(--gray-500);--border-color-disabled: var(--gray-300);--field-text-color: var(--gray-1400);--button-background: var(--tint-50);--button-background-pressed: var(--tint-200);--highlight-background: oklch(from var(--tint) 55% c h);--highlight-background-pressed: oklch(from var(--tint) 50% c h);--highlight-background-invalid: oklch( from var(--red) var(--lightness-900) c h );--highlight-foreground: white;--highlight-overlay: oklch(from var(--tint-1000) l c h / 15%);--invalid-color: oklch(from var(--red) var(--lightness-1000) c h);--field-background: var(--gray-50)}@media(forced-colors:active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--overlay-border: ButtonBorder;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--invalid-color: LinkText}}:root{--font-size: .875rem;--font-size-sm: .75rem;--font-size-lg: 1rem;--radius: 8px;--radius-sm: 6px;--radius-lg: 10px;--radius-xl: 16px;--spacing: .25rem;--spacing-1: var(--spacing);--spacing-2: calc(2 * var(--spacing));--spacing-3: calc(3 * var(--spacing));--spacing-4: calc(4 * var(--spacing));--spacing-5: calc(5 * var(--spacing));--spacing-6: calc(6 * var(--spacing));--spacing-7: calc(7 * var(--spacing));--spacing-8: calc(8 * var(--spacing));--spacing-9: calc(9 * var(--spacing));--spacing-10: calc(10 * var(--spacing))}@media(min-resolution:200dpi){:root{--spacing: .3125rem ;--font-size: 1.0625rem;--font-size-sm: .9375rem;--font-size-lg: 1.25rem}}.react-aria-Select{color:var(--text-color);position:relative;width:200px}.react-aria-Select .react-aria-Button{--button-color: #9e9b9b;padding:0 var(--spacing-2) 0 var(--spacing-3);width:100%;min-width:0}.react-aria-Select .react-aria-Button[data-pressed]{scale:1}.react-aria-Select .react-aria-SelectValue{flex:1;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-aria-Select .react-aria-SelectValue[data-placeholder]{color:var(--text-color-placeholder);font-weight:400}.react-aria-Select .lucide-chevron-down{margin-inline-start:var(--spacing-2)}.react-aria-Select .react-aria-SelectValue [slot=description]{display:none}.select-popover[data-trigger=Select]{width:var(--trigger-width);padding:0}@media(prefers-color-scheme:dark){.react-aria-Button{--button-color: #1a1a1a}}