.cookies {line-height:1.5; position:fixed; z-index:9998; bottom:20px; left:50%; transform:translateX(-50%); background:#254789; border-top:1px solid #254789; font-size:13px; color:#FFF; width:70%;  max-width:70%; padding:15px; border-radius:10px; display:flex; align-items:center; font-weight:400;}
.cookies div {padding-right:20px; width:calc(100% - 150px)}
.cookies u, .cookies a {color:#FFF; font-weight:bold; cursor:pointer; font-size:12px; margin-right:10px; border-right:1px solid #FFF; padding-right:10px;}
.cookies u, .cookies a:last-of-type {margin-right:0; padding-right:0; border-right:0;}
.cookies button {display:block; margin:0 auto; border:1px solid #FFF; background:none; color:#FFF; padding:10px; width:150px; cursor:pointer;  font-size:12px; border-radius:0px; text-align: center}
.cookies-popup {background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; display:flex; width:100%; height:100vh; z-index:9999; justify-content:center; align-items:center;}
.cookies-popup.hidden {display:none;}
.cookies-popup__content {display:flex; width:800px; max-width:90%; max-height:90vh; overflow-y:auto; background:#FFF; padding:30px; border:2px solid #000; flex-wrap:wrap; justify-content: flex-end; border-radius: 0px}
.cookies-btns {display:flex; width:100%;}
.cookies-btns__btn {border:1px solid #000; padding:10px; display:block; margin-right:10px; background:#FFF; font-size:13px; border-radius:0px}
.cookies-btns__btn--active {background:#254789; color:#FFF}
.cookies-tabs {display:flex; width:100%; color:#000}
.cookies-tabs__tab {display:block; width:100%; margin:20px 0; height:200px; overflow-y:auto; font-size:13px; font-weight:400;}
.cookies-tabs__tab.hidden {display:none;}
.cookies-modal {height:100vh; overflow:hidden;}
.cookies-tabs table{width:100%; border-collapse:colapse; table-layout:fixed}
.cookies-tabs table th {font-weight:bold; background:#dfdfdf}
.cookies-tabs table th, .cookies-tabs table td {padding:5px; text-align:left; font-size:13px; }
.cookies-tabs table td span{font-size:10px;}
.cookies-tabs table td {border-bottom:1px solid #dfdfdf}
.cookies-chb {display:block; width:100%; margin-bottom:20px;}
.cookies-chb input {
	appearance: auto !important;
}
.cookies-submit {cursor:pointer; background:none; border:1px solid #000; padding:10px 20px; border-radius:0px; font-size:14px;}
.cookies-submit:hover {background:#254789; color:#FFF}
@media only screen and (max-width: 1080px) {
	.cookies {max-width:95%; width:95%}
}
@media only screen and (max-width: 800px) {
	.cookies-btns {flex-wrap:wrap;}
	.cookies-btns__btn {margin:5px; width:calc(50% - 10px)}
}
@media only screen and (max-width: 520px) {
	.cookies-btns__btn {font-size:11px; padding:5px;}
	.cookies-tabs table th, .cookies-tabs table td {font-size:11px; }
	.cookies-tabs__tab {font-size:11px; }
	.cookies-popup__content {justify-content: center;}
	.cookies {flex-direction:column}
	.cookies div {width:100%; padding:0; margin-bottom:1rem;}
	.cookies button {margin-left:0;}
}

.cookies {background:#000;width:50rem;max-width: 90%;display:flex;flex-direction: column;gap:2rem; border-radius: 4rem; padding:3rem; transform: none; left: initial; right:3rem;}
.cookies div {width:100%;}
.cookies svg {align-self: flex-start}
.cookies-buttons {display:flex; width:100%; gap:1rem; justify-content: space-between;}
.cookies-buttons button {margin:0; border-radius:5rem; font-size:1.6rem; white-space: nowrap; width:100%; padding:1rem 3rem; font-weight: 500}
.cookies-buttons button:first-of-type, .cookies-submit {background: #BBE2FF; color:#000; border:0;}
.cookies-popup__content {background:#000; color:#FFF; border-radius: 4rem;}
.cookies-btns__btn {background: none; border:1px solid #fff; border-radius: 5rem; color: #FFF;}
.cookies-tabs__tab {color:#FFF; font-weight: 500}
.cookies-btns__btn--active {background: #BBE2FF; color:#000}
.cookies-tabs table th {background: #BBE2FF; color:#000 }
.cookies-submit {border-radius:5rem; font-weight: 500}
@media only screen and (max-width: 520px) {
	.cookies-popup__content {
		padding:2rem;
	}
}