.off-canvas-sidebar[data-v-971e3b4c]{background-color:var(--bs-blue,#0d6efd);z-index:3000;width:500px;max-width:100vw;height:100vh;transition:transform .2s ease-in;display:block;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:3px 3px 6px #00000080}.off-canvas-sidebar[data-v-971e3b4c]:before{content:"";opacity:0;background:linear-gradient(90deg,#0000 0%,#0000004d 100%);width:6px;height:100%;transition:opacity .2s ease-in;display:block;position:absolute;top:0;right:100%}.off-canvas-sidebar.__open[data-v-971e3b4c]{transform:translate(0)}.off-canvas-sidebar.__open[data-v-971e3b4c]:before{opacity:1}.off-canvas-sidebar.__open .handle-icon[data-v-971e3b4c]{transform:rotate(180deg)}.off-canvas-sidebar-inner[data-v-971e3b4c]{width:100%;min-height:100vh;max-height:100vh;overflow:auto}.off-canvas-sidebar-handle[data-v-971e3b4c]{background-color:var(--bs-blue,#0d6efd);color:#fff;cursor:pointer;border-top-left-radius:4px;border-bottom-left-radius:4px;padding:1rem;position:absolute;top:5rem;left:0;transform:translate(-44px)}.off-canvas-sidebar-handle[data-v-971e3b4c]:before{content:"";border-top-left-radius:4px;border-bottom-left-radius:4px;width:calc(100% - 9px);height:100%;display:block;position:absolute;top:0;left:0;box-shadow:-4px 0 5px #0000004d}.handle-icon[data-v-971e3b4c]{transition:transform .2s ease-in .2s;transform:rotate(0)}.off-canvas-sidebar-content[data-v-971e3b4c]{flex-direction:column;width:100%;height:100%;padding:1.5rem;display:flex}