.css-modules_Panel__s9vNe{display:flex;border:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:.375rem;padding:.125rem}.css-modules_Button__P9Eht{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-900);user-select:none;&[data-popup-open]{background-color:var(--color-gray-100)}&: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)}}.css-modules_Icon__mBmwP{width:1rem;height:1rem}.css-modules_Popup__jDo35{box-sizing:border-box;font-size:.875rem;line-height:1.25rem;display:flex;flex-direction:column;padding:.25rem .5rem;border-radius:.375rem;background-color:canvas;transform-origin:var(--transform-origin);transition:transform .15s,opacity .15s;&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.9)}&[data-instant]{transition:none}@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__DpSeT{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__loQGK{fill:canvas}.css-modules_ArrowOuterStroke__trJQo{@media (prefers-color-scheme:light){fill:var(--color-gray-200)}}.css-modules_ArrowInnerStroke__2mIQs{@media (prefers-color-scheme:dark){fill:var(--color-gray-300)}}.demos_IconButton__a_AZa{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;margin:0;outline:0;border:1px solid var(--color-gray-200);border-radius:.375rem;background-color:var(--color-gray-50);color:var(--color-gray-900);user-select:none;@media (hover:hover){&:hover{background-color:var(--color-gray-100)}}&:active,&[data-popup-open]{background-color:var(--color-gray-100)}&:focus-visible{outline:2px solid var(--color-blue);outline-offset:-1px}}.demos_Icon__r509H{width:1.25rem;height:1.25rem}.demos_Positioner__oCqU9{width:var(--positioner-width);height:var(--positioner-height);max-width:var(--available-width)}.demos_Popup__EXiwW{box-sizing:border-box;padding:1rem 1.5rem;border-radius:.5rem;background-color:canvas;color:var(--color-gray-900);transform-origin:var(--transform-origin);transition:transform .15s,opacity .15s;width:var(--popup-width,auto);height:var(--popup-height,auto);max-width:500px;&[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}}.demos_Arrow__18oC9{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}}.demos_ArrowFill__jwXpm{fill:canvas}.demos_ArrowOuterStroke__sg7bX{@media (prefers-color-scheme:light){fill:var(--color-gray-200)}}.demos_ArrowInnerStroke__mq44j{@media (prefers-color-scheme:dark){fill:var(--color-gray-300)}}.demos_Title__usXkN{margin:0;font-size:1rem;line-height:1.5rem;font-weight:700}.demos_Description___RuNH{margin:0;font-size:1rem;line-height:1.5rem;color:var(--color-gray-600)}.demos_Container__eNACi{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.demos_Button__uX7Gr{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:1px solid var(--color-gray-200);border-radius:.375rem;background-color:var(--color-gray-50);font-family:inherit;font-size:1rem;font-weight:400;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}}
/*# sourceMappingURL=fbe7a863e2703e2b.css.map*/