#custom-offcanvas-slideout{position:fixed;top:0;right:0;bottom:0;width:450px;max-width:90%;background-color:#fff;visibility:hidden;opacity:0;transform:translateX(100%);transition:all 0.3s ease;z-index:999999;overflow-y:hidden;box-shadow:-5px 0 15px rgb(0 0 0 / .1)}#custom-offcanvas-slideout.opened{visibility:visible;opacity:1;transform:translateX(0)}#custom-offcanvas-slideout .inner{position:relative;height:100%;display:flex;flex-direction:column}.btn-close-custom-offcanvas{position:absolute;top:15px;right:15px;font-size:24px;line-height:1;color:#333;cursor:pointer;z-index:10001;background:none;border:none;padding:0}.btn-close-custom-offcanvas i{font-size:24px;font-weight:300}#custom-offcanvas-slideout .custom-offcanvas-wrap{padding:20px;background-color:#fff;flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.custom-offcanvas-body{flex-grow:1;display:flex;flex-direction:column}.custom-offcanvas-content{padding:10px 0;line-height:1.6;color:#555;margin-top:-28px}#custom-offcanvas-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);z-index:9999;transition:opacity 0.3s ease}body.custom-offcanvas-opened #custom-offcanvas-overlay{display:block;opacity:1}body.no-scroll{overflow:hidden}@media only screen and (max-width:768px){#custom-offcanvas-slideout{width:100%;max-width:100%}}