.laz-clock{
  --laz-size: 160px;
  --saat-kenari: #55749f; 
  --saat-kenar-borderi: #e8622c; 
  --saat-fon-rengi: #ededf1; 
  --saniye-rengi: #c0392b; 
  --yelkovan-akrep-rengi: #2b2b2b; 
  --saat-numara-buyuk-renk: #000000; 
  --saat-numara-kucuk-renk: #808080; 
  --saat-numara-buyuk-font: Tahoma, 'Times New Roman', serif;
  --saat-numara-kucuk-font: Tahoma, 'Times New Roman', serif;
  --site-adi-renk: #55749f;
  --site-adi-font: Tahoma, 'Times New Roman', serif;
  --site-adi-boyut: calc(var(--laz-size) * 0.120);

  display:inline-flex;
  flex-direction:column;
  align-items:center;
  width:var(--laz-size);
  font-family: Tahoma, 'Times New Roman', serif;
  user-select:none;
  background:transparent; 
}
.laz-clock__face-wrap{
  width:100%;
  aspect-ratio:1/1;
  background:transparent; 
}
.laz-clock__face-wrap svg{ width:100%; height:100%; display:block; overflow:visible; }

.laz-clock__sitename{
  margin-top:calc(var(--laz-size) * 0.05);
  color: var(--site-adi-renk);
  font-family: var(--site-adi-font);
  font-size: var(--site-adi-boyut);
  font-style:bold;
  text-align:center;
  line-height:1.2;
}
.laz-clock__digital{
  margin-top:calc(var(--laz-size) * 0.03);
  text-align:center;
  line-height:1.25;
  color: var(--laz-text-color, #1f3b57);
}
.laz-clock__time{
  font-size:calc(var(--laz-size) * 0.12);
  font-weight:bold;
  letter-spacing:0.02em;
  color: var(--laz-time-color, #55749f);
}
.laz-clock__date{
  font-size:calc(var(--laz-size) * 0.090);
  font-style:bold;
}
.laz-clock__weekday{
  font-size:calc(var(--laz-size) * 0.090);
  font-weight:bold;
}