.wp-block-herocode-offcanvas{box-sizing:border-box}.wp-block-herocode-offcanvas.is-open .herocode-offcanvas{opacity:1;transition:transform .3s ease-in-out;visibility:visible}.wp-block-herocode-offcanvas.is-open .herocode-offcanvas-end,.wp-block-herocode-offcanvas.is-open .herocode-offcanvas-start{transform:translateX(0)}.wp-block-herocode-offcanvas.is-open .herocode-offcanvas-bottom,.wp-block-herocode-offcanvas.is-open .herocode-offcanvas-top{transform:translateY(0)}.wp-block-herocode-offcanvas.is-open .herocode-offcanvas-body{opacity:1;transition:opacity .3s ease-out .3s}.wp-block-herocode-offcanvas.is-open .herocode-offcanvas-overlay{opacity:1;transition:opacity .3s linear;visibility:visible}.herocode-offcanvas{background-color:var(--herocode-offcanvas--backgroundColor,#212529);box-sizing:border-box;color:var(--herocode-offcanvas--color,#adb5bd);display:flex;opacity:0;padding:var(--herocode-offcanvas--padding,64px 24px 0 24px);position:fixed;transition:transform .3s ease-in-out .3s,opacity 0s linear .6s,visibility 0s linear .6s;visibility:hidden;z-index:95}.herocode-offcanvas-end,.herocode-offcanvas-start{bottom:0;top:0;width:min(100%,var(--herocode-offcanvas--width,400px))}.herocode-offcanvas-start{left:0;transform:translateX(-100%)}.herocode-offcanvas-end{right:0;transform:translateX(100%)}.herocode-offcanvas-bottom,.herocode-offcanvas-top{height:min(100%,var(--herocode-offcanvas--height,400px));left:0;right:0}.herocode-offcanvas-top{top:0;transform:translateY(-100%)}.herocode-offcanvas-bottom{bottom:0;transform:translateY(100%)}.herocode-offcanvas-body{-ms-overflow-style:none;flex-grow:1;opacity:0;overflow:hidden auto;scrollbar-width:none;transition:opacity .3s ease-in-out}.herocode-offcanvas-body::-webkit-scrollbar{height:0;width:0}.herocode-offcanvas-body>:first-child{margin-block-start:0}.herocode-offcanvas-body>:last-child{padding-block-end:48px}.herocode-offcanvas-close{background-color:inherit;box-sizing:border-box;cursor:pointer;height:42px;position:absolute;right:24px;top:16px;width:42px;z-index:1}.herocode-offcanvas-close:hover>span{transform:rotate(-90deg)}.herocode-offcanvas-close span{height:80%;left:10%;position:absolute;top:10%;transform-origin:50% 50%;transition:transform .3s ease;width:80%;z-index:2}.herocode-offcanvas-close span:after,.herocode-offcanvas-close span:before{border-block:solid 1px var(--herocode-offcanvas-close--borderColor,#ffffff80);box-sizing:border-box;content:"";height:0;left:0;margin-top:-1px;position:absolute;top:50%;width:100%;z-index:1}.herocode-offcanvas-close span:before{transform:rotate(45deg)}.herocode-offcanvas-close span:after{transform:rotate(-45deg)}.herocode-offcanvas-overlay{background-color:var(--herocode-offcanvas-overlay--backgroundColor,#ffffff80);inset:0;opacity:0;position:fixed;transition:opacity .3s linear .3s,visibility 0s linear .6s;visibility:hidden;z-index:91}.herocode-offcanvas-toggler{color:var(--herocode-offcanvas-toggler--color,inherit);cursor:pointer;display:inline-block;line-height:inherit}.herocode-offcanvas-toggler--type-text{font:inherit;text-decoration:inherit}.herocode-offcanvas-toggler--type-icon{line-height:0}.herocode-offcanvas-toggler :is(svg){height:var(--herocode-offcanvas-toggler--height,24px);max-height:100%;max-width:100%;width:var(--herocode-offcanvas-toggler--width,24px)}.herocode-offcanvas-toggler:hover{color:var(--herocode-offcanvas-toggler-hover--color)}