.cobalt-dialog {
    border: none;
    border-radius: var(--space-s);
    box-shadow: var(--shadow-lg);
    padding: var(--space-m);
    color: var(--clr-light-a0);
    background-color: var(--clr-surface-a0);
    width: 100%;
    max-width: var(--section-width);
    height: 80dvh;

    &::backdrop {
        background-color: rgb(from var(--clr-dark-a0) r g b / 0.8);
        backdrop-filter: blur(var(--space-s));
    }

    > .cobalt-button {
        position: absolute;
        top: var(--space-xs);
        right: var(--space-xs);
        z-index: 100;
    }

    > .cobalt-dialog-content {
        min-height: 100%;
    }
}