.css-modules_Container__N4SdK{display:flex;align-items:center;gap:1rem}.css-modules_ToggleRow__W3ETp{display:flex;align-items:center;gap:.75rem}.css-modules_Label__Zc1pf{font-size:1rem;line-height:1.5rem;color:var(--color-gray-900)}.css-modules_Panel__0jO27{display:flex;gap:1px;border:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:.375rem;padding:.125rem}.css-modules_Button__U2Okm{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0;outline:0;border:0;border-radius:.25rem;background-color:initial;color:var(--color-gray-600);user-select:none;&:focus-visible{background-color:initial;outline:2px solid var(--color-blue);outline-offset:-1px}@media (hover:hover){&:hover{background-color:var(--color-gray-100)}}&:active{background-color:var(--color-gray-200)}&[data-pressed]{color:var(--color-gray-900)}}.css-modules_Icon__qSRWE{width:1.25rem;height:1.25rem}.css-modules_LockButton__FbIrK{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 .875rem;margin:0;outline:0;border:1px solid var(--color-gray-200);border-radius:.375rem;background-color:var(--color-gray-50);font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5rem;color:var(--color-gray-900);user-select:none;@media (hover:hover){&:hover{background-color:var(--color-gray-100)}}&:active{background-color:var(--color-gray-100)}&:focus-visible{outline:2px solid var(--color-blue);outline-offset:-1px}}@layer components{.Code{font-family:var(--font-mono);font-size:.95em;letter-spacing:normal}.Code,.Code-component{color:var(--color-blue)}.Code-component{padding:.125em .2em;border-radius:2px;background-color:var(--color-inline-highlight)}.Code-prop{color:var(--color-orange)}.Code-html{color:var(--color-green)}.Code-js{color:var(--color-purple)}.Code-css{color:var(--color-violet)}.Link>.Code{text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor,transparent);text-underline-offset:2px;text-decoration-thickness:1px}.Link>.Code-component+svg{color:var(--color-blue)}.Link>.Code-prop+svg{color:var(--color-orange)}.Link>.Code-html+svg{color:var(--color-green)}.Link>.Code-js+svg{color:var(--color-purple)}.Link>.Code-css+svg{color:var(--color-violet)}@media (hover:hover){.Link:hover>.Code{text-decoration-color:initial}}}.css-modules_ScrollArea__RExqm{box-sizing:border-box;width:24rem;height:12rem;max-width:calc(100vw - 8rem);background-color:var(--color-gray-50);border-radius:.5rem}.css-modules_Viewport__hNDdm{height:100%;border-radius:.375rem;background:var(--color-gray-50);&:focus-visible{outline:2px solid var(--color-blue)}&:after,&:before{content:"";display:block;left:0;width:100%;position:absolute;pointer-events:none;border-radius:.375rem;transition:height .1s ease-out}&:before{--scroll-area-overflow-y-start:inherit;top:0;height:min(40px,var(--scroll-area-overflow-y-start));background:linear-gradient(to bottom,var(--color-gray-50),transparent)}&:after{--scroll-area-overflow-y-end:inherit;bottom:0;height:min(40px,var(--scroll-area-overflow-y-end,40px));background:linear-gradient(to top,var(--color-gray-50),transparent)}}.css-modules_Content__XgUEK{display:flex;flex-direction:column;gap:1rem;padding-block:.75rem;padding-left:1rem;padding-right:1.5rem}.css-modules_Paragraph__ijC9j{margin:0;font-size:.875rem;line-height:1.375rem;color:var(--color-gray-900)}.css-modules_Scrollbar__pfjmj{display:flex;justify-content:center;background-color:var(--color-gray-200);width:.25rem;border-radius:.375rem;margin:.5rem;opacity:0;transition:opacity .15s;pointer-events:none;&[data-scrolling]{transition-duration:0s}&[data-hovering],&[data-scrolling]{opacity:1;pointer-events:auto}&:before{content:"";position:absolute;width:1.25rem;height:100%}}.css-modules_Thumb__FAEYN{width:100%;border-radius:inherit;background-color:var(--color-gray-500)}.css-modules_ScrollUp__W1SlA{position:absolute;top:0;z-index:1;opacity:0;transition:opacity .15s;pointer-events:none;[data-overflow-y-start] &{opacity:1;pointer-events:auto}}.css-modules_Control__kdT7n{box-sizing:border-box;display:flex;align-items:center;width:14rem;padding-block:.75rem;touch-action:none;user-select:none}.css-modules_Track__FwdnU{width:100%;height:.25rem;background-color:var(--color-gray-200);box-shadow:inset 0 0 0 1px var(--color-gray-200);border-radius:.25rem;user-select:none}.css-modules_Indicator__RkGFE{border-radius:.25rem;background-color:var(--color-gray-700);user-select:none}.css-modules_Thumb__OOuG7{width:1rem;height:1rem;border-radius:100%;background-color:white;outline:1px solid var(--color-gray-300);user-select:none;&:has(:focus-visible){outline:2px solid var(--color-blue)}}@layer components{.ScrollAreaViewport{height:100%;&:focus-visible{position:relative;outline:2px solid var(--color-blue);outline-offset:-1px;z-index:1}}.ScrollAreaScrollbar{display:flex;border-radius:.375rem;opacity:0;transition:opacity .15s .3s;pointer-events:none;&[data-hovering],&[data-scrolling]{pointer-events:auto}&[data-scrolling]{opacity:1;transition-duration:75ms;transition-delay:0s}@media (hover:hover){&:hover{transition-duration:75ms;transition-delay:25ms;opacity:1}}&:before{content:"";position:absolute;border-radius:inherit}&[data-orientation=horizontal]{align-items:center;height:1.25rem;margin-inline:.5rem;&:before{height:.25rem;inset-inline:0;background-color:var(--color-gray-200)}}&[data-orientation=vertical]{justify-content:center;width:1.25rem;margin-block:.5rem;&:before{width:.25rem;inset-block:0;background-color:var(--color-gray-200)}}}.ScrollAreaThumb{position:relative;border-radius:inherit;background-color:var(--color-gray-400);&[data-orientation=horizontal]{height:.25rem}&[data-orientation=vertical]{width:.25rem}&:before{content:"";position:absolute;inset:-.5rem}}}@layer components{.GhostButton{font-size:var(--text-xs);line-height:var(--text-xs--line-height);letter-spacing:var(--text-xs--letter-spacing);color:var(--color-gray);cursor:default;position:relative;z-index:0;display:inline-flex;align-items:center;gap:.375rem;outline:0;user-select:none;&:after,&:before{content:"";position:absolute;z-index:-1}&[data-layout=text]{&:before{inset:-.125rem -.375rem;border-radius:var(--radius-sm)}}&[data-layout=icon]{min-width:1rem;min-height:1rem;justify-content:center;&:before{inset:-.25rem;border-radius:var(--radius-sm)}}&:after{inset:-.375rem -.5rem}&:focus-visible:before{content:"";position:absolute;pointer-events:none;outline:2px solid var(--color-blue);outline-offset:-1px}&:not(:focus-visible){@media (hover:hover){&:hover{&:before{background-color:var(--color-gray-100)}}}&[data-popup-open]{&:before{background-color:var(--color-gray-100)}}&:not([aria-haspopup]):active{&:before{background-color:var(--color-gray-200)}}}}}@layer components{.CodeBlockRoot{align-self:stretch;background-color:var(--color-content);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-top:calc(var(--spacing) * 5);margin-bottom:calc(var(--spacing) * 6)}.CodeBlockPanel{font-size:var(--text-xs);letter-spacing:var(--text-xs--letter-spacing);line-height:1;background-color:var(--color-gray-50);background-clip:padding-box;color:var(--color-gray);display:flex;align-items:center;justify-content:space-between;white-space:nowrap;padding:0 .75rem;height:2.25rem;gap:1rem;border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:1px solid var(--color-gray-200);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}}.CodeBlockPanelTitle{font-size:var(--text-sm);line-height:var(--text-sm--line-height);letter-spacing:var(--text-sm--letter-spacing);color:var(--color-gray-700);font-weight:400}.CodeBlockCopyIcon{display:flex;width:14px;height:14px;align-items:center;justify-content:center}.CodeBlockPre{font-size:var(--text-xs);line-height:var(--text-xs--line-height);letter-spacing:var(--text-xs--letter-spacing);cursor:text;color:var(--color-foreground);background-color:var(--color-content);padding:.5rem 0;border-radius:var(--radius-md);outline:0;display:flex;overflow:auto;overscroll-behavior-x:contain;& code{display:block;flex-grow:1}}.CodeBlockPreContainer{outline:0}}
/*# sourceMappingURL=3725d5993dddf8da.css.map*/