.recess-hour-backdrop{--recess-hour-dot-size:20px;--recess-hour-sweep-size:256px;width:100%;height:100%;-webkit-mask:radial-gradient(circle at 50% 50%, white var(--recess-hour-dot-radius,2px), transparent calc(var(--recess-hour-dot-radius,2px) + .5px)) 50% 50% / var(--recess-hour-dot-size) var(--recess-hour-dot-size), url(../../../images/recess-hour-sweep.webp) var(--recess-hour-sweep-size) 50% / var(--recess-hour-sweep-size) var(--recess-hour-sweep-size);mask:radial-gradient(circle at 50% 50%, white var(--recess-hour-dot-radius,2px), transparent calc(var(--recess-hour-dot-radius,2px) + .5px)) 50% 50% / var(--recess-hour-dot-size) var(--recess-hour-dot-size), url(../../../images/recess-hour-sweep.webp) var(--recess-hour-sweep-size) 50% / var(--recess-hour-sweep-size) var(--recess-hour-sweep-size);background:conic-gradient(from 180deg at 50% 70%,#fafafa 0deg,#eec32d 72deg,#ec4b4b 144deg,#709ab9 216deg,#4dffbf 288deg,#fafafa 1turn);animation:20s linear infinite recess-hour-flicker;-webkit-mask-composite:source-in;mask-composite:intersect}.recess-hour-backdrop.recess-hour-backdrop-over-photo{--recess-hour-dot-radius:2.5px;background:#fff}.recess-hour-glow{filter:drop-shadow(0 0 3px #ffffffe6);-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.dark .recess-hour-glow{filter:none;opacity:.35}@keyframes recess-hour-flicker{to{-webkit-mask-position:50%,0;mask-position:50%,0}}.recess-hour-live-gradient{background-image:linear-gradient(90deg,#eec32d,#ec4b4b,#709ab9,#4dffbf,#eec32d);background-size:300% 100%;animation:6s infinite recess-hour-gradient-x}@keyframes recess-hour-gradient-x{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.recess-hour-backdrop,.recess-hour-live-gradient{animation:none}}