svg#clock-svg {
    width: calc(var(--max-side) * 1.4);
    height: calc(var(--max-side) * 1.4);
    position: absolute;
    top: calc(var(--max-side) * -0.2);
    left: calc(var(--max-side) * 0.067 - var(--max-side) * 0.2);
    pointer-events: none;
}

.hand {
    transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.flashable {
    transition: stroke 500ms;
}

.flash .flashable {
    stroke: #ffffb9;
}
