.cookiec {
	pointer-events: none;
	font-size: 1.6rem;
}

.cookiec-dialog {
	position: fixed;
	z-index: 10000;
	inset: 0;
}

.cookiec-content {
	width: calc(100vw - 30px);
	margin: 30px 15px;
	max-width: 720px;
	pointer-events: auto;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
	border-radius: $border-radius-4;
}

.cookiec-body,
.cookiec-footer {
	padding: 15px;
}

.cookiec-body {
	max-height: 60vh;
	overflow-y: auto;
	overscroll-behavior: contain;
	@include scrollBar;

	.table-responsive {
		@include scrollBar;
	}
}

.cookiec-footer {
	gap: 5px;
	border-top: 1px solid $co-gray-70;
	.btn {
		min-width: fit-content;
		flex: 1;
		&:not(.btn-alpha) {
			background-color: transparent;
			@include hover() {  opacity: 0.7;}
		}
	}
}

.cookiec-category {
	border-top: 1px solid $co-gray-70;
	padding-top: 12px;
	margin-top: 12px;

	.table {
		font-size: 14px;
		> tbody > tr:last-child > td {
			border-bottom: none;
		}
	}
}

.cookiec-scripts {
	overflow: hidden;
	height: 0;
	width: 0;
	position: absolute;
}

@include mediaQ(smMax) {
	.cookiec-footer {
		flex-direction: column;
		gap: 5px;

		.btn {
			padding: 6px 12px;
			font-size: 14px;
		}
	}
}