.pigui-modal{opacity:0;transition:opacity .2s ease, transform .2s ease, overlay .2s ease allow-discrete, display .2s ease allow-discrete;display:none;transform:scale(.95)translateY(10px)}.pigui-modal[open]{opacity:1;display:flex;transform:none}.pigui-modal::backdrop{opacity:0;transition:opacity .2s ease, overlay .2s ease allow-discrete, display .2s ease allow-discrete}.pigui-modal[open]::backdrop{opacity:1}@starting-style{.pigui-modal[open]{opacity:0;transform:scale(.95)translateY(10px)}.pigui-modal[open]::backdrop{opacity:0}}.pigui-modal-scroll{background:linear-gradient(var(--color-surface-raised) 30%, transparent) top / 100% 1.5rem, linear-gradient(transparent, var(--color-surface-raised) 70%) bottom / 100% 1.5rem, radial-gradient(farthest-side at 50% 0, #00000026, transparent) top / 100% .75rem, radial-gradient(farthest-side at 50% 100%, #00000026, transparent) bottom / 100% .75rem;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}@media (prefers-reduced-motion:reduce){.pigui-modal,.pigui-modal::backdrop{transition:none;transform:none}}.pigui-floating{opacity:0;transform-origin:top;transition:opacity .15s ease, transform .15s ease, overlay .15s ease allow-discrete, display .15s ease allow-discrete;transform:scale(.96)translateY(-4px)}.pigui-floating[data-side=top]{transform-origin:bottom;transform:scale(.96)translateY(4px)}.pigui-floating:popover-open{opacity:1;transform:none}@starting-style{.pigui-floating:popover-open{opacity:0;transform:scale(.96)translateY(-4px)}.pigui-floating[data-side=top]:popover-open{transform:scale(.96)translateY(4px)}}@media (prefers-reduced-motion:reduce){.pigui-floating{transition:none;transform:none}}