.popover{inset-inline:var(--spacing-gutter-side);z-index:var(--z-modal);opacity:0;background-color:var(--color-white);pointer-events:none;transition:transform var(--animation-overlay), opacity var(--animation-overlay);position:fixed;inset-block-end:var(--spacing-gutter-side);overflow:hidden;transform:translateY(12px)scale(.96)}@media (prefers-reduced-motion:reduce){.popover{transition-duration:.01ms}}@media screen and (width>=64rem){.popover{width:calc(50% - var(--spacing-gutter-side));inset-inline-start:auto}}.popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.popover.is-closing{opacity:0;transform:translateY(12px)scale(.96)}.popover__header{z-index:var(--z-sticky);background-color:var(--color-white);padding-inline:var(--space-400);padding-block:var(--space-800);touch-action:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.popover__title{padding-inline-end:var(--space-200)}.popover__close{top:var(--space-100);z-index:var(--z-raised);font-size:0;display:inline-block;position:relative}.popover__body{padding:var(--space-500)}