@layer components{.popup{background:var(--picus-color-transparent);border:0;color:var(--popup-fg);inline-size:min(var(--popup-width),var(--popup-max-width));margin:auto;max-block-size:var(--popup-max-height);overflow:visible;padding:0}.popup::backdrop{backdrop-filter:blur(var(--picus-blur-md));-webkit-backdrop-filter:blur(var(--picus-blur-md));background:var(--popup-backdrop)}.popup__inner{background:var(--popup-bg);border:var(--popup-border);border-radius:var(--popup-radius);max-block-size:var(--popup-max-height);overflow:auto;padding:var(--popup-padding);position:relative}.popup__inner>*+*{margin-block-start:var(--picus-space-4)}.popup__close{align-items:center;block-size:var(--popup-close-size);color:var(--popup-fg);display:inline-flex;inline-size:var(--popup-close-size);inset-block-start:var(--picus-space-3);inset-inline-end:var(--picus-space-3);justify-content:center;position:absolute;transition:color var(--picus-transition-snap);z-index:var(--popup-close-z)}.popup__close:hover{color:var(--picus-primary)}.popup__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}}