feat: remove vanilla-extract

packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.css

@@ -0,0 +1,8 @@
+.quick-inputs {
+  display: none;
+}
+
+.quick-inputs:focus-within,
+.tank-sandbox-container:hover .quick-inputs {
+  display: flex;
+}

packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.css.ts

@@ -1,15 +0,0 @@
-import { style } from '@vanilla-extract/css';
-
-export const container = style({
-  display: 'none',
-
-  ':focus-within': {
-    display: 'flex',
-  },
-
-  selectors: {
-    '.tank-sandbox-container:hover &': {
-      display: 'flex',
-    },
-  },
-});

packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.tsx

@@ -10,7 +10,7 @@ import {
 import { useEquipment } from '../../../../../../../hooks/useEquipment';
 import { useTankModelDefinition } from '../../../../../../../hooks/useTankModelDefinition';
 import { Duel } from '../../../../../../../stores/duel';
-import * as styles from './index.css';
+import './index.css';
 
 export function QuickInputs() {
   const mutateDuel = Duel.useMutation();
@@ -73,7 +73,7 @@ export function QuickInputs() {
         top: 16,
         transform: 'translateX(-50%)',
       }}
-      className={styles.container}
+      className="quick-inputs"
     >
       <TextField.Root
         size="1"