.cookie-banner, .cookie-banner *, .cookie-banner *:before, .cookie-banner *:after, .cookie-ui, .cookie-ui *, .cookie-ui *:before, .cookie-ui *:after{box-sizing: border-box;}
.cookie-ui {
	font-family: sans-serif;
	--cookie-btn:#000;
	--cookie-accent:#000;
}
.cookie-accept-popup{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	background: rgba(0, 0, 0, .5);
	overflow: hidden;
	z-index: 999;
	padding-block:90px;
	justify-content: center;
	
}
.cookie-banner, .cookie-banner__content{
     top:auto;
	 position: fixed;
	bottom:0;
	left: 0;
	width: 100%;
	height: fit-content;
	display: flex;
	overflow: hidden;
	z-index: 19;
}
.cookie-banner__content{
	background-color: #fff;
	padding-block: 20px;
	width: 100%;
	margin-top: auto;
	box-shadow: 0 0 8px rgba(0, 0, 0, .08);
}
.cookie-banner .cookie-container{
	width: min(2000px, 100%);
	margin-inline: auto;
	display: flex;
	column-gap: 40px;
	justify-content: space-between;
	align-items: center;
	padding-inline: 20px;
}

.cookie-banner__text{
	font-size: 14px;
	color: #000;
	flex: 1;
	font-family: sans-serif;
	max-width: 1200px;
	
}
.cookie-banner__text p{
	font-size: 14px; line-height: 1.3; margin: 0;
}
.cookie-banner__text p +.cookie-banner__text p{margin-top: 12px;}
.cookie-ui a{
	color: inherit;
	text-decoration-skip: none;
	text-decoration: underline;
	transition: .3s;
}
.cookie-ui a:hover{opacity: .7;}
.cookie-banner__buttons{
	display: flex;
	column-gap: 18px;
	flex-shrink: 0;
}
.cookie-ui .cookie-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 24px;
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	/* border:2px solid var(--cookie-btn); */
	background-color: var(--cookie-btn);
	flex-shrink: 0;white-space: nowrap;
	box-shadow: none;
	font-family: inherit;
	transition: .3s;
	font-weight: 700;
	cursor:pointer;
	border-radius: 14px;
}
.cookie-ui .cookie-btn:focus{outline: none;}
.cookie-ui .cookie-btn:hover{
	color: var(--cookie-btn);
	background-color: #2b2b2b;
}

.cookie-ui.cookie-ui--hidden{display: none!important;}
.cookie-accept__content{
	width: min(500px, 100%);
	background-color: #fff;
	position: relative;
	height:fit-content;
}
.cookie-accept__content .cookie-popup-header{
	padding: 16px 24px;
	border-bottom: 1px solid lightgrey;
	display: flex;
	align-items: center;
}
.cookie-ui .close-cookie-popup{
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	border: none;
	box-shadow: none;
	background-color: #fff;
	font-size: 0;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.66631 21.2667C1.54363 21.2671 1.42208 21.2432 1.30867 21.1964C1.19526 21.1497 1.09223 21.0809 1.00551 20.9941C0.831782 20.8181 0.734375 20.5807 0.734375 20.3333C0.734375 20.086 0.831782 19.8486 1.00551 19.6725L19.6722 1.00586C19.8474 0.830604 20.0851 0.732147 20.333 0.732147C20.5808 0.732147 20.8185 0.830604 20.9938 1.00586C21.169 1.18111 21.2675 1.41881 21.2675 1.66666C21.2675 1.91451 21.169 2.1522 20.9938 2.32746L2.32711 20.9941C2.2404 21.0809 2.13737 21.1497 2.02395 21.1964C1.91054 21.2432 1.78899 21.2671 1.66631 21.2667Z' fill='%231F1F1F' /%3e%3cpath d='M20.3331 21.2667C20.2104 21.2671 20.0889 21.2432 19.9755 21.1964C19.8621 21.1497 19.759 21.0809 19.6723 20.9941L1.00565 2.32746C0.830391 2.1522 0.731934 1.91451 0.731934 1.66666C0.731934 1.41881 0.830391 1.18111 1.00565 1.00586C1.1809 0.830604 1.4186 0.732147 1.66645 0.732147C1.91429 0.732147 2.15199 0.830604 2.32725 1.00586L20.9939 19.6725C21.1676 19.8486 21.2651 20.086 21.2651 20.3333C21.2651 20.5807 21.1676 20.8181 20.9939 20.9941C20.9072 21.0809 20.8042 21.1497 20.6908 21.1964C20.5773 21.2432 20.4558 21.2671 20.3331 21.2667Z' fill='%231F1F1F' /%3e%3c/svg%3e");
	background-position: center;
	background-size: 22px 22px;
	background-repeat: no-repeat;
	flex-shrink: 0;
	margin-left: auto;
	transition: .3s;
	cursor:pointer;
}
.cookie-ui .close-cookie-popup:hover{
	opacity: .7;
}
.cookie-ui .scroll-y-wrapper{
	max-height: 535px;
	height: auto;
	overflow: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	padding-right: 24px;
}
.cookie-popup-body{
	padding: 24px;
	padding-right: 0;
	width: calc(100% - 24px);
	padding-top: 16px;
	font-size: 12px;
	
}
.cookie-popup-body p{
	font-size: 12px;
	line-height: 1.2;
	margin: 7px 0;
}
.cookie-popup-body p +p{margin-top: 14px;}
.scroll-y-wrapper::-webkit-scrollbar{
	width: 2px;
}
.cookie-ui .txt-16{
	font-size: 16px;
}
.cookie-ui .txt-12{
	font-size: 12px;
}
.cookie-popup-block >*+*{margin-top: 12px;}

