@layer shared{.popover{--background:var(--surface-default);--title-color:var(--text-light);--color:var(--text-body);--width:415px;--padding:var(--spacing-sm);--spacing:var(--spacing-3xs);padding:var(--padding);border-radius:var(--border-radius-lg);background:var(--background);color:var(--color);width:var(--width);border:none;max-width:calc(100% - 40px);max-height:calc(100% - 40px);overflow:visible}@media (min-width:600px){.popover{padding:var(--spacing-2xl)}}.popover:not(:popover-open):not([open]){display:none}.popover::backdrop{background:var(--overlay-90)}.popover[open]{height:fit-content;z-index:var(--z-index-over-modal);display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popover.is-dark-mode{--background:var(--white);--title-color:var(--black-400);--color:var(--black-400)}.popover__title{font:var(--title-xs-semibold);color:var(--title-color);margin:0 0 var(--spacing)}.popover__text{font:var(--body-md-regular);margin:0 0 var(--spacing)}@media (min-width:600px){.popover__text{margin-bottom:var(--spacing-sm)}}.popover__buttons{gap:var(--spacing);margin:var(--spacing) 0 0;display:flex}@media (min-width:600px){.popover__buttons{margin-top:var(--spacing-sm)}}}