diff --git a/src/assets/icons/transcendence/0/stage-0.png b/src/assets/icons/transcendence/0/stage-0.png
new file mode 100644
index 00000000..96795401
Binary files /dev/null and b/src/assets/icons/transcendence/0/stage-0.png differ
diff --git a/src/assets/icons/transcendence/0/stage-0@2x.png b/src/assets/icons/transcendence/0/stage-0@2x.png
new file mode 100644
index 00000000..db9a33bf
Binary files /dev/null and b/src/assets/icons/transcendence/0/stage-0@2x.png differ
diff --git a/src/assets/icons/transcendence/0/stage-0@3x.png b/src/assets/icons/transcendence/0/stage-0@3x.png
new file mode 100644
index 00000000..b32db530
Binary files /dev/null and b/src/assets/icons/transcendence/0/stage-0@3x.png differ
diff --git a/src/assets/icons/transcendence/1/stage-1-hover.png b/src/assets/icons/transcendence/1/stage-1-hover.png
new file mode 100644
index 00000000..042e6316
Binary files /dev/null and b/src/assets/icons/transcendence/1/stage-1-hover.png differ
diff --git a/src/assets/icons/transcendence/1/stage-1-hover@2x.png b/src/assets/icons/transcendence/1/stage-1-hover@2x.png
new file mode 100644
index 00000000..b79738e3
Binary files /dev/null and b/src/assets/icons/transcendence/1/stage-1-hover@2x.png differ
diff --git a/src/assets/icons/transcendence/1/stage-1-hover@3x.png b/src/assets/icons/transcendence/1/stage-1-hover@3x.png
new file mode 100644
index 00000000..15764200
Binary files /dev/null and b/src/assets/icons/transcendence/1/stage-1-hover@3x.png differ
diff --git a/src/assets/icons/transcendence/1/stage-1.png b/src/assets/icons/transcendence/1/stage-1.png
new file mode 100644
index 00000000..fe78d181
Binary files /dev/null and b/src/assets/icons/transcendence/1/stage-1.png differ
diff --git a/src/assets/icons/transcendence/1/stage-1@2x.png b/src/assets/icons/transcendence/1/stage-1@2x.png
new file mode 100644
index 00000000..febf6ceb
Binary files /dev/null and b/src/assets/icons/transcendence/1/stage-1@2x.png differ
diff --git a/src/assets/icons/transcendence/1/stage-1@3x.png b/src/assets/icons/transcendence/1/stage-1@3x.png
new file mode 100644
index 00000000..c93a7856
Binary files /dev/null and b/src/assets/icons/transcendence/1/stage-1@3x.png differ
diff --git a/src/assets/icons/transcendence/2/stage-2-hover.png b/src/assets/icons/transcendence/2/stage-2-hover.png
new file mode 100644
index 00000000..e71be7c4
Binary files /dev/null and b/src/assets/icons/transcendence/2/stage-2-hover.png differ
diff --git a/src/assets/icons/transcendence/2/stage-2-hover@2x.png b/src/assets/icons/transcendence/2/stage-2-hover@2x.png
new file mode 100644
index 00000000..f302baf7
Binary files /dev/null and b/src/assets/icons/transcendence/2/stage-2-hover@2x.png differ
diff --git a/src/assets/icons/transcendence/2/stage-2-hover@3x.png b/src/assets/icons/transcendence/2/stage-2-hover@3x.png
new file mode 100644
index 00000000..02a10b51
Binary files /dev/null and b/src/assets/icons/transcendence/2/stage-2-hover@3x.png differ
diff --git a/src/assets/icons/transcendence/2/stage-2.png b/src/assets/icons/transcendence/2/stage-2.png
new file mode 100644
index 00000000..5824a4b0
Binary files /dev/null and b/src/assets/icons/transcendence/2/stage-2.png differ
diff --git a/src/assets/icons/transcendence/2/stage-2@2x.png b/src/assets/icons/transcendence/2/stage-2@2x.png
new file mode 100644
index 00000000..6f023ae8
Binary files /dev/null and b/src/assets/icons/transcendence/2/stage-2@2x.png differ
diff --git a/src/assets/icons/transcendence/2/stage-2@3x.png b/src/assets/icons/transcendence/2/stage-2@3x.png
new file mode 100644
index 00000000..14826056
Binary files /dev/null and b/src/assets/icons/transcendence/2/stage-2@3x.png differ
diff --git a/src/assets/icons/transcendence/3/stage-3-hover.png b/src/assets/icons/transcendence/3/stage-3-hover.png
new file mode 100644
index 00000000..53e2c47d
Binary files /dev/null and b/src/assets/icons/transcendence/3/stage-3-hover.png differ
diff --git a/src/assets/icons/transcendence/3/stage-3-hover@2x.png b/src/assets/icons/transcendence/3/stage-3-hover@2x.png
new file mode 100644
index 00000000..84d43cb0
Binary files /dev/null and b/src/assets/icons/transcendence/3/stage-3-hover@2x.png differ
diff --git a/src/assets/icons/transcendence/3/stage-3-hover@3x.png b/src/assets/icons/transcendence/3/stage-3-hover@3x.png
new file mode 100644
index 00000000..165ba6be
Binary files /dev/null and b/src/assets/icons/transcendence/3/stage-3-hover@3x.png differ
diff --git a/src/assets/icons/transcendence/3/stage-3.png b/src/assets/icons/transcendence/3/stage-3.png
new file mode 100644
index 00000000..cd840c42
Binary files /dev/null and b/src/assets/icons/transcendence/3/stage-3.png differ
diff --git a/src/assets/icons/transcendence/3/stage-3@2x.png b/src/assets/icons/transcendence/3/stage-3@2x.png
new file mode 100644
index 00000000..ee2f52a0
Binary files /dev/null and b/src/assets/icons/transcendence/3/stage-3@2x.png differ
diff --git a/src/assets/icons/transcendence/3/stage-3@3x.png b/src/assets/icons/transcendence/3/stage-3@3x.png
new file mode 100644
index 00000000..221e86b0
Binary files /dev/null and b/src/assets/icons/transcendence/3/stage-3@3x.png differ
diff --git a/src/assets/icons/transcendence/4/stage-4-hover.png b/src/assets/icons/transcendence/4/stage-4-hover.png
new file mode 100644
index 00000000..e304b9e8
Binary files /dev/null and b/src/assets/icons/transcendence/4/stage-4-hover.png differ
diff --git a/src/assets/icons/transcendence/4/stage-4-hover@2x.png b/src/assets/icons/transcendence/4/stage-4-hover@2x.png
new file mode 100644
index 00000000..13701c76
Binary files /dev/null and b/src/assets/icons/transcendence/4/stage-4-hover@2x.png differ
diff --git a/src/assets/icons/transcendence/4/stage-4-hover@3x.png b/src/assets/icons/transcendence/4/stage-4-hover@3x.png
new file mode 100644
index 00000000..e3bc9599
Binary files /dev/null and b/src/assets/icons/transcendence/4/stage-4-hover@3x.png differ
diff --git a/src/assets/icons/transcendence/4/stage-4.png b/src/assets/icons/transcendence/4/stage-4.png
new file mode 100644
index 00000000..5e65155e
Binary files /dev/null and b/src/assets/icons/transcendence/4/stage-4.png differ
diff --git a/src/assets/icons/transcendence/4/stage-4@2x.png b/src/assets/icons/transcendence/4/stage-4@2x.png
new file mode 100644
index 00000000..b5b726b4
Binary files /dev/null and b/src/assets/icons/transcendence/4/stage-4@2x.png differ
diff --git a/src/assets/icons/transcendence/4/stage-4@3x.png b/src/assets/icons/transcendence/4/stage-4@3x.png
new file mode 100644
index 00000000..142753ee
Binary files /dev/null and b/src/assets/icons/transcendence/4/stage-4@3x.png differ
diff --git a/src/assets/icons/transcendence/5/stage-5-hover.png b/src/assets/icons/transcendence/5/stage-5-hover.png
new file mode 100644
index 00000000..01adb1b1
Binary files /dev/null and b/src/assets/icons/transcendence/5/stage-5-hover.png differ
diff --git a/src/assets/icons/transcendence/5/stage-5-hover@2x.png b/src/assets/icons/transcendence/5/stage-5-hover@2x.png
new file mode 100644
index 00000000..2026dd64
Binary files /dev/null and b/src/assets/icons/transcendence/5/stage-5-hover@2x.png differ
diff --git a/src/assets/icons/transcendence/5/stage-5-hover@3x.png b/src/assets/icons/transcendence/5/stage-5-hover@3x.png
new file mode 100644
index 00000000..d5b644ac
Binary files /dev/null and b/src/assets/icons/transcendence/5/stage-5-hover@3x.png differ
diff --git a/src/assets/icons/transcendence/5/stage-5.png b/src/assets/icons/transcendence/5/stage-5.png
new file mode 100644
index 00000000..a99ad6fe
Binary files /dev/null and b/src/assets/icons/transcendence/5/stage-5.png differ
diff --git a/src/assets/icons/transcendence/5/stage-5@2x.png b/src/assets/icons/transcendence/5/stage-5@2x.png
new file mode 100644
index 00000000..14551b35
Binary files /dev/null and b/src/assets/icons/transcendence/5/stage-5@2x.png differ
diff --git a/src/assets/icons/transcendence/5/stage-5@3x.png b/src/assets/icons/transcendence/5/stage-5@3x.png
new file mode 100644
index 00000000..64d7a506
Binary files /dev/null and b/src/assets/icons/transcendence/5/stage-5@3x.png differ
diff --git a/src/assets/icons/transcendence/interactive/interactive-base.png b/src/assets/icons/transcendence/interactive/interactive-base.png
new file mode 100644
index 00000000..0fb4ae3c
Binary files /dev/null and b/src/assets/icons/transcendence/interactive/interactive-base.png differ
diff --git a/src/assets/icons/transcendence/interactive/interactive-base@2x.png b/src/assets/icons/transcendence/interactive/interactive-base@2x.png
new file mode 100644
index 00000000..e2aab19b
Binary files /dev/null and b/src/assets/icons/transcendence/interactive/interactive-base@2x.png differ
diff --git a/src/assets/icons/transcendence/interactive/interactive-base@3x.png b/src/assets/icons/transcendence/interactive/interactive-base@3x.png
new file mode 100644
index 00000000..7df350cb
Binary files /dev/null and b/src/assets/icons/transcendence/interactive/interactive-base@3x.png differ
diff --git a/src/assets/icons/transcendence/interactive/interactive-piece.png b/src/assets/icons/transcendence/interactive/interactive-piece.png
new file mode 100644
index 00000000..06d240b2
Binary files /dev/null and b/src/assets/icons/transcendence/interactive/interactive-piece.png differ
diff --git a/src/assets/icons/transcendence/interactive/interactive-piece@2x.png b/src/assets/icons/transcendence/interactive/interactive-piece@2x.png
new file mode 100644
index 00000000..d2585a80
Binary files /dev/null and b/src/assets/icons/transcendence/interactive/interactive-piece@2x.png differ
diff --git a/src/assets/icons/transcendence/interactive/interactive-piece@3x.png b/src/assets/icons/transcendence/interactive/interactive-piece@3x.png
new file mode 100644
index 00000000..d9106def
Binary files /dev/null and b/src/assets/icons/transcendence/interactive/interactive-piece@3x.png differ
diff --git a/src/assets/icons/uncap/blue-hover.png b/src/assets/icons/uncap/blue-hover.png
new file mode 100644
index 00000000..807a373d
Binary files /dev/null and b/src/assets/icons/uncap/blue-hover.png differ
diff --git a/src/assets/icons/uncap/blue-hover@2x.png b/src/assets/icons/uncap/blue-hover@2x.png
new file mode 100644
index 00000000..fd0c372a
Binary files /dev/null and b/src/assets/icons/uncap/blue-hover@2x.png differ
diff --git a/src/assets/icons/uncap/blue-hover@3x.png b/src/assets/icons/uncap/blue-hover@3x.png
new file mode 100644
index 00000000..2a0935a6
Binary files /dev/null and b/src/assets/icons/uncap/blue-hover@3x.png differ
diff --git a/src/assets/icons/uncap/blue.png b/src/assets/icons/uncap/blue.png
new file mode 100644
index 00000000..87028f10
Binary files /dev/null and b/src/assets/icons/uncap/blue.png differ
diff --git a/src/assets/icons/uncap/blue@2x.png b/src/assets/icons/uncap/blue@2x.png
new file mode 100644
index 00000000..47542292
Binary files /dev/null and b/src/assets/icons/uncap/blue@2x.png differ
diff --git a/src/assets/icons/uncap/blue@3x.png b/src/assets/icons/uncap/blue@3x.png
new file mode 100644
index 00000000..481ca7ca
Binary files /dev/null and b/src/assets/icons/uncap/blue@3x.png differ
diff --git a/src/assets/icons/uncap/empty-hover.png b/src/assets/icons/uncap/empty-hover.png
new file mode 100644
index 00000000..cc268597
Binary files /dev/null and b/src/assets/icons/uncap/empty-hover.png differ
diff --git a/src/assets/icons/uncap/empty-hover@2x.png b/src/assets/icons/uncap/empty-hover@2x.png
new file mode 100644
index 00000000..6117ba18
Binary files /dev/null and b/src/assets/icons/uncap/empty-hover@2x.png differ
diff --git a/src/assets/icons/uncap/empty-hover@3x.png b/src/assets/icons/uncap/empty-hover@3x.png
new file mode 100644
index 00000000..49a963fd
Binary files /dev/null and b/src/assets/icons/uncap/empty-hover@3x.png differ
diff --git a/src/assets/icons/uncap/empty.png b/src/assets/icons/uncap/empty.png
new file mode 100644
index 00000000..7db25d6b
Binary files /dev/null and b/src/assets/icons/uncap/empty.png differ
diff --git a/src/assets/icons/uncap/empty@2x.png b/src/assets/icons/uncap/empty@2x.png
new file mode 100644
index 00000000..2fe7872c
Binary files /dev/null and b/src/assets/icons/uncap/empty@2x.png differ
diff --git a/src/assets/icons/uncap/empty@3x.png b/src/assets/icons/uncap/empty@3x.png
new file mode 100644
index 00000000..0789e241
Binary files /dev/null and b/src/assets/icons/uncap/empty@3x.png differ
diff --git a/src/assets/icons/uncap/purple-hover.png b/src/assets/icons/uncap/purple-hover.png
new file mode 100644
index 00000000..96d1956c
Binary files /dev/null and b/src/assets/icons/uncap/purple-hover.png differ
diff --git a/src/assets/icons/uncap/purple-hover@2x.png b/src/assets/icons/uncap/purple-hover@2x.png
new file mode 100644
index 00000000..d2569f4a
Binary files /dev/null and b/src/assets/icons/uncap/purple-hover@2x.png differ
diff --git a/src/assets/icons/uncap/purple-hover@3x.png b/src/assets/icons/uncap/purple-hover@3x.png
new file mode 100644
index 00000000..746b803a
Binary files /dev/null and b/src/assets/icons/uncap/purple-hover@3x.png differ
diff --git a/src/assets/icons/uncap/purple.png b/src/assets/icons/uncap/purple.png
new file mode 100644
index 00000000..5508e3e3
Binary files /dev/null and b/src/assets/icons/uncap/purple.png differ
diff --git a/src/assets/icons/uncap/purple@2x.png b/src/assets/icons/uncap/purple@2x.png
new file mode 100644
index 00000000..bafdee27
Binary files /dev/null and b/src/assets/icons/uncap/purple@2x.png differ
diff --git a/src/assets/icons/uncap/purple@3x.png b/src/assets/icons/uncap/purple@3x.png
new file mode 100644
index 00000000..7fc8df5e
Binary files /dev/null and b/src/assets/icons/uncap/purple@3x.png differ
diff --git a/src/assets/icons/uncap/red-hover.png b/src/assets/icons/uncap/red-hover.png
new file mode 100644
index 00000000..a8a785a0
Binary files /dev/null and b/src/assets/icons/uncap/red-hover.png differ
diff --git a/src/assets/icons/uncap/red-hover@2x.png b/src/assets/icons/uncap/red-hover@2x.png
new file mode 100644
index 00000000..782c5e03
Binary files /dev/null and b/src/assets/icons/uncap/red-hover@2x.png differ
diff --git a/src/assets/icons/uncap/red-hover@3x.png b/src/assets/icons/uncap/red-hover@3x.png
new file mode 100644
index 00000000..45625813
Binary files /dev/null and b/src/assets/icons/uncap/red-hover@3x.png differ
diff --git a/src/assets/icons/uncap/red.png b/src/assets/icons/uncap/red.png
new file mode 100644
index 00000000..c2584507
Binary files /dev/null and b/src/assets/icons/uncap/red.png differ
diff --git a/src/assets/icons/uncap/red@2x.png b/src/assets/icons/uncap/red@2x.png
new file mode 100644
index 00000000..0d98b211
Binary files /dev/null and b/src/assets/icons/uncap/red@2x.png differ
diff --git a/src/assets/icons/uncap/red@3x.png b/src/assets/icons/uncap/red@3x.png
new file mode 100644
index 00000000..badd122f
Binary files /dev/null and b/src/assets/icons/uncap/red@3x.png differ
diff --git a/src/assets/icons/uncap/svg/blue-hover.svg b/src/assets/icons/uncap/svg/blue-hover.svg
new file mode 100644
index 00000000..cb846567
--- /dev/null
+++ b/src/assets/icons/uncap/svg/blue-hover.svg
@@ -0,0 +1,44 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_855_1312)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83865 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_855_1312)"/>
+<path d="M8.61958 1.49443C8.73932 1.1259 9.26068 1.1259 9.38042 1.49443L10.8133 5.90426C10.8936 6.15147 11.124 6.31885 11.3839 6.31885H16.0207C16.4082 6.31885 16.5693 6.81469 16.2558 7.04245L12.5046 9.76788C12.2943 9.92066 12.2063 10.1915 12.2866 10.4387L13.7194 14.8485C13.8392 15.2171 13.4174 15.5235 13.1039 15.2957L9.35267 12.5703C9.14238 12.4175 8.85762 12.4175 8.64733 12.5703L4.8961 15.2957C4.58262 15.5235 4.16083 15.2171 4.28057 14.8485L5.71341 10.4387C5.79373 10.1915 5.70574 9.92066 5.49544 9.76788L1.74422 7.04245C1.43073 6.81469 1.59184 6.31885 1.97933 6.31885H6.6161C6.87604 6.31885 7.10641 6.15147 7.18674 5.90426L8.61958 1.49443Z" stroke="white" stroke-opacity="0.34" stroke-width="0.2"/>
+</g>
+<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M9.47555 1.46353C9.40071 1.2332 9.20035 1.11804 9 1.11804V9L6.93514 6.10386C6.84752 6.17645 6.73556 6.21885 6.61612 6.21885H1.97935C1.73204 6.21885 1.5585 6.38044 1.50004 6.5765L9 9L5.61832 10.0988C5.65019 10.1969 5.65179 10.3048 5.61832 10.4078L4.18548 14.8176C4.11064 15.048 4.20503 15.2589 4.36711 15.3767L9 9V12.5557C9.10314 12.5557 9.20628 12.5876 9.29391 12.6512L13.0451 15.3767C13.2411 15.519 13.4708 15.4944 13.6329 15.3767L9 9L12.3817 10.0988C12.4136 10.0007 12.4757 9.91245 12.5634 9.84879L16.3146 7.12336C16.5064 6.98403 16.556 6.76443 16.5 6.5765L9 9L11.0649 6.10386C10.9936 6.0448 10.9384 5.96578 10.9084 5.87336L9.47555 1.46353Z" fill="url(#paint1_linear_855_1312)"/>
+<g filter="url(#filter1_d_855_1312)">
+<path d="M10.7182 5.93517L9.28535 1.52534C9.24047 1.38718 9.12031 1.31808 9.00014 1.31804V1.11804C9.20045 1.11808 9.40074 1.23325 9.47557 1.46353L10.9084 5.87336C10.9383 5.96521 10.9929 6.04383 11.0636 6.10277L10.9484 6.26685C10.8432 6.18328 10.7618 6.0693 10.7182 5.93517Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M6.61614 6.41885H1.97937C1.82926 6.41885 1.72445 6.51807 1.69059 6.63755L1.50171 6.57107C1.56174 6.37747 1.73435 6.21885 1.97937 6.21885H6.61614C6.73521 6.21885 6.84683 6.17671 6.93434 6.10454L7.05278 6.26598C6.93164 6.36264 6.77886 6.41885 6.61614 6.41885Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M5.80855 10.4696L4.37571 14.8794C4.33081 15.0176 4.38744 15.1442 4.48469 15.2148L4.36714 15.3767C4.20505 15.2589 4.11066 15.048 4.1855 14.8176L5.61834 10.4078C5.65181 10.3048 5.65021 10.1969 5.61834 10.0988L5.80855 10.037C5.85317 10.1743 5.85541 10.3254 5.80855 10.4696Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M9.41149 12.4894L13.1627 15.2148C13.2803 15.3003 13.4181 15.2855 13.5154 15.2148L13.6329 15.3767C13.4709 15.4944 13.2411 15.519 13.0452 15.3767L9.29393 12.6512C9.2063 12.5876 9.10315 12.5557 9 12.5557V12.3557C9.1444 12.3557 9.28881 12.4003 9.41149 12.4894Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M12.4458 9.68698L16.197 6.96156C16.3099 6.87954 16.3408 6.75116 16.3101 6.63985L16.4998 6.57588C16.5562 6.76394 16.5066 6.98387 16.3146 7.12336L12.5634 9.84879C12.4758 9.91245 12.4136 10.0007 12.3817 10.0988L12.1915 10.037C12.2361 9.89966 12.3231 9.77611 12.4458 9.68698Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_855_1312" x="0.478374" y="0.118034" width="17.0433" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_855_1312"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_855_1312" result="shape"/>
+</filter>
+<filter id="filter1_d_855_1312" x="0.501709" y="0.118042" width="17.02" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_855_1312"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_855_1312" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_855_1312" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 7.5) rotate(90) scale(7.5)">
+<stop stop-color="#A4D8FD"/>
+<stop offset="1" stop-color="#4FA4F2"/>
+</radialGradient>
+<linearGradient id="paint1_linear_855_1312" x1="5" y1="-1.5" x2="10" y2="14" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A4D9FF"/>
+<stop offset="1" stop-color="#4194F7"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/svg/blue.svg b/src/assets/icons/uncap/svg/blue.svg
new file mode 100644
index 00000000..2469d0de
--- /dev/null
+++ b/src/assets/icons/uncap/svg/blue.svg
@@ -0,0 +1,44 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_553_28)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83865 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_553_28)"/>
+<path d="M8.61958 1.49443C8.73932 1.1259 9.26068 1.1259 9.38042 1.49443L10.8133 5.90426C10.8936 6.15147 11.124 6.31885 11.3839 6.31885H16.0207C16.4082 6.31885 16.5693 6.81469 16.2558 7.04245L12.5046 9.76788C12.2943 9.92066 12.2063 10.1915 12.2866 10.4387L13.7194 14.8485C13.8392 15.2171 13.4174 15.5235 13.1039 15.2957L9.35267 12.5703C9.14238 12.4175 8.85762 12.4175 8.64733 12.5703L4.8961 15.2957C4.58262 15.5235 4.16083 15.2171 4.28057 14.8485L5.71341 10.4387C5.79373 10.1915 5.70574 9.92066 5.49544 9.76788L1.74422 7.04245C1.43073 6.81469 1.59184 6.31885 1.97933 6.31885H6.6161C6.87604 6.31885 7.10641 6.15147 7.18674 5.90426L8.61958 1.49443Z" stroke="white" stroke-opacity="0.34" stroke-width="0.2"/>
+</g>
+<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M9.47555 1.46353C9.40071 1.2332 9.20035 1.11804 9 1.11804V9L6.93514 6.10386C6.84752 6.17645 6.73556 6.21885 6.61612 6.21885H1.97935C1.73204 6.21885 1.5585 6.38044 1.50004 6.5765L9 9L5.61832 10.0988C5.65019 10.1969 5.65179 10.3048 5.61832 10.4078L4.18548 14.8176C4.11064 15.048 4.20503 15.2589 4.36711 15.3767L9 9V12.5557C9.10314 12.5557 9.20628 12.5876 9.29391 12.6512L13.0451 15.3767C13.2411 15.519 13.4708 15.4944 13.6329 15.3767L9 9L12.3817 10.0988C12.4136 10.0007 12.4757 9.91245 12.5634 9.84879L16.3146 7.12336C16.5064 6.98403 16.556 6.76443 16.5 6.5765L9 9L11.0649 6.10386C10.9936 6.0448 10.9384 5.96578 10.9084 5.87336L9.47555 1.46353Z" fill="url(#paint1_linear_553_28)"/>
+<g filter="url(#filter1_d_553_28)">
+<path d="M10.7182 5.93517L9.28535 1.52534C9.24047 1.38718 9.12031 1.31808 9.00014 1.31804V1.11804C9.20045 1.11808 9.40074 1.23325 9.47557 1.46353L10.9084 5.87336C10.9383 5.96521 10.9929 6.04383 11.0636 6.10277L10.9484 6.26685C10.8432 6.18328 10.7618 6.0693 10.7182 5.93517Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M6.61614 6.41885H1.97937C1.82926 6.41885 1.72445 6.51807 1.69059 6.63755L1.50171 6.57107C1.56174 6.37747 1.73435 6.21885 1.97937 6.21885H6.61614C6.73521 6.21885 6.84683 6.17671 6.93434 6.10454L7.05278 6.26598C6.93164 6.36264 6.77886 6.41885 6.61614 6.41885Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M5.80855 10.4696L4.37571 14.8794C4.33081 15.0176 4.38744 15.1442 4.48469 15.2148L4.36714 15.3767C4.20505 15.2589 4.11066 15.048 4.1855 14.8176L5.61834 10.4078C5.65181 10.3048 5.65021 10.1969 5.61834 10.0988L5.80855 10.037C5.85317 10.1743 5.85541 10.3254 5.80855 10.4696Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M9.41149 12.4894L13.1627 15.2148C13.2803 15.3003 13.4181 15.2855 13.5154 15.2148L13.6329 15.3767C13.4709 15.4944 13.2411 15.519 13.0452 15.3767L9.29393 12.6512C9.2063 12.5876 9.10315 12.5557 9 12.5557V12.3557C9.1444 12.3557 9.28881 12.4003 9.41149 12.4894Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M12.4458 9.68698L16.197 6.96156C16.3099 6.87954 16.3408 6.75116 16.3101 6.63985L16.4998 6.57588C16.5562 6.76394 16.5066 6.98387 16.3146 7.12336L12.5634 9.84879C12.4758 9.91245 12.4136 10.0007 12.3817 10.0988L12.1915 10.037C12.2361 9.89966 12.3231 9.77611 12.4458 9.68698Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_553_28" x="0.478374" y="0.118034" width="17.0433" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_553_28"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_553_28" result="shape"/>
+</filter>
+<filter id="filter1_d_553_28" x="0.501709" y="0.118042" width="17.02" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_553_28"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_553_28" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_553_28" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 7.5) rotate(90) scale(7.5)">
+<stop stop-color="#B2DEFE"/>
+<stop offset="1" stop-color="#72BBFF"/>
+</radialGradient>
+<linearGradient id="paint1_linear_553_28" x1="5" y1="-1.5" x2="10" y2="14" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BCE1FC"/>
+<stop offset="1" stop-color="#519CF4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/svg/empty-hover.svg b/src/assets/icons/uncap/svg/empty-hover.svg
new file mode 100644
index 00000000..6debb5dd
--- /dev/null
+++ b/src/assets/icons/uncap/svg/empty-hover.svg
@@ -0,0 +1,25 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_dd_855_1310)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83866 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_855_1310)"/>
+</g>
+<defs>
+<filter id="filter0_dd_855_1310" x="1.47838" y="0.618034" width="15.0432" height="15.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_855_1310"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_855_1310" result="effect2_dropShadow_855_1310"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_855_1310" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_855_1310" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 10) rotate(90) scale(14.5 13.75)">
+<stop stop-color="#4B4B4B"/>
+<stop offset="1" stop-color="#FFFEFE"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/svg/empty.svg b/src/assets/icons/uncap/svg/empty.svg
new file mode 100644
index 00000000..9aad37c9
--- /dev/null
+++ b/src/assets/icons/uncap/svg/empty.svg
@@ -0,0 +1,25 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_dd_562_3660)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83865 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_562_3660)"/>
+</g>
+<defs>
+<filter id="filter0_dd_562_3660" x="1.47838" y="0.618034" width="15.0432" height="15.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_562_3660"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_562_3660" result="effect2_dropShadow_562_3660"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_562_3660" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_562_3660" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 10) rotate(90) scale(14.5)">
+<stop stop-color="#333333"/>
+<stop offset="1" stop-color="#D0D0D0"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/svg/purple-hover.svg b/src/assets/icons/uncap/svg/purple-hover.svg
new file mode 100644
index 00000000..b4d08a3e
--- /dev/null
+++ b/src/assets/icons/uncap/svg/purple-hover.svg
@@ -0,0 +1,44 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_855_1316)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83865 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_855_1316)"/>
+<path d="M8.61958 1.49443C8.73932 1.1259 9.26068 1.1259 9.38042 1.49443L10.8133 5.90426C10.8936 6.15147 11.124 6.31885 11.3839 6.31885H16.0207C16.4082 6.31885 16.5693 6.81469 16.2558 7.04245L12.5046 9.76788C12.2943 9.92066 12.2063 10.1915 12.2866 10.4387L13.7194 14.8485C13.8392 15.2171 13.4174 15.5235 13.1039 15.2957L9.35267 12.5703C9.14238 12.4175 8.85762 12.4175 8.64733 12.5703L4.8961 15.2957C4.58262 15.5235 4.16083 15.2171 4.28057 14.8485L5.71341 10.4387C5.79373 10.1915 5.70574 9.92066 5.49544 9.76788L1.74422 7.04245C1.43073 6.81469 1.59184 6.31885 1.97933 6.31885H6.6161C6.87604 6.31885 7.10641 6.15147 7.18674 5.90426L8.61958 1.49443Z" stroke="white" stroke-opacity="0.36" stroke-width="0.2"/>
+</g>
+<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M9.47555 1.46353C9.40071 1.2332 9.20035 1.11804 9 1.11804V9L6.93514 6.10386C6.84752 6.17645 6.73556 6.21885 6.61612 6.21885H1.97935C1.73204 6.21885 1.5585 6.38044 1.50004 6.5765L9 9L5.61832 10.0988C5.65019 10.1969 5.65179 10.3048 5.61832 10.4078L4.18548 14.8176C4.11064 15.048 4.20503 15.2589 4.36711 15.3767L9 9V12.5557C9.10314 12.5557 9.20628 12.5876 9.29391 12.6512L13.0451 15.3767C13.2411 15.519 13.4708 15.4944 13.6329 15.3767L9 9L12.3817 10.0988C12.4136 10.0007 12.4757 9.91245 12.5634 9.84879L16.3146 7.12336C16.5064 6.98403 16.556 6.76443 16.5 6.5765L9 9L11.0649 6.10386C10.9936 6.0448 10.9384 5.96578 10.9084 5.87336L9.47555 1.46353Z" fill="url(#paint1_linear_855_1316)"/>
+<g filter="url(#filter1_d_855_1316)">
+<path d="M10.7182 5.93516L9.28532 1.52533C9.24043 1.38717 9.12028 1.31807 9.0001 1.31803V1.11803C9.20041 1.11807 9.4007 1.23324 9.47553 1.46353L10.9084 5.87336C10.9382 5.9652 10.9929 6.04383 11.0636 6.10276L10.9483 6.26684C10.8432 6.18328 10.7617 6.06929 10.7182 5.93516Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M6.6161 6.41885H1.97933C1.82922 6.41885 1.72441 6.51807 1.69055 6.63755L1.50167 6.57106C1.5617 6.37746 1.73431 6.21885 1.97933 6.21885H6.6161C6.73517 6.21885 6.8468 6.1767 6.9343 6.10453L7.05275 6.26597C6.9316 6.36263 6.77882 6.41885 6.6161 6.41885Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M5.80851 10.4696L4.37567 14.8794C4.33077 15.0176 4.3874 15.1442 4.48465 15.2148L4.3671 15.3766C4.20501 15.2589 4.11062 15.048 4.18546 14.8176L5.6183 10.4078C5.65177 10.3048 5.65017 10.1969 5.6183 10.0988L5.80851 10.037C5.85313 10.1743 5.85537 10.3254 5.80851 10.4696Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M9.41145 12.4894L13.1627 15.2148C13.2802 15.3003 13.4181 15.2855 13.5153 15.2148L13.6329 15.3766C13.4708 15.4944 13.241 15.519 13.0451 15.3766L9.29389 12.6512C9.20626 12.5876 9.10311 12.5557 8.99996 12.5557V12.3557C9.14436 12.3557 9.28877 12.4003 9.41145 12.4894Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M12.4458 9.68698L16.197 6.96155C16.3099 6.87953 16.3407 6.75115 16.3101 6.63984L16.4998 6.57587C16.5561 6.76393 16.5066 6.98387 16.3146 7.12336L12.5633 9.84878C12.4757 9.91244 12.4136 10.0007 12.3817 10.0988L12.1915 10.037C12.2361 9.89965 12.3231 9.7761 12.4458 9.68698Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_855_1316" x="0.478378" y="0.118034" width="17.0432" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_855_1316"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_855_1316" result="shape"/>
+</filter>
+<filter id="filter1_d_855_1316" x="0.501671" y="0.118034" width="17.02" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_855_1316"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_855_1316" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_855_1316" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 7) rotate(90) scale(5 8.08499)">
+<stop stop-color="#E7A3FF"/>
+<stop offset="1" stop-color="#B369FE"/>
+</radialGradient>
+<linearGradient id="paint1_linear_855_1316" x1="5" y1="-1.5" x2="10" y2="14" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D5ABFF"/>
+<stop offset="1" stop-color="#A547EE"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/svg/purple.svg b/src/assets/icons/uncap/svg/purple.svg
new file mode 100644
index 00000000..93a1147c
--- /dev/null
+++ b/src/assets/icons/uncap/svg/purple.svg
@@ -0,0 +1,44 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_553_29)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83865 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_553_29)"/>
+<path d="M8.61958 1.49443C8.73932 1.1259 9.26068 1.1259 9.38042 1.49443L10.8133 5.90426C10.8936 6.15147 11.124 6.31885 11.3839 6.31885H16.0207C16.4082 6.31885 16.5693 6.81469 16.2558 7.04245L12.5046 9.76788C12.2943 9.92066 12.2063 10.1915 12.2866 10.4387L13.7194 14.8485C13.8392 15.2171 13.4174 15.5235 13.1039 15.2957L9.35267 12.5703C9.14238 12.4175 8.85762 12.4175 8.64733 12.5703L4.8961 15.2957C4.58262 15.5235 4.16083 15.2171 4.28057 14.8485L5.71341 10.4387C5.79373 10.1915 5.70574 9.92066 5.49544 9.76788L1.74422 7.04245C1.43073 6.81469 1.59184 6.31885 1.97933 6.31885H6.6161C6.87604 6.31885 7.10641 6.15147 7.18674 5.90426L8.61958 1.49443Z" stroke="white" stroke-opacity="0.36" stroke-width="0.2"/>
+</g>
+<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M9.47555 1.46353C9.40071 1.2332 9.20035 1.11804 9 1.11804V9L6.93514 6.10386C6.84752 6.17645 6.73556 6.21885 6.61612 6.21885H1.97935C1.73204 6.21885 1.5585 6.38044 1.50004 6.5765L9 9L5.61832 10.0988C5.65019 10.1969 5.65179 10.3048 5.61832 10.4078L4.18548 14.8176C4.11064 15.048 4.20503 15.2589 4.36711 15.3767L9 9V12.5557C9.10314 12.5557 9.20628 12.5876 9.29391 12.6512L13.0451 15.3767C13.2411 15.519 13.4708 15.4944 13.6329 15.3767L9 9L12.3817 10.0988C12.4136 10.0007 12.4757 9.91245 12.5634 9.84879L16.3146 7.12336C16.5064 6.98403 16.556 6.76443 16.5 6.5765L9 9L11.0649 6.10386C10.9936 6.0448 10.9384 5.96578 10.9084 5.87336L9.47555 1.46353Z" fill="url(#paint1_linear_553_29)"/>
+<g filter="url(#filter1_d_553_29)">
+<path d="M10.7182 5.93516L9.28532 1.52533C9.24043 1.38717 9.12028 1.31807 9.0001 1.31803V1.11803C9.20041 1.11807 9.4007 1.23324 9.47553 1.46353L10.9084 5.87336C10.9382 5.9652 10.9929 6.04383 11.0636 6.10276L10.9483 6.26684C10.8432 6.18328 10.7617 6.06929 10.7182 5.93516Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M6.6161 6.41885H1.97933C1.82922 6.41885 1.72441 6.51807 1.69055 6.63755L1.50167 6.57106C1.5617 6.37746 1.73431 6.21885 1.97933 6.21885H6.6161C6.73517 6.21885 6.8468 6.1767 6.9343 6.10453L7.05275 6.26597C6.9316 6.36263 6.77882 6.41885 6.6161 6.41885Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M5.80851 10.4696L4.37567 14.8794C4.33077 15.0176 4.3874 15.1442 4.48465 15.2148L4.3671 15.3766C4.20501 15.2589 4.11062 15.048 4.18546 14.8176L5.6183 10.4078C5.65177 10.3048 5.65017 10.1969 5.6183 10.0988L5.80851 10.037C5.85313 10.1743 5.85537 10.3254 5.80851 10.4696Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M9.41145 12.4894L13.1627 15.2148C13.2802 15.3003 13.4181 15.2855 13.5153 15.2148L13.6329 15.3766C13.4708 15.4944 13.241 15.519 13.0451 15.3766L9.29389 12.6512C9.20626 12.5876 9.10311 12.5557 8.99996 12.5557V12.3557C9.14436 12.3557 9.28877 12.4003 9.41145 12.4894Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M12.4458 9.68698L16.197 6.96155C16.3099 6.87953 16.3407 6.75115 16.3101 6.63984L16.4998 6.57587C16.5561 6.76393 16.5066 6.98387 16.3146 7.12336L12.5633 9.84878C12.4757 9.91244 12.4136 10.0007 12.3817 10.0988L12.1915 10.037C12.2361 9.89965 12.3231 9.7761 12.4458 9.68698Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_553_29" x="0.478378" y="0.118034" width="17.0432" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_553_29"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_553_29" result="shape"/>
+</filter>
+<filter id="filter1_d_553_29" x="0.501671" y="0.118034" width="17.02" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_553_29"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_553_29" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_553_29" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 7) rotate(90) scale(5 8.08499)">
+<stop stop-color="#EAB2FE"/>
+<stop offset="1" stop-color="#B872FF"/>
+</radialGradient>
+<linearGradient id="paint1_linear_553_29" x1="5" y1="-1.5" x2="10" y2="14" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DCBCFC"/>
+<stop offset="1" stop-color="#AD51F4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/svg/red-hover.svg b/src/assets/icons/uncap/svg/red-hover.svg
new file mode 100644
index 00000000..3ed4a968
--- /dev/null
+++ b/src/assets/icons/uncap/svg/red-hover.svg
@@ -0,0 +1,44 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_855_1320)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83865 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_855_1320)"/>
+<path d="M8.61958 1.49443C8.73932 1.1259 9.26068 1.1259 9.38042 1.49443L10.8133 5.90426C10.8936 6.15147 11.124 6.31885 11.3839 6.31885H16.0207C16.4082 6.31885 16.5693 6.81469 16.2558 7.04245L12.5046 9.76788C12.2943 9.92066 12.2063 10.1915 12.2866 10.4387L13.7194 14.8485C13.8392 15.2171 13.4174 15.5235 13.1039 15.2957L9.35267 12.5703C9.14238 12.4175 8.85762 12.4175 8.64733 12.5703L4.8961 15.2957C4.58262 15.5235 4.16083 15.2171 4.28057 14.8485L5.71341 10.4387C5.79373 10.1915 5.70574 9.92066 5.49544 9.76788L1.74422 7.04245C1.43073 6.81469 1.59184 6.31885 1.97933 6.31885H6.6161C6.87604 6.31885 7.10641 6.15147 7.18674 5.90426L8.61958 1.49443Z" stroke="white" stroke-opacity="0.36" stroke-width="0.2"/>
+</g>
+<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M9.47555 1.46353C9.40071 1.2332 9.20035 1.11804 9 1.11804V9L6.93514 6.10386C6.84752 6.17645 6.73556 6.21885 6.61612 6.21885H1.97935C1.73204 6.21885 1.5585 6.38044 1.50004 6.5765L9 9L5.61832 10.0988C5.65019 10.1969 5.65179 10.3048 5.61832 10.4078L4.18548 14.8176C4.11064 15.048 4.20503 15.2589 4.36711 15.3767L9 9V12.5557C9.10314 12.5557 9.20628 12.5876 9.29391 12.6512L13.0451 15.3767C13.2411 15.519 13.4708 15.4944 13.6329 15.3767L9 9L12.3817 10.0988C12.4136 10.0007 12.4757 9.91245 12.5634 9.84879L16.3146 7.12336C16.5064 6.98403 16.556 6.76443 16.5 6.5765L9 9L11.0649 6.10386C10.9936 6.0448 10.9384 5.96578 10.9084 5.87336L9.47555 1.46353Z" fill="url(#paint1_linear_855_1320)"/>
+<g filter="url(#filter1_d_855_1320)">
+<path d="M10.7182 5.93516L9.28532 1.52533C9.24043 1.38717 9.12028 1.31807 9.0001 1.31803V1.11803C9.20041 1.11807 9.4007 1.23324 9.47553 1.46353L10.9084 5.87336C10.9382 5.9652 10.9929 6.04383 11.0636 6.10276L10.9483 6.26684C10.8432 6.18328 10.7617 6.06929 10.7182 5.93516Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M6.6161 6.41885H1.97933C1.82922 6.41885 1.72441 6.51807 1.69055 6.63755L1.50167 6.57106C1.5617 6.37746 1.73431 6.21885 1.97933 6.21885H6.6161C6.73517 6.21885 6.8468 6.1767 6.9343 6.10453L7.05275 6.26597C6.9316 6.36263 6.77882 6.41885 6.6161 6.41885Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M5.80851 10.4696L4.37567 14.8794C4.33077 15.0176 4.3874 15.1442 4.48465 15.2148L4.3671 15.3766C4.20501 15.2589 4.11062 15.048 4.18546 14.8176L5.6183 10.4078C5.65177 10.3048 5.65017 10.1969 5.6183 10.0988L5.80851 10.037C5.85313 10.1743 5.85537 10.3254 5.80851 10.4696Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M9.41145 12.4894L13.1627 15.2148C13.2802 15.3003 13.4181 15.2855 13.5153 15.2148L13.6329 15.3766C13.4708 15.4944 13.241 15.519 13.0451 15.3766L9.29389 12.6512C9.20626 12.5876 9.10311 12.5557 8.99996 12.5557V12.3557C9.14436 12.3557 9.28877 12.4003 9.41145 12.4894Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M12.4458 9.68698L16.197 6.96155C16.3099 6.87953 16.3407 6.75115 16.3101 6.63984L16.4998 6.57587C16.5561 6.76393 16.5066 6.98387 16.3146 7.12336L12.5633 9.84878C12.4757 9.91244 12.4136 10.0007 12.3817 10.0988L12.1915 10.037C12.2361 9.89965 12.3231 9.7761 12.4458 9.68698Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_855_1320" x="0.478378" y="0.118034" width="17.0432" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_855_1320"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_855_1320" result="shape"/>
+</filter>
+<filter id="filter1_d_855_1320" x="0.501671" y="0.118034" width="17.02" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_855_1320"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_855_1320" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_855_1320" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 4) rotate(90) scale(8 10.5833)">
+<stop stop-color="#FF9E9E"/>
+<stop offset="1" stop-color="#FC5D5D"/>
+</radialGradient>
+<linearGradient id="paint1_linear_855_1320" x1="5" y1="-1.5" x2="10" y2="14" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FB9191"/>
+<stop offset="1" stop-color="#EB4040"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/svg/red.svg b/src/assets/icons/uncap/svg/red.svg
new file mode 100644
index 00000000..c5da53d5
--- /dev/null
+++ b/src/assets/icons/uncap/svg/red.svg
@@ -0,0 +1,44 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_553_227)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83865 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_553_227)"/>
+<path d="M8.61958 1.49443C8.73932 1.1259 9.26068 1.1259 9.38042 1.49443L10.8133 5.90426C10.8936 6.15147 11.124 6.31885 11.3839 6.31885H16.0207C16.4082 6.31885 16.5693 6.81469 16.2558 7.04245L12.5046 9.76788C12.2943 9.92066 12.2063 10.1915 12.2866 10.4387L13.7194 14.8485C13.8392 15.2171 13.4174 15.5235 13.1039 15.2957L9.35267 12.5703C9.14238 12.4175 8.85762 12.4175 8.64733 12.5703L4.8961 15.2957C4.58262 15.5235 4.16083 15.2171 4.28057 14.8485L5.71341 10.4387C5.79373 10.1915 5.70574 9.92066 5.49544 9.76788L1.74422 7.04245C1.43073 6.81469 1.59184 6.31885 1.97933 6.31885H6.6161C6.87604 6.31885 7.10641 6.15147 7.18674 5.90426L8.61958 1.49443Z" stroke="white" stroke-opacity="0.36" stroke-width="0.2"/>
+</g>
+<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M9.47555 1.46353C9.40071 1.2332 9.20035 1.11804 9 1.11804V9L6.93514 6.10386C6.84752 6.17645 6.73556 6.21885 6.61612 6.21885H1.97935C1.73204 6.21885 1.5585 6.38044 1.50004 6.5765L9 9L5.61832 10.0988C5.65019 10.1969 5.65179 10.3048 5.61832 10.4078L4.18548 14.8176C4.11064 15.048 4.20503 15.2589 4.36711 15.3767L9 9V12.5557C9.10314 12.5557 9.20628 12.5876 9.29391 12.6512L13.0451 15.3767C13.2411 15.519 13.4708 15.4944 13.6329 15.3767L9 9L12.3817 10.0988C12.4136 10.0007 12.4757 9.91245 12.5634 9.84879L16.3146 7.12336C16.5064 6.98403 16.556 6.76443 16.5 6.5765L9 9L11.0649 6.10386C10.9936 6.0448 10.9384 5.96578 10.9084 5.87336L9.47555 1.46353Z" fill="url(#paint1_linear_553_227)"/>
+<g filter="url(#filter1_d_553_227)">
+<path d="M10.7182 5.93516L9.28532 1.52533C9.24043 1.38717 9.12028 1.31807 9.0001 1.31803V1.11803C9.20041 1.11807 9.4007 1.23324 9.47553 1.46353L10.9084 5.87336C10.9382 5.9652 10.9929 6.04383 11.0636 6.10276L10.9483 6.26684C10.8432 6.18328 10.7617 6.06929 10.7182 5.93516Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M6.6161 6.41885H1.97933C1.82922 6.41885 1.72441 6.51807 1.69055 6.63755L1.50167 6.57106C1.5617 6.37746 1.73431 6.21885 1.97933 6.21885H6.6161C6.73517 6.21885 6.8468 6.1767 6.9343 6.10453L7.05275 6.26597C6.9316 6.36263 6.77882 6.41885 6.6161 6.41885Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M5.80851 10.4696L4.37567 14.8794C4.33077 15.0176 4.3874 15.1442 4.48465 15.2148L4.3671 15.3766C4.20501 15.2589 4.11062 15.048 4.18546 14.8176L5.6183 10.4078C5.65177 10.3048 5.65017 10.1969 5.6183 10.0988L5.80851 10.037C5.85313 10.1743 5.85537 10.3254 5.80851 10.4696Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M9.41145 12.4894L13.1627 15.2148C13.2802 15.3003 13.4181 15.2855 13.5153 15.2148L13.6329 15.3766C13.4708 15.4944 13.241 15.519 13.0451 15.3766L9.29389 12.6512C9.20626 12.5876 9.10311 12.5557 8.99996 12.5557V12.3557C9.14436 12.3557 9.28877 12.4003 9.41145 12.4894Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M12.4458 9.68698L16.197 6.96155C16.3099 6.87953 16.3407 6.75115 16.3101 6.63984L16.4998 6.57587C16.5561 6.76393 16.5066 6.98387 16.3146 7.12336L12.5633 9.84878C12.4757 9.91244 12.4136 10.0007 12.3817 10.0988L12.1915 10.037C12.2361 9.89965 12.3231 9.7761 12.4458 9.68698Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_553_227" x="0.478378" y="0.118034" width="17.0432" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_553_227"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_553_227" result="shape"/>
+</filter>
+<filter id="filter1_d_553_227" x="0.501671" y="0.118034" width="17.02" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_553_227"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_553_227" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_553_227" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 6) rotate(90) scale(6 7.9375)">
+<stop stop-color="#FEB2B2"/>
+<stop offset="1" stop-color="#F05C5C"/>
+</radialGradient>
+<linearGradient id="paint1_linear_553_227" x1="5" y1="-1.5" x2="10" y2="14" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCBCBC"/>
+<stop offset="1" stop-color="#F45151"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/svg/yellow-hover.svg b/src/assets/icons/uncap/svg/yellow-hover.svg
new file mode 100644
index 00000000..c6a6d5dd
--- /dev/null
+++ b/src/assets/icons/uncap/svg/yellow-hover.svg
@@ -0,0 +1,44 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_855_1306)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83866 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_855_1306)"/>
+<path d="M9.38042 1.49443L10.8133 5.90426C10.8936 6.15147 11.124 6.31885 11.3839 6.31885H16.0207C16.4082 6.31885 16.5693 6.81469 16.2558 7.04245L12.5046 9.76788C12.2943 9.92066 12.2063 10.1915 12.2866 10.4387L13.7194 14.8485C13.8392 15.2171 13.4174 15.5235 13.1039 15.2957L9.35267 12.5703C9.14238 12.4175 8.85762 12.4175 8.64733 12.5703L4.8961 15.2957C4.58262 15.5235 4.16083 15.2171 4.28057 14.8485L5.71341 10.4387C5.79373 10.1915 5.70574 9.92066 5.49544 9.76788L1.74422 7.04245C1.43073 6.81469 1.59184 6.31885 1.97933 6.31885H6.6161C6.87604 6.31885 7.10641 6.15147 7.18674 5.90426L8.61958 1.49443C8.73932 1.1259 9.26068 1.1259 9.38042 1.49443Z" stroke="white" stroke-opacity="0.24" stroke-width="0.2"/>
+</g>
+<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M9.47555 1.46353C9.40071 1.2332 9.20035 1.11804 9 1.11804V9L6.93514 6.10386C6.84752 6.17644 6.73556 6.21885 6.61612 6.21885H1.97935C1.73204 6.21885 1.5585 6.38044 1.50004 6.5765L9 9L5.61832 10.0988C5.65019 10.1969 5.65179 10.3048 5.61832 10.4078L4.18548 14.8176C4.11064 15.048 4.20503 15.2589 4.36711 15.3767L9 9V12.5557C9.10314 12.5557 9.20628 12.5876 9.29391 12.6512L13.0451 15.3767C13.2411 15.519 13.4708 15.4944 13.6329 15.3767L9 9L12.3817 10.0988C12.4136 10.0007 12.4757 9.91245 12.5634 9.84879L16.3146 7.12336C16.5064 6.98403 16.556 6.76443 16.5 6.5765L9 9L11.0649 6.10386C10.9936 6.0448 10.9384 5.96578 10.9084 5.87336L9.47555 1.46353Z" fill="url(#paint1_linear_855_1306)"/>
+<g filter="url(#filter1_d_855_1306)">
+<path d="M10.7182 5.93517L9.28535 1.52534C9.24047 1.38718 9.12031 1.31808 9.00014 1.31804V1.11804C9.20045 1.11808 9.40074 1.23325 9.47557 1.46353L10.9084 5.87336C10.9383 5.96521 10.9929 6.04383 11.0636 6.10277L10.9484 6.26685C10.8432 6.18328 10.7618 6.0693 10.7182 5.93517Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M6.61614 6.41885H1.97937C1.82926 6.41885 1.72445 6.51807 1.69059 6.63755L1.50171 6.57107C1.56174 6.37747 1.73435 6.21885 1.97937 6.21885H6.61614C6.73521 6.21885 6.84683 6.17671 6.93434 6.10454L7.05278 6.26598C6.93164 6.36264 6.77886 6.41885 6.61614 6.41885Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M5.80855 10.4696L4.37571 14.8794C4.33081 15.0176 4.38744 15.1442 4.48469 15.2148L4.36714 15.3767C4.20505 15.2589 4.11066 15.048 4.1855 14.8176L5.61834 10.4078C5.65181 10.3048 5.65021 10.1969 5.61834 10.0988L5.80855 10.037C5.85317 10.1743 5.85541 10.3254 5.80855 10.4696Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M9.41149 12.4894L13.1627 15.2148C13.2803 15.3003 13.4181 15.2855 13.5154 15.2148L13.6329 15.3767C13.4709 15.4944 13.2411 15.519 13.0452 15.3767L9.29393 12.6512C9.2063 12.5876 9.10315 12.5557 9 12.5557V12.3557C9.1444 12.3557 9.28881 12.4003 9.41149 12.4894Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M12.4458 9.68698L16.197 6.96156C16.3099 6.87954 16.3408 6.75116 16.3101 6.63985L16.4998 6.57588C16.5562 6.76394 16.5066 6.98387 16.3146 7.12336L12.5634 9.84879C12.4758 9.91245 12.4136 10.0007 12.3817 10.0988L12.1915 10.037C12.2361 9.89966 12.3231 9.77611 12.4458 9.68698Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_855_1306" x="0.478374" y="0.118034" width="17.0433" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_855_1306"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_855_1306" result="shape"/>
+</filter>
+<filter id="filter1_d_855_1306" x="0.501709" y="0.118042" width="17.02" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_855_1306"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_855_1306" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_855_1306" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 7.5) rotate(90) scale(5.5 6.6878)">
+<stop stop-color="#FFCCA8"/>
+<stop offset="1" stop-color="#FFA96A"/>
+</radialGradient>
+<linearGradient id="paint1_linear_855_1306" x1="5" y1="-1.5" x2="10" y2="14" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAAF7A"/>
+<stop offset="1" stop-color="#DB742A"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/svg/yellow.svg b/src/assets/icons/uncap/svg/yellow.svg
new file mode 100644
index 00000000..70b8ece3
--- /dev/null
+++ b/src/assets/icons/uncap/svg/yellow.svg
@@ -0,0 +1,44 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_553_27)">
+<path d="M8.52447 1.46353C8.67415 1.00287 9.32585 1.00287 9.47553 1.46353L10.9084 5.87336C10.9753 6.07937 11.1673 6.21885 11.3839 6.21885H16.0207C16.505 6.21885 16.7064 6.83866 16.3146 7.12336L12.5633 9.84878C12.3881 9.9761 12.3148 10.2018 12.3817 10.4078L13.8145 14.8176C13.9642 15.2783 13.437 15.6613 13.0451 15.3766L9.29389 12.6512C9.11865 12.5239 8.88135 12.5239 8.70611 12.6512L4.95488 15.3766C4.56303 15.6613 4.03578 15.2783 4.18546 14.8176L5.6183 10.4078C5.68524 10.2018 5.61191 9.9761 5.43667 9.84878L1.68544 7.12336C1.29358 6.83866 1.49497 6.21885 1.97933 6.21885H6.6161C6.83272 6.21885 7.02469 6.07937 7.09163 5.87336L8.52447 1.46353Z" fill="url(#paint0_radial_553_27)"/>
+<path d="M9.38042 1.49443L10.8133 5.90426C10.8936 6.15147 11.124 6.31885 11.3839 6.31885H16.0207C16.4082 6.31885 16.5693 6.81469 16.2558 7.04245L12.5046 9.76788C12.2943 9.92066 12.2063 10.1915 12.2866 10.4387L13.7194 14.8485C13.8392 15.2171 13.4174 15.5235 13.1039 15.2957L9.35267 12.5703C9.14238 12.4175 8.85762 12.4175 8.64733 12.5703L4.8961 15.2957C4.58262 15.5235 4.16083 15.2171 4.28057 14.8485L5.71341 10.4387C5.79373 10.1915 5.70574 9.92066 5.49544 9.76788L1.74422 7.04245C1.43073 6.81469 1.59184 6.31885 1.97933 6.31885H6.6161C6.87604 6.31885 7.10641 6.15147 7.18674 5.90426L8.61958 1.49443C8.73932 1.1259 9.26068 1.1259 9.38042 1.49443Z" stroke="white" stroke-opacity="0.24" stroke-width="0.2"/>
+</g>
+<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M9.47555 1.46353C9.40071 1.2332 9.20035 1.11804 9 1.11804V9L6.93514 6.10386C6.84752 6.17645 6.73556 6.21885 6.61612 6.21885H1.97935C1.73204 6.21885 1.5585 6.38044 1.50004 6.5765L9 9L5.61832 10.0988C5.65019 10.1969 5.65179 10.3048 5.61832 10.4078L4.18548 14.8176C4.11064 15.048 4.20503 15.2589 4.36711 15.3767L9 9V12.5557C9.10314 12.5557 9.20628 12.5876 9.29391 12.6512L13.0451 15.3767C13.2411 15.519 13.4708 15.4944 13.6329 15.3767L9 9L12.3817 10.0988C12.4136 10.0007 12.4757 9.91245 12.5634 9.84879L16.3146 7.12336C16.5064 6.98403 16.556 6.76443 16.5 6.5765L9 9L11.0649 6.10386C10.9936 6.0448 10.9384 5.96578 10.9084 5.87336L9.47555 1.46353Z" fill="url(#paint1_linear_553_27)"/>
+<g filter="url(#filter1_d_553_27)">
+<path d="M10.7182 5.93517L9.28535 1.52534C9.24047 1.38718 9.12031 1.31808 9.00014 1.31804V1.11804C9.20045 1.11808 9.40074 1.23325 9.47557 1.46353L10.9084 5.87336C10.9383 5.96521 10.9929 6.04383 11.0636 6.10277L10.9484 6.26685C10.8432 6.18328 10.7618 6.0693 10.7182 5.93517Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M6.61614 6.41885H1.97937C1.82926 6.41885 1.72445 6.51807 1.69059 6.63755L1.50171 6.57107C1.56174 6.37747 1.73435 6.21885 1.97937 6.21885H6.61614C6.73521 6.21885 6.84683 6.17671 6.93434 6.10454L7.05278 6.26598C6.93164 6.36264 6.77886 6.41885 6.61614 6.41885Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M5.80855 10.4696L4.37571 14.8794C4.33081 15.0176 4.38744 15.1442 4.48469 15.2148L4.36714 15.3767C4.20505 15.2589 4.11066 15.048 4.1855 14.8176L5.61834 10.4078C5.65181 10.3048 5.65021 10.1969 5.61834 10.0988L5.80855 10.037C5.85317 10.1743 5.85541 10.3254 5.80855 10.4696Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M9.41149 12.4894L13.1627 15.2148C13.2803 15.3003 13.4181 15.2855 13.5154 15.2148L13.6329 15.3767C13.4709 15.4944 13.2411 15.519 13.0452 15.3767L9.29393 12.6512C9.2063 12.5876 9.10315 12.5557 9 12.5557V12.3557C9.1444 12.3557 9.28881 12.4003 9.41149 12.4894Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+<path d="M12.4458 9.68698L16.197 6.96156C16.3099 6.87954 16.3408 6.75116 16.3101 6.63985L16.4998 6.57588C16.5562 6.76394 16.5066 6.98387 16.3146 7.12336L12.5634 9.84879C12.4758 9.91245 12.4136 10.0007 12.3817 10.0988L12.1915 10.037C12.2361 9.89966 12.3231 9.77611 12.4458 9.68698Z" fill="black" fill-opacity="0.12" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_553_27" x="0.478374" y="0.118034" width="17.0433" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_553_27"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_553_27" result="shape"/>
+</filter>
+<filter id="filter1_d_553_27" x="0.501709" y="0.118042" width="17.02" height="16.3564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_553_27"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_553_27" result="shape"/>
+</filter>
+<radialGradient id="paint0_radial_553_27" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9 7.5) rotate(90) scale(5.5 6.6878)">
+<stop stop-color="#FED2B2"/>
+<stop offset="1" stop-color="#FFB884"/>
+</radialGradient>
+<linearGradient id="paint1_linear_553_27" x1="5" y1="-1.5" x2="10" y2="14" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCD7BC"/>
+<stop offset="1" stop-color="#F49651"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/uncap/yellow-hover.png b/src/assets/icons/uncap/yellow-hover.png
new file mode 100644
index 00000000..c8b894fc
Binary files /dev/null and b/src/assets/icons/uncap/yellow-hover.png differ
diff --git a/src/assets/icons/uncap/yellow-hover@2x.png b/src/assets/icons/uncap/yellow-hover@2x.png
new file mode 100644
index 00000000..3734a432
Binary files /dev/null and b/src/assets/icons/uncap/yellow-hover@2x.png differ
diff --git a/src/assets/icons/uncap/yellow-hover@3x.png b/src/assets/icons/uncap/yellow-hover@3x.png
new file mode 100644
index 00000000..71929720
Binary files /dev/null and b/src/assets/icons/uncap/yellow-hover@3x.png differ
diff --git a/src/assets/icons/uncap/yellow.png b/src/assets/icons/uncap/yellow.png
new file mode 100644
index 00000000..8d18261e
Binary files /dev/null and b/src/assets/icons/uncap/yellow.png differ
diff --git a/src/assets/icons/uncap/yellow@2x.png b/src/assets/icons/uncap/yellow@2x.png
new file mode 100644
index 00000000..74b997e7
Binary files /dev/null and b/src/assets/icons/uncap/yellow@2x.png differ
diff --git a/src/assets/icons/uncap/yellow@3x.png b/src/assets/icons/uncap/yellow@3x.png
new file mode 100644
index 00000000..4dc1220c
Binary files /dev/null and b/src/assets/icons/uncap/yellow@3x.png differ
diff --git a/src/lib/components/uncap/TranscendenceFragment.svelte b/src/lib/components/uncap/TranscendenceFragment.svelte
index ca9fd68d..5835c783 100644
--- a/src/lib/components/uncap/TranscendenceFragment.svelte
+++ b/src/lib/components/uncap/TranscendenceFragment.svelte
@@ -55,7 +55,7 @@
 		--scaled-height: calc((var(--scaled-width) / var(--orig-width)) * var(--orig-height));
 		--scale: 1.2;
 
