@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;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;cursor:default;&[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;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 .75rem .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 .75rem .5rem auto 1.5rem}}.SelectItemIndicator{grid-column:2;margin-top:-1px;width:100%;height:auto}.SelectItemText{grid-column:4}.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}.DemoCopyIconWrap{display:flex;width:.875rem;height:.875rem;align-items:center;justify-content:center}}@layer components{.DemoPlayground{position:relative;background-color:var(--color-content);border-top-left-radius:var(--radius-6);border-top-right-radius:var(--radius-6);overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:thin;&:focus-visible{outline:2px solid var(--color-blue);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;@media (min-width:32rem){padding-left:1.5rem;padding-bottom:3rem;padding-right:1.5rem;padding-top:3rem;min-height:11.25rem}}.DemoToolbar{font-size:var(--font-size-13);line-height:1.25rem;white-space:nowrap;color:var(--gray-t2);background-color:var(--gray-s2);background-clip:padding-box;border-block:1px solid var(--gray-c2);display:flex;align-items:center;gap:2rem;height:2.25rem;padding:0;padding-inline-start:.25rem;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(--color-blue);outline-offset:-1px;z-index:1}}.DemoToolbarActions{position:relative;@media (min-width:48rem){position:sticky;padding-left:1rem}right:0;display:flex;align-items:center;margin-left:auto;padding-right:.5rem;background-color:var(--gray-s2);height:100%;gap:.25rem;&:before{content:"";position:absolute;top:0;left:-24px;width:24px;height:100%;background:linear-gradient(to right,transparent,var(--gray-s2));pointer-events:none}}.DemoFilename{font-family:var(--font-mono);color:var(--color-foreground);font-weight:700;user-select:text}.DemoFilename:hover{text-decoration:underline}.DemoTabsList{display:flex;gap:2px}.DemoTab{font-family:var(--font-mono);cursor:default;position:relative;z-index:0;outline:0;height:1.75rem;padding-inline:.5rem;border-radius:var(--radius-8);display:inline-flex;align-items:center;justify-content:center;line-height:1;@media (hover:hover){&:hover{background-color:var(--gray-c2)}}&[data-active]{color:var(--color-foreground);font-weight:var(--font-weight-700);background-color:white;@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){background-color:var(--gray-c2)}}&:focus-visible{outline:2px solid var(--gray-t2);outline-offset:-1px}}.DemoCodeBlockRoot{display:flex;flex-direction:column;position:relative;outline:0;&[data-closed]{&:before{content:"";position:absolute;pointer-events:none;height:7.5rem;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgb(255 255 255/0),rgb(255 255 255/60%))}@media (prefers-color-scheme:dark){&:before{background:linear-gradient(180deg,rgb(0 0 0/0),rgb(0 0 0/60%))}}}}.DemoCodeBlockViewport{overscroll-behavior-x:contain;&[data-closed]{overflow:hidden;max-height:calc(8.75lh + .5rem)}}.DemoSourceBrowser{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}}.DemoCollapseButton{font-size:var(--font-size-13);line-height:1.25rem;background-color:var(--gray-s2);cursor:default;width:100%;color:var(--gray-t2);height:2.25rem;border-top:1px solid var(--gray-c2);border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;border-bottom:1px solid transparent;background-clip:padding-box;margin-bottom:-1px;user-select:none;&[data-sticky]{position:sticky;bottom:-1px;z-index:1}@media (hover:hover){&:hover{background-color:var(--gray-c1)}}&:active{background-color:color-mix(in oklch,var(--gray-c1),var(--gray-t2) 5%)}&:focus-visible{outline:2px solid var(--gray-t2);outline-offset:-1px;z-index:1}}}
/*# sourceMappingURL=e64c34bb9c219e75.css.map*/