html.dd-popup-open { overflow: hidden; }
dialog.dd-popup:not([open]) { display: none !important; }
dialog.dd-popup {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    margin: auto;
    width: var(--dd-width, 900px);
    max-width: calc(100vw - 32px);
    height: fit-content;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    padding: 0;
    border: 0;
    border-radius: var(--dd-radius, 16px);
    overflow: auto;
    overscroll-behavior: contain;
    color: #182820;
    background: transparent;
    box-shadow: none;
}
dialog.dd-popup::backdrop { background: rgb(0 0 0 / var(--dd-overlay, .55)); }
dialog.dd-popup .dd-popup__close {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 20;
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--dd-close-color, #15221c);
    font: inherit;
    cursor: pointer;
}
dialog.dd-popup .dd-popup__close svg { display: block; width: var(--dd-close-size, 24px); height: var(--dd-close-size, 24px); margin: auto; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
dialog.dd-popup .dd-popup__close:hover,
dialog.dd-popup .dd-popup__close:active { background: transparent !important; box-shadow: none !important; }
dialog.dd-popup .dd-popup__close:focus,
dialog.dd-popup .dd-popup__close:focus-visible { outline: 0; }
dialog.dd-popup .custom-pastel-banner { position: relative; }
dialog.dd-popup .dd-popup__content { position: relative; min-width: 0; max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); overflow: auto; overflow-wrap: anywhere; }
dialog.dd-popup .dd-popup__content img { max-width: 100%; }
dialog.dd-popup.dd-popup--bottom { margin-bottom: 16px; }
dialog.dd-popup.dd-popup--bottom-right { margin-bottom: 16px; margin-right: 16px; }
dialog.dd-popup.dd-popup--bottom-left { margin-bottom: 16px; margin-left: 16px; }
dialog.dd-popup.dd-popup--top { margin-top: 16px; }
dialog.dd-popup.dd-popup--fade[open] { animation: dd-popup-fade .18s ease-out; }
dialog.dd-popup.dd-popup--slide[open] { animation: dd-popup-slide .2s ease-out; }
@keyframes dd-popup-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes dd-popup-slide { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { dialog.dd-popup[open] { animation: none; } }