.wbcom-essential-flip-box{--flip-front-bg:#f5f5f5;--flip-back-bg:#3182ce;--flip-back-content:hsla(0,0%,100%,.9);--flip-front-content:#666;--flip-back-icon:#fff;--flip-front-title:#1a1a1a;--flip-back-icon-size:48px;--flip-front-icon:#3182ce;--flip-timing:ease;--flip-front-icon-size:48px;--flip-box-width:300px;--flip-btn-bg:#fff;--flip-back-border-color:#e0e0e0;--flip-btn-hover-bg:#2c5aa0;--flip-btn-text:#3182ce;--flip-box-height:300px;--flip-box-align:center;--flip-back-title:#fff;--flip-btn-hover-text:#fff;--flip-radius:8px;--flip-duration:0.6s;--flip-front-border-color:#e0e0e0}.wbcom-essential-flip-box.use-theme-colors{--flip-front-bg:var(--wbcom-card-bg-alt,var(--wbcom-color-base-2,#f5f5f5));--flip-back-bg:var(--wbcom-color-primary,#3182ce);--flip-back-content:var(--wbcom-button-text,hsla(0,0%,100%,.9));--flip-front-content:var(--wbcom-text-color,var(--wbcom-color-contrast-2,#666));--flip-back-icon:var(--wbcom-button-text,var(--wbcom-color-base,#fff));--flip-front-title:var(--wbcom-heading-color,var(--wbcom-color-contrast,#1a1a1a));--flip-front-icon:var(--wbcom-color-primary,#3182ce);--flip-btn-bg:var(--wbcom-card-bg,var(--wbcom-color-base,#fff));--flip-back-border-color:var(--wbcom-border-color,var(--wbcom-color-border,#e0e0e0));--flip-btn-hover-bg:var(--wbcom-color-primary-dark,var(--wbcom-color-secondary,#2c5aa0));--flip-btn-text:var(--wbcom-color-primary,#3182ce);--flip-back-title:var(--wbcom-button-text,var(--wbcom-color-base,#fff));--flip-btn-hover-text:var(--wbcom-button-text,var(--wbcom-color-base,#fff));--flip-front-border-color:var(--wbcom-border-color,var(--wbcom-color-border,#e0e0e0))}.wbcom-essential-flip-box{justify-content:var(--flip-box-align);display:flex}.wbcom-flip-box-wrapper{height:var(--flip-box-height);max-width:var(--flip-box-width);perspective:1000px;width:100%}.wbcom-flip-box-inner{height:100%;transform-style:preserve-3d;transition-duration:var(--flip-duration);transition-timing-function:var(--flip-timing);position:relative;cursor:pointer;width:100%}.wbcom-flip-box-back,.wbcom-flip-box-front{height:100%;overflow:hidden;backface-visibility:hidden;padding:24px;justify-content:center;position:absolute;flex-direction:column;text-align:center;top:0;box-sizing:border-box;align-items:center;border-radius:var(--flip-radius);left:0;width:100%;display:flex}.wbcom-flip-box-front{background:var(--flip-front-bg);z-index:2}.wbcom-flip-box-front .wbcom-flip-box-icon{color:var(--flip-front-icon)}.wbcom-flip-box-front .wbcom-flip-box-icon .dashicons{height:var(--flip-front-icon-size);font-size:var(--flip-front-icon-size);width:var(--flip-front-icon-size)}.wbcom-flip-box-front .wbcom-flip-box-title{color:var(--flip-front-title)}.wbcom-flip-box-front .wbcom-flip-box-content{color:var(--flip-front-content)}.wbcom-flip-box-back{transform:rotateY(180deg);background:var(--flip-back-bg)}.wbcom-flip-box-back .wbcom-flip-box-icon{color:var(--flip-back-icon)}.wbcom-flip-box-back .wbcom-flip-box-icon .dashicons{height:var(--flip-back-icon-size);font-size:var(--flip-back-icon-size);width:var(--flip-back-icon-size)}.wbcom-flip-box-back .wbcom-flip-box-title{color:var(--flip-back-title)}.wbcom-flip-box-back .wbcom-flip-box-content{color:var(--flip-back-content)}.wbcom-flip-box-icon{justify-content:center;margin-bottom:16px;align-items:center;display:flex}.wbcom-flip-box-title{font-size:1.25rem;font-weight:600;margin:0 0 12px;line-height:1.3}.wbcom-flip-box-content{font-size:.9375rem;margin:0 0 16px;line-height:1.6}.wbcom-flip-box-button{overflow:hidden;padding:10px 24px;text-decoration:none;font-weight:500;color:var(--flip-btn-text);transition:all .3s ease;position:relative;border-radius:4px;background:var(--flip-btn-bg);margin-top:auto;display:inline-block;z-index:1}.wbcom-flip-box-button:hover{transform:translateY(-2px);color:var(--flip-btn-hover-text);box-shadow:0 4px 12px rgba(0,0,0,.15);background:var(--flip-btn-hover-bg)}.wbcom-flip-box-wrapper.flip-right .wbcom-flip-box-back,.wbcom-flip-box-wrapper.flip-right:hover .wbcom-flip-box-inner{transform:rotateY(180deg)}.wbcom-flip-box-wrapper.flip-left .wbcom-flip-box-back,.wbcom-flip-box-wrapper.flip-left:hover .wbcom-flip-box-inner{transform:rotateY(-180deg)}.wbcom-flip-box-wrapper.flip-up .wbcom-flip-box-back,.wbcom-flip-box-wrapper.flip-up:hover .wbcom-flip-box-inner{transform:rotateX(180deg)}.wbcom-flip-box-wrapper.flip-down .wbcom-flip-box-back,.wbcom-flip-box-wrapper.flip-down:hover .wbcom-flip-box-inner{transform:rotateX(-180deg)}.wbcom-flip-box-wrapper.flip-diagonal-right .wbcom-flip-box-back,.wbcom-flip-box-wrapper.flip-diagonal-right:hover .wbcom-flip-box-inner{transform:rotate3d(1,1,0,180deg)}.wbcom-flip-box-wrapper.flip-diagonal-left .wbcom-flip-box-back,.wbcom-flip-box-wrapper.flip-diagonal-left:hover .wbcom-flip-box-inner{transform:rotate3d(1,1,0,-180deg)}.wbcom-flip-box-wrapper.flip-inverted-diagonal-right .wbcom-flip-box-back,.wbcom-flip-box-wrapper.flip-inverted-diagonal-right:hover .wbcom-flip-box-inner{transform:rotate3d(-1,1,0,180deg)}.wbcom-flip-box-wrapper.flip-inverted-diagonal-left .wbcom-flip-box-back,.wbcom-flip-box-wrapper.flip-inverted-diagonal-left:hover .wbcom-flip-box-inner{transform:rotate3d(1,-1,0,180deg)}.wbcom-flip-box-wrapper.zoom-in .wbcom-flip-box-front{z-index:2}.wbcom-flip-box-wrapper.zoom-in .wbcom-flip-box-back{transform:scale(0);opacity:0;z-index:1}.wbcom-flip-box-wrapper.zoom-in:hover .wbcom-flip-box-inner .wbcom-flip-box-front{transform:scale(0);opacity:0}.wbcom-flip-box-wrapper.zoom-in:hover .wbcom-flip-box-inner .wbcom-flip-box-back{transform:scale(1);opacity:1}.wbcom-flip-box-wrapper.zoom-out .wbcom-flip-box-front{z-index:2}.wbcom-flip-box-wrapper.zoom-out .wbcom-flip-box-back{transform:scale(2);opacity:0;z-index:1}.wbcom-flip-box-wrapper.zoom-out:hover .wbcom-flip-box-inner .wbcom-flip-box-front{transform:scale(2);opacity:0}.wbcom-flip-box-wrapper.zoom-out:hover .wbcom-flip-box-inner .wbcom-flip-box-back{transform:scale(1);opacity:1}.wbcom-flip-box-wrapper.rotate .wbcom-flip-box-back,.wbcom-flip-box-wrapper.rotate:hover .wbcom-flip-box-inner{transform:rotateY(180deg) rotate(180deg)}.wbcom-flip-box-back,.wbcom-flip-box-front{border-style:solid}.wbcom-flip-box-front{border-color:var(--flip-front-border-color);border-width:var(--flip-front-border-width)}.wbcom-flip-box-back{border-color:var(--flip-back-border-color);border-width:var(--flip-back-border-width)}.wbcom-flip-box-front.has-box-shadow{box-shadow:0 4px 20px rgba(0,0,0,.1)}.wbcom-flip-box-back.has-box-shadow{box-shadow:0 4px 20px rgba(0,0,0,.2)}.wbcom-flip-box-button[class*=wbcom-btn-]{overflow:hidden;position:relative;z-index:0}.wbcom-flip-box-button[class*=wbcom-btn-]:before{content:"";position:absolute;background:var(--flip-btn-hover-bg);z-index:-1}.wbcom-flip-box-button.wbcom-btn-1:before{height:150%;transform:rotate(-90deg);transition:transform .6s cubic-bezier(.01,-.24,0,.68),opacity .6s;opacity:0;bottom:0;transform-origin:left bottom;left:-50%;width:200%}.wbcom-flip-box-button.wbcom-btn-1:hover:before{transform:rotate(0deg);transition-duration:.2s;opacity:1}.wbcom-flip-box-button.wbcom-btn-2:before{height:0;transform:translate(-50%,-50%) scale(0);padding:50%;transition:transform .3s ease-out;top:50%;border-radius:50%;left:50%;width:0}.wbcom-flip-box-button.wbcom-btn-2:hover:before{transform:translate(-50%,-50%) scale(1.5);width:100%}.wbcom-flip-box-button.wbcom-btn-3:before{height:0;transform:translate(-50%,-50%);transition:opacity .25s .15s,height .25s;opacity:0;top:50%;left:50%;width:110%}.wbcom-flip-box-button.wbcom-btn-3:hover:before{height:110%;transition:opacity .25s,height .4s;transition-delay:0s;opacity:1}.wbcom-flip-box-button.wbcom-btn-4:before{height:110%;transform:translate(-50%,-50%);transition:opacity .25s .15s,width .25s;opacity:0;top:50%;left:50%;width:0}.wbcom-flip-box-button.wbcom-btn-4:hover:before{transition:opacity .25s,width .4s;transition-delay:0s;opacity:1;width:110%}.wbcom-flip-box-button.wbcom-btn-5:before{height:110%;transition:opacity .25s .15s,width .25s;opacity:0;top:0;left:0;width:0}.wbcom-flip-box-button.wbcom-btn-5:hover:before{transition:opacity .25s,width .4s;transition-delay:0s;opacity:1;width:110%}.wbcom-flip-box-button.wbcom-btn-6:before{height:0;transition:opacity .25s .15s,height .25s;opacity:0;bottom:0;left:0;width:110%}.wbcom-flip-box-button.wbcom-btn-6:hover:before{height:110%;transition:opacity .25s,height .4s;transition-delay:0s;opacity:1}.wbcom-flip-box-button.wbcom-btn-7:before{height:110%;right:0;transition:opacity .25s .15s,width .25s;opacity:0;top:0;left:auto;width:0}.wbcom-flip-box-button.wbcom-btn-7:hover:before{transition:opacity .25s,width .4s;transition-delay:0s;opacity:1;width:110%}.wbcom-flip-box-button.wbcom-btn-8:before{height:0;transition:opacity .25s .15s,height .25s;opacity:0;bottom:auto;top:0;left:0;width:110%}.wbcom-flip-box-button.wbcom-btn-8:hover:before{height:110%;transition:opacity .25s,height .4s;transition-delay:0s;opacity:1}@media(max-width:600px){.wbcom-flip-box-wrapper{max-width:100%}.wbcom-flip-box-back,.wbcom-flip-box-front{padding:20px}.wbcom-flip-box-title{font-size:1.125rem}.wbcom-flip-box-content{font-size:.875rem}}