@layer fs-theme{.demo-tooltip-hero-panel{border:var(--fs-border-width) solid var(--fs-color-foreground);background-color:var(--fs-color-surface);display:flex}.demo-tooltip-shared-container{gap:var(--fs-space-2);flex-wrap:wrap;justify-content:center;display:flex}.demo-tooltip-shared-button-group,.demo-tooltip-detached-triggers-full-button-group{display:flex}.demo-tooltip-detached-triggers-full-positioner{transition:var(--fs-tooltip-positioner-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))}.demo-tooltip-detached-triggers-full-positioner[data-instant]{transition:none}.demo-tooltip-detached-triggers-full-popup{height:var(--popup-height,auto);width:var(--popup-width,auto);max-width:500px;transition:var(--fs-tooltip-popup-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), scale .35s cubic-bezier(.22, 1, .36, 1));padding:0}.demo-tooltip-detached-triggers-full-popup[data-starting-style],.demo-tooltip-detached-triggers-full-popup[data-ending-style]{scale:.9}.demo-tooltip-detached-triggers-full-arrow{transition:left .35s cubic-bezier(.22,1,.36,1)}.demo-tooltip-detached-triggers-full-arrow[data-instant]{transition:none}}._Container_12pw4_1{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}._ButtonGroup_12pw4_8{display:flex}._IconButton_12pw4_12{box-sizing:border-box;color:#0a0a0a;color:lab(2.75381% 0 0);-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);justify-content:center;align-items:center;width:2rem;height:2rem;margin:0;padding:0;display:flex}@media (prefers-color-scheme:dark){._IconButton_12pw4_12{color:#fff;background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}._IconButton_12pw4_12[data-popup-open]{background-color:#f5f5f5;background-color:lab(96.52% -.0000298023 .0000119209)}@media (prefers-color-scheme:dark){._IconButton_12pw4_12[data-popup-open]{background-color:#262626;background-color:lab(15.204% 0 -.00000596046)}}@media (hover:hover){._IconButton_12pw4_12:hover:not([data-disabled]){background-color:#f5f5f5;background-color:lab(96.52% -.0000298023 .0000119209)}@media (prefers-color-scheme:dark){._IconButton_12pw4_12:hover:not([data-disabled]){background-color:#262626;background-color:lab(15.204% 0 -.00000596046)}}}._IconButton_12pw4_12:active:not([data-disabled]){background-color:#e5e5e5;background-color:lab(90.952% 0 -.0000119209)}@media (prefers-color-scheme:dark){._IconButton_12pw4_12:active:not([data-disabled]){background-color:#404040;background-color:lab(27.036% 0 0)}}._IconButton_12pw4_12:not(:first-child){border-left:none}._IconButton_12pw4_12[data-disabled]{color:#737373;color:lab(48.496% 0 0);border-color:#737373;border-color:lab(48.496% 0 0)}@media (prefers-color-scheme:dark){._IconButton_12pw4_12[data-disabled]{color:#a1a1a1;color:lab(66.128% -.0000298023 .0000119209);border-color:#a1a1a1;border-color:lab(66.128% -.0000298023 .0000119209)}}._IconButton_12pw4_12:focus-visible{outline-offset:-1px;outline:2px solid #0a0a0a;outline:2px solid lab(2.75381% 0 0);position:relative}@media (prefers-color-scheme:dark){._IconButton_12pw4_12:focus-visible{outline-color:#fff}}._Positioner_12pw4_84{height:var(--positioner-height);width:var(--positioner-width);max-width:var(--available-width)}._Popup_12pw4_90{box-sizing:border-box;color:#0a0a0a;color:lab(2.75381% 0 0);transform-origin:var(--transform-origin);background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;transition:scale .1s ease-out,opacity .1s ease-out;position:relative;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){._Popup_12pw4_90{color:#fff;box-shadow:none;background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}._Popup_12pw4_90[data-starting-style],._Popup_12pw4_90[data-ending-style]{opacity:0;scale:.98}._Popup_12pw4_90[data-instant]{transition:none}._Arrow_12pw4_123{width:12px;height:6px;display:block;position:relative;overflow:clip}._Arrow_12pw4_123[data-side=top]{bottom:-6px;rotate:180deg}._Arrow_12pw4_123[data-side=bottom]{top:-6px;rotate:0deg}._Arrow_12pw4_123[data-side=left]{right:-9px;rotate:90deg}._Arrow_12pw4_123[data-side=right]{left:-9px;rotate:-90deg}._Arrow_12pw4_123:before{content:"";box-sizing:border-box;background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);width:8.48528px;height:8.48528px;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)rotate(45deg)}@media (prefers-color-scheme:dark){._Arrow_12pw4_123:before{background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}._Button_12pw4_8{box-sizing:border-box;white-space:nowrap;color:#0a0a0a;color:lab(2.75381% 0 0);-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);justify-content:center;align-items:center;gap:.5rem;height:2rem;margin:0;padding:0 .75rem;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1;display:flex}@media (prefers-color-scheme:dark){._Button_12pw4_8{color:#fff;background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}@media (hover:hover){._Button_12pw4_8:hover:not([data-disabled]){background-color:#f5f5f5;background-color:lab(96.52% -.0000298023 .0000119209)}@media (prefers-color-scheme:dark){._Button_12pw4_8:hover:not([data-disabled]){background-color:#262626;background-color:lab(15.204% 0 -.00000596046)}}}._Button_12pw4_8:active:not([data-disabled]){background-color:#e5e5e5;background-color:lab(90.952% 0 -.0000119209)}@media (prefers-color-scheme:dark){._Button_12pw4_8:active:not([data-disabled]){background-color:#404040;background-color:lab(27.036% 0 0)}}._Button_12pw4_8[data-disabled]{color:#737373;color:lab(48.496% 0 0);border-color:#737373;border-color:lab(48.496% 0 0)}@media (prefers-color-scheme:dark){._Button_12pw4_8[data-disabled]{color:#a1a1a1;color:lab(66.128% -.0000298023 .0000119209);border-color:#a1a1a1;border-color:lab(66.128% -.0000298023 .0000119209)}}._Button_12pw4_8:focus-visible{outline-offset:-1px;outline:2px solid #0a0a0a;outline:2px solid lab(2.75381% 0 0);position:relative}@media (prefers-color-scheme:dark){._Button_12pw4_8:focus-visible{outline-color:#fff}}
