.hero-artwork{aspect-ratio:1047.09/1080;color:var(--hero-icons-default-color);--clock-duration:12s;position:relative;overflow:hidden}.hero-artwork>.hero-icon{animation:clockTick var(--clock-duration) steps(12) infinite;background-color:currentColor;display:block;position:absolute;transform:translate(-50%,-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-icon.hour-1{animation-delay:calc(var(--clock-duration) * 0 / 12)}.hero-icon.hour-2{animation-delay:calc(var(--clock-duration) * -11 / 12)}.hero-icon.hour-3{animation-delay:calc(var(--clock-duration) * -10 / 12)}.hero-icon.hour-4{animation-delay:calc(var(--clock-duration) * -9 / 12)}.hero-icon.hour-5{animation-delay:calc(var(--clock-duration) * -8 / 12)}.hero-icon.hour-6{animation-delay:calc(var(--clock-duration) * -7 / 12)}.hero-icon.hour-7{animation-delay:calc(var(--clock-duration) * -6 / 12)}.hero-icon.hour-8{animation-delay:calc(var(--clock-duration) * -5 / 12)}.hero-icon.hour-9{animation-delay:calc(var(--clock-duration) * -4 / 12)}.hero-icon.hour-10{animation-delay:calc(var(--clock-duration) * -3 / 12)}.hero-icon.hour-11{animation-delay:calc(var(--clock-duration) * -2 / 12)}.hero-icon.hour-12{animation-delay:calc(var(--clock-duration) * -1 / 12)}@keyframes clockTick{0%,7.9%{background-color:var(--hero-icons-default-active-color)}8%,to{background-color:var(--hero-icons-default-color)}}@media (prefers-reduced-motion:reduce){.hero-artwork>.hero-icon{animation:none}}