.handbook-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.handbook-icon-svg{width:100%;height:100%;display:block}.group:hover .icon-layer-top{transition:transform .3s;transform:translateY(-2px)}.group:hover .icon-layer-mid{transition:transform .3s 50ms;transform:translateY(-1px)}.group:hover .icon-seal,.group:hover .icon-seal-cross{transform-origin:50%;transition:transform .4s;transform:rotate(15deg)}.group:hover .icon-dot-1{animation:.4s pop-in}.group:hover .icon-dot-2{animation:.4s 80ms pop-in}.group:hover .icon-dot-3{animation:.4s .16s pop-in}.group:hover .icon-dot-4{animation:.4s .24s pop-in}.group:hover .icon-check{stroke-dasharray:30;stroke-dashoffset:30px;animation:.5s forwards draw-stroke}.group:hover .icon-cloud-puff-1{animation:.8s ease-in-out drift-right}.group:hover .icon-cloud-puff-2{animation:.8s ease-in-out .1s drift-right}.group:hover .icon-inner>path:nth-of-type(2){transition:transform .3s;transform:translateY(-1px)}.group:hover .icon-gear-spokes,.group:hover .icon-gear-hub{transform-origin:50%;transition:transform .6s;transform:rotate(30deg)}.group:hover .icon-db-mid{animation:.5s bounce-soft}.group:hover .icon-bolt-spark-1{animation:.4s flash-in}.group:hover .icon-bolt-spark-2{animation:.4s .1s flash-in}.group:hover .icon-bolt-body{animation:.3s shake-tiny}.group:hover .icon-wave-main{animation:.8s ease-in-out wave-shift}.group:hover .icon-wave-sub{animation:.8s ease-in-out .1s reverse wave-shift}.group:hover .icon-bell-clapper{transform-origin:24px 33px;animation:.5s ease-in-out swing}.group:hover .icon-bell-dot{animation:.5s pulse-dot}.group:hover .icon-check-group{stroke-dasharray:20;stroke-dashoffset:20px;animation:.6s forwards draw-stroke}.group:hover .icon-eye-left{animation:.3s blink}.group:hover .icon-eye-right{animation:.3s .1s blink}.group:hover .icon-q-curve{animation:.5s ease-in-out bob-up}.group:hover .icon-q-dot{animation:.3s .2s pop-in}.group:hover .icon-ear-inner{animation:.4s vibrate-tiny}.group:hover .icon-ear-lobe{animation:.5s pulse-dot}.group:hover .icon-inbox-item{opacity:1;transition:transform .3s;transform:translateY(-4px)}.group:hover .icon-inbox-flap{transition:transform .3s;transform:translateY(-2px)}.group:hover .icon-flow-target{animation:.5s pulse-scale}.group:hover .icon-brain-pulse{animation:.6s ease-in-out pulse-scale}.group:hover .icon-brain-left{transition:transform .3s;transform:translate(-1px)}.group:hover .icon-brain-right{transition:transform .3s;transform:translate(1px)}.group:hover .icon-check-bold{animation:.4s pulse-scale}.group:hover .icon-zap-spark-1{animation:.3s pop-in}.group:hover .icon-zap-spark-2{animation:.3s .1s pop-in}.group:hover .icon-zap-body{animation:.3s shake-tiny}.group:hover .icon-auto-arrow{animation:.5s bounce-soft}.group:hover .icon-lock-keyhole,.group:hover .icon-search-ring{animation:.5s pulse-scale}.group:hover .icon-api-chart{stroke-dasharray:30;stroke-dashoffset:30px;animation:.6s forwards draw-stroke}.group:hover .icon-star-body{transform-origin:50%;transition:transform .5s;transform:rotate(5deg)}.group:hover .icon-star-center,.group:hover .icon-accent{animation:.5s pulse-scale}.group:hover .icon-check-small{stroke-dasharray:20;stroke-dashoffset:20px;animation:.4s forwards draw-stroke}.group:hover .icon-search-ring{animation:.5s pulse-scale}.group:hover .icon-search-handle{animation:.4s wiggle}.group:hover .icon-accent{animation:.5s pulse-scale}.group:hover .icon-step-1{animation:.2s pop-in}.group:hover .icon-step-2{animation:.2s .1s pop-in}.group:hover .icon-step-3{animation:.2s .2s pop-in}.group:hover .icon-clock-hand{transform-origin:24px 24px;transition:transform .5s;transform:rotate(30deg)}.group:hover .icon-history-hand{transform-origin:24px 24px;transition:transform .5s;transform:rotate(-30deg)}.group:hover .icon-history-arc{stroke-dasharray:50;stroke-dashoffset:50px;animation:.8s forwards draw-stroke}.group:hover .icon-node-top{animation:.4s pulse-dot}.group:hover .icon-node-left{animation:.4s .1s pulse-dot}.group:hover .icon-node-right{animation:.4s .2s pulse-dot}.group:hover .icon-scope-body{transform-origin:20px 30px;transition:transform .4s;transform:rotate(-3deg)}.group:hover .icon-scope-lens{transform-origin:20px 30px;transition:transform .4s;transform:rotate(-3deg)translate(1px)}.group:hover .icon-upload-arrow{animation:.5s bounce-up}.group:hover .icon-check-path{stroke-dasharray:30;stroke-dashoffset:30px;animation:.5s forwards draw-stroke}.group:hover .icon-rocket-flame{animation:.3s infinite flicker}.group:hover .icon-rocket-body{animation:.3s shake-tiny}@keyframes pulse-scale{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes draw-stroke{to{stroke-dashoffset:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes drift-right{0%{transform:translate(0)}50%{transform:translate(3px)}to{transform:translate(0)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bounce-up{0%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@keyframes shake-tiny{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes flash-in{0%{opacity:0}50%{opacity:.8}to{opacity:.3}}@keyframes wave-shift{0%{transform:translate(0)}50%{transform:translate(2px)}to{transform:translate(0)}}@keyframes swing{0%{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.2)}}@keyframes bob-up{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes vibrate-tiny{0%,to{transform:translate(0)}25%{transform:translate(-.5px)}75%{transform:translate(.5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes flicker{0%,to{opacity:.4}50%{opacity:.8}}.handbook-card:hover .handbook-card-title,.handbook-card-star{color:var(--card-accent,var(--color-found-hi))}
