.rd-root{color:#fff;font-family:BenchNine,Arial Narrow,Roboto Condensed,sans-serif}.rd-container{background:#111;border-radius:50%;width:480px;height:480px;position:relative;overflow:hidden;box-shadow:0 0 25px 3px #000,inset 0 0 10px #000c}.rd-container *{box-sizing:border-box}.rd-spear{z-index:200;background:red;width:220px;height:1px;position:absolute;top:50%;left:50%;transform:translateY(-50%);box-shadow:0 3px 3px #0006}.rd-spear:after{content:"";border:7px solid #0000;border-right-color:red;position:absolute;top:-7px;right:0}.rd-spear:before{content:"";border:7px solid #0000;border-left-color:red;position:absolute;top:-7px;left:2px}.rd-analog{z-index:5;background:#fff;border-radius:50%;width:440px;height:440px;margin:20px;position:relative;box-shadow:inset 0 0 25px 3px #000}.rd-second,.rd-minute,.rd-hour{z-index:100;width:20px;height:20px;margin:auto;transition:all .2s ease-in .2s;position:absolute;inset:0;transform:rotate(90deg)}.rd-second span,.rd-minute span,.rd-hour span{text-align:center;transform-origin:50%;z-index:5;width:20px;height:20px;line-height:20px;position:absolute}.rd-second span:after,.rd-minute span:after,.rd-hour span:after{content:"";opacity:.3;background:#000;width:4px;height:1px;position:absolute;top:-10%;left:130%}.rd-second span:nth-child(5n+2):after,.rd-minute span:nth-child(5n+2):after,.rd-hour span:nth-child(5n+2):after{opacity:1;width:7px;left:110%}.rd-hour{z-index:150;color:#000;font-size:32px;font-weight:400}.rd-hour span:after{opacity:1;color:#666;width:4px;height:1px;transform:translate(5px,12px)}.rd-hour:after{content:"";background:#fff;border-radius:50%;width:250px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 15px 2px #0009}.rd-minute{color:#fff;font-size:16px}.rd-minute span:after{background:#fff;transform:translate(10px,-7px)rotate(-9deg)}.rd-minute:after{content:"";background:#333;border-radius:50%;width:350px;height:350px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 25px 2px #000}.rd-second{color:#000;font-size:12px}.rd-second span:after{transform:translate(5px,-10px)}.rd-dail{z-index:100;width:20px;height:20px;margin:auto;position:absolute;inset:0}.rd-dail span{transform-origin:50%;text-indent:1000px;width:20px;height:20px;line-height:20px;position:absolute;overflow:hidden}.rd-dail span:after{content:"";background-image:linear-gradient(90deg,#7d7e7d 0%,#0e0e0e 100%);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rd-dail span:nth-child(5n+1):after{width:8px}.rd-digital{z-index:200;background:#090909;border-radius:220px 0 0 220px;width:224px;height:444px;position:absolute;top:18px;left:18px;box-shadow:5px 0 15px #000}.rd-digital:after{content:"";border:15px solid #8e0a0a;border-right:none;border-radius:220px 0 0 220px;width:200px;height:400px;position:absolute;top:25px;left:25px}.rd-digital .rd-time{color:#fff;background:#111;border-radius:50px;padding:2px 20px;font-size:24px;position:absolute;top:50%;right:20px;transform:translateY(-50%);box-shadow:inset 0 0 15px #000}.rd-digital .rd-day{color:#fff;background:#111;border-radius:20px;padding:2px 20px;font-size:16px;position:absolute;bottom:100px;right:20px;box-shadow:inset 0 0 15px #000}.rd-digital .rd-date{color:#fff;background:#111;border-radius:20px;padding:2px 20px;font-size:16px;position:absolute;top:100px;right:20px;box-shadow:inset 0 0 10px #000}