.demos_Accordion__83ZKN{box-sizing:border-box;display:flex;width:24rem;max-width:calc(100vw - 8rem);flex-direction:column;justify-content:center;color:var(--color-gray-900)}.demos_Item__zdQzr{border-bottom:1px solid var(--color-gray-200)}.demos_Header__68KzN{margin:0}.demos_Trigger__L8z_g{box-sizing:border-box;position:relative;display:flex;width:100%;gap:1rem;align-items:baseline;justify-content:space-between;padding-block:.5rem;padding-inline:.75rem .25rem;color:var(--color-gray-900);font-family:inherit;font-weight:500;font-size:1rem;line-height:1.5rem;background:var(--color-gray-50);border:none;outline:none;text-align:left;@media (hover:hover){&:hover{background-color:var(--color-gray-100)}}&:focus-visible{outline:2px solid var(--color-blue);z-index:1}}.demos_TriggerIcon__umHYZ{box-sizing:border-box;flex-shrink:0;width:.75rem;height:.75rem;margin-right:.5rem;transition:transform .15s ease-out;[data-panel-open]>&{transform:rotate(45deg) scale(1.1)}}.demos_Panel__r9ijv{box-sizing:border-box;height:var(--accordion-panel-height);overflow:hidden;color:var(--color-gray-600);font-size:1rem;line-height:1.5rem;transition:height .15s ease-out;&[data-ending-style],&[data-starting-style]{height:0}}.demos_Content___LkbO{padding:.75rem}:root{--color-prettylights-syntax-comment:var(--color-gray);--color-prettylights-syntax-constant:var(--color-blue);--color-prettylights-syntax-constant-other-reference-link:var(--color-navy);--color-prettylights-syntax-entity:var(--color-violet);--color-prettylights-syntax-entity-tag:var(--color-green);--color-prettylights-syntax-keyword:var(--color-red);--color-prettylights-syntax-string:var(--color-navy);--color-prettylights-syntax-string-regexp:var(--color-green);--color-prettylights-syntax-variable:var(--color-red);--color-prettylights-syntax-storage-modifier-import:var(--color-navy);--color-prettylights-syntax-brackethighlighter-angle:var(--color-gray);--color-prettylights-syntax-brackethighlighter-unmatched:var(--color-red);--color-prettylights-syntax-sublimelinter-gutter-mark:var(--color-gray);--color-prettylights-syntax-invalid-illegal-bg:var(--color-red);--color-prettylights-syntax-invalid-illegal-text:var(--color-content);--color-prettylights-syntax-carriage-return-bg:var(--color-red);--color-prettylights-syntax-carriage-return-text:var(--color-content);--color-prettylights-syntax-markup-heading:var(--color-blue);--color-prettylights-syntax-markup-bold:var(--color-foreground);--color-prettylights-syntax-markup-italic:var(--color-foreground);--color-prettylights-syntax-markup-list:var(--color-red);--color-prettylights-syntax-markup-changed-bg:transparent;--color-prettylights-syntax-markup-changed-text:var(--color-red);--color-prettylights-syntax-markup-deleted-bg:transparent;--color-prettylights-syntax-markup-deleted-text:var(--color-red);--color-prettylights-syntax-markup-inserted-bg:transparent;--color-prettylights-syntax-markup-inserted-text:var(--color-green);--color-prettylights-syntax-markup-ignored-bg:transparent;--color-prettylights-syntax-markup-ignored-text:var(--color-gray);--color-prettylights-syntax-meta-diff-range:var(--color-violet);--color-docs-infra-syntax-nullish:var(--color-gray-500);--color-docs-infra-syntax-other:var(--color-foreground);--color-docs-infra-syntax-bracket-tag:var(--color-gray);--color-docs-infra-syntax-bracket-curly:var(--color-gray);--color-docs-infra-syntax-bracket-round:var(--color-gray);--color-docs-infra-syntax-bracket-square:var(--color-gray);--color-docs-infra-syntax-bracket-angle:var(--color-gray);--color-docs-infra-syntax-bracket-quote:var(--color-gray)}.pl-c{color:var(--color-prettylights-syntax-comment)}.pl-c1,.pl-s .pl-v{color:var(--color-prettylights-syntax-constant)}.pl-e,.pl-en{color:var(--color-prettylights-syntax-entity)}.pl-s .pl-s1,.pl-smi{color:var(--color-prettylights-syntax-storage-modifier-import)}.pl-ent{color:var(--color-prettylights-syntax-entity-tag)}.pl-k{color:var(--color-prettylights-syntax-keyword)}.pl-pds,.pl-s,.pl-s .pl-pse .pl-s1,.pl-sr,.pl-sr .pl-cce,.pl-sr .pl-sra,.pl-sr .pl-sre{color:var(--color-prettylights-syntax-string)}.pl-smw,.pl-v{color:var(--color-prettylights-syntax-variable)}.pl-bu{color:var(--color-prettylights-syntax-brackethighlighter-unmatched)}.pl-ii{color:var(--color-prettylights-syntax-invalid-illegal-text);background-color:var(--color-prettylights-syntax-invalid-illegal-bg)}.pl-c2{color:var(--color-prettylights-syntax-carriage-return-text);background-color:var(--color-prettylights-syntax-carriage-return-bg)}.pl-sr .pl-cce{font-weight:700;color:var(--color-prettylights-syntax-string-regexp)}.pl-ml{color:var(--color-prettylights-syntax-markup-list)}.pl-mh,.pl-mh .pl-en,.pl-ms{font-weight:700;color:var(--color-prettylights-syntax-markup-heading)}.pl-mi{font-style:italic;color:var(--color-prettylights-syntax-markup-italic)}.pl-mb{font-weight:700;color:var(--color-prettylights-syntax-markup-bold)}.pl-md{color:var(--color-prettylights-syntax-markup-deleted-text);background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.pl-mi1{color:var(--color-prettylights-syntax-markup-inserted-text);background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.pl-mc{color:var(--color-prettylights-syntax-markup-changed-text);background-color:var(--color-prettylights-syntax-markup-changed-bg)}.pl-mi2{color:var(--color-prettylights-syntax-markup-ignored-text);background-color:var(--color-prettylights-syntax-markup-ignored-bg)}.pl-mdr{font-weight:700;color:var(--color-prettylights-syntax-meta-diff-range)}.pl-ba{color:var(--color-prettylights-syntax-brackethighlighter-angle)}.pl-sg{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.pl-corl{text-decoration:underline;color:var(--color-prettylights-syntax-constant-other-reference-link)}.di-n{color:var(--color-docs-infra-syntax-nullish)}.di-d{color:var(--color-foreground)}.di-p{color:var(--color-prettylights-syntax-storage-modifier-import)}.di-o{color:var(--color-docs-infra-syntax-other)}.di-bt{color:var(--color-docs-infra-syntax-bracket-tag)}.di-bc{color:var(--color-docs-infra-syntax-bracket-curly)}.di-br{color:var(--color-docs-infra-syntax-bracket-round)}.di-bs{color:var(--color-docs-infra-syntax-bracket-square)}.di-ba{color:var(--color-docs-infra-syntax-bracket-angle)}.di-bq{color:var(--color-docs-infra-syntax-bracket-quote)}.di-ins{color:var(--color-prettylights-syntax-markup-inserted-text);background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.di-del{color:var(--color-prettylights-syntax-markup-deleted-text);background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.di-chg{color:var(--color-prettylights-syntax-markup-changed-text);background-color:var(--color-prettylights-syntax-markup-changed-bg)}.di-ign{color:var(--color-prettylights-syntax-markup-ignored-text);background-color:var(--color-prettylights-syntax-markup-ignored-bg)}.di-rng{font-weight:700;color:var(--color-prettylights-syntax-meta-diff-range)}[data-language=css]{--color-prettylights-syntax-variable:var(--color-navy)}[data-language=css] .line>.pl-c1:first-of-type{color:var(--color-foreground)}[data-highlighted-chars],[data-inline]{--color-prettylights-syntax-comment:var(--color-blue);--color-prettylights-syntax-constant:var(--color-blue);--color-prettylights-syntax-entity:var(--color-blue);--color-prettylights-syntax-keyword:var(--color-blue);--color-prettylights-syntax-string:var(--color-blue);--color-prettylights-syntax-variable:var(--color-blue);--color-prettylights-syntax-storage-modifier-import:var(--color-blue);--color-docs-infra-syntax-nullish:var(--color-blue)}[data-table-code]{--color-prettylights-syntax-entity:var(--color-violet);--color-prettylights-syntax-keyword:var(--color-red);--color-prettylights-syntax-string:var(--color-navy);--color-docs-infra-syntax-nullish:var(--color-gray-500)}pre [data-hl]{background-color:var(--color-line-highlight)}pre [data-hl=strong]{background-color:var(--color-line-highlight-strong)}pre [data-hlc]{color:var(--color-blue);background-color:var(--color-inline-highlight)}:root{--color-blue:oklch(45% 50% 264deg);--color-red:oklch(50% 55% 31deg);--color-gray-50:oklch(98% 0.25% 264deg);--color-gray-100:oklch(12% 9.5% 264deg/5%);--color-gray-200:oklch(12% 9% 264deg/7%);--color-gray-300:oklch(12% 8.5% 264deg/17%);--color-gray-400:oklch(12% 8% 264deg/38%);--color-gray-500:oklch(12% 7.5% 264deg/50%);--color-gray-600:oklch(12% 7% 264deg/67%);--color-gray-700:oklch(12% 6% 264deg/77%);--color-gray-800:oklch(12% 5% 264deg/85%);--color-gray-900:oklch(12% 5% 264deg/90%);--color-gray-950:oklch(12% 5% 264deg/95%);@media (prefers-color-scheme:dark){--color-blue:oklch(69% 50% 264deg);--color-red:oklch(80% 55% 31deg);--color-gray-50:oklch(17% 0.25% 264deg);--color-gray-100:oklch(28% 0.75% 264deg/65%);--color-gray-200:oklch(29% 0.75% 264deg/80%);--color-gray-300:oklch(35% 0.75% 264deg/80%);--color-gray-400:oklch(47% 0.875% 264deg/80%);--color-gray-500:oklch(64% 1% 264deg/80%);--color-gray-600:oklch(82% 1% 264deg/80%);--color-gray-700:oklch(92% 1.125% 264deg/80%);--color-gray-800:oklch(93% 0.875% 264deg/85%);--color-gray-900:oklch(95% 0.5% 264deg/90%);--color-gray-950:oklch(94% 0.375% 264deg/95%)}}.css-modules_Field__5lt_P{display:flex;flex-direction:column;align-items:start;gap:.25rem;width:100%;max-width:16rem}.css-modules_Label__d8xgR{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--color-gray-900)}.css-modules_Input__bdZV5{box-sizing:border-box;padding-left:.875rem;margin:0;border:1px solid var(--color-gray-200);width:100%;height:2.5rem;border-radius:.375rem;font-family:inherit;font-size:1rem;background-color:initial;color:var(--color-gray-900);&:focus{outline:2px solid var(--color-blue);outline-offset:-1px}}.css-modules_Error__e98JR{font-size:.875rem;line-height:1.25rem;color:var(--color-red-800)}.css-modules_Description__M2wXL{margin:0;font-size:.875rem;line-height:1.25rem;color:var(--color-gray-600)}.css-modules_Fieldset__mCNt2{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:16rem}.css-modules_Legend__eQHMG{border-bottom:1px solid var(--color-gray-200);padding-bottom:.75rem;font-weight:500;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.0025em;color:var(--color-gray-900)}.css-modules_Field__1juij{display:flex;flex-direction:column;align-items:start;gap:.25rem}.css-modules_Label__vqLUP{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--color-gray-900)}.css-modules_Input__gJTLH{box-sizing:border-box;padding-left:.875rem;margin:0;border:1px solid var(--color-gray-200);width:100%;height:2.5rem;border-radius:.375rem;font-family:inherit;font-size:1rem;background-color:initial;color:var(--color-gray-900);&:focus{outline:2px solid var(--color-blue);outline-offset:-1px}}.css-modules_Error__xZI5y{font-size:.875rem;line-height:1.25rem;color:var(--color-red-800)}.css-modules_Description__XvNq_{margin:0;font-size:.875rem;line-height:1.25rem;color:var(--color-gray-600)}.css-modules_Paragraph__ApQ6k{margin:0;font-size:1rem;line-height:1.5rem;color:var(--color-gray-900);text-wrap:balance;max-width:16rem}.css-modules_Link__pjGv5{outline:0;color:var(--color-blue);text-decoration-line:none;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklab,var(--color-blue),transparent 40%);text-underline-offset:2px;@media (hover:hover){&:hover{text-decoration-line:underline}}&[data-popup-open]{text-decoration-line:underline}&:focus-visible{border-radius:.125rem;outline:2px solid var(--color-blue);text-decoration-line:none}}.css-modules_Popup__iwIUD{box-sizing:border-box;width:240px;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:.5rem;background-color:canvas;transform-origin:var(--transform-origin);transition:transform .15s,opacity .15s;&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.9)}@media (prefers-color-scheme:light){outline:1px solid var(--color-gray-200);box-shadow:0 10px 15px -3px var(--color-gray-200),0 4px 6px -4px var(--color-gray-200)}@media (prefers-color-scheme:dark){outline:1px solid var(--color-gray-300);outline-offset:-1px}}.css-modules_Arrow__YWmhh{display:flex;&[data-side=top]{bottom:-8px;rotate:180deg}&[data-side=bottom]{top:-8px;rotate:0deg}&[data-side=left]{right:-13px;rotate:90deg}&[data-side=right]{left:-13px;rotate:-90deg}}.css-modules_ArrowFill__5fk72{fill:canvas}.css-modules_ArrowOuterStroke__4GCsj{@media (prefers-color-scheme:light){fill:var(--color-gray-200)}}.css-modules_ArrowInnerStroke__7Bx1_{@media (prefers-color-scheme:dark){fill:var(--color-gray-300)}}.css-modules_Image__sCd_1{display:block;width:100%;height:auto;border-radius:.25rem}.css-modules_Summary__CdYAN{margin:0;font-size:.875rem;line-height:1.25rem;color:var(--color-gray-900);text-wrap:pretty}.css-modules_Root__iBgQ5{background-color:var(--color-gray-50);border-radius:.5rem;padding:.25rem;color:var(--color-gray-900);min-width:max-content}.css-modules_List__6VsTa{display:flex;position:relative;list-style:none;padding:0;margin:0}.css-modules_Trigger__TaAmA{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.375rem;height:2.5rem;padding:0 .875rem;margin:0;outline:0;border:none;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;text-decoration:none;@media (max-width:640px){font-size:.925rem;padding-left:.5rem;padding-bottom:0;padding-right:.5rem;padding-top:0}@media (hover:hover){&:hover{background-color:var(--color-gray-100)}}&[data-popup-open]{background-color:var(--color-gray-100)}&:focus-visible{position:relative;outline:2px solid var(--color-blue);outline-offset:-1px}}.css-modules_Icon__A3nox{transition:transform .2s ease;&[data-popup-open]{transform:rotate(180deg)}}.css-modules_Positioner__mqHPe{--easing:cubic-bezier(0.22,1,0.36,1);--duration:0.35s;box-sizing:border-box;transition-property:top,left,right,bottom;transition-duration:var(--duration);transition-timing-function:var(--easing);width:var(--positioner-width);height:var(--positioner-height);max-width:var(--available-width);&:before{content:"";position:absolute}&[data-side=top]:before{left:0;right:0;bottom:-10px;height:10px}&[data-side=bottom]:before{left:0;right:0;top:-10px;height:10px}&[data-side=left]:before{top:0;bottom:0;right:-10px;width:10px}&[data-side=right]:before{top:0;bottom:0;left:-10px;width:10px}&[data-instant]{transition:none}}.css-modules_Popup__uHBkZ{position:relative;overflow:visible;box-sizing:border-box;border-radius:.5rem;background-color:canvas;color:var(--color-gray-900);transform-origin:var(--transform-origin);transition-property:opacity,transform,width,height;transition-duration:var(--duration);transition-timing-function:var(--easing);width:var(--popup-width);height:var(--popup-height);&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.9)}&[data-ending-style]{transition-timing-function:ease;transition-duration:.15s}}@media (prefers-color-scheme:light){.css-modules_Popup__uHBkZ{outline:1px solid var(--color-gray-200);box-shadow:0 10px 15px -3px var(--color-gray-200),0 4px 6px -4px var(--color-gray-200)}}@media (prefers-color-scheme:dark){.css-modules_Popup__uHBkZ{outline:1px solid var(--color-gray-300);outline-offset:-1px}}.css-modules_Content__1D7w2{box-sizing:border-box;transition:opacity calc(var(--duration) * .5) ease,transform var(--duration) var(--easing);padding:1.5rem;width:calc(100vw - 40px);height:100%;@media (min-width:500px){width:max-content;min-width:400px}&[data-ending-style],&[data-starting-style]{opacity:0}&[data-starting-style]{&[data-activation-direction=left]{transform:translateX(-50%)}&[data-activation-direction=right]{transform:translateX(50%)}}&[data-ending-style]{&[data-activation-direction=left]{transform:translateX(50%)}&[data-activation-direction=right]{transform:translateX(-50%)}}}.css-modules_Viewport__cPro3{position:relative;overflow:hidden;width:100%;height:100%}.css-modules_GridLinkList__mlRUU{display:grid;grid-template-columns:1fr;padding:0;margin:0;list-style:none;@media (min-width:640px){grid-template-columns:12rem 12rem}}.css-modules_FlexLinkList__jfkKZ{display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:0;margin:0;list-style:none}.css-modules_LinkCard__R1IKO{box-sizing:border-box;position:relative;display:block;width:100%;height:100%;padding:.5rem;border-radius:.375rem;text-decoration:none;color:inherit;text-align:left;border:none;background-color:initial;&[data-popup-open]{background-color:var(--color-gray-50)}@media (hover:hover){&:hover{background-color:var(--color-gray-100)}}&:focus-visible{position:relative;outline:2px solid var(--color-blue);outline-offset:-1px}@media (min-width:500px){padding-left:.75rem;padding-bottom:.75rem;padding-right:.75rem;padding-top:.75rem}}.css-modules_LinkTitle___Bmeb{margin:0 0 4px;font-size:1rem;font-weight:500;line-height:1.25rem}.css-modules_LinkDescription__WIk77{margin:0;font-size:.875rem;line-height:1.25rem;color:var(--color-gray-500)}.css-modules_Arrow__mvDW2{display:flex;&[data-side=top]{bottom:-8px;rotate:180deg}&[data-side=bottom]{top:-8px;rotate:0deg}&[data-side=left]{right:-13px;rotate:90deg}&[data-side=right]{left:-13px;rotate:-90deg}}.css-modules_ArrowFill__3gxry{fill:canvas}.css-modules_ArrowOuterStroke__mylNm{@media (prefers-color-scheme:light){fill:var(--color-gray-200)}}.css-modules_ArrowInnerStroke__6GjUI{@media (prefers-color-scheme:dark){fill:var(--color-gray-300)}}.css-modules_NestedIcon__vmUKg{position:absolute;top:50%;right:.6rem;display:flex;align-items:center;justify-content:center;width:.6rem;height:.6rem;margin-top:-.3rem;transition:transform .2s ease;&[data-popup-open]{transform:rotate(180deg)}}.css-modules_Control__pLkx2{box-sizing:border-box;display:flex;align-items:center;width:14rem;padding-block:.75rem}.css-modules_Track__aqZjx{width:100%;background-color:var(--color-gray-200);box-shadow:inset 0 0 0 1px var(--color-gray-200);height:.25rem;border-radius:.25rem;position:relative}.css-modules_Indicator__ykX7j{border-radius:.25rem;background-color:var(--color-gray-700)}.css-modules_Thumb__K2qCZ{width:1rem;height:1rem;border-radius:100%;background-color:white;outline:1px solid var(--color-gray-300);&:has(:focus-visible){outline:2px solid var(--color-blue)}}