body{
	--cookiesMainColor:#FF7900;
}
#cookiesWindow{
	position:fixed;
	display: grid;
	gap: 32px;
	background-color:#F9F9F9;
	max-width: 476px;
	right:16px;
	bottom:16px;
	font-size:16px;
	z-index: 9999;
	padding: 32px;
	box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, .4) 0 0 10px;
}
#cookiesWindow .cookiesTlZasady{
	text-decoration:underline;
	color:#191E22;
	cursor: pointer;
}
#cookiesWindow .cookiesTls{
	display: grid;
	grid-template-columns: [cS] 1fr 1fr [cE];
	gap:10px;
}
#cookiesWindow .cookiesTls > div{
	padding:11px;
	text-align: center;
	font-weight: bold;
	cursor:pointer;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#cookiesWindow .cookiesTlVseON{
	grid-column-start: cS;
	grid-column-end: cE;
	background-color: var(--cookiesMainColor);
	color: white;
}
#cookiesWindow .cookiesTlVseOFF{
	color: var(--cookiesMainColor);
	background-color: #F1F1F1;
	border:2px solid #F1F1F1;
}
#cookiesWindow .cookiesTlPredvolby{
	color: var(--cookiesMainColor);
	background-color: #F1F1F1;
	border:2px solid var(--cookiesMainColor);
}
#cookiesWindow .cookiesTlVseOFF:hover, #cookiesWindow .cookiesTlPredvolby:hover{
	background-color: white;
}
#cookiesWindow .cookiesTlVseON:hover{
	box-shadow: 0 0 0 500px rgba(255, 255, 255, .2) inset;
}
#cookiesWindow .cookiesPredvolba{
	display: flex;
	align-items: center;
	gap: 10px;
}
#cookiesWindow .cookiesSwitcher{
	display: inline-block;
	width: 44px;
	height: 22px;
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid #e3e3e3;
	background-color: #f4f4f4;
	transition: all 0.3s;
	margin: 5px 0;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}
#cookiesWindow .cookiesSwitcher::before{
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px #e3e3e3;
	background-color: white;
	margin-left: 0;
	transition: all 0.3s;
	position: absolute;
	left: 0;
	top: 0;
}
#cookiesWindow .cookiesSwitcher.active{
	border: 1px solid var(--cookiesMainColor);
	background-color: var(--cookiesMainColor);
}
#cookiesWindow .cookiesSwitcher.active::before{
	background-color: white;
	left: 50%;
	box-shadow: none;
}
#cookiesWindow .cookiesSwitcher.readonly{
	filter: grayscale(1);
	opacity: .3;
	cursor: default;
}
#cookiesPredvolby{
	display:none;
}
#cookiesPredvolby.show{
	display:block;
}
@media screen and (max-width: 508px) {
	#cookiesWindow{
		max-width: 100%;
		right:0;
		bottom:0;	
	}
}