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