.ivc[hidden] {
	display: none !important;
}

.ivc {
	--ivc-accent: #1967d2;
	--ivc-bg: #fff;
	--ivc-text: #172033;
	--ivc-accept-bg: #00a8b8;
	--ivc-accept-text: #fff;
	--ivc-decline-bg: #fff;
	--ivc-decline-text: #172033;
	--ivc-button-radius: 10px;
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	font-family: var(--ivc-font, inherit);
	color: var(--ivc-text);
	direction: rtl;
}

.ivc__dialog {
	pointer-events: auto;
}

.ivc__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(10, 16, 28, .58);
	backdrop-filter: blur(2px);
	opacity: 0;
	transition: opacity .28s ease;
}

.ivc__dialog {
	position: absolute;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 22px;
	box-sizing: border-box;
	max-height: calc(100vh - 24px);
	max-height: calc(100dvh - 24px);
	overflow-y: auto;
	background: var(--ivc-bg);
	color: var(--ivc-text);
	border-radius: 0 !important;
	box-shadow: 0 -18px 60px rgba(9, 19, 38, .18);
	transform: translateY(24px);
	opacity: 0;
	transition: transform .28s ease, opacity .28s ease;
}

.ivc--bar .ivc__dialog {
	right: 0;
	bottom: 0;
	left: 0;
	padding: clamp(24px, 3vw, 42px) max(24px, calc((100vw - 1240px) / 2));
	border-top: 4px solid var(--ivc-accent);
}

.ivc--card .ivc__dialog {
	top: 50%;
	left: 50%;
	width: min(680px, calc(100% - 32px));
	padding: clamp(26px, 5vw, 44px);
	border-top: 5px solid var(--ivc-accent);
	transform: translate(-50%, calc(-50% + 20px));
	grid-template-columns: auto minmax(0, 1fr);
}

.ivc--card .ivc__actions {
	grid-column: 1 / -1;
	width: 100%;
}

.ivc--no-icon .ivc__dialog {
	grid-template-columns: minmax(0, 1fr) auto;
}

.ivc--card.ivc--no-icon .ivc__dialog {
	grid-template-columns: 1fr;
}

.ivc.is-visible .ivc__backdrop {
	opacity: 1;
}

.ivc.is-visible .ivc__dialog {
	opacity: 1;
	transform: translateY(0);
}

.ivc--card.is-visible .ivc__dialog {
	transform: translate(-50%, -50%);
}

.ivc__mark {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 15px;
	background: color-mix(in srgb, var(--ivc-accent) 12%, white);
	color: var(--ivc-accent);
}

.ivc__mark svg {
	width: 27px;
	height: 27px;
	fill: currentColor;
}

.ivc__mark--custom {
	background: transparent;
}

.ivc__mark img {
	display: block;
	width: 48px;
	height: 48px;
	object-fit: contain;
}

.ivc__copy h2 {
	margin: 0 0 7px;
	font: inherit;
	font-size: clamp(19px, 2vw, 24px);
	font-weight: 800;
	line-height: 1.25;
	color: inherit;
}

.ivc__message,
.ivc__message p {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: inherit;
}

.ivc__message a {
	color: var(--ivc-accent);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.ivc .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.ivc__decline-note {
	margin: 12px 0 0;
	padding: 10px 12px;
	border-right: 3px solid var(--ivc-accent);
	background: color-mix(in srgb, var(--ivc-accent) 8%, var(--ivc-bg));
	font-size: 14px;
	font-weight: 700;
	line-height: 1.55;
}

.ivc__decline-note[hidden] {
	display: none !important;
}

.ivc__actions {
	display: grid;
	gap: 9px;
	min-width: 164px;
}

.ivc__accept,
.ivc__decline,
.ivc-reset {
	appearance: none;
	border-radius: var(--ivc-button-radius) !important;
	cursor: pointer;
	font: inherit;
	font-weight: 800;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.ivc .ivc__accept,
.ivc .ivc__decline {
	border-radius: var(--ivc-button-radius) !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 150px;
	min-height: 50px;
	padding: 13px 24px;
	font-family: var(--ivc-font, inherit) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.ivc .ivc__accept {
	border: 1px solid var(--ivc-accept-bg) !important;
	background-color: var(--ivc-accept-bg) !important;
	background-image: none !important;
	color: var(--ivc-accept-text) !important;
	box-shadow: 0 10px 24px color-mix(in srgb, var(--ivc-accept-bg) 28%, transparent) !important;
}

.ivc .ivc__decline {
	border: 1px solid var(--ivc-decline-text) !important;
	background-color: var(--ivc-decline-bg) !important;
	background-image: none !important;
	color: var(--ivc-decline-text) !important;
	box-shadow: none !important;
}

.ivc .ivc__accept:hover,
.ivc .ivc__decline:hover {
	filter: brightness(.94);
	transform: translateY(-1px);
}

.ivc__accept:focus-visible,
.ivc__decline:focus-visible,
.ivc__message a:focus-visible,
.ivc-reset:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--ivc-accent) 45%, white);
	outline-offset: 3px;
}

.ivc-reset {
	padding: 8px 14px;
	background: transparent;
	color: inherit;
	border: 1px solid currentColor;
}

.ivc-lock-scroll {
	overflow: hidden !important;
}

.ivc-toast {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 2147483001;
	box-sizing: border-box;
	max-width: min(430px, calc(100% - 40px));
	padding: 15px 18px;
	border-right: 4px solid var(--ivc-toast-accent, #1967d2);
	border-radius: 0;
	background: var(--ivc-toast-bg, #fff);
	color: var(--ivc-toast-text, #172033);
	box-shadow: 0 14px 38px rgba(9, 19, 38, .2);
	font-family: var(--ivc-toast-font, inherit);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.55;
	direction: rtl;
}

@media (max-width: 760px) {
	.ivc__dialog,
	.ivc--card .ivc__dialog,
	.ivc--no-icon .ivc__dialog,
	.ivc--card.ivc--no-icon .ivc__dialog {
		grid-template-columns: 1fr;
		gap: 14px;
		text-align: right;
	}

	.ivc-toast {
		right: 12px;
		bottom: 12px;
		max-width: calc(100% - 24px);
	}

	.ivc--bar .ivc__dialog {
		padding: 24px 20px calc(20px + env(safe-area-inset-bottom));
		border-radius: 0 !important;
	}

	.ivc__mark {
		display: none;
	}

	.ivc__actions {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ivc__backdrop,
	.ivc__dialog,
	.ivc__accept,
	.ivc__decline {
		transition: none;
	}
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
	.ivc__mark {
		background: #eef4ff;
	}
	.ivc__accept {
		box-shadow: 0 10px 24px rgba(25, 103, 210, .22);
	}
	.ivc__decline-note {
		background: #f4f7fb;
	}
}
