/* #region Dialog  */
/* Modal */
dialog.modal {
    place-self: anchor-center;
    border: none;
    padding: 0;
    border-radius: 18px;
    box-shadow: var(--shadow);
    width: min(560px, 92vw)
}

.sheet {
    background: #fff;
    border-radius: 18px;
    overflow: hidden
}

.sheet header {
    background: var(--light-bg);
    padding: 16px 18px;
    border-bottom: 1px solid #e6edf3;
    font-weight: 700
}

.fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 18px
}

.fields .full {
    grid-column: 1/-1
}

.fields input,
.fields textarea,
.fields select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #cfd7df;
    border-radius: 10px;
    font: inherit;
    background: #fff
}

.sheet .dialog-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 18px 18px
}

.dialog-btn-outline {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.dialog-btn-primary {
    color: var(--_fg);
    background: var(--_bg);
}


@media screen and (max-width: 768px) {
    .cta-band-copy, .cta-band-actions {
        flex:0;
    }

    .sw-hero-actions {
	    display: grid;
    gap: 1rem;
	}

}

/* #endregion */