.ne-flip{position:relative}
.ne-flip .ne-flip__box{display:block;position:relative;height:var(--ne-flip-h,280px);color:inherit;text-decoration:none}
.ne-flip__layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .8s ease}
.ne-flip__front{background-color:#1abc9c}
.ne-flip__back{background-color:#4054b2}
.ne-flip__overlay{display:flex;flex-direction:column;justify-content:center;align-items:stretch;box-sizing:border-box;width:100%;height:100%;padding:35px;color:#fff;text-align:center}
.ne-flip__graphic{margin-bottom:20px}
.ne-flip__graphic img{max-width:100%;height:auto}
.ne-flip__title{margin:0 0 20px;font-size:21px;font-weight:600;line-height:1}
.ne-flip__front .ne-flip__title:last-child{margin-bottom:0}
.ne-flip__text{font-size:14px;line-height:1.5}
.ne-flip__back .ne-flip__text{margin-bottom:20px}
.ne-flip__back .ne-flip__text:last-child{margin-bottom:0}
.ne-flip .ne-flip__button{display:inline-block;align-self:center;box-sizing:border-box;padding:12px 24px;border:2px solid #fff;border-radius:3px;background-color:transparent;color:inherit;font-size:15px;font-weight:500;line-height:1;text-align:center;text-decoration:none;transition:all .3s}
.ne-flip .ne-flip__button--xs{padding:10px 20px;border-radius:2px;font-size:13px}
.ne-flip .ne-flip__button--md{padding:15px 30px;border-radius:4px;font-size:16px}
.ne-flip .ne-flip__button--lg{padding:20px 40px;border-radius:5px;font-size:18px}
.ne-flip .ne-flip__button--xl{padding:25px 50px;border-radius:6px;font-size:20px}
.ne-flip__graphic .ne-iconel{display:inline-block;box-sizing:content-box;font-size:50px;line-height:1;color:currentColor}
.ne-flip__graphic .ne-icon{display:block;width:1em;height:1em;fill:currentColor}
.ne-iconel--stacked,.ne-iconel--framed{padding:.5em}
.ne-iconel--framed{border:3px solid currentColor}
.ne-iconel--circle.ne-iconel--stacked,.ne-iconel--circle.ne-iconel--framed{border-radius:50%}
/* Effects: the back is hidden until the box is hovered or focused. */
.ne-flip--flip{perspective:1000px}
.ne-flip--3d .ne-flip__box{transform-style:preserve-3d}
.ne-flip--flip.ne-flip--up .ne-flip__back{transform:rotateX(180deg)}
.ne-flip--flip.ne-flip--down .ne-flip__back{transform:rotateX(-180deg)}
.ne-flip--flip.ne-flip--left .ne-flip__back{transform:rotateY(-180deg)}
.ne-flip--flip.ne-flip--right .ne-flip__back{transform:rotateY(180deg)}
.ne-flip--flip.ne-flip--up:is(:hover,:focus-within) .ne-flip__front{transform:rotateX(-180deg)}
.ne-flip--flip.ne-flip--down:is(:hover,:focus-within) .ne-flip__front{transform:rotateX(180deg)}
.ne-flip--flip.ne-flip--left:is(:hover,:focus-within) .ne-flip__front{transform:rotateY(180deg)}
.ne-flip--flip.ne-flip--right:is(:hover,:focus-within) .ne-flip__front{transform:rotateY(-180deg)}
.ne-flip--flip:is(:hover,:focus-within) .ne-flip__back{transform:rotate(0)}
.ne-flip--slide .ne-flip__layer,.ne-flip--push .ne-flip__layer{backface-visibility:visible}
.ne-flip--slide.ne-flip--up .ne-flip__back,.ne-flip--push.ne-flip--up .ne-flip__back{transform:translateY(100%)}
.ne-flip--slide.ne-flip--down .ne-flip__back,.ne-flip--push.ne-flip--down .ne-flip__back{transform:translateY(-100%)}
.ne-flip--slide.ne-flip--left .ne-flip__back,.ne-flip--push.ne-flip--left .ne-flip__back{transform:translateX(100%)}
.ne-flip--slide.ne-flip--right .ne-flip__back,.ne-flip--push.ne-flip--right .ne-flip__back{transform:translateX(-100%)}
.ne-flip--push.ne-flip--up:is(:hover,:focus-within) .ne-flip__front{transform:translateY(-100%)}
.ne-flip--push.ne-flip--down:is(:hover,:focus-within) .ne-flip__front{transform:translateY(100%)}
.ne-flip--push.ne-flip--left:is(:hover,:focus-within) .ne-flip__front{transform:translateX(-100%)}
.ne-flip--push.ne-flip--right:is(:hover,:focus-within) .ne-flip__front{transform:translateX(100%)}
.ne-flip--slide:is(:hover,:focus-within) .ne-flip__back,.ne-flip--push:is(:hover,:focus-within) .ne-flip__back{transform:translate(0,0)}
.ne-flip--zoom-in .ne-flip__back{opacity:0;transform:scale(.5)}
.ne-flip--zoom-in:is(:hover,:focus-within) .ne-flip__back{opacity:1;transform:scale(1)}
.ne-flip--zoom-out .ne-flip__back{opacity:0}
.ne-flip--zoom-out:is(:hover,:focus-within) .ne-flip__front{opacity:0;transform:scale(.5)}
.ne-flip--zoom-out:is(:hover,:focus-within) .ne-flip__back{opacity:1}
.ne-flip--fade .ne-flip__back{opacity:0}
.ne-flip--fade:is(:hover,:focus-within) .ne-flip__back{opacity:1}
@media (prefers-reduced-motion:reduce){.ne-flip__layer{transition:none}}