.popover{gap:var(--space-800);z-index:calc(var(--z-modal) + 51);opacity:0;background-color:var(--color-ui-0);pointer-events:none;transition:transform var(--animation-overlay), opacity var(--animation-overlay);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translateY(12px)scale(.96)}.popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.popover.is-closing{opacity:0;transform:translateY(12px)}.popover__header{z-index:var(--z-sticky);padding-inline:var(--space-300);padding-top:var(--space-600);touch-action:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@media screen and (width>=64rem){.popover__header{padding-inline:var(--space-400);padding-top:var(--space-400)}}.popover__heading{gap:var(--space-250);flex-direction:column;display:flex}.popover__title{font-family:var(--font-family-sans-serif);font-size:var(--ui-1-uppercase-font-size);line-height:var(--ui-1-uppercase-line-height);font-weight:var(--ui-1-uppercase-font-weight);letter-spacing:var(--ui-1-uppercase-letter-spacing);text-transform:uppercase}.popover__subtitle{font-family:var(--font-family-sans-serif);font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-font-weight);color:var(--color-cream-700)}.popover__close{top:var(--space-400);right:var(--space-400);z-index:var(--z-raised);font-size:0;display:inline-block;position:absolute}.popover__body{padding:var(--space-300)}@media screen and (width>=64rem){.popover__body{padding:var(--space-400)}}