.scroll-pickle{position:fixed;right:18px;bottom:20px;z-index:20;width:64px;height:213px;pointer-events:none;user-select:none;contain:layout style;filter:drop-shadow(0 4px 8px #0008)}
.scroll-pickle__image{display:block;width:100%;height:100%;background-image:url('assets/pickle-bites.webp');background-repeat:no-repeat;background-size:500% 100%;background-position:0% 50%;transform-origin:50% 85%}
.scroll-pickle__label{position:absolute;right:0;bottom:-9px;white-space:nowrap;color:#dcff3c;background:#080a07d9;border:1px solid #465429;padding:3px 7px;border-radius:12px;font:10px/1.3 Arial,sans-serif;letter-spacing:.1px;opacity:1;transition:opacity .15s}
.scroll-pickle[data-progressed] .scroll-pickle__label{opacity:0}
.scroll-pickle.is-biting .scroll-pickle__image{animation:pickle-bite .24s ease-out}
.scroll-pickle.is-biting[data-bite="alternate"] .scroll-pickle__image{animation-name:pickle-bite-alternate}
@keyframes pickle-bite{0%{transform:rotate(0) scale(1)}32%{transform:rotate(-7deg) scale(.94)}67%{transform:rotate(4deg) scale(1.03)}100%{transform:rotate(0) scale(1)}}
@keyframes pickle-bite-alternate{0%{transform:rotate(0) scale(1)}32%{transform:rotate(-7deg) scale(.94)}67%{transform:rotate(4deg) scale(1.03)}100%{transform:rotate(0) scale(1)}}
@media(max-width:760px){.scroll-pickle{width:40px;height:133px;right:12px;bottom:18px}.scroll-pickle__label{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-pickle.is-biting .scroll-pickle__image{animation:none}.scroll-pickle__label{transition:none}}