From 335331b9c03064731eca49fb805ea8d79c9289ff Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 13 Nov 2023 13:11:36 +0100
Subject: [PATCH] Created the Chooser styles.sass

---
 src/states/Manage/pages/Chooser/styles.sass | 54 +++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 src/states/Manage/pages/Chooser/styles.sass

diff --git a/src/states/Manage/pages/Chooser/styles.sass b/src/states/Manage/pages/Chooser/styles.sass
new file mode 100644
index 0000000..07729fc
--- /dev/null
+++ b/src/states/Manage/pages/Chooser/styles.sass
@@ -0,0 +1,54 @@
+@import "@/common/styles/colors"
+
+.chooser-header
+  margin-top: 5rem
+  justify-content: center
+  display: flex
+  align-items: center
+  gap: 1rem
+
+.chooser-header img
+  width: 3.5rem
+  height: 3.5rem
+
+.chooser-header h1
+  margin: 0
+  font-size: 26pt
+
+.chooser-header hr
+  margin: 0
+  border: none
+  width: 0.2rem
+  height: 2rem
+  border-radius: 1rem
+  background-color: $gray
+
+.chooser-header h2
+  margin: 0
+  font-size: 20pt
+  color: $gray
+
+.guilds
+  display: flex
+  justify-content: center
+  flex-wrap: wrap
+  gap: 1rem
+  margin-top: 2rem
+
+.chooser-page .guild
+  display: flex
+  align-items: center
+  justify-content: space-between
+  background-color: $black
+  width: 60vw
+  border-radius: 1rem
+  padding: 1rem
+
+  & img
+    width: 5rem
+    height: 5rem
+    border-radius: 50%
+
+.info-area
+  display: flex
+  gap: 1.5rem
\ No newline at end of file