.comment-enter,.comment-exit{isolation:isolate;transform-origin:50%;will-change:transform, opacity;position:relative}.comment-enter{margin-bottom:12px;animation:.78s cubic-bezier(.2,.8,.2,1) both comment-glow}.comment-enter__content{animation:.68s cubic-bezier(.16,1,.3,1) both comment-form}.comment-enter__fragments{z-index:2;pointer-events:none;position:absolute;inset:-8px;overflow:hidden}.comment-enter__fragments i{--fragment-x:0px;--fragment-y:0px;background:var(--color-bio);width:3px;height:3px;box-shadow:0 0 7px var(--color-bio-soft);border-radius:999px;animation:.56s cubic-bezier(.22,.85,.3,1) both fragment-converge;position:absolute;top:50%;left:50%}.comment-enter__fragments i:first-child{--fragment-x:-46px;--fragment-y:-18px;animation-delay:20ms}.comment-enter__fragments i:nth-child(2){--fragment-x:58px;--fragment-y:-24px;animation-delay:65ms}.comment-enter__fragments i:nth-child(3){--fragment-x:-74px;--fragment-y:15px;animation-delay:40ms}.comment-enter__fragments i:nth-child(4){--fragment-x:82px;--fragment-y:18px;animation-delay:90ms}.comment-enter__fragments i:nth-child(5){--fragment-x:-25px;--fragment-y:-34px;animation-delay:.11s}.comment-enter__fragments i:nth-child(6){--fragment-x:24px;--fragment-y:32px;animation-delay:30ms}.comment-enter__fragments i:nth-child(7){--fragment-x:-94px;--fragment-y:-4px;animation-delay:80ms}.comment-enter__fragments i:nth-child(8){--fragment-x:98px;--fragment-y:2px;animation-delay:15ms}.comment-enter__fragments i:nth-child(9){--fragment-x:-54px;--fragment-y:31px;animation-delay:.125s}.comment-enter__fragments i:nth-child(10){--fragment-x:52px;--fragment-y:-35px;animation-delay:55ms}.comment-enter__fragments i:nth-child(11){--fragment-x:-10px;--fragment-y:39px;animation-delay:.1s}.comment-enter__fragments i:nth-child(12){--fragment-x:8px;--fragment-y:-39px;animation-delay:75ms}.comment-enter__fragments i:nth-child(3n){border-radius:1px;width:8px;height:2px}.comment-exit{z-index:3;animation:.62s cubic-bezier(.5,0,1,.5) both comment-collapse;overflow:visible}.comment-exit__content{animation:.54s cubic-bezier(.55,.06,.68,.19) 80ms both comment-pull}.comment-hook{z-index:4;width:27px;height:32px;filter:drop-shadow(0 0 5px var(--color-bio-soft));pointer-events:none;animation:.54s cubic-bezier(.55,.06,.68,.19) both hook-pull;position:absolute;top:32%;right:-8px}.comment-hook__line{background:var(--color-bio);transform-origin:bottom;width:1px;height:40px;position:absolute;bottom:12px;left:16px;transform:rotate(35deg)}.comment-hook__claw{border-right:2px solid var(--color-bio);border-bottom:2px solid var(--color-bio);border-radius:0 0 8px;width:15px;height:13px;position:absolute;bottom:4px;left:8px;transform:rotate(16deg)}@keyframes fragment-converge{0%{opacity:0;transform:translate(var(--fragment-x), var(--fragment-y)) scale(.4) rotate(20deg)}18%{opacity:1}78%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(0)scale(0)}}@keyframes comment-form{0%{opacity:0;filter:blur(3px);transform:scale(.96)}45%{opacity:.45}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes comment-glow{0%,28%{filter:drop-shadow(0 0 #0000)}62%{filter:drop-shadow(0 0 9px var(--color-bio-soft))}to{filter:drop-shadow(0 0 #0000)}}@keyframes hook-pull{0%{opacity:0;transform:translate(14px,-18px)}18%{opacity:1;transform:translate(0)}34%{transform:translate(-3px,3px)}to{opacity:0;transform:translate(160px,-105px)rotate(10deg)}}@keyframes comment-pull{0%,12%{opacity:1;transform:translate(0)rotate(0)}28%{transform:translate(4px,-2px)rotate(.5deg)}to{opacity:0;transform:translate(150px,-92px)rotate(5deg)scale(.96)}}@keyframes comment-collapse{0%,84%{max-height:180px;margin-bottom:12px}to{max-height:0;margin-bottom:0}}@media (prefers-reduced-motion:reduce){.comment-enter,.comment-enter__content,.comment-enter__fragments i,.comment-exit,.comment-exit__content,.comment-hook{animation-duration:1ms;animation-delay:0s}}