.qv-backdrop{opacity:0;visibility:hidden;z-index:1040;background:#0000001a;margin-top:0;transition:opacity .3s;position:fixed;inset:0}.qv-backdrop.show{opacity:1;visibility:visible}.qv-offcanvas{z-index:1050;background:#fff;flex-direction:column;width:50vw;max-width:90%;height:100vh;margin-top:0;transition:transform .35s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.qv-offcanvas.open{transform:translate(0)}.qv-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px;display:flex}.qv-body{flex:1;padding:16px;overflow-y:auto}@media (max-width:991px){.qv-offcanvas{width:75vw}}@media (max-width:767px){.qv-offcanvas{width:90vw}}