.offcanvas-panel{position:fixed;top:0;right:-100%;width:480px;height:100%;background-color:#fff;box-shadow:-2px 0 5px rgb(0 0 0 / .1);transition:right 0.3s ease;z-index:99999;overflow-y:auto}.offcanvas-panel.open{right:0}@media (max-width:640px){.offcanvas-panel{top:auto;bottom:-100%;right:0;width:100%;height:70%;border-radius:15px 15px 0 0;box-shadow:0 -2px 5px rgb(0 0 0 / .1);transition:bottom 0.3s ease}.offcanvas-panel.open{bottom:0}}.offcanvas-content{padding:0 20px}.offcanvas-content .modal-header-section{font-size:14px}.offcanvas-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:999;display:none}.offcanvas-backdrop.show{display:block}