skin switcher

packages/website/src/components/TankopediaSkinSwitcher/index.module.css

@@ -0,0 +1,18 @@
+.skin-switcher {
+  pointer-events: auto;
+
+  display: flex;
+  flex-direction: column;
+
+  transition: var(--duration-brief);
+
+  position: absolute;
+  top: 50%;
+  right: var(--space-4);
+
+  transform: translate(calc(100% + var(--space-4)), -50%);
+
+  &[data-visible="true"] {
+    transform: translate(0, -50%);
+  }
+}