Почему стили не подгружаются из файла при рендеринге компонента через ReactDOM.render?

import React from "react";
import styles from './First.module.scss'
 
const SORT = 'a' || 'b' || 'c'
 
export class First extends React.Component<{}, {a: number, b: number, c: number}> {
 
    state = {
        a: 0,
        b: 0,
        c: 0
    }
 
    render() {
        return (
            <div  className={styles.inputs}>
                <label>введите a:&nbsp;<input value={this.state.a} type={'number'} onChange={(e) => this.handleChange('a', e)}/></label>
                <label>введите b:&nbsp;<input value={this.state.b} type={'number'} onChange={(e) => this.handleChange('b', e)}/></label>
                <label>введите c:&nbsp;<input value={this.state.c} type={'number'} onChange={(e) => this.handleChange('c', e)}/></label>
            </div>
        )
    }
 
    handleChange (sort: typeof SORT, e) {
        this.setState({
            ...this.state,
            [sort]: +e.target.value
        })
    }
 
}

.inputs {
  display: flex;
  justify-content: space-between;
}

export const inputs: string;

import './First.module.scss'

import React from "react";
import styles from './TasksApp.module.scss'
import {First} from "./first/First";
import ReactDOM from "react-dom";
 
/*Напишите приложение для показа решения нескольких задач, сформулированных ниже.
    Создайте страницу с меню, из которого нужная программа вызывалась бы для работы в новом окне браузера.
    Предусмотрите кнопки для закрытия вызываемых окон в них самих.*/
export class TasksApp extends React.Component<{}, {}> {
 
    TASKS = [
        'Найти площадь треугольника по его сторонам a, b, c.',
        'Найти расстояние точки (x,y) до начала координат.',
        'Найти НОД двух чисел.',
        'Вычислить число символов в строке, не считая пробелов.',
        'Найти общие символы двух строк.',
        'Найти разные символы двух строк.'
    ]
 
    render() {
        return (<>
                <h1 className={styles.title}>СПИСОК ЗАДАЧ</h1>
                <div className={styles.tasksContainer}>
                    <ul>
                        <li onClick={(e) => this.handleClick(e)}>Найти площадь треугольника по его сторонам a, b, c.</li>
                    </ul>
                </div>
            </>)
    }
 
    handleClick (e) {
        const win = window.open()
        win.document.open()
        win.document.write('<div id="container"/>')
        // @ts-ignore
        ReactDOM.render(<First/>, win.container);
    }
 
}

ReactDOM.render(<Greeting/>, document.getElementById('root'));