.ufae-wrapper {
    --ufae-container-3d-depth: 50px;
    --ufae-box-front-bg-color: #2F4F4F;
    --ufae-box-front-bg-gradient-color-1: #9b51e0;
    --ufae-box-front-bg-gradient-color-2: #b984ff;
    --ufae-box-front-bg-gradient-direction: 'to right';
    --ufae-box-front-bg-image-overlay: transparent;
    --ufae-box-front-padding: 3em;
    --ufae-box-back-bg-color: #4E5338;
    --ufae-box-back-bg-gradient-color-1: #f78da7;
    --ufae-box-back-bg-gradient-color-2: #ffd3b6;
    --ufae-box-back-bg-gradient-direction: 'to right';
    --ufae-box-back-bg-image-overlay: transparent;
    --ufae-box-back-padding: 3em;
    --ufae-box-width: 100%;
    --ufae-box-height: 350px;
    --ufae-box-margin-top: 1em;
    --ufae-box-margin-bottom: 1em;
    --ufae-box-margin-right: 1em;
    --ufae-box-margin-left: 1em;
    --ufae-box-shadow-hr: 0px;
    --ufae-box-shadow-vr: 0px;
    --ufae-box-shadow-blur: 0px;
    --ufae-box-shadow-spread: 0px;
    --ufae-box-shadow-color: transparent;
    --ufae-box-bd-radius: 20px;
    --ufae-title-front-bg-color: transparent;
    --ufae-title-front-color: #000;
    --ufae-title-front-padding: 0px;
    --ufae-title-front-margin: 0px;
    --ufae-title-back-bg-color: transparent;
    --ufae-title-back-color: #000;
    --ufae-title-back-padding: 0px;
    --ufae-title-back-margin: 0px;
    --ufae-desc-front-bg-color: transparent;
    --ufae-desc-front-color: #000;
    --ufae-desc-front-padding: 0px;
    --ufae-desc-front-margin: 0px;
    --ufae-desc-back-bg-color: transparent;
    --ufae-desc-back-color: #000;
    --ufae-desc-back-padding: 0px;
    --ufae-desc-back-margin: 0px;
    --ufae-icon-front-bg-color: transparent;
    --ufae-icon-front-color: #000;
    --ufae-icon-front-size: 64px;
    --ufae-icon-front-padding: 0px;
    --ufae-icon-front-margin: 0px;
    --ufae-icon-front-bd-radius: 10px;
    --ufae-icon-back-bg-color: transparent;
    --ufae-icon-back-color: #000;
    --ufae-icon-back-size: 64px;
    --ufae-icon-back-padding: 0px;
    --ufae-icon-back-margin: 0px;
    --ufae-icon-back-bd-radius: 10px;
    --ufae-btn-front-bg-color: #000;
    --ufae-btn-front-color: #fff;
    --ufae-btn-front-width: auto;
    --ufae-btn-front-padding: 10px 20px;
    --ufae-btn-front-margin: 0px;
    --ufae-btn-back-bg-color: #000;
    --ufae-btn-back-color: #fff;
    --ufae-btn-back-width: auto;
    --ufae-btn-back-padding: 10px 20px;
    --ufae-btn-back-margin: 0px;
    --ufae-transition-timing: 1000;
    --ufae-front-items-justify: center;
    --ufae-front-items-alignment: center;
    --ufae-back-items-justify: center;
    --ufae-back-items-alignment: center;
}

.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-back,
.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-back {
    -webkit-transform: none;
    transform: none;
}

.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: all calc(var(--ufae-transition-timing) * 1ms) ease;
}

.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-front .ufae-flipbox-content,
.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back .ufae-flipbox-content {
    -webkit-transform: translateZ(calc(var(--ufae-container-3d-depth))) scale(0.91);
    transform: translateZ(calc(var(--ufae-container-3d-depth))) scale(0.91);
}

.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-front .ufae-flipbox-content-overlay,
.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back .ufae-flipbox-content-overlay {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0.1px);
    transform: translateZ(0.1px);
}

