.oc-drawer-overlay[data-v-42f4f277]{background:color-mix(in srgb,var(--text-heading) 45%,transparent);display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:2000}.oc-drawer-panel[data-v-42f4f277]{background:var(--surface);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;height:100%}.oc-drawer-header[data-v-42f4f277]{align-items:center;border-bottom:1px solid var(--divider);display:flex;flex:none;gap:16px;justify-content:space-between;padding:16px 20px}.oc-drawer-title[data-v-42f4f277]{color:var(--text-heading);font-size:var(--font-size-lg);font-weight:600;line-height:1.3;margin:0}.oc-drawer-close[data-v-42f4f277]{background:transparent;border:0;color:var(--text-muted);cursor:pointer;display:grid;flex:none;height:28px;padding:0;place-items:center;transition:color .15s;width:28px}.oc-drawer-close[data-v-42f4f277]:hover{color:var(--text)}.oc-drawer-close svg[data-v-42f4f277]{height:16px;width:16px}.oc-drawer-body[data-v-42f4f277]{flex:1;min-height:0;overflow-y:auto;padding:20px}.oc-drawer-footer[data-v-42f4f277]{border-top:1px solid var(--divider);display:flex;flex:none;gap:12px;justify-content:flex-end;padding:16px 20px}.oc-drawer-enter-active[data-v-42f4f277],.oc-drawer-leave-active[data-v-42f4f277]{transition:opacity .25s ease}.oc-drawer-enter-active .oc-drawer-panel[data-v-42f4f277],.oc-drawer-leave-active .oc-drawer-panel[data-v-42f4f277]{transition:transform .25s ease}.oc-drawer-enter-from[data-v-42f4f277],.oc-drawer-leave-to[data-v-42f4f277]{opacity:0}.oc-drawer-enter-from .oc-drawer-panel[data-v-42f4f277],.oc-drawer-leave-to .oc-drawer-panel[data-v-42f4f277]{transform:translate(100%)}