.dialog{background:none;background:var(--dialog-background,none);border:none;border:var(--dialog-border,none);border-radius:0;border-radius:var(--dialog-border-radius,0);border-width:0;border-width:var(--dialog-border-width,0);flex-direction:column;max-width:360px;padding:0;width:100%}.dialog[open]{display:flex}.dialog::backdrop{background:rgba(0,0,0,.55);background:var(--dialog-overlay-background,rgba(0,0,0,.55))}.dialog__header{display:flex;justify-content:flex-end;padding:var(--space-2) var(--space-2) 0}.dialog__close-button{background:none;background:var(--dialog-exit-background,none);border:0;cursor:pointer;height:var(--space-4);padding:0;width:var(--space-4)}.dialog__content{padding:0 var(--space-3) var(--space-3)}.dialog--recipe{--dialog-background:var(--color-page-background);--dialog-padding:var(--space-3)}.dialog{--dialog-exit-background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='none'%3E%3Cpath fill='%23444' fill-rule='evenodd' stroke='%23444' d='M28.272 1.828a.778.778 0 1 0-1.1-1.1L14.5 13.4 1.828.728a.778.778 0 1 0-1.1 1.1L13.4 14.5.728 27.172a.777.777 0 1 0 1.1 1.1L14.5 15.6l12.672 12.672a.778.778 0 1 0 1.1-1.1L15.6 14.5z' clip-rule='evenodd'/%3E%3C/svg%3E") center /20px no-repeat}.dialog::backdrop{--dialog-overlay-background:var(--color-max-dark-alpha-0_6)}.dialog--paid-barrier{--dialog-background:var(--color-max-light)}