.tuto-pulley{--k:1;--rope-light:#d6be96;--rope-dark:#8a7152;--progress:0;--load-high:calc(26px * var(--k));--load-low:calc(100% - 196px * var(--k));--drop:calc(var(--load-high) + (var(--load-low) - var(--load-high)) * (1 - var(--progress)));position:fixed;top:68px;right:0;bottom:max(var(--cf-space-1600),env(safe-area-inset-bottom));z-index:var(--cf-z-decoration);width:calc(96px*var(--k));pointer-events:none;opacity:0;visibility:hidden;transform:translateX(calc(14px * var(--k)));transition:opacity var(--cf-duration-slow) ease,transform var(--cf-duration-slow) ease,visibility 0s linear var(--cf-duration-slow)}.tuto-pulley.is-celebrating,.tuto-pulley[data-mode=peek].is-active,.tuto-pulley[data-mode=rest]{opacity:1;visibility:visible;transform:none;transition:opacity var(--cf-duration-normal) ease,transform var(--cf-duration-normal) ease}.tuto-pulley[data-mode=off]{display:none}.tuto-pulley-rope{position:absolute;top:calc(24px*var(--k));width:calc(3px*var(--k));border-radius:var(--cf-radius-050);background:repeating-linear-gradient(-62deg,var(--rope-light) 0 calc(1.6px * var(--k)),var(--rope-dark) calc(1.6px * var(--k)) calc(3.4px * var(--k)));box-shadow:inset calc(-1px*var(--k)) 0 rgba(0,0,0,.28)}.tuto-pulley-rope.is-kid{right:calc(16px*var(--k));bottom:calc(12px*var(--k));background-position:0 var(--rope-kid,0)}.tuto-pulley-rope.is-page{right:calc(38px*var(--k));height:var(--drop);background-position:0 var(--rope-page,0)}.tuto-pulley[data-mode=peek]{--load-low:calc(120px * var(--k))}.tuto-pulley-load{position:absolute;top:calc(24px*var(--k) + var(--drop) - 1px*var(--k));right:calc(24.5px*var(--k));width:calc(30px*var(--k));height:calc(44px*var(--k));overflow:visible;filter:drop-shadow(0 calc(2px * var(--k)) calc(3px * var(--k)) rgba(0,0,0,.35))}.tuto-pulley-wheel{position:absolute;top:0;right:calc(8.5px*var(--k));width:calc(40px*var(--k));height:calc(46px*var(--k));overflow:visible}.tuto-pulley-kid{position:absolute;right:calc(4.83px*var(--k));bottom:calc(6px*var(--k));width:calc(76px*var(--k));height:calc(107.67px*var(--k));overflow:visible}.tuto-pulley-kid .kid-face{display:none}.tuto-pulley-kid[data-face=effort] .kid-face-effort,.tuto-pulley-kid[data-face=happy] .kid-face-happy,.tuto-pulley-kid[data-face=look] .kid-face-look,.tuto-pulley-kid[data-face=whoa] .kid-face-whoa{display:inline}.tuto-pulley-kid .kid-eyes{transform-box:fill-box;transform-origin:center;animation:tuto-pulley-blink 5.2s ease-in-out infinite}.tuto-pulley-kid .kid-breathe{transform-box:fill-box;transform-origin:50% 100%;animation:tuto-pulley-breathe 3.4s ease-in-out infinite}.tuto-pulley-kid .kid-hand[data-grip="0"] .kid-fingers,.tuto-pulley-kid .kid-sparkles{opacity:0}.tuto-pulley.is-celebrating .kid-figure{animation:tuto-pulley-hop .46s ease-out 3}.tuto-pulley.is-celebrating .kid-sparkles{animation:tuto-pulley-sparkle .7s ease-in-out infinite alternate}@keyframes tuto-pulley-blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.12)}}@keyframes tuto-pulley-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.02)}}@keyframes tuto-pulley-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes tuto-pulley-sparkle{0%{opacity:.35}to{opacity:1}}@media(max-width:768px){.tuto-pulley{--k:0.78;top:58px}}@media(min-width:1021px){html.tuto-docked .tuto-pulley{right:var(--tuto-width,400px)}}@media(prefers-reduced-motion:reduce),print{.tuto-pulley{display:none}}