-		background-image: url('/icons/transcendence/interactive/interactive-piece.png');
+		background-image: url('$src/assets/icons/transcendence/interactive/interactive-piece.png');
 		background-size: var(--scaled-width) var(--scaled-height);
 		background-repeat: no-repeat;
 
@@ -106,11 +106,11 @@
 
 		/* High DPI support */
 		@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-			background-image: url('/icons/transcendence/interactive/interactive-piece@2x.png');
+			background-image: url('$src/assets/icons/transcendence/interactive/interactive-piece@2x.png');
 		}
 
 		@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
-			background-image: url('/icons/transcendence/interactive/interactive-piece@3x.png');
+			background-image: url('$src/assets/icons/transcendence/interactive/interactive-piece@3x.png');
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/src/lib/components/uncap/TranscendenceStar.svelte b/src/lib/components/uncap/TranscendenceStar.svelte
index d1faa6d8..7a4c69f3 100644
--- a/src/lib/components/uncap/TranscendenceStar.svelte
+++ b/src/lib/components/uncap/TranscendenceStar.svelte
@@ -220,37 +220,37 @@
 		}
 
 		&.empty {
-			background-image: url('/icons/transcendence/0/stage-0.png');
+			background-image: url('$src/assets/icons/transcendence/0/stage-0.png');
 			background-size: var(--size) var(--size);
 			background-repeat: no-repeat;
 		}
 
 		&.stage1 {
-			background-image: url('/icons/transcendence/1/stage-1.png');
+			background-image: url('$src/assets/icons/transcendence/1/stage-1.png');
 			background-size: var(--size) var(--size);
 			background-repeat: no-repeat;
 		}
 
 		&.stage2 {
-			background-image: url('/icons/transcendence/2/stage-2.png');
+			background-image: url('$src/assets/icons/transcendence/2/stage-2.png');
 			background-size: var(--size) var(--size);
 			background-repeat: no-repeat;
 		}
 
 		&.stage3 {
-			background-image: url('/icons/transcendence/3/stage-3.png');
+			background-image: url('$src/assets/icons/transcendence/3/stage-3.png');
 			background-size: var(--size) var(--size);
 			background-repeat: no-repeat;
 		}
 
 		&.stage4 {
-			background-image: url('/icons/transcendence/4/stage-4.png');
+			background-image: url('$src/assets/icons/transcendence/4/stage-4.png');
 			background-size: var(--size) var(--size);
 			background-repeat: no-repeat;
 		}
 
 		&.stage5 {
-			background-image: url('/icons/transcendence/5/stage-5.png');
+			background-image: url('$src/assets/icons/transcendence/5/stage-5.png');
 			background-size: var(--size) var(--size);
 			background-repeat: no-repeat;
 		}
