.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='33' height='32' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M.5 28.46 28.78.18l3.54 3.54L4.04 32z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m4.04.18 28.28 28.28L28.78 32 .5 3.72z' clip-rule='evenodd'/%3E%3C/svg%3E") center /20px no-repeat}