@layer app-popup{.popup-surface{box-sizing:border-box;max-width:calc(100vw - 2 * var(--spacings-s16));max-height:calc(100dvh - 2 * var(--spacings-s16));padding:var(--spacings-s24);color:var(--text-colors-base);background:var(--background-colors-base);border:1px solid var(--background-colors-tint-3);border-radius:var(--corner-radius-r16);box-shadow:var(--shadows-tint-1);margin:auto;font-family:inherit}.popup-surface::backdrop{background:var(--background-colors-transparent)}.popup-surface[open]{transition:opacity .2s var(--easings-ease), transform .2s var(--easings-ease)}@starting-style{.popup-surface[open]{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.popup-surface[open]{transition:none}}.popup-surface :focus-visible{outline:2px solid var(--primary-colors-base-default);outline-offset:2px}.popup-surface{--popup-field:var(--background-colors-tint-1);--popup-line:var(--background-colors-tint-3);--popup-muted:var(--text-colors-tint-1);--popup-selected:var(--background-colors-tint-2)}.popup-close{flex-shrink:0}}.popup-surface .popup-close:focus-visible{background-color:var(--neutral-colors-base-action);outline:none}