body{margin:0;font-family:Arial,sans-serif}.offcanvas-toggle{color:#000;border:none;border-radius:4px;padding:20px 30px 20px 0;font-size:26px}.offcanvas-panel{z-index:11500;background-color:#fff;width:70%;height:100vh;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:scroll;box-shadow:2px 0 5px #0003}.offcanvas-panel::-webkit-scrollbar{width:9px;height:8px}.offcanvas-panel::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.offcanvas-panel::-webkit-scrollbar-thumb{background-color:gray;border-right:2px solid #fff;border-radius:10px}.offcanvas-content{padding:20px}.offcanvas-panel.open{left:0}.close-btn{background:0 0;border:none;font-size:20px;position:absolute;top:10px;right:10px}.offcanvas-backdrop{z-index:1045;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}