@layer components{.MenuPositioner{outline:0;z-index:1}.MenuPopup{outline:0;max-width:var(--available-width);max-height:var(--available-height);border-radius:var(--radius-8);background-color:var(--color-popup);overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none;padding-block:.25rem;min-width:min-content;@media (prefers-color-scheme:light){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){box-shadow:inset 0 0 0 1px var(--gray-c3)}}.MenuItem{font-size:var(--font-size-13);outline:0;display:flex;align-items:center;gap:.5rem;height:1.75rem;padding-inline:.75rem;line-height:1;white-space:nowrap;z-index:0;color:var(--gray-t2);text-decoration:none;&[data-highlighted]{position:relative;color:white;@media (prefers-color-scheme:dark){color:black}&:before{content:"";position:absolute;inset-inline:.25rem;inset-block:0;z-index:-1;border-radius:var(--radius-4);background-color:var(--gray-t2);@media (prefers-color-scheme:dark){background-color:white}}}@media (pointer:coarse){font-size:var(--font-size-15);height:2.25rem}}.MenuSeparator{height:1px;margin-block:.25rem;margin-inline:.25rem;background-color:var(--color-border)}.SelectPositioner{outline:0;z-index:1}}@layer components{.SelectPopup{outline:0;max-width:var(--available-width);max-height:var(--available-height);border-radius:var(--radius-8);background-color:var(--color-popup);overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none;padding-block:.25rem;min-width:min-content;@media (prefers-color-scheme:light){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){box-shadow:inset 0 0 0 1px var(--gray-c3)}}.SelectItem{font-size:var(--font-size-13);outline:0;display:grid;align-items:center;height:1.75rem;line-height:1;white-space:nowrap;z-index:0;grid-template-columns:.625rem 1rem .375rem auto 1.75rem;&[data-highlighted]{position:relative;color:white;@media (prefers-color-scheme:dark){color:black}&:before{content:"";position:absolute;inset-inline:.25rem;inset-block:0;z-index:-1;border-radius:var(--radius-4);background-color:var(--gray-t2);@media (prefers-color-scheme:dark){background-color:white}}}@media (pointer:coarse){font-size:var(--font-size-15);height:2.25rem;grid-template-columns:.5rem 1rem .5rem auto 1.5rem}}.SelectItemIndicator{grid-column:2;margin-top:-1px;width:100%;height:auto}.SelectItemText{grid-column:4}.DemoRoot{--demo-radius:var(--radius-12);border:1px solid var(--color-border);border-radius:var(--demo-radius);margin-bottom:var(--space-24)}.DemoPlaygroundExternalLink{position:absolute;top:.75rem;right:1.125rem}}@layer components{.DemoPlayground{position:relative;background-color:var(--color-content);border-top-left-radius:calc(var(--demo-radius) - 1px);border-top-right-radius:calc(var(--demo-radius) - 1px);overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:thin;&:focus-visible{outline:2px solid var(--gray-t2);outline-offset:-1px;z-index:1}}.DemoPlaygroundInner{padding:2rem 1.5rem;min-height:8rem;min-width:fit-content;display:flex;justify-content:center;align-items:center}.DemoToolbar{box-sizing:border-box;position:relative;z-index:1;font-size:var(--font-size-13);line-height:1.25rem;white-space:nowrap;color:var(--gray-t2);background-clip:padding-box;display:flex;align-items:end;height:calc(2.25rem + 1px);border-top:1px solid var(--color-border);-webkit-user-select:none;user-select:none;overflow:hidden}.DemoToolbarScrollAreaRoot{position:relative;display:flex;flex:1 1 auto;min-width:0;align-self:stretch;width:calc(100% + 1px);margin-left:-1px}.DemoToolbarScrollAreaRoot:has(.DemoToolbarViewport:focus-visible):after{content:"";position:absolute;inset:0;z-index:2;outline:2px solid var(--gray-t2);outline-offset:-2px;pointer-events:none}.DemoToolbarViewport{display:flex;flex:1 1 auto;min-width:0;overflow-y:hidden!important;--demo-tabs-fade:1.5rem;mask-image:linear-gradient(to right,transparent,#000 min(var(--demo-tabs-fade),var(--scroll-area-overflow-x-start,0px)),#000 calc(100% - min(var(--demo-tabs-fade), var(--scroll-area-overflow-x-end, 0px))),transparent),linear-gradient(#000,#000);mask-repeat:no-repeat;mask-position:0 0,0 100%;mask-size:100% calc(100% - 1px),100% 1px;&:focus-visible{outline:none}&[data-has-overflow-x]{overscroll-behavior-x:contain}}.DemoToolbarActions{display:flex;align-items:center;height:100%;gap:var(--space-4);padding-inline:.5rem}.DemoToolbarActionsMobile{flex:0 0 auto;margin-left:auto;@media (min-width:40rem){display:none}}.DemoToolbarActionsDesktop{display:none;@media (min-width:40rem){display:flex;flex:0 0 auto;padding-inline-start:1rem}}.DemoTabsRoot{display:flex;flex:0 0 auto}.DemoTabsList{display:flex;align-self:flex-end;width:max-content}.DemoTab{font-family:var(--font-mono);position:relative;z-index:0;outline:0;height:2.25rem;padding-inline:.75rem;padding-top:.25rem;padding-bottom:calc(.25rem + 1px);border-right:1px solid transparent;border-left:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;line-height:1;>span{position:relative}@media (hover:hover){&:hover:not([data-active]){&:before{content:"";position:absolute;inset:0 -1px 1px;background-color:var(--gray-s2);background-clip:padding-box;pointer-events:none}}}&[data-active]{border-color:var(--color-border);background-color:var(--gray-s1);&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gray-s1);pointer-events:none}}&:focus-visible{outline:2px solid var(--gray-t2);outline-offset:-2px;&:after{content:none}}}.DemoCodeBlockCollapsible{position:relative;display:flex;flex-direction:column;&:has(.DemoCodeBlockViewport:focus-visible){z-index:1}}.DemoCodeBlockRoot{display:flex;flex-direction:column;position:relative;isolation:isolate;outline:0;border-top:1px solid var(--color-border);border-bottom-left-radius:var(--demo-radius);border-bottom-right-radius:var(--demo-radius);margin-top:-1px;background-color:var(--gray-s1);&[data-closed]{&:before{content:"";position:absolute;z-index:1;pointer-events:none;height:100%;bottom:0;left:0;right:0;border-bottom-left-radius:calc(var(--demo-radius) - 1px);border-bottom-right-radius:calc(var(--demo-radius) - 1px);background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--gray-s1),transparent 5%) 100%)}}}.DemoCodeBlockRoot .ScrollAreaViewport{border-bottom-left-radius:calc(var(--demo-radius) - 1px);border-bottom-right-radius:calc(var(--demo-radius) - 1px)}.DemoCodeBlockViewport{--demo-code-block-line-height:1.25rem;line-height:var(--demo-code-block-line-height);&[data-has-overflow-x]{overscroll-behavior-x:contain}&[data-closed]{overflow:hidden;max-height:calc(5.7lh + .5rem)}&[data-closed] code .frame:not([data-frame-type]),&[data-closed] code .frame[data-frame-type=focus-unfocused],&[data-closed] code .frame[data-frame-type=highlighted-unfocused]{display:none}}.DemoSourceBrowser{position:relative;font-size:.8125rem;line-height:var(--demo-code-block-line-height);cursor:text;display:flex;& pre{display:flex;flex-grow:1}& code{padding:.5rem 0}& code .frame{display:block;padding-left:.75rem;padding-right:.75rem}& code .frame[data-lined]{display:block;white-space:normal;padding-left:0;padding-right:0}& code .frame[data-lined] .line{display:block;white-space:pre;padding-left:.75rem;padding-right:.75rem}}.DemoCodeBlockCopyButton{position:absolute;z-index:3;top:.5rem;right:.5rem;background-color:color-mix(in srgb,var(--gray-s1),transparent 10%);@media (min-width:48rem){background-color:initial;box-shadow:none}}.DemoCollapseButton{box-sizing:border-box;position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;border:none;padding:0 0 .75rem;color:var(--color-foreground);background:transparent;font-family:inherit;font-size:var(--font-size-13);font-weight:500;line-height:1;vertical-align:top;cursor:default;z-index:2;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;appearance:none;&:focus-visible{outline:0}&:focus-visible .DemoCollapseButtonVisual{outline:2px solid var(--gray-t2);outline-offset:-1px}&[data-sticky]{position:sticky;inset:auto;bottom:.75rem;align-self:center;align-items:center;width:auto;height:var(--space-28);margin-top:calc((var(--space-28) + .75rem) * -1);margin-bottom:.75rem;padding:0;z-index:2}}.DemoCollapseButtonVisual{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:var(--space-28);padding-inline:var(--space-12);border-radius:var(--radius-pill);background:linear-gradient(180deg,hsl(0deg 0% 0%/4%),hsl(0deg 0% 0%/10%));white-space:nowrap;pointer-events:none;z-index:0;@media (prefers-color-scheme:dark){background:linear-gradient(180deg,hsl(0deg 0% 100%/12%),hsl(0deg 0% 100%/24%))}&:before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:var(--radius-pill);background:var(--color-content);pointer-events:none;box-shadow:inset 0 0 0 1px white,0 1px 2px hsl(0deg 0% 0%/5%),0 2px 8px -1px hsl(0deg 0% 0%/6%),0 4px 16px -4px hsl(0deg 0% 0%/5%);@media (prefers-color-scheme:dark){box-shadow:none}}@media (hover:hover){.DemoCollapseButton:hover &{background:linear-gradient(180deg,hsl(0deg 0% 0%/10%),hsl(0deg 0% 0%/20%));@media (prefers-color-scheme:dark){background:linear-gradient(180deg,hsl(0deg 0% 100%/16%),hsl(0deg 0% 100%/32%))}}}}}
/*# sourceMappingURL=e283018ab90726ff.css.map*/