.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-front .ufae-flipbox-content,
.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back .ufae-flipbox-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ufae-wrapper .ufae-container[data-ufae-animation^="flip-"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-front {
    -webkit-transform: none;
    transform: none;
    z-index: 1;
}

.ufae-wrapper .ufae-container[data-ufae-animation="flip-top"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation="flip-top"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front {
    -webkit-transform: rotateX(180deg) rotateY(0);
    transform: rotateX(180deg) rotateY(0);
}

.ufae-wrapper .ufae-container[data-ufae-animation="flip-top"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back {
    -webkit-transform: rotateX(-180deg) rotateY(0);
    transform: rotateX(-180deg) rotateY(0);
}

.ufae-wrapper .ufae-container[data-ufae-animation="flip-bottom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation="flip-bottom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front {
    -webkit-transform: rotateX(-180deg) rotateY(0);
    transform: rotateX(-180deg) rotateY(0);
}

.ufae-wrapper .ufae-container[data-ufae-animation="flip-bottom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back {
    -webkit-transform: rotateX(180deg) rotateY(0);
    transform: rotateX(180deg) rotateY(0);
}

.ufae-wrapper .ufae-container[data-ufae-animation="flip-right"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation="flip-right"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front {
    -webkit-transform: rotateY(180deg) rotateX(0);
    transform: rotateY(180deg) rotateX(0);
}

.ufae-wrapper .ufae-container[data-ufae-animation="flip-right"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back {
    -webkit-transform: rotateY(-180deg) rotateX(0);
    transform: rotateY(-180deg) rotateX(0);
}

.ufae-wrapper .ufae-container[data-ufae-animation="flip-left"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation="flip-left"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front {
    -webkit-transform: rotateY(-180deg) rotateX(0);
    transform: rotateY(-180deg) rotateX(0);
}

.ufae-wrapper .ufae-container[data-ufae-animation="flip-left"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back {
    -webkit-transform: rotateY(180deg) rotateX(0);
    transform: rotateY(180deg) rotateX(0);
}

.ufae-wrapper .ufae-container[data-ufae-animation="fade"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) {
    position: relative;
    overflow: hidden;
}

.ufae-wrapper .ufae-container[data-ufae-animation="fade"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner {
    -webkit-transition: opacity calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: opacity calc(var(--ufae-transition-timing) * 1ms) ease;
    position: relative;
}

.ufae-wrapper .ufae-container[data-ufae-animation="fade"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation="fade"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front {
    opacity: 0;
}

.ufae-wrapper .ufae-container[data-ufae-animation="fade"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-back,
.ufae-wrapper .ufae-container[data-ufae-animation="fade"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-back {
    opacity: 1;
}

.ufae-wrapper .ufae-container[data-ufae-animation="fade"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation="fade"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back {
    -webkit-transition: opacity calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: opacity calc(var(--ufae-transition-timing) * 1ms) ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.ufae-wrapper .ufae-container[data-ufae-animation="fade"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back {
    opacity: 0;
}

.ufae-wrapper .ufae-container[data-ufae-animation="zoom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) {
    position: relative;
    overflow: hidden;
}

.ufae-wrapper .ufae-container[data-ufae-animation="zoom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner {
    -webkit-transition: -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease, -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
}

.ufae-wrapper .ufae-container[data-ufae-animation="zoom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation="zoom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front {
    -webkit-transform: translateZ(-50px) scale(0.7);
    transform: translateZ(-50px) scale(0.7);
    opacity: 0;
}

.ufae-wrapper .ufae-container[data-ufae-animation="zoom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-back,
.ufae-wrapper .ufae-container[data-ufae-animation="zoom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-back {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1;
}

.ufae-wrapper .ufae-container[data-ufae-animation="zoom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation="zoom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity calc(var(--ufae-transition-timing) * 1ms) ease, -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: opacity calc(var(--ufae-transition-timing) * 1ms) ease, -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease, opacity calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease, opacity calc(var(--ufae-transition-timing) * 1ms) ease, -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
}

.ufae-wrapper .ufae-container[data-ufae-animation="zoom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-back {
    -webkit-transform: translateZ(0) scale(0.5);
    transform: translateZ(0) scale(0.5);
    opacity: 0;
}

.ufae-wrapper .ufae-container[data-ufae-animation^="slide"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) {
    position: relative;
    overflow: hidden;
}

.ufae-wrapper .ufae-container[data-ufae-animation^="slide"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner {
    -webkit-box-shadow: var(--ufae-box-shadow-hr) var(--ufae-box-shadow-vr) var(--ufae-box-shadow-blur) var(--ufae-box-shadow-spread) var(--ufae-box-shadow-color);
    box-shadow: var(--ufae-box-shadow-hr) var(--ufae-box-shadow-vr) var(--ufae-box-shadow-blur) var(--ufae-box-shadow-spread) var(--ufae-box-shadow-color);
    overflow: hidden;
    border-radius: var(--ufae-box-bd-radius);
}

.ufae-wrapper .ufae-container[data-ufae-animation^="slide"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay {
    -webkit-transition: -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease, -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
}

.ufae-wrapper .ufae-container[data-ufae-animation^="slide"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation^="slide"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay .ufae-flipbox-back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.ufae-wrapper .ufae-container[data-ufae-animation="slide-top"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay:hover,
.ufae-wrapper .ufae-container[data-ufae-animation="slide-top"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay.ufae-active-flipbox {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="slide-top"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay .ufae-flipbox-back {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="slide-bottom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay:hover,
.ufae-wrapper .ufae-container[data-ufae-animation="slide-bottom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay.ufae-active-flipbox {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="slide-bottom"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay .ufae-flipbox-back {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="slide-right"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay:hover,
.ufae-wrapper .ufae-container[data-ufae-animation="slide-right"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay.ufae-active-flipbox {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="slide-right"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay .ufae-flipbox-back {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="slide-left"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay:hover,
.ufae-wrapper .ufae-container[data-ufae-animation="slide-left"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay.ufae-active-flipbox {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="slide-left"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner .ufae-flipbox-inner-overlay .ufae-flipbox-back {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner-overlay {
    overflow: hidden;
    border-radius: var(--ufae-box-bd-radius);
    -webkit-box-shadow: var(--ufae-box-shadow-hr) var(--ufae-box-shadow-vr) var(--ufae-box-shadow-blur) var(--ufae-box-shadow-spread) var(--ufae-box-shadow-color);
    box-shadow: var(--ufae-box-shadow-hr) var(--ufae-box-shadow-vr) var(--ufae-box-shadow-blur) var(--ufae-box-shadow-spread) var(--ufae-box-shadow-color);
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-front {
    -webkit-transition: all calc(var(--ufae-transition-timing) * 1ms) ease-in-out;
    transition: all calc(var(--ufae-transition-timing) * 1ms) ease-in-out;
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-front:not(.ufae-front_duplicate):not(.ufae-front-duplicate_overlay) {
    -webkit-clip-path: polygon(0% 0%, calc(50% + 4px) 0%, calc(50% + 4px) 100%, 0% 100%);
    clip-path: polygon(0% 0%, calc(50% + 4px) 0%, calc(50% + 4px) 100%, 0% 100%);
    z-index: 1;
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-front.ufae-front_duplicate {
    -webkit-clip-path: polygon(calc(50% - 4px) 0%, 100% 0%, 100% 100%, calc(50% - 4px) 100%);
    clip-path: polygon(calc(50% - 4px) 0%, 100% 0%, 100% 100%, calc(50% - 4px) 100%);
    right: 0px;
    z-index: 1;
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-front.ufae-front-duplicate_overlay {
    z-index: 2;
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-back .ufae-flipbox-content-overlay {
    -webkit-transition: -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease-in-out;
    transition: -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease-in-out;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease-in-out;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease-in-out, -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease-in-out;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front,
.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front {
    opacity: 0.5;
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front:not(.ufae-front_duplicate):not(.ufae-front-duplicate_overlay),
.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front:not(.ufae-front_duplicate):not(.ufae-front-duplicate_overlay) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front.ufae-front_duplicate,
.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front.ufae-front_duplicate {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-front.ufae-front-duplicate_overlay,
.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-front.ufae-front-duplicate_overlay {
    z-index: 0;
}

.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner:hover .ufae-flipbox-back .ufae-flipbox-content-overlay,
.ufae-wrapper .ufae-container[data-ufae-animation="curtain"] .ufae-flipbox-item:not(.ufae-flipbox-front_only) .ufae-flipbox-inner.ufae-active-flipbox .ufae-flipbox-back .ufae-flipbox-content-overlay {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ufae-wrapper .ufae-flipbox-item {
    position: relative;
    width: var(--ufae-box-width);
    height: var(--ufae-box-height);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner:hover,
.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner.ufae-active-flipbox {
    -webkit-transition: -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease;
    transition: transform calc(var(--ufae-transition-timing) * 1ms) ease, -webkit-transform calc(var(--ufae-transition-timing) * 1ms) ease;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-inner-overlay {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front,
.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: var(--ufae-box-bd-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: var(--ufae-front-items-justify);
    -ms-flex-pack: var(--ufae-front-items-justify);
    justify-content: var(--ufae-front-items-justify);
    -webkit-box-shadow: var(--ufae-box-shadow-hr) var(--ufae-box-shadow-vr) var(--ufae-box-shadow-blur) var(--ufae-box-shadow-spread) var(--ufae-box-shadow-color);
    box-shadow: var(--ufae-box-shadow-hr) var(--ufae-box-shadow-vr) var(--ufae-box-shadow-blur) var(--ufae-box-shadow-spread) var(--ufae-box-shadow-color);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front {
    padding: var(--ufae-box-front-padding);
    -webkit-box-align: var(--ufae-front-items-alignment);
    -ms-flex-align: var(--ufae-front-items-alignment);
    align-items: var(--ufae-front-items-alignment);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front:not(.ufae-bg-gradient):not(.ufae-bg-image) {
    background-color: var(--ufae-box-front-bg-color);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front.ufae-bg-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--ufae-box-front-bg-gradient-direction)), color-stop(var(--ufae-box-front-bg-gradient-color-1)), to(var(--ufae-box-front-bg-gradient-color-2)));
    background: linear-gradient(var(--ufae-box-front-bg-gradient-direction), var(--ufae-box-front-bg-gradient-color-1), var(--ufae-box-front-bg-gradient-color-2));
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front.ufae-bg-image {
    background: var(--ufae-box-front-bg-image), var(--ufae-box-front-bg-image-overlay);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front .ufae-flipbox-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: var(--ufae-front-items-justify);
    -webkit-box-align: var(--ufae-front-items-justify);
    -ms-flex-align: var(--ufae-front-items-justify);
    align-items: var(--ufae-front-items-justify);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front .ufae-icon-wrapper {
    margin-bottom: 15px;
    color: var(--ufae-icon-front-color);
    font-size: var(--ufae-icon-front-size);
    line-height: var(--ufae-icon-front-size);
    padding: var(--ufae-icon-front-padding);
    margin: var(--ufae-icon-front-margin);
    background-color: var(--ufae-icon-front-bg-color);
    border-radius: var(--ufae-icon-front-bd-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front .ufae-icon-wrapper svg {
    width: var(--ufae-icon-front-size);
    height: var(--ufae-icon-front-size);
    fill: var(--ufae-icon-front-color);
    border-radius: var(--ufae-icon-front-bd-radius);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front .ufae-icon-wrapper img {
    width: var(--ufae-icon-front-size);
    height: var(--ufae-icon-front-size);
    border-radius: var(--ufae-icon-front-bd-radius);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front .ufae-title {
    font-size: 1.5em;
    padding: var(--ufae-title-front-padding);
    margin: var(--ufae-title-front-margin);
    color: var(--ufae-title-front-color);
    background-color: var(--ufae-title-front-bg-color);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front .ufae-desc {
    font-size: 1em;
    padding: var(--ufae-desc-front-padding);
    margin: var(--ufae-desc-front-margin);
    color: var(--ufae-desc-front-color);
    background-color: var(--ufae-desc-front-bg-color);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front .ufae-btn-wrapper {
    margin-top: 20px;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front .ufae-btn-wrapper .ufae-button {
    background-color: transparent;
    padding: var(--ufae-btn-front-padding);
    margin: var(--ufae-btn-front-margin);
    width: var(--ufae-btn-front-width);
    text-decoration: none;
    border-radius: 5rem;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    color: var(--ufae-btn-front-color);
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-front .ufae-btn-wrapper .ufae-button:hover {
    background-color: var(--ufae-btn-front-bg-color);
    border-color: var(--ufae-btn-front-bg-color);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back {
    padding: var(--ufae-box-back-padding);
    -webkit-box-align: var(--ufae-back-items-alignment);
    -ms-flex-align: var(--ufae-back-items-alignment);
    align-items: var(--ufae-back-items-alignment);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back:not(.ufae-bg-gradient):not(.ufae-bg-image) {
    background-color: var(--ufae-box-back-bg-color);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back.ufae-bg-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--ufae-box-back-bg-gradient-direction)), color-stop(var(--ufae-box-back-bg-gradient-color-1)), to(var(--ufae-box-back-bg-gradient-color-2)));
    background: linear-gradient(var(--ufae-box-back-bg-gradient-direction), var(--ufae-box-back-bg-gradient-color-1), var(--ufae-box-back-bg-gradient-color-2));
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back.ufae-bg-image {
    background: var(--ufae-box-back-bg-image), var(--ufae-box-back-bg-image-overlay);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back .ufae-flipbox-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: var(--ufae-back-items-justify);
    -webkit-box-align: var(--ufae-back-items-justify);
    -ms-flex-align: var(--ufae-back-items-justify);
    align-items: var(--ufae-back-items-justify);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back .ufae-icon-wrapper {
    color: var(--ufae-icon-back-color);
    font-size: var(--ufae-icon-back-size);
    line-height: var(--ufae-icon-back-size);
    padding: var(--ufae-icon-back-padding);
    margin: var(--ufae-icon-back-margin);
    background-color: var(--ufae-icon-back-bg-color);
    border-radius: var(--ufae-icon-back-bd-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back .ufae-icon-wrapper svg {
    width: var(--ufae-icon-back-size);
    height: var(--ufae-icon-back-size);
    fill: var(--ufae-icon-back-color);
    border-radius: var(--ufae-icon-back-bd-radius);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back .ufae-icon-wrapper img {
    width: var(--ufae-icon-back-size);
    height: var(--ufae-icon-back-size);
    border-radius: var(--ufae-icon-back-bd-radius);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back .ufae-title {
    font-size: 1.5em;
    padding: var(--ufae-title-back-padding);
    margin: var(--ufae-title-back-margin);
    color: var(--ufae-title-back-color);
    background-color: var(--ufae-title-back-bg-color);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back .ufae-desc {
    font-size: 1em;
    padding: var(--ufae-desc-back-padding);
    margin: var(--ufae-desc-back-margin);
    color: var(--ufae-desc-back-color);
    background-color: var(--ufae-desc-back-bg-color);
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back .ufae-btn-wrapper .ufae-button {
    background-color: transparent;
    padding: var(--ufae-btn-back-padding);
    margin: var(--ufae-btn-back-margin);
    width: var(--ufae-btn-back-width);
    text-decoration: none;
    border-radius: 5rem;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    color: var(--ufae-btn-back-color);
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
}

.ufae-wrapper .ufae-flipbox-item .ufae-flipbox-inner .ufae-flipbox-back .ufae-btn-wrapper .ufae-button:hover {
    background-color: var(--ufae-btn-back-bg-color);
    border-color: var(--ufae-btn-back-bg-color);
}


/*# sourceMappingURL=ufae-common.css.map */