.offcanvas{width:100%!important;position:fixed;transition:transform .3s ease-in-out,width .3s ease-in-out!important}.offcanvas-expand-btn{position:absolute;left:0;top:1.25rem;transform:translateX(-50%);z-index:5;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #dee2e6;border-radius:50%;background:#fff;color:#6c757d;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.12);transition:color .15s ease,border-color .15s ease,background-color .15s ease}.offcanvas-expand-btn:focus,.offcanvas-expand-btn:hover{color:#4633A8;border-color:#4633A8;background:#f3f0ff;outline:none}@media (min-width:1400px){.offcanvas{width:30%!important}.canvas-size{width:33%!important}}@media (min-width:1500px){.offcanvas{width:27%!important}.canvas-size{width:35%!important;box-shadow:-5px 0 15px rgba(0,0,0,.15)!important}}@media (min-width:1600px){.offcanvas{width:25%!important}.canvas-size,.offcanvas{box-shadow:none!important}.canvas-size{width:35%!important}}@media (min-width:1920px){.offcanvas{width:22%!important}.canvas-size{width:32%!important;box-shadow:none!important}}.offcanvas.canvas-expanded,.offcanvas.canvas-size.canvas-expanded{width:75%!important;box-shadow:-5px 0 15px rgba(0,0,0,.15)!important}@media (min-width:1400px){.offcanvas.canvas-expanded,.offcanvas.canvas-size.canvas-expanded{width:70%!important}}