.side-drawer-overlay{z-index:50;background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;inset:0}.side-drawer-content{z-index:50;background-color:var(--surface-base);border-radius:0;outline:none;flex-direction:column;display:flex;position:fixed;inset:0}@media (min-width:768px){.side-drawer-content{border-left:1px solid var(--border-muted);width:608px;max-width:100vw;inset:0 0 0 auto;overflow:hidden;box-shadow:-4px 0 16px #00000026;border-radius:var(--radius-container) 0 0 var(--radius-container)!important}}.side-drawer-content:after{display:none!important}.side-drawer-handle-area{padding-top:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--border-muted);justify-content:center;display:flex}@media (min-width:768px){.side-drawer-handle-area{display:none}}.side-drawer-handle{background-color:var(--surface-muted);border-radius:8px;width:64px;height:4px}.side-drawer-header{padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--border-muted);background-color:var(--surface-base);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.side-drawer-title{font-family:var(--font-family-primary), sans-serif;font-size:var(--font-size-body-large);font-weight:600;line-height:var(--line-height-24);color:var(--text-strong)}.side-drawer-description{font-size:var(--font-size-body-small);color:var(--text-muted);line-height:var(--line-height-20)}.side-drawer-body{gap:var(--space-8);padding:var(--space-16) var(--space-24);flex-direction:column;flex:1;display:flex;overflow-y:auto}.side-drawer-footer{gap:var(--space-8);padding:var(--space-16) var(--space-24);border-top:1px solid var(--border-muted);background-color:var(--surface-base);flex-direction:column;flex-shrink:0;display:flex}