@layer components{.MenuPositioner{z-index:1;outline:0}.MenuPopup{max-width:var(--available-width);max-height:var(--available-height);border-radius:var(--radius-8);background-color:var(--color-popup);cursor:default;-webkit-user-select:none;user-select:none;outline:0;min-width:min-content;padding-block:.25rem;overflow:hidden}@media (prefers-color-scheme:light){.MenuPopup{box-shadow:0 0 1px var(--blackA-4),0 .5px 1px var(--blackA-3),0 1px 3px var(--blackA-1),0 2px 4px -1px var(--blackA-1),0 4px 12px -2px var(--blackA-1),0 4px 16px -4px var(--blackA-1)}}@media (prefers-color-scheme:dark){.MenuPopup{box-shadow:inset 0 0 0 1px var(--gray-c3)}}.MenuItem{font-size:var(--font-size-13);white-space:nowrap;z-index:0;height:1.75rem;color:var(--gray-t2);outline:0;align-items:center;gap:.5rem;padding-inline:.75rem;line-height:1;text-decoration:none;display:flex}.MenuItem[data-highlighted]{color:#fff;position:relative}@media (prefers-color-scheme:dark){.MenuItem[data-highlighted]{color:#000}}.MenuItem[data-highlighted]:before{content:"";z-index:-1;border-radius:var(--radius-4);background-color:var(--gray-t2);position:absolute;inset-block:0;inset-inline:.25rem}@media (prefers-color-scheme:dark){.MenuItem[data-highlighted]:before{background-color:#fff}}@media (pointer:coarse){.MenuItem{font-size:var(--font-size-15);height:2.25rem}}.MenuSeparator{background-color:var(--gray-c2);height:1px;margin-block:.25rem;margin-inline:.25rem}}
@layer components{.SelectPositioner{z-index:1;outline:0}.SelectPopup{max-width:var(--available-width);max-height:var(--available-height);border-radius:var(--radius-8);background-color:var(--color-popup);cursor:default;-webkit-user-select:none;user-select:none;outline:0;min-width:min-content;padding-block:.25rem;overflow:hidden}@media (prefers-color-scheme:light){.SelectPopup{box-shadow:0 0 1px var(--blackA-4),0 .5px 1px var(--blackA-3),0 1px 3px var(--blackA-1),0 2px 4px -1px var(--blackA-1),0 4px 12px -2px var(--blackA-1),0 4px 16px -4px var(--blackA-1)}}@media (prefers-color-scheme:dark){.SelectPopup{box-shadow:inset 0 0 0 1px var(--gray-c3)}}.SelectItem{font-size:var(--font-size-13);white-space:nowrap;z-index:0;outline:0;grid-template-columns:.625rem 1rem .375rem auto 1.75rem;align-items:center;height:1.75rem;line-height:1;display:grid}.SelectItem[data-highlighted]{color:#fff;position:relative}@media (prefers-color-scheme:dark){.SelectItem[data-highlighted]{color:#000}}.SelectItem[data-highlighted]:before{content:"";z-index:-1;border-radius:var(--radius-4);background-color:var(--gray-t2);position:absolute;inset-block:0;inset-inline:.25rem}@media (prefers-color-scheme:dark){.SelectItem[data-highlighted]:before{background-color:#fff}}@media (pointer:coarse){.SelectItem{font-size:var(--font-size-15);grid-template-columns:.5rem 1rem .5rem auto 1.5rem;height:2.25rem}}.SelectItemIndicator{grid-column:2;width:100%;height:auto;margin-top:-1px}.SelectItemText{grid-column:4}}
@layer components{.DemoRoot{background-color:var(--color-content);border:1px solid var(--gray-c2);border-radius:var(--radius-6);margin-bottom:var(--space-24);--shadow-1:0 1px 1px 0 var(--blackA-1),0 2px 1px -1px var(--blackA-1),0 1px 3px 0 var(--blackA-1);--shadow-2:0 1px 1px 0 var(--blackA-1),0 1px 3px -1px var(--blackA-1),0 4px 8px -2px var(--blackA-1);--shadow-3:0 1px 1px 0 var(--blackA-1),0 2px 6px -1px var(--blackA-1),0 6px 12px -3px var(--blackA-1),0 8px 16px -4px var(--blackA-1);--shadow-4:0 1px 1px 0 var(--blackA-1),0 2px 4px -1px var(--blackA-1),0 4px 8px -2px var(--blackA-1),0 12px 32px -6px var(--blackA-3),0 20px 48px -10px var(--blackA-1);--shadow-5:0 10px 32px var(--blackA-5),0 1px 1px var(--blackA-1),0 4px 6px var(--blackA-2),0 1px 1px var(--blackA-2),0 24px 68px var(--blackA-4)}.DemoPlaygroundExternalLink{position:absolute;top:.75rem;right:1.125rem}.DemoPlayground{background-color:var(--color-content);border-top-left-radius:var(--radius-6);border-top-right-radius:var(--radius-6);overscroll-behavior-x:contain;scrollbar-width:thin;position:relative;overflow:auto hidden}.DemoPlayground:focus-visible{outline:2px solid var(--gray-t2);outline-offset:-1px;z-index:1}.DemoPlaygroundInner{justify-content:center;align-items:center;min-width:fit-content;min-height:8rem;padding:2rem 1.5rem;display:flex}.DemoToolbar{font-size:var(--font-size-13);white-space:nowrap;color:var(--gray-t2);background-color:var(--gray-s2);border-block:1px solid var(--gray-c2);padding:0;-webkit-user-select:none;user-select:none;overscroll-behavior-x:contain;scrollbar-width:none;background-clip:padding-box;align-items:center;gap:2rem;height:2.25rem;padding-inline-start:.75rem;line-height:1.25rem;display:flex;overflow:auto hidden}.DemoToolbar::-webkit-scrollbar{display:none}.DemoToolbar:focus-visible{outline:2px solid var(--gray-t2);outline-offset:-1px;z-index:1;position:relative}.DemoToolbarActions{position:relative}@media (min-width:48rem){.DemoToolbarActions{padding-left:1rem;position:sticky}}.DemoToolbarActions{background-color:var(--gray-s2);align-items:center;gap:.25rem;height:100%;margin-left:auto;padding-right:.5rem;display:flex;right:0}.DemoToolbarActions:before{content:"";background:linear-gradient(to right,transparent,var(--gray-s2));pointer-events:none;width:24px;height:100%;position:absolute;top:0;left:-24px}.DemoFilename{font-family:var(--font-mono);color:var(--color-foreground);-webkit-user-select:text;user-select:text;border-radius:var(--radius-4);font-weight:700}.DemoFilename:hover{text-decoration:underline}.DemoFilename:focus-visible{outline:2px solid var(--gray-t2)}.DemoTabsList{gap:2px;margin-inline-start:-.5rem;display:flex}.DemoTab{font-family:var(--font-mono);z-index:0;border-radius:var(--radius-8);outline:0;justify-content:center;align-items:center;height:1.75rem;padding-inline:.5rem;line-height:1;display:inline-flex;position:relative}@media (hover:hover){.DemoTab:hover{background-color:var(--gray-c2)}}.DemoTab[data-active]{color:var(--color-foreground);font-weight:var(--font-weight-700);background-color:#fff}@media (prefers-color-scheme:light){.DemoTab[data-active]{box-shadow:0 0 1px var(--blackA-4),0 .5px 1px var(--blackA-3),0 1px 3px var(--blackA-1),0 2px 4px -1px var(--blackA-1),0 4px 12px -2px var(--blackA-1),0 4px 16px -4px var(--blackA-1)}}@media (prefers-color-scheme:dark){.DemoTab[data-active]{background-color:var(--gray-c2)}}.DemoTab:focus-visible{outline:2px solid var(--gray-t2);outline-offset:-1px}.DemoCodeBlockRoot{outline:0;flex-direction:column;display:flex;position:relative}.DemoCodeBlockRoot[data-closed]:before{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff9);height:7.5rem;position:absolute;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){.DemoCodeBlockRoot[data-closed]:before{background:linear-gradient(#0000,#0009)}}.DemoCodeBlockViewport{overscroll-behavior-x:contain}.DemoCodeBlockViewport[data-closed]{max-height:calc(8.75lh + .5rem);overflow:hidden}.DemoSourceBrowser{cursor:text;font-size:.8125rem;line-height:1.25rem;display:flex}.DemoSourceBrowser pre{flex-grow:1;display:flex}.DemoSourceBrowser code{padding:.5rem 0}.DemoSourceBrowser code .frame{padding-left:.75rem;padding-right:.75rem;display:block}.DemoSourceBrowser code .frame[data-lined]{white-space:normal;padding-left:0;padding-right:0;display:block}.DemoSourceBrowser code .frame[data-lined] .line{white-space:pre;padding-left:.75rem;padding-right:.75rem;display:block}.DemoCollapseButton{font-size:var(--font-size-13);background-color:var(--gray-s2);cursor:default;width:100%;color:var(--gray-t2);border-top:1px solid var(--gray-c2);-webkit-user-select:none;user-select:none;background-clip:padding-box;border-bottom:1px solid #0000;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;height:2.25rem;margin-bottom:-1px;line-height:1.25rem}.DemoCollapseButton[data-sticky]{z-index:1;position:sticky;bottom:-1px}@media (hover:hover){.DemoCollapseButton:hover{background-color:var(--gray-c1)}}.DemoCollapseButton:active{background-color:color-mix(in oklch,var(--gray-c1),var(--gray-t2)5%)}.DemoCollapseButton:focus-visible{outline:2px solid var(--gray-t2);outline-offset:-1px;z-index:1}}
/*# sourceMappingURL=b7955c0dc6261800.css.map*/