.app-drawer{box-sizing:border-box;width:400px;max-width:100%;font-family:var(--font-ui);color:var(--body);flex-direction:column;font-size:14px;display:flex}.app-drawer[data-size=wide]{width:560px}.app-drawer>.zds-drawer-header{top:calc(-1 * var(--space-page));z-index:6;margin:calc(-1 * var(--space-page)) calc(-1 * var(--space-page)) var(--space-md);padding:var(--space-md) var(--space-page);background:var(--surface-card);position:sticky}.app-drawer:focus{outline:none}.app-drawer__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:18px;font-weight:600;line-height:1.35}.app-drawer button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.app-drawer__content{display:contents}