.cookie-accordion{
	padding-top: 16px;
	padding-bottom: 16px;
}
.cookie-accordion-body{
	display: none;
	padding: 12px 24px;
	padding-top: 0;
	font-size: 12px;
}
.cookie-accordion-body p{
	font-size: 12px;
	line-height: 1.2;
	margin:7px 0;
}
.cookie-accordion-item{
	border: 1px solid lightgrey;
}
.cookie-accordion-item+.cookie-accordion-item{
border-top: 0;
}
.cookie-accordion-item.cookie-accordion-item--open .cookie-accordion-body{
	display: block;
}
.cookie-accordion-header{
	padding: 12px;
	padding-right: 32px;
	background-color: #fff;
	cursor:pointer;
	font-size: 14px;
	position: relative;
	display: flex;
	align-items: center;
	column-gap: 20px;justify-content: space-between;
	
}

.cookie-accordion-header:after{
	content:'';
	display: block;
	width: 10px;
	height: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='24' viewBox='0 0 13 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.14643 23.0133C1.02375 23.0138 0.902198 22.9899 0.788785 22.9431C0.675372 22.8963 0.572339 22.8276 0.485626 22.7408C0.311896 22.5647 0.214489 22.3273 0.214489 22.08C0.214489 21.8327 0.311896 21.5953 0.485626 21.4192L9.91976 12L0.485626 2.5808C0.310371 2.40555 0.211914 2.16785 0.211914 1.92C0.211914 1.67215 0.310371 1.43446 0.485626 1.2592C0.660881 1.08395 0.898578 0.985489 1.14643 0.985489C1.39427 0.985489 1.63197 1.08395 1.80723 1.2592L11.8872 11.3392C12.061 11.5153 12.1584 11.7527 12.1584 12C12.1584 12.2473 12.061 12.4847 11.8872 12.6608L1.80723 22.7408C1.72051 22.8276 1.61748 22.8963 1.50407 22.9431C1.39066 22.9899 1.26911 23.0138 1.14643 23.0133Z' fill='%231F1F1F' /%3e%3c/svg%3e");
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%) rotate(0);
	transition: .2s;
}
.cookie-accordion-item.cookie-accordion-item--open .cookie-accordion-header:after{
	transform: translateY(-50%) rotate(90deg);
}
.cookie-accordion-header p{
	margin: 0;
}
.cookie-switch{
	position: relative;
	flex-shrink: 0;
}
.cookie-switch-input{
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	width: 0.01em;
	height: 0.01em;
}
.cookie-switch-toggle{
	background-color: #c8c8c8;
    border: 1px solid #a6a6a6;
	width: 40px;
	height: 20px;
	border-radius:20px;
	position: relative;
	display: block;
	transition: .3s;
}
.cookie-switch-toggle:before{
	content:'';
	width: 18px;
	height: 18px;
	display: block;
	border-radius:50%;
	background-color: #fff;
	position: absolute;
	left: 1px;
	top:50%;
	transform: translateY(-50%);
	bottom: 1px;
	z-index: 2;
	transition: .5s;
}
.cookie-switch-input:checked+ .cookie-switch-toggle{
	background-color: var(--cookie-accent);
}
.cookie-switch-input:checked+.cookie-switch-toggle:before{left: auto; right: 1px;}
.cookie-popup-btns{
	display: flex;
	flex-wrap: wrap;
	gap:4px;
}
.cookie-popup-btns .cookie-btn{
  width: calc((100% - 10px) /2);
  white-space: wrap;
  font-size: 14px;
  text-align: center;
  text-transform: none;
  padding-left: 12px;
  padding-right: 12px;
  flex:1;
  text-align: center;
  font-weight: 400;
  border-radius: 14px;
}
.cookie-popup-btns .cookie-btn.cookie-btn--all{width: 100%;  flex:unset;}
.cookie-popup-footer{
	padding: 24px;
	border-top: 1px solid lightgrey;
}
.cookie-popup-footer .small-text{
	font-size: 10px;
	margin-top: 10px;
}
@media(max-width: 1364px){
	.cookie-banner__buttons{
		justify-content: center;
		gap:8px;
	}
	.cookie-banner__buttons .cookie-btn{white-space: wrap; font-size: 10px; flex:1;}
	.cookie-banner__text{font-size: 12px;}
	
}
@media(max-width: 1199px){
	.cookie-banner .cookie-container{
		flex-direction: column;
		align-items:flex-start;
	}
	.cookie-banner__buttons {margin-top: 14px; }
	.cookie-banner__buttons .cookie-btn{
		width: 100%;
		max-width: 400px;
		font-size: 10px;
		line-height: 1.2;
		padding: 8px 16px;
	}
	.scroll-y-wrapper{
		scrollbar-width: none;
		padding-right: 0;
	}
	.scroll-y-wrapper::-webkit-scrollbar{display: none;}
	.cookie-popup-body{width: 100%; padding-right: 24px;}
}
@media (max-width: 767px) {
	.cookie-accept__content{
		margin-top: auto;
	}
	.cookie-accept-popup{padding-block: 0;}
	.cookie-popup-btns .cookie-btn{font-size: 12px;}
	.cookie-ui .scroll-y-wrapper{
	   max-height: 480px;}
}
.cookie-float-btn{
	position: fixed;
	padding: 8px 12px;
	display: flex;
	
	z-index: 90;
	background-color: #fff;
	border:0;
	column-gap: 2px;
	box-shadow: 0 0 8px rgba(0,0,0, .08);
	bottom: 120px;
}
.cookie-float-btn p{margin: 0;}
.cookie-float-btn span{font-size: 20px; vertical-align: middle;}

.cookie-float-btn[data-side="cookie-float--center"]{
	left:50%;
	transform: translate(-50%, 300%);
	
	border-radius: 20px ;
}
.cookie-float-btn[data-side="cookie-float--center"].cookie-float--center{
	animation-name: floatShowDown;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
.cookie-float-btn[data-side="cookie-float--left"]{
	left:0;
	transform: translateX(-110%);
	
	border-radius: 0 20px 20px 0;
}
.cookie-float-btn[data-side="cookie-float--left"].cookie-float--left{
    animation-name: floatShow;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}

.cookie-float-btn[data-side="cookie-float--right"]{
	right:0;
	transform: translateX(110%);
	
	border-radius: 20px 0 0 20px ;
}
.cookie-float-btn[data-side="cookie-float--right"].cookie-float--right{
	animation-name: floatShow;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@keyframes floatShowDown{
	to{transform: translate(-50% , 0);}
}
@keyframes floatShow{
	to{transform: translateX(0);}
}