.eb-root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.eb-clock{isolation:isolate;width:260px;height:260px}.eb-disc{background:#cdc9c6;border-radius:50%;position:absolute;inset:30px;box-shadow:inset 5px 5px 10px #0000004d,inset 15px 15px 2px #0000001a}.eb-disc:before,.eb-disc:after{content:"";border-radius:inherit;position:absolute}.eb-disc:before{z-index:-1;background:linear-gradient(135deg,#a6a5a3,#cccbc9);inset:-15px}.eb-disc:after{z-index:-2;background:linear-gradient(135deg,#f3f3f3,#7d7976);inset:-30px;box-shadow:inset 1px 1px #ffffff80,6px 6px 8px #00000040,15px 15px 2px #0000001f}.eb-num{color:#413c3747;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1;position:absolute;top:50%;left:50%}.eb-hand{transform-origin:bottom;background:#fff;width:1px;height:50%;position:absolute;bottom:50%;left:50%}.eb-ampm{letter-spacing:1px;color:#413c3747;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600;position:absolute;top:50%;left:50%}.eb-hand:after{content:"";border-radius:50%;width:8px;height:100%;margin-left:-4px;position:absolute;left:50%}.eb-hour{background:linear-gradient(#fff,#fff0 45%);box-shadow:0 0 5px pink}.eb-hour:after{background:linear-gradient(#e2c3ee,#fff0 45%);box-shadow:0 -3px 3px #e2c3ee}.eb-minute{background:linear-gradient(#fff,#fff0 70%)}.eb-minute:after{background:linear-gradient(#d4e1f2,#fff0 75%);box-shadow:0 -3px 3px #d4e1f2}.eb-second{background:linear-gradient(#fff,#fff0 30%)}.eb-second:after{background:linear-gradient(#eec3c3,#fff0 40%);box-shadow:0 -3px 3px #eec3c3}