/* MTNVERSION=1.1 */

.cookies-eu-box {
	z-index:10000;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height: 100vh;
	padding:1.5rem;
	background:rgba(0,0,0,.75);
	border:none;
	display:flex;
	align-items: center;
}

.cookies-eu-box__inner {
	max-width:100rem;
	margin:0 auto;
	padding:2rem 2rem 1.5rem 2rem;
	background:#fff;
}

.cookies-eu-box p {
	margin:0;
	padding-top: .8rem;
	padding-right:2rem;
	padding-bottom:2rem;
	font-size:1.4rem;
}
.cookies-eu-box p.title {
	font-weight:bold;
	padding-bottom:0;
}

.cookies-eu-box .details-toggle {
	position:relative;
	display:inline-block;
	padding-right:1.5rem;
}
.cookies-eu-box .details-toggle::after {
	content:"";
	position:absolute;
	top:.3rem;
	right:0;
	display:inline-block;
	width:1rem;
	height:1.2rem;
	background:url(../assets/arrow-small.svg) no-repeat 0 0 / 100%;
	background-size:100%;
}

.cookies-eu-box .edit-settings,
.cookies-eu-box .hide-settings {
	display:block;
}

.cookies-eu-box .edit-settings.display-none,
.cookies-eu-box .hide-settings.display-none {
	display:none;
}

.cookies-eu-box .btn:disabled + p .details-toggle::after { transform:rotate(-180deg); }

.cookies-eu-box p .checkbox {
	position:relative;
	display:inline-block;
	margin:0 2rem 1rem 0;
}
.cookies-eu-box p .checkbox input {
	position:absolute;
	top:.1rem;
	left:0;
}
.cookies-eu-box p .checkbox label {
	display:inline-block;
	padding-left:1.7rem;
}

.cookies-eu-box .detail-selection {
	position:relative;
	display:none;
	margin-top: 1rem;
	padding-top: 2rem;
	border-top: 1px solid #A0A0A0;
}
.cookies-eu-box .detail-selection .btn {
	position:absolute;
	top:2rem;
	right:0;
}
.cookies-eu-box .detail-selection p { padding-right:22rem; }

.cookies-eu-box-link { font-weight:800; }
.cookies-eu-box .btn {
	outline:none;
	cursor:pointer;
	padding:.7rem 1.5rem;
	font-size:1.4rem;
	border:none;
	float:right;
}

.cookies-eu-box .btn:disabled {
	background: #ccc;
	box-shadow:none;
}

.cookies-eu-box .btn:disabled:hover {
	box-shadow:none;
}

@media all and (max-width: 520px) {

	.cookies-eu-box__inner {
		padding:1.5rem 1.5rem 1rem 1.5rem;
	}
	.cookies-eu-box br {
		display:none;
	}
}

@media all and (max-width: 420px) {

	.cookies-eu-box__inner {
		display:block;
	}
	
	.cookies-eu-box p {
		margin-bottom:1rem;
		padding-right:0;
	}

	.cookies-eu-box .detail-selection .btn {
		top:auto;
		bottom:0;
	}
	.cookies-eu-box .detail-selection p {
		padding-right:0;
		padding-bottom:3.5rem;
	}
	.cookies-eu-box p .checkbox { display:block; }

}