@@ -258,43 +258,43 @@
 		/* High DPI support */
 		@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
 			&.empty {
-				background-image: url('/icons/transcendence/0/stage-0@2x.png');
+				background-image: url('$src/assets/icons/transcendence/0/stage-0@2x.png');
 			}
 			&.stage1 {
-				background-image: url('/icons/transcendence/1/stage-1@2x.png');
+				background-image: url('$src/assets/icons/transcendence/1/stage-1@2x.png');
 			}
 			&.stage2 {
-				background-image: url('/icons/transcendence/2/stage-2@2x.png');
+				background-image: url('$src/assets/icons/transcendence/2/stage-2@2x.png');
 			}
 			&.stage3 {
-				background-image: url('/icons/transcendence/3/stage-3@2x.png');
+				background-image: url('$src/assets/icons/transcendence/3/stage-3@2x.png');
 			}
 			&.stage4 {
-				background-image: url('/icons/transcendence/4/stage-4@2x.png');
+				background-image: url('$src/assets/icons/transcendence/4/stage-4@2x.png');
 			}
 			&.stage5 {
-				background-image: url('/icons/transcendence/5/stage-5@2x.png');
+				background-image: url('$src/assets/icons/transcendence/5/stage-5@2x.png');
 			}
 		}
 
 		@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
 			&.empty {
-				background-image: url('/icons/transcendence/0/stage-0@3x.png');
+				background-image: url('$src/assets/icons/transcendence/0/stage-0@3x.png');
 			}
 			&.stage1 {
-				background-image: url('/icons/transcendence/1/stage-1@3x.png');
+				background-image: url('$src/assets/icons/transcendence/1/stage-1@3x.png');
 			}
 			&.stage2 {
-				background-image: url('/icons/transcendence/2/stage-2@3x.png');
+				background-image: url('$src/assets/icons/transcendence/2/stage-2@3x.png');
 			}
 			&.stage3 {
-				background-image: url('/icons/transcendence/3/stage-3@3x.png');
+				background-image: url('$src/assets/icons/transcendence/3/stage-3@3x.png');
 			}
 			&.stage4 {
-				background-image: url('/icons/transcendence/4/stage-4@3x.png');
+				background-image: url('$src/assets/icons/transcendence/4/stage-4@3x.png');
 			}
 			&.stage5 {
-				background-image: url('/icons/transcendence/5/stage-5@3x.png');
+				background-image: url('$src/assets/icons/transcendence/5/stage-5@3x.png');
 			}
 		}
 
