.no-scroll{
	position: fixed;
	width: 100%;
	overflow-y: scroll;
}
.cookie-consent-container{
	display:none;
	position: fixed;
	width: 100vw;
	height: 100dvh;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:1000;
	justify-content: right;
	align-items: flex-end;
	overflow-y: scroll;
	overscroll-behavior: contain;
}
.cookie-consent-container:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(2px) contrast(50%);
	backdrop-filter: blur(2px) contrast(50%);
	left:0;
	top:0;
	pointer-events: none;
}
.cookie-consent-banner, .cookie-consent-options{
	position: relative;
	font-family: LS_fontLight;
	box-shadow: -1em -1em 1em #3333;
	font-size: var(--LS-size3);
	background:white;
	padding: 2em;
	bottom:0;
}
.cookie-consent-banner{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex: 1 0 0;
	max-height: 50%;
	overflow: hidden;
}
.cookie-consent-description{
	overflow-y: auto;
	overflow-x: hidden;
	white-space:break-spaces;
}
.cookie-consent-description b{
	content: normal;
}
.cookie-consent-description a{
	color:black;
	font-weight: bold;
	text-decoration: underline;
}
.cookie-consent-description a:hover{
	color:var(--LS-main);
}
.cookie-consent-buttons{
	margin-top:1em;
	display: flex;
	flex: 1 0 0;
	gap: 1vw;
	white-space: nowrap;
}
.cookie-consent-button{
	color:black;
	font-size:1.25em;
	line-height: 1;
	padding:.5em .75em;
	border-radius:.5em;
	background:var(--LS-main);
	border:solid 2px var(--LS-main);
	max-width: calc(16ch + 1.5em);
	transition:background .3s ease-in-out;
}
.cookie-consent-buttons .cookie-consent-button{
	flex: 1 1 0;
}
.cookie-consent-buttons .cookie-consent-button:disabled{
	opacity:.3;
}
.cookie-consent-buttons .cookie-consent-button:nth-of-type(2){
	border:solid 2px #ccc;
	background:transparent;
}
.cookie-consent-buttons .cookie-consent-button:nth-of-type(2):hover{
	background:#ccc;
}
.cookie-consent-button:hover{
	filter:brightness(1.1);
}
.cookie-consent-options{
	display: none;
	flex-direction: column;
	height:100%;
	width:max-content;
	align-items: center;
	overflow-y: auto;
	max-height: 100%;
}
.cookie-consent-options .cookie-consent-options-head[data-head]:before{
	content:attr(data-head);
	font-size: 1.25em;
	text-transform: uppercase;
}
.cookie-consent-options .cookie-consent-options-head{
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #ddd;
	width: 100%;
	line-height:2em;
	gap:10ch;
	padding-bottom:1em;
}
.cookie-consent-options .cookie-consent-close{
	background:0;
	margin-left:auto;
	padding:0;
	border:0;
	line-height:1;
	font-size: 2em;
	transition:transform .3s ease-in-out;
}
.cookie-consent-options .cookie-consent-close:hover{
	transform:scale(1.1);
}
.cookie-consent-options .cookie-consent-options-container{
	display:flex;
	flex-direction: column;
	overflow-y: auto;
	margin-bottom: 2em;
	width: 100%;
}
.cookie-consent-options .cookie-consent-button{
	margin-top: auto;
}
.cookie-consent-options div[data-title]:before{
	content:attr(data-title);
	display:block;
	width:100%;
	font-size:1.25em;
	grid-column-start: 1;
	grid-column-end: 3;
	line-height: 1;
}
.cookie-consent-options .cookie-consent-options-container div:not(:last-of-type){
	border-bottom:1px solid #ddd;
}
.cookie-consent-options .cookie-consent-options-container div{
	padding:1em 0;
	display: grid;
	grid-template-columns: auto 1fr;
	width:max-content;
	min-width: 100%;
	gap:2ch;
}
.cookie-consent-options .cookie-consent-options-container div input{display:none;}
.cookie-consent-options .cookie-consent-options-container div input:disabled + label, .cookie-consent-options div input:disabled ~ span{
	opacity:.3;
}
.cookie-consent-options .cookie-consent-options-container div input + label{
	color:#8888;
	display:flex;
	position:relative;
	line-height:1;
	margin:0;
	height: 1.8em;
	aspect-ratio: 2;
	border-radius:.9em;
	border:1px solid currentColor;
	align-items: center;
	justify-content: center;
	padding:0 10%;
}
.cookie-consent-options .cookie-consent-options-container div input:not(:disabled) + label{
	cursor:pointer;
}
.cookie-consent-options .cookie-consent-options-container div label:hover{
	color:#888;
}
.cookie-consent-options .cookie-consent-options-container div label:before{
	content:'';
	display:block;
	position: relative;
	height:50%;
	aspect-ratio:1;
	border-radius:50%;
	background:currentColor;
	transition:all .3s ease-in-out;
	transform: translateX(-100%);
}
.cookie-consent-options .cookie-consent-options-container div input:checked + label{
	color:var(--LS-main);
	background:currentColor;
}
.cookie-consent-options .cookie-consent-options-container div input:checked + label:before{
	color:white;
	transform: translateX(100%);
}
.cookie-consent-options .cookie-consent-options-container div input:not(:disabled) + label:hover:before{
	transform:translateX(-100%) scale(1.25);
}
.cookie-consent-options .cookie-consent-options-container div input:not(:disabled):checked +  label:hover:before{
	transform:translateX(100%) scale(1.25);
}
.cookie-consent-options .cookie-consent-options-container div span:after{content:'Wyłączony'}
.cookie-consent-options .cookie-consent-options-container div input:checked ~ span:after{content:'Włączony'}
.cookie-consent-change{
	position:fixed;
	bottom:1vw;
	right:1vw;
	z-index:1;
	transition:bottom .3s ease-in-out;
 }
.cookie-consent-change:hover{
	bottom:1.2vw;
}
@media (max-width: 575.99px){
	.cookie-consent-banner{max-height: 75%;}
	.cookie-consent-options{width:100vw;position:absolute;}
	.cookie-consent-button{width:100%;max-width:100%;padding: 1em;}
}