.clock-view svg{filter:drop-shadow(0 3px 4px #00000073);width:100%;height:auto;display:block;overflow:visible}.clock-view .numeral{font-family:var(--serif);font-size:15px;font-weight:600}.clock-view .maker{font-family:var(--serif);letter-spacing:.08em;fill:#5a5040;font-size:7px;font-style:italic}.clock-view .tower-motto{font-family:var(--serif);letter-spacing:.18em;fill:#e7c46a;font-size:9px}.clock-view{animation:.45s ease-out clock-in}@keyframes clock-in{0%{opacity:0;transform:translateY(8px)}}.swing{transform-box:view-box;will-change:transform;animation-name:swing;animation-timing-function:cubic-bezier(.37,0,.63,1);animation-iteration-count:infinite}@keyframes swing{0%,to{transform:rotate(var(--swing))}50%{transform:rotate(calc(var(--swing) * -1))}}@media (prefers-reduced-motion:reduce){.swing{animation:none}}