.ripple-grid-container{width:100%;height:100%;position:relative;overflow:hidden}.ripple-grid-container canvas{display:block;width:100%;height:100%}.ClockAnimation_container__1o6rs,.ClockAnimation_digit__zZCJI{display:flex;gap:var(--clock-gap)}.ClockAnimation_digit__zZCJI{flex-wrap:wrap;width:calc((var(--clock-size) * 2) + var(--clock-gap));--a1:3;--b1:1;--a2:3;--b2:1;--a3:3;--b3:1;--a4:3;--b4:1;--a5:3;--b5:1;--a6:3;--b6:1}.ClockAnimation_digit__zZCJI[data-digit="0"]{--a1:2;--b1:1;--a2:2;--b2:3;--a3:0;--b3:2;--a4:0;--b4:2;--a5:0;--b5:1;--a6:0;--b6:3}.ClockAnimation_digit__zZCJI[data-digit="1"]{--a1:2.6;--b1:2.6;--a2:2;--b2:2;--a3:2.6;--b3:2.6;--a4:0;--b4:2;--a5:2.6;--b5:2.6;--a6:0;--b6:0}.ClockAnimation_digit__zZCJI[data-digit="2"]{--a1:1;--b1:1;--a2:2;--b2:3;--a3:1;--b3:2;--a4:0;--b4:3;--a5:0;--b5:1;--a6:3;--b6:3}.ClockAnimation_digit__zZCJI[data-digit="3"]{--a1:1;--b1:1;--a2:2;--b2:3;--a3:1;--b3:1;--a4:0;--b4:3;--a5:1;--b5:1;--a6:0;--b6:3}.ClockAnimation_digit__zZCJI[data-digit="4"]{--a1:2;--b1:2;--a2:2;--b2:2;--a3:0;--b3:1;--a4:0;--b4:2;--a5:2.6;--b5:2.6;--a6:0;--b6:0}.ClockAnimation_digit__zZCJI[data-digit="5"]{--a1:1;--b1:2;--a2:3;--b2:3;--a3:0;--b3:1;--a4:3;--b4:2;--a5:1;--b5:1;--a6:0;--b6:3}.ClockAnimation_digit__zZCJI[data-digit="6"]{--a1:1;--b1:2;--a2:3;--b2:3;--a3:0;--b3:2;--a4:3;--b4:2;--a5:0;--b5:1;--a6:0;--b6:3}.ClockAnimation_digit__zZCJI[data-digit="7"]{--a1:1;--b1:1;--a2:3;--b2:2;--a3:2.6;--b3:2.6;--a4:0;--b4:2;--a5:2.6;--b5:2.6;--a6:0;--b6:0}.ClockAnimation_digit__zZCJI[data-digit="8"]{--a1:2;--b1:1;--a2:2;--b2:3;--a3:2;--b3:1;--a4:2;--b4:3;--a5:0;--b5:1;--a6:0;--b6:3}.ClockAnimation_digit__zZCJI[data-digit="9"]{--a1:2;--b1:1;--a2:2;--b2:3;--a3:0;--b3:1;--a4:0;--b4:2;--a5:1;--b5:1;--a6:0;--b6:3}.ClockAnimation_clock__0gU1F{width:var(--clock-size);aspect-ratio:1/1;border-radius:50%;box-shadow:inset 2px 2px 5px rgba(154,147,140,.5),1px 1px 5px #FFF;position:relative;font-size:12px;color:red}.ClockAnimation_clock__0gU1F:nth-child(3n+1):after{transform:rotate(calc(var(--a1) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+1):before{transform:rotate(calc(var(--b1) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+2):after{transform:rotate(calc(var(--a2) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+2):before{transform:rotate(calc(var(--b2) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+3):after{transform:rotate(calc(var(--a3) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+3):before{transform:rotate(calc(var(--b3) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+4):after{transform:rotate(calc(var(--a4) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+4):before{transform:rotate(calc(var(--b4) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+5):after{transform:rotate(calc(var(--a5) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+5):before{transform:rotate(calc(var(--b5) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+6):after{transform:rotate(calc(var(--a6) * 90deg))}.ClockAnimation_clock__0gU1F:nth-child(3n+6):before{transform:rotate(calc(var(--b6) * 90deg))}.ClockAnimation_clock__0gU1F:after,.ClockAnimation_clock__0gU1F:before{content:"";background:#fff;position:absolute;width:var(--hand-width);height:var(--hand-height);left:calc(50% - (var(--hand-width)/2));top:var(--hand-width);transform-origin:center bottom;transition:.3s linear}