.generic-dialog{box-sizing:border-box;text-align:center;color:#000;background-repeat:no-repeat;background-size:cover;border:2px solid #000;border-radius:4px;width:50rem;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:0;overflow-y:auto;box-shadow:0 11px 15px -7px #0000001f,0 24px 38px 3px #00000014,0 9px 46px 8px #0000000f}.generic-dialog::backdrop{overscroll-behavior:contain;touch-action:none;background:#00000080}.generic-dialog__header{justify-content:center;align-items:center;min-height:auto;display:flex;position:relative}.generic-dialog__header--with-chrome{padding:8px 40px}.generic-dialog__header--plain{padding:10px}.generic-dialog__header-content{flex-grow:1;justify-content:center;display:flex}.generic-dialog__close{cursor:pointer;color:#000;background:0 0;border:none;border-radius:50%;align-items:center;padding:8px;line-height:1;display:flex;position:absolute;top:8px;right:10px}.generic-dialog__close:hover{background-color:#0000000a}.generic-dialog__close-icon{color:#000;width:20px;height:20px}.generic-dialog__content{justify-content:center;padding:8px 24px 20px;display:flex;overflow-y:auto}.generic-dialog__content--flush-top{padding-top:0}.generic-dialog--flush .generic-dialog__header{padding:0}.generic-dialog--flush .generic-dialog__content{padding:0;display:block;overflow:visible}@media (max-width:599px){.generic-dialog{margin:0 auto;padding:12px}}@media (min-width:600px){.generic-dialog{padding:24px}}@media (min-width:900px){.generic-dialog{padding:32px}}