body {
  margin: 0;
  overflow: hidden;
  background: black;
  --v: none;
  --s: 50;
  --l: 50;
}
div {
	--gg0: calc(50 / var(--all) * var(--g0) * 1vmin);
	--gg1: calc(var(--gg0) + (50 / var(--all) * var(--g1) * 1vmin));
	--gg2: calc(var(--gg1) + (50 / var(--all) * var(--g2) * 1vmin));
	--gg3: calc(var(--gg2) + (50 / var(--all) * var(--g3) * 1vmin));
	--gg4: calc(var(--gg3) + (50 / var(--all) * var(--g4) * 1vmin));
	--gg5: calc(var(--gg4) + (50 / var(--all) * var(--g5) * 1vmin));
	--gg6: calc(var(--gg5) + (50 / var(--all) * var(--g6) * 1vmin));
	--gg7: calc(var(--gg6) + (50 / var(--all) * var(--g7) * 1vmin));
	--gg8: calc(var(--gg7) + (50 / var(--all) * var(--g8) * 1vmin));
	--gg9: calc(var(--gg8) + (50 / var(--all) * var(--g9) * 1vmin));
	--gg10: calc(var(--gg9) + (50 / var(--all) * var(--g10) * 1vmin));
	--gg11: calc(var(--gg10) + (50 / var(--all) * var(--g11) * 1vmin));
	--gg12: calc(var(--gg11) + (50 / var(--all) * var(--g12) * 1vmin));
	--gg13: calc(var(--gg12) + (50 / var(--all) * var(--g13) * 1vmin));
	--gg14: calc(var(--gg13) + (50 / var(--all) * var(--g14) * 1vmin));
	--gg15: calc(var(--gg14) + (50 / var(--all) * var(--g15) * 1vmin));
	--gg16: calc(var(--gg15) + (50 / var(--all) * var(--g16) * 1vmin));
	--gg17: calc(var(--gg16) + (50 / var(--all) * var(--g17) * 1vmin));
	--gg18: calc(var(--gg17) + (50 / var(--all) * var(--g18) * 1vmin));
	--gg19: calc(var(--gg18) + (50 / var(--all) * var(--g19) * 1vmin));
	--gg20: calc(var(--gg19) + (50 / var(--all) * var(--g20) * 1vmin));
	--gg21: calc(var(--gg20) + (50 / var(--all) * var(--g21) * 1vmin));
	--gg22: calc(var(--gg21) + (50 / var(--all) * var(--g22) * 1vmin));
	--gg23: calc(var(--gg22) + (50 / var(--all) * var(--g23) * 1vmin));
  background: deeppink;
  width: 100vmin;
  height: 100vmin;
  position: absolute;
  transform-origin: 50% 50%;
  background: radial-gradient(#e66465, #9198e5);
  background: radial-gradient(circle, 
	hsl(var(--h0), calc(var(--s) * 1%), calc(var(--l) * 1%)) 0 var(--gg0), 
	black var(--gg0) calc( var(--gg0) + 1px ),
	hsl(var(--h1), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg0) var(--gg1), 
	black var(--gg0) calc( var(--gg1) + 1px ),
	hsl(var(--h2), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg1) var(--gg2), 
	black var(--gg0) calc( var(--gg2) + 1px ),
	hsl(var(--h3), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg2) var(--gg3), 
	black var(--gg0) calc( var(--gg3) + 1px ),
	hsl(var(--h4), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg3) var(--gg4), 
	black var(--gg0) calc( var(--gg4) + 1px ),
	hsl(var(--h5), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg4) var(--gg5), 
	black var(--gg0) calc( var(--gg5) + 1px ),
	hsl(var(--h6), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg5) var(--gg6),
	black var(--gg0) calc( var(--gg6) + 1px ), 
	hsl(var(--h7), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg6) var(--gg7), 
	black var(--gg0) calc( var(--gg7) + 1px ),
	hsl(var(--h8), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg7) var(--gg8), 
	black var(--gg0) calc( var(--gg8) + 1px ),
	hsl(var(--h9), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg8) var(--gg9), 
	black var(--gg0) calc( var(--gg9) + 1px ),
	hsl(var(--h10), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg9) var(--gg10), 
	black var(--gg0) calc( var(--gg10) + 1px ),
	hsl(var(--h11), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg10) var(--gg11), 
	black var(--gg0) calc( var(--gg11) + 1px ),
	hsl(var(--h12), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg11) var(--gg12), 
	black var(--gg0) calc( var(--gg12) + 1px ),
	hsl(var(--h13), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg12) var(--gg13), 
	black var(--gg0) calc( var(--gg13) + 1px ),
	hsl(var(--h14), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg13) var(--gg14), 
	black var(--gg0) calc( var(--gg14) + 1px ),
	hsl(var(--h15), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg14) var(--gg15), 
	black var(--gg0) calc( var(--gg15) + 1px ),
	hsl(var(--h16), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg15) var(--gg16), 
	black var(--gg0) calc( var(--gg16) + 1px ),
	hsl(var(--h17), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg16) var(--gg17), 
	black var(--gg0) calc( var(--gg17) + 1px ),
	hsl(var(--h18), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg17) var(--gg18), 
	black var(--gg0) calc( var(--gg18) + 1px ),
	hsl(var(--h19), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg18) var(--gg19), 
	black var(--gg0) calc( var(--gg19) + 1px ),
	hsl(var(--h20), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg19) var(--gg20), 
	black var(--gg0) calc( var(--gg20) + 1px ),
	hsl(var(--h21), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg20) var(--gg21), 
	black var(--gg0) calc( var(--gg21) + 1px ),
	hsl(var(--h22), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg21) var(--gg22), 
	black var(--gg0) calc( var(--gg22) + 1px ),
	hsl(var(--h23), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg22) var(--gg23),
	black var(--gg3)
	);
  mask: conic-gradient( transparent 0deg 0deg, black 0deg 20deg, transparent 10deg 380deg);
  mask: conic-gradient(
		transparent 0deg , 
		  black  calc(100 / var(--td) * var(--pn) * .01turn), 
		  transparent  380deg
	);
  display: var(--v);
  transform: rotate( calc(var(--hour) * 15deg + (15 / 60 * var(--minute) * 1deg) ) );
  
  
  --mm1: 1;
  --mm2: 1;
  --mm3: 1;
  --mm4: 1;
  --mm5: 1;
  --mm6: 1;
  --mm7: 1;
  --mm8: 1;
  --mm9: 1;
  --mm10: 1;
  --mm11: 1;
  --mm12: 1;
  --mm13: 1;
  --mm14: 1;
  --mm15: 1;
  --mm16: 1;
  --mm17: 1;
  --mm18: 1;
  --mm19: 1;
  --mm20: 1;
  --mm21: 1;
  --mm22: 1;
  --mm23: 1;
  --mm24: 1;
}
/* div:nth-of-type(2n) {
	background: radial-gradient(circle, 
	hsl(var(--h0), calc(var(--s) * 1%), calc(var(--l) * 1%)) 0 var(--gg0), 
	hsl(var(--h1), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg0) var(--gg1), 
	hsl(var(--h2), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg1) var(--gg2), 
	hsl(var(--h3), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg2) var(--gg3), 
	hsl(var(--h4), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg3) var(--gg4), 
	hsl(var(--h5), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg4) var(--gg5), 
	hsl(var(--h6), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg5) var(--gg6), 
	hsl(var(--h7), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg6) var(--gg7), 
	hsl(var(--h8), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg7) var(--gg8), 
	hsl(var(--h9), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg8) var(--gg9), 
	hsl(var(--h10), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg9) var(--gg10), 
	hsl(var(--h11), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg10) var(--gg11), 
	hsl(var(--h12), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg11) var(--gg12), 
	hsl(var(--h13), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg12) var(--gg13), 
	hsl(var(--h14), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg13) var(--gg14), 
	hsl(var(--h15), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg14) var(--gg15), 
	hsl(var(--h16), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg15) var(--gg16), 
	hsl(var(--h17), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg16) var(--gg17), 
	hsl(var(--h18), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg17) var(--gg18), 
	hsl(var(--h19), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg18) var(--gg19), 
	hsl(var(--h20), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg19) var(--gg20), 
	hsl(var(--h21), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg20) var(--gg21), 
	hsl(var(--h22), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg21) var(--gg22), 
	hsl(var(--h23), calc(var(--s) * 1%), calc(var(--l) * 1%)) var(--gg22) var(--gg23),
	black var(--gg3)
	);
} */
.last::after {
	content: '';
	background: black;
	display: block;
	width: 100%;
	height: 100%;
	mask: radial-gradient(circle,transparent 0 10% , black 10% 100% );
	mask: radial-gradient(circle, 
	rgba(0,0,0,var(--mm1)) 0 var(--gg0), 
	rgba(0,0,0,var(--mm2)) var(--gg0) var(--gg1), 
	rgba(0,0,0,var(--mm3)) var(--gg1) var(--gg2), 
	rgba(0,0,0,var(--mm4)) var(--gg2) var(--gg3), 
	rgba(0,0,0,var(--mm5)) var(--gg3) var(--gg4), 
	rgba(0,0,0,var(--mm6)) var(--gg4) var(--gg5), 
	rgba(0,0,0,var(--mm7)) var(--gg5) var(--gg6), 
	rgba(0,0,0,var(--mm8)) var(--gg6) var(--gg7), 
	rgba(0,0,0,var(--mm9)) var(--gg7) var(--gg8), 
	rgba(0,0,0,var(--mm10)) var(--gg8) var(--gg9), 
	rgba(0,0,0,var(--mm11)) var(--gg9) var(--gg10), 
	rgba(0,0,0,var(--mm12)) var(--gg10) var(--gg11), 
	rgba(0,0,0,var(--mm13)) var(--gg11) var(--gg12), 
	rgba(0,0,0,var(--mm14)) var(--gg12) var(--gg13), 
	rgba(0,0,0,var(--mm15)) var(--gg13) var(--gg14), 
	rgba(0,0,0,var(--mm16)) var(--gg14) var(--gg15), 
	rgba(0,0,0,var(--mm17)) var(--gg15) var(--gg16), 
	rgba(0,0,0,var(--mm18)) var(--gg16) var(--gg17), 
	rgba(0,0,0,var(--mm19)) var(--gg17) var(--gg18), 
	rgba(0,0,0,var(--mm20)) var(--gg18) var(--gg19), 
	rgba(0,0,0,var(--mm21)) var(--gg19) var(--gg20), 
	rgba(0,0,0,var(--mm22)) var(--gg20) var(--gg21), 
	rgba(0,0,0,var(--mm23)) var(--gg21) var(--gg22), 
	rgba(0,0,0,var(--mm24)) var(--gg22) var(--gg23),
	rgba(0,0,0,var(--mm24)) var(--gg3)
	);
}