.sphere-clock-block{isolation:isolate;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;position:relative}.sphere-clock-block:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.sphere-clock-halo{z-index:-1;pointer-events:none;background:radial-gradient(ellipse, var(--break-color,transparent) 0%, transparent 75%);filter:blur(7px);opacity:.24;border-radius:16px;position:absolute;inset:-3px}.sphere-clock-block[data-break-tone=yellow]{--break-color:#d9b55f}.sphere-clock-block[data-break-tone=orange]{--break-color:#cc955f}.sphere-clock-block[data-break-tone=red]{--break-color:#ca8178}.sphere-clock-block[data-break-tone=none] .sphere-clock-halo{visibility:hidden}.sphere-clock-block[data-break-tone=red] .sphere-clock-halo{opacity:.38}.sphere-clock-block[data-break-tone=red] .clock-face{stroke:#ca8178;stroke-width:2px}.sphere-clock-break-note{color:var(--foreground);font-size:10px;line-height:1.4}.sphere-clock-block[data-breathing=true] .sphere-clock-halo{animation:5s ease-in-out infinite gallink-clock-breathe}.sphere-clock-block[data-foreground=false] .sphere-clock-halo{animation-play-state:paused}@keyframes gallink-clock-breathe{0%,to{opacity:.16}50%{opacity:.28}}.sphere-clock-block[data-break-tone=red][data-breathing=true] .sphere-clock-halo{animation-name:gallink-clock-breathe-red}@keyframes gallink-clock-breathe-red{0%,to{opacity:.26}50%{opacity:.42}}@media (prefers-reduced-motion:reduce){.sphere-clock-block[data-breathing=true] .sphere-clock-halo{animation:none}}@media (forced-colors:active){.sphere-clock-halo{display:none}.sphere-clock-block:not([data-break-tone=none]){outline:2px solid canvastext}}