:root {
    --CookieWindow-errorTextColor: red;
}

.cookie-window .bottom {margin: 25px 0 0 0; display: flex; justify-content: space-between; align-items: flex-end;}
.cookie-window .checkbox {padding: 0; position: relative; cursor: pointer; display: flex; align-items: center;}
.cookie-window .checkbox.err {color: var(--CookieWindow-errorTextColor);}
.cookie-window .checkbox input {position: absolute; top: 50%; left: 0; width: 24px; height: 24px; opacity: 0; z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
.cookie-window .checkbox input:checked + .i {background-image: none;}
.cookie-window .checkbox input:checked + .i:after {opacity: 1;}
.cookie-window .checkbox.err .i:after {opacity: 0;}
.cookie-window .checkbox.err .i:before {opacity: 1;}
.cookie-window .checkbox .i {position: relative; width: 30px; height: 30px; margin: 0 10px 0 0; background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.6667%203.33333V26.6667H3.33333V3.33333H26.6667ZM26.6667%200H3.33333C1.5%200%200%201.5%200%203.33333V26.6667C0%2028.5%201.5%2030%203.33333%2030H26.6667C28.5%2030%2030%2028.5%2030%2026.6667V3.33333C30%201.5%2028.5%200%2026.6667%200Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E')  center center/contain no-repeat;}
.cookie-window .checkbox .i:after {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; opacity: 0;width: 100%; background: url('data:image/svg+xml;utf8,<svg%20width%3D"30"%20height%3D"30"%20viewBox%3D"0%200%2030%2030"%20fill%3D"none"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"><g%20clip-path%3D"url(%23clip0_160_7)"><path%20d%3D"M8.16667%2011.8333L5.83333%2014.1667L13.3333%2021.6667L30%205L27.6667%202.66667L13.3333%2017L8.16667%2011.8333ZM26.6667%2026.6667H3.33333V3.33333H20V0H3.33333C1.5%200%200%201.5%200%203.33333V26.6667C0%2028.5%201.5%2030%203.33333%2030H26.6667C28.5%2030%2030%2028.5%2030%2026.6667V13.3333H26.6667V26.6667Z"%20fill%3D"white"%2F><%2Fg><defs><clipPath%20id%3D"clip0_160_7"><rect%20width%3D"30"%20height%3D"30"%20fill%3D"white"%2F><%2FclipPath><%2Fdefs><%2Fsvg>') center center/contain no-repeat;}
.cookie-window .checkbox .i:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; opacity: 0;width: 100%; background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_160_17)%22%3E%3Cpath%20d%3D%22M26.6667%203.33333V26.6667H3.33333V3.33333H26.6667ZM26.6667%200H3.33333C1.5%200%200%201.5%200%203.33333V26.6667C0%2028.5%201.5%2030%203.33333%2030H26.6667C28.5%2030%2030%2028.5%2030%2026.6667V3.33333C30%201.5%2028.5%200%2026.6667%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_160_17%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') center center/contain no-repeat;}
.cookie-window .checkbox .t {width: calc(100% - 40px);}
.cookie-window .checkbox{color: white;}