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