.function-icon{width:100%;height:216px;display:flex;align-items:center;justify-content:center}.function-icon svg{width:100%;height:100%;display:block;overflow:visible}.function-icon .fi-t{font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.01em}.function-icon .fi-brand{font-size:15px;letter-spacing:.02em}.function-icon .fi-flow path{stroke-dasharray:120;stroke-dashoffset:0}.function-item:hover .function-icon .fi-flow path,.function-item:focus-visible .function-icon .fi-flow path{animation:fi-draw .7s ease-out both}@keyframes fi-draw{0%{stroke-dashoffset:120}to{stroke-dashoffset:0}}.function-icon .fi-pop{transform-box:fill-box;transform-origin:center}.function-item:hover .function-icon .fi-pop,.function-item:focus-visible .function-icon .fi-pop{animation:fi-pop .45s cubic-bezier(.34,1.56,.64,1) .35s both}@keyframes fi-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.function-item:hover .function-icon .fi-slide>g:nth-child(1),.function-item:focus-visible .function-icon .fi-slide>g:nth-child(1){animation:fi-slide .6s ease-out both}.function-item:hover .function-icon .fi-slide>g:nth-child(2),.function-item:focus-visible .function-icon .fi-slide>g:nth-child(2){animation:fi-slide .6s ease-out .08s both}.function-item:hover .function-icon .fi-slide>g:nth-child(3),.function-item:focus-visible .function-icon .fi-slide>g:nth-child(3){animation:fi-slide .6s ease-out .16s both}@keyframes fi-slide{0%{transform:translate(-14px);opacity:.35}to{transform:translate(0);opacity:1}}.function-item:hover .function-icon .fi-rows rect,.function-item:focus-visible .function-icon .fi-rows rect{animation:fi-fade .5s ease-out .4s both}@keyframes fi-fade{0%{opacity:0}to{opacity:1}}.function-icon .fi-cancel rect{transform-box:fill-box;transform-origin:center}.function-item:hover .function-icon .fi-cancel rect:nth-child(1),.function-item:focus-visible .function-icon .fi-cancel rect:nth-child(1){animation:fi-cancel-l .75s ease-in-out .25s both}.function-item:hover .function-icon .fi-cancel rect:nth-child(2),.function-item:focus-visible .function-icon .fi-cancel rect:nth-child(2){animation:fi-cancel-r .75s ease-in-out .25s both}@keyframes fi-cancel-l{0%{transform:translate(0);opacity:1}60%{transform:translate(38px);opacity:1}to{transform:translate(38px) scaleX(.1);opacity:0}}@keyframes fi-cancel-r{0%{transform:translate(0);opacity:1}60%{transform:translate(-38px);opacity:1}to{transform:translate(-38px) scaleX(.1);opacity:0}}.function-icon .fi-x{transform-box:fill-box;transform-origin:center}.function-item:hover .function-icon .fi-x,.function-item:focus-visible .function-icon .fi-x{animation:fi-pop .35s ease-out .85s both}.function-item:hover .function-icon .fi-result,.function-item:focus-visible .function-icon .fi-result{animation:fi-rise .5s ease-out 1s both}@keyframes fi-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.function-icon .fi-bar{transform-box:fill-box;transform-origin:bottom}.function-item:hover .function-icon .fi-bar:nth-of-type(2),.function-item:focus-visible .function-icon .fi-bar:nth-of-type(2){animation:fi-grow .55s ease-out .3s both}.function-item:hover .function-icon .fi-bars>.fi-bar,.function-item:focus-visible .function-icon .fi-bars>.fi-bar{animation:fi-grow .55s ease-out .3s both}@keyframes fi-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.function-icon .fi-fan rect{transform-box:fill-box;transform-origin:bottom right}.function-item:hover .function-icon .fi-page3,.function-item:focus-visible .function-icon .fi-page3{animation:fi-fan3 .5s ease-out both}.function-item:hover .function-icon .fi-page2,.function-item:focus-visible .function-icon .fi-page2{animation:fi-fan2 .5s ease-out both}@keyframes fi-fan3{0%{transform:rotate(0)}to{transform:rotate(-5deg)}}@keyframes fi-fan2{0%{transform:rotate(0)}to{transform:rotate(-2.5deg)}}.function-item:hover .function-icon .fi-tabs rect:nth-of-type(1),.function-item:focus-visible .function-icon .fi-tabs rect:nth-of-type(1){animation:fi-nudge .4s ease-out .3s both}@keyframes fi-nudge{0%{transform:translate(0)}to{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.function-item:hover .function-icon *,.function-item:focus-visible .function-icon *{animation:none!important}}