.fluent-panel-root.svelte-2ntbbz{position:fixed;top:var(--panel-top, 0);right:0;bottom:0;left:0;z-index:var(--fluent-z-modal, 1050);pointer-events:none}.fluent-panel-overlay.svelte-2ntbbz{position:absolute;inset:0;background-color:#0000;cursor:pointer;pointer-events:none;transition:background-color .25s ease;z-index:var(--fluent-z-modal-backdrop, 1040)}.fluent-panel.svelte-2ntbbz{position:absolute;top:0;height:100%;max-width:90vw;background-color:var(--neutral-layer-1, #ffffff);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s ease;visibility:hidden;z-index:calc(var(--fluent-z-modal, 1050) + 1)}.fluent-panel-root--right.svelte-2ntbbz .fluent-panel:where(.svelte-2ntbbz){right:0;box-shadow:-4px 0 16px #00000026;transform:translate(100%)}.fluent-panel-root--left.svelte-2ntbbz .fluent-panel:where(.svelte-2ntbbz){left:0;box-shadow:4px 0 16px #00000026;transform:translate(-100%)}.fluent-panel-root--start.svelte-2ntbbz .fluent-panel:where(.svelte-2ntbbz){inset-inline-start:0;box-shadow:4px 0 16px #00000026;transform:translate(-100%)}.fluent-panel-root--start.fluent-panel-root--rtl.svelte-2ntbbz .fluent-panel:where(.svelte-2ntbbz){inset-inline-start:unset;right:0;box-shadow:-4px 0 16px #00000026;transform:translate(100%)}.fluent-panel-root--end.svelte-2ntbbz .fluent-panel:where(.svelte-2ntbbz){inset-inline-end:0;box-shadow:-4px 0 16px #00000026;transform:translate(100%)}.fluent-panel-root--end.fluent-panel-root--rtl.svelte-2ntbbz .fluent-panel:where(.svelte-2ntbbz){inset-inline-end:unset;left:0;box-shadow:4px 0 16px #00000026;transform:translate(-100%)}.fluent-panel-root--open.svelte-2ntbbz .fluent-panel-overlay:where(.svelte-2ntbbz){background-color:#0000004d;pointer-events:auto}.fluent-panel-root.fluent-panel-root--open.svelte-2ntbbz .fluent-panel:where(.svelte-2ntbbz){transform:translate(0);visibility:visible;pointer-events:auto}.fluent-panel--pinned.svelte-2ntbbz{position:relative;top:auto;height:auto;max-width:none;transform:none;visibility:visible;pointer-events:auto;transition:none;flex-shrink:0;align-self:stretch;box-shadow:none;border-inline-end:1px solid var(--neutral-stroke-layer-rest, #e0e0e0);z-index:var(--fluent-z-panel-pinned, 1)}.fluent-panel--pinned-end.svelte-2ntbbz,.fluent-panel--pinned-right.svelte-2ntbbz{border-inline-end:none;border-inline-start:1px solid var(--neutral-stroke-layer-rest, #e0e0e0)}