.off-canvas-layout[data-v-5a40c33a]{display:grid;flex:1;grid-template-rows:auto 1fr auto;height:100vh;position:relative}.off-canvas-layout .header[data-v-5a40c33a]{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:576px){.off-canvas-layout .header[data-v-5a40c33a]{padding:16px 24px}}.off-canvas-layout .header .title[data-v-5a40c33a]{color:#fff;font-size:20px;font-weight:500;line-height:30px}.off-canvas-layout .header .close-btn[data-v-5a40c33a]{color:#d0d5dd;width:-moz-fit-content;width:fit-content}.off-canvas-layout .body[data-v-5a40c33a]{background-color:#fff;overflow-y:auto;padding:16px}@media(min-width:576px){.off-canvas-layout .body[data-v-5a40c33a]{padding:24px}}.off-canvas-layout .footer[data-v-5a40c33a]{background-color:#fff;border-top:1px solid #eaecf0;bottom:0;padding:12px 16px;position:sticky}@media(min-width:576px){.off-canvas-layout .footer[data-v-5a40c33a]{padding:16px 24px}}