.coa-dialog {position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(0.5rem); background-color: rgba(0,0,0,0.5); display: none; padding: 5rem; flex-direction: column; align-items: center; justify-content: center; z-index: 999}
.coa-dialog .coa-dialog-content {background-color: #fff; border-radius: .5rem; padding: 0 2rem 2rem; width: 100%; height: 100%; margin: 0 2rem; overflow-y: scroll; color: #1E2F64; display: flex; flex-direction: column; gap: 1rem}
.coa-dialog .coa-dialog-content .coa-dialog-content-header {display: flex; flex-direction: row; align-items: center; justify-content: space-between; min-height: 5rem}
.coa-dialog .coa-dialog-content .coa-dialog-content-header .controls-container {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5rem}
.coa-dialog .coa-dialog-content .coa-dialog-content-header .controls-container .dialog-control {background-color: transparent; border: none; color: #1E2F64; font-size: 1.6rem; font-weight: 600; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; user-select: none}
.coa-dialog .coa-dialog-content .coa-dialog-content-body {flex-grow: 1}

@media(max-width: ) {
  .coa-dialog {padding: 3rem; }
}
@media(max-width: ) {
  .coa-dialog {padding: 1.5rem; }
}