.wp-block-myplugin-banner-animate{align-items:center;background-repeat:no-repeat;background-size:100% 100%;display:flex;height:547px;justify-content:center;margin:0 auto;max-width:100%;position:relative;width:588px}.wp-block-myplugin-banner-animate .banner-main-interface{cursor:default;height:auto;margin-left:-39px;margin-top:73px;position:relative;width:428px}@media (max-width:375px){.wp-block-myplugin-banner-animate .banner-main-interface{margin-top:-44px}}.wp-block-myplugin-banner-animate .banner-main-interface .banner-cursor{left:49%;pointer-events:none;position:absolute;top:37%;transition:transform .3s ease-out;z-index:20}.wp-block-myplugin-banner-animate .banner-main-interface:hover .banner-cursor{transform:translate(-149px,85px)}.wp-block-myplugin-banner-animate .banner-main-interface:hover .banner-code-box{transition-delay:.6s;width:225px}@media (max-width:767px){.wp-block-myplugin-banner-animate .banner-main-interface:hover .banner-code-box{width:145px}}.wp-block-myplugin-banner-animate .banner-main-interface:hover .code-default{opacity:0;transition-delay:.7s}.wp-block-myplugin-banner-animate .banner-main-interface:hover .code-third{opacity:1;transition-delay:.6s}.wp-block-myplugin-banner-animate .banner-code-box{align-items:center;background:#203b51;border-radius:0 5px 5px 0;border-top:21px solid #19263a;display:flex;height:252px;justify-content:center;overflow:hidden;position:absolute;right:13px;top:12px;transition:width .3s ease-out;width:157px}@media (max-width:767px){.wp-block-myplugin-banner-animate .banner-code-box{right:12px}}.wp-block-myplugin-banner-animate .banner-code-box img{position:absolute}.wp-block-myplugin-banner-animate .code-default{opacity:1;transform:scale(1);transition:opacity .2s ease-out}.wp-block-myplugin-banner-animate .code-third{opacity:0;transition:all .3s ease-out}.wp-block-myplugin-banner-animate .dec-orange-circle{left:-33px;position:absolute;transition:transform .3s ease-out}@media (max-width:767px){.wp-block-myplugin-banner-animate .dec-orange-circle{left:-3px!important;margin-top:-6px;max-width:64px;min-width:64px;top:175px}}.wp-block-myplugin-banner-animate .dec-orange-circle:hover{transform:translateX(-15px)}.wp-block-myplugin-banner-animate .dec-blue-square{position:absolute;right:10%;top:21%;transition:transform .3s ease}@media (max-width:375px){.wp-block-myplugin-banner-animate .dec-blue-square{top:12%}}.wp-block-myplugin-banner-animate .dec-blue-square:hover{transform:translateX(30px) rotate(50deg)}.wp-block-myplugin-banner-animate .dec-light{left:20%;position:absolute;top:7%}@media (max-width:375px){.wp-block-myplugin-banner-animate .dec-light{top:0}}.wp-block-myplugin-banner-animate .dec-light:hover{animation:banner-scale-bounce .7s cubic-bezier(.25,.46,.45,.94) forwards}.wp-block-myplugin-banner-animate .potion-active,.wp-block-myplugin-banner-animate .potion-default{bottom:3%;position:absolute;right:25%;transition:opacity 0s ease-out,transform .5s ease-out}.wp-block-myplugin-banner-animate .potion-active{opacity:0;pointer-events:none;transform:scale(1)}.wp-block-myplugin-banner-animate .potion-default:hover{opacity:0;transform:scale(1);transition:opacity 0s ease,transform .1s ease}.wp-block-myplugin-banner-animate .potion-default:hover~.potion-active{opacity:1;transform:scale(1.1);transition:opacity 0s ease,transform .1s ease}@keyframes banner-scale-bounce{0%{transform:scale(1)}50%{transform:scale(1.2)}62.5%{transform:scale(1.05)}75%{transform:scale(1.12)}87.5%{transform:scale(1.08)}to{transform:scale(1.1)}}@media screen and (max-width:781px) and (min-width:600px){.banner-img-first .wp-block-myplugin-banner-animate{margin:0 auto 0 12%!important}}@media screen and (max-width:600px){img.potion-active,img.potion-default{bottom:68px!important;right:51px!important;width:50px!important}.banner-img-first{max-width:260px}.wp-block-myplugin-banner-animate{align-items:flex-start;background-repeat:no-repeat;background-size:contain;display:flex;height:auto;justify-content:center;margin:10px 0 -31px!important;min-height:300px;width:100%}.wp-block-myplugin-banner-animate .banner-main-interface{margin-left:0;margin-top:35px;transform:scale(.8)}.wp-block-myplugin-banner-animate .banner-main-interface:hover .banner-cursor{transform:translate(-96px,52px)}.wp-block-myplugin-banner-animate .banner-code-box{border-top:10px solid #19263a;height:152px;right:8px;top:8px!important;width:95px}.wp-block-myplugin-banner-animate .banner-code-box img{width:83%}.wp-block-myplugin-banner-animate .potion-active,.wp-block-myplugin-banner-animate .potion-default{width:71px}.wp-block-myplugin-banner-animate .dec-blue-square{right:8%;top:14%;width:41px}.wp-block-myplugin-banner-animate .dec-light{left:67px;top:0;width:47px}}