.slider-footer-wrapper[data-v-3f7bc93c]{gap:12px}.delete[data-v-3f7bc93c]{margin-right:auto}.off-canvas-layout[data-v-0bc896b6]{display:grid;flex:1;grid-template-rows:auto 1fr auto;height:100vh;position:relative}.off-canvas-layout .header[data-v-0bc896b6]{align-items:center;background-color:#0c043e;display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:1}@media(min-width:640px){.off-canvas-layout .header[data-v-0bc896b6]{padding:16px 24px}}.off-canvas-layout .header .title[data-v-0bc896b6]{color:#fff;font-size:20px;font-weight:500;line-height:30px}.off-canvas-layout .header .close-btn[data-v-0bc896b6]{color:#d0d5dd;width:-moz-fit-content;width:fit-content}.off-canvas-layout .body[data-v-0bc896b6]{background-color:#fff;overflow-y:auto;padding:16px}@media(min-width:640px){.off-canvas-layout .body[data-v-0bc896b6]{padding:24px}}.off-canvas-layout .footer[data-v-0bc896b6]{background-color:#fff;border-top:1px solid #eaecf0;bottom:0;padding:12px 16px;position:sticky}@media(min-width:640px){.off-canvas-layout .footer[data-v-0bc896b6]{padding:16px 24px}}