hunk.code_window:       '.add-icon': {
           borderColor: theme.colors.primaryColor,
           color: theme.colors.primaryColor,
         },
       },
     };
   });
   export const StyledModalHeader = styled('div')(() => {
  
hunk.labels: keep keep keep add keep keep keep keep keep
hunk.after_edit:       '.setting-entry': {
           opacity: 1,
           pointerEvents: 'auto',
         },
  
hunk.file_path: apps/web/src/components/pure/workspace-card/styles.ts
hunk.type: add
file: import type { EmotionJSX } from '@emotion/react/types/jsx-namespace';
  import createEmotionServer from '@emotion/server/create-instance';
  import Document, {
    DocumentContext,
    Head,
    Html,
    Main,
    NextScript,
  } from 'next/document';
  import * as React from 'react';
  
  import createEmotionCache from '../utils/create-emotion-cache';
  
  export default class AppDocument extends Document<{
    emotionStyleTags: EmotionJSX.Element[];
  }> {
    static getInitialProps = async (ctx: DocumentContext) => {
      const originalRenderPage = ctx.renderPage;
  
      const cache = createEmotionCache();
      const { extractCriticalToChunks } = createEmotionServer(cache);
  
      ctx.renderPage = () =>
        originalRenderPage({
          enhanceApp: (App: any) =>
            function EnhanceApp(props) {
              return <App emotionCache={cache} {...props} />;
            },
        });
  
      const initialProps = await Document.getInitialProps(ctx);
      const emotionStyles = extractCriticalToChunks(initialProps.html);
      const emotionStyleTags = emotionStyles.styles.map(style => (
        <style
          data-emotion={`${style.key} ${style.ids.join(' ')}`}
          key={style.key}
          dangerouslySetInnerHTML={{ __html: style.css }}
        />
      ));
  
      return {
        ...initialProps,
        emotionStyleTags,
      };
    };
    render() {
      return (
        <Html>
          <Head>
            <meta name="theme-color" content="#fafafa" />
            <link rel="manifest" href="/manifest.json" />
            <link
              rel="apple-touch-icon"
              sizes="180x180"
              href="/apple-touch-icon.png"
            />
            <link rel="icon" sizes="192x192" href="/chrome-192x192.png" />
            <meta name="emotion-insertion-point" content="" />
            {this.props.emotionStyleTags}
          </Head>
          <body>
            <Main />
            <NextScript />
          </body>
        </Html>
      );
    }
  }
  