/* dialog */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog {
	max-width: 600px !important;
	padding: 24px 32px !important;
	border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-regular) var(--border-radius-regular) !important;
	background-color: rgb(255, 255, 255) !important;
}

/* body */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body {
	margin: 0;
}

/* icon */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body-icon {
	width: 48px;
	min-width: 48px;
	height: 48px;
}

/* message */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body-message {
	width: calc(100% - 48px);
	padding: 0;
	margin-left: 20px;
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
	font-weight: 600;
	color: var(--text-color-primary) !important;
}

/* footer */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer {
	display: flex;
	flex-direction: row-reverse;
	margin-top: 20px;
}

/* submit button */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer #onesignal-slidedown-allow-button {
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	float: none !important;
	min-height: 40px !important;
	padding: 0 20px !important;
	border: 1px solid rgba(0, 0, 0, 0) !important;
	border-radius: var(--border-radius-pill) !important;
	background-color: var(--accent-color) !important;
	font-size: var(--body-font-size) !important;
	font-weight: 600 !important;
	line-height: var(--body-line-height) !important;
	color: rgb(255, 255, 255) !important;
	transition: none !important;
	-webkit-font-smoothing: auto !important;
	-moz-osx-font-smoothing: auto !important;
}

/* focus visible */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer #onesignal-slidedown-allow-button:focus-visible {
	outline: 2px solid rgba(0, 0, 0, 0.18) !important;
	outline-offset: 2px !important;
}

/* hover */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer #onesignal-slidedown-allow-button:hover {
	border-color: rgba(0, 0, 0, 0) !important;
	background-color: var(--accent-color) !important;
	color: rgb(255, 255, 255) !important;
	opacity: 0.85 !important;
}

/* active */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer #onesignal-slidedown-allow-button:active {
	border-color: rgba(0, 0, 0, 0) !important;
	background-color: var(--accent-color) !important;
	color: rgb(255, 255, 255) !important;
	opacity: 0.7 !important;
}

/* cancel button */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer #onesignal-slidedown-cancel-button {
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	float: none !important;
	min-height: 40px !important;
	padding: 0 20px !important;
	border: 1px solid var(--accent-color) !important;
	border-radius: var(--border-radius-pill) !important;
	background-color: rgba(0, 0, 0, 0) !important;
	font-size: var(--body-font-size) !important;
	font-weight: 600 !important;
	line-height: var(--body-line-height) !important;
	color: var(--accent-color) !important;
	opacity: 1 !important;
	transition: none !important;
	-webkit-font-smoothing: auto !important;
	-moz-osx-font-smoothing: auto !important;
}

/* focus visible */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer #onesignal-slidedown-cancel-button:focus-visible {
	outline: 2px solid rgba(0, 0, 0, 0.18) !important;
	outline-offset: 2px !important;
}

/* hover */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer #onesignal-slidedown-cancel-button:hover {
	border-color: var(--accent-color) !important;
	background-color: rgba(0, 0, 0, 0) !important;
	color: var(--accent-color) !important;
}

/* active */
html body #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer #onesignal-slidedown-cancel-button:active {
	border-color: var(--accent-color) !important;
	background-color: rgba(0, 0, 0, 0) !important;
	color: var(--accent-color) !important;
	opacity: 0.7 !important;
}