.demos_Accordion__QM1i0{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__K5yUx{border-bottom:1px solid var(--color-gray-200)}.demos_Header__nIZDU{margin:0}.demos_Trigger__cVSf3{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:400;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__cGZC8{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__0of8f{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__57qmq{padding:.75rem}@layer components{.QuickNavContainer{padding:0;position:relative}.QuickNavContent{padding-top:1.5rem;padding-bottom:5rem;@media (min-width:40rem){padding-top:2rem}@media (min-width:64rem){padding-bottom:8rem}}.QuickNavRoot{--quick-nav-margin-x:2rem;--quick-nav-scrollbar-thumb-width:0.25rem;--quick-nav-scrollbar-width:1.5rem;--quick-nav-item-height:2rem;--quick-nav-item-line-height:var(--text-md--line-height);--quick-nav-item-padding-y:calc(var(--quick-nav-item-height) / 2 - var(--quick-nav-item-line-height) / 2);font-size:var(--text-md);line-height:var(--text-md--line-height);z-index:1;position:sticky;top:0;width:0;float:right;contain:layout;display:none;@media (min-width:84rem){display:block}}.QuickNavInner{position:relative;left:var(--quick-nav-margin-x);width:calc(var(--sidebar-width) - var(--quick-nav-margin-x))}.QuickNavViewport{max-height:100dvh;padding-top:.75rem;padding-right:var(--quick-nav-scrollbar-width);padding-bottom:4.5rem;padding-left:0;outline:0}.QuickNavScrollbar{display:flex;padding-top:1.5rem;padding-bottom:4.5rem;width:var(--quick-nav-scrollbar-width);opacity:0;transition:opacity .2s .5s;&:active,&[data-scrolling],.QuickNavViewport:focus-visible+&{transition-duration:0s;transition-delay:0s;opacity:1}}.QuickNavScrollbarThumb{display:flex;justify-content:center;width:100%;&:before{content:"";display:block;height:100%;width:var(--quick-nav-scrollbar-thumb-width);border-radius:var(--radius-sm);background-color:var(--color-gray-400)}}.QuickNavList{color:var(--color-gray);display:flex;flex-direction:column;align-items:start;& &{padding-left:.75rem}}.QuickNavLink{display:flex;padding:var(--quick-nav-item-padding-y) .5rem;margin-inline:0 -.5rem;border-radius:var(--radius-md);&:focus-visible{z-index:1;outline:2px solid var(--color-blue);outline-offset:-2px}@media (hover:hover){&:hover{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:var(--color-gray-500)}}}}
/*# sourceMappingURL=367a694f6070e4df.css.map*/