/* MoxKit icon widget. */
/* Icon widget */
.moxkit-ic{text-align:center;line-height:0}
.moxkit-ic-box{--moxkit-ic-primary:var(--moxkit-accent);--moxkit-ic-pad:.5em;--moxkit-ic-border:3px;--moxkit-ic-rotate:0deg;--moxkit-ic-transition:300ms;--moxkit-ic-pulse:var(--moxkit-ic-primary);--moxkit-ic-pulse-opacity:.45;--moxkit-ic-pulse-scale:1.9;--moxkit-ic-pulse-speed:2.4s;--moxkit-ic-pulse-stroke:2px;--moxkit-ic-pulse-ease:cubic-bezier(.2,.6,.3,1);position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:content-box;width:1em;height:1em;padding:var(--moxkit-ic-pad);font-size:48px;line-height:1;color:var(--moxkit-ic-primary);text-decoration:none;vertical-align:middle;transition:transform var(--moxkit-ic-transition),color var(--moxkit-ic-transition),background-color var(--moxkit-ic-transition),border-color var(--moxkit-ic-transition),box-shadow var(--moxkit-ic-transition)}
.moxkit-ic--default .moxkit-ic-box{--moxkit-ic-pad:.2em}
/* Three classes so a linked icon keeps its colours over the kit's link and link-hover colours (.elementor-kit-N a:hover). */
.moxkit-root.moxkit-ic .moxkit-ic-box{color:var(--moxkit-ic-primary)}
.moxkit-root.moxkit-ic--stacked .moxkit-ic-box{background-color:var(--moxkit-ic-primary);color:var(--moxkit-ic-secondary, #fff)}
.moxkit-ic--framed .moxkit-ic-box{border:var(--moxkit-ic-border) solid var(--moxkit-ic-primary);background-color:var(--moxkit-ic-secondary, transparent)}
.moxkit-ic--circle .moxkit-ic-box{border-radius:50%}
.moxkit-ic--rounded .moxkit-ic-box{border-radius:22%}
.moxkit-ic--square .moxkit-ic-box{border-radius:0}
a.moxkit-ic-box:focus-visible{outline:3px solid var(--moxkit-ic-primary);outline-offset:4px}
.moxkit-ic-glyph{position:relative;z-index:1;display:inline-flex;transform:rotate(var(--moxkit-ic-rotate));transition:transform var(--moxkit-ic-transition)}
.moxkit-ic-motion{display:inline-flex;transform-origin:50% 50%}
.moxkit-ic-glyph :is(svg,i){width:1em;height:1em;font-size:1em;line-height:1}
.moxkit-ic-glyph svg{fill:currentColor}
/* Pulse layers share the box shape and start in turn so the waves never stop. */
.moxkit-ic-pulse{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}
.moxkit-ic-pulse i{position:absolute;inset:0;border-radius:inherit;opacity:0;animation-duration:var(--moxkit-ic-pulse-speed);animation-timing-function:var(--moxkit-ic-pulse-ease);animation-iteration-count:infinite;animation-delay:calc(var(--moxkit-ic-pulse-speed) / var(--moxkit-ic-layers, 1) * var(--moxkit-ic-i, 0))}
.moxkit-ic[data-pulse=filled] .moxkit-ic-pulse i{background-color:var(--moxkit-ic-pulse);animation-name:moxkit-ic-wave}
.moxkit-ic[data-pulse=filled] .moxkit-ic-pulse i:nth-child(even){background-color:var(--moxkit-ic-pulse-2, var(--moxkit-ic-pulse))}
.moxkit-ic[data-pulse=rings] .moxkit-ic-pulse i{border:var(--moxkit-ic-pulse-stroke) solid var(--moxkit-ic-pulse);animation-name:moxkit-ic-wave}
.moxkit-ic[data-pulse=rings] .moxkit-ic-pulse i:nth-child(even){border-color:var(--moxkit-ic-pulse-2, var(--moxkit-ic-pulse))}
.moxkit-ic[data-pulse=glow] .moxkit-ic-pulse i{animation-name:moxkit-ic-glow}
.moxkit-ic[data-pulse=dashed] .moxkit-ic-pulse i{inset:calc((var(--moxkit-ic-pulse-scale) - 1) * (-.25em - var(--moxkit-ic-pad) / 2));border:var(--moxkit-ic-pulse-stroke) dashed var(--moxkit-ic-pulse);border-radius:50%;opacity:var(--moxkit-ic-pulse-opacity);animation:moxkit-ic-turn calc(var(--moxkit-ic-pulse-speed) * 3) linear infinite}
.moxkit-ic[data-trigger=hover] .moxkit-ic-pulse{visibility:hidden}
.moxkit-ic[data-trigger=hover] .moxkit-ic-pulse i{animation-play-state:paused}
.moxkit-ic[data-trigger=hover] .moxkit-ic-box:is(:hover,:focus-visible) .moxkit-ic-pulse{visibility:visible}
.moxkit-ic[data-trigger=hover] .moxkit-ic-box:is(:hover,:focus-visible) .moxkit-ic-pulse i{animation-play-state:running}
/* Continuous icon animation. */
.moxkit-ic:not([data-anim=none]) .moxkit-ic-motion{animation:var(--moxkit-ic-anim-speed, 2s) ease-in-out infinite}
.moxkit-ic[data-anim=beat] .moxkit-ic-motion{animation-name:moxkit-ic-beat}
.moxkit-ic[data-anim=bounce] .moxkit-ic-motion{animation-name:moxkit-ic-bounce}
.moxkit-ic[data-anim=float] .moxkit-ic-motion{animation-name:moxkit-ic-float}
.moxkit-ic[data-anim=swing] .moxkit-ic-motion{animation-name:moxkit-ic-swing;transform-origin:50% 5%}
.moxkit-ic[data-anim=spin] .moxkit-ic-motion{animation-name:moxkit-ic-turn;animation-timing-function:linear}
.moxkit-ic[data-anim=wobble] .moxkit-ic-motion{animation-name:moxkit-ic-wobble}
.moxkit-ic[data-anim=shake] .moxkit-ic-motion{animation-name:moxkit-ic-shake}
.moxkit-ic[data-anim=tada] .moxkit-ic-motion{animation-name:moxkit-ic-tada}
/* Hover effects. */
.moxkit-ic[data-hover=grow] .moxkit-ic-box:is(:hover,:focus-visible){transform:scale(1.12)}
.moxkit-ic[data-hover=shrink] .moxkit-ic-box:is(:hover,:focus-visible){transform:scale(.88)}
.moxkit-ic[data-hover=float] .moxkit-ic-box:is(:hover,:focus-visible){transform:translateY(-.14em)}
.moxkit-ic[data-hover=rotate] .moxkit-ic-box:is(:hover,:focus-visible) .moxkit-ic-glyph{transform:rotate(calc(var(--moxkit-ic-rotate) + 25deg))}
.moxkit-ic[data-hover=spin] .moxkit-ic-box:is(:hover,:focus-visible) .moxkit-ic-glyph{animation:moxkit-ic-spin-once calc(var(--moxkit-ic-transition) * 2.5) cubic-bezier(.5,0,.3,1)}
.moxkit-ic[data-hover=pop] .moxkit-ic-box:is(:hover,:focus-visible){animation:moxkit-ic-pop .45s cubic-bezier(.3,1.6,.5,1)}
@media(prefers-reduced-motion:reduce){
 .moxkit-ic-pulse{display:none}
 .moxkit-ic .moxkit-ic-motion,.moxkit-ic .moxkit-ic-box,.moxkit-ic .moxkit-ic-glyph{animation:none!important}
}
@keyframes moxkit-ic-wave{0%{transform:scale(1);opacity:var(--moxkit-ic-pulse-opacity)}
100%{transform:scale(var(--moxkit-ic-pulse-scale));opacity:0}
}
@keyframes moxkit-ic-glow{0%{opacity:var(--moxkit-ic-pulse-opacity);box-shadow:0 0 0 0 var(--moxkit-ic-pulse)}
100%{opacity:0;box-shadow:0 0 0 calc((var(--moxkit-ic-pulse-scale) - 1) * (.5em + var(--moxkit-ic-pad))) var(--moxkit-ic-pulse)}
}
@keyframes moxkit-ic-turn{to{transform:rotate(360deg)}}
@keyframes moxkit-ic-spin-once{from{transform:rotate(var(--moxkit-ic-rotate))}
to{transform:rotate(calc(var(--moxkit-ic-rotate) + 360deg))}
}
@keyframes moxkit-ic-pop{0%{transform:scale(1)}
40%{transform:scale(1.22)}
70%{transform:scale(.95)}
100%{transform:scale(1)}
}
@keyframes moxkit-ic-beat{0%,100%{transform:scale(1)}
14%{transform:scale(1.2)}
28%{transform:scale(1)}
42%{transform:scale(1.2)}
70%{transform:scale(1)}
}
@keyframes moxkit-ic-bounce{0%,20%,53%,100%{transform:translateY(0)}
40%{transform:translateY(-.3em)}
70%{transform:translateY(-.14em)}
90%{transform:translateY(-.04em)}
}
@keyframes moxkit-ic-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.14em)}}
@keyframes moxkit-ic-swing{0%,50%,100%{transform:rotate(0)}
10%{transform:rotate(18deg)}
20%{transform:rotate(-14deg)}
30%{transform:rotate(9deg)}
40%{transform:rotate(-5deg)}
}
@keyframes moxkit-ic-wobble{0%,50%,100%{transform:none}
10%{transform:translateX(-.12em) rotate(-6deg)}
20%{transform:translateX(.1em) rotate(4deg)}
30%{transform:translateX(-.07em) rotate(-3deg)}
40%{transform:translateX(.04em) rotate(2deg)}
}
@keyframes moxkit-ic-shake{0%,50%,100%{transform:none}
5%,15%,25%,35%,45%{transform:translateX(-.05em)}
10%,20%,30%,40%{transform:translateX(.05em)}
}
@keyframes moxkit-ic-tada{0%,60%,100%{transform:scale(1) rotate(0)}
6%,12%{transform:scale(.9) rotate(-6deg)}
18%,30%,42%{transform:scale(1.12) rotate(6deg)}
24%,36%,48%{transform:scale(1.12) rotate(-6deg)}
}