@@ -308,7 +308,7 @@
 
 			&.interactive.base {
 				--size: calc(spacing.$unit * 6);
-				background-image: url('/icons/transcendence/interactive/interactive-base.png');
+				background-image: url('$src/assets/icons/transcendence/interactive/interactive-base.png');
 				background-size: var(--size) var(--size);
 				height: var(--size);
 				width: var(--size);
@@ -320,11 +320,11 @@
 
 				/* High DPI support */
 				@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-					background-image: url('/icons/transcendence/interactive/interactive-base@2x.png');
+					background-image: url('$src/assets/icons/transcendence/interactive/interactive-base@2x.png');
 				}
 
 				@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
-					background-image: url('/icons/transcendence/interactive/interactive-base@3x.png');
+					background-image: url('$src/assets/icons/transcendence/interactive/interactive-base@3x.png');
 				}
 			}
 
diff --git a/src/lib/components/uncap/UncapStar.svelte b/src/lib/components/uncap/UncapStar.svelte
index b49a7b2d..6985b6fb 100644
--- a/src/lib/components/uncap/UncapStar.svelte
+++ b/src/lib/components/uncap/UncapStar.svelte
@@ -58,42 +58,42 @@
 		&.empty.flb,
 		&.empty.ulb,
 		&.empty.special {
-			background-image: url('/icons/uncap/empty@3x.png');
+			background-image: url('$src/assets/icons/uncap/empty@3x.png');
 
 			&:hover {
-				background-image: url('/icons/uncap/empty-hover@3x.png');
+				background-image: url('$src/assets/icons/uncap/empty-hover@3x.png');
 			}
 		}
 
 		&.mlb {
-			background-image: url('/icons/uncap/yellow@3x.png');
+			background-image: url('$src/assets/icons/uncap/yellow@3x.png');
 
 			&:hover {
-				background-image: url('/icons/uncap/yellow-hover@3x.png');
+				background-image: url('$src/assets/icons/uncap/yellow-hover@3x.png');
 			}
 		}
 
 		&.special {
-			background-image: url('/icons/uncap/red@3x.png');
+			background-image: url('$src/assets/icons/uncap/red@3x.png');
 
 			&:hover {
-				background-image: url('/icons/uncap/red-hover@3x.png');
+				background-image: url('$src/assets/icons/uncap/red-hover@3x.png');
 			}
 		}
 
 		&.flb {
-			background-image: url('/icons/uncap/blue@3x.png');
+			background-image: url('$src/assets/icons/uncap/blue@3x.png');
 
 			&:hover {
-				background-image: url('/icons/uncap/blue-hover@3x.png');
+				background-image: url('$src/assets/icons/uncap/blue-hover@3x.png');
 			}
 		}
 
 		&.ulb {
-			background-image: url('/icons/uncap/purple@3x.png');
+			background-image: url('$src/assets/icons/uncap/purple@3x.png');
 
 			&:hover {
-				background-image: url('/icons/uncap/purple-hover@3x.png');
+				background-image: url('$src/assets/icons/uncap/purple-hover@3x.png');
 			}
 		}