.demos_Button__X_Aqe{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}}.demos_DangerButton__Ma_8_{color:var(--color-red)}.demos_Backdrop__DrzCI{position:fixed;min-height:100dvh;inset:0;background-color:black;opacity:.2;transition:opacity .15s cubic-bezier(.45,1.005,0,1.005);@supports (-webkit-touch-callout:none){position:absolute}@media (prefers-color-scheme:dark){opacity:.7}&[data-ending-style],&[data-starting-style]{opacity:0}}.demos_Popup__R_Eui{box-sizing:border-box;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:24rem;max-width:calc(100vw - 3rem);margin-top:-2rem;padding:1.5rem;border-radius:.5rem;outline:1px solid var(--color-gray-200);background-color:var(--color-gray-50);color:var(--color-gray-900);transition:all .15s;@media (prefers-color-scheme:dark){outline:1px solid var(--color-gray-300)}&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.demos_Title___TZTD{margin-top:-.375rem;margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.0025em;font-weight:500}.demos_Description__G4XVN{margin:0 0 1.5rem;font-size:1rem;line-height:1.5rem;color:var(--color-gray-600)}.demos_Actions__5FYZc{display:flex;justify-content:end;gap:1rem}.demos_Container__la7QL{display:flex;gap:8px}.css-modules_Button__6pXJw{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;&[data-color=red]{color:var(--color-red)}@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_Backdrop__2DLTE{position:fixed;min-height:100dvh;inset:0;background-color:black;opacity:.2;transition:opacity .15s;@supports (-webkit-touch-callout:none){position:absolute}@media (prefers-color-scheme:dark){opacity:.7}&[data-ending-style],&[data-starting-style]{opacity:0}}.css-modules_Popup__pi5D_{box-sizing:border-box;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:24rem;max-width:calc(100vw - 3rem);margin-top:-2rem;padding:1.5rem;border-radius:.5rem;outline:1px solid var(--color-gray-300);background-color:var(--color-gray-50);color:var(--color-gray-900);transition:all .15s;@media (prefers-color-scheme:dark){outline:1px solid var(--color-gray-300)}&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.css-modules_Title__eh18P{margin-top:-.375rem;margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.0025em;font-weight:500}.css-modules_Description__t0vmu{margin:0 0 1.5rem;font-size:1rem;line-height:1.5rem;color:var(--color-gray-600)}.css-modules_Actions__2CjFJ{display:flex;justify-content:end;gap:1rem}.demos_IconButton__dQbDh{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__G5RvM{width:1.25rem;height:1.25rem}.demos_Positioner__2nsc5{width:var(--positioner-width);height:var(--positioner-height);max-width:var(--available-width)}.demos_Popup__LTRb6{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__lZ_Ux{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__HbfQf{fill:canvas}.demos_ArrowOuterStroke__Fm6YZ{@media (prefers-color-scheme:light){fill:var(--color-gray-200)}}.demos_ArrowInnerStroke__PDV38{@media (prefers-color-scheme:dark){fill:var(--color-gray-300)}}.demos_Title__qWTWl{margin:0;font-size:1rem;line-height:1.5rem;font-weight:500}.demos_Description__5kkbX{margin:0;font-size:1rem;line-height:1.5rem;color:var(--color-gray-600)}.demos_Actions__cLufR{display:flex;justify-content:end;gap:1rem}.demos_Container__vYfu0{display:flex;gap:8px}.demos_Button__Fwefv{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: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}}.slider_Wrapper__CFyJt{display:flex;flex-direction:column}.slider_Row__NRJBP{justify-content:center;align-items:center}.slider_Row__NRJBP,.slider_Slider__5DKsN{display:flex;gap:1rem}.slider_Value__bE6HL{line-height:1.7;width:2rem}.slider_Control__SOJ7q{box-sizing:border-box;display:flex;align-items:center;width:14rem;padding-block:.75rem}.slider_Track__HBL13{width:100%;height:.25rem;background-color:var(--color-gray-200);box-shadow:inset 0 0 0 1px var(--color-gray-200);border-radius:.25rem}.slider_Indicator__7bTNT{border-radius:.25rem;background-color:var(--color-gray-700);&.slider_r__2Yso1{background-color:red}&.slider_g__CizhN{background-color:green}&.slider_b__DAK4p{background-color:blue}}.slider_Thumb___wQdf{width:1rem;height:1rem;border-radius:100%;background-color:white;outline:1px solid var(--color-gray-300);&:focus-visible{outline:2px solid var(--color-blue)}}.slider_Field__sXGas{display:flex;flex-direction:column;align-items:start;gap:.25rem;width:4rem;max-width:4rem}.slider_Label__E3MU7{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--color-gray-900)}.slider_Group__o0o81{display:flex}.slider_Input__G13LB{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}}.slider_Error____EeK{font-size:.875rem;line-height:1.25rem;color:var(--color-red-800)}.slider_Description__iKtw9{margin:0;font-size:.875rem;line-height:1.25rem;color:var(--color-gray-600)}.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}}.ShowSidebar_root__BmoaB{width:32px;height:32px;border-radius:16px;background-color:canvas;position:fixed;top:16px;left:16px;display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:center;&:after,&:before{content:"";display:block;width:16px;height:2px;background-color:var(--color-gray-500);border-radius:1px}@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);&:hover{box-shadow:0 15px 20px -3px var(--color-gray-200),0 6px 9px -4px var(--color-gray-200)}transition:box-shadow .2s}@media (prefers-color-scheme:dark){outline:1px solid var(--color-gray-300);outline-offset:-1px;&:hover{outline:2px solid var(--color-gray-200)}}}.Button_root__MqNbz{all:unset;display:block;box-sizing:border-box;padding:4px 8px;border-radius:var(--radius-md);cursor:pointer}.Button_text__X_ipn{color:var(--color-foreground);&:hover{background-color:var(--color-gray-100)}}.Button_fullWidth__cdGCr{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px}.Tooltip_popup__OC8O8{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-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}}.Tooltip_arrow__LyhR4{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}}.Tooltip_arrowFill__fUpLH{fill:canvas}.Tooltip_arrowOuterStroke__XYNCn{@media (prefers-color-scheme:light){fill:var(--color-gray-200)}}.Tooltip_arrowInnerStroke__SCiM4{@media (prefers-color-scheme:dark){fill:var(--color-gray-300)}}.css-modules_Button__zDTII{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_GhostButton__lHyZv{display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5rem;background-color:initial;color:var(--color-red);border-radius:.25rem;padding:.125rem .375rem;margin:-.125rem -.375rem;border:0;outline:0;@media (hover:hover){&:hover{background-color:color-mix(in oklch,var(--color-red),transparent 95%)}}&:active{background-color:color-mix(in oklch,var(--color-red),transparent 90%)}@media (prefers-color-scheme:dark){@media (hover:hover){&:hover{background-color:color-mix(in oklch,var(--color-red),transparent 85%)}}&:active{background-color:color-mix(in oklch,var(--color-red),transparent 75%)}}&:focus-visible{outline:2px solid var(--color-red);outline-offset:-1px}}.css-modules_Backdrop__IagBv{position:fixed;min-height:100dvh;inset:0;background-color:black;opacity:.2;transition:opacity .15s cubic-bezier(.45,1.005,0,1.005);@supports (-webkit-touch-callout:none){position:absolute}@media (prefers-color-scheme:dark){opacity:.7}&[data-ending-style],&[data-starting-style]{opacity:0}}.css-modules_Popup___fJ7D{box-sizing:border-box;position:fixed;top:50%;left:50%;width:24rem;max-width:calc(100vw - 3rem);margin-top:-2rem;padding:1.5rem;border-radius:.5rem;outline:1px solid var(--color-gray-200);background-color:var(--color-gray-50);color:var(--color-gray-900);transition:all .15s;transform:translate(-50%,-50%) scale(calc(1 - .1 * var(--nested-dialogs)));translate:0 calc(0px + 1.25rem * var(--nested-dialogs));@media (prefers-color-scheme:dark){outline:1px solid var(--color-gray-300)}&[data-nested-dialog-open]{&:after{content:"";inset:0;position:absolute;border-radius:inherit;background-color:rgb(0 0 0/.05)}}&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.css-modules_Title__01x_W{margin-top:-.375rem;margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.0025em;font-weight:500}.css-modules_Description__NrbwO{margin:0 0 1.5rem;font-size:1rem;line-height:1.5rem;color:var(--color-gray-600)}.css-modules_Actions__gwo_J{display:flex;justify-content:end;gap:1rem}.css-modules_TextareaContainer__2djmT{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.css-modules_Textarea__A4wrK{box-sizing:border-box;padding-block:.5rem;padding-inline:.875rem;margin:0;border:1px solid var(--color-gray-200);width:100%;min-height:12rem;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}}.demos_Button__N5AzX{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}}.demos_Backdrop__IXmgB{position:fixed;min-height:100dvh;inset:0;background-color:black;opacity:.2;transition:opacity .15s cubic-bezier(.45,1.005,0,1.005);@supports (-webkit-touch-callout:none){position:absolute}@media (prefers-color-scheme:dark){opacity:.7}&[data-ending-style],&[data-starting-style]{opacity:0}}.demos_Popup__eAlv7{box-sizing:border-box;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:24rem;max-width:calc(100vw - 3rem);margin-top:-2rem;padding:1.5rem;border-radius:.5rem;outline:1px solid var(--color-gray-200);background-color:var(--color-gray-50);color:var(--color-gray-900);transition:all .15s;@media (prefers-color-scheme:dark){outline:1px solid var(--color-gray-300)}&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.demos_Title__BJ1D_{margin-top:-.375rem;margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.0025em;font-weight:500}.demos_Description__3LCPN{margin:0 0 1.5rem;font-size:1rem;line-height:1.5rem;color:var(--color-gray-600)}.demos_Actions__enRCA{display:flex;justify-content:end;gap:1rem}.demos_Container__3b3xw{display:flex;gap:8px}