.brand-icon{--brand-icon-orange:var(--color-enorange,#f99d21);--brand-icon-green:var(--color-engreen-light,#68b188);overflow:visible}.brand-icon--mono{--brand-icon-orange:currentColor;--brand-icon-green:currentColor}.brand-icon *{transform-box:fill-box;transform-origin:center}.brand-icon .brand-icon__orange{stroke:var(--brand-icon-orange)}.brand-icon .brand-icon__green{stroke:var(--brand-icon-green)}.brand-icon .brand-icon__orange-fill{fill:var(--brand-icon-orange);stroke:none}.brand-icon .brand-icon__green-fill{fill:var(--brand-icon-green);stroke:none}.brand-icon .brand-icon__knob:not(.brand-icon__orange-fill){fill:currentColor}.brand-icon__draw,.brand-icon__slash{stroke-dasharray:1 1}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__ship{animation:brand-icon-lift 1.2s cubic-bezier(.45,0,.25,1) both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__flame{animation:brand-icon-flicker .1s ease-in-out 12 alternate;transform-origin:50% 0}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__flask{animation:brand-icon-swirl 1s ease-in-out both;transform-origin:50% 100%}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__bubble{animation:brand-icon-bubble .9s ease-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__bubble--late{animation-delay:.25s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__cup{animation:brand-icon-cheer .9s cubic-bezier(.34,1.56,.64,1) both;transform-origin:50% 100%}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__shine{animation:brand-icon-spin-in .7s ease-out .15s both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__spark{animation:brand-icon-pop .6s cubic-bezier(.34,1.56,.64,1) .3s both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__pin{animation:brand-icon-drop 1s cubic-bezier(.3,0,.3,1) both;transform-origin:50% 100%}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__shadow{animation:brand-icon-shadow 1s cubic-bezier(.3,0,.3,1) both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__star{animation:brand-icon-twinkle .8s cubic-bezier(.34,1.56,.64,1) both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__star--late{animation-delay:.15s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__bracket-left{animation:brand-icon-left .8s ease-in-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__bracket-right{animation:brand-icon-right .8s ease-in-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__slash{animation:brand-icon-draw .45s ease-out .2s both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__prompt{animation:brand-icon-nudge .45s ease-in-out 2}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__caret{animation:brand-icon-blink .7s steps(1) 3}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__piece{animation:brand-icon-snap .8s cubic-bezier(.3,0,.2,1) both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__click{animation:brand-icon-pop .5s cubic-bezier(.34,1.56,.64,1) .45s both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__friend{animation:brand-icon-wave .5s ease-in-out 2;transform-origin:50% 100%}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__person{animation:brand-icon-nod .6s ease-in-out .2s;transform-origin:50% 100%}.brand-icon--arrow-down{animation:brand-icon-scroll 2s ease-in-out infinite}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__lens{animation:brand-icon-sweep .9s ease-in-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__draw{animation:brand-icon-draw .5s ease-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__draw+.brand-icon__draw{animation-delay:.2s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__head{animation:brand-icon-pop .5s cubic-bezier(.34,1.56,.64,1) .35s both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__dot{animation:brand-icon-hop .5s ease-in-out 2}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__dot:nth-of-type(2){animation-delay:.12s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__dot:nth-of-type(3){animation-delay:.24s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__bar{animation:brand-icon-grow .6s cubic-bezier(.34,1.56,.64,1) both;transform-origin:50% 100%}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__bar+.brand-icon__bar{animation-delay:.1s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__bar+.brand-icon__bar+.brand-icon__bar{animation-delay:.2s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__filament,.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__led,.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__win{animation:brand-icon-blink .6s steps(1) 2}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__led+.brand-icon__led,.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__win+.brand-icon__win{animation-delay:.15s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__star-shape{animation:brand-icon-spin-in .7s cubic-bezier(.34,1.56,.64,1) both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__bolt-shape{animation:brand-icon-flash .6s ease-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__ray{animation:brand-icon-pop .5s cubic-bezier(.34,1.56,.64,1) .1s both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__horn{animation:brand-icon-shout .8s ease-in-out both;transform-origin:80% 50%}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__wave{animation:brand-icon-blink .4s steps(1) 3}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__wave+.brand-icon__wave{animation-delay:.2s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__meridian{animation:brand-icon-turn .9s ease-in-out 2}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__core{animation:brand-icon-pulse .8s ease-in-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__link-a{animation:brand-icon-part-a .8s ease-in-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__link-b{animation:brand-icon-part-b .8s ease-in-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__knob-a{animation:brand-icon-slide-right .9s ease-in-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__knob-b{animation:brand-icon-slide-left .9s ease-in-out .1s both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__knob-c{animation:brand-icon-slide-right .9s ease-in-out .2s both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__ring{animation:brand-icon-ring .9s ease-in-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__drop{animation:brand-icon-fall .7s ease-in both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__drop-late{animation-delay:.25s}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__pen{animation:brand-icon-scribble .8s ease-in-out both}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__wrench-shape{animation:brand-icon-wrench .8s ease-in-out both;transform-origin:30% 70%}.brand-icon-trigger:is(:hover,:focus-visible) .brand-icon__flag-cloth{animation:brand-icon-wave-flag .5s ease-in-out 2;transform-origin:0 50%}@keyframes brand-icon-lift{0%{transform:none}8%{transform:translate(-.5px) rotate(-4deg)}16%{transform:translate(.5px) rotate(4deg)}24%{transform:none}60%{transform:translateY(-3.5px)}to{transform:none}}@keyframes brand-icon-flicker{to{transform:scaleY(1.6)}}@keyframes brand-icon-swirl{25%{transform:rotate(-8deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}}@keyframes brand-icon-bubble{0%{opacity:1;transform:none}70%{opacity:0;transform:translateY(-7px) scale(1.3)}71%{opacity:0;transform:none}to{opacity:1}}@keyframes brand-icon-cheer{0%{transform:none}35%{transform:translateY(-2.5px) rotate(-6deg)}65%{transform:translateY(0) rotate(4deg)}to{transform:none}}@keyframes brand-icon-spin-in{0%{transform:rotate(-180deg) scale(.3)}}@keyframes brand-icon-pop{0%{transform:scale(0)}}@keyframes brand-icon-drop{0%{transform:none}30%{transform:translateY(-5px)}52%{transform:scale(1.14,.84)}66%{transform:translateY(-1.2px)}82%{transform:scale(1.03,.97)}to{transform:none}}@keyframes brand-icon-shadow{30%{opacity:.5;transform:scaleX(.4)}52%{transform:scaleX(1.2)}}@keyframes brand-icon-twinkle{30%{transform:scale(.6) rotate(20deg)}70%{transform:scale(1.15) rotate(-6deg)}}@keyframes brand-icon-left{40%{transform:translate(-2px)}}@keyframes brand-icon-right{40%{transform:translate(2px)}}@keyframes brand-icon-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes brand-icon-nudge{50%{transform:translate(1.5px)}}@keyframes brand-icon-blink{50%{opacity:0}}@keyframes brand-icon-snap{0%{transform:none}35%{transform:translate(-2.5px,1.5px) rotate(-10deg)}70%{transform:translate(.4px,-.2px) rotate(2deg)}to{transform:none}}@keyframes brand-icon-wave{50%{transform:translateY(-1.5px) rotate(8deg)}}@keyframes brand-icon-nod{50%{transform:translateY(-1px)}}@keyframes brand-icon-sweep{30%{transform:translate(-1.5px,-1px)}65%{transform:translate(1.5px,.5px)}}@keyframes brand-icon-scroll{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes brand-icon-hop{50%{transform:translateY(-1.8px)}}@keyframes brand-icon-grow{0%{transform:scaleY(0)}}@keyframes brand-icon-flash{0%,to{opacity:1;transform:none}20%{opacity:.4;transform:scale(1.15)}40%{opacity:1}}@keyframes brand-icon-shout{20%{transform:rotate(-8deg) scale(1.06)}45%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}@keyframes brand-icon-turn{50%{transform:scaleX(.15)}}@keyframes brand-icon-pulse{30%{transform:scale(.6)}65%{transform:scale(1.15)}}@keyframes brand-icon-part-a{40%{transform:translate(1.5px,-1.5px)}}@keyframes brand-icon-part-b{40%{transform:translate(-1.5px,1.5px)}}@keyframes brand-icon-slide-right{50%{transform:translate(4px)}}@keyframes brand-icon-slide-left{50%{transform:translate(-4px)}}@keyframes brand-icon-ring{0%,to{opacity:1;transform:none}45%{opacity:0;transform:translateY(5px)}46%{opacity:0;transform:translateY(-5px)}}@keyframes brand-icon-fall{0%{opacity:0;transform:translate(-4px,-8px) scale(.4)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes brand-icon-scribble{20%{transform:translate(-1px,1px)}40%{transform:translate(1px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px)}}@keyframes brand-icon-wrench{35%{transform:rotate(-30deg)}70%{transform:rotate(6deg)}}@keyframes brand-icon-wave-flag{50%{transform:skewY(-6deg) scaleX(.94)}}@media(prefers-reduced-motion:reduce){.brand-icon,.brand-icon *{animation:none!important}}
