.demos_Container__uGxvk{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.demos_ButtonGroup__brgSS{display:flex}.demos_IconButton__X08Xv{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);background-color:var(--color-gray-50);color:var(--color-gray-900);user-select:none;&[data-popup-open]{background-color:var(--color-gray-100)}&:focus-visible{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-100)}&:only-child{border-radius:.375rem}&:first-child:not(:only-child){border-radius:.375rem 0 0 .375rem}&:last-child:not(:only-child){border-radius:0 .375rem .375rem 0}&:not(:first-child){border-left:none}}.demos_Icon__PH09i{width:1.25rem;height:1.25rem}.demos_Popup___r1xN{box-sizing:border-box;font-size:.875rem;line-height:1.25rem;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}}.demos_Arrow__8W7lN{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__E_8bO{fill:canvas}.demos_ArrowOuterStroke__WbxG_{@media (prefers-color-scheme:light){fill:var(--color-gray-200)}}.demos_ArrowInnerStroke___Sre_{@media (prefers-color-scheme:dark){fill:var(--color-gray-300)}}.demos_Button__u71qN{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}}.css-modules_ButtonGroup__E7fbt,.css-modules_Container__4ic1F{display:flex}.css-modules_Button__XzR2u{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);background-color:var(--color-gray-50);color:var(--color-gray-900);font-weight:700;user-select:none;&[data-popup-open]{background-color:var(--color-gray-100)}&:focus-visible{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-100)}&:only-child{border-radius:.375rem}&:first-child:not(:only-child){border-radius:.375rem 0 0 .375rem}&:last-child:not(:only-child){border-radius:0 .375rem .375rem 0}&:not(:first-child){border-left:none}}.css-modules_Icon__miwk_{width:1.25rem;height:1.25rem}.css-modules_Positioner__NOiMA{height:var(--positioner-height);width:var(--positioner-width);max-width:var(--available-width);transition:top .35s cubic-bezier(.22,1,.36,1),left .35s cubic-bezier(.22,1,.36,1),right .35s cubic-bezier(.22,1,.36,1),bottom .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);&[data-instant]{transition:none}}.css-modules_Popup__Dbzlv{position:relative;height:var(--popup-height,auto);width:var(--popup-width,auto);max-width:500px;transform-origin:var(--transform-origin);border-radius:.375rem;background-color:canvas;font-size:.875rem;line-height:1.25rem;transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);&[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__C1q50{display:flex;transition:left .35s cubic-bezier(.22,1,.36,1);&[data-instant]{transition:none}&[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__by7T3{fill:canvas}.css-modules_ArrowOuterStroke__t25Co{@media (prefers-color-scheme:light){fill:var(--color-gray-200)}}.css-modules_ArrowInnerStroke__rF6T_{@media (prefers-color-scheme:dark){fill:var(--color-gray-300)}}.css-modules_Viewport__wkfd2{--viewport-inline-padding:0.5rem;position:relative;height:100%;width:100%;overflow:clip;padding:.25rem var(--viewport-inline-padding);& [data-current],& [data-previous]{width:calc(var(--popup-width) - 2 * var(--viewport-inline-padding));translate:0;opacity:1;transition:translate .35s cubic-bezier(.22,1,.36,1),opacity 175ms cubic-bezier(.22,1,.36,1)}&[data-activation-direction~=left] [data-current][data-starting-style]{translate:-50% 0;opacity:0}&[data-activation-direction~=right] [data-current][data-starting-style]{translate:50% 0;opacity:0}[data-instant] & [data-current],[data-instant] & [data-previous]{transition:none}&[data-activation-direction~=left] [data-previous][data-ending-style]{translate:50% 0;opacity:0}&[data-activation-direction~=right] [data-previous][data-ending-style]{translate:-50% 0;opacity:0}}.tooltips_Container__xsHBq{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.tooltips_Panel__y_PGQ{display:flex;border:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:.375rem;padding:.125rem;width:max-content}.tooltips_Button__tVMpv{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)}}.tooltips_Icon__DMdeM{width:1rem;height:1rem}.tooltips_ControlButton__DUGT8{box-sizing:border-box;display:inline-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: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}}.tooltips_Positioner__d67ls{--easing:cubic-bezier(0.22,1,0.36,1);--animation-duration:0.35s;width:var(--positioner-width);height:var(--positioner-height);max-width:var(--available-width);transition-property:top,left,right,bottom,transform;transition-timing-function:var(--easing);transition-duration:var(--animation-duration);&[data-instant]{transition:none}}.tooltips_Popup__p9758{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:width .15s,height .15s,transform .15s,opacity .15s;width:var(--popup-width,auto);height:var(--popup-height,auto);&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.9)}&[data-instant]{transition-duration:0s}@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}}.tooltips_Arrow__Bxfx6{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}}.tooltips_ArrowFill__bgmw1{fill:canvas}.tooltips_ArrowOuterStroke__Xjxto{@media (prefers-color-scheme:light){fill:var(--color-gray-200)}}.tooltips_ArrowInnerStroke__oGyD7{@media (prefers-color-scheme:dark){fill:var(--color-gray-300)}}@keyframes transitions_scaleIn__onNZj{0%{opacity:0;transform:scale(.8)}}@keyframes transitions_scaleOut__Pleax{to{opacity:0;transform:scale(0)}}.transitions_TooltipPopup__wEGso{font-family:IBM Plex Sans,sans-serif;background:black;color:white;padding:4px 6px;border-radius:4px;font-size:95%;cursor:default;transform-origin:var(--transform-origin);&[data-instant]{transition-duration:0s!important;animation-duration:0s!important}&[data-type=css-animation]{animation:transitions_scaleIn__onNZj .2s forwards;&[data-ending-style]{animation:transitions_scaleOut__Pleax .2s forwards}}&[data-type=css-animation-keep-mounted]{animation:transitions_scaleIn__onNZj .2s forwards;&[data-ending-style]{animation:transitions_scaleOut__Pleax .2s forwards}}&[data-type=css-transition]{transition-property:opacity,transform;transition-duration:.2s;&[data-ending-style]{opacity:0;transform:scale(0)}&[data-starting-style]{opacity:0;transform:scale(.8)}}&[data-type=css-transition-keep-mounted]{transition-property:opacity,transform;transition-duration:.2s;&[data-ending-style]{opacity:0;transform:scale(0)}&[data-starting-style]{opacity:0;transform:scale(.8)}}&[data-type=css-transition-starting-style]{transition-property:opacity,transform,visibility;transition-duration:.2s;@starting-style{opacity:0;transform:scale(.8)}&[data-ending-style]{opacity:0;transform:scale(0)}}}.transitions_AnchorButton__PEbkd{border:none;background:#0072e6;color:white;padding:8px 16px;border-radius:4px;font-size:16px;&:focus-visible{outline:2px solid #3399ff;outline-offset:2px}&:hover,&[data-popup-open]{background:#004c99}}