.sac-pro{width:min(var(--sac-size,260px),100%);margin:20px auto;text-align:center;font-family:Tahoma,Arial,sans-serif;color:#222}
.sac-face{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:#fff;border:8px solid #1d3557;box-sizing:border-box}
.sac-pro.sac-theme-dark .sac-face{background:#171717;border-color:#555}
.sac-pro.sac-theme-gold .sac-face{background:#fffdf4;border-color:#c79a28}
.sac-pro.sac-theme-modern .sac-face{background:#eef3f7;border-color:#263238}
.sac-pro .sac-face:after{content:"";position:absolute;inset:3%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);pointer-events:none}
.sac-pro.sac-shadow .sac-face{box-shadow:0 10px 30px rgba(0,0,0,.18)}
.sac-num{position:absolute;left:50%;top:50%;font-size:9%;font-weight:700;line-height:1;z-index:3}
.sac-n1{transform:translate(-50%,-420%)}.sac-n2{transform:translate(90%,-355%)}.sac-n3{transform:translate(250%,-50%)}
.sac-n4{transform:translate(170%,100%)}.sac-n5{transform:translate(75%,220%)}.sac-n6{transform:translate(-50%,270%)}
.sac-n7{transform:translate(-175%,220%)}.sac-n8{transform:translate(-270%,100%)}.sac-n9{transform:translate(-300%,-50%)}
.sac-n10{transform:translate(-240%,-355%)}.sac-n11{transform:translate(-165%,-420%)}.sac-n12{transform:translate(-50%,-475%)}
.sac-mark{position:absolute;left:50%;top:50%;width:1.2%;height:5%;background:#1d3557;border-radius:3px;transform-origin:50% 500%;z-index:2}
.sac-m0{transform:rotate(0deg)}.sac-m1{transform:rotate(30deg)}.sac-m2{transform:rotate(60deg)}.sac-m3{transform:rotate(90deg)}
.sac-m4{transform:rotate(120deg)}.sac-m5{transform:rotate(150deg)}.sac-m6{transform:rotate(180deg)}.sac-m7{transform:rotate(210deg)}
.sac-m8{transform:rotate(240deg)}.sac-m9{transform:rotate(270deg)}.sac-m10{transform:rotate(300deg)}.sac-m11{transform:rotate(330deg)}
.sac-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;transform:translateX(-50%) rotate(0deg);border-radius:20px;z-index:5}
.sac-h{width:4%;height:25%;background:#1d3557}.sac-mn{width:2.7%;height:36%;background:#1d3557}.sac-s{width:1.2%;height:41%;background:#d62828}
.sac-pin{position:absolute;left:50%;top:50%;width:7%;aspect-ratio:1;border-radius:50%;background:#d62828;transform:translate(-50%,-50%);z-index:8;border:3px solid #fff}
.sac-theme-dark .sac-h,.sac-theme-dark .sac-mn,.sac-theme-dark .sac-mark{background:#eee}.sac-theme-dark .sac-num{color:#eee}
.sac-theme-gold .sac-h,.sac-theme-gold .sac-mn,.sac-theme-gold .sac-mark{background:#8d6a13}.sac-theme-gold .sac-num{color:#5f470d}
.sac-theme-modern .sac-h,.sac-theme-modern .sac-mn,.sac-theme-modern .sac-mark{background:#263238}.sac-theme-modern .sac-num{color:#263238}
.sac-digital{margin-top:14px;font-size:24px;font-weight:700;letter-spacing:2px}.sac-date{margin-top:5px;font-size:14px;opacity:.75}
.sac-pro[data-digital="0"] .sac-digital,.sac-pro[data-date="0"] .sac-date{display:none}.sac-pro[data-seconds="0"] .sac-s{display:none}
.sac-theme-dark .sac-digital,.sac-theme-dark .sac-date{color:#ddd}