/* Handle only: retain the existing range rail, labels, photo and section geometry. */
#dev .scrub.has-hammer{position:relative;--hs:3.6rem}
#dev .has-hammer #rng{touch-action:none}
#dev .has-hammer #rng::-webkit-slider-thumb{opacity:0}
#dev .has-hammer #rng::-moz-range-thumb{opacity:0}
#dev .case-hammer{position:absolute;top:0;left:0;width:var(--hs);height:var(--hs);min-width:44px;min-height:44px;transform:translate3d(var(--hammer-x),var(--hammer-y),0) translate(-37.5%,-80%);cursor:grab;outline:none;border-radius:6px;touch-action:none;z-index:4}
#dev .hammer-dragging .case-hammer{cursor:grabbing}
#dev .case-scrub-help{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.25rem 0 .4rem;font:400 max(.875rem,14px)/1.5 var(--sans);color:#62584e;text-align:center}
#dev .case-scrub-help svg{flex:none;width:24px;height:16px}
#dev .case-touch-help{display:none}
@media(pointer:coarse),(max-width:767px){#dev .case-mouse-help{display:none}#dev .case-touch-help{display:inline}#dev .case-scrub-help{align-items:flex-start;text-align:left}#dev .case-scrub-help svg{margin-top:.2rem}}
#dev .case-hammer:focus-visible{box-shadow:0 0 0 1.5px #B4532A;border-radius:12px}
#dev .case-hammer svg{width:100%;height:100%;display:block;overflow:visible}
#dev .case-hammer .hammer-body{transform-box:view-box;transform-origin:34.2px 13.7px;transition:transform .16s ease;--rest:0deg}
#dev .case-hammer:hover .hammer-body{transform:rotate(5deg)}
#dev .hammer-dragging .case-hammer .hammer-body{transform:rotate(14deg);--rest:14deg}
#dev .case-hammer .hammer-body.tap{animation:case-hammer-tap .26s cubic-bezier(.4,0,.3,1)}
@keyframes case-hammer-tap{0%{transform:rotate(18deg)}42%{transform:rotate(0deg)}68%{transform:rotate(5deg)}100%{transform:rotate(var(--rest))}}
#dev .case-hammer .spark{opacity:0;transform-box:view-box;transform-origin:15px 32px}
#dev .case-hammer .spark.go{animation:case-hammer-spark .24s ease-out .1s both}
@keyframes case-hammer-spark{0%{opacity:0;transform:scale(.45)}25%{opacity:1}100%{opacity:0;transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce){#dev .case-hammer .hammer-body,#dev .case-hammer .hammer-body.tap,#dev .hammer-dragging .hammer-body,#dev .case-hammer:hover .hammer-body{animation:none!important;transform:none!important;transition:none!important}#dev .case-hammer .spark{display:none}}