.clock{text-align:center;width:fit-content}.digit{width:45px;height:60px;margin:0 1px;display:inline-block;position:relative}.digit .segment{opacity:.15;-o-transition:opacity .2s;background:#fff;border-radius:3px;transition:opacity .2s;position:absolute}.digit .segment.on,.separator{opacity:1;-o-transition:opacity 0s;transition:opacity;box-shadow:0 0 50px #ffffffb3}.separator{background:#fff;border-radius:50%;width:10px;height:10px;display:inline-block;position:relative;top:-25px}.digit .segment:first-child{height:4px;top:10px;left:14px;right:14px}.digit .segment:nth-child(2){width:5px;height:calc(50% - 14px);top:15px;right:10px}.digit .segment:nth-child(3){width:4px;height:calc(50% - 17px);bottom:14px;right:10px}.digit .segment:nth-child(4){height:4px;bottom:10px;left:14px;right:14px}.digit .segment:nth-child(5){width:4px;height:calc(50% - 19px);bottom:15px;left:10px}.digit .segment:nth-child(6){width:4px;height:calc(50% - 14px);top:15px;left:10px}.digit .segment:nth-child(7){height:4px;bottom:calc(50% - 5px);left:16px;right:15px}
.container-clock{justify-content:center;align-items:center;margin-bottom:0;transition:all .8s;display:flex;transform:scale(.5)}.block_bg{width:6.4vw;height:5vw;margin:.3vw;position:relative}.clock-sec .block{background:#fff;width:2vw;height:2vw;transition:all .3s;position:absolute;box-shadow:.1vw .1vw .2vw #000000b3,-.1vw -.1vw .2vw #ffffffb3}.block_bg .block:first-child{top:0;left:0}.block_bg .block:nth-child(2){top:0;left:2.2vw}.block_bg .block:nth-child(3){top:0;left:4.4vw}.block_bg .block:nth-child(4){top:2.2vw;left:0}.block_bg .block:nth-child(5){top:2.2vw;left:4.4vw}.block_bg .block:nth-child(6){top:4.4vw;left:0}.block_bg .block:nth-child(7){top:4.4vw;left:2.2vw}.block_bg .block:nth-child(8){top:4.4vw;left:4.4vw}.block_bg .block:nth-child(9){top:6.6vw;left:0}.block_bg .block:nth-child(10){top:6.6vw;left:4.4vw}.block_bg .block:nth-child(11){top:8.8vw;left:0}.block_bg .block:nth-child(12){top:8.8vw;left:2.2vw}.block_bg .block:nth-child(13){top:8.8vw;left:4.4vw}@media screen and (min-width:1024px){.container-clock{justify-content:center;align-items:center;margin-bottom:0;transition:all .8s;display:flex;transform:scale(.2)}}@media screen and (min-width:768px) and (max-width:1023px){.container-clock{justify-content:center;align-items:center;margin-bottom:0;transition:all .8s;display:flex;transform:scale(.4)}}@media screen and (min-width:2200px){.container-clock{justify-content:center;align-items:center;margin-bottom:0;transition:all .8s;display:flex;transform:scale(.1)}.multi-digit-clock{top:-68px;right:-615px}.label-clock{gap:28px;right:-100px}}