.nova-side-drawer-root{z-index:var(--z-modal);display:flex;position:fixed;inset:0}.nova-side-drawer-backdrop{-webkit-backdrop-filter:blur(2px);animation:nova-sd-fade .2s var(--ease-base);background:#0006;position:absolute;inset:0}.nova-side-drawer-panel{background:var(--nova-surface);box-shadow:var(--shadow-xl);flex-direction:column;max-width:100vw;display:flex;position:absolute;top:0;bottom:0}.nova-side-drawer-panel--right{border-left:1px solid var(--nova-border-1);animation:nova-sd-slide-left .28s var(--ease-out-quart);right:0}.nova-side-drawer-panel--left{border-right:1px solid var(--nova-border-1);animation:nova-sd-slide-right .28s var(--ease-out-quart);left:0}.nova-side-drawer-header{border-bottom:1px solid var(--nova-border-0);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.nova-side-drawer-title{color:var(--nova-text-0);font-size:15px;font-weight:600;font-family:var(--font-ui)}.nova-side-drawer-close{width:32px;height:32px;color:var(--nova-text-2);cursor:pointer;transition:var(--ease-fast);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nova-side-drawer-close:hover{background:var(--nova-hover);color:var(--nova-text-0)}.nova-side-drawer-body{-webkit-overflow-scrolling:touch;flex:1;padding:16px 20px;overflow-y:auto}@keyframes nova-sd-fade{0%{opacity:0}to{opacity:1}}@keyframes nova-sd-slide-left{0%{opacity:.6;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes nova-sd-slide-right{0%{opacity:.6;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}