.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=07dbe6c4f7498e1c.css.map*/