#popcookiesbg { position: fixed; z-index: 200; top: 0; left: 0; bottom: 0; right: 0; background-color: Rgb(0 0 0 /80%); }
#popcookies { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90vw; max-height: 700px; max-width: 700px; padding: 2em; background-color: var(--body-bgcolor); color: var(--body-txtcolor); overflow: auto; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1em; font-size: .8em; }
#popcookies #ck-scelte { display: grid; grid-template-columns: 1fr; grid-gap: 1em; }
#popcookies > * { grid-column-start: span 3; }
#popcookies > input { grid-column-start: span 1; display: block; text-align: center; height: 2em; }
#popcookies label { display: block; font-size: 1em; }
#popcookies label input { display: none; }
#popcookies label input ~ div:before { content: ''; height: 1.1em; width: 3em; vertical-align: middle; display: inline-block; background-image: url(off.svg); background-size: contain; background-repeat: no-repeat; background-position: left; }
#popcookies label input:checked ~ div:before { background-image: url(on.svg); }

@media (max-width: 600px) {
	#popcookies { grid-template-columns: 1fr 1fr; }
	#popcookies > * { grid-column-start: span 2; }
	#popcookies > input { grid-column-start: span 1; display: block; text-align: center; height: 2em; }
	#popcookies #ck-salva,
	#popcookies #ck-scegli { grid-column-start: span 2; }

}