@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(--gray-c2)}.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(--gray-c2);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;gap:1.5rem;height:2.25rem;padding:0 0 0 .5rem;-webkit-user-select:none;user-select:none;overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none;&::-webkit-scrollbar{display:none}&:focus-visible{position:relative;outline:2px solid var(--gray-t2);outline-offset:-1px;z-index:1}}.DemoToolbarActions{position:relative;right:0;display:flex;align-items:center;margin-left:auto;padding-right:.5rem;height:100%;gap:var(--space-4);@media (min-width:48rem){position:sticky;padding-left:.75rem;&:before{inset:0 0 1px;border-radius:inherit;background-color:var(--color-content)}&:after,&:before{content:"";position:absolute;pointer-events:none}&:after{top:0;bottom:1px;left:-24px;width:24px;background:linear-gradient(to right,transparent,var(--color-content))}}}.DemoTabsList{display:flex;align-self:flex-end;gap:.125rem}.DemoTab{font-family:var(--font-mono);position:relative;z-index:0;outline:0;height:2rem;padding-inline:.5rem;padding-top:.25rem;padding-bottom:.25rem;border-top:1px solid transparent;border-right:1px solid transparent;border-left:1px solid transparent;border-top-left-radius:var(--radius-8);border-top-right-radius:var(--radius-8);display:inline-flex;align-items:center;justify-content:center;line-height:1;>span{position:relative}@media (hover:hover){&:hover:not([data-active]){border-color:var(--gray-s2);&:before{content:"";position:absolute;inset:0 0 1px;border-top-left-radius:calc(var(--radius-8) - 1px);border-top-right-radius:calc(var(--radius-8) - 1px);background-color:var(--gray-s2);pointer-events:none}}}&[data-active]{border-color:var(--gray-c2);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}.DemoCodeBlockRoot{display:flex;flex-direction:column;position:relative;outline:0;border-top:1px solid var(--gray-c2);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%;max-height:6rem;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 20%,color-mix(in srgb,var(--gray-s1),transparent 20%) 100%)}}}.DemoCodeBlockViewport{overscroll-behavior-x:contain;&[data-closed]{overflow:hidden;max-height:calc(8.75lh + .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:1.25rem;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}}.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%/8%),hsl(0deg 0% 0%/16%));white-space:nowrap;pointer-events:none;z-index:0;&:before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:var(--radius-pill);background:linear-gradient(180deg,white 25%,hsl(0deg 0% 98%));pointer-events:none;box-shadow:inset 0 0 0 1px white,0 1px 1px hsl(0deg 0% 0%/4%),0 1px 2px hsl(0deg 0% 0%/4%),0 2px 4px -2px hsl(0deg 0% 0%/4%)}@media (hover:hover){.DemoCollapseButton:hover &{background:linear-gradient(180deg,hsl(0deg 0% 0%/16%),hsl(0deg 0% 0%/32%))}}@media (prefers-color-scheme:dark){background:linear-gradient(180deg,hsl(0deg 0% 100%/16%),hsl(0deg 0% 100%/24%));&:before{background:linear-gradient(to bottom,var(--gray-c2),var(--gray-c1));box-shadow:0 1px 1px hsl(0deg 0% 0%/16%),0 1px 2px hsl(0deg 0% 0%/16%),0 2px 4px -2px hsl(0deg 0% 0%/24%)}@media (hover:hover){.DemoCollapseButton:hover &{background:linear-gradient(180deg,hsl(0deg 0% 100%/24%),hsl(0deg 0% 100%/36%))}}}}}
/*# sourceMappingURL=b45a0366c9584f8f.css.map*/