.side-drawer-portal{z-index:3000;position:fixed;inset:0}.side-drawer-backdrop{inset:0;position:fixed;inset-inline-start:var(--backdrop-start,0px)}.side-drawer-backdrop[data-state=open]{animation:.2s side-drawer-fade-in}.side-drawer-backdrop[data-state=closed]{animation:.18s forwards side-drawer-fade-out}@keyframes side-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes side-drawer-fade-out{0%{opacity:1}to{opacity:0}}.side-drawer-panel{background:var(--surface);width:min(440px,100vw);color:var(--ink);border-left:1px solid var(--line);outline:none;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0;box-shadow:-16px 0 48px #11111129}.side-drawer-panel[data-state=open]{animation:.22s cubic-bezier(.16,1,.3,1) side-drawer-slide-in}.side-drawer-panel[data-state=closed]{animation:.18s ease-in forwards side-drawer-slide-out}@keyframes side-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes side-drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.side-drawer-backdrop,.side-drawer-panel{animation:none!important}}.side-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.side-drawer-header-content{flex-direction:column;display:flex}.side-drawer-title{margin:0;font-size:1.05rem;font-weight:800}.side-drawer-subtitle{color:var(--muted);margin:4px 0 0;font-size:.82rem}.side-drawer-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.side-drawer-close:hover{background:var(--line);color:var(--ink)}@media (max-width:900px){.side-drawer-backdrop{inset-inline-start:0}.side-drawer-panel{border-left:none;width:100vw}}