.image-press-thumb{transform-origin:50% 100%;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.image-press-ram{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.image-press-needle{transform-box:view-box;transform-origin:108px 11px;transition:transform .45s ease-out;transform:rotate(-50deg)}.image-press-frame{transition:opacity .3s ease-out}.image-press[data-state=pending] .image-press-frame{opacity:.45}.image-press[data-state=processing] .image-press-thumb{transform:scale(1.06, var(--image-press-flat))}.image-press[data-state=processing] .image-press-ram{transform:translateY(calc(66px * (1 - var(--image-press-flat))))}.image-press[data-state=processing] .image-press-needle{transform:rotate(60deg)}.image-press[data-state=done] .image-press-thumb{transform:scaleY(var(--image-press-depth))}.image-press[data-state=done] .image-press-ram{transform:translateY(calc(66px * (1 - var(--image-press-depth))))}.image-press[data-state=done] .image-press-needle{transform:rotate(calc(-50deg + (1 - var(--image-press-depth)) * 250deg))}.image-press-card:hover .image-press[data-state=done] .image-press-thumb,.image-press-card:focus-within .image-press[data-state=done] .image-press-thumb,.image-press-card:hover .image-press[data-state=done] .image-press-ram,.image-press-card:focus-within .image-press[data-state=done] .image-press-ram{transform:none}@keyframes image-press-descend{0%{animation-timing-function:cubic-bezier(.45,0,.75,1);transform:scale(1)}to{transform:scale(1.06, var(--image-press-flat))}}@keyframes image-press-descend-ram{0%{animation-timing-function:cubic-bezier(.45,0,.75,1);transform:translateY(0)}to{transform:translateY(calc(66px * (1 - var(--image-press-flat))))}}@keyframes image-press-gauge{0%{transform:rotate(-50deg)}to{transform:rotate(60deg)}}@keyframes image-press-strain{0%,to{transform:rotate(60deg)}50%{transform:rotate(52deg)}}@keyframes image-press-release{0%{transform:scale(1.06, var(--image-press-flat));animation-timing-function:ease-out}60%{transform:scale(.99, calc(var(--image-press-depth) + .05));animation-timing-function:ease-in-out}to{transform:scale(1, var(--image-press-depth))}}@keyframes image-press-release-ram{0%{transform:translateY(calc(66px * (1 - var(--image-press-flat))));animation-timing-function:ease-out}60%{transform:translateY(calc(66px * (.95 - var(--image-press-depth))));animation-timing-function:ease-in-out}to{transform:translateY(calc(66px * (1 - var(--image-press-depth))))}}@keyframes image-press-shake{0%,to{transform:none}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:no-preference){.image-press[data-state=processing] .image-press-thumb{animation:image-press-descend var(--image-press-descent) both}.image-press[data-state=processing] .image-press-ram{animation:image-press-descend-ram var(--image-press-descent) both}.image-press[data-state=processing] .image-press-needle{animation:image-press-gauge var(--image-press-descent) ease-in both, image-press-strain .2s linear var(--image-press-descent) infinite}.image-press[data-state=done] .image-press-thumb{animation:.6s image-press-release}.image-press[data-state=done] .image-press-ram{animation:.6s image-press-release-ram}.image-press[data-state=error] .image-press-frame{animation:.4s ease-out image-press-shake}}@media (prefers-reduced-motion:reduce){.image-press-thumb,.image-press-ram,.image-press-needle,.image-press-frame{transition:none}}