.il{display:block;pointer-events:none;-webkit-user-select:none;user-select:none}
.il svg{display:block;width:100%;height:auto;overflow:visible}
.il .mv{transform-box:fill-box}


@keyframes il-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes il-sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes il-wag{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes il-focus{0%,100%{transform:scale(1)}50%{transform:scale(.94)}}
.il .bob{animation:il-bob 6s ease-in-out infinite}
.il .sway{animation:il-sway 6s ease-in-out infinite;transform-origin:50% 100%}
.il .sway-h{animation:il-sway 6s ease-in-out infinite;transform-origin:100% 100%}
.il .wag{animation:il-wag 4s ease-in-out infinite;transform-origin:100% 50%}
.il .focus{animation:il-focus 6s ease-in-out infinite;transform-origin:50% 50%}

.il:not(.on) .mv,.il-hid .il .mv{animation-play-state:paused}

.il-scroll .il .mv,.menu-open .il .mv{animation-play-state:paused}


.il-side{float:right;width:clamp(84px,20vw,120px);margin:-6px 0 6px 12px}
.gmore .gcards{clear:both}


.il-card{float:right;width:clamp(52px,14vw,68px);margin:-6px -4px 4px 10px}


.il-hero{float:right;width:clamp(96px,26vw,180px);margin:0 0 8px 12px}


.il-go{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.il-go:has(>.act[hidden]){display:none}
.il-fish{width:62px;flex:none}


.il-letter{width:120px;margin:0 auto 10px}


@keyframes il-drop{from{clip-path:inset(0 0 100% 0);transform:translateY(-6px)}to{clip-path:inset(0);transform:none}}
@keyframes il-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes il-zoom{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes il-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes il-shut{to{opacity:0;transform:translateY(-6px)}}
.sb-basic .sp-more[open]>:not(summary){animation:il-drop .38s ease-in-out both}
.sb-pro .sp-more[open]>:not(summary){animation:il-rise .3s ease-in-out both}
.sb-pro .sp-more[open]>:nth-child(3){animation-delay:.07s}
.sb-pro .sp-more[open]>:nth-child(4){animation-delay:.14s}
.sb-pro .sp-more[open]>:nth-child(n+5){animation-delay:.2s}
.sb-max .sp-more[open]>:not(summary){animation:il-zoom .36s ease-in-out both;transform-origin:50% 50%}
.sb-ai .sp-more[open]>:not(summary){animation:il-type .4s steps(14,end) both}
.sb-ai .sp-more[open]>:nth-child(3){animation-delay:.05s}
.sb-ai .sp-more[open]>:nth-child(n+4){animation-delay:.1s}
.sb-band .sp-more.il-closing[open]>:not(summary){animation:il-shut .26s ease-in-out 0s both}


@keyframes il-hop{0%,100%{transform:none}40%{transform:translateY(-7px)}}
@keyframes il-lid{0%,100%{transform:none}45%{transform:rotate(-16deg) translateY(-3px)}}
@keyframes il-pop{0%,100%{transform:none}45%{transform:scale(1.1)}}
@keyframes il-blink{0%,100%{transform:none}50%{transform:scaleY(.15)}}
.il-card .lid,.il-card .eyes{transform-box:fill-box}
.sb-basic .il-card.il-react svg{animation:il-hop .5s ease-in-out}
.sb-pro .il-card.il-react .lid{animation:il-lid .5s ease-in-out;transform-origin:0 100%}
.sb-max .il-card.il-react svg{animation:il-pop .45s ease-in-out}
.sb-ai .il-card.il-react .eyes{animation:il-blink .3s ease-in-out;transform-origin:50% 50%}

@media (prefers-reduced-motion:reduce){.il .mv,.sb-band .sp-more[open]>*,.il-card *,.il-card svg{animation:none!important}}