.drawerTrigger{justify-content:center;align-items:center;gap:var(--space-3);height:28px;min-height:0;padding:0 var(--space-5);border-radius:var(--radius-control);background:var(--accent);color:var(--on-accent);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;border:0;font-weight:600;display:inline-flex}.drawerTrigger:hover{background:var(--accent-hi)}.drawer{width:min(var(--side-panel-width), 100vw);background:var(--canvas);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);box-shadow:var(--shadow-cmd);text-align:start;border:0;margin:0 0 0 auto;padding:0}.drawer.pklDrawer{width:min(780px,100vw);max-width:100vw}.drawer.pklDrawer .drawerHead{gap:var(--space-4);background:var(--table-head)}.drawer.pklDrawer .drawerTitle{flex:0 auto}.drawer.pklDrawer .drawerClose{margin-inline-start:auto}.drawer.pklDrawer .drawerBody{padding:0}.drawer.pklDrawer.pkoSheet{width:min(1000px,100vw)}.drawer.drawerNarrow{border-inline-start:1px solid var(--hairline);width:min(360px,100vw)}.drawer.drawerNarrow::backdrop{background:0 0}.drawer.drawerNarrow .drawerBody{padding:0}dialog.drawer:not([open]){display:none}.drawer::backdrop{background:color-mix(in oklab, var(--ink) 28%, transparent)}.drawer[open]{animation:drawerIn var(--duration-normal) var(--ease-out-expo) both}@keyframes drawerIn{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.drawer[open]{animation:none}}.drawerPanel{flex-direction:column;height:100%;display:flex}.drawerHead{align-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-8);border-bottom:1px solid var(--hairline);flex:none;display:flex}.drawerTitle{font-family:var(--font-display);font-size:var(--text-drawer);letter-spacing:var(--track-tight);color:var(--ink);flex-grow:1;font-weight:600}.drawerClose,.drawerBack{border-radius:var(--radius-control);width:28px;height:28px;min-height:0;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.drawerClose:hover,.drawerBack:hover{background:var(--neutral-hover);color:var(--ink)}.drawerBody{min-height:0;padding:var(--space-8);flex:auto;overflow-y:auto}.drawerHeadText{gap:var(--space-3);flex-direction:column;flex-grow:1;min-width:0;display:flex}.drawerSub{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.drawerFoot{align-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-8);background:var(--recess);border-top:1px solid var(--hairline);flex-wrap:wrap;flex:none;display:flex}.drawerFoot[data-stacked]>:is(span,p):not(.btn,:empty):not(:has(button,a,input,select,textarea)){flex-basis:100%;order:-1}.drawerFoot[data-stacked]>:is(span,p):not(.btn,:empty):not(:has(button,a,input,select,textarea))+*{margin-inline-start:auto}.drawerCrumb{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-body);color:var(--ink-2);font-weight:500;display:flex}.drawerCrumb>svg{color:var(--ink-3);flex:none}.drawerCrumb .drawerTitle{font-family:inherit;font-size:var(--text-body);letter-spacing:normal;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.drawerHead:has(.drawerCrumb){padding-block:var(--space-4)}.drawerClose[aria-disabled=true]{opacity:.4;cursor:default}.drawer.hubCardDrawer{background:var(--card-bg);box-shadow:var(--shadow-cmd), -1px 0 0 0 var(--card-border)}.drawer.hubCardDrawer .drawerHead{border-bottom-color:var(--card-border)}.drawer.hubCardDrawer .drawerFoot{background:var(--lightningcss-light,var(--recess))var(--lightningcss-dark,var(--card-bg));border-top-color:var(--card-border)}.drawer.hubModal{border-radius:var(--radius-card);background:var(--card-bg);width:min(720px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 64px);box-shadow:var(--shadow-cmd), 0 0 0 1px var(--card-border);margin:auto;overflow:hidden}.drawer.hubModal .drawerFoot{background:var(--lightningcss-light,var(--recess))var(--lightningcss-dark,var(--card-bg))}.drawer.hubModal .drawerPanel{height:auto;max-height:calc(100dvh - 64px)}.drawer.hubModal.hubModalWide{width:min(1120px,100vw - 32px);height:calc(100dvh - 64px)}.drawer.hubModal.hubModalWide .drawerPanel{height:100%}.drawer.pipModal .drawerBody{padding:0}.drawer.hubModal[open]{animation:hubModalIn var(--duration-normal) var(--ease-out-expo) both}@keyframes hubModalIn{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.drawer.hubModal[open]{animation:none}}.drawer.pklDrawer .drawerHead>.drawerTitle{min-width:0}.drawer.pklDrawer .drawerHead>:not(.drawerTitle,.pkoSubject){flex:none}.drawer.pklDrawer.pkoSheet .drawerHead>.drawerTitle{white-space:nowrap;flex:none}.drawer.pklDrawer.pkoSheet .drawerClose{margin-inline-start:auto}