@media screen {
	.itss-cookie-banner,
	.itss-cookie-manage {
		font-family: 'Open Sans', Arial, sans-serif;
	}

	.itss-cookie-banner {
		--itss-cookie-bg: rgba(7, 24, 39, .96);
		--itss-cookie-border: rgba(255, 255, 255, .16);
		--itss-cookie-shadow: 0 22px 52px rgba(0, 0, 0, .28);
		--itss-cookie-text: #F3F8FC;
		--itss-cookie-heading: #FFFFFF;
		--itss-cookie-muted: rgba(243, 248, 252, .80);
		--itss-cookie-link: #A9D8F7;
		--itss-cookie-button-bg: rgba(255, 255, 255, .08);
		--itss-cookie-button-hover: rgba(255, 255, 255, .14);
		--itss-cookie-button-border: rgba(255, 255, 255, .24);
		--itss-cookie-button-text: #FFFFFF;
		--itss-cookie-primary: #2F6F9F;
		--itss-cookie-primary-hover: #255B83;
		--itss-cookie-primary-text: #FFFFFF;
		--itss-cookie-check-bg: #071827;
		--itss-cookie-check-border: #B8C7D5;
		--itss-cookie-check-on-bg: #4CC38A;
		--itss-cookie-check-on-border: #6FECAD;
		--itss-cookie-check-mark: #071827;
		position: fixed;
		right: 1rem;
		bottom: 1rem;
		z-index: 10000;
		width: min(38rem, calc(100vw - 2rem));
		padding: .95rem;
		border: 1px solid var(--itss-cookie-border);
		border-radius: 8px;
		background: var(--itss-cookie-bg);
		box-shadow: var(--itss-cookie-shadow);
		color: var(--itss-cookie-text) !important;
		line-height: 1.45;
	}

	html[data-itss-theme="light"] .itss-cookie-banner {
		--itss-cookie-bg: rgba(255, 255, 255, .97);
		--itss-cookie-border: rgba(15, 37, 56, .16);
		--itss-cookie-shadow: 0 18px 44px rgba(15, 37, 56, .18);
		--itss-cookie-text: #0B1B28;
		--itss-cookie-heading: #0B1B28;
		--itss-cookie-muted: #4F6070;
		--itss-cookie-link: #245F8B;
		--itss-cookie-button-bg: #EEF4F8;
		--itss-cookie-button-hover: #E2ECF3;
		--itss-cookie-button-border: rgba(36, 95, 139, .28);
		--itss-cookie-button-text: #0B1B28;
		--itss-cookie-primary: #245F8B;
		--itss-cookie-primary-hover: #1D4E73;
		--itss-cookie-primary-text: #FFFFFF;
		--itss-cookie-check-bg: #FFFFFF;
		--itss-cookie-check-border: #496578;
		--itss-cookie-check-on-bg: #2FA366;
		--itss-cookie-check-on-border: #1D7D4D;
		--itss-cookie-check-mark: #FFFFFF;
	}

	.itss-cookie-banner[hidden],
	.itss-cookie-settings[hidden],
	.itss-cookie-manage[hidden] {
		display: none !important;
	}

	.itss-cookie-banner h2 {
		margin: 0 0 .35rem;
		color: var(--itss-cookie-heading) !important;
		font-size: 1rem;
		line-height: 1.25;
	}

	.itss-cookie-banner p {
		margin: .3rem 0;
		color: var(--itss-cookie-muted) !important;
		font-size: .86rem;
	}

	.itss-cookie-banner a {
		color: var(--itss-cookie-link) !important;
	}

	.itss-cookie-actions {
		display: flex;
		flex-wrap: wrap;
		gap: .45rem;
		margin-top: .75rem;
	}

	.itss-cookie-button {
		appearance: none;
		border: 1px solid var(--itss-cookie-button-border);
		border-radius: 8px;
		background: var(--itss-cookie-button-bg) !important;
		color: var(--itss-cookie-button-text) !important;
		cursor: pointer;
		font: inherit;
		font-size: .82rem;
		font-weight: 800;
		line-height: 1;
		padding: .62rem .72rem;
	}

	.itss-cookie-button:hover,
	.itss-cookie-button:focus {
		background: var(--itss-cookie-button-hover) !important;
		color: var(--itss-cookie-button-text) !important;
	}

	.itss-cookie-button.primary {
		background: var(--itss-cookie-primary) !important;
		border-color: var(--itss-cookie-primary);
		color: var(--itss-cookie-primary-text) !important;
	}

	.itss-cookie-button.primary:hover,
	.itss-cookie-button.primary:focus {
		background: var(--itss-cookie-primary-hover) !important;
		border-color: var(--itss-cookie-primary-hover);
		color: var(--itss-cookie-primary-text) !important;
	}

	.itss-cookie-settings {
		margin-top: .75rem;
		padding-top: .75rem;
		border-top: 1px solid var(--itss-cookie-border);
	}

	.itss-cookie-choice {
		display: grid;
		grid-template-columns: 1.2rem minmax(0, 1fr);
		gap: .55rem;
		margin: .55rem 0;
		color: var(--itss-cookie-text) !important;
		font-size: .86rem;
	}

	.itss-cookie-choice input[type="checkbox"] {
		appearance: none !important;
		-webkit-appearance: none !important;
		background: var(--itss-cookie-check-bg) !important;
		border: 2px solid var(--itss-cookie-check-border) !important;
		border-radius: 5px !important;
		box-shadow:
			inset 0 0 0 2px var(--itss-cookie-check-bg),
			0 0 0 1px rgba(15, 37, 56, .10) !important;
		color: var(--itss-cookie-check-mark) !important;
		cursor: pointer;
		display: inline-grid;
		height: 1.05rem !important;
		margin-top: .18rem;
		place-content: center;
		transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease;
		width: 1.05rem !important;
	}

	.itss-cookie-choice input[type="checkbox"]::before {
		border-bottom: 3px solid currentColor;
		border-left: 3px solid currentColor;
		content: "";
		height: .32rem;
		margin-top: -.05rem;
		transform: rotate(-45deg) scale(0);
		transform-origin: center;
		transition: transform .12s ease;
		width: .56rem;
	}

	.itss-cookie-choice input[type="checkbox"]:checked {
		background: var(--itss-cookie-check-on-bg) !important;
		border-color: var(--itss-cookie-check-on-border) !important;
		box-shadow: 0 0 0 3px rgba(76, 195, 138, .20) !important;
		color: var(--itss-cookie-check-mark) !important;
	}

	.itss-cookie-choice input[type="checkbox"]:checked::before {
		transform: rotate(-45deg) scale(1);
	}

	.itss-cookie-choice input[type="checkbox"]:focus-visible {
		outline: 2px solid var(--itss-cookie-primary);
		outline-offset: 3px;
	}

	.itss-cookie-choice input[type="checkbox"]:disabled {
		cursor: default;
		opacity: .78;
	}

	.itss-cookie-choice strong {
		display: block;
		color: var(--itss-cookie-heading) !important;
	}

	.itss-cookie-choice span {
		display: block;
		color: var(--itss-cookie-muted) !important;
		font-size: .8rem;
	}

	.itss-cookie-manage {
		position: fixed;
		left: .75rem;
		bottom: .75rem;
		z-index: 10002;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.45rem;
		height: 2.45rem;
		border: 1px solid rgba(117, 82, 0, .36);
		border-radius: 999px;
		background: rgba(255, 248, 223, .96);
		box-shadow: 0 8px 24px rgba(15, 37, 56, .16), inset 0 0 0 1px rgba(255, 255, 255, .62);
		color: #755200;
		cursor: pointer;
		pointer-events: auto;
		font-size: 1.08rem;
		font-weight: 900;
		line-height: 1;
		padding: 0;
		text-align: center;
		text-decoration: none !important;
	}

	.itss-cookie-manage:hover,
	.itss-cookie-manage:focus {
		background: #FFF3C4;
		border-color: rgba(117, 82, 0, .54);
	}

	html[data-itss-theme="dark"] .itss-cookie-manage {
		background: rgba(224, 161, 0, .16);
		border-color: rgba(224, 161, 0, .54);
		box-shadow: 0 8px 24px rgba(0, 0, 0, .30), inset 0 0 0 1px rgba(255, 225, 163, .10);
		color: #FFE1A3;
	}

	html[data-itss-theme="dark"] .itss-cookie-manage:hover,
	html[data-itss-theme="dark"] .itss-cookie-manage:focus {
		background: rgba(224, 161, 0, .24);
		border-color: rgba(255, 225, 163, .68);
	}

	@media (max-width: 640px) {
		.itss-cookie-banner {
			right: .6rem;
			bottom: .6rem;
			width: calc(100vw - 1.2rem);
			padding: .85rem;
		}

		.itss-cookie-actions {
			display: grid;
			grid-template-columns: 1fr;
		}

		.itss-cookie-button {
			width: 100%;
		}
	}
}