.shapeblock-offcanvas-toggle-text{align-items:center;cursor:pointer;display:flex}.shapeblock-offcanvas-toggle-text .shapeblock-icon-text{font-style:normal;margin-right:6px}.shapeblock-icon-menu-wrap{cursor:pointer;height:12px;position:relative;width:26px}.shapeblock-icon-menu-wrap *{transition:all .5s ease-in}.shapeblock-icon-menu-wrap:hover em{width:70%}.shapeblock-icon-menu-wrap em:nth-child(2){bottom:0;right:0;top:auto}.shapeblock-icon-menu{border-bottom:2px solid #000;content:"";display:block;position:absolute;top:0;width:100%}.shapeblock-modern-close-toggle,.shapeblock-offcanvas-wrapper.modern .shapeblock-offcanvas-toggle label{cursor:pointer;display:block;height:36px;position:relative;width:36px}.shapeblock-modern-close-toggle span,.shapeblock-offcanvas-wrapper.modern .shapeblock-offcanvas-toggle label span{background:#000;display:block;height:2px;left:0;position:absolute;transition:.3s ease-in-out;width:100%}.shapeblock-modern-close-toggle span:first-of-type,.shapeblock-offcanvas-wrapper.modern .shapeblock-offcanvas-toggle label span:first-of-type{top:27%}.shapeblock-modern-close-toggle span:nth-of-type(2),.shapeblock-offcanvas-wrapper.modern .shapeblock-offcanvas-toggle label span:nth-of-type(2){top:50%}.shapeblock-modern-close-toggle span:nth-of-type(3),.shapeblock-offcanvas-wrapper.modern .shapeblock-offcanvas-toggle label span:nth-of-type(3){bottom:22%}.shapeblock-offcanvas{box-sizing:border-box}.shapeblock-offcanvas:not(.modern){background:#fff;height:100%;overflow-y:auto;padding:60px 25px 40px 40px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:380px;z-index:999999}.shapeblock-offcanvas:not(.modern).shapeblock-offcanvas-left{left:0;right:auto;transform:translateX(-100%)}.shapeblock-offcanvas:not(.modern){transition:transform .3s ease,visibility .3s ease;visibility:hidden}.shapeblock-offcanvas:not(.modern).shapeblock-active{transform:translateX(0);visibility:visible}.shapeblock-offcanvas.modern{background:#fff;height:100%;inset:0;opacity:0;overflow-y:auto;padding:60px 100px 40px 40px;position:fixed;transition:all .5s cubic-bezier(.77,0,.175,1);visibility:hidden;width:100%;z-index:999999}.shapeblock-offcanvas.modern.shapeblock-active{opacity:1;visibility:visible}.shapeblock-offcanvas.modern{margin:0 auto;max-width:100%}.shapeblock-offcanvas.modern.shapeblock-oc-from-left{margin-left:0}.shapeblock-offcanvas.modern.shapeblock-oc-from-right{margin-right:0}.shapeblock-offcanvas.modern.shapeblock-oc-from-left{transform:translateX(-100%)}.shapeblock-offcanvas.modern.shapeblock-oc-from-right{transform:translateX(100%)}.shapeblock-offcanvas.modern.shapeblock-oc-from-top{transform:translateY(-100%)}.shapeblock-offcanvas.modern.shapeblock-oc-from-bottom{transform:translateY(100%)}.shapeblock-offcanvas.modern.shapeblock-active[class*=shapeblock-oc-from-]{transform:none}.shapeblock-offcanvas.modern .shapeblock-offcanvas-panel{align-items:center;display:grid;height:100%}.shapeblock-offcanvas.modern .shapeblock-offcanvas-content{opacity:0;transform:translateY(60px);transition:transform .8s cubic-bezier(.77,0,.175,1),opacity .5s ease}.shapeblock-offcanvas.modern.shapeblock-active .shapeblock-offcanvas-content{opacity:1;transform:translateY(0)}.shapeblock-offcanvas-overlay{background:rgba(0,0,0,.4);cursor:pointer;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;visibility:hidden;z-index:999998}.shapeblock-offcanvas-overlay.shapeblock-active{opacity:1;visibility:visible}.shapeblock-offcanvas.shapeblock-blur-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.shapeblock-offcanvas-close{border:none;border-radius:100%;color:#000;cursor:pointer;display:grid;font-size:25px;padding:0;place-content:center;position:absolute;right:25px;top:20px;z-index:1}.shapeblock-offcanvas-close svg{fill:currentColor;height:1em}.shapeblock-modern-close{cursor:pointer;top:50%;transform:translateY(-50%)}.shapeblock-offcanvas.modern.shapeblock-active .shapeblock-modern-close-toggle span:first-of-type{top:50%;transform:rotate(45deg) translateY(-50%)}.shapeblock-offcanvas.modern.shapeblock-active .shapeblock-modern-close-toggle span:nth-of-type(2){opacity:0;transform:scale(0)}.shapeblock-offcanvas.modern.shapeblock-active .shapeblock-modern-close-toggle span:nth-of-type(3){bottom:50%;transform:rotate(-45deg) translateY(50%)}@media screen and (max-width:1024px){.shapeblock-modern-close{top:40px;transform:translateY(0)}.shapeblock-offcanvas.modern .shapeblock-offcanvas-panel{display:block}}