diff --git a/WheelWizard.Test/Features/MiiDbServiceTests.cs b/WheelWizard.Test/Features/MiiDbServiceTests.cs
index 6f4ffef8..3d471544 100644
--- a/WheelWizard.Test/Features/MiiDbServiceTests.cs
+++ b/WheelWizard.Test/Features/MiiDbServiceTests.cs
@@ -1,4 +1,5 @@
 using NSubstitute.ExceptionExtensions;
+using Testably.Abstractions;
 using WheelWizard.Shared;
 using WheelWizard.WiiManagement;
 using WheelWizard.WiiManagement.Domain.Mii;
@@ -7,15 +8,17 @@ namespace WheelWizard.Test.Features
 {
     public class MiiDbServiceTests
     {
-        private readonly IMiiRepository _repository;
+        private readonly IMiiRepositoryService _repositoryService;
+        private readonly IRandomSystem _randomSystemService;
         private readonly MiiDbService _service;
 
         // --- Test Setup ---
 
         public MiiDbServiceTests()
         {
-            _repository = Substitute.For<IMiiRepository>();
-            _service = new(_repository);
+            _repositoryService = Substitute.For<IMiiRepositoryService>();
+            _randomSystemService = Substitute.For<IRandomSystem>();
+            _service = new(_repositoryService, _randomSystemService);
         }
 
         // --- Helper Methods ---
@@ -28,13 +31,13 @@ private OperationResult<Mii> CreateValidMii(uint id = 1, string name = "TestMii"
             var weight = MiiScale.Create(50);
             var miiFacial = MiiFacialFeatures.Create(MiiFaceShape.Bread, MiiSkinColor.Brown, MiiFacialFeature.Beard, false, false);
             var miiHair = MiiHair.Create(1, HairColor.Black, false);
-            var miiEyebrows = MiiEyebrow.Create(1, 1, EyebrowColor.Black, 1, 1, 1);
-            var miiEyes = MiiEye.Create(1, 1, 1, EyeColor.Black, 1, 1);
-            var miiNose = MiiNose.Create(NoseType.Default, 1, 1);
-            var miiLips = MiiLip.Create(1, LipColor.Pink, 1, 1);
-            var miiGlasses = MiiGlasses.Create(GlassesType.None, GlassesColor.Blue, 1, 1);
-            var miiFacialHair = MiiFacialHair.Create(MustacheType.None, BeardType.None, MustacheColor.Black, 1, 1);
-            var miiMole = MiiMole.Create(true, 1, 1, 1);
+            var miiEyebrows = MiiEyebrow.Create(3, 3, EyebrowColor.Black, 3, 3, 3);
+            var miiEyes = MiiEye.Create(3, 3, 3, EyeColor.Black, 3, 3);
+            var miiNose = MiiNose.Create(NoseType.Default, 3, 3);
+            var miiLips = MiiLip.Create(3, LipColor.Pink, 3, 3);
+            var miiGlasses = MiiGlasses.Create(GlassesType.None, GlassesColor.Blue, 3, 3);
+            var miiFacialHair = MiiFacialHair.Create(MustacheType.None, BeardType.None, MustacheColor.Black, 3, 3);
+            var miiMole = MiiMole.Create(true, 3, 3, 3);
             var creatorName = MiiName.Create("Creator");
             var miiFavoriteColor = MiiFavoriteColor.Red;
             var EveryResult = new List<OperationResult>
@@ -149,14 +152,14 @@ public void MiiSerializer_Deserialize_ShouldFail_ForNullData()
         public void GetAllMiis_ShouldReturnEmptyList_WhenRepositoryReturnsEmptyList()
         {
             // Arrange
-            _repository.LoadAllBlocks().Returns([]);
+            _repositoryService.LoadAllBlocks().Returns([]);
 
             // Act
             var result = _service.GetAllMiis();
 
             // Assert
             Assert.Empty(result);
-            _repository.Received(1).LoadAllBlocks();
+            _repositoryService.Received(1).LoadAllBlocks();
         }
 
         [Fact]
@@ -169,7 +172,7 @@ public void GetAllMiis_ShouldReturnListOfMiis_WhenRepositoryReturnsValidBlocks()
             var mii1Bytes = GetSerializedBytes(mii1Result.Value);
             var mii2Bytes = GetSerializedBytes(mii2Result.Value);
 
-            _repository.LoadAllBlocks().Returns([mii1Bytes, mii2Bytes]);
+            _repositoryService.LoadAllBlocks().Returns([mii1Bytes, mii2Bytes]);
 
             // Act
             var result = _service.GetAllMiis();
@@ -178,7 +181,7 @@ public void GetAllMiis_ShouldReturnListOfMiis_WhenRepositoryReturnsValidBlocks()
             Assert.Equal(2, result.Count);
             Assert.Contains(result, m => m.MiiId == 1 && m.Name.ToString() == "MiiOne");
             Assert.Contains(result, m => m.MiiId == 2 && m.Name.ToString() == "MiiTwo");
-            _repository.Received(1).LoadAllBlocks();
+            _repositoryService.Received(1).LoadAllBlocks();
         }
 
         [Fact]
@@ -192,7 +195,7 @@ public void GetAllMiis_ShouldSkipInvalidBlocks_AndReturnOnlyValidMiis()
             var invalidBytesNull = (byte[])null; // Null entry (if possible from repo)
             // Simulate a block that's the right size but contains garbage data causing deserialization failure
             var potentiallyBadBytes = new byte[MiiSerializer.MiiBlockSize];
-            _repository.LoadAllBlocks().Returns([invalidBytesShort, mii1Bytes, potentiallyBadBytes, invalidBytesNull!]);
+            _repositoryService.LoadAllBlocks().Returns([invalidBytesShort, mii1Bytes, potentiallyBadBytes, invalidBytesNull!]);
 
             // Act
             var result = _service.GetAllMiis();
@@ -202,7 +205,7 @@ public void GetAllMiis_ShouldSkipInvalidBlocks_AndReturnOnlyValidMiis()
             Assert.Single(result);
             Assert.Equal(1u, result[0].MiiId);
             Assert.Equal("ValidMii", result[0].Name.ToString());
-            _repository.Received(1).LoadAllBlocks();
+            _repositoryService.Received(1).LoadAllBlocks();
         }
 
         [Fact]
@@ -210,12 +213,12 @@ public void GetAllMiis_ShouldHandleRepositoryException()
         {
             // Arrange
             var expectedException = new IOException("Disk read error");
-            _repository.LoadAllBlocks().Throws(expectedException);
+            _repositoryService.LoadAllBlocks().Throws(expectedException);
 
             // Act & Assert
             var actualException = Assert.Throws<IOException>(() => _service.GetAllMiis());
             Assert.Same(expectedException, actualException); // Ensure the original exception is propagated
-            _repository.Received(1).LoadAllBlocks();
+            _repositoryService.Received(1).LoadAllBlocks();
         }
 
         [Fact]
@@ -227,7 +230,7 @@ public void GetByClientId_ShouldReturnMii_WhenRepositoryReturnsValidBlock()
             Assert.True(miiResult.IsSuccess, "Setup Failed: Could not create valid Mii");
             var miiBytes = GetSerializedBytes(miiResult.Value);
 
-            _repository.GetRawBlockByAvatarId(targetId).Returns(miiBytes);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns(miiBytes);
 
             // Act
             var result = _service.GetByAvatarId(targetId);
@@ -237,7 +240,7 @@ public void GetByClientId_ShouldReturnMii_WhenRepositoryReturnsValidBlock()
             Assert.NotNull(result.Value);
             Assert.Equal(targetId, result.Value.MiiId);
             Assert.Equal("TargetMii", result.Value.Name.ToString());
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
         }
 
         [Fact]
@@ -245,14 +248,14 @@ public void GetByClientId_ShouldReturnFailure_WhenRepositoryReturnsNull()
         {
             // Arrange
             uint targetId = 404;
-            _repository.GetRawBlockByAvatarId(targetId).Returns((byte[]?)null);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns((byte[]?)null);
 
             // Act
             var result = _service.GetByAvatarId(targetId);
 
             // Assert
             Assert.True(result.IsFailure);
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
         }
 
         [Fact]
@@ -261,14 +264,14 @@ public void GetByClientId_ShouldReturnFailure_WhenRepositoryReturnsInvalidLength
             // Arrange
             uint targetId = 500;
             var invalidBytes = new byte[MiiSerializer.MiiBlockSize + 10]; // Wrong size
-            _repository.GetRawBlockByAvatarId(targetId).Returns(invalidBytes);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns(invalidBytes);
 
             // Act
             var result = _service.GetByAvatarId(targetId);
 
             // Assert
             Assert.True(result.IsFailure);
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
         }
 
         [Fact]
@@ -282,7 +285,7 @@ public void GetByClientId_ShouldReturnFailure_WhenDeserializationFails()
                 badBytes[i] = (byte)(i % 256);
             }
 
-            _repository.GetRawBlockByAvatarId(targetId).Returns(badBytes);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns(badBytes);
 
             // Act
             var result = _service.GetByAvatarId(targetId);
@@ -290,7 +293,7 @@ public void GetByClientId_ShouldReturnFailure_WhenDeserializationFails()
             // Assert
             Assert.True(result.IsFailure);
             Assert.Equal(result.IsFailure, true);
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
         }
 
         [Fact]
@@ -299,12 +302,12 @@ public void GetByClientId_ShouldHandleRepositoryException()
             // Arrange
             uint targetId = 777;
             var expectedException = new InvalidOperationException("Repository error");
-            _repository.GetRawBlockByAvatarId(targetId).Throws(expectedException);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Throws(expectedException);
 
             // Act & Assert
             var actualException = Assert.Throws<InvalidOperationException>(() => _service.GetByAvatarId(targetId));
             Assert.Same(expectedException, actualException);
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
         }
 
         // --- Update Tests ---
@@ -318,14 +321,14 @@ public void Update_ShouldReturnSuccess_WhenSerializationAndRepositorySucceed()
             var miiToUpdate = miiResult.Value;
             var expectedBytes = GetSerializedBytes(miiToUpdate); // Get expected bytes *before* setting up mock
 
-            _repository.UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes))).Returns(Ok());
+            _repositoryService.UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes))).Returns(Ok());
 
             // Act
             var result = _service.Update(miiToUpdate);
 
             // Assert
             Assert.True(result.IsSuccess);
-            _repository.Received(1).UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes)));
+            _repositoryService.Received(1).UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes)));
         }
 
         [Fact]
@@ -338,7 +341,9 @@ public void Update_ShouldReturnFailure_WhenRepositoryUpdateFails()
             var expectedBytes = GetSerializedBytes(miiToUpdate);
             var repoError = Fail("Repository write failed");
 
-            _repository.UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes))).Returns(repoError);
+            _repositoryService
+                .UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes)))
+                .Returns(repoError);
 
             // Act
             var result = _service.Update(miiToUpdate);
@@ -346,7 +351,7 @@ public void Update_ShouldReturnFailure_WhenRepositoryUpdateFails()
             // Assert
             Assert.True(result.IsFailure);
             Assert.Equal(repoError.Error, result.Error); // Propagate the exact error
-            _repository.Received(1).UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes)));
+            _repositoryService.Received(1).UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes)));
         }
 
         [Fact]
@@ -359,14 +364,14 @@ public void Update_ShouldHandleRepositoryExceptionDuringUpdate()
             var expectedBytes = GetSerializedBytes(miiToUpdate);
             var expectedException = new IOException("Cannot write to file");
 
-            _repository
+            _repositoryService
                 .UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes)))
                 .Throws(expectedException);
 
             // Act & Assert
             var actualException = Assert.Throws<IOException>(() => _service.Update(miiToUpdate));
             Assert.Same(expectedException, actualException);
-            _repository.Received(1).UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes)));
+            _repositoryService.Received(1).UpdateBlockByClientId(miiToUpdate.MiiId, Arg.Is<byte[]>(b => b.SequenceEqual(expectedBytes)));
         }
 
         // Note: Testing serialization failure within Update is harder if CreateValidMii guarantees a serializable Mii.
@@ -388,19 +393,19 @@ public void UpdateName_ShouldReturnSuccess_WhenGetAndUpdateSucceed()
             var originalBytes = GetSerializedBytes(originalMii);
 
             // Setup Get
-            _repository.GetRawBlockByAvatarId(targetId).Returns(originalBytes);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns(originalBytes);
 
             // Setup Update (capture the updated Mii's bytes)
             byte[]? updatedBytes = null;
-            _repository.UpdateBlockByClientId(targetId, Arg.Do<byte[]>(bytes => updatedBytes = bytes)).Returns(Ok());
+            _repositoryService.UpdateBlockByClientId(targetId, Arg.Do<byte[]>(bytes => updatedBytes = bytes)).Returns(Ok());
 
             // Act
             var result = _service.UpdateName(targetId, newName);
 
             // Assert
             Assert.True(result.IsSuccess);
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
-            _repository.Received(1).UpdateBlockByClientId(targetId, Arg.Any<byte[]>());
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.Received(1).UpdateBlockByClientId(targetId, Arg.Any<byte[]>());
 
             // Verify the name was actually changed in the serialized data sent to the repo
             Assert.NotNull(updatedBytes);
@@ -416,7 +421,7 @@ public void UpdateName_ShouldReturnFailure_WhenGetByClientIdFails_NotFound()
             // Arrange
             uint targetId = 404;
             string newName = "NewName";
-            _repository.GetRawBlockByAvatarId(targetId).Returns((byte[]?)null);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns((byte[]?)null);
 
             // Act
             var result = _service.UpdateName(targetId, newName);
@@ -424,8 +429,8 @@ public void UpdateName_ShouldReturnFailure_WhenGetByClientIdFails_NotFound()
             // Assert
             Assert.True(result.IsFailure);
             Assert.Equal("Mii block not found or invalid.", result.Error.Message); // Error from GetByClientId
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
-            _repository.DidNotReceive().UpdateBlockByClientId(Arg.Any<uint>(), Arg.Any<byte[]>());
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.DidNotReceive().UpdateBlockByClientId(Arg.Any<uint>(), Arg.Any<byte[]>());
         }
 
         [Fact]
@@ -435,7 +440,7 @@ public void UpdateName_ShouldReturnFailure_WhenGetByClientIdFails_Deserializatio
             uint targetId = 666;
             string newName = "NewName";
             var badBytes = new byte[MiiSerializer.MiiBlockSize]; // Correct size, bad content
-            _repository.GetRawBlockByAvatarId(targetId).Returns(badBytes);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns(badBytes);
 
             // Act
             var result = _service.UpdateName(targetId, newName);
@@ -443,8 +448,8 @@ public void UpdateName_ShouldReturnFailure_WhenGetByClientIdFails_Deserializatio
             // Assert
             Assert.True(result.IsFailure);
             Assert.Contains("Mii data is empty.", result.Error.Message);
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
-            _repository.DidNotReceive().UpdateBlockByClientId(Arg.Any<uint>(), Arg.Any<byte[]>());
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.DidNotReceive().UpdateBlockByClientId(Arg.Any<uint>(), Arg.Any<byte[]>());
         }
 
         [Fact]
@@ -458,7 +463,7 @@ public void UpdateName_ShouldReturnFailure_WhenNewNameIsInvalid()
             Assert.True(miiResult.IsSuccess, "Setup Failed: Could not create original Mii");
             var originalBytes = GetSerializedBytes(miiResult.Value);
 
-            _repository.GetRawBlockByAvatarId(targetId).Returns(originalBytes);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns(originalBytes);
 
             // Act
             var result = _service.UpdateName(targetId, invalidNewName);
@@ -466,8 +471,8 @@ public void UpdateName_ShouldReturnFailure_WhenNewNameIsInvalid()
             // Assert
             Assert.True(result.IsFailure);
             Assert.Equal(result.IsFailure, true);
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
-            _repository.DidNotReceive().UpdateBlockByClientId(Arg.Any<uint>(), Arg.Any<byte[]>());
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.DidNotReceive().UpdateBlockByClientId(Arg.Any<uint>(), Arg.Any<byte[]>());
         }
 
         [Fact]
@@ -482,8 +487,8 @@ public void UpdateName_ShouldReturnFailure_WhenRepositoryUpdateFails()
             var originalBytes = GetSerializedBytes(miiResult.Value);
             var repoError = Fail("Disk full");
 
-            _repository.GetRawBlockByAvatarId(targetId).Returns(originalBytes);
-            _repository
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns(originalBytes);
+            _repositoryService
                 .UpdateBlockByClientId(targetId, Arg.Any<byte[]>()) // We know name is valid, get succeeds
                 .Returns(repoError);
 
@@ -493,8 +498,8 @@ public void UpdateName_ShouldReturnFailure_WhenRepositoryUpdateFails()
             // Assert
             Assert.True(result.IsFailure);
             Assert.Equal(repoError.Error, result.Error); // Error from the repository update propagated
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
-            _repository.Received(1).UpdateBlockByClientId(targetId, Arg.Any<byte[]>());
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.Received(1).UpdateBlockByClientId(targetId, Arg.Any<byte[]>());
         }
 
         [Fact]
@@ -504,13 +509,13 @@ public void UpdateName_ShouldHandleExceptionDuringGet()
             uint targetId = 111;
             string newName = "New";
             var expectedException = new TimeoutException("Timeout contacting repository");
-            _repository.GetRawBlockByAvatarId(targetId).Throws(expectedException);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Throws(expectedException);
 
             // Act & Assert
             var actualException = Assert.Throws<TimeoutException>(() => _service.UpdateName(targetId, newName));
             Assert.Same(expectedException, actualException);
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
-            _repository.DidNotReceive().UpdateBlockByClientId(Arg.Any<uint>(), Arg.Any<byte[]>());
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.DidNotReceive().UpdateBlockByClientId(Arg.Any<uint>(), Arg.Any<byte[]>());
         }
 
         [Fact]
@@ -525,14 +530,14 @@ public void UpdateName_ShouldHandleExceptionDuringUpdate()
             var originalBytes = GetSerializedBytes(miiResult.Value);
             var expectedException = new UnauthorizedAccessException("Access denied");
 
-            _repository.GetRawBlockByAvatarId(targetId).Returns(originalBytes);
-            _repository.UpdateBlockByClientId(targetId, Arg.Any<byte[]>()).Throws(expectedException);
+            _repositoryService.GetRawBlockByAvatarId(targetId).Returns(originalBytes);
+            _repositoryService.UpdateBlockByClientId(targetId, Arg.Any<byte[]>()).Throws(expectedException);
 
             // Act & Assert
             var actualException = Assert.Throws<UnauthorizedAccessException>(() => _service.UpdateName(targetId, newName));
             Assert.Same(expectedException, actualException);
-            _repository.Received(1).GetRawBlockByAvatarId(targetId);
-            _repository.Received(1).UpdateBlockByClientId(targetId, Arg.Any<byte[]>());
+            _repositoryService.Received(1).GetRawBlockByAvatarId(targetId);
+            _repositoryService.Received(1).UpdateBlockByClientId(targetId, Arg.Any<byte[]>());
         }
     }
 }
diff --git a/WheelWizard/Features/MiiImages/Domain/IMiiIMagesApi.cs b/WheelWizard/Features/MiiImages/Domain/IMiiIMagesApi.cs
index dce96ce0..db9ccb11 100644
--- a/WheelWizard/Features/MiiImages/Domain/IMiiIMagesApi.cs
+++ b/WheelWizard/Features/MiiImages/Domain/IMiiIMagesApi.cs
@@ -18,8 +18,6 @@ Task<Stream> GetImageAsync(
         int instanceCount = 1,
         int cameraXRotate = 0,
         int cameraYRotate = 0,
-        int cameraZRotate = 0,
-        string lightDirectionMode = "none",
-        string instanceRotationMode = "model"
+        int cameraZRotate = 0
     );
 }
diff --git a/WheelWizard/Features/MiiImages/Domain/MiiImageSpecifications.cs b/WheelWizard/Features/MiiImages/Domain/MiiImageSpecifications.cs
index 8a08c6c7..ef044f5a 100644
--- a/WheelWizard/Features/MiiImages/Domain/MiiImageSpecifications.cs
+++ b/WheelWizard/Features/MiiImages/Domain/MiiImageSpecifications.cs
@@ -6,6 +6,7 @@ namespace WheelWizard.MiiImages.Domain;
 
 public class MiiImageSpecifications
 {
+    // IMPORTANT: if you change this, make sure you also edit the Clone method in the extensions of this feature
     public string Name { get; set; } = string.Empty;
     public ImageSize Size { get; set; } = ImageSize.small;
     public FaceExpression Expression { get; set; } = FaceExpression.normal;
@@ -23,7 +24,11 @@ public class MiiImageSpecifications
     public override string ToString()
     {
         // If we put all the things in this string, then the Key at least is unique
-        return $"{Name}_{Size}{Expression}{Type}_{BackgroundColor}{InstanceCount}_{CharacterRotate}{CameraRotate}_{CachePriority}";
+        var parts = $"{Name}_{Size}{Expression}{Type}";
+        parts += $"{BackgroundColor}{InstanceCount}";
+        parts += $"{CharacterRotate}{CameraRotate}";
+        parts += $"{CachePriority}";
+        return Convert.ToBase64String(System.Text.Encoding.UTF8.GetBytes(parts));
     }
 
     #region Enums
@@ -32,12 +37,24 @@ public override string ToString()
     public enum FaceExpression
     {
         normal,
+        normal_open_mouth,
         smile,
+        smile_open_mouth,
         frustrated,
         anger,
+        anger_open_mouth,
         blink,
+        blink_open_mouth,
         sorrow,
+        sorrow_open_mouth,
         surprise,
+        surprise_open_mouth,
+        wink_right,
+        wink_left,
+        like_wink_left,
+        like_wink_right,
+        wink_left_open_mouth,
+        wink_right_open_mouth,
     }
 
     public enum ImageSize
@@ -49,6 +66,7 @@ public enum ImageSize
     public enum BodyType
     {
         face,
+        face_only,
         all_body,
     }
 
diff --git a/WheelWizard/Features/MiiImages/Domain/MiiImageVariants.cs b/WheelWizard/Features/MiiImages/Domain/MiiImageVariants.cs
index 084b5b2c..d359f76f 100644
--- a/WheelWizard/Features/MiiImages/Domain/MiiImageVariants.cs
+++ b/WheelWizard/Features/MiiImages/Domain/MiiImageVariants.cs
@@ -14,6 +14,14 @@ public static class MiiImageVariants
         CachePriority = CacheItemPriority.High,
     };
 
+    public static readonly MiiImageSpecifications MiiBlockProfile = new()
+    {
+        Name = "MiiBlockProfile",
+        Expression = MiiImageSpecifications.FaceExpression.normal,
+        Type = MiiImageSpecifications.BodyType.face,
+        Size = MiiImageSpecifications.ImageSize.medium,
+    };
+
     public static readonly MiiImageSpecifications OnlinePlayerSmall = new()
     {
         Name = "OnlinePlayerSmall",
@@ -23,8 +31,29 @@ public static class MiiImageVariants
         CachePriority = CacheItemPriority.Low,
     };
 
+    public static readonly MiiImageSpecifications MiiEditorSmall = new()
+    {
+        Name = "MiiEditorPreviewSmall",
+        Expression = MiiImageSpecifications.FaceExpression.normal,
+        Type = MiiImageSpecifications.BodyType.face,
+        Size = MiiImageSpecifications.ImageSize.medium,
+        ExpirationSeconds = TimeSpan.FromSeconds(30),
+        CachePriority = CacheItemPriority.Low,
+    };
+    public static readonly MiiImageSpecifications MiiEditorPreviewCarousel = new()
+    {
+        Name = "MiiEditorPreviewCarousel",
+        Expression = MiiImageSpecifications.FaceExpression.normal,
+        Type = MiiImageSpecifications.BodyType.all_body,
+        Size = MiiImageSpecifications.ImageSize.medium,
+        CachePriority = CacheItemPriority.Low,
+        ExpirationSeconds = TimeSpan.FromSeconds(30),
+        InstanceCount = 8,
+    };
+
     public static readonly MiiImageSpecifications CurrentUserSideProfile = new()
     {
+        Name = "CurrentUserSideProfile",
         Expression = MiiImageSpecifications.FaceExpression.normal,
         Type = MiiImageSpecifications.BodyType.face,
         Size = MiiImageSpecifications.ImageSize.medium,
@@ -33,6 +62,7 @@ public static class MiiImageVariants
     };
     public static readonly MiiImageSpecifications FriendsSideProfile = new()
     {
+        Name = "FriendsSideProfile",
         Expression = MiiImageSpecifications.FaceExpression.normal,
         Type = MiiImageSpecifications.BodyType.face,
         Size = MiiImageSpecifications.ImageSize.medium,
@@ -43,9 +73,11 @@ public static class MiiImageVariants
 
     public static readonly MiiImageSpecifications FullBodyCarousel = new()
     {
+        Name = "FullBodyCarousel",
         Expression = MiiImageSpecifications.FaceExpression.normal,
         Type = MiiImageSpecifications.BodyType.all_body,
         Size = MiiImageSpecifications.ImageSize.medium,
+        ExpirationSeconds = TimeSpan.FromMinutes(10),
         InstanceCount = 8,
     };
 }
diff --git a/WheelWizard/Features/MiiImages/MiiImagesExtensions.cs b/WheelWizard/Features/MiiImages/MiiImagesExtensions.cs
index 550b548e..082ed4de 100644
--- a/WheelWizard/Features/MiiImages/MiiImagesExtensions.cs
+++ b/WheelWizard/Features/MiiImages/MiiImagesExtensions.cs
@@ -1,3 +1,4 @@
+using System.Numerics;
 using WheelWizard.MiiImages.Domain;
 using WheelWizard.Services;
 
@@ -13,4 +14,24 @@ public static IServiceCollection AddMiiImages(this IServiceCollection services)
 
         return services;
     }
+
+    public static MiiImageSpecifications Clone(this MiiImageSpecifications specifications)
+    {
+        return new MiiImageSpecifications
+        {
+            Name = specifications.Name,
+            Size = specifications.Size,
+            Expression = specifications.Expression,
+            Type = specifications.Type,
+            BackgroundColor = specifications.BackgroundColor,
+            InstanceCount = specifications.InstanceCount,
+            CharacterRotate = new(specifications.CharacterRotate.X, specifications.CharacterRotate.Y, specifications.CharacterRotate.Z),
+            CameraRotate = new(specifications.CameraRotate.X, specifications.CameraRotate.Y, specifications.CameraRotate.Z),
+            ExpirationSeconds =
+                specifications.ExpirationSeconds?.TotalSeconds == null
+                    ? null
+                    : TimeSpan.FromSeconds(specifications.ExpirationSeconds.Value.TotalSeconds),
+            CachePriority = specifications.CachePriority,
+        };
+    }
 }
diff --git a/WheelWizard/Features/MiiImages/MiiImagesSingletonService.cs b/WheelWizard/Features/MiiImages/MiiImagesSingletonService.cs
index 74f48062..c540266f 100644
--- a/WheelWizard/Features/MiiImages/MiiImagesSingletonService.cs
+++ b/WheelWizard/Features/MiiImages/MiiImagesSingletonService.cs
@@ -1,3 +1,4 @@
+using System.Collections.Concurrent;
 using Avalonia.Media.Imaging;
 using Microsoft.Extensions.Caching.Memory;
 using WheelWizard.MiiImages.Domain;
@@ -13,6 +14,9 @@ public interface IMiiImagesSingletonService
 
 public class MiiImagesSingletonService(IApiCaller<IMiiIMagesApi> apiCaller, IMemoryCache cache) : IMiiImagesSingletonService
 {
+    // Track in-flight requests to prevent duplicate API calls
+    private readonly ConcurrentDictionary<string, SemaphoreSlim> _inFlightRequests = new();
+
     public async Task<OperationResult<Bitmap>> GetImageAsync(Mii? mii, MiiImageSpecifications specifications)
     {
         var data = MiiStudioDataSerializer.Serialize(mii);
@@ -20,23 +24,46 @@ public async Task<OperationResult<Bitmap>> GetImageAsync(Mii? mii, MiiImageSpeci
             return data.Error;
 
         var miiConfigKey = data.Value + specifications;
-        var isCached = cache.TryGetValue(miiConfigKey, out Bitmap? cachedValue);
-        if (isCached)
+
+        // Even tho we also check it in the semaphore section, we also check here if it's in the cache, just to be tad faster.
+        if (cache.TryGetValue(miiConfigKey, out Bitmap? cachedValue))
             return cachedValue ?? Fail<Bitmap>("Cached image is null.");
 
-        var newImageResult = await apiCaller.CallApiAsync(api => GetBitmapAsync(api, data.Value, specifications));
-        Bitmap? newImage = null;
-        if (newImageResult.IsSuccess)
-            newImage = newImageResult.Value;
+        var requestSemaphore = _inFlightRequests.GetOrAdd(miiConfigKey, _ => new(1, 1));
 
-        using (var entry = cache.CreateEntry(miiConfigKey))
+        try
         {
-            entry.Value = newImage;
-            entry.SlidingExpiration = specifications.ExpirationSeconds;
-            entry.Priority = specifications.CachePriority;
-        }
+            // Wait to acquire the semaphore - only the first request will proceed immediately
+            await requestSemaphore.WaitAsync();
+
+            // Double-check the cache after acquiring the semaphore
+            // Another thread might have completed the request while we were waiting
+            if (cache.TryGetValue(miiConfigKey, out Bitmap? doubleCheckCached))
+                return doubleCheckCached ?? Fail<Bitmap>("Cached image is null.");
+
+            // If we get here, we're the first request and need to call the API
+            var newImageResult = await apiCaller.CallApiAsync(api => GetBitmapAsync(api, data.Value, specifications));
 
-        return newImage ?? Fail<Bitmap>("Failed to get new image.");
+            Bitmap? newImage = null;
+            if (newImageResult.IsSuccess)
+                newImage = newImageResult.Value;
+
+            using (var entry = cache.CreateEntry(miiConfigKey))
+            {
+                entry.Value = newImage;
+                entry.SlidingExpiration = specifications.ExpirationSeconds;
+                entry.Priority = specifications.CachePriority;
+            }
+
+            return newImage ?? Fail<Bitmap>("Failed to get new image.");
+        }
+        finally
+        {
+            // We can also do it all without try catch. But we need to make sure that whatever happens, we release the semaphore
+            // So just to be safe, if anything happens, we release the semaphore anyway.
+            requestSemaphore.Release();
+            _inFlightRequests.TryRemove(miiConfigKey, out _);
+        }
     }
 
     private static async Task<Bitmap> GetBitmapAsync(IMiiIMagesApi api, string data, MiiImageSpecifications specifications)
diff --git a/WheelWizard/Features/MiiImages/MiiStudioDataSerializer.cs b/WheelWizard/Features/MiiImages/MiiStudioDataSerializer.cs
index 010d60b4..37ea725a 100644
--- a/WheelWizard/Features/MiiImages/MiiStudioDataSerializer.cs
+++ b/WheelWizard/Features/MiiImages/MiiStudioDataSerializer.cs
@@ -35,7 +35,8 @@ public static OperationResult<string> Serialize(Mii? mii)
         visualMiiClone.MiiMole = mii.MiiMole;
         visualMiiClone.MiiFavoriteColor = mii.MiiFavoriteColor;
         visualMiiClone.MiiFacial = mii.MiiFacial;
-        visualMiiClone.MiiId = 1; // Mii ID cant be 0 if you want to serialize it so...
+        // If id is 0, we keep it 0, any other ID will be set to 1.
+        visualMiiClone.MiiId = (uint)(mii.MiiId == 0 ? 0 : 1);
 
         var serialized = MiiSerializer.Serialize(visualMiiClone);
         if (serialized.IsFailure)
diff --git a/WheelWizard/Features/WiiManagement/Domain/Mii/Mii.cs b/WheelWizard/Features/WiiManagement/Domain/Mii/Mii.cs
index 092f439b..4d5e45cf 100644
--- a/WheelWizard/Features/WiiManagement/Domain/Mii/Mii.cs
+++ b/WheelWizard/Features/WiiManagement/Domain/Mii/Mii.cs
@@ -12,8 +12,25 @@ public class Mii
     public MiiScale Height { get; set; } = new(1);
     public MiiScale Weight { get; set; } = new(1);
 
-    //Mii ID is also referred as Avatar  ID
-    public uint MiiId { get; set; }
+    public bool IsForeign => (MiiId1 >> 5) == 0b110; // checks if the top 3 bits are set to 110, if so it got blue pants
+
+    //Mii ID is also refered as Avatar  ID
+    public byte MiiId1 { get; set; }
+    public byte MiiId2 { get; set; }
+    public byte MiiId3 { get; set; }
+    public byte MiiId4 { get; set; }
+
+    public uint MiiId
+    {
+        get => (uint)(MiiId1 << 24 | MiiId2 << 16 | MiiId3 << 8 | MiiId4);
+        set
+        {
+            MiiId1 = (byte)(value >> 24);
+            MiiId2 = (byte)(value >> 16);
+            MiiId3 = (byte)(value >> 8);
+            MiiId4 = (byte)(value);
+        }
+    }
 
     //This is also referred as Client ID
     public byte SystemId0 { get; set; }
@@ -21,16 +38,27 @@ public class Mii
     public byte SystemId2 { get; set; }
     public byte SystemId3 { get; set; }
 
+    public uint SystemId
+    {
+        get => (uint)(SystemId0 << 24 | SystemId1 << 16 | SystemId2 << 8 | SystemId3);
+        set
+        {
+            SystemId0 = (byte)(value >> 24);
+            SystemId1 = (byte)(value >> 16);
+            SystemId2 = (byte)(value >> 8);
+            SystemId3 = (byte)(value);
+        }
+    }
+
     public MiiFacialFeatures MiiFacial { get; set; } = new(MiiFaceShape.Bread, MiiSkinColor.Light, MiiFacialFeature.None, false, false);
 
-    public MiiHair MiiHair { get; set; } = new(0, HairColor.Black, false);
-    public MiiEyebrow MiiEyebrows { get; set; } = new(0, 0, EyebrowColor.Black, 1, 1, 1);
-    public MiiEye MiiEyes { get; set; } = new(0, 0, 0, EyeColor.Black, 0, 0);
-    public MiiNose MiiNose { get; set; } = new(NoseType.Default, 0, 0);
-    public MiiLip MiiLips { get; set; } = new(0, LipColor.Skin, 0, 0);
-    public MiiGlasses MiiGlasses { get; set; } = new(GlassesType.None, GlassesColor.Dark, 0, 0);
-    public MiiFacialHair MiiFacialHair { get; set; } = new(MustacheType.None, BeardType.None, MustacheColor.Black, 0, 0);
+    public MiiHair MiiHair { get; set; } = new(1, HairColor.Black, false);
+    public MiiEyebrow MiiEyebrows { get; set; } = new(1, 0, EyebrowColor.Black, 4, 10, 1);
+    public MiiEye MiiEyes { get; set; } = new(1, 6, 7, EyeColor.Black, 3, 6);
+    public MiiNose MiiNose { get; set; } = new(NoseType.Default, 6, 4);
+    public MiiLip MiiLips { get; set; } = new(1, LipColor.Skin, 4, 9);
+    public MiiGlasses MiiGlasses { get; set; } = new(GlassesType.None, GlassesColor.Dark, 4, 1);
+    public MiiFacialHair MiiFacialHair { get; set; } = new(MustacheType.None, BeardType.None, MustacheColor.Black, 1, 1);
     public MiiMole MiiMole { get; set; } = new(false, 0, 0, 0);
-
     public MiiName CreatorName { get; set; } = new("no name");
 }
diff --git a/WheelWizard/Features/WiiManagement/Domain/Mii/MiiEnums.cs b/WheelWizard/Features/WiiManagement/Domain/Mii/MiiEnums.cs
index 6e1df9db..c70a8f47 100644
--- a/WheelWizard/Features/WiiManagement/Domain/Mii/MiiEnums.cs
+++ b/WheelWizard/Features/WiiManagement/Domain/Mii/MiiEnums.cs
@@ -5,6 +5,7 @@ public enum MiiFavoriteColor : uint
     Red,
     Orange,
     Yellow,
+    LightGreen,
     Green,
     Blue,
     LightBlue,
@@ -13,16 +14,15 @@ public enum MiiFavoriteColor : uint
     Brown,
     White,
     Black,
-    Gray,
 }
 
 public enum MiiFaceShape
 {
-    RoundPointChin,
+    Teardrop,
     Circle,
     Oval,
-    BlobFatChin,
-    RightAnglePointChin,
+    Glob,
+    Pointy,
     Bread,
     Octagon,
     Square,
@@ -31,8 +31,8 @@ public enum MiiFaceShape
 public enum MiiSkinColor
 {
     Light,
-    LightTan,
-    Tan,
+    Yellow,
+    Red,
     Pink,
     DarkBrown,
     Brown,
@@ -51,7 +51,7 @@ public enum MiiFacialFeature
     EyeShadow,
     Beard,
     MouthCorners,
-    Old,
+    Wrinkles,
 }
 
 public enum HairColor
@@ -82,7 +82,7 @@ public enum EyeColor : uint
 {
     Black,
     Grey,
-    Red,
+    Brown,
     Gold,
     Blue,
     Green,
@@ -95,7 +95,7 @@ public enum NoseType
     Dots,
     VShape,
     FullNose,
-    Triangle,
+    UShape,
     FlatC,
     UpsideDownC,
     Squidward,
@@ -142,16 +142,16 @@ public enum MustacheColor
     LightRed,
     Grey,
     LightBrown,
-    Blonde,
+    Tan,
     White,
 }
 
 public enum MustacheType
 {
     None,
-    Fat,
-    Thin,
-    Goatee,
+    Normal,
+    Lines,
+    Droopy,
 }
 
 public enum BeardType
diff --git a/WheelWizard/Features/WiiManagement/Domain/Mii/MiiEyebrow.cs b/WheelWizard/Features/WiiManagement/Domain/Mii/MiiEyebrow.cs
index 0b67603a..d5524134 100644
--- a/WheelWizard/Features/WiiManagement/Domain/Mii/MiiEyebrow.cs
+++ b/WheelWizard/Features/WiiManagement/Domain/Mii/MiiEyebrow.cs
@@ -17,7 +17,7 @@ public MiiEyebrow(int type, int rotation, EyebrowColor color, int size, int vert
             throw new ArgumentException("Rotation invalid");
         if (size is < 0 or > 8)
             throw new ArgumentException("Size invalid");
-        if (vertical is < 0 or > 18)
+        if (vertical is < 3 or > 18)
             throw new ArgumentException("Vertical position invalid");
         if (spacing is < 0 or > 12)
             throw new ArgumentException("Spacing invalid");
diff --git a/WheelWizard/Features/WiiManagement/GameDataLoaderService.cs b/WheelWizard/Features/WiiManagement/GameLicenseService.cs
similarity index 88%
rename from WheelWizard/Features/WiiManagement/GameDataLoaderService.cs
rename to WheelWizard/Features/WiiManagement/GameLicenseService.cs
index 170143e4..4bc2bb37 100644
--- a/WheelWizard/Features/WiiManagement/GameDataLoaderService.cs
+++ b/WheelWizard/Features/WiiManagement/GameLicenseService.cs
@@ -3,6 +3,7 @@
 using System.Text.RegularExpressions;
 using WheelWizard.Models.Enums;
 using WheelWizard.Models.GameData;
+using WheelWizard.Models.Settings;
 using WheelWizard.Services;
 using WheelWizard.Services.LiveData;
 using WheelWizard.Services.Other;
@@ -64,6 +65,11 @@ public interface IGameLicenseSingletonService
     /// Subscribes a listener to the repeated task manager.
     /// </summary>
     void Subscribe(IRepeatedTaskListener subscriber);
+
+    /// <summary>
+    /// Changes the Mii for a specific user index.
+    /// </summary>
+    OperationResult ChangeMii(int userIndex, Mii? newMii);
 }
 
 public class GameLicenseSingletonService : RepeatedTaskManager, IGameLicenseSingletonService
@@ -128,16 +134,16 @@ public OperationResult LoadLicense()
         // If the file was invalid or not found, create 4 dummy licenses
         Licenses.Users.Clear();
         for (var i = 0; i < MaxPlayerNum; i++)
-            Licenses.Users.Add(CreateDummyUser());
+            Licenses.Users.Add(CreateDummyLicense());
         return Ok();
     }
 
-    private static LicenseProfile CreateDummyUser()
+    private static LicenseProfile CreateDummyLicense()
     {
-        var dummyUser = new LicenseProfile
+        var dummyLicense = new LicenseProfile
         {
             FriendCode = "0000-0000-0000",
-            Mii = new(),
+            Mii = new() { Name = new MiiName(SettingValues.NoLicense) },
             Vr = 5000,
             Br = 5000,
             TotalRaceCount = 0,
@@ -146,7 +152,7 @@ private static LicenseProfile CreateDummyUser()
             RegionId = 10, // 10 => “unknown”
             IsOnline = false,
         };
-        return dummyUser;
+        return dummyLicense;
     }
 
     private OperationResult ParseUsers()
@@ -161,14 +167,14 @@ private OperationResult ParseUsers()
             var rkpdCheck = Encoding.ASCII.GetString(_rksysData, rkpdOffset, RkpdMagic.Length) == RkpdMagic;
             if (!rkpdCheck)
             {
-                Licenses.Users.Add(CreateDummyUser());
+                Licenses.Users.Add(CreateDummyLicense());
                 continue;
             }
 
             var user = ParseLicenseUser(rkpdOffset);
             if (user.IsFailure)
             {
-                Licenses.Users.Add(CreateDummyUser());
+                Licenses.Users.Add(CreateDummyLicense());
                 continue;
             }
             Licenses.Users.Add(user.Value);
@@ -177,7 +183,7 @@ private OperationResult ParseUsers()
         // Keep this here so we always have 4 users if the code above were to be changed
         while (Licenses.Users.Count < 4)
         {
-            Licenses.Users.Add(CreateDummyUser());
+            Licenses.Users.Add(CreateDummyLicense());
         }
         return Ok();
     }
@@ -262,6 +268,45 @@ private void ParseFriends(LicenseProfile licenseProfile, int userOffset)
         }
     }
 
+    public OperationResult ChangeMii(int userIndex, Mii? newMii)
+    {
+        if (newMii is null)
+            return "Mii cannot be null.";
+        if (userIndex is < 0 or >= MaxPlayerNum)
+            return "Invalid license index. Please select a valid license.";
+
+        var serialised = MiiSerializer.Serialize(newMii);
+        if (serialised.IsFailure)
+            return serialised.Error!.Message;
+
+        var existing = _miiService.GetByAvatarId(newMii.MiiId);
+        if (existing.IsFailure)
+            return existing.Error!.Message;
+
+        var licence = Licenses.Users[userIndex];
+        licence.Mii = newMii;
+
+        if (_rksysData is null || _rksysData.Length < RksysSize)
+            return "Invalid or unloaded rksys.dat data.";
+
+        var rkpdOffset = 0x08 + userIndex * RkpdSize;
+        BigEndianBinaryReader.WriteUInt32BigEndian(_rksysData, rkpdOffset + 0x28, newMii.MiiId); // Avatar ID
+
+        var systemid = newMii.SystemId0 << 24 | newMii.SystemId1 << 16 | newMii.SystemId2 << 8 | newMii.SystemId3;
+
+        BigEndianBinaryReader.WriteUInt32BigEndian(_rksysData, rkpdOffset + 0x2C, (uint)systemid);
+
+        var nameWrite = WriteLicenseNameToSaveData(userIndex, newMii.Name.ToString());
+        if (nameWrite.IsFailure)
+            return nameWrite.Error!.Message;
+
+        var saveResult = SaveRksysToFile();
+        if (saveResult.IsFailure)
+            return saveResult.Error!.Message;
+
+        return Ok();
+    }
+
     private bool CheckForMiiData(int offset)
     {
         // If the entire 0x4A bytes are zero, we treat it as empty / no Mii data
diff --git a/WheelWizard/Features/WiiManagement/MiiDbService.cs b/WheelWizard/Features/WiiManagement/MiiDbService.cs
index 94cebe51..f30a80c4 100644
--- a/WheelWizard/Features/WiiManagement/MiiDbService.cs
+++ b/WheelWizard/Features/WiiManagement/MiiDbService.cs
@@ -1,4 +1,5 @@
-using WheelWizard.WiiManagement.Domain.Mii;
+using Testably.Abstractions;
+using WheelWizard.WiiManagement.Domain.Mii;
 
 namespace WheelWizard.WiiManagement;
 
@@ -34,21 +35,31 @@ public interface IMiiDbService
     /// <param name="newName">The new name to assign to the Mii.</param>
     /// <returns>An <see cref="OperationResult"/> indicating success or failure.</returns>
     OperationResult UpdateName(uint clientId, string newName);
-}
 
-public class MiiDbService : IMiiDbService
-{
-    private readonly IMiiRepository _repository;
+    /// <summary>
+    /// Adds a new Mii to the database.
+    /// </summary>
+    /// <param name="newMii"></param>
+    /// <param name="macAddress"></param>
+    OperationResult AddToDatabase(Mii? newMii, string macAddress);
 
-    public MiiDbService(IMiiRepository repository)
-    {
-        _repository = repository;
-    }
+    /// <summary>
+    /// Removes (deletes) the Mii with the given client ID by zeroing out its slot.
+    /// </summary>
+    OperationResult Remove(uint clientId);
+
+    /// <summary>
+    /// Whether the database exists or not.
+    /// </summary>
+    bool Exists();
+}
 
+public class MiiDbService(IMiiRepositoryService repository, IRandomSystem randomSystem) : IMiiDbService
+{
     public List<Mii> GetAllMiis()
     {
         var result = new List<Mii>();
-        var blocks = _repository.LoadAllBlocks();
+        var blocks = repository.LoadAllBlocks();
 
         foreach (var block in blocks)
         {
@@ -60,9 +71,11 @@ public List<Mii> GetAllMiis()
         return result;
     }
 
+    public bool Exists() => repository.Exists();
+
     public OperationResult<Mii> GetByAvatarId(uint avatarId)
     {
-        var raw = _repository.GetRawBlockByAvatarId(avatarId);
+        var raw = repository.GetRawBlockByAvatarId(avatarId);
         if (raw == null || raw.Length != MiiSerializer.MiiBlockSize)
             return "Mii block not found or invalid.";
 
@@ -74,7 +87,7 @@ public OperationResult Update(Mii updatedMii)
         var serialized = MiiSerializer.Serialize(updatedMii);
         if (serialized.IsFailure)
             return serialized;
-        var value = _repository.UpdateBlockByClientId(updatedMii.MiiId, serialized.Value);
+        var value = repository.UpdateBlockByClientId(updatedMii.MiiId, serialized.Value);
         return value;
     }
 
@@ -93,4 +106,110 @@ public OperationResult UpdateName(uint clientId, string newName)
         mii.Name = nameResult.Value;
         return Update(mii);
     }
+
+    public OperationResult AddToDatabase(Mii? newMii, string macAddress)
+    {
+        if (newMii == null)
+            return Fail("Mii cannot be null or have an invalid ID.");
+
+        var macParts = macAddress.Split(':');
+        if (macParts.Length != 6)
+            return Fail("Invalid MAC address format.");
+        newMii.IsInvalid = false;
+
+        var getMacAddress = TryCatch(() =>
+        {
+            var macBytes = new byte[6];
+            for (var i = 0; i < 6; i++)
+                macBytes[i] = byte.Parse(macParts[i], System.Globalization.NumberStyles.HexNumber);
+            newMii.SystemId0 = (byte)((macBytes[0] + macBytes[1] + macBytes[2]) & 0xFF);
+            newMii.SystemId1 = macBytes[3];
+            newMii.SystemId2 = macBytes[4];
+            newMii.SystemId3 = macBytes[5];
+        });
+        if (getMacAddress.IsFailure)
+            return getMacAddress;
+
+        var miiId = GenerateMiiId();
+        newMii.MiiId1 = miiId[0];
+        newMii.MiiId2 = miiId[1];
+        newMii.MiiId3 = miiId[2];
+        newMii.MiiId4 = miiId[3];
+
+        var serialized = MiiSerializer.Serialize(newMii);
+
+        if (serialized.IsFailure)
+            return serialized;
+
+        var result = repository.AddMiiToBlocks(serialized.Value);
+        return result;
+    }
+
+    private static readonly object _miiIdLock = new();
+    private static uint _lastCounter;
+    private static uint _sequenceOffset;
+
+    // This took me days to figure out :))))
+    // The Mii ID is a 32-bit unsigned integer,
+    // where the first 3 bits are used to indicate the type of Mii i think
+    // The remaining 29 bits are a counter that increments every 4 seconds from a fixed epoch (January 1, 2006).
+    // For our implementation the counter is incremented by a sequence offset to ensure uniqueness even if the function is called multiple times in the same tick.
+    private static byte[] GenerateMiiId(bool isBlue = false)
+    {
+        // Epoch for Wii: January 1, 2006 UTC
+        var epoch = new DateTime(2006, 1, 1, 0, 0, 0, DateTimeKind.Utc);
+        // Current time in UTC
+        var now = DateTime.UtcNow;
+
+        // Compute base tick (4‑second resolution)
+        uint baseCounter = (uint)((now - epoch).TotalSeconds / 4u);
+
+        uint actualCounter;
+        lock (_miiIdLock)
+        {
+            if (baseCounter == _lastCounter)
+            {
+                // same tick as last time: bump the offset
+                _sequenceOffset++;
+            }
+            else
+            {
+                // new tick: reset offset
+                _lastCounter = baseCounter;
+                _sequenceOffset = 0;
+            }
+            actualCounter = baseCounter + _sequenceOffset;
+        }
+
+        var prefixBits = isBlue ? 0b110u : 0b100u;
+        var miiId =
+            (prefixBits << 29) // top 3 bits
+            | (actualCounter & 0x1FFFFFFFu); // lower 29 bits
+
+        return [(byte)(miiId >> 24), (byte)(miiId >> 16), (byte)(miiId >> 8), (byte)(miiId)];
+    }
+
+    public OperationResult Remove(uint clientId)
+    {
+        if (clientId == 0)
+            return Fail("Invalid client ID.");
+        var emptyBlock = new byte[74];
+        return repository.UpdateBlockByClientId(clientId, emptyBlock);
+    }
+
+    public static uint GenerateCustomMiiId()
+    {
+        var rng = Random.Shared;
+
+        // Byte 0: ensure high bit = 1 (so ID ≥ 0x80000000)
+        var b0 = (byte)(rng.Next(0, 0x40) | 0x80);
+
+        // Bytes 1–3: fully random
+        var b1 = (byte)rng.Next(0, 0x100);
+        var b2 = (byte)rng.Next(0, 0x100);
+        var b3 = (byte)rng.Next(0, 0x100);
+
+        // Combine into big‑endian uint:
+        return ((uint)b0 << 24) | ((uint)b1 << 16) | ((uint)b2 << 8) | (uint)b3;
+    }
 }
diff --git a/WheelWizard/Features/WiiManagement/MiiRepositoryService.cs b/WheelWizard/Features/WiiManagement/MiiRepositoryService.cs
index 18efe912..f0252a28 100644
--- a/WheelWizard/Features/WiiManagement/MiiRepositoryService.cs
+++ b/WheelWizard/Features/WiiManagement/MiiRepositoryService.cs
@@ -4,7 +4,7 @@
 
 namespace WheelWizard.WiiManagement;
 
-public interface IMiiRepository
+public interface IMiiRepositoryService
 {
     /// <summary>
     /// Loads all 100 Mii data blocks from the Wii Mii database
@@ -32,16 +32,34 @@ public interface IMiiRepository
     /// <param name="clientId">The unique ID of the mii to search for</param>
     /// <param name="newBlock">the new raw Mii data</param>
     OperationResult UpdateBlockByClientId(uint clientId, byte[] newBlock);
+
+    /// <summary>
+    /// Adds a new Mii block to the database.
+    /// </summary>
+    /// <param name="rawMiiData"></param>
+    OperationResult AddMiiToBlocks(byte[] rawMiiData);
+
+    /// <summary>
+    /// Whether the database file exists or not.
+    /// </summary>
+    bool Exists();
+
+    /// <summary>
+    /// Forcefully creates a new database file.
+    /// </summary>
+    /// <returns></returns>
+    OperationResult ForceCreateDatabase();
 }
 
-public class MiiRepositoryService(IFileSystem fileSystem) : IMiiRepository
+public class MiiRepositoryServiceService(IFileSystem fileSystem) : IMiiRepositoryService
 {
+    private readonly IFileSystem _fileSystem;
     private const int MiiLength = 74;
     private const int MaxMiiSlots = 100;
     private const int CrcOffset = 0x1F1DE;
     private const int HeaderOffset = 0x04;
-    private static readonly byte[] EmptyMii = Enumerable.Repeat((byte)0xFF, MiiLength).ToArray();
-    private readonly string _filePath = PathManager.WiiDbFile;
+    private static readonly byte[] EmptyMii = Enumerable.Repeat((byte)0x00, MiiLength).ToArray();
+    private string _miiDbFilePath => PathManager.MiiDbFile;
 
     public List<byte[]> LoadAllBlocks()
     {
@@ -69,14 +87,26 @@ public List<byte[]> LoadAllBlocks()
 
     public OperationResult SaveAllBlocks(List<byte[]> blocks)
     {
-        if (!fileSystem.File.Exists(_filePath))
+        if (!fileSystem.File.Exists(_miiDbFilePath))
             return "RFL_DB.dat not found.";
 
         var db = ReadDatabase();
+        if (db.Length >= CrcOffset + 2)
+        {
+            // compute CRC over everything before CrcOffset
+            ushort existingCrc = (ushort)((db[CrcOffset] << 8) | db[CrcOffset + 1]);
+            ushort calcCrc = CalculateCrc16(db, 0, CrcOffset);
+
+            if (existingCrc != calcCrc)
+            {
+                return Fail($"Corrupt Mii database (bad CRC 0x{existingCrc:X4}, expected 0x{calcCrc:X4}).");
+            }
+        }
+
         using var ms = new MemoryStream(db);
         ms.Seek(HeaderOffset, SeekOrigin.Begin);
 
-        for (int i = 0; i < MaxMiiSlots; i++)
+        for (var i = 0; i < MaxMiiSlots; i++)
         {
             var block = i < blocks.Count ? blocks[i] : EmptyMii;
             ms.Write(block, 0, MiiLength);
@@ -89,7 +119,7 @@ public OperationResult SaveAllBlocks(List<byte[]> blocks)
             db[CrcOffset + 1] = (byte)(crc & 0xFF);
         }
 
-        fileSystem.File.WriteAllBytes(_filePath, db);
+        fileSystem.File.WriteAllBytes(_miiDbFilePath, db);
         return Ok();
     }
 
@@ -112,13 +142,53 @@ public OperationResult SaveAllBlocks(List<byte[]> blocks)
         return null;
     }
 
+    public bool Exists() => fileSystem.File.Exists(_miiDbFilePath);
+
+    public OperationResult ForceCreateDatabase()
+    {
+        if (fileSystem.File.Exists(_miiDbFilePath))
+            return "Database already exists.";
+
+        var directory = Path.GetDirectoryName(_miiDbFilePath);
+        if (!string.IsNullOrEmpty(directory) && !fileSystem.Directory.Exists(directory))
+        {
+            fileSystem.Directory.CreateDirectory(directory);
+        }
+
+        var db = new byte[779_968];
+        // first 4 bytes should be the RNOD magic "RNOD"
+        db[0] = 0x52;
+        db[1] = 0x4E;
+        db[2] = 0x4F;
+        db[3] = 0x44;
+
+        db[0x1CE0 + 0x0C] = 0x80;
+        //and at offset 0x01d00 we have the RNHD magic "RNHD"
+        db[0x1D00] = 0x52;
+        db[0x1D01] = 0x4E;
+        db[0x1D02] = 0x48;
+        db[0x1D03] = 0x44;
+
+        db[0x1D04] = 0xFF;
+        db[0x1D05] = 0xFF;
+        db[0x1D06] = 0xFF;
+        db[0x1D07] = 0xFF;
+
+        var crc = CalculateCrc16(db, 0, CrcOffset);
+        db[CrcOffset] = (byte)(crc >> 8);
+        db[CrcOffset + 1] = (byte)(crc & 0xFF);
+        fileSystem.File.WriteAllBytes(_miiDbFilePath, db);
+
+        return Ok();
+    }
+
     public OperationResult UpdateBlockByClientId(uint clientId, byte[] newBlock)
     {
         if (clientId == 0)
             return "Invalid ClientId.";
         if (newBlock.Length != MiiLength)
             return "Mii block size invalid.";
-        if (!fileSystem.File.Exists(_filePath))
+        if (!fileSystem.File.Exists(_miiDbFilePath))
             return "RFL_DB.dat not found.";
 
         var allBlocks = LoadAllBlocks();
@@ -149,7 +219,7 @@ private byte[] ReadDatabase()
     {
         try
         {
-            return fileSystem.File.Exists(_filePath) ? fileSystem.File.ReadAllBytes(_filePath) : [];
+            return Exists() ? fileSystem.File.ReadAllBytes(_miiDbFilePath) : [];
         }
         catch
         {
@@ -160,13 +230,40 @@ private byte[] ReadDatabase()
     private static ushort CalculateCrc16(byte[] buf, int off, int len)
     {
         const ushort poly = 0x1021;
-        ushort crc = 0xFFFF; // correct seed
-        for (int i = off; i < off + len; i++)
+        ushort crc = 0x0000;
+        for (var i = off; i < off + len; i++)
         {
             crc ^= (ushort)(buf[i] << 8);
-            for (int b = 0; b < 8; b++)
+            for (var b = 0; b < 8; b++)
                 crc = (crc & 0x8000) != 0 ? (ushort)((crc << 1) ^ poly) : (ushort)(crc << 1);
         }
         return crc;
     }
+
+    public OperationResult AddMiiToBlocks(byte[]? rawMiiData)
+    {
+        if (rawMiiData is not { Length: MiiLength })
+            return "Invalid Mii block size.";
+
+        // Load all 100 blocks.
+        var blocks = LoadAllBlocks();
+        var inserted = false;
+
+        // Look for an empty slot.
+        for (var i = 0; i < blocks.Count; i++)
+        {
+            if (!blocks[i].SequenceEqual(EmptyMii))
+                continue;
+
+            blocks[i] = rawMiiData;
+            inserted = true;
+            break;
+        }
+
+        if (!inserted)
+            return "No empty Mii slot available.";
+
+        // Save the updated blocks back to the database.
+        return SaveAllBlocks(blocks);
+    }
 }
diff --git a/WheelWizard/Features/WiiManagement/MiiSerializer.cs b/WheelWizard/Features/WiiManagement/MiiSerializer.cs
index 50275c81..057b86be 100644
--- a/WheelWizard/Features/WiiManagement/MiiSerializer.cs
+++ b/WheelWizard/Features/WiiManagement/MiiSerializer.cs
@@ -142,6 +142,8 @@ public static OperationResult<byte[]> Serialize(Mii? mii)
         return data;
     }
 
+    public static OperationResult<Mii> Deserialize(string data) => Deserialize(Convert.FromBase64String(data));
+
     public static OperationResult<Mii> Deserialize(byte[]? data)
     {
         if (data == null || data.Length != 74)
diff --git a/WheelWizard/Features/WiiManagement/WiiManagementExtensions.cs b/WheelWizard/Features/WiiManagement/WiiManagementExtensions.cs
index 5ccec3d7..ee8f6230 100644
--- a/WheelWizard/Features/WiiManagement/WiiManagementExtensions.cs
+++ b/WheelWizard/Features/WiiManagement/WiiManagementExtensions.cs
@@ -1,12 +1,43 @@
-namespace WheelWizard.WiiManagement;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.WiiManagement;
 
 public static class WiiManagementExtensions
 {
     public static IServiceCollection AddWiiManagement(this IServiceCollection services)
     {
         services.AddSingleton<IMiiDbService, MiiDbService>();
-        services.AddSingleton<IMiiRepository, MiiRepositoryService>();
+        services.AddSingleton<IMiiRepositoryService, MiiRepositoryServiceService>();
         services.AddSingleton<IGameLicenseSingletonService, GameLicenseSingletonService>();
         return services;
     }
+
+    public static bool IsTheSameAs(this Mii self, Mii? other)
+    {
+        if (other == null)
+            return false;
+
+        var selfBytes = MiiSerializer.Serialize(self);
+        if (selfBytes.IsFailure)
+            return false;
+
+        var otherBytes = MiiSerializer.Serialize(other);
+        if (otherBytes.IsFailure)
+            return false;
+
+        return Convert.ToBase64String(selfBytes.Value) == Convert.ToBase64String(otherBytes.Value);
+    }
+
+    public static OperationResult<Mii> Clone(this Mii self)
+    {
+        // This is not the fastest way to clone, but it is the easiest way.
+        var selfBytes = MiiSerializer.Serialize(self);
+        if (selfBytes.IsFailure)
+            return selfBytes.Error;
+        var cloneResult = MiiSerializer.Deserialize(selfBytes.Value);
+        if (cloneResult.IsFailure)
+            return cloneResult.Error;
+        ; // watermark by wanttobeeme
+        return cloneResult.Value;
+    }
 }
diff --git a/WheelWizard/Resources/Languages/Common.Designer.cs b/WheelWizard/Resources/Languages/Common.Designer.cs
index 27921063..72aa9f12 100644
--- a/WheelWizard/Resources/Languages/Common.Designer.cs
+++ b/WheelWizard/Resources/Languages/Common.Designer.cs
@@ -68,6 +68,15 @@ public static string Action_Apply {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Back.
+        /// </summary>
+        public static string Action_Back {
+            get {
+                return ResourceManager.GetString("Action_Back", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Browse.
         /// </summary>
@@ -113,6 +122,15 @@ public static string Action_DisableAll {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Duplicate.
+        /// </summary>
+        public static string Action_Duplicate {
+            get {
+                return ResourceManager.GetString("Action_Duplicate", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Edit.
         /// </summary>
@@ -248,6 +266,15 @@ public static string Action_Save {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Add Mii to &quot;My Miis&quot;.
+        /// </summary>
+        public static string Action_SaveExternalMii {
+            get {
+                return ResourceManager.GetString("Action_SaveExternalMii", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Update.
         /// </summary>
@@ -257,6 +284,15 @@ public static string Action_Update {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to View Mii.
+        /// </summary>
+        public static string Action_ViewMii {
+            get {
+                return ResourceManager.GetString("Action_ViewMii", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to View Mod.
         /// </summary>
@@ -356,6 +392,15 @@ public static string PageTitle_Mods {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to My Miis.
+        /// </summary>
+        public static string PageTitle_MyMiis {
+            get {
+                return ResourceManager.GetString("PageTitle_MyMiis", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to My profiles.
         /// </summary>
diff --git a/WheelWizard/Resources/Languages/Common.nl.resx b/WheelWizard/Resources/Languages/Common.nl.resx
index 5cb923a6..91ba4d77 100644
--- a/WheelWizard/Resources/Languages/Common.nl.resx
+++ b/WheelWizard/Resources/Languages/Common.nl.resx
@@ -180,4 +180,19 @@
     <data name="Action_ViewMod" xml:space="preserve">
         <value>Bekijk Mod</value>
     </data>
+    <data name="PageTitle_MyMiis" xml:space="preserve">
+        <value>Mijn Mii's</value>
+    </data>
+    <data name="Action_SaveExternalMii" xml:space="preserve">
+        <value>Voeg Mii toe aan "Mijn Mii's"</value>
+    </data>
+    <data name="Action_ViewMii" xml:space="preserve">
+        <value>Bekijk Mii</value>
+    </data>
+    <data name="Action_Duplicate" xml:space="preserve">
+        <value>Dupliceer</value>
+    </data>
+    <data name="Action_Back" xml:space="preserve">
+        <value>Terug</value>
+    </data>
 </root>
\ No newline at end of file
diff --git a/WheelWizard/Resources/Languages/Common.resx b/WheelWizard/Resources/Languages/Common.resx
index 8119e9c3..8d5e6e8e 100644
--- a/WheelWizard/Resources/Languages/Common.resx
+++ b/WheelWizard/Resources/Languages/Common.resx
@@ -180,4 +180,19 @@
     <data name="Action_ViewMod" xml:space="preserve">
         <value>View Mod</value>
     </data>
+    <data name="Action_SaveExternalMii" xml:space="preserve">
+        <value>Add Mii to "My Miis"</value>
+    </data>
+    <data name="PageTitle_MyMiis" xml:space="preserve">
+        <value>My Miis</value>
+    </data>
+    <data name="Action_ViewMii" xml:space="preserve">
+        <value>View Mii</value>
+    </data>
+    <data name="Action_Duplicate" xml:space="preserve">
+        <value>Duplicate</value>
+    </data>
+    <data name="Action_Back" xml:space="preserve">
+        <value>Back</value>
+    </data>
 </root>
\ No newline at end of file
diff --git a/WheelWizard/Resources/Languages/Online.Designer.cs b/WheelWizard/Resources/Languages/Online.Designer.cs
index 43439103..e11ca3f7 100644
--- a/WheelWizard/Resources/Languages/Online.Designer.cs
+++ b/WheelWizard/Resources/Languages/Online.Designer.cs
@@ -77,6 +77,15 @@ public static string ListTitle_Friends {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to Miis.
+        /// </summary>
+        public static string ListTitle_Miis {
+            get {
+                return ResourceManager.GetString("ListTitle_Miis", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Players.
         /// </summary>
diff --git a/WheelWizard/Resources/Languages/Online.nl.resx b/WheelWizard/Resources/Languages/Online.nl.resx
index e5673ce0..951f7d79 100644
--- a/WheelWizard/Resources/Languages/Online.nl.resx
+++ b/WheelWizard/Resources/Languages/Online.nl.resx
@@ -81,4 +81,7 @@
     <data name="Stat_RoomID" xml:space="preserve">
         <value>Lobby ID</value>
     </data>
+    <data name="ListTitle_Miis" xml:space="preserve">
+        <value>Mii's</value>
+    </data>
 </root>
\ No newline at end of file
diff --git a/WheelWizard/Resources/Languages/Online.resx b/WheelWizard/Resources/Languages/Online.resx
index babe5eb4..438d7750 100644
--- a/WheelWizard/Resources/Languages/Online.resx
+++ b/WheelWizard/Resources/Languages/Online.resx
@@ -84,4 +84,7 @@
     <data name="Stat_AverageRoomVr" xml:space="preserve">
         <value>Avarage VR</value>
     </data>
+    <data name="ListTitle_Miis" xml:space="preserve">
+        <value>Miis</value>
+    </data>
 </root>
\ No newline at end of file
diff --git a/WheelWizard/Resources/Languages/Phrases.Designer.cs b/WheelWizard/Resources/Languages/Phrases.Designer.cs
index a6812099..175e7d6a 100644
--- a/WheelWizard/Resources/Languages/Phrases.Designer.cs
+++ b/WheelWizard/Resources/Languages/Phrases.Designer.cs
@@ -77,6 +77,24 @@ public static string EmptyText_NoFriends_Title {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to We cant read the Mii data from your system. Make sure you started the game at least once.
+        /// </summary>
+        public static string EmptyText_NoMiis {
+            get {
+                return ResourceManager.GetString("EmptyText_NoMiis", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to No Miis yet!.
+        /// </summary>
+        public static string EmptyText_NoMiis_Title {
+            get {
+                return ResourceManager.GetString("EmptyText_NoMiis_Title", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to Mods can alter how the game works. Start importing your first mod by clicking the button below..
         /// </summary>
@@ -268,7 +286,7 @@ public static string PopupText_DolphinFound {
         }
         
         /// <summary>
-        ///   Looks up a localized string similar to If you dont know what all of this means, just click yes :) \nDolphin Emulator folder found. Would you like to use this folder?.
+        ///   Looks up a localized string similar to Dolphin Emulator folder found. Would you like to use this folder? If you dont know what all of this means, just click yes :).
         /// </summary>
         public static string PopupText_DolphinFoundText {
             get {
diff --git a/WheelWizard/Resources/Languages/Phrases.nl.resx b/WheelWizard/Resources/Languages/Phrases.nl.resx
index 29fac89b..b11d68a2 100644
--- a/WheelWizard/Resources/Languages/Phrases.nl.resx
+++ b/WheelWizard/Resources/Languages/Phrases.nl.resx
@@ -261,4 +261,10 @@ Om aan een specifieke lobby, moet je deelnemen via een vriend, of hopen deel te
     <data name="PopupText_RRNotDeterment" xml:space="preserve">
         <value>Je versie van Retro Rewind kon niet worden bepaald. Wil je Retro Rewind downloaden?</value>
     </data>
+    <data name="EmptyText_NoMiis_Title" xml:space="preserve">
+        <value>Je hebt nog geen Mii's</value>
+    </data>
+    <data name="EmptyText_NoMiis" xml:space="preserve">
+        <value>We kunnen niet de Mii data van je systeem aflezen. Zorg dat je het spel minimaal 1 keer hebt opgestart</value>
+    </data>
 </root>
\ No newline at end of file
diff --git a/WheelWizard/Resources/Languages/Phrases.resx b/WheelWizard/Resources/Languages/Phrases.resx
index c8bb7586..eb79a57b 100644
--- a/WheelWizard/Resources/Languages/Phrases.resx
+++ b/WheelWizard/Resources/Languages/Phrases.resx
@@ -271,4 +271,10 @@ To join a specific room, you'll need to either join through a friend, or hope to
     <data name="PopupText_ReinstallQuestion" xml:space="preserve">
         <value>Are you sure you want to reinstall Retro Rewind?</value>
     </data>
+    <data name="EmptyText_NoMiis_Title" xml:space="preserve">
+        <value>No Miis yet!</value>
+    </data>
+    <data name="EmptyText_NoMiis" xml:space="preserve">
+        <value>We cant read the Mii data from your system. Make sure you started the game at least once</value>
+    </data>
 </root>
\ No newline at end of file
diff --git a/WheelWizard/Services/PathManager.cs b/WheelWizard/Services/PathManager.cs
index 503a4000..7ef11c3e 100644
--- a/WheelWizard/Services/PathManager.cs
+++ b/WheelWizard/Services/PathManager.cs
@@ -35,7 +35,7 @@ public static class PathManager
     public static readonly string RetroRewindTempFile = Path.Combine(TempModsFolderPath, "RetroRewind.zip");
     public static string RetroRewindVersionFile => Path.Combine(RetroRewind6FolderPath, "version.txt");
     public static string WiiDbFolder => Path.Combine(WiiFolderPath, "shared2", "menu", "FaceLib");
-    public static string WiiDbFile => Path.Combine(WiiDbFolder, "RFL_DB.dat");
+    public static string MiiDbFile => Path.Combine(WiiDbFolder, "RFL_DB.dat");
 
     //In case it is unclear, the mods folder is a folder with mods that are desired to be installed (if enabled)
     //When launching we want to move the mods from the Mods folder to the MyStuff folder since that is the folder the game uses
diff --git a/WheelWizard/Services/Settings/SettingsManager.cs b/WheelWizard/Services/Settings/SettingsManager.cs
index 48207466..9baa77af 100644
--- a/WheelWizard/Services/Settings/SettingsManager.cs
+++ b/WheelWizard/Services/Settings/SettingsManager.cs
@@ -140,6 +140,13 @@ public class SettingsManager
     private static Setting DOLPHIN_MSAA = new DolphinSetting(typeof(string), ("GFX.ini", "Settings", "MSAA"), "0x00000001").SetValidation(
         value => (value?.ToString() ?? "") is "0x00000001" or "0x00000002" or "0x00000004" or "0x00000008"
     );
+
+    //Readonly settings
+    public static readonly Setting MACADDRESS = new DolphinSetting(
+        typeof(string),
+        ("Dolphin.ini", "General", "WirelessMac"),
+        "02:01:02:03:04:05"
+    );
     #endregion
 
     #region Virtual Settings
diff --git a/WheelWizard/Services/Storage/FilePickerHelper.cs b/WheelWizard/Services/Storage/FilePickerHelper.cs
index f58b6e98..fc1a00bc 100644
--- a/WheelWizard/Services/Storage/FilePickerHelper.cs
+++ b/WheelWizard/Services/Storage/FilePickerHelper.cs
@@ -131,4 +131,33 @@ public static void OpenFolderInFileManager(string folderPath)
 
         Process.Start(info);
     }
+
+    public static async Task<string?> SaveFileAsync(
+        string title,
+        IEnumerable<FilePickerFileType> fileTypes,
+        string defaultFileName = "untitled",
+        IStorageFolder? suggestedStartLocation = null
+    )
+    {
+        var storageProvider = Application.Current?.ApplicationLifetime as IClassicDesktopStyleApplicationLifetime;
+        if (storageProvider == null)
+            return null;
+
+        var topLevel = TopLevel.GetTopLevel(storageProvider.MainWindow);
+        if (topLevel?.StorageProvider == null)
+            return null;
+
+        var file = await topLevel.StorageProvider.SaveFilePickerAsync(
+            new FilePickerSaveOptions
+            {
+                Title = title,
+                SuggestedStartLocation = suggestedStartLocation,
+                SuggestedFileName = defaultFileName,
+                FileTypeChoices = fileTypes.ToList(),
+                ShowOverwritePrompt = true,
+            }
+        );
+
+        return file?.Path.LocalPath;
+    }
 }
diff --git a/WheelWizard/SetupExtensions.cs b/WheelWizard/SetupExtensions.cs
index f5b739f8..77086d9c 100644
--- a/WheelWizard/SetupExtensions.cs
+++ b/WheelWizard/SetupExtensions.cs
@@ -34,6 +34,7 @@ public static void AddWheelWizardServices(this IServiceCollection services)
         // IO Abstractions
         services.AddSingleton<IFileSystem, RealFileSystem>();
         services.AddSingleton<ITimeSystem, RealTimeSystem>();
+        services.AddSingleton<IRandomSystem, RealRandomSystem>();
         services.AddSingleton<IMemoryCache>(_ => new MemoryCache(new MemoryCacheOptions()));
 
         // Logging
diff --git a/WheelWizard/Views/App.axaml b/WheelWizard/Views/App.axaml
index 7abed786..723e5d53 100644
--- a/WheelWizard/Views/App.axaml
+++ b/WheelWizard/Views/App.axaml
@@ -14,12 +14,21 @@
                 <ResourceInclude Source="Styles/Resources/Constants.axaml" />
                 <ResourceInclude Source="Styles/Resources/Icons.axaml" />
                 <ResourceInclude Source="Styles/Resources/MultiIcons.axaml" />
-                
+                <!-- MiiIcons -->
                 <ResourceInclude Source="Styles/Resources/MiiIcons/MiiHair.axaml" />
+                <ResourceInclude Source="Styles/Resources/MiiIcons/MiiEye.axaml" />
+                <ResourceInclude Source="Styles/Resources/MiiIcons/MiiNose.axaml" />
+                <ResourceInclude Source="Styles/Resources/MiiIcons/MiiEyebrow.axaml" />
+                <ResourceInclude Source="Styles/Resources/MiiIcons/MiiGlasses.axaml" />
+                <ResourceInclude Source="Styles/Resources/MiiIcons/MiiMouth.axaml" />
+                <ResourceInclude Source="Styles/Resources/MiiIcons/MiiFace.axaml" />
+                <ResourceInclude Source="Styles/Resources/MiiIcons/MiiMustache.axaml" />
+                <ResourceInclude Source="Styles/Resources/MiiIcons/MiiGoatee.axaml" />
             </ResourceDictionary.MergedDictionaries>
 
             <!-- CONVERTERS -->
             <converters:IsEqualToConverter x:Key="IsEqualTo" />
+            <converters:NullToBoolConverter x:Key="NullToBoolConverter" />
         </ResourceDictionary>
     </Application.Resources>
 
@@ -29,7 +38,7 @@
         <!-- !!Only used for the designer!! -->
         <StyleInclude Source="Styles/Util/MultiColorExampleComponent.axaml" />
         <!-- !!Only used for the designer!! -->
-        
+
         <!-- STYLES -->
         <StyleInclude Source="Styles/Styles/ButtonStyles.axaml" />
         <StyleInclude Source="Styles/Styles/TextStyles.axaml" />
@@ -37,9 +46,11 @@
         <StyleInclude Source="Styles/Styles/MiscStyles.axaml" />
         <StyleInclude Source="Styles/Styles/TextBoxStyles.axaml" />
         <StyleInclude Source="Styles/Styles/DropdownStyles.axaml" />
+        <StyleInclude Source="Styles/Styles/SliderStyles.axaml" />
 
         <!-- STANDARD COMPONENTS -->
         <StyleInclude Source="Components/StandardLibrary/MultiColoredIcon.axaml" />
+        <StyleInclude Source="Components/StandardLibrary/MultiIconRadioButton.axaml" />
         <StyleInclude Source="Components/StandardLibrary/IconLabel.axaml" />
         <StyleInclude Source="Components/StandardLibrary/IconLabelButton.axaml" />
         <StyleInclude Source="Components/StandardLibrary/Button.axaml" />
@@ -48,15 +59,13 @@
         <StyleInclude Source="Components/StandardLibrary/FormFieldLabel.axaml" />
         <StyleInclude Source="Components/StandardLibrary/LoadingIcon.axaml" />
         <StyleInclude Source="Components/StandardLibrary/SidebarRadioButton.axaml" />
+        <StyleInclude Source="Components/StandardLibrary/PopupListButton.axaml" />
 
-        <!-- PAGE SPECIFIC COMPONENTS -->
+        <!-- PAGE/WHWZ SPECIFIC COMPONENTS -->
         <StyleInclude Source="Components/WhWzLibrary/ModBrowserListItem.axaml" />
-        <StyleInclude Source="Components/WhWzLibrary/DetailedProfileBox.axaml" />
         <StyleInclude Source="Components/WhWzLibrary/FriendsListItem.axaml" />
-        <StyleInclude Source="Components/WhWzLibrary/CurrentUserProfile.axaml" />
         <StyleInclude Source="Components/WhWzLibrary/PlayerListItem.axaml" />
         <StyleInclude Source="Components/WhWzLibrary/Badge.axaml" />
-        <StyleInclude Source="Components/WhWzLibrary/MiiImages/MiiImageLoader.axaml" />
-        <StyleInclude Source="Components/WhWzLibrary/MiiImages/MiiCarousel.axaml" />
+        <StyleInclude Source="Components/WhWzLibrary/MiiBlock.axaml" />
     </Application.Styles>
 </Application>
\ No newline at end of file
diff --git a/WheelWizard/Views/BehaviorComponent/AspectGrid.axaml b/WheelWizard/Views/BehaviorComponent/AspectGrid.axaml
new file mode 100644
index 00000000..8cf0eb5f
--- /dev/null
+++ b/WheelWizard/Views/BehaviorComponent/AspectGrid.axaml
@@ -0,0 +1,9 @@
+<Grid xmlns="https://github.com/avaloniaui"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+      x:Class="WheelWizard.Views.BehaviorComponent.AspectGrid"
+      SizeChanged="OnSizeChanged">
+    <ContentPresenter x:Name="ContentHost" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+</Grid>
\ No newline at end of file
diff --git a/WheelWizard/Views/BehaviorComponent/AspectGrid.axaml.cs b/WheelWizard/Views/BehaviorComponent/AspectGrid.axaml.cs
new file mode 100644
index 00000000..93145b55
--- /dev/null
+++ b/WheelWizard/Views/BehaviorComponent/AspectGrid.axaml.cs
@@ -0,0 +1,64 @@
+using Avalonia;
+using Avalonia.Controls;
+
+namespace WheelWizard.Views.BehaviorComponent;
+
+public partial class AspectGrid : Grid
+{
+    #region Properties
+
+    /// <summary>
+    /// Defines the AspectRatio property.
+    /// </summary>
+    public static readonly StyledProperty<double> AspectRatioProperty = AvaloniaProperty.Register<AspectGrid, double>(
+        nameof(AspectRatio),
+        1.0
+    );
+
+    /// <summary>
+    /// Gets or sets the aspect ratio. Default is 1.0 (square).
+    /// </summary>
+    public double AspectRatio
+    {
+        get => GetValue(AspectRatioProperty);
+        set => SetValue(AspectRatioProperty, value);
+    }
+
+    /// <summary>
+    /// Defines the UseMaxDimension property.
+    /// </summary>
+    public static readonly StyledProperty<bool> UseMaxDimensionProperty = AvaloniaProperty.Register<AspectGrid, bool>(
+        nameof(UseMaxDimension)
+    );
+
+    /// <summary>
+    /// Gets or sets whether to use the maximum dimension for sizing.
+    /// If true, uses the larger of width/height. If false, uses the smaller.
+    /// </summary>
+    public bool UseMaxDimension
+    {
+        get => GetValue(UseMaxDimensionProperty);
+        set => SetValue(UseMaxDimensionProperty, value);
+    }
+
+    #endregion
+
+    public AspectGrid()
+    {
+        InitializeComponent();
+    }
+
+    private void OnSizeChanged(object sender, SizeChangedEventArgs e)
+    {
+        if (e.NewSize.Width <= 0 || e.NewSize.Height <= 0)
+            return;
+
+        var heightSize = UseMaxDimension
+            ? Math.Max(e.NewSize.Width / AspectRatio, e.NewSize.Height)
+            : Math.Min(e.NewSize.Width / AspectRatio, e.NewSize.Height);
+
+        // Set both width and height to the larger dimension to create a square
+        Width = heightSize * AspectRatio;
+        Height = heightSize;
+    }
+}
diff --git a/WheelWizard/Views/BehaviorComponent/CurrentUserProfile.axaml b/WheelWizard/Views/BehaviorComponent/CurrentUserProfile.axaml
new file mode 100644
index 00000000..69369396
--- /dev/null
+++ b/WheelWizard/Views/BehaviorComponent/CurrentUserProfile.axaml
@@ -0,0 +1,46 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:behaviorComponent="clr-namespace:WheelWizard.Views.BehaviorComponent"
+             xmlns:miiVars="using:WheelWizard.MiiImages.Domain"
+             x:Class="WheelWizard.Views.BehaviorComponent.CurrentUserProfile"
+             x:DataType="behaviorComponent:CurrentUserProfile">
+
+    <StackPanel Orientation="Horizontal" Background="Transparent">
+        <StackPanel Orientation="Vertical" HorizontalAlignment="Right"
+                    VerticalAlignment="Center">
+            <TextBlock HorizontalAlignment="Right" VerticalAlignment="Center"
+                       Classes="SidebarSectionText" x:Name="PlayerNameBlock"
+                       Text="{Binding UserName}"
+                       Margin="0,0,10,0" />
+            <TextBlock HorizontalAlignment="Right" VerticalAlignment="Center"
+                       Classes="TinyText" x:Name="FriendCodeBlock"
+                       Text="{Binding FriendCode}"
+                       Margin="0,0,10,0" />
+        </StackPanel>
+
+        <Border CornerRadius="999999" ClipToBounds="True" Background="{StaticResource Neutral900}"
+                Width="50" Height="50" x:Name="Part_MiiBall">
+            <behaviorComponent:MiiImageLoader HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
+                                              LoadingColor="{StaticResource Neutral600}"
+                                              Mii="{Binding Mii}" x:Name="Part_MiiImage"
+                                              FallBackColor="{StaticResource Neutral600}"
+                                              ImageVariant="{x:Static miiVars:MiiImageVariants.CurrentUserSmall}" />
+        </Border>
+
+        <StackPanel.Styles>
+            <Style Selector="StackPanel:pointerover">
+                <Setter Property="Cursor" Value="Hand"/>
+                <Style Selector="^ Border#Part_MiiBall">
+                    <Setter Property="Background" Value="{StaticResource Neutral800}"/>
+                </Style>
+                <Style Selector="^ behaviorComponent|MiiImageLoader#Part_MiiImage">
+                    <Setter Property="LoadingColor" Value="{StaticResource Neutral500}"/>
+                    <Setter Property="FallBackColor" Value="{StaticResource Neutral500}"/>
+                </Style>
+                <Style Selector="^ TextBlock">
+                    <Setter Property="Foreground" Value="{StaticResource Neutral300}"/>
+                </Style>
+            </Style>
+        </StackPanel.Styles>
+    </StackPanel>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Components/WhWzLibrary/CurrentUserProfile.axaml.cs b/WheelWizard/Views/BehaviorComponent/CurrentUserProfile.axaml.cs
similarity index 72%
rename from WheelWizard/Views/Components/WhWzLibrary/CurrentUserProfile.axaml.cs
rename to WheelWizard/Views/BehaviorComponent/CurrentUserProfile.axaml.cs
index 617d60c3..4fa816d7 100644
--- a/WheelWizard/Views/Components/WhWzLibrary/CurrentUserProfile.axaml.cs
+++ b/WheelWizard/Views/BehaviorComponent/CurrentUserProfile.axaml.cs
@@ -1,6 +1,4 @@
-using System.ComponentModel;
-using Avalonia;
-using Avalonia.Controls.Primitives;
+using Avalonia;
 using Avalonia.Input;
 using WheelWizard.Models.Settings;
 using WheelWizard.Resources.Languages;
@@ -9,10 +7,12 @@
 using WheelWizard.WiiManagement;
 using WheelWizard.WiiManagement.Domain.Mii;
 
-namespace WheelWizard.Views.Components;
+namespace WheelWizard.Views.BehaviorComponent;
 
-public class CurrentUserProfile : UserControlBase, INotifyPropertyChanged
+public partial class CurrentUserProfile : UserControlBase
 {
+    #region Properties
+
     [Inject]
     private IGameLicenseSingletonService GameLicenseService { get; set; } = null!;
 
@@ -41,17 +41,19 @@ public string UserName
     public Mii? Mii
     {
         get => GetValue(MiiProperty);
-        set
-        {
-            SetValue(MiiProperty, value);
-            OnPropertyChanged(nameof(Mii));
-        }
+        set => SetValue(MiiProperty, value);
     }
 
-    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
+    #endregion
+
+    public CurrentUserProfile()
     {
-        base.OnApplyTemplate(e);
+        InitializeComponent();
+        DataContext = this;
+
         GameLicenseService.RefreshOnlineStatus();
+        GameLicenseService.LoadLicense();
+
         var currentUser = GameLicenseService.ActiveUser;
 
         var name = currentUser.NameOfMii;
@@ -66,15 +68,4 @@ protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
     }
 
     protected override void OnPointerPressed(PointerPressedEventArgs e) => NavigationManager.NavigateTo<UserProfilePage>();
-
-    #region PropertyChanged
-
-    public event PropertyChangedEventHandler? PropertyChanged;
-
-    protected virtual void OnPropertyChanged(string propertyName)
-    {
-        PropertyChanged?.Invoke(this, new(propertyName));
-    }
-
-    #endregion
 }
diff --git a/WheelWizard/Views/BehaviorComponent/FeedbackTextBox.axaml.cs b/WheelWizard/Views/BehaviorComponent/FeedbackTextBox.axaml.cs
index cb4ede26..8e82392a 100644
--- a/WheelWizard/Views/BehaviorComponent/FeedbackTextBox.axaml.cs
+++ b/WheelWizard/Views/BehaviorComponent/FeedbackTextBox.axaml.cs
@@ -4,7 +4,7 @@
 
 namespace WheelWizard.Views.BehaviorComponent;
 
-public partial class FeedbackTextBox : UserControl
+public partial class FeedbackTextBox : UserControlBase
 {
     #region Properties
 
diff --git a/WheelWizard/Views/BehaviorComponent/MiiImages/BaseMiiImage.cs b/WheelWizard/Views/BehaviorComponent/MiiImages/BaseMiiImage.cs
new file mode 100644
index 00000000..2b07ab07
--- /dev/null
+++ b/WheelWizard/Views/BehaviorComponent/MiiImages/BaseMiiImage.cs
@@ -0,0 +1,167 @@
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using System.Threading;
+using Avalonia;
+using Avalonia.Media.Imaging;
+using Microsoft.Extensions.Logging;
+using WheelWizard.MiiImages;
+using WheelWizard.MiiImages.Domain;
+using WheelWizard.Shared.DependencyInjection;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.BehaviorComponent;
+
+public abstract class BaseMiiImage : UserControlBase, INotifyPropertyChanged
+{
+    public enum ReloadMethodType
+    {
+        ClearAllThenInstanceNew, // Clears all images, then reloads each image when it is loaded
+        ClearAllThenAllNew, // Clears all images, then reloads them when all images are all loaded again
+        KeepAllUntilNew, // reloads all images, and only then swap them (aka, only then send signal out that they are changed)
+        KeepInstanceUntilNew, // reload each image, and swap them if loaded. If there are more images, they will
+    }
+
+    [Inject]
+    protected IMiiImagesSingletonService MiiImageService { get; set; } = null!;
+
+    private bool _miiLoaded;
+    public bool MiiLoaded
+    {
+        get => _miiLoaded;
+        set
+        {
+            if (_miiLoaded == value)
+                return;
+
+            _miiLoaded = value;
+            OnPropertyChanged(nameof(MiiLoaded));
+            if (value)
+                MiiImageLoaded?.Invoke(this, EventArgs.Empty);
+        }
+    }
+
+    private ObservableCollection<Bitmap?> _generatedImages = new();
+    public ObservableCollection<Bitmap?> GeneratedImages
+    {
+        get => _generatedImages;
+        private set
+        {
+            if (_generatedImages == value)
+                return;
+
+            _generatedImages = value;
+            OnPropertyChanged(nameof(GeneratedImages));
+        }
+    }
+
+    public static readonly StyledProperty<ReloadMethodType> ReloadMethodProperty = AvaloniaProperty.Register<
+        BaseMiiImage,
+        ReloadMethodType
+    >(nameof(ReloadMethod));
+
+    public ReloadMethodType ReloadMethod
+    {
+        get => GetValue(ReloadMethodProperty);
+        set => SetValue(ReloadMethodProperty, value);
+    }
+
+    public static readonly StyledProperty<Mii?> MiiProperty = AvaloniaProperty.Register<BaseMiiImage, Mii?>(nameof(Mii), coerce: CoerceMii);
+
+    public Mii? Mii
+    {
+        get => GetValue(MiiProperty);
+        set => SetValue(MiiProperty, value);
+    }
+
+    private static Mii? CoerceMii(AvaloniaObject o, Mii? value)
+    {
+        // Consider casting to BaseMiiImage if MiiImageLoader isn't guaranteed
+        ((BaseMiiImage)o).OnMiiChanged(value);
+        return value;
+    }
+
+    protected abstract void OnMiiChanged(Mii? newMii);
+
+    private CancellationTokenSource? _reloadCts;
+
+    protected async void ReloadImages(Mii? newMii, ICollection<MiiImageSpecifications> variants)
+    {
+        // Cancel and dispose previous operation if any
+        _reloadCts?.Cancel();
+        _reloadCts?.Dispose();
+        _reloadCts = new CancellationTokenSource();
+
+        var cancellationToken = _reloadCts.Token;
+
+        if (ReloadMethod is ReloadMethodType.ClearAllThenAllNew or ReloadMethodType.ClearAllThenInstanceNew)
+        {
+            GeneratedImages.Clear();
+            OnPropertyChanged(nameof(GeneratedImages));
+        }
+
+        MiiLoaded = false;
+        if (newMii == null)
+        {
+            MiiLoaded = true;
+            return;
+        }
+
+        if (ReloadMethod is ReloadMethodType.KeepInstanceUntilNew or ReloadMethodType.ClearAllThenInstanceNew)
+        {
+            var index = 0;
+            foreach (var variant in variants)
+            {
+                if (cancellationToken.IsCancellationRequested)
+                    return;
+                // Assuming GetImageAsync accepts a CancellationToken
+                var imageResult = await MiiImageService.GetImageAsync(newMii, variant);
+                if (cancellationToken.IsCancellationRequested)
+                    return;
+
+                var imageToAdd = imageResult.IsSuccess ? imageResult.Value : null;
+                if (index < GeneratedImages.Count)
+                    GeneratedImages[index] = imageToAdd;
+                else if (index == GeneratedImages.Count)
+                    GeneratedImages.Add(imageToAdd);
+                index++;
+                OnPropertyChanged(nameof(GeneratedImages));
+            }
+        }
+        else if (ReloadMethod is ReloadMethodType.KeepAllUntilNew or ReloadMethodType.ClearAllThenAllNew)
+        {
+            var loadedBitmaps = new List<Bitmap?>();
+            foreach (var variant in variants)
+            {
+                if (cancellationToken.IsCancellationRequested)
+                    return;
+                // Assuming GetImageAsync accepts a CancellationToken
+                var imageResult = await MiiImageService.GetImageAsync(newMii, variant);
+                if (cancellationToken.IsCancellationRequested)
+                    return;
+                loadedBitmaps.Add(imageResult.IsSuccess ? imageResult.Value : null);
+            }
+
+            GeneratedImages.Clear();
+            foreach (var bmp in loadedBitmaps)
+            {
+                GeneratedImages.Add(bmp);
+            }
+            OnPropertyChanged(nameof(GeneratedImages));
+        }
+
+        MiiLoaded = true;
+    }
+
+    public event EventHandler? MiiImageLoaded;
+
+    #region INotifyPropertyChanged
+
+    public new event PropertyChangedEventHandler? PropertyChanged;
+
+    protected virtual void OnPropertyChanged(string propertyName)
+    {
+        PropertyChanged?.Invoke(this, new(propertyName));
+    }
+
+    #endregion
+}
diff --git a/WheelWizard/Views/BehaviorComponent/MiiImages/MiiCarousel.axaml b/WheelWizard/Views/BehaviorComponent/MiiImages/MiiCarousel.axaml
new file mode 100644
index 00000000..708d5a6a
--- /dev/null
+++ b/WheelWizard/Views/BehaviorComponent/MiiImages/MiiCarousel.axaml
@@ -0,0 +1,41 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             xmlns:behaviorComp="clr-namespace:WheelWizard.Views.BehaviorComponent"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:converters="clr-namespace:WheelWizard.Views.Converters"
+             x:Class="WheelWizard.Views.BehaviorComponent.MiiCarousel" x:Name="Self">
+    
+        <Grid ColumnDefinitions="Auto,*,Auto" IsVisible="{Binding GeneratedImages, ElementName=Self, Converter={x:Static 
+                   converters:CollectionConverters.FirstIsNotNull }}">
+            <Border Grid.Column="1" Padding="6" CornerRadius="6" BorderThickness="1" x:Name="ImageBorder"
+                    BorderBrush="{StaticResource BackgroundLineColor}" SizeChanged="ImageBorder_OnSizeChanged">
+                <behaviorComp:AspectGrid ClipToBounds="True" x:Name="MiiImageCounter"
+                                         VerticalAlignment="Stretch">
+                    <Image HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="MiiPreviewImage"
+                           Source="{Binding GeneratedImages, ElementName=Self, Converter={x:Static 
+                   converters:CollectionConverters.First }}" RenderTransformOrigin="0,0"
+                           IsVisible="{Binding GeneratedImages, ElementName=Self, Converter={x:Static 
+                   converters:CollectionConverters.SecondIsNull } }"
+                           />
+                    
+                    <Image HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="MiiImage"
+                           Source="{Binding GeneratedImages, ElementName=Self, Converter={x:Static 
+                   converters:CollectionConverters.Second }}" RenderTransformOrigin="0,0"/>
+                </behaviorComp:AspectGrid>
+            </Border>
+            
+            <components:Button Grid.Column="0" VerticalAlignment="Center" IconData="{StaticResource RotateLeft}"
+                               CornerRadius="99999" IconSize="15" Padding="12" Click="RotateLeft_Click"
+                               Margin="0,0,-20,0"
+                               IsEnabled="{Binding GeneratedImages, ElementName=Self, Converter={x:Static 
+                   converters:CollectionConverters.SecondIsNotNull } }"/>
+            <components:Button Grid.Column="2" VerticalAlignment="Center" IconData="{StaticResource RotateRight}"
+                               CornerRadius="99999" IconSize="15" Padding="12" Click="RotateRight_Click"
+                               Margin="-20,0,0,0"
+                               IsEnabled="{Binding GeneratedImages, ElementName=Self, Converter={x:Static 
+                   converters:CollectionConverters.SecondIsNotNull } }"/>
+        </Grid>
+</UserControl>
diff --git a/WheelWizard/Views/BehaviorComponent/MiiImages/MiiCarousel.axaml.cs b/WheelWizard/Views/BehaviorComponent/MiiImages/MiiCarousel.axaml.cs
new file mode 100644
index 00000000..2fad534e
--- /dev/null
+++ b/WheelWizard/Views/BehaviorComponent/MiiImages/MiiCarousel.axaml.cs
@@ -0,0 +1,98 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using Microsoft.Extensions.Caching.Memory;
+using Microsoft.Extensions.Logging;
+using WheelWizard.MiiImages;
+using WheelWizard.MiiImages.Domain;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.BehaviorComponent;
+
+public partial class MiiCarousel : BaseMiiImage
+{
+    private int CarouselInstanceCount = 1;
+    private int CurrentCarouselInstance = 0;
+
+    public static readonly StyledProperty<MiiImageSpecifications> ImageVariantProperty = AvaloniaProperty.Register<
+        MiiCarousel,
+        MiiImageSpecifications
+    >(nameof(ImageVariant), MiiImageVariants.OnlinePlayerSmall, coerce: CoerceVariant);
+
+    public MiiImageSpecifications ImageVariant
+    {
+        get => GetValue(ImageVariantProperty);
+        set => SetValue(ImageVariantProperty, value);
+    }
+
+    public MiiCarousel()
+    {
+        InitializeComponent();
+    }
+
+    private static MiiImageSpecifications CoerceVariant(AvaloniaObject o, MiiImageSpecifications value)
+    {
+        ((MiiCarousel)o).OnVariantChanged(value);
+        return value;
+    }
+
+    protected void OnVariantChanged(MiiImageSpecifications newSpecifications)
+    {
+        CarouselInstanceCount = newSpecifications.InstanceCount;
+        List<MiiImageSpecifications> variants = [GetPreviewClone(newSpecifications), newSpecifications];
+        if (GeneratedImages.Count > 1)
+            GeneratedImages[1] = null;
+        ReloadImages(Mii, variants);
+        ApplyRotation();
+    }
+
+    protected override void OnMiiChanged(Mii? newMii)
+    {
+        CurrentCarouselInstance = 0;
+        List<MiiImageSpecifications> variants = [GetPreviewClone(ImageVariant), ImageVariant];
+        if (GeneratedImages.Count > 1)
+            GeneratedImages[1] = null;
+        ReloadImages(newMii, variants);
+        ApplyRotation();
+    }
+
+    private MiiImageSpecifications GetPreviewClone(MiiImageSpecifications specifications)
+    {
+        var lowQualityClone = specifications.Clone();
+        lowQualityClone.Size = MiiImageSpecifications.ImageSize.small;
+        lowQualityClone.CachePriority = CacheItemPriority.Low;
+        lowQualityClone.InstanceCount = 1;
+        return lowQualityClone;
+    }
+
+    private void ApplyRotation()
+    {
+        var transGroup = new TransformGroup();
+        transGroup.Children.Add(new ScaleTransform(CarouselInstanceCount, CarouselInstanceCount));
+        transGroup.Children.Add(new TranslateTransform(CurrentCarouselInstance * MiiImage.Bounds.Height * CarouselInstanceCount, 0));
+        MiiImage.RenderTransform = transGroup;
+    }
+
+    private void RotateLeft_Click(object? sender, RoutedEventArgs e)
+    {
+        CurrentCarouselInstance += 1;
+        if (CurrentCarouselInstance > 0)
+            CurrentCarouselInstance -= CarouselInstanceCount;
+        CurrentCarouselInstance %= CarouselInstanceCount;
+        ApplyRotation();
+    }
+
+    private void RotateRight_Click(object? sender, RoutedEventArgs e)
+    {
+        CurrentCarouselInstance -= 1;
+        CurrentCarouselInstance %= CarouselInstanceCount;
+        ApplyRotation();
+    }
+
+    private void ImageBorder_OnSizeChanged(object? sender, SizeChangedEventArgs e)
+    {
+        MiiImageCounter.RenderTransform = new ScaleTransform(1.5, 1.5);
+        MiiImageCounter.Margin = new(0, -ImageBorder.Bounds.Height * 0.4, 0, 0);
+    }
+}
diff --git a/WheelWizard/Views/BehaviorComponent/MiiImages/MiiImageLoader.axaml b/WheelWizard/Views/BehaviorComponent/MiiImages/MiiImageLoader.axaml
new file mode 100644
index 00000000..5b8dd0b9
--- /dev/null
+++ b/WheelWizard/Views/BehaviorComponent/MiiImages/MiiImageLoader.axaml
@@ -0,0 +1,53 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="400" d:DesignHeight="400"
+             x:Class="WheelWizard.Views.BehaviorComponent.MiiImageLoader"
+             xmlns:behaviorComp="clr-namespace:WheelWizard.Views.BehaviorComponent"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:conv="clr-namespace:WheelWizard.Views.Converters"
+             x:DataType="behaviorComp:MiiImageLoader" x:Name="Self"
+             VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
+    <behaviorComp:AspectGrid x:Name="MiiImageContainer" ClipToBounds="True" ColumnDefinitions="*,3*,*"
+                             RowDefinitions="*,3*,*"
+                             VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
+        <components:LoadingIcon HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="MiiLoadingIcon"
+                                Foreground="{Binding LoadingColor, ElementName=Self}" Grid.Column="1" Grid.Row="1" >
+            <components:LoadingIcon.IsVisible>
+                <MultiBinding Converter="{x:Static BoolConverters.And}">
+                    <Binding Path="MiiLoaded" ElementName="Self"
+                             Converter="{x:Static BoolConverters.Not}"/>
+                    <Binding Path="GeneratedImages" ElementName="Self"
+                             Converter="{x:Static conv:CollectionConverters.FirstIsNull}" />
+                </MultiBinding>
+            </components:LoadingIcon.IsVisible>
+        </components:LoadingIcon>
+        
+        <Path HorizontalAlignment="Center" VerticalAlignment="Bottom" Stretch="Uniform"
+                Grid.ColumnSpan="3" Grid.Column="0" Grid.RowSpan="2" Grid.Row="1"
+                  Fill="{Binding FallBackColor, ElementName=Self}" Data="{StaticResource User}">
+            <Path.IsVisible>
+                <MultiBinding Converter="{x:Static BoolConverters.And}">
+                    <Binding Path="GeneratedImages" ElementName="Self"
+                             Converter="{x:Static conv:CollectionConverters.FirstIsNull}" />
+                    <Binding Path="MiiLoaded" ElementName="Self"/>
+                </MultiBinding>
+            </Path.IsVisible>
+        </Path>
+        <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
+              Margin="{Binding ImageOnlyMargin, ElementName=Self}" Grid.ColumnSpan="3" Grid.Column="0" Grid.Row="0" Grid.RowSpan="3">
+           
+            <!-- LowQuality (or Normal if low quality doesn't exist) -->
+            <Image HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
+                   Source="{Binding GeneratedImages, ElementName=Self, Converter={x:Static conv:CollectionConverters.First }}"
+                   IsVisible="{Binding GeneratedImages, ElementName=Self, Converter={x:Static conv:CollectionConverters.SecondIsNull }}"/>
+           
+            <!-- Normal (if low quality exists) -->
+            <Image HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
+                   Source="{Binding GeneratedImages, ElementName=Self, Converter={x:Static conv:CollectionConverters.Second }}"
+                   IsVisible="{Binding GeneratedImages, ElementName=Self, Converter={x:Static conv:CollectionConverters.SecondIsNotNull }}"/>
+        </Grid>
+     
+    </behaviorComp:AspectGrid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/BehaviorComponent/MiiImages/MiiImageLoader.axaml.cs b/WheelWizard/Views/BehaviorComponent/MiiImages/MiiImageLoader.axaml.cs
new file mode 100644
index 00000000..16ef394d
--- /dev/null
+++ b/WheelWizard/Views/BehaviorComponent/MiiImages/MiiImageLoader.axaml.cs
@@ -0,0 +1,119 @@
+using System.Numerics;
+using Avalonia;
+using Avalonia.Media;
+using Microsoft.Extensions.Caching.Memory;
+using WheelWizard.MiiImages;
+using WheelWizard.MiiImages.Domain;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.BehaviorComponent;
+
+public partial class MiiImageLoader : BaseMiiImage
+{
+    #region properties
+
+    public static readonly StyledProperty<bool> LowQualitySpeedupProperty = AvaloniaProperty.Register<MiiCarousel, bool>(
+        nameof(LowQualitySpeedup)
+    );
+
+    public bool LowQualitySpeedup
+    {
+        get => GetValue(LowQualitySpeedupProperty);
+        set => SetValue(LowQualitySpeedupProperty, value);
+    }
+
+    public static readonly StyledProperty<IBrush> LoadingColorProperty = AvaloniaProperty.Register<MiiImageLoader, IBrush>(
+        nameof(LoadingColor),
+        new SolidColorBrush(ViewUtils.Colors.Neutral900)
+    );
+
+    public IBrush LoadingColor
+    {
+        get => GetValue(LoadingColorProperty);
+        set => SetValue(LoadingColorProperty, value);
+    }
+
+    public static readonly StyledProperty<IBrush> FallBackColorProperty = AvaloniaProperty.Register<MiiImageLoader, IBrush>(
+        nameof(FallBackColor),
+        new SolidColorBrush(ViewUtils.Colors.Neutral700)
+    );
+
+    public IBrush FallBackColor
+    {
+        get => GetValue(FallBackColorProperty);
+        set => SetValue(FallBackColorProperty, value);
+    }
+
+    public static readonly StyledProperty<Thickness> ImageOnlyMarginProperty = AvaloniaProperty.Register<MiiImageLoader, Thickness>(
+        nameof(ImageOnlyMargin),
+        enableDataValidation: true
+    );
+
+    public Thickness ImageOnlyMargin
+    {
+        get => GetValue(ImageOnlyMarginProperty);
+        set => SetValue(ImageOnlyMarginProperty, value);
+    }
+
+    public static readonly StyledProperty<MiiImageSpecifications> ImageVariantProperty = AvaloniaProperty.Register<
+        MiiImageLoader,
+        MiiImageSpecifications
+    >(nameof(ImageVariant), MiiImageVariants.OnlinePlayerSmall, coerce: CoerceVariant);
+
+    public MiiImageSpecifications ImageVariant
+    {
+        get => GetValue(ImageVariantProperty);
+        set => SetValue(ImageVariantProperty, value);
+    }
+
+    private static MiiImageSpecifications CoerceVariant(AvaloniaObject o, MiiImageSpecifications value)
+    {
+        ((MiiImageLoader)o).OnVariantChanged(value);
+        return value;
+    }
+
+    #endregion
+
+    public MiiImageLoader()
+    {
+        InitializeComponent();
+    }
+
+    protected void OnVariantChanged(MiiImageSpecifications newSpecifications)
+    {
+        List<MiiImageSpecifications> variants = [];
+
+        if (LowQualitySpeedup)
+        {
+            if (GeneratedImages.Count > 1)
+                GeneratedImages[1] = null;
+            variants.Add(GetLowQualityClone(newSpecifications));
+        }
+
+        variants.Add(newSpecifications);
+        ReloadImages(Mii, variants);
+    }
+
+    protected override void OnMiiChanged(Mii? newMii)
+    {
+        List<MiiImageSpecifications> variants = [];
+
+        if (LowQualitySpeedup)
+        {
+            if (GeneratedImages.Count > 1)
+                GeneratedImages[1] = null;
+            variants.Add(GetLowQualityClone(ImageVariant));
+        }
+
+        variants.Add(ImageVariant);
+        ReloadImages(newMii, variants);
+    }
+
+    private MiiImageSpecifications GetLowQualityClone(MiiImageSpecifications specifications)
+    {
+        var lowQualityClone = specifications.Clone();
+        lowQualityClone.Size = MiiImageSpecifications.ImageSize.small;
+        lowQualityClone.CachePriority = CacheItemPriority.Low;
+        return lowQualityClone;
+    }
+}
diff --git a/WheelWizard/Views/Components/StandardLibrary/IconLabelButton.axaml b/WheelWizard/Views/Components/StandardLibrary/IconLabelButton.axaml
index a12d47d5..12aee26d 100644
--- a/WheelWizard/Views/Components/StandardLibrary/IconLabelButton.axaml
+++ b/WheelWizard/Views/Components/StandardLibrary/IconLabelButton.axaml
@@ -7,12 +7,13 @@
 
     <Style Selector="components|IconLabelButton">
         <Setter Property="Cursor" Value="Hand"/>
+        <!-- Setting it to transparent won't change the actual visual part. but ti does make the border react to :pointerover events -->
+        <Setter Property="Background" Value="Transparent"/>
         <Setter Property="Template">
             <ControlTemplate>
                 <Border Background="{TemplateBinding Background}"
                         BorderBrush="{TemplateBinding BorderBrush}"
                         BorderThickness="{TemplateBinding BorderThickness}">
-                  
                     
                     <components:IconLabel Text="{TemplateBinding Text}"
                                         Foreground="{TemplateBinding Foreground}"
@@ -22,7 +23,7 @@
                                         IsUnderlined="{TemplateBinding IsUnderlined}"
                                         IsIconLeft="{TemplateBinding IsIconLeft}">
                         <components:IconLabel.Styles>
-                            <Style Selector="components|IconLabel:pointerover">
+                            <Style Selector="components|IconLabelButton:pointerover /template/ components|IconLabel">
                                 <Setter Property="Foreground" Value="{Binding HoverForeground, RelativeSource={RelativeSource AncestorType=components:IconLabelButton}}"/>
                                 <Setter Property="IsUnderlined" Value="True" />
                             </Style>
diff --git a/WheelWizard/Views/Components/StandardLibrary/LoadingIcon.axaml b/WheelWizard/Views/Components/StandardLibrary/LoadingIcon.axaml
index 4b57df1c..f7b54c6f 100644
--- a/WheelWizard/Views/Components/StandardLibrary/LoadingIcon.axaml
+++ b/WheelWizard/Views/Components/StandardLibrary/LoadingIcon.axaml
@@ -1,30 +1,27 @@
 <Styles xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:components="clr-namespace:WheelWizard.Views.Components">
+        xmlns:components="clr-namespace:WheelWizard.Views.Components"
+        xmlns:behaviorComp="clr-namespace:WheelWizard.Views.BehaviorComponent">
     <Design.PreviewWith >
         <StackPanel Orientation="Vertical" Spacing="5" Background="Black">
             <StackPanel Orientation="Horizontal" Spacing="5">
-                <Border Background="{StaticResource Neutral950}" Padding="10" CornerRadius="3">
+                <Border Background="{StaticResource Neutral950}" Width="400" Height="400" Padding="10" CornerRadius="3">
                     <components:LoadingIcon VerticalAlignment="Center"/>
                 </Border>
-         
-                <Border Background="{StaticResource Neutral950}" Padding="10" CornerRadius="3">
-                    <components:LoadingIcon AdditionalText="Loading..." VerticalAlignment="Center"/>
-                </Border>
 
                 <Border Background="{StaticResource Neutral900}" Padding="10" CornerRadius="3">
                     <components:LoadingIcon Foreground="{StaticResource Neutral600}"
-                                          AdditionalText="Color changed" VerticalAlignment="Center"/>
+                                         VerticalAlignment="Center"/>
                 </Border>
             </StackPanel>
             <StackPanel Orientation="Horizontal" Spacing="5">
                 <Border Background="{StaticResource Neutral950}" Padding="10" CornerRadius="3">
-                    <components:LoadingIcon VerticalAlignment="Center" IconSize="45"/>
+                    <components:LoadingIcon VerticalAlignment="Center"/>
                 </Border>
 
-                <Border Background="{StaticResource Neutral900}" Padding="10" CornerRadius="3">
+                <Border Background="{StaticResource Neutral900}" Width="400" Height="400" Padding="10" CornerRadius="3">
                     <components:LoadingIcon Foreground="{StaticResource Neutral600}" FontSize="20"
-                                          AdditionalText="Font size change" VerticalAlignment="Center"/>
+                                         VerticalAlignment="Center"/>
                 </Border>
             </StackPanel>
         </StackPanel>
@@ -34,41 +31,29 @@
         <Setter Property="Template">
             
             <ControlTemplate>
-                <StackPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center">
-                    <Border Background="Transparent" x:Name="PART_IconBorder" 
-                            Width="{TemplateBinding IconSize}"
-                            Height="{TemplateBinding IconSize}">
-                        <Path Data="{StaticResource Spinner}"
-                              Fill="{TemplateBinding Foreground}" 
-                              Stretch="Uniform" HorizontalAlignment="Center"
-                              VerticalAlignment="Center">
-                       
-                            <Path.Styles>
-                                <Style Selector="Path">
-                                    <Style.Animations>
-                                        <Animation Duration="0:0:1.5" IterationCount="INFINITE">
-                                            <KeyFrame Cue="0%">
-                                                <Setter Property="RotateTransform.Angle" Value="0"/>
-                                            </KeyFrame>
-                                            <KeyFrame Cue="100%">
-                                                <Setter Property="RotateTransform.Angle" Value="360"/>
-                                            </KeyFrame>
-                                        </Animation>
-                                    </Style.Animations>
-                                </Style>
-                            
-                            </Path.Styles>
-                        </Path>
-                    </Border>
-
-                    <TextBlock Text="{TemplateBinding AdditionalText}" 
-                               VerticalAlignment="Center" HorizontalAlignment="Center"
-                               Margin="0,5,0,0"
-                               IsVisible="{TemplateBinding AdditionalText, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"
-                               FontSize="{TemplateBinding FontSize}"
-                               Foreground="{TemplateBinding Foreground}"
-                               TextWrapping="Wrap"/>
-                </StackPanel>
+                <behaviorComp:AspectGrid Background="Transparent" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
+                    <Path Data="{StaticResource Spinner}"
+                          Fill="{TemplateBinding Foreground}" 
+                          Stretch="Uniform" HorizontalAlignment="Center"
+                          VerticalAlignment="Center">
+                   
+                        <Path.Styles>
+                            <Style Selector="Path">
+                                <Style.Animations>
+                                    <Animation Duration="0:0:1.5" IterationCount="INFINITE">
+                                        <KeyFrame Cue="0%">
+                                            <Setter Property="RotateTransform.Angle" Value="0"/>
+                                        </KeyFrame>
+                                        <KeyFrame Cue="100%">
+                                            <Setter Property="RotateTransform.Angle" Value="360"/>
+                                        </KeyFrame>
+                                    </Animation>
+                                </Style.Animations>
+                            </Style>
+                        
+                        </Path.Styles>
+                    </Path>
+                </behaviorComp:AspectGrid>
             </ControlTemplate>
         </Setter>
     </Style>
diff --git a/WheelWizard/Views/Components/StandardLibrary/LoadingIcon.axaml.cs b/WheelWizard/Views/Components/StandardLibrary/LoadingIcon.axaml.cs
index be9a1a87..7d8cc98b 100644
--- a/WheelWizard/Views/Components/StandardLibrary/LoadingIcon.axaml.cs
+++ b/WheelWizard/Views/Components/StandardLibrary/LoadingIcon.axaml.cs
@@ -3,24 +3,4 @@
 
 namespace WheelWizard.Views.Components;
 
-public class LoadingIcon : TemplatedControl
-{
-    public static readonly StyledProperty<double> IconSizeProperty = AvaloniaProperty.Register<LoadingIcon, double>(nameof(IconSize), 20.0);
-
-    public double IconSize
-    {
-        get => GetValue(IconSizeProperty);
-        set => SetValue(IconSizeProperty, value);
-    }
-
-    public static readonly StyledProperty<string> AdditionalTextProperty = AvaloniaProperty.Register<LoadingIcon, string>(
-        nameof(AdditionalText),
-        ""
-    );
-
-    public string AdditionalText
-    {
-        get => GetValue(AdditionalTextProperty);
-        set => SetValue(AdditionalTextProperty, value);
-    }
-}
+public class LoadingIcon : TemplatedControl { }
diff --git a/WheelWizard/Views/Components/StandardLibrary/MultiIconRadioButton.axaml b/WheelWizard/Views/Components/StandardLibrary/MultiIconRadioButton.axaml
new file mode 100644
index 00000000..28322082
--- /dev/null
+++ b/WheelWizard/Views/Components/StandardLibrary/MultiIconRadioButton.axaml
@@ -0,0 +1,435 @@
+<Styles xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:conv="clr-namespace:WheelWizard.Views.Converters"
+        xmlns:controls="using:WheelWizard.Views.Components">
+    <Design.PreviewWith>
+        <Border Padding="10" Background="{StaticResource Neutral800}">
+            <StackPanel Spacing="10">
+                <controls:MultiIconRadioButton IconData="{StaticResource Example}"
+                                               Color1="{StaticResource Neutral400}"
+                                               Color2="{StaticResource Neutral500}"
+                                               Color3="{StaticResource Neutral100}"
+                                               HoverColor3="{StaticResource Neutral100}"
+                                               SelectedColor3="{StaticResource Warning200}"
+                                               />
+                <controls:MultiIconRadioButton IconData="{StaticResource Example}"
+                                               Color1="{StaticResource Neutral400}"
+                                               Color2="{StaticResource Neutral500}"
+                                               Color3="{StaticResource Neutral100}"
+                                               HoverColor3="{StaticResource Neutral100}"
+                                               SelectedColor3="{StaticResource Warning200}"/>
+                
+                <controls:MultiIconRadioButton IconData="{StaticResource Example}" IsChecked="True"
+                                               Color1="{StaticResource Neutral400}"
+                                               Color2="{StaticResource Neutral500}"
+                                               Color3="{StaticResource Neutral100}"
+                                               HoverColor3="{StaticResource Neutral100}"
+                                               SelectedColor3="{StaticResource Warning200}"/>
+                <controls:MultiIconRadioButton IconData="{StaticResource Example}" />
+                <controls:MultiIconRadioButton IconData="{StaticResource Example}" IsEnabled="False"
+                                               DisabledColor1="{StaticResource Neutral900}"
+                                               DisabledColor2="{StaticResource Neutral950}"
+                                               DisabledColor3="{StaticResource Neutral950}"
+                                               />
+                <controls:MultiIconRadioButton IconGeo="{StaticResource Heart}"
+                                               Color1="{StaticResource Neutral400}"/>
+                <controls:MultiIconRadioButton IconGeo="{StaticResource Home}"
+                                               Color1="{StaticResource Neutral400}"
+                                               HoverColor1="{StaticResource Danger50}"
+                                               SelectedColor1="{StaticResource Primary400}"/>
+            </StackPanel>
+        </Border>
+       
+    </Design.PreviewWith>
+
+    <Style Selector="controls|MultiIconRadioButton">
+        <!-- Set Defaults -->
+        <Setter Property="Template">
+            <ControlTemplate>
+                <Border CornerRadius="{StaticResource GlobalCornerRadius}"
+                        BorderThickness="0" ClipToBounds="True"
+                        BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}"
+                        Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" >
+                     <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
+                            <Border CornerRadius="99999" HorizontalAlignment="Right" VerticalAlignment="Top"
+                                    Opacity="0.6" IsVisible="False" x:Name="PART_BackgroundBlur"
+                                    Height="50" Width="30" Effect="blur(90)" Background="{StaticResource Primary200}">
+                            </Border>
+                         
+                         <Border Background="Transparent"
+                                 HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="6">
+                             <Path Data="{TemplateBinding IconGeo}"
+                                   Stretch="Uniform" x:Name="Part_SingleIcon"
+                                   HorizontalAlignment="Center"
+                                   VerticalAlignment="Center">
+                             </Path>
+                         </Border>
+                         
+                         <controls:MultiColoredIcon IconData="{TemplateBinding IconData}" Margin="6"
+                                                    x:Name="PART_MultiIcon"
+                                                    UndefinedColorsTransparent="{TemplateBinding UndefinedColorsTransparent}"
+                                                    />
+                     </Grid>
+                </Border>
+            </ControlTemplate>
+        </Setter>
+        
+        <Setter Property="Background" Value="Transparent" />
+
+        <Style Selector="^ /template/ Path#Part_SingleIcon">
+            <Setter Property="Fill" Value="{TemplateBinding Color1}" />
+        </Style>
+        <Style Selector="^ /template/ controls|MultiColoredIcon#PART_MultiIcon">
+            <Setter Property="Color1" Value="{TemplateBinding Color1}" />
+            <Setter Property="Color2" Value="{TemplateBinding Color2}" />
+            <Setter Property="Color3" Value="{TemplateBinding Color3}" />
+            <Setter Property="Color4" Value="{TemplateBinding Color4}" />
+            <Setter Property="Color5" Value="{TemplateBinding Color5}" />
+            <Setter Property="Color6" Value="{TemplateBinding Color6}" />
+            <Setter Property="Color7" Value="{TemplateBinding Color7}" />
+            <Setter Property="Color8" Value="{TemplateBinding Color8}" />
+            <Setter Property="Color9" Value="{TemplateBinding Color9}" />
+            <Setter Property="Color10" Value="{TemplateBinding Color10}" />
+            <Setter Property="Color11" Value="{TemplateBinding Color11}" />
+            <Setter Property="Color12" Value="{TemplateBinding Color12}" />
+        </Style>
+    </Style>
+    
+    <Style Selector="controls|MultiIconRadioButton:pointerover">
+        <Setter Property="Cursor" Value="Hand" />
+        <Setter Property="Background" Value="{StaticResource Neutral700}" />
+        <Style Selector="^ /template/ Path#Part_SingleIcon">
+            <Setter Property="Fill">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor1" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color1" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+        </Style>
+        <Style Selector="^ /template/ controls|MultiColoredIcon#PART_MultiIcon">
+            <Setter Property="Color1">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor1" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color1" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+          
+                      <Setter Property="Color2">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor2" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color2" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color3">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor3" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color3" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color4">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor4" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color4" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color5">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor5" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color5" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color6">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor6" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color6" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color7">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor7" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color7" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color8">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor8" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color8" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color9">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor9" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color9" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color10">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor10" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color10" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color11">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor11" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color11" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color12">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="HoverColor12" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color12" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+        </Style>
+    </Style>
+
+    <Style Selector="controls|MultiIconRadioButton:checked">
+        <Setter Property="Background" Value="{StaticResource Neutral950}" />
+        <Style Selector="^ /template/ Path#Part_SingleIcon">
+            <Setter Property="Fill">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor1" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color1" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+        </Style>
+        <Style Selector="^ /template/ controls|MultiColoredIcon#PART_MultiIcon">
+                       <Setter Property="Color1">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor1" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color1" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color2">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor2" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color2" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color3">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor3" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color3" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color4">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor4" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color4" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color5">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor5" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color5" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color6">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor6" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color6" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color7">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor7" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color7" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color8">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor8" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color8" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color9">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor9" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color9" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color10">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor10" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color10" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color11">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor11" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color11" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color12">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="SelectedColor12" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color12" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+        </Style>
+    </Style>
+    
+    <Style Selector="controls|MultiIconRadioButton[IsEnabled=False]">
+        <Setter Property="Background" Value="{StaticResource Neutral900}" />
+        <Style Selector="^ /template/ Path#Part_SingleIcon">
+            <Setter Property="Fill">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor1" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color1" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+        </Style>
+        <Style Selector="^ /template/ controls|MultiColoredIcon#PART_MultiIcon">
+                        <Setter Property="Color1">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor1" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color1" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color2">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor2" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color2" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color3">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor3" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color3" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color4">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor4" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color4" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color5">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor5" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color5" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color6">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor6" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color6" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color7">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor7" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color7" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color8">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor8" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color8" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color9">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor9" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color9" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color10">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor10" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color10" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color11">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor11" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color11" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+            <Setter Property="Color12">
+                <Setter.Value>
+                    <MultiBinding Converter="{x:Static conv:FallbackConverters.Brushes}">
+                        <Binding Path="DisabledColor12" RelativeSource="{RelativeSource TemplatedParent}" />
+                        <Binding Path="Color12" RelativeSource="{RelativeSource TemplatedParent}" />
+                    </MultiBinding>
+                </Setter.Value>
+            </Setter>
+        </Style>
+    </Style>
+</Styles>
diff --git a/WheelWizard/Views/Components/StandardLibrary/MultiIconRadioButton.axaml.cs b/WheelWizard/Views/Components/StandardLibrary/MultiIconRadioButton.axaml.cs
new file mode 100644
index 00000000..1b733601
--- /dev/null
+++ b/WheelWizard/Views/Components/StandardLibrary/MultiIconRadioButton.axaml.cs
@@ -0,0 +1,543 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Media;
+
+namespace WheelWizard.Views.Components;
+
+public class MultiIconRadioButton : RadioButton
+{
+    #region MultiColoredIcon Colors
+
+    public static readonly StyledProperty<IBrush?> Color1Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color1)
+    );
+
+    public IBrush? Color1
+    {
+        get => GetValue(Color1Property);
+        set => SetValue(Color1Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color2Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color2)
+    );
+
+    public IBrush? Color2
+    {
+        get => GetValue(Color2Property);
+        set => SetValue(Color2Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color3Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color3)
+    );
+
+    public IBrush? Color3
+    {
+        get => GetValue(Color3Property);
+        set => SetValue(Color3Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color4Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color4)
+    );
+
+    public IBrush? Color4
+    {
+        get => GetValue(Color4Property);
+        set => SetValue(Color4Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color5Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color5)
+    );
+
+    public IBrush? Color5
+    {
+        get => GetValue(Color5Property);
+        set => SetValue(Color5Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color6Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color6)
+    );
+
+    public IBrush? Color6
+    {
+        get => GetValue(Color6Property);
+        set => SetValue(Color6Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color7Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color7)
+    );
+
+    public IBrush? Color7
+    {
+        get => GetValue(Color7Property);
+        set => SetValue(Color7Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color8Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color8)
+    );
+
+    public IBrush? Color8
+    {
+        get => GetValue(Color8Property);
+        set => SetValue(Color8Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color9Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color9)
+    );
+
+    public IBrush? Color9
+    {
+        get => GetValue(Color9Property);
+        set => SetValue(Color9Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color10Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color10)
+    );
+
+    public IBrush? Color10
+    {
+        get => GetValue(Color10Property);
+        set => SetValue(Color10Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color11Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color11)
+    );
+
+    public IBrush? Color11
+    {
+        get => GetValue(Color11Property);
+        set => SetValue(Color11Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> Color12Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(Color12)
+    );
+
+    public IBrush? Color12
+    {
+        get => GetValue(Color12Property);
+        set => SetValue(Color12Property, value);
+    }
+
+    #endregion
+
+    #region MultiColoredIcon properties
+
+    public static readonly StyledProperty<DrawingImage> IconDataProperty = AvaloniaProperty.Register<MultiIconRadioButton, DrawingImage>(
+        nameof(IconData)
+    );
+
+    public DrawingImage IconData
+    {
+        get => GetValue(IconDataProperty);
+        set => SetValue(IconDataProperty, value);
+    }
+
+    public static readonly StyledProperty<Geometry> IconGeoProperty = AvaloniaProperty.Register<MultiIconRadioButton, Geometry>(
+        nameof(IconGeo)
+    );
+    public Geometry IconGeo
+    {
+        get => GetValue(IconGeoProperty);
+        set => SetValue(IconGeoProperty, value);
+    }
+
+    public static readonly StyledProperty<bool> UndefinedColorsTransparentProperty = AvaloniaProperty.Register<MultiIconRadioButton, bool>(
+        nameof(UndefinedColorsTransparent)
+    );
+
+    public bool UndefinedColorsTransparent
+    {
+        get => GetValue(UndefinedColorsTransparentProperty);
+        private set => SetValue(UndefinedColorsTransparentProperty, value);
+    }
+
+    #endregion
+
+    #region MultiIconRadioButton Hover Colors
+
+    public static readonly StyledProperty<IBrush?> HoverColor1Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor1)
+    );
+
+    public IBrush? HoverColor1
+    {
+        get => GetValue(HoverColor1Property);
+        set => SetValue(HoverColor1Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor2Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor2)
+    );
+
+    public IBrush? HoverColor2
+    {
+        get => GetValue(HoverColor2Property);
+        set => SetValue(HoverColor2Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor3Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor3)
+    );
+
+    public IBrush? HoverColor3
+    {
+        get => GetValue(HoverColor3Property);
+        set => SetValue(HoverColor3Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor4Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor4)
+    );
+
+    public IBrush? HoverColor4
+    {
+        get => GetValue(HoverColor4Property);
+        set => SetValue(HoverColor4Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor5Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor5)
+    );
+
+    public IBrush? HoverColor5
+    {
+        get => GetValue(HoverColor5Property);
+        set => SetValue(HoverColor5Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor6Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor6)
+    );
+
+    public IBrush? HoverColor6
+    {
+        get => GetValue(HoverColor6Property);
+        set => SetValue(HoverColor6Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor7Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor7)
+    );
+
+    public IBrush? HoverColor7
+    {
+        get => GetValue(HoverColor7Property);
+        set => SetValue(HoverColor7Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor8Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor8)
+    );
+
+    public IBrush? HoverColor8
+    {
+        get => GetValue(HoverColor8Property);
+        set => SetValue(HoverColor8Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor9Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor9)
+    );
+
+    public IBrush? HoverColor9
+    {
+        get => GetValue(HoverColor9Property);
+        set => SetValue(HoverColor9Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor10Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor10)
+    );
+
+    public IBrush? HoverColor10
+    {
+        get => GetValue(HoverColor10Property);
+        set => SetValue(HoverColor10Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor11Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor11)
+    );
+
+    public IBrush? HoverColor11
+    {
+        get => GetValue(HoverColor11Property);
+        set => SetValue(HoverColor11Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> HoverColor12Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(HoverColor12)
+    );
+
+    public IBrush? HoverColor12
+    {
+        get => GetValue(HoverColor12Property);
+        set => SetValue(HoverColor12Property, value);
+    }
+
+    #endregion
+
+    #region MultiIconRadioButton Selected Colors
+
+    public static readonly StyledProperty<IBrush?> SelectedColor1Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor1)
+    );
+
+    public IBrush? SelectedColor1
+    {
+        get => GetValue(SelectedColor1Property);
+        set => SetValue(SelectedColor1Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor2Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor2)
+    );
+
+    public IBrush? SelectedColor2
+    {
+        get => GetValue(SelectedColor2Property);
+        set => SetValue(SelectedColor2Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor3Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor3)
+    );
+
+    public IBrush? SelectedColor3
+    {
+        get => GetValue(SelectedColor3Property);
+        set => SetValue(SelectedColor3Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor4Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor4)
+    );
+
+    public IBrush? SelectedColor4
+    {
+        get => GetValue(SelectedColor4Property);
+        set => SetValue(SelectedColor4Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor5Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor5)
+    );
+
+    public IBrush? SelectedColor5
+    {
+        get => GetValue(SelectedColor5Property);
+        set => SetValue(SelectedColor5Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor6Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor6)
+    );
+
+    public IBrush? SelectedColor6
+    {
+        get => GetValue(SelectedColor6Property);
+        set => SetValue(SelectedColor6Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor7Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor7)
+    );
+
+    public IBrush? SelectedColor7
+    {
+        get => GetValue(SelectedColor7Property);
+        set => SetValue(SelectedColor7Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor8Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor8)
+    );
+
+    public IBrush? SelectedColor8
+    {
+        get => GetValue(SelectedColor8Property);
+        set => SetValue(SelectedColor8Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor9Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor9)
+    );
+
+    public IBrush? SelectedColor9
+    {
+        get => GetValue(SelectedColor9Property);
+        set => SetValue(SelectedColor9Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor10Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor10)
+    );
+
+    public IBrush? SelectedColor10
+    {
+        get => GetValue(SelectedColor10Property);
+        set => SetValue(SelectedColor10Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor11Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor11)
+    );
+
+    public IBrush? SelectedColor11
+    {
+        get => GetValue(SelectedColor11Property);
+        set => SetValue(SelectedColor11Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> SelectedColor12Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(SelectedColor12)
+    );
+
+    public IBrush? SelectedColor12
+    {
+        get => GetValue(SelectedColor12Property);
+        set => SetValue(SelectedColor12Property, value);
+    }
+
+    #endregion
+
+    #region MultiIconRadioButton Disabled Colors
+
+    public static readonly StyledProperty<IBrush?> DisabledColor1Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor1)
+    );
+
+    public IBrush? DisabledColor1
+    {
+        get => GetValue(DisabledColor1Property);
+        set => SetValue(DisabledColor1Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor2Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor2)
+    );
+
+    public IBrush? DisabledColor2
+    {
+        get => GetValue(DisabledColor2Property);
+        set => SetValue(DisabledColor2Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor3Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor3)
+    );
+
+    public IBrush? DisabledColor3
+    {
+        get => GetValue(DisabledColor3Property);
+        set => SetValue(DisabledColor3Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor4Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor4)
+    );
+
+    public IBrush? DisabledColor4
+    {
+        get => GetValue(DisabledColor4Property);
+        set => SetValue(DisabledColor4Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor5Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor5)
+    );
+
+    public IBrush? DisabledColor5
+    {
+        get => GetValue(DisabledColor5Property);
+        set => SetValue(DisabledColor5Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor6Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor6)
+    );
+
+    public IBrush? DisabledColor6
+    {
+        get => GetValue(DisabledColor6Property);
+        set => SetValue(DisabledColor6Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor7Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor7)
+    );
+
+    public IBrush? DisabledColor7
+    {
+        get => GetValue(DisabledColor7Property);
+        set => SetValue(DisabledColor7Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor8Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor8)
+    );
+
+    public IBrush? DisabledColor8
+    {
+        get => GetValue(DisabledColor8Property);
+        set => SetValue(DisabledColor8Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor9Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor9)
+    );
+
+    public IBrush? DisabledColor9
+    {
+        get => GetValue(DisabledColor9Property);
+        set => SetValue(DisabledColor9Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor10Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor10)
+    );
+
+    public IBrush? DisabledColor10
+    {
+        get => GetValue(DisabledColor10Property);
+        set => SetValue(DisabledColor10Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor11Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor11)
+    );
+
+    public IBrush? DisabledColor11
+    {
+        get => GetValue(DisabledColor11Property);
+        set => SetValue(DisabledColor11Property, value);
+    }
+
+    public static readonly StyledProperty<IBrush?> DisabledColor12Property = AvaloniaProperty.Register<MultiIconRadioButton, IBrush?>(
+        nameof(DisabledColor12)
+    );
+
+    public IBrush? DisabledColor12
+    {
+        get => GetValue(DisabledColor12Property);
+        set => SetValue(DisabledColor12Property, value);
+    }
+
+    #endregion
+
+    public MultiIconRadioButton()
+    {
+        Width = 60;
+        Height = 60;
+    }
+}
diff --git a/WheelWizard/Views/Components/StandardLibrary/PopupListButton.axaml b/WheelWizard/Views/Components/StandardLibrary/PopupListButton.axaml
new file mode 100644
index 00000000..d598403b
--- /dev/null
+++ b/WheelWizard/Views/Components/StandardLibrary/PopupListButton.axaml
@@ -0,0 +1,93 @@
+<Styles xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+        xmlns:pages="clr-namespace:WheelWizard.Views.Pages"
+        xmlns:components="clr-namespace:WheelWizard.Views.Components">
+  <Design.PreviewWith>
+    <Border Padding="2" Width="300" Background="{StaticResource Neutral600}">
+      <StackPanel>
+        <components:PopupListButton Text="{x:Static lang:Common.PageTitle_Home}"
+                                     Type="{x:Type pages:HomePage}"/>
+        <components:PopupListButton Text="{x:Static lang:Common.PageTitle_Settings}"
+                                    Type="{x:Type pages:HomePage}"/>
+        <components:PopupListButton Text="{x:Static lang:Common.PageTitle_Friends}"
+                                    Type="{x:Type pages:HomePage}"/>  
+        <components:PopupListButton Text="{x:Static lang:Common.PageTitle_Mods}"
+                                    Type="{x:Type pages:HomePage}"/>
+        <components:PopupListButton Text="{x:Static lang:Common.PageTitle_Rooms}"
+                                    Type="{x:Type pages:RoomsPage}"/>
+                                  
+      </StackPanel>
+    </Border>
+  </Design.PreviewWith>
+
+  <Style Selector="components|PopupListButton">
+    <Setter Property="Background" Value="{DynamicResource Neutral900}" />
+    <Setter Property="Foreground" Value="{DynamicResource Neutral400}" />
+    <Setter Property="Height" Value="48" />
+   <Setter Property="HorizontalAlignment" Value="Stretch"/>
+    <Setter Property="Template">
+      <ControlTemplate>
+        <Border Background="{TemplateBinding Background}"
+                BorderThickness="0" >
+          <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ClipToBounds="True">
+            
+            <Border CornerRadius="99999" IsVisible="False" Opacity="0.3" Name="PART_HoverEffect"
+                    HorizontalAlignment="Left" VerticalAlignment="Top"
+                    Background="{StaticResource Primary200}" Height="50" Width="50" Effect="blur(150)">
+              
+              <Border.Styles>
+                <Style Selector="Border">
+                  <Style.Animations>
+                    <Animation Duration="0:0:5" IterationCount="INFINITE">
+                      <KeyFrame Cue="0%">
+                        <Setter Property="RotateTransform.Angle" Value="0"/>
+                      </KeyFrame>
+                      <KeyFrame Cue="100%">
+                        <Setter Property="RotateTransform.Angle" Value="360"/>
+                      </KeyFrame>
+                    </Animation>
+                  </Style.Animations>
+                </Style>
+              </Border.Styles>
+            </Border>
+              
+              <!-- Using icon lable since i am to bored to use the right component, just copied it over from the sidebar Radio button-->
+            <components:IconLabel IconSize="0" FontSize="20"
+                             Text="{TemplateBinding Text}"
+                             Foreground="{TemplateBinding Foreground}"
+                             HorizontalAlignment="Left" VerticalAlignment="Center"
+                             Margin="10,0,10,0" />
+              
+              <components:IconLabel x:Name="PART_ArrowIcon" IconSize="20" FontSize="0"
+                                    IsVisible="False"
+                                    IconData="{StaticResource ArrowRight}"
+                                    Foreground="{TemplateBinding Foreground}"
+                                    HorizontalAlignment="Right" VerticalAlignment="Center"
+                                    Margin="10,0,10,0" />
+          </Grid>
+        </Border>
+      </ControlTemplate>
+    </Setter>
+  </Style>
+  
+  <Style Selector="components|PopupListButton:pointerover">
+    <Setter Property="Cursor" Value="Hand" />
+    <Setter Property="Background" Value="{StaticResource Neutral800}" />
+    <Setter Property="Foreground" Value="{StaticResource Primary200}" />
+    <Style Selector="^ /template/ Border#PART_HoverEffect">
+      <Setter Property="IsVisible" Value="True"/>
+    </Style>
+    <Style Selector="^ /template/ components|IconLabel#PART_ArrowIcon">
+        <Setter Property="IsVisible" Value="True"/>
+    </Style>
+  </Style>
+
+  <Style Selector="components|PopupListButton:pressed">
+    <Setter Property="Background" Value="{StaticResource Neutral700}" />
+    <Setter Property="Foreground" Value="{StaticResource Primary300}" />
+    <Style Selector="^ /template/ components|IconLabel#PART_ArrowIcon">
+        <Setter Property="IsVisible" Value="True"/>
+    </Style>
+  </Style>
+</Styles>
\ No newline at end of file
diff --git a/WheelWizard/Views/Components/StandardLibrary/PopupListButton.axaml.cs b/WheelWizard/Views/Components/StandardLibrary/PopupListButton.axaml.cs
new file mode 100644
index 00000000..b3102317
--- /dev/null
+++ b/WheelWizard/Views/Components/StandardLibrary/PopupListButton.axaml.cs
@@ -0,0 +1,39 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.Primitives;
+using Avalonia.Input;
+
+namespace WheelWizard.Views.Components;
+
+public partial class PopupListButton : Button
+{
+    private Border? _hoverEffect;
+
+    // The Type is not used by itself, but will probably be used a lot when using this button
+    public static readonly StyledProperty<Type?> TypeProperty = AvaloniaProperty.Register<PopupListButton, Type?>(nameof(Type));
+    public Type? Type
+    {
+        get => GetValue(TypeProperty);
+        set => SetValue(TypeProperty, value);
+    }
+
+    protected override void OnPointerMoved(PointerEventArgs e)
+    {
+        base.OnPointerMoved(e);
+        if (_hoverEffect == null)
+            return;
+
+        var position = e.GetPosition(this);
+
+        var left = position.X - (_hoverEffect.Width / 2);
+        var top = position.Y - (_hoverEffect.Height / 2);
+
+        _hoverEffect.Margin = new(left, top, 0, 0);
+    }
+
+    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
+    {
+        base.OnApplyTemplate(e);
+        _hoverEffect = e.NameScope.Find<Border>("PART_HoverEffect");
+    }
+}
diff --git a/WheelWizard/Views/Components/StandardLibrary/StateBox.axaml b/WheelWizard/Views/Components/StandardLibrary/StateBox.axaml
index dd505a89..2e1b3e67 100644
--- a/WheelWizard/Views/Components/StandardLibrary/StateBox.axaml
+++ b/WheelWizard/Views/Components/StandardLibrary/StateBox.axaml
@@ -6,9 +6,12 @@
     <Design.PreviewWith>
         <Border Padding="20" Background="{StaticResource Neutral300}">
             <StackPanel Spacing="5">
-                <components1:StateBox Text="Active" />
-                <components1:StateBox Text="Dark" Classes="Dark" />
-                <components1:StateBox IconData="{StaticResource XMark}" 
+                <components1:StateBox Text="Active" IconSize="0"/>
+                <components1:StateBox Text="Dark" Variant="Dark" IconSize="0" />
+                <components1:StateBox Text="Success" Variant="Success" IconData="{StaticResource CheckMark}"/>
+                <components1:StateBox Text="Warning" Variant="Warning" IconData="{StaticResource WarningTip}"/>
+                <components1:StateBox Text="Danger" Variant="Danger" IconData="{StaticResource XMark}"/>
+                <components1:StateBox IconData="{StaticResource Hourglass}" 
                                      IconSize="14" Text="Cross"/>
                 <components1:StateBox x:Name="PlayerCountBox"  Text="0" IconSize="16"
                                      IconData="{StaticResource UserCouple}"
@@ -51,38 +54,88 @@
     </Style>
 
     <Style Selector="components1|StateBox">
-        <!-- DEFAULT -->
         <Style Selector="^ /template/ Border#PART_StateBox_Root">
             <Setter Property="Background" Value="{StaticResource Neutral900}" />
         </Style>
-        <Style Selector="^.Dark /template/ Border#PART_StateBox_Root">
-            <Setter Property="Background" Value="{StaticResource Neutral950}" />
-        </Style>
         <Style Selector="^ /template/ TextBlock#PART_StateBox_Text">
             <Setter Property="Foreground" Value="{StaticResource Neutral100}" />
         </Style>
-        <Style Selector="^.Dark /template/ TextBlock#PART_StateBox_Text">
-            <Setter Property="Foreground" Value="{StaticResource Neutral200}" />
-        </Style>
         <Style Selector="^ /template/ Path#PART_StateBox_IconPath">
             <Setter Property="Fill" Value="{StaticResource Neutral500}" />
         </Style>
-        <Style Selector="^.Dark /template/ Path#PART_StateBox_IconPath">
-            <Setter Property="Fill" Value="{StaticResource Neutral600}" />
-        </Style>
-        
-        <!-- HOVER -->
         <Style Selector="^:pointerover /template/ TextBlock#PART_StateBox_Text">
             <Setter Property="Foreground" Value="{StaticResource Neutral50}" />
         </Style>
-        <Style Selector="^.Dark:pointerover /template/ TextBlock#PART_StateBox_Text">
-            <Setter Property="Foreground" Value="{StaticResource Neutral50}" />
-        </Style>
         <Style Selector="^:pointerover /template/ Path#PART_StateBox_IconPath">
             <Setter Property="Fill" Value="{StaticResource Neutral300}" />
         </Style>
+
+
+
+        <Style Selector="^.Dark /template/ Border#PART_StateBox_Root">
+            <Setter Property="Background" Value="{StaticResource Neutral950}" />
+        </Style>
+        <Style Selector="^.Dark /template/ TextBlock#PART_StateBox_Text">
+            <Setter Property="Foreground" Value="{StaticResource Neutral200}" />
+        </Style>
+        <Style Selector="^.Dark /template/ Path#PART_StateBox_IconPath">
+            <Setter Property="Fill" Value="{StaticResource Neutral600}" />
+        </Style>
+        <Style Selector="^.Dark:pointerover /template/ TextBlock#PART_StateBox_Text">
+            <Setter Property="Foreground" Value="{StaticResource Neutral50}" />
+        </Style>
         <Style Selector="^.Dark:pointerover /template/ Path#PART_StateBox_IconPath">
             <Setter Property="Fill" Value="{StaticResource Neutral400}" />
         </Style>
+
+
+
+        <Style Selector="^.Success /template/ Border#PART_StateBox_Root">
+            <Setter Property="Background" Value="{StaticResource Primary700}" />
+        </Style>
+        <Style Selector="^.Success /template/ TextBlock#PART_StateBox_Text">
+            <Setter Property="Foreground" Value="{StaticResource Primary200}" />
+        </Style>
+        <Style Selector="^.Success /template/ Path#PART_StateBox_IconPath">
+            <Setter Property="Fill" Value="{StaticResource Primary200}" />
+        </Style>
+        <Style Selector="^.Success:pointerover /template/ TextBlock#PART_StateBox_Text">
+            <Setter Property="Foreground" Value="{StaticResource Primary100}" />
+        </Style>
+        <Style Selector="^.Success:pointerover /template/ Path#PART_StateBox_IconPath">
+            <Setter Property="Fill" Value="{StaticResource Primary100}" />
+        </Style>
+        
+        <Style Selector="^.Warning /template/ Border#PART_StateBox_Root">
+            <Setter Property="Background" Value="{StaticResource Warning700}" />
+        </Style>
+        <Style Selector="^.Warning /template/ TextBlock#PART_StateBox_Text">
+            <Setter Property="Foreground" Value="{StaticResource Warning200}" />
+        </Style>
+        <Style Selector="^.Warning /template/ Path#PART_StateBox_IconPath">
+            <Setter Property="Fill" Value="{StaticResource Warning200}" />
+        </Style>
+        <Style Selector="^.Warning:pointerover /template/ TextBlock#PART_StateBox_Text">
+            <Setter Property="Foreground" Value="{StaticResource Warning100}" />
+        </Style>
+        <Style Selector="^.Warning:pointerover /template/ Path#PART_StateBox_IconPath">
+            <Setter Property="Fill" Value="{StaticResource Warning100}" />
+        </Style>
+        
+        <Style Selector="^.Danger /template/ Border#PART_StateBox_Root">
+            <Setter Property="Background" Value="{StaticResource Danger700}" />
+        </Style>
+        <Style Selector="^.Danger /template/ TextBlock#PART_StateBox_Text">
+            <Setter Property="Foreground" Value="{StaticResource Danger200}" />
+        </Style>
+        <Style Selector="^.Danger /template/ Path#PART_StateBox_IconPath">
+            <Setter Property="Fill" Value="{StaticResource Danger200}" />
+        </Style>
+        <Style Selector="^.Danger:pointerover /template/ TextBlock#PART_StateBox_Text">
+            <Setter Property="Foreground" Value="{StaticResource Danger100}" />
+        </Style>
+        <Style Selector="^.Danger:pointerover /template/ Path#PART_StateBox_IconPath">
+            <Setter Property="Fill" Value="{StaticResource Danger100}" />
+        </Style>
     </Style>
 </Styles>
\ No newline at end of file
diff --git a/WheelWizard/Views/Components/StandardLibrary/StateBox.axaml.cs b/WheelWizard/Views/Components/StandardLibrary/StateBox.axaml.cs
index b4508b8e..8c3c2039 100644
--- a/WheelWizard/Views/Components/StandardLibrary/StateBox.axaml.cs
+++ b/WheelWizard/Views/Components/StandardLibrary/StateBox.axaml.cs
@@ -13,6 +13,9 @@ public enum StateBoxVariantType
     {
         Default,
         Dark,
+        Success,
+        Warning,
+        Danger,
     }
 
     public StateBox()
diff --git a/WheelWizard/Views/Components/WhWzLibrary/CurrentUserProfile.axaml b/WheelWizard/Views/Components/WhWzLibrary/CurrentUserProfile.axaml
deleted file mode 100644
index 59ad54ea..00000000
--- a/WheelWizard/Views/Components/WhWzLibrary/CurrentUserProfile.axaml
+++ /dev/null
@@ -1,52 +0,0 @@
-<Styles xmlns="https://github.com/avaloniaui"
-        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:components="using:WheelWizard.Views.Components"
-        xmlns:miiVars="using:WheelWizard.MiiImages.Domain"
-        xmlns:miiImages="clr-namespace:WheelWizard.Views.Components.MiiImages">
-    <Design.PreviewWith>
-        <components:CurrentUserProfile />
-    </Design.PreviewWith>
-
-    <Style Selector="components|CurrentUserProfile">
-        <Setter Property="Template">
-            <ControlTemplate>
-                <StackPanel Orientation="Horizontal" Background="Transparent" >
-                    <StackPanel Orientation="Vertical" HorizontalAlignment="Right"
-                                VerticalAlignment="Top" Margin="0,-10,0,0">
-                        <TextBlock HorizontalAlignment="Right"  VerticalAlignment="Center"
-                                   Classes="SidebarSectionText"  x:Name="PlayerNameBlock"
-                                   Text="{TemplateBinding UserName}"
-                                   Margin="0,0,10,0"/>
-                        <TextBlock HorizontalAlignment="Right" VerticalAlignment="Center"
-                                   Classes="TinyText" x:Name="FriendCodeBlock"
-                                   Text="{TemplateBinding FriendCode}"
-                                   Margin="0,0,10,0"/>
-                    </StackPanel>
-                    
-                    <Border CornerRadius="999999" ClipToBounds="True" Background="{StaticResource Neutral900}"
-                            Width="50" Height="50" x:Name="Part_MiiBall">
-                        <miiImages:MiiImageLoader HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
-                                                LoadingColor="{StaticResource Neutral600}"
-                                                Mii="{TemplateBinding Mii}" x:Name="Part_MiiImage"
-                                                FallBackColor="{StaticResource Neutral600}"
-                                                ImageVariant="{x:Static miiVars:MiiImageVariants.CurrentUserSmall}"/>
-                    </Border>
-               
-                </StackPanel>
-            </ControlTemplate>
-        </Setter>
-            
-        <Style Selector="^:pointerover">
-            <Style Selector="^ /template/ Border#Part_MiiBall">
-                <Setter Property="Background" Value="{StaticResource Neutral800}"/>
-            </Style>
-            <Style Selector="^ /template/ miiImages|MiiImageLoader#Part_MiiImage">
-                <Setter Property="LoadingColor" Value="{StaticResource Neutral500}"/>
-                <Setter Property="FallBackColor" Value="{StaticResource Neutral500}"/>
-            </Style>
-            <Style Selector="^ /template/ TextBlock">
-                <Setter Property="Foreground" Value="{StaticResource Neutral300}"/>
-            </Style>
-        </Style>
-    </Style>
-</Styles>
diff --git a/WheelWizard/Views/Components/WhWzLibrary/DetailedProfileBox.axaml b/WheelWizard/Views/Components/WhWzLibrary/DetailedProfileBox.axaml
deleted file mode 100644
index 128b75c0..00000000
--- a/WheelWizard/Views/Components/WhWzLibrary/DetailedProfileBox.axaml
+++ /dev/null
@@ -1,152 +0,0 @@
-<Styles xmlns="https://github.com/avaloniaui"
-        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
-        xmlns:components="using:WheelWizard.Views.Components"
-        xmlns:components1="clr-namespace:WheelWizard.Views.Components"
-        
-        xmlns:miiVars="using:WheelWizard.MiiImages.Domain"
-        xmlns:miiImages="clr-namespace:WheelWizard.Views.Components.MiiImages">
-    <Design.PreviewWith>
-        <StackPanel Orientation="Horizontal">
-            <Border Padding="10" Background="{StaticResource Neutral950}"
-                    Width="440">
-                <components1:DetailedProfileBox FriendCode="1234-5678-9012"
-                                             UserName="Lum Patch"
-                                             IsChecked="True"
-                                             Vr="5000" Br="5000"
-                                             IsOnline="False"
-                                             TotalRaces="12" TotalWon="1345"/>
-            </Border>
-            <Border Padding="10" Background="{StaticResource Neutral950}"
-                    Width="440">
-                <components1:DetailedProfileBox FriendCode="1234-5678-9012"
-                                             UserName="Lum Patch"
-                                             IsChecked="False"
-                                             Vr="5000" Br="5000"
-                                             IsOnline="True"
-                                             TotalRaces="12" TotalWon="1345"/>
-            </Border>
-        </StackPanel>
-      
-    </Design.PreviewWith>
-
-    <Style Selector="components1|DetailedProfileBox">
-        <Setter Property="Template">
-            <ControlTemplate>
-                <Border Background="{StaticResource Neutral900}" CornerRadius="6" BorderThickness="1"
-                        BorderBrush="{StaticResource Neutral900}" x:Name="PART_MainBorder">
-                    <Grid ColumnDefinitions="4*,3*" RowDefinitions="216,100,60" Margin="10" ClipToBounds="False">
-                        <!-- BACKGROUND & COLOR TRANSITION -->
-                        <Border Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" CornerRadius="99999"
-                                HorizontalAlignment="Center" VerticalAlignment="Center" Opacity="0.5" IsVisible="{TemplateBinding IsOnline}"
-                                Background="{StaticResource Primary200}" Height="200" Width="230"  Effect="blur(250)">
-                            <Border.Styles>
-                                <Style Selector="Border">
-                                    <Style.Animations>
-                                        <Animation Duration="0:0:5" IterationCount="INFINITE">
-                                            <KeyFrame Cue="0%">
-                                                <Setter Property="RotateTransform.Angle" Value="0"/>
-                                            </KeyFrame>
-                                            <KeyFrame Cue="100%">
-                                                <Setter Property="RotateTransform.Angle" Value="360"/>
-                                            </KeyFrame>
-                                        </Animation>
-                                    </Style.Animations>
-                                </Style>
-                            </Border.Styles>
-                        </Border>
-                        
-                        <!-- HEAD BORDER -->
-                        <Border  Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" BorderBrush="{StaticResource Neutral600}"
-                                 BorderThickness="1" Margin="0,0,5,10" CornerRadius="4" x:Name="PART_HeadBorderFace"
-                                 Background="{StaticResource Neutral950}">
-                           <Grid>
-                               <miiImages:MiiImageLoader Mii="{TemplateBinding Mii}" HorizontalAlignment="Center" VerticalAlignment="Stretch" 
-                                                        ImageVariant="{x:Static miiVars:MiiImageVariants.CurrentUserSideProfile}" ConstraintRotationToVertical="True"
-                                                        x:Name="MiiFaceImageLoader"
-                                                        FallBackColor="{StaticResource Neutral700}" />
-                        
-                               <StackPanel Margin="7">
-                                   <StackPanel Orientation="Horizontal">
-                                   <SelectableTextBlock Classes="TitleText" Text="{TemplateBinding UserName}"/>
-                                   <components:IconLabelButton VerticalAlignment="Center" x:Name="EditMiiName"
-                                                               IconData="{StaticResource Pen}"
-                                                               Margin="7,0,0,0" IconSize="20"
-                                                               Foreground="{StaticResource Neutral500}" 
-                                                               HoverForeground="{StaticResource Neutral400}"/>
-                                   </StackPanel>
-                                   <StackPanel Orientation="Horizontal">
-                                       <SelectableTextBlock Classes="BodyText" Text="{TemplateBinding FriendCode}"/>
-                                       <components:IconLabelButton VerticalAlignment="Center" x:Name="CopyFcButton"
-                                                                   IconData="{StaticResource Copy}"
-                                                                   Margin="7,0,0,0" IconSize="20"
-                                                                   IsVisible="{TemplateBinding FriendCode, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"
-                                                                   Foreground="{StaticResource Neutral500}" 
-                                                                   HoverForeground="{StaticResource Neutral400}"/>
-                                   </StackPanel>
-                               </StackPanel>
-                           </Grid>
-                        </Border>
-                        
-                       
-                        
-                       
-                        
-                        <!-- FIRST INFORMATION LAYER -->
-                        <RadioButton Grid.Column="0" Grid.Row="1" Margin="5,6,0,0" x:Name="CheckBox" VerticalAlignment="Top"
-                                     IsChecked="{TemplateBinding IsChecked}" Classes="CheckBox">
-                            <components:FormFieldLabel Text="{x:Static lang:Settings.Option_MakePrimary}" 
-                                                       TipText="The primary profile is used as reference in the wheel wizard client" />
-                        </RadioButton>
-                        
-                        <StackPanel Grid.Column="1" Grid.Row="1" Margin="0,7,0,0">
-                            <components:FormFieldLabel Text="Status" />
-                            <SelectableTextBlock IsVisible="{TemplateBinding IsOnline}" Text="{x:Static lang:Common.Term_Online}"
-                                                 FontSize="16" Foreground="{StaticResource Primary400}"/>
-                            <SelectableTextBlock Classes="BodyText" Text="{x:Static lang:Common.Term_Offline}"
-                                                 IsVisible="{TemplateBinding IsOnline,Converter={x:Static BoolConverters.Not}}"/>
-                        </StackPanel>
-                        
-                        <Grid Grid.Column="0" Grid.Row="1" ColumnDefinitions="3*,4*" 
-                              Margin="5,0,0,10" VerticalAlignment="Bottom">
-                            <StackPanel Grid.Column="0">
-                                <components:FormFieldLabel Text="VR" />
-                                <SelectableTextBlock Classes="BodyText" Text="{TemplateBinding Vr}"/>
-                            </StackPanel>
-
-                            <StackPanel Grid.Column="1">
-                                <components:FormFieldLabel Text="BR" />
-                                <SelectableTextBlock Classes="BodyText" Text="{TemplateBinding Br}"/>
-                            </StackPanel>
-                        </Grid>
-                        
-                        <components:Button Grid.Column="1" Grid.Row="1" HorizontalAlignment="Left" VerticalAlignment="Bottom"
-                                           IsEnabled="{TemplateBinding IsOnline}" x:Name="ViewRoomButton"
-                                           Text="{x:Static lang:Online.Button_ViewRoom}" 
-                                           IconData="{StaticResource Road}" Margin="0,0,0,10"/>
-                        <Border Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" 
-                                Background="{StaticResource BackgroundLineColor}" Height="1" 
-                                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Margin="-10,0" />
-                        <!-- SECOND INFORMATION LAYER -->
-                        
-                        <StackPanel Grid.Column="0" Grid.Row="2" Margin="5,8,0,0">
-                            <components:FormFieldLabel Text="Total games won" />
-                            <SelectableTextBlock Classes="BodyText" Text="{TemplateBinding TotalWon}"/>
-                        </StackPanel>
-                        <StackPanel Grid.Column="1" Grid.Row="2" Margin="0,8,0,0">
-                            <components:FormFieldLabel Text="Total games played" />
-                            <SelectableTextBlock Classes="BodyText" Text="{TemplateBinding TotalRaces}"/>
-                        </StackPanel>
-                    </Grid>
-                </Border>
-                
-            </ControlTemplate>
-        </Setter>
-    </Style>
-    
-    <Style Selector="components1|DetailedProfileBox[IsOnline=true]">
-        <Style Selector="^ /template/ Border#PART_HeadBorderFace, ^ /template/ Border#PART_MainBorder">
-            <Setter Property="BorderBrush" Value="{StaticResource Primary400}"/>
-        </Style>
-    </Style>
-</Styles>
diff --git a/WheelWizard/Views/Components/WhWzLibrary/DetailedProfileBox.axaml.cs b/WheelWizard/Views/Components/WhWzLibrary/DetailedProfileBox.axaml.cs
deleted file mode 100644
index 691ebaa8..00000000
--- a/WheelWizard/Views/Components/WhWzLibrary/DetailedProfileBox.axaml.cs
+++ /dev/null
@@ -1,177 +0,0 @@
-using System.ComponentModel;
-using Avalonia;
-using Avalonia.Controls;
-using Avalonia.Controls.Primitives;
-using Avalonia.Interactivity;
-using Avalonia.Media.Imaging;
-using WheelWizard.WiiManagement.Domain.Mii;
-
-namespace WheelWizard.Views.Components;
-
-public class DetailedProfileBox : TemplatedControl, INotifyPropertyChanged
-{
-    public static readonly StyledProperty<Mii?> MiiProperty = AvaloniaProperty.Register<DetailedProfileBox, Mii?>(nameof(Mii));
-
-    public Mii? Mii
-    {
-        get => GetValue(MiiProperty);
-        set
-        {
-            SetValue(MiiProperty, value);
-            OnPropertyChanged(nameof(Mii));
-        }
-    }
-
-    public static readonly StyledProperty<Bitmap?> MiiImageProperty = AvaloniaProperty.Register<DetailedProfileBox, Bitmap?>(
-        nameof(MiiImage)
-    );
-
-    public Bitmap? MiiImage
-    {
-        get => GetValue(MiiImageProperty);
-        set => SetValue(MiiImageProperty, value);
-    }
-
-    public static readonly StyledProperty<bool> IsOnlineProperty = AvaloniaProperty.Register<DetailedProfileBox, bool>(nameof(IsOnline));
-
-    public bool IsOnline
-    {
-        get => GetValue(IsOnlineProperty);
-        set => SetValue(IsOnlineProperty, value);
-    }
-
-    public static readonly StyledProperty<string> TotalWonProperty = AvaloniaProperty.Register<DetailedProfileBox, string>(
-        nameof(TotalWon)
-    );
-
-    public string TotalWon
-    {
-        get => GetValue(TotalWonProperty);
-        set => SetValue(TotalWonProperty, value);
-    }
-
-    public static readonly StyledProperty<string> TotalRacesProperty = AvaloniaProperty.Register<DetailedProfileBox, string>(
-        nameof(TotalRaces)
-    );
-
-    public string TotalRaces
-    {
-        get => GetValue(TotalRacesProperty);
-        set => SetValue(TotalRacesProperty, value);
-    }
-
-    public static readonly StyledProperty<string> VrProperty = AvaloniaProperty.Register<DetailedProfileBox, string>(nameof(Vr));
-
-    public string Vr
-    {
-        get => GetValue(VrProperty);
-        set => SetValue(VrProperty, value);
-    }
-
-    public static readonly StyledProperty<string> BrProperty = AvaloniaProperty.Register<DetailedProfileBox, string>(nameof(Br));
-
-    public string Br
-    {
-        get => GetValue(BrProperty);
-        set => SetValue(BrProperty, value);
-    }
-
-    public static readonly StyledProperty<string> FriendCodeProperty = AvaloniaProperty.Register<DetailedProfileBox, string>(
-        nameof(FriendCode)
-    );
-
-    public string FriendCode
-    {
-        get => GetValue(FriendCodeProperty);
-        set => SetValue(FriendCodeProperty, value);
-    }
-
-    public static readonly StyledProperty<string> UserNameProperty = AvaloniaProperty.Register<DetailedProfileBox, string>(
-        nameof(UserName)
-    );
-
-    public string UserName
-    {
-        get => GetValue(UserNameProperty);
-        set => SetValue(UserNameProperty, value);
-    }
-
-    public static readonly StyledProperty<bool> IsCheckedProperty = AvaloniaProperty.Register<DetailedProfileBox, bool>(nameof(IsChecked));
-
-    public bool IsChecked
-    {
-        get => GetValue(IsCheckedProperty);
-        set => SetValue(IsCheckedProperty, value);
-    }
-
-    public static readonly StyledProperty<EventHandler<RoutedEventArgs>?> OnCheckedProperty = AvaloniaProperty.Register<
-        DetailedProfileBox,
-        EventHandler<RoutedEventArgs>?
-    >(nameof(OnChecked));
-
-    public EventHandler<RoutedEventArgs>? OnChecked
-    {
-        get => GetValue(OnCheckedProperty);
-        set => SetValue(OnCheckedProperty, value);
-    }
-
-    public static readonly StyledProperty<EventHandler?> OnRenameProperty = AvaloniaProperty.Register<DetailedProfileBox, EventHandler?>(
-        nameof(OnRename)
-    );
-
-    public EventHandler? OnRename
-    {
-        get => GetValue(OnRenameProperty);
-        set => SetValue(OnRenameProperty, value);
-    }
-
-    public static readonly StyledProperty<Action<string>?> ViewRoomActionProperty = AvaloniaProperty.Register<
-        FriendsListItem,
-        Action<string>?
-    >(nameof(ViewRoomAction));
-
-    public Action<string>? ViewRoomAction
-    {
-        get => GetValue(ViewRoomActionProperty);
-        set => SetValue(ViewRoomActionProperty, value);
-    }
-
-    public void ViewRoom(object? sender, RoutedEventArgs e)
-    {
-        ViewRoomAction.Invoke(FriendCode);
-    }
-
-    private void CopyFriendCode(object? obj, EventArgs e)
-    {
-        TopLevel.GetTopLevel(this)?.Clipboard?.SetTextAsync(FriendCode);
-        ViewUtils.ShowSnackbar("Copied friend code to clipboard");
-    }
-
-    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
-    {
-        base.OnApplyTemplate(e);
-
-        var checkBox = e.NameScope.Find<RadioButton>("CheckBox");
-        if (checkBox != null)
-            checkBox.Checked += OnChecked;
-
-        var viewRoomButton = e.NameScope.Find<Button>("ViewRoomButton");
-        if (viewRoomButton != null)
-            viewRoomButton.Click += ViewRoom;
-
-        var changeNameButton = e.NameScope.Find<IconLabelButton>("EditMiiName");
-        if (changeNameButton != null)
-            changeNameButton.Click += OnRename;
-
-        var copyFcButton = e.NameScope.Find<IconLabelButton>("CopyFcButton");
-        if (copyFcButton != null)
-            copyFcButton.Click += CopyFriendCode;
-    }
-
-    public event PropertyChangedEventHandler? PropertyChanged;
-
-    protected virtual void OnPropertyChanged(string propertyName)
-    {
-        PropertyChanged?.Invoke(this, new(propertyName));
-    }
-}
diff --git a/WheelWizard/Views/Components/WhWzLibrary/FriendsListItem.axaml b/WheelWizard/Views/Components/WhWzLibrary/FriendsListItem.axaml
index 43ecd02a..04fe44b9 100644
--- a/WheelWizard/Views/Components/WhWzLibrary/FriendsListItem.axaml
+++ b/WheelWizard/Views/Components/WhWzLibrary/FriendsListItem.axaml
@@ -3,7 +3,7 @@
         xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
         xmlns:components="clr-namespace:WheelWizard.Views.Components"
         xmlns:miiVars="using:WheelWizard.MiiImages.Domain"
-        xmlns:miiImages="clr-namespace:WheelWizard.Views.Components.MiiImages">
+        xmlns:behaviorComponent="clr-namespace:WheelWizard.Views.BehaviorComponent">
     <Design.PreviewWith>
         <StackPanel Spacing="6" Background="{StaticResource Neutral950}">
             <components:FriendsListItem Width="428" Height="124"
@@ -51,9 +51,10 @@
                     <Grid ColumnDefinitions="2*, 5*, 5*">
                         <Border Grid.Column="0" Background="{StaticResource Neutral700}"
                                 Margin="-10,-5,0,-5" CornerRadius="7,0,0,7"/>
-                        <miiImages:MiiImageLoader Grid.Column="0" Grid.ColumnSpan="2" Margin="-35,-25,0,-5" HorizontalAlignment="Left"
-                                                Mii="{TemplateBinding Mii}" FallBackColor="{StaticResource Neutral500}"
-                                                ImageVariant="{x:Static miiVars:MiiImageVariants.FriendsSideProfile}" LoadingColor="Transparent"/>
+                        <behaviorComponent:MiiImageLoader Grid.Column="0" Grid.ColumnSpan="2" Margin="-180,-25,0,-5" HorizontalAlignment="Left"
+                                                          VerticalAlignment="Stretch"
+                                                          Mii="{TemplateBinding Mii}" FallBackColor="{StaticResource Neutral500}"
+                                                          ImageVariant="{x:Static miiVars:MiiImageVariants.FriendsSideProfile}" LoadingColor="Transparent"/>
                         
                         <Border Grid.Column="0" Grid.ColumnSpan="2" Background="{StaticResource Neutral900}"
                                 Margin="-10,-5,0,-5" CornerRadius="7,0,0,7">
diff --git a/WheelWizard/Views/Components/WhWzLibrary/MiiBlock.axaml b/WheelWizard/Views/Components/WhWzLibrary/MiiBlock.axaml
new file mode 100644
index 00000000..ba72c104
--- /dev/null
+++ b/WheelWizard/Views/Components/WhWzLibrary/MiiBlock.axaml
@@ -0,0 +1,113 @@
+<Styles xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:controls="using:WheelWizard.Views.Components"
+        xmlns:miiVars="using:WheelWizard.MiiImages.Domain"
+        xmlns:behaviorComponent="clr-namespace:WheelWizard.Views.BehaviorComponent">
+    <Design.PreviewWith>
+        <StackPanel Spacing="13" Background="{StaticResource Neutral950}">
+            <controls:MiiBlock Width="90" Height="90" IsGlobal="True"/>
+            <controls:MiiBlock Width="90" Height="90" IsChecked="True" />
+            <controls:MiiBlock Width="90" Height="90" />
+            <controls:MiiBlock Width="90" Height="90" IsFavorite="True" />
+        </StackPanel>
+    </Design.PreviewWith>
+
+    <Style Selector="controls|MiiBlock">
+        <!-- Set Defaults -->
+        <Setter Property="Template">
+            <ControlTemplate>
+                <Grid x:Name="PART_ParentGrid" ClipToBounds="False">
+                    <Border CornerRadius="{StaticResource GlobalCornerRadius}" BorderThickness="1"
+                            x:Name="PART_MainBorder" ClipToBounds="True"
+                            Background="{StaticResource Neutral900}" BorderBrush="{StaticResource Neutral600}">
+                        <Grid>
+                            <Border CornerRadius="99999" HorizontalAlignment="Right" VerticalAlignment="Top"
+                                    Opacity="0.7" IsVisible="False" x:Name="PART_BackgroundBlur"
+                                    Height="70" Width="50" Effect="blur(130)">
+                                <Border.Styles>
+                                    <Style Selector="Border">
+                                        <Style.Animations>
+                                            <Animation Duration="0:0:8" IterationCount="INFINITE">
+                                                <KeyFrame Cue="0%">
+                                                    <Setter Property="RotateTransform.Angle" Value="0" />
+                                                </KeyFrame>
+                                                <KeyFrame Cue="100%">
+                                                    <Setter Property="RotateTransform.Angle" Value="360" />
+                                                </KeyFrame>
+                                            </Animation>
+                                        </Style.Animations>
+                                    </Style>
+                                </Border.Styles>
+                            </Border>
+
+                            <PathIcon Data="{StaticResource PlusMark}" Height="35" x:Name="PART_AddIcon"
+                                      IsVisible="{TemplateBinding Mii, Converter={x:Static ObjectConverters.IsNull} }"
+                                      Width="1000" Foreground="{StaticResource Neutral500}" />
+                            
+                            <behaviorComponent:MiiImageLoader HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
+                                                              IsVisible="{TemplateBinding Mii, Converter={x:Static ObjectConverters.IsNotNull} }"
+                                                              Mii="{TemplateBinding Mii}" ImageOnlyMargin="-4,-9,-4,0"
+                                                              FallBackColor="{StaticResource Neutral500}"
+                                                              LoadingColor="{StaticResource Neutral950}"
+                                                              ImageVariant="{x:Static miiVars:MiiImageVariants.MiiBlockProfile}" />
+                            
+                            <PathIcon Data="{StaticResource StarIcon}" Height="17"
+                                      IsVisible="{TemplateBinding IsFavorite}" HorizontalAlignment="Left" VerticalAlignment="Top"
+                                      Margin="6" Width="17" Foreground="{StaticResource Warning400}" />
+                               
+                            <StackPanel HorizontalAlignment="Right" VerticalAlignment="Top" Margin="6" Width="17" Spacing="6">
+                                <PathIcon Data="{StaticResource Global}" Height="17" Width="17"
+                                          IsVisible="{TemplateBinding IsGlobal}" Foreground="DeepSkyBlue" />
+                            </StackPanel>
+                        </Grid>
+                    </Border>
+                    <Border HorizontalAlignment="Center" Background="{StaticResource Black}" VerticalAlignment="Bottom"
+                            Margin="0,0,0,-10"
+                            CornerRadius="{StaticResource GlobalCornerRadius}" Opacity="0" x:Name="PART_NameBorder"
+                            IsVisible="{TemplateBinding MiiName, Converter={x:Static StringConverters.IsNotNullOrEmpty} }">
+                        <TextBlock Classes="TinyText" HorizontalAlignment="Center" VerticalAlignment="Center"
+                                   Margin="5,3"
+                                   Text="{TemplateBinding MiiName}" />
+                    </Border>
+                </Grid>
+            </ControlTemplate>
+        </Setter>
+
+        <Style Selector="^:pointerover /template/ Border#PART_MainBorder">
+            <Setter Property="BorderBrush" Value="{StaticResource Neutral500}" />
+            <Setter Property="Background" Value="{StaticResource Neutral700}" />
+            <Style Selector="^ PathIcon#PART_AddIcon">
+                <Setter Property="Foreground" Value="{StaticResource Neutral400}" />
+            </Style>
+        </Style>
+        
+        <Style Selector="^:pointerover /template/ Border#PART_NameBorder">
+            <Setter Property="Opacity" Value="1" />
+        </Style>
+        
+        <Style Selector="^[IsFavorite=True] /template/ Border#PART_MainBorder">
+            <Setter Property="BorderBrush" Value="{StaticResource Warning500}"></Setter>
+            <Style Selector="^ PathIcon#PART_AddIcon">
+                <Setter Property="Foreground" Value="{StaticResource Warning500}" />
+            </Style>
+            <Style Selector="^ Border#PART_BackgroundBlur">
+                <Setter Property="IsVisible" Value="True" />
+                <Setter Property="Background" Value="{StaticResource Warning300}" />
+            </Style>
+        </Style>
+        
+        <Style Selector="^[IsChecked=True] /template/ Border#PART_MainBorder">
+            <Setter Property="BorderBrush" Value="{StaticResource Primary400}"></Setter>
+            <Style Selector="^ PathIcon#PART_AddIcon">
+                <Setter Property="Foreground" Value="{StaticResource Primary400}" />
+            </Style>
+            <Style Selector="^ Border#PART_BackgroundBlur">
+                <Setter Property="IsVisible" Value="True" />
+                <Setter Property="Background" Value="{StaticResource Primary200}" />
+            </Style>
+        </Style>
+        <Style Selector="^:pointerover[IsChecked=True] /template/ Border#PART_MainBorder">
+            <Setter Property="Background" Value="{StaticResource Neutral800}"></Setter>
+        </Style>
+    </Style>
+</Styles>
\ No newline at end of file
diff --git a/WheelWizard/Views/Components/WhWzLibrary/MiiBlock.axaml.cs b/WheelWizard/Views/Components/WhWzLibrary/MiiBlock.axaml.cs
new file mode 100644
index 00000000..8328fd22
--- /dev/null
+++ b/WheelWizard/Views/Components/WhWzLibrary/MiiBlock.axaml.cs
@@ -0,0 +1,88 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Input;
+using Avalonia.Interactivity;
+using WheelWizard.Services.Settings;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Components;
+
+public class MiiBlock : RadioButton
+{
+    private static ContextMenu? s_oldMenu;
+
+    public static readonly StyledProperty<Mii?> MiiProperty = AvaloniaProperty.Register<MiiBlock, Mii?>(nameof(Mii));
+
+    public Mii? Mii
+    {
+        get => GetValue(MiiProperty);
+        set => SetValue(MiiProperty, value);
+    }
+
+    public static readonly StyledProperty<string?> MiiNameProperty = AvaloniaProperty.Register<MiiBlock, string?>(nameof(MiiName));
+
+    public string? MiiName
+    {
+        get => GetValue(MiiNameProperty);
+        private set => SetValue(MiiNameProperty, value);
+    }
+
+    public static readonly StyledProperty<bool> IsFavoriteProperty = AvaloniaProperty.Register<MiiBlock, bool>(nameof(IsFavorite));
+
+    public bool IsFavorite
+    {
+        get => GetValue(IsFavoriteProperty);
+        private set => SetValue(IsFavoriteProperty, value);
+    }
+
+    public static readonly StyledProperty<bool> IsGlobalProperty = AvaloniaProperty.Register<MiiBlock, bool>(nameof(IsGlobal));
+
+    public bool IsGlobal
+    {
+        get => GetValue(IsGlobalProperty);
+        private set => SetValue(IsGlobalProperty, value);
+    }
+
+    protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs change)
+    {
+        base.OnPropertyChanged(change);
+
+        if (change.Property == MiiProperty)
+        {
+            var mii = change.GetNewValue<Mii?>();
+            MiiName = mii?.Name.ToString();
+            IsFavorite = mii?.IsFavorite ?? false;
+            IsGlobal = mii?.IsForeign ?? false;
+
+            // todo: move this NOT HERE!!!!!
+            //but the mii must also count as foreign if its systemID is not the same as the current systemID
+            var macAddressString = (string)SettingsManager.MACADDRESS.Get();
+            var macParts = macAddressString.Split(':');
+            var macBytes = new byte[6];
+            for (var i = 0; i < 6; i++)
+                macBytes[i] = byte.Parse(macParts[i], System.Globalization.NumberStyles.HexNumber);
+            var systemId0 = (byte)((macBytes[0] + macBytes[1] + macBytes[2]) & 0xFF);
+            if (
+                mii?.SystemId0 != systemId0
+                || mii?.SystemId1 != macBytes[3]
+                || mii?.SystemId2 != macBytes[4]
+                || mii?.SystemId3 != macBytes[5]
+            )
+                IsGlobal = true;
+        }
+
+        Tag = MiiName ?? String.Empty;
+        ClipToBounds = string.IsNullOrWhiteSpace(MiiName);
+    }
+
+    protected override void OnPointerPressed(PointerPressedEventArgs e)
+    {
+        e.Handled = true;
+
+        var properties = e.GetCurrentPoint(this).Properties;
+        if (properties.IsLeftButtonPressed)
+            IsChecked = !IsChecked;
+
+        RaiseEvent(new RoutedEventArgs(ClickEvent));
+    }
+}
diff --git a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/BaseMiiImage.cs b/WheelWizard/Views/Components/WhWzLibrary/MiiImages/BaseMiiImage.cs
deleted file mode 100644
index ea4e46c5..00000000
--- a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/BaseMiiImage.cs
+++ /dev/null
@@ -1,114 +0,0 @@
-using System.ComponentModel;
-using Avalonia;
-using Avalonia.Controls.Primitives;
-using Avalonia.Media.Imaging;
-using WheelWizard.MiiImages;
-using WheelWizard.MiiImages.Domain;
-using WheelWizard.WiiManagement.Domain.Mii;
-
-namespace WheelWizard.Views.Components.MiiImages;
-
-public abstract class BaseMiiImage : TemplatedControl, INotifyPropertyChanged
-{
-    public static readonly StyledProperty<bool> MiiLoadedProperty = AvaloniaProperty.Register<BaseMiiImage, bool>(nameof(MiiLoaded));
-
-    protected bool MiiLoaded
-    {
-        get => GetValue(MiiLoadedProperty);
-        set
-        {
-            SetValue(MiiLoadedProperty, value);
-            OnPropertyChanged(nameof(MiiLoaded));
-            if (value)
-                MiiImageLoaded?.Invoke(this, EventArgs.Empty);
-        }
-    }
-
-    public static readonly StyledProperty<Bitmap?> MiiImageProperty = AvaloniaProperty.Register<BaseMiiImage, Bitmap?>(nameof(MiiImage));
-
-    protected Bitmap? MiiImage
-    {
-        get => GetValue(MiiImageProperty);
-        set
-        {
-            SetValue(MiiImageProperty, value);
-            OnPropertyChanged(nameof(MiiImage));
-        }
-    }
-
-    public static readonly StyledProperty<MiiImageSpecifications> ImageVariantProperty = AvaloniaProperty.Register<
-        BaseMiiImage,
-        MiiImageSpecifications
-    >(nameof(ImageVariant), MiiImageVariants.OnlinePlayerSmall, coerce: CoerceVariant);
-
-    public MiiImageSpecifications ImageVariant
-    {
-        get => GetValue(ImageVariantProperty);
-        set => SetValue(ImageVariantProperty, value);
-    }
-
-    public static readonly StyledProperty<Mii?> MiiProperty = AvaloniaProperty.Register<BaseMiiImage, Mii?>(nameof(Mii), coerce: CoerceMii);
-
-    public Mii? Mii
-    {
-        get => GetValue(MiiProperty);
-        set => SetValue(MiiProperty, value);
-    }
-
-    private static MiiImageSpecifications CoerceVariant(AvaloniaObject o, MiiImageSpecifications value)
-    {
-        ((BaseMiiImage)o).OnVariantChanged(value);
-        return value;
-    }
-
-    private static Mii? CoerceMii(AvaloniaObject o, Mii? value)
-    {
-        ((BaseMiiImage)o).OnMiiChanged(value);
-        return value;
-    }
-
-    protected void OnVariantChanged(MiiImageSpecifications newValue) => ReloadImage(Mii, newValue);
-
-    protected void OnMiiChanged(Mii? newValue) => ReloadImage(newValue, ImageVariant);
-
-    protected async void ReloadImage(Mii? newMii, MiiImageSpecifications variant)
-    {
-        // If the mii was already null, it did not actually change (even if the variant did change).
-        if (newMii == null && Mii != null)
-            return;
-
-        MiiLoaded = false;
-        if (newMii == null)
-        {
-            MiiImage = null;
-            MiiLoaded = true;
-            return;
-        }
-
-        var imageService = App.Services.GetService<IMiiImagesSingletonService>()!;
-        var image = await imageService.GetImageAsync(newMii, variant);
-
-        if (image.IsFailure)
-        {
-            MiiImage = null;
-            MiiLoaded = true;
-            return;
-        }
-
-        MiiImage = image.Value;
-        MiiLoaded = true;
-    }
-
-    public event EventHandler? MiiImageLoaded;
-
-    #region PropertyChanged
-
-    public new event PropertyChangedEventHandler? PropertyChanged;
-
-    protected virtual void OnPropertyChanged(string propertyName)
-    {
-        PropertyChanged?.Invoke(this, new(propertyName));
-    }
-
-    #endregion
-}
diff --git a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiCarousel.axaml b/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiCarousel.axaml
deleted file mode 100644
index 6331f052..00000000
--- a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiCarousel.axaml
+++ /dev/null
@@ -1,34 +0,0 @@
-<Styles xmlns="https://github.com/avaloniaui"
-        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:mocker="clr-namespace:WheelWizard.Utilities.Mockers"
-        xmlns:miiImages="clr-namespace:WheelWizard.Views.Components.MiiImages"
-        xmlns:components="clr-namespace:WheelWizard.Views.Components">
-    <Design.PreviewWith>
-        <Border Padding="10" Background="{StaticResource Neutral950}"
-                Width="440" Height="300">
-            <miiImages:MiiCarousel Mii="{x:Static mocker:MiiFactory.StaticSingle}"/>
-        </Border>
-    </Design.PreviewWith>
-
-    <Style Selector="miiImages|MiiCarousel">
-        <Setter Property="Template">
-            <ControlTemplate>
-                <Grid IsVisible="{TemplateBinding MiiImage, Converter={x:Static ObjectConverters.IsNotNull}}"
-                      ColumnDefinitions="Auto,*,Auto">
-                    <Border Grid.Column="1" ClipToBounds="True" x:Name="MiiImageCounter"
-                            Width="{TemplateBinding Height}" Height="{TemplateBinding Height}">
-                        <Image HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="MiiImage"
-                               Source="{TemplateBinding MiiImage, Mode=OneWay}"
-                               Height="{TemplateBinding Height}" RenderTransformOrigin="0,0"/>
-                    </Border>
-                    
-                    <components:Button Grid.Column="0" VerticalAlignment="Center" IconData="{StaticResource RotateLeft}"
-                                       CornerRadius="9999" IconSize="15" Padding="12" x:Name="RotateLeftButton"/>
-                    
-                    <components:Button Grid.Column="2" VerticalAlignment="Center" IconData="{StaticResource RotateRight}"
-                                       CornerRadius="9999" IconSize="15" Padding="12" x:Name="RotateRightButton"/>
-                </Grid>
-            </ControlTemplate>
-        </Setter>
-    </Style>
-</Styles>
\ No newline at end of file
diff --git a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiCarousel.axaml.cs b/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiCarousel.axaml.cs
deleted file mode 100644
index 2369a72e..00000000
--- a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiCarousel.axaml.cs
+++ /dev/null
@@ -1,60 +0,0 @@
-using Avalonia.Controls;
-using Avalonia.Controls.Primitives;
-using Avalonia.Media;
-using WheelWizard.MiiImages.Domain;
-
-namespace WheelWizard.Views.Components.MiiImages;
-
-public class MiiCarousel : BaseMiiImage
-{
-    private const int CarouselInstanceCount = 8;
-    private int CurrentCarouselInstance = 0;
-
-    public MiiCarousel()
-    {
-        ImageVariant = MiiImageVariants.FullBodyCarousel;
-    }
-
-    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
-    {
-        base.OnApplyTemplate(e);
-
-        var miiImage = e.NameScope.Find<Image>("MiiImage");
-        if (miiImage != null)
-            miiImage.Width = Height * CarouselInstanceCount;
-
-        var miiImageContainer = e.NameScope.Find<Border>("MiiImageCounter");
-        if (miiImageContainer != null)
-        {
-            var transGroup = new TransformGroup();
-            transGroup.Children.Add(new ScaleTransform(1.5, 1.5));
-            transGroup.Children.Add(new TranslateTransform(0, -Height * 0.20));
-            miiImageContainer.RenderTransform = transGroup;
-        }
-
-        void RotateLeft(object? obj, EventArgs _)
-        {
-            CurrentCarouselInstance += 1;
-            if (CurrentCarouselInstance > 0)
-                CurrentCarouselInstance -= CarouselInstanceCount;
-            CurrentCarouselInstance %= CarouselInstanceCount;
-            if (miiImage != null)
-                miiImage.RenderTransform = new TranslateTransform(CurrentCarouselInstance * Height, 0);
-        }
-        void RotateRight(object? obj, EventArgs _)
-        {
-            CurrentCarouselInstance -= 1;
-            CurrentCarouselInstance %= CarouselInstanceCount;
-            if (miiImage != null)
-                miiImage.RenderTransform = new TranslateTransform(CurrentCarouselInstance * Height, 0);
-        }
-
-        var rotateLeft = e.NameScope.Find<Button>("RotateLeftButton");
-        if (rotateLeft != null)
-            rotateLeft.Click += RotateLeft;
-
-        var rotateRight = e.NameScope.Find<Button>("RotateRightButton");
-        if (rotateRight != null)
-            rotateRight.Click += RotateRight;
-    }
-}
diff --git a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiImageLoader.axaml b/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiImageLoader.axaml
deleted file mode 100644
index a41947e1..00000000
--- a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiImageLoader.axaml
+++ /dev/null
@@ -1,42 +0,0 @@
-<Styles xmlns="https://github.com/avaloniaui"
-        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:miiImages="clr-namespace:WheelWizard.Views.Components.MiiImages"
-        xmlns:components="clr-namespace:WheelWizard.Views.Components">
-    <Design.PreviewWith>
-        <Border Background="{StaticResource Neutral950}" Width="600" Height="600">
-            <miiImages:MiiImageLoader HorizontalAlignment="Stretch" VerticalAlignment="Stretch" 
-                                     HeightAsScalingReference="True" FallBackColor="{StaticResource Neutral700}"
-                                     />
-        </Border>
-    </Design.PreviewWith>
-
-    <Style Selector="miiImages|MiiImageLoader">
-        <Setter Property="FallBackColor" Value="{StaticResource Neutral700}" />
-        <Setter Property="LoadingColor" Value="{StaticResource Neutral900}" />
-        <Setter Property="Template">
-            <ControlTemplate>
-                <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="MiiImageContainer"
-                      ClipToBounds="True">
-                    <components:LoadingIcon HorizontalAlignment="Center" VerticalAlignment="Stretch" x:Name="MiiLoadingIcon"
-                                            Foreground="{TemplateBinding LoadingColor}"
-                                            IsVisible="{TemplateBinding MiiLoaded, Converter={x:Static BoolConverters.Not} }"/>
-                    
-                    <PathIcon x:Name="MiiFallBackIcon" HorizontalAlignment="Center" VerticalAlignment="Bottom"
-                              Foreground="{TemplateBinding FallBackColor}" Data="{StaticResource User}">
-                        <PathIcon.IsVisible>
-                            <MultiBinding Converter="{x:Static BoolConverters.And}">
-                                <Binding Path="MiiLoaded" RelativeSource="{RelativeSource TemplatedParent}"/>
-                                <Binding Path="MiiImage" RelativeSource="{RelativeSource TemplatedParent}"
-                                                                                     Converter="{x:Static ObjectConverters.IsNull}" />
-                            </MultiBinding>
-                        </PathIcon.IsVisible>
-                    </PathIcon>
-                    
-                    <Image HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
-                           IsVisible="{TemplateBinding MiiLoaded}"
-                           Source="{TemplateBinding MiiImage, Mode=OneWay}"/>
-                </Grid>
-            </ControlTemplate>
-        </Setter>
-    </Style>
-</Styles>
diff --git a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiImageLoader.axaml.cs b/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiImageLoader.axaml.cs
deleted file mode 100644
index 1afa259c..00000000
--- a/WheelWizard/Views/Components/WhWzLibrary/MiiImages/MiiImageLoader.axaml.cs
+++ /dev/null
@@ -1,94 +0,0 @@
-using Avalonia;
-using Avalonia.Controls;
-using Avalonia.Controls.Primitives;
-using Avalonia.Media;
-using Avalonia.Threading;
-
-namespace WheelWizard.Views.Components.MiiImages;
-
-public class MiiImageLoader : BaseMiiImage
-{
-    private static bool _initializedRandomRotation = false;
-    private static bool _randomRotation = false;
-
-    public static readonly StyledProperty<IBrush> LoadingColorProperty = AvaloniaProperty.Register<MiiImageLoader, IBrush>(
-        nameof(LoadingColor)
-    );
-
-    public IBrush LoadingColor
-    {
-        get => GetValue(LoadingColorProperty);
-        set => SetValue(LoadingColorProperty, value);
-    }
-
-    public static readonly StyledProperty<IBrush> FallBackColorProperty = AvaloniaProperty.Register<MiiImageLoader, IBrush>(
-        nameof(FallBackColor)
-    );
-
-    public IBrush FallBackColor
-    {
-        get => GetValue(FallBackColorProperty);
-        set => SetValue(FallBackColorProperty, value);
-    }
-
-    public static readonly StyledProperty<bool> ConstraintRotationToVerticalProperty = AvaloniaProperty.Register<MiiImageLoader, bool>(
-        nameof(ConstraintRotationToVertical)
-    );
-    public bool ConstraintRotationToVertical
-    {
-        get => GetValue(ConstraintRotationToVerticalProperty);
-        set => SetValue(ConstraintRotationToVerticalProperty, value);
-    }
-
-    private static readonly StyledProperty<bool> HeightAsScalingReferenceProperty = AvaloniaProperty.Register<MiiImageLoader, bool>(
-        nameof(HeightAsScalingReference),
-        true
-    );
-    public bool HeightAsScalingReference
-    {
-        get => GetValue(HeightAsScalingReferenceProperty);
-        set => SetValue(HeightAsScalingReferenceProperty, value);
-    }
-
-    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
-    {
-        base.OnApplyTemplate(e);
-
-        var miiImageContainer = e.NameScope.Find<Grid>("MiiImageContainer");
-        if (miiImageContainer == null)
-            return;
-
-        if (!_initializedRandomRotation)
-        {
-            _initializedRandomRotation = true;
-            // check if today is april fools
-            _randomRotation = (DateTime.Now.Month == 4) && (DateTime.Now.Day == 1);
-        }
-        if (_randomRotation)
-        {
-            // This will only happen as a joke, e.g. on april fools.
-            miiImageContainer.RenderTransform = ConstraintRotationToVertical
-                ? new(180)
-                : new RotateTransform(new Random().NextDouble() * 360);
-        }
-
-        var loadingIcon = e.NameScope.Find<LoadingIcon>("MiiLoadingIcon");
-        var fallbackIcon = e.NameScope.Find<PathIcon>("MiiFallBackIcon");
-
-        Dispatcher.UIThread.Post(
-            () =>
-            {
-                var newValue = HeightAsScalingReference ? miiImageContainer.Bounds.Height : miiImageContainer.Bounds.Width;
-                if (loadingIcon != null)
-                    loadingIcon.IconSize = newValue * 0.7;
-
-                if (fallbackIcon == null)
-                    return;
-                fallbackIcon.Width = newValue * 0.85;
-                fallbackIcon.Height = newValue * 0.85;
-                fallbackIcon.Margin = new(0, 0, 0, -newValue * 0.05);
-            },
-            DispatcherPriority.Render
-        );
-    }
-}
diff --git a/WheelWizard/Views/Components/WhWzLibrary/ModBrowserListItem.axaml b/WheelWizard/Views/Components/WhWzLibrary/ModBrowserListItem.axaml
index a6c79e57..1487b2e6 100644
--- a/WheelWizard/Views/Components/WhWzLibrary/ModBrowserListItem.axaml
+++ b/WheelWizard/Views/Components/WhWzLibrary/ModBrowserListItem.axaml
@@ -105,7 +105,7 @@
                                 </LinearGradientBrush>
                             </Border.Background>
                             
-                            <components:LoadingIcon IconSize="50" IsVisible="True" 
+                            <components:LoadingIcon Width="50" Height="50" IsVisible="True" 
                                                     Foreground="{StaticResource Neutral700}"/>
                         </Border>
                     </Grid>
diff --git a/WheelWizard/Views/Components/WhWzLibrary/PlayerListItem.axaml b/WheelWizard/Views/Components/WhWzLibrary/PlayerListItem.axaml
index fcb63cc2..f6f859d7 100644
--- a/WheelWizard/Views/Components/WhWzLibrary/PlayerListItem.axaml
+++ b/WheelWizard/Views/Components/WhWzLibrary/PlayerListItem.axaml
@@ -2,7 +2,7 @@
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:components="using:WheelWizard.Views.Components"
         xmlns:miiVars="using:WheelWizard.MiiImages.Domain"
-        xmlns:miiComp="using:WheelWizard.Views.Components.MiiImages">
+        xmlns:behaviorComponent="clr-namespace:WheelWizard.Views.BehaviorComponent">
     <Design.PreviewWith>
         <StackPanel Background="{StaticResource Neutral950}">
             <components:PlayerListItem Width="428" Height="124"
@@ -44,11 +44,11 @@
                     <Grid ColumnDefinitions="Auto,130,80,70,*">
                         <Border Grid.Column="0" CornerRadius="999999" ClipToBounds="True" 
                                 Background="{StaticResource Neutral950}" Width="50" Height="50" Margin="0,3">
-                            <miiComp:MiiImageLoader HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
-                                                    LoadingColor="{StaticResource Neutral600}"
-                                                    Mii="{TemplateBinding Mii}"
-                                                    FallBackColor="{StaticResource Neutral600}"
-                                                    ImageVariant="{x:Static miiVars:MiiImageVariants.OnlinePlayerSmall}"/>
+                            <behaviorComponent:MiiImageLoader HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
+                                                              LoadingColor="{StaticResource Neutral600}"
+                                                              Mii="{TemplateBinding Mii}"
+                                                              FallBackColor="{StaticResource Neutral600}"
+                                                              ImageVariant="{x:Static miiVars:MiiImageVariants.OnlinePlayerSmall}"/>
                         </Border>
            
                         <StackPanel Grid.Column="1" VerticalAlignment="Center" >
diff --git a/WheelWizard/Views/Converters/CollectionConverters.cs b/WheelWizard/Views/Converters/CollectionConverters.cs
new file mode 100644
index 00000000..f55f95d2
--- /dev/null
+++ b/WheelWizard/Views/Converters/CollectionConverters.cs
@@ -0,0 +1,40 @@
+using System.Collections;
+using Avalonia.Data.Converters;
+
+namespace WheelWizard.Views.Converters;
+
+// Note that this is static, which means you don't have to add it as a converter
+public static class CollectionConverters
+{
+    public static readonly IValueConverter First = new FuncValueConverter<IEnumerable?, object?>(x =>
+        x?.OfType<object?>().ElementAtOrDefault(0)
+    );
+    public static readonly IValueConverter FirstIsNull = new FuncValueConverter<IEnumerable?, bool>(x =>
+        x?.OfType<object?>().ElementAtOrDefault(0) == null
+    );
+    public static readonly IValueConverter FirstIsNotNull = new FuncValueConverter<IEnumerable?, bool>(x =>
+        x?.OfType<object?>().ElementAtOrDefault(0) != null
+    );
+
+    public static readonly IValueConverter Second = new FuncValueConverter<IEnumerable?, object?>(x =>
+        x?.OfType<object?>().ElementAtOrDefault(1)
+    );
+    public static readonly IValueConverter SecondIsNull = new FuncValueConverter<IEnumerable?, bool>(x =>
+        x?.OfType<object?>().ElementAtOrDefault(1) == null
+    );
+    public static readonly IValueConverter SecondIsNotNull = new FuncValueConverter<IEnumerable?, bool>(x =>
+        x?.OfType<object?>().ElementAtOrDefault(1) != null
+    );
+
+    public static readonly IValueConverter Third = new FuncValueConverter<IEnumerable?, object?>(x =>
+        x?.OfType<object?>().ElementAtOrDefault(2)
+    );
+    public static readonly IValueConverter ThirdIsNull = new FuncValueConverter<IEnumerable?, bool>(x =>
+        x?.OfType<object?>().ElementAtOrDefault(2) == null
+    );
+    public static readonly IValueConverter ThirdIsNotNull = new FuncValueConverter<IEnumerable?, bool>(x =>
+        x?.OfType<object?>().ElementAtOrDefault(2) != null
+    );
+
+    // Todo: add more if needed, we can also add last and secondToLast for instance
+}
diff --git a/WheelWizard/Views/Converters/FallbackConverters.cs b/WheelWizard/Views/Converters/FallbackConverters.cs
new file mode 100644
index 00000000..3df99c91
--- /dev/null
+++ b/WheelWizard/Views/Converters/FallbackConverters.cs
@@ -0,0 +1,20 @@
+using Avalonia.Data.Converters;
+using Avalonia.Media;
+using Avalonia.Media.Imaging;
+
+namespace WheelWizard.Views.Converters;
+
+// Note that this is static, which means you don't have to add it as a converter
+public static class FallbackConverters
+{
+    // Todo I think this can be made more generic, just with <object, object?>
+    public static readonly IMultiValueConverter Brushes = new FuncMultiValueConverter<IBrush, IBrush?>(x =>
+    {
+        foreach (var brush in x)
+        {
+            if (brush is not null)
+                return brush;
+        }
+        return null;
+    });
+}
diff --git a/WheelWizard/Views/Converters/NullToBoolConverter.cs b/WheelWizard/Views/Converters/NullToBoolConverter.cs
new file mode 100644
index 00000000..16407c0f
--- /dev/null
+++ b/WheelWizard/Views/Converters/NullToBoolConverter.cs
@@ -0,0 +1,12 @@
+using System.Globalization;
+using Avalonia.Data.Converters;
+
+namespace WheelWizard.Views.Converters;
+
+public class NullToBoolConverter : IValueConverter
+{
+    public object Convert(object? value, Type targetType, object parameter, CultureInfo culture) => value != null;
+
+    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) =>
+        Avalonia.Data.BindingOperations.DoNothing;
+}
diff --git a/WheelWizard/Views/Converters/NumberConverters.cs b/WheelWizard/Views/Converters/NumberConverters.cs
index edc011f5..25759437 100644
--- a/WheelWizard/Views/Converters/NumberConverters.cs
+++ b/WheelWizard/Views/Converters/NumberConverters.cs
@@ -15,4 +15,6 @@ public static class NumberConverters
     public static readonly IValueConverter SmallerThan0 = new FuncValueConverter<double, bool>(x => x < 0);
     public static readonly IValueConverter GreaterThanOrEqual0 = new FuncValueConverter<double, bool>(x => x >= 0);
     public static readonly IValueConverter SmallerThanOrEqual0 = new FuncValueConverter<double, bool>(x => x <= 0);
+
+    public static readonly IValueConverter AlwaysFalse = new FuncValueConverter<bool, bool>(x => false);
 }
diff --git a/WheelWizard/Views/Layout.axaml b/WheelWizard/Views/Layout.axaml
index 4a891cab..d383e0e7 100644
--- a/WheelWizard/Views/Layout.axaml
+++ b/WheelWizard/Views/Layout.axaml
@@ -13,22 +13,22 @@
         ExtendClientAreaToDecorationsHint="True"
         ExtendClientAreaChromeHints="NoChrome"
         CanResize='False' Background="Transparent">
-    <Grid ColumnDefinitions="192,*" RowDefinitions="25,17,18,70,*,80" x:Name="CompleteGrid"
+    <Grid ColumnDefinitions="192,*" RowDefinitions="27,17,18,70,*,80" x:Name="CompleteGrid"
           Background="{StaticResource FrameColor}">
-                
+
         <Border Grid.ColumnSpan="2"
                 CornerRadius="0"
                 Background="{StaticResource FrameColor}"
                 PointerPressed="TopBar_PointerPressed">
         </Border>
-        
+
         <Border Grid.RowSpan="999" Grid.ColumnSpan="999" ZIndex="999" IsVisible="false"
                 x:Name="DisabledDarkenEffect" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
-                Background="Black"  Opacity="0.3"/> 
-        
-        <DockPanel Grid.Row="0" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Top"
+                Background="Black" Opacity="0.3" />
+
+        <DockPanel Grid.Row="0" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center"
                    x:Name="TopBarButtons">
-            <Button Width="30" Height="25" Click="MinimizeButton_Click"  Classes="TopButton">
+            <Button Width="30" Height="25" Click="MinimizeButton_Click" Classes="TopButton">
                 <PathIcon Data="{StaticResource MinMark}" Width="12" Height="12"
                           Foreground="{Binding $parent[Button].Foreground}" />
             </Button>
@@ -37,228 +37,233 @@
                           Foreground="{Binding $parent[Button].Foreground}" />
             </Button>
         </DockPanel>
-        
+
         <Border Grid.Column="0" Grid.Row="0" Grid.RowSpan="3" VerticalAlignment="Bottom">
             <components:IconLabel IconData="{StaticResource WheelIcon}" x:Name="TitleLabel"
-                             Foreground="{StaticResource Neutral400}"
-                             FontSize="20" IconSize="31" IsHitTestVisible="False"
-                             Margin="10,10,0,18"/>
+                                  Foreground="{StaticResource Neutral400}"
+                                  FontSize="20" IconSize="31" IsHitTestVisible="False"
+                                  Margin="10,10,0,18" />
         </Border>
-        
+
         <Border Grid.Row="4" VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="10">
             <StackPanel>
-                <TextBlock Classes="TinyText" x:Name="MadeBy_Part1" Text="Made by: Patchzy" HorizontalAlignment="Right"/>
-                <TextBlock Classes="TinyText" x:Name="MadeBy_Part2" Text="And WantToBeeMe" HorizontalAlignment="Right"/>
+                <TextBlock Classes="TinyText" x:Name="MadeBy_Part1" Text="Made by: Patchzy" HorizontalAlignment="Right" />
+                <TextBlock Classes="TinyText" x:Name="MadeBy_Part2" Text="And WantToBeeMe" HorizontalAlignment="Right" />
             </StackPanel>
         </Border>
-        
+
 
         <Border Grid.Column="1" Grid.Row="1" Grid.RowSpan="5"
                 CornerRadius="{StaticResource WindowCornerRadiusLeftRightTwix}"
-                Background="{StaticResource BackgroundColor}"/>
+                Background="{StaticResource BackgroundColor}" />
         <ContentControl Grid.Column="1" Grid.Row="1" Grid.RowSpan="5" ClipToBounds="False"
-                        x:Name="ContentArea" Margin="{StaticResource EdgeGap}"/>
-        
+                        x:Name="ContentArea" Margin="{StaticResource EdgeGap}" />
+
         <StackPanel Grid.Row="3" Orientation="Horizontal" VerticalAlignment="Bottom"
                     Margin="0,0,0,25">
             <components:StateBox x:Name="PlayerCountBox" Text="0" Variant="Dark"
-                                  IconData="{StaticResource UserCouple}"
-                                  TipText="{x:Static lang:Phrases.Hover_PlayersOnline_0}"
-                                  Margin="10,0,0,0" />
+                                 IconData="{StaticResource UserCouple}"
+                                 TipText="{x:Static lang:Phrases.Hover_PlayersOnline_0}"
+                                 Margin="10,0,0,0" />
             <components:StateBox x:Name="RoomCountBox" Text="0" Variant="Dark"
-                            IconData="{StaticResource RoomUsers}"
-                            TipText="{x:Static lang:Phrases.Hover_RoomsOnline_0}"
-                            Margin="10,0,0,0" />
+                                 IconData="{StaticResource RoomUsers}"
+                                 TipText="{x:Static lang:Phrases.Hover_RoomsOnline_0}"
+                                 Margin="10,0,0,0" />
         </StackPanel>
-        
+
         <Border Grid.Column="0" Grid.Row="4" VerticalAlignment="Bottom" HorizontalAlignment="Left"
                 ToolTip.Tip="This only shows regions YOU have played on"
                 ToolTip.Placement="TopEdgeAlignedLeft" ToolTip.ShowDelay="20"
                 x:Name="LiveStatusBorder" IsVisible="False"
                 Width="32" Height="32" Margin="6">
-            <PathIcon VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>
+            <PathIcon VerticalAlignment="Stretch" HorizontalAlignment="Stretch" />
             <Border.Styles>
                 <Style Selector="Border PathIcon">
-                    <Setter Property="Foreground" Value="Transparent"/>
+                    <Setter Property="Foreground" Value="Transparent" />
                 </Style>
                 <Style Selector="Border.Warning PathIcon">
-                    <Setter Property="Foreground" Value="{StaticResource Warning500}"/>
-                    <Setter Property="Data" Value="{StaticResource WarningTip}"/>
+                    <Setter Property="Foreground" Value="{StaticResource Warning500}" />
+                    <Setter Property="Data" Value="{StaticResource WarningTip}" />
                 </Style>
                 <Style Selector="Border.Error PathIcon">
-                    <Setter Property="Foreground" Value="{StaticResource Danger500}"/>
-                    <Setter Property="Data" Value="{StaticResource ErrorTip}"/>
+                    <Setter Property="Foreground" Value="{StaticResource Danger500}" />
+                    <Setter Property="Data" Value="{StaticResource ErrorTip}" />
                 </Style>
                 <Style Selector="Border.Success PathIcon">
-                    <Setter Property="Foreground" Value="{StaticResource Primary300}"/>
-                    <Setter Property="Data" Value="{StaticResource SuccessTip}"/>
+                    <Setter Property="Foreground" Value="{StaticResource Primary300}" />
+                    <Setter Property="Data" Value="{StaticResource SuccessTip}" />
                 </Style>
                 <Style Selector="Border.Info PathIcon">
-                    <Setter Property="Foreground" Value="{StaticResource Neutral200}"/>
-                    <Setter Property="Data" Value="{StaticResource InfoTip}"/>
+                    <Setter Property="Foreground" Value="{StaticResource Neutral200}" />
+                    <Setter Property="Data" Value="{StaticResource InfoTip}" />
                 </Style>
                 <Style Selector="Border.Question PathIcon">
-                    <Setter Property="Foreground" Value="{StaticResource Warning600}"/>
-                    <Setter Property="Data" Value="{StaticResource QuestionTip}"/>
+                    <Setter Property="Foreground" Value="{StaticResource Warning600}" />
+                    <Setter Property="Data" Value="{StaticResource QuestionTip}" />
                 </Style>
                 <Style Selector="Border.Party PathIcon">
-                    <Setter Property="Foreground" Value="{StaticResource Danger300}"/>
-                    <Setter Property="Data" Value="{StaticResource StarIcon}"/>
+                    <Setter Property="Foreground" Value="{StaticResource Danger300}" />
+                    <Setter Property="Data" Value="{StaticResource StarIcon}" />
                 </Style>
             </Border.Styles>
         </Border>
-       
-        
+
+
         <!-- Sidebar -->
         <TextBlock Text="{x:Static lang:Common.Term_General}" Classes="SidebarSectionText"
                    VerticalAlignment="Bottom" Grid.Row="3" />
         <StackPanel x:Name="SidePanelButtons" Grid.Column="0" Grid.Row="4" Width="192" VerticalAlignment="Top">
             <components:SidebarRadioButton IconData="{StaticResource Home}"
-                                        Text="{x:Static lang:Common.PageTitle_Home}"
-                                        PageType="{x:Type pages:HomePage}"
-                                        IsChecked="True"/>
+                                           Text="{x:Static lang:Common.PageTitle_Home}"
+                                           PageType="{x:Type pages:HomePage}"
+                                           IsChecked="True" />
             <components:SidebarRadioButton IconData="{StaticResource UserCircle}"
-                                        PageType="{x:Type pages:UserProfilePage}"
-                                        Text="{x:Static lang:Common.PageTitle_MyProfiles}" x:Name="MyProfilesButton"/>
+                                           PageType="{x:Type pages:UserProfilePage}"
+                                           Text="{x:Static lang:Common.PageTitle_MyProfiles}" x:Name="MyProfilesButton" />
             <components:SidebarRadioButton IconData="{StaticResource CubesStacked}"
-                                        PageType="{x:Type pages:ModsPage}"
-                                        Text="{x:Static lang:Common.PageTitle_Mods}"/>
+                                           PageType="{x:Type pages:ModsPage}"
+                                           Text="{x:Static lang:Common.PageTitle_Mods}" />
+            <components:SidebarRadioButton IconData="{StaticResource Shirt}"
+                                           PageType="{x:Type pages:MiiListPage}"
+                                           Text="{x:Static lang:Common.PageTitle_MyMiis}" />
             <TextBlock Text="{x:Static lang:Common.Term_Online}" Classes="SidebarSectionText" />
             <components:SidebarRadioButton IconData="{StaticResource RoomUsers}"
-                                        PageType="{x:Type pages:RoomsPage}"
-                                        Text="{x:Static lang:Common.PageTitle_Rooms}" x:Name="RoomsButton"/>
+                                           PageType="{x:Type pages:RoomsPage}"
+                                           Text="{x:Static lang:Common.PageTitle_Rooms}" x:Name="RoomsButton" />
             <components:SidebarRadioButton IconData="{StaticResource Friends}"
-                                        Text="{x:Static lang:Common.PageTitle_Friends}" x:Name="FriendsButton"
-                                        PageType="{x:Type pages:FriendsPage}"
-                                        BoxText="0/0"/>
+                                           Text="{x:Static lang:Common.PageTitle_Friends}" x:Name="FriendsButton"
+                                           PageType="{x:Type pages:FriendsPage}"
+                                           BoxText="0/0" />
 
             <TextBlock Text="{x:Static lang:Common.Term_Other}" Classes="SidebarSectionText" />
             <components:SidebarRadioButton IconData="{StaticResource Settings}"
-                                        PageType="{x:Type settings:SettingsPage}"
-                                        Text="{x:Static lang:Common.PageTitle_Settings}" x:Name="SettingsButton"/>
+                                           PageType="{x:Type settings:SettingsPage}"
+                                           Text="{x:Static lang:Common.PageTitle_Settings}" x:Name="SettingsButton" />
             <components:SidebarRadioButton IconData="{StaticResource Spinner}" IsVisible="False"
-                                        Text="Kitchen Sink" x:Name="KitchenSinkButton"/>
+                                           Text="Kitchen Sink" x:Name="KitchenSinkButton" />
         </StackPanel>
-        
+
         <Border Grid.Column="0" Grid.Row="5" Background="{StaticResource Neutral800}">
             <StackPanel VerticalAlignment="Center" Spacing="5">
                 <components:IconLabelButton IconData="{StaticResource DiscordIcon}"
-                                       Text="{x:Static lang:Phrases.Sidebar_Link_Discord}"
-                                       Foreground="{StaticResource Neutral400}"
-                                       HoverForeground="{StaticResource Primary300}"
-                                       FontSize="13"
-                                       Click="Discord_Click"
-                                       Margin="10,0,0,0"
-                                       IconSize="20" />
+                                            Text="{x:Static lang:Phrases.Sidebar_Link_Discord}"
+                                            Foreground="{StaticResource Neutral400}"
+                                            HoverForeground="{StaticResource Primary300}"
+                                            FontSize="13"
+                                            Click="Discord_Click"
+                                            Margin="10,0,0,0"
+                                            IconSize="20" />
                 <components:IconLabelButton IconData="{StaticResource GithubIcon}"
-                                       Text="{x:Static lang:Phrases.Sidebar_Link_Github}"
-                                       Foreground="{StaticResource Neutral400}"
-                                       HoverForeground="{StaticResource Primary300}"
-                                       FontSize="13"
-                                       Click="Github_Click"
-                                       Margin="10,0,0,0"
-                                       IconSize="20" />
+                                            Text="{x:Static lang:Phrases.Sidebar_Link_Github}"
+                                            Foreground="{StaticResource Neutral400}"
+                                            HoverForeground="{StaticResource Primary300}"
+                                            FontSize="13"
+                                            Click="Github_Click"
+                                            Margin="10,0,0,0"
+                                            IconSize="20" />
                 <components:IconLabelButton IconData="{StaticResource CoffeeIcon}"
-                                       Text="{x:Static lang:Phrases.Sidebar_Link_Support}"
-                                       Foreground="{StaticResource Neutral400}"
-                                       HoverForeground="{StaticResource Primary300}"
-                                       FontSize="13"
-                                       Click="Support_Click"
-                                       Margin="10,0,0,0"
-                                       IconSize="20" />
+                                            Text="{x:Static lang:Phrases.Sidebar_Link_Support}"
+                                            Foreground="{StaticResource Neutral400}"
+                                            HoverForeground="{StaticResource Primary300}"
+                                            FontSize="13"
+                                            Click="Support_Click"
+                                            Margin="10,0,0,0"
+                                            IconSize="20" />
             </StackPanel>
         </Border>
-        
+
         <!-- Snackbar -->
         <Grid Grid.Column="1" Grid.Row="4" Grid.RowSpan="2" VerticalAlignment="Bottom"
-              MinHeight="40" Margin="30,13,30,16"  x:Name="Snackbar">
-            
-            <Border  HorizontalAlignment="Stretch" x:Name="SnackbarBlur"
-                    VerticalAlignment="Stretch" CornerRadius="9999" Effect="blur(150)" Opacity="0.1"/>
-            
+              MinHeight="40" Margin="30,13,30,16" x:Name="Snackbar">
+
+            <Border HorizontalAlignment="Stretch" x:Name="SnackbarBlur"
+                    VerticalAlignment="Stretch" CornerRadius="9999" Effect="blur(150)" Opacity="0.1" />
+
             <Border Background="{StaticResource Neutral700}" HorizontalAlignment="Stretch"
                     BorderThickness="1" x:Name="SnackbarContainer"
                     CornerRadius="{StaticResource GlobalCornerRadius}">
                 <Grid VerticalAlignment="Center" ColumnDefinitions="40,*,40">
-                    <PathIcon Width="20"/> <!-- check mark, warning or error icon -->
+                    <PathIcon Width="20" /> <!-- check mark, warning or error icon -->
                     <TextBlock Grid.Column="1" Classes="BodyText" VerticalAlignment="Center"
                                Foreground="{StaticResource Neutral200}"
-                               x:Name="SnackbarText">Example text</TextBlock>
+                               x:Name="SnackbarText">
+                        Example text
+                    </TextBlock>
                     <components:IconLabelButton Grid.Column="2" IconData="{StaticResource XMark}"
                                                 Foreground="{StaticResource Neutral400}"
                                                 Click="CloseSnackbar_OnClick" HorizontalAlignment="Center"
                                                 HoverForeground="{StaticResource Neutral100}"
-                                                Text="" IconSize="14"/>
+                                                Text="" IconSize="14" />
                 </Grid>
             </Border>
-            
+
             <Grid.Styles>
                 <Style Selector="Grid#Snackbar">
-                    <Setter Property="IsVisible" Value="False"/>
+                    <Setter Property="IsVisible" Value="False" />
                 </Style>
-                
+
                 <Style Selector="Grid#Snackbar.success">
                     <Style Selector="^ PathIcon">
-                        <Setter Property="Data" Value="{StaticResource SuccessTip}"/>
-                        <Setter Property="Foreground" Value="{StaticResource Primary400}"/>
+                        <Setter Property="Data" Value="{StaticResource SuccessTip}" />
+                        <Setter Property="Foreground" Value="{StaticResource Primary400}" />
                     </Style>
                     <Style Selector="^ Border#SnackbarBlur">
-                        <Setter Property="Background" Value="{StaticResource Primary300}"/>
+                        <Setter Property="Background" Value="{StaticResource Primary300}" />
                     </Style>
                     <Style Selector="^ Border#SnackbarContainer">
-                        <Setter Property="BorderBrush" Value="{StaticResource Primary400}"/>
+                        <Setter Property="BorderBrush" Value="{StaticResource Primary400}" />
                     </Style>
                 </Style>
-                
+
                 <Style Selector="Grid#Snackbar.warning">
                     <Style Selector="^ PathIcon">
-                        <Setter Property="Data" Value="{StaticResource WarningTip}"/>
-                        <Setter Property="Foreground" Value="{StaticResource Warning500}"/>
+                        <Setter Property="Data" Value="{StaticResource WarningTip}" />
+                        <Setter Property="Foreground" Value="{StaticResource Warning500}" />
                     </Style>
                     <Style Selector="^ Border#SnackbarBlur">
-                        <Setter Property="Background" Value="{StaticResource Warning600}"/>
+                        <Setter Property="Background" Value="{StaticResource Warning600}" />
                     </Style>
                     <Style Selector="^ Border#SnackbarContainer">
-                        <Setter Property="BorderBrush" Value="{StaticResource Warning500}"/>
+                        <Setter Property="BorderBrush" Value="{StaticResource Warning500}" />
                     </Style>
                 </Style>
-                
+
                 <Style Selector="Grid#Snackbar.danger">
                     <Style Selector="^ PathIcon">
-                        <Setter Property="Data" Value="{StaticResource ErrorTip}"/>
-                        <Setter Property="Foreground" Value="{StaticResource Danger400}"/>
+                        <Setter Property="Data" Value="{StaticResource ErrorTip}" />
+                        <Setter Property="Foreground" Value="{StaticResource Danger400}" />
                     </Style>
                     <Style Selector="^ Border#SnackbarBlur">
-                        <Setter Property="Background" Value="{StaticResource Danger500}"/>
+                        <Setter Property="Background" Value="{StaticResource Danger500}" />
                     </Style>
                     <Style Selector="^ Border#SnackbarContainer">
-                        <Setter Property="BorderBrush" Value="{StaticResource Danger400}"/>
+                        <Setter Property="BorderBrush" Value="{StaticResource Danger400}" />
                     </Style>
                 </Style>
-                
+
                 <Style Selector="Grid#Snackbar.show">
                     <Style.Animations>
                         <!-- Whenever you change the time, also change the keyframes so the animation looks fine again, try to keep it the 0.2 seconds -->
                         <Animation Duration="0:0:6" IterationCount="1" FillMode="Forward">
                             <KeyFrame Cue="0%">
-                                <Setter Property="IsVisible" Value="True"/>
-                                <Setter Property="Opacity" Value="0"/>
-                                <Setter Property="TranslateTransform.Y" Value="100"/>
+                                <Setter Property="IsVisible" Value="True" />
+                                <Setter Property="Opacity" Value="0" />
+                                <Setter Property="TranslateTransform.Y" Value="100" />
                             </KeyFrame>
                             <KeyFrame Cue="0.6%"> <!-- 0.1 seconds -->
-                                <Setter Property="Opacity" Value="1"/>
-                                <Setter Property="TranslateTransform.Y" Value="20"/>
+                                <Setter Property="Opacity" Value="1" />
+                                <Setter Property="TranslateTransform.Y" Value="20" />
                             </KeyFrame>
                             <KeyFrame Cue="1.2%"> <!-- 0.2 seconds -->
-                                <Setter Property="TranslateTransform.Y" Value="0"/>
+                                <Setter Property="TranslateTransform.Y" Value="0" />
                             </KeyFrame>
-                            
+
                             <KeyFrame Cue="98.8%">
-                                <Setter Property="Opacity" Value="1"/>
+                                <Setter Property="Opacity" Value="1" />
                             </KeyFrame>
                             <KeyFrame Cue="100%"> <!-- vanish in 0.2 seconds -->
-                                <Setter Property="Opacity" Value="0"/>
-                                <Setter Property="IsVisible" Value="False"/>
+                                <Setter Property="Opacity" Value="0" />
+                                <Setter Property="IsVisible" Value="False" />
                             </KeyFrame>
                         </Animation>
                     </Style.Animations>
diff --git a/WheelWizard/Views/Pages/FriendsPage.axaml b/WheelWizard/Views/Pages/FriendsPage.axaml
index 591172ae..45adb8e7 100644
--- a/WheelWizard/Views/Pages/FriendsPage.axaml
+++ b/WheelWizard/Views/Pages/FriendsPage.axaml
@@ -6,6 +6,7 @@
              xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
              xmlns:components="clr-namespace:WheelWizard.Views.Components"
              xmlns:gameData="clr-namespace:WheelWizard.Models.GameData"
+             xmlns:behaviorComponent="clr-namespace:WheelWizard.Views.BehaviorComponent"
              x:Class="WheelWizard.Views.Pages.FriendsPage">
     <Grid>
         <Grid.RowDefinitions>
@@ -30,7 +31,7 @@
             </Border>
         </StackPanel>
 
-        <components:CurrentUserProfile Grid.Row="0" x:Name="CurrentUserProfile" Margin="10,0"
+        <behaviorComponent:CurrentUserProfile Grid.Row="0" x:Name="CurrentUserProfile" Margin="10,0"
                                        HorizontalAlignment="Right" VerticalAlignment="Top" />
 
 
@@ -75,7 +76,8 @@
                 <ListBox.ContextMenu>
                     <ContextMenu>
                         <MenuItem Header="{x:Static lang:Common.Action_CopyFriendCode}" Click="CopyFriendCode_OnClick" />
-                        <MenuItem Header="View Mii" Click="OpenCarousel_OnClick" />
+                        <MenuItem Header="{x:Static lang:Common.Action_ViewMii}" Click="OpenCarousel_OnClick" />
+                        <!-- <MenuItem Header="{x:Static lang:Common.Action_SaveExternalMii}" Click="SaveMii_OnClick" /> -->
                     </ContextMenu>
                 </ListBox.ContextMenu>
             </ListBox>
diff --git a/WheelWizard/Views/Pages/FriendsPage.axaml.cs b/WheelWizard/Views/Pages/FriendsPage.axaml.cs
index 5cc0d21b..68c5e9db 100644
--- a/WheelWizard/Views/Pages/FriendsPage.axaml.cs
+++ b/WheelWizard/Views/Pages/FriendsPage.axaml.cs
@@ -4,10 +4,11 @@
 using Avalonia.Interactivity;
 using WheelWizard.Models.GameData;
 using WheelWizard.Services.LiveData;
+using WheelWizard.Services.Settings;
 using WheelWizard.Shared.DependencyInjection;
 using WheelWizard.Utilities.RepeatedTasks;
-using WheelWizard.Views.Popups;
 using WheelWizard.Views.Popups.Generic;
+using WheelWizard.Views.Popups.MiiManagement;
 using WheelWizard.WiiManagement;
 
 namespace WheelWizard.Views.Pages;
@@ -24,6 +25,9 @@ public partial class FriendsPage : UserControlBase, INotifyPropertyChanged, IRep
     [Inject]
     private IGameLicenseSingletonService GameLicenseService { get; set; } = null!;
 
+    [Inject]
+    private IMiiDbService MiiDbService { get; set; } = null!;
+
     public ObservableCollection<FriendProfile> FriendList
     {
         get => _friendlist;
@@ -166,6 +170,39 @@ private void ViewRoom_OnClick(string friendCode)
             .Show();
     }
 
+    private void SaveMii_OnClick(object sender, RoutedEventArgs e)
+    {
+        if (!MiiDbService.Exists())
+        {
+            ViewUtils.ShowSnackbar("Cant save Mii", ViewUtils.SnackbarType.Warning);
+            return;
+        }
+
+        if (FriendsListView.SelectedItem is not FriendProfile selectedPlayer)
+            return;
+        if (selectedPlayer.Mii == null)
+            return;
+
+        var desiredMii = selectedPlayer.Mii;
+
+        //We set the miiId to 0 so it will be added as a new Mii
+        desiredMii.MiiId = 0;
+        //Since we are actually copying this mii, we want to set the mac Adress to a dummy value
+        var macAddress = "02:11:11:11:11:11";
+        var databaseResult = MiiDbService.AddToDatabase(desiredMii, macAddress);
+        if (databaseResult.IsFailure)
+        {
+            new MessageBoxWindow()
+                .SetTitleText("Failed to Copy Mii")
+                .SetInfoText(databaseResult.Error!.Message)
+                .SetMessageType(MessageBoxWindow.MessageType.Error)
+                .Show();
+            return;
+        }
+
+        ViewUtils.ShowSnackbar("Mii has been added to your Miis");
+    }
+
     #region PropertyChanged
 
     public event PropertyChangedEventHandler? PropertyChanged;
diff --git a/WheelWizard/Views/Pages/HomePage.axaml b/WheelWizard/Views/Pages/HomePage.axaml
index acd3fd16..773df3e0 100644
--- a/WheelWizard/Views/Pages/HomePage.axaml
+++ b/WheelWizard/Views/Pages/HomePage.axaml
@@ -4,6 +4,7 @@
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
              xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:behaviorComponent="clr-namespace:WheelWizard.Views.BehaviorComponent"
              mc:Ignorable="d" d:DesignWidth="656" d:DesignHeight="876"
              ClipToBounds="False"
              x:Class="WheelWizard.Views.Pages.HomePage">
@@ -20,7 +21,7 @@
         <Border Grid.Row="1" Background="{StaticResource BackgroundLineColor}" Height="1" HorizontalAlignment="Stretch"
                 VerticalAlignment="Bottom" />
         
-        <components:CurrentUserProfile Grid.Row="0" x:Name="CurrentUserProfile" Margin="10,0"
+        <behaviorComponent:CurrentUserProfile Grid.Row="0" x:Name="CurrentUserProfile" Margin="10,0"
                                       HorizontalAlignment="Right" VerticalAlignment="Top"/>
 
         <StackPanel Grid.Row="1"  Orientation="Horizontal" VerticalAlignment="Top" Margin="0,6" HorizontalAlignment="Right"
diff --git a/WheelWizard/Views/Pages/MiiListPage.axaml b/WheelWizard/Views/Pages/MiiListPage.axaml
new file mode 100644
index 00000000..edd70557
--- /dev/null
+++ b/WheelWizard/Views/Pages/MiiListPage.axaml
@@ -0,0 +1,77 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:behaviorComponent="clr-namespace:WheelWizard.Views.BehaviorComponent"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             mc:Ignorable="d" d:DesignWidth="456" d:DesignHeight="776"
+             x:Class="WheelWizard.Views.Pages.MiiListPage">
+    <Grid x:Name="CompleteGrid">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="{StaticResource TopRowSize}" />
+            <!-- This is the total height as the (Title + infoSection) - (padding) -->
+            <RowDefinition />
+        </Grid.RowDefinitions>
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}" Height="1" HorizontalAlignment="Stretch"
+                VerticalAlignment="Bottom" />
+        <TextBlock Grid.Row="0" Text="{x:Static lang:Common.PageTitle_MyMiis}" HorizontalAlignment="Left"
+                   VerticalAlignment="Bottom"
+                   Classes="PageTitleText" />
+        <Border Grid.Row="1" Background="{StaticResource BackgroundLineColor}" Height="1" HorizontalAlignment="Stretch"
+                VerticalAlignment="Bottom" />
+
+        <behaviorComponent:CurrentUserProfile Grid.Row="0" x:Name="CurrentUserProfile" Margin="10,0"
+                                              HorizontalAlignment="Right" VerticalAlignment="Top" />
+
+        <components:EmptyPageInfo Grid.Row="1" x:Name="VisibleWhenNoDb"
+                                  HorizontalAlignment="Center" IsVisible="False"
+                                  Title="{x:Static lang:Phrases.EmptyText_NoMiis_Title}"
+                                  BodyText="{x:Static lang:Phrases.EmptyText_NoMiis}" />
+
+        <Grid x:Name="VisibleWhenDb" Grid.Row="1" RowDefinitions="54,*">
+            <Grid Grid.Row="0" Margin="10,0">
+                <StackPanel HorizontalAlignment="Right" VerticalAlignment="Center" Orientation="Horizontal"
+                            Spacing="6">
+                    <components:Button Text="" Click="EditMii_OnClick" x:Name="EditMiisButton"
+                                       IconData="{StaticResource Pen}"
+                                       Variant="Default" Padding="10" IsVisible="False"
+                                       ToolTip.ShowDelay="0" ToolTip.Placement="Top"
+                                       ToolTip.Tip="{x:Static lang:Common.Action_Edit}" />
+                    <components:Button Text="" Click="DuplicateMii_OnClick" x:Name="DuplicateMiisButton"
+                                       IconData="{StaticResource Duplicate}"
+                                       Variant="Default" Padding="10" IsVisible="False"
+                                       ToolTip.ShowDelay="0" ToolTip.Placement="Top"
+                                       ToolTip.Tip="{x:Static lang:Common.Action_Duplicate}" />
+                    <components:Button Text="" Click="ExportMii_OnClick" x:Name="ExportMiisButton"
+                                       IconData="{StaticResource FileExport}"
+                                       Variant="Default" Padding="10" IsVisible="False"
+                                       ToolTip.ShowDelay="0" ToolTip.Placement="Top"
+                                       ToolTip.Tip="{x:Static lang:Common.Action_Export}" />
+                    <components:Button Text="" Click="DeleteMii_OnClick" x:Name="DeleteMiisButton"
+                                       IconData="{StaticResource Trash}"
+                                       Variant="Danger" Padding="10" IsVisible="False"
+                                       ToolTip.ShowDelay="0" ToolTip.Placement="Top"
+                                       ToolTip.Tip="{x:Static lang:Common.Action_Delete}" />
+                    <components:Button Text="" Click="ImportMii_OnClick" x:Name="ImportMiiButton"
+                                       IconData="{StaticResource FileImport}"
+                                       Variant="Default" Padding="10"
+                                       ToolTip.ShowDelay="0" ToolTip.Placement="Top"
+                                       ToolTip.Tip="{x:Static lang:Common.Action_Import}" />
+                </StackPanel>
+
+                <StackPanel Orientation="Horizontal" VerticalAlignment="Bottom" Margin="0,6">
+                    <components:FormFieldLabel Text="{x:Static lang:Online.ListTitle_Miis}" />
+                    <components:StateBox Text="0" IconSize="0" x:Name="ListItemCount" />
+                </StackPanel>
+                <Border Background="{StaticResource BackgroundLineColor}" Height="1" HorizontalAlignment="Stretch"
+                        VerticalAlignment="Bottom" />
+            </Grid>
+            <ScrollViewer Grid.Row="1">
+                <UniformGrid Columns="4" HorizontalAlignment="Center" VerticalAlignment="Top" x:Name="MiiList">
+                    <components:MiiBlock Width="90" Height="90" Margin="8,10" />
+                </UniformGrid>
+            </ScrollViewer>
+        </Grid>
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Pages/MiiListPage.axaml.cs b/WheelWizard/Views/Pages/MiiListPage.axaml.cs
new file mode 100644
index 00000000..bbbbb554
--- /dev/null
+++ b/WheelWizard/Views/Pages/MiiListPage.axaml.cs
@@ -0,0 +1,444 @@
+using System.IO.Abstractions;
+using System.Windows.Input;
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Input;
+using Avalonia.Interactivity;
+using Avalonia.Platform.Storage;
+using Testably.Abstractions;
+using WheelWizard.Resources.Languages;
+using WheelWizard.Services;
+using WheelWizard.Services.Settings;
+using WheelWizard.Shared.DependencyInjection;
+using WheelWizard.Views.Components;
+using WheelWizard.Views.Popups.Generic;
+using WheelWizard.Views.Popups.MiiManagement;
+using WheelWizard.WiiManagement;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Pages;
+
+public partial class MiiListPage : UserControlBase
+{
+    [Inject]
+    private IMiiDbService MiiDbService { get; set; } = null!;
+
+    [Inject]
+    private IMiiRepositoryService MiiRepositoryService { get; set; } = null!;
+
+    [Inject]
+    private IFileSystem FileSystem { get; set; } = null!;
+
+    [Inject]
+    private IRandomSystem Random { get; set; } = null!;
+
+    public MiiListPage()
+    {
+        InitializeComponent();
+        DataContext = this;
+
+        var miiDbExists = MiiDbService.Exists();
+        if (!miiDbExists)
+        {
+            if (SettingsHelper.PathsSetupCorrectly())
+            {
+                var sucess = MiiRepositoryService.ForceCreateDatabase();
+                if (sucess.IsFailure)
+                {
+                    ViewUtils.ShowSnackbar($"Failed to create Mii database '{sucess.Error.Message}'", ViewUtils.SnackbarType.Danger);
+                    VisibleWhenNoDb.IsVisible = !miiDbExists;
+                }
+            }
+            else
+            {
+                VisibleWhenDb.IsVisible = false;
+                VisibleWhenNoDb.IsVisible = true;
+            }
+        }
+        miiDbExists = MiiDbService.Exists();
+        if (!miiDbExists)
+            return;
+
+        VisibleWhenDb.IsVisible = true;
+        VisibleWhenNoDb.IsVisible = false;
+        ReloadMiiList();
+    }
+
+    #region Multi and Single select
+
+    private bool _isShiftPressed;
+
+    protected override void OnAttachedToVisualTree(VisualTreeAttachmentEventArgs e)
+    {
+        base.OnAttachedToVisualTree(e);
+
+        // Subscribe to keyboard events to track Shift key state
+        KeyDown += MiiListPage_KeyDown;
+        KeyUp += MiiListPage_KeyUp;
+    }
+
+    protected override void OnDetachedFromVisualTree(VisualTreeAttachmentEventArgs e)
+    {
+        // Unsubscribe from keyboard events when control is detached
+        KeyDown -= MiiListPage_KeyDown;
+        KeyUp -= MiiListPage_KeyUp;
+
+        base.OnDetachedFromVisualTree(e);
+    }
+
+    private void MiiListPage_KeyDown(object? sender, KeyEventArgs e)
+    {
+        if (e.Key is not (Key.LeftShift or Key.RightShift or Key.LeftCtrl or Key.RightCtrl))
+            return;
+
+        if (!_isShiftPressed)
+            ChangeBlockSelectionType(true);
+        _isShiftPressed = true;
+    }
+
+    private void MiiListPage_KeyUp(object? sender, KeyEventArgs e)
+    {
+        if (e.Key is not (Key.LeftShift or Key.RightShift or Key.LeftCtrl or Key.RightCtrl))
+            return;
+
+        if (_isShiftPressed)
+            ChangeBlockSelectionType(false);
+        _isShiftPressed = false;
+    }
+
+    private void ChangeBlockSelectionType(bool multiSelect)
+    {
+        foreach (var miiBlock in MiiList.Children.OfType<MiiBlock>())
+        {
+            var groupName = multiSelect ? Guid.NewGuid().ToString() : "MiiListSingleSelect";
+            miiBlock.GroupName = groupName;
+        }
+    }
+
+    #endregion
+
+    private void ReloadMiiList()
+    {
+        var size = 90;
+        var margin = new Thickness(8, 10);
+
+        MiiList.Children.Clear();
+        foreach (var mii in MiiDbService.GetAllMiis().OrderByDescending(m => m.IsFavorite).ToList())
+        {
+            var miiBlock = new MiiBlock
+            {
+                Mii = mii,
+                Width = size,
+                Height = size,
+                Margin = margin,
+            };
+            miiBlock.Click += (_, _) => ChangeTopButtons();
+
+            miiBlock.ContextMenu = new ContextMenu();
+            miiBlock.ContextMenu.Items.Add(new MenuItem { Header = Common.Action_Edit, Command = new MyCommand(() => EditMii(mii)) });
+            miiBlock.ContextMenu.Items.Add(
+                new MenuItem { Header = "Duplicate", Command = new MyCommand(() => ContextAction(mii, DuplicateMii)) }
+            );
+            miiBlock.ContextMenu.Items.Add(
+                new MenuItem { Header = Common.Action_Delete, Command = new MyCommand(() => ContextAction(mii, DeleteMii)) }
+            );
+            miiBlock.ContextMenu.Items.Add(
+                new MenuItem { Header = Common.Action_Export, Command = new MyCommand(() => ContextAction(mii, ExportMultipleMiiFiles)) }
+            );
+            MiiList.Children.Add(miiBlock);
+        }
+
+        var count = MiiList.Children.Count;
+        ListItemCount.Text = count.ToString();
+
+        ChangeTopButtons();
+        if (count >= 100)
+            return;
+
+        var addBlock = new MiiBlock
+        {
+            Width = size,
+            Height = size,
+            Margin = margin,
+        };
+        addBlock.Click += (_, _) =>
+        {
+            foreach (var miiBlock in MiiList.Children.OfType<MiiBlock>())
+            {
+                miiBlock.IsChecked = false;
+            }
+
+            ChangeTopButtons();
+            CreateNewMii();
+        };
+
+        MiiList.Children.Add(addBlock);
+    }
+
+    private async void DeleteMii_OnClick(object? sender, RoutedEventArgs e) => DeleteMii(GetSelectedMiis());
+
+    private async void EditMii_OnClick(object? sender, RoutedEventArgs e) => EditMii(GetSelectedMiis()[0]);
+
+    private async void ExportMii_OnClick(object? sender, RoutedEventArgs e) => ExportMultipleMiiFiles(GetSelectedMiis());
+
+    private async void DuplicateMii_OnClick(object? sender, RoutedEventArgs e) => DuplicateMii(GetSelectedMiis());
+
+    private async void ImportMii_OnClick(object? sender, RoutedEventArgs e)
+    {
+        var miiFiles = await FilePickerHelper.OpenFilePickerAsync(
+            fileType: new FilePickerFileType("mii file") { Patterns = new[] { "*.mii" } },
+            allowMultiple: true,
+            title: "Select Mii file(s)"
+        );
+        if (miiFiles.Count == 0)
+            return;
+        foreach (var file in miiFiles)
+        {
+            FileSystem.File.Exists(file);
+            //get raw bytes from file
+            var stream = FileSystem.File.OpenRead(file);
+            using var reader = new BinaryReader(stream);
+            var miiData = reader.ReadBytes((int)stream.Length);
+            stream.Close();
+            var result = MiiSerializer.Deserialize(miiData);
+            if (result.IsFailure)
+            {
+                ViewUtils.ShowSnackbar($"Failed to deserialize Mii '{result.Error.Message}'", ViewUtils.SnackbarType.Danger);
+                return;
+            }
+
+            var mii = result.Value;
+
+            //We duplicate to make sure it does not actually have the original MiiId
+            var macAddress = "02:11:11:11:11:11";
+            var saveResult = MiiDbService.AddToDatabase(mii, macAddress);
+            if (saveResult.IsFailure)
+            {
+                ViewUtils.ShowSnackbar($"Failed to save Mii '{saveResult.Error.Message}'", ViewUtils.SnackbarType.Danger);
+                return;
+            }
+        }
+        ReloadMiiList();
+    }
+
+    private async void ExportMultipleMiiFiles(Mii[] miis)
+    {
+        if (miis.Length == 0)
+        {
+            ViewUtils.ShowSnackbar("It seems there where no Miis to export", ViewUtils.SnackbarType.Warning);
+            return;
+        }
+        foreach (var mii in miis)
+        {
+            ExportMiiAsFile(mii);
+        }
+    }
+
+    public static string ReplaceInvalidFileNameChars(string filename)
+    {
+        var invalid = Path.GetInvalidFileNameChars();
+        return string.Join("_", filename.Split(invalid, StringSplitOptions.RemoveEmptyEntries));
+    }
+
+    private async void ExportMiiAsFile(Mii mii)
+    {
+        var exportName = ReplaceInvalidFileNameChars(mii.Name.ToString());
+        var diaglog = await FilePickerHelper.SaveFileAsync(
+            title: "Save Mii as file",
+            fileTypes: new[] { new FilePickerFileType("Mii file") { Patterns = new[] { "*.mii" } } },
+            defaultFileName: $"{exportName}"
+        );
+        if (diaglog == null)
+            return;
+        var result = MiiDbService.GetByAvatarId(mii.MiiId);
+        if (result.IsFailure)
+        {
+            ViewUtils.ShowSnackbar($"Failed to get Mii '{result.Error.Message}'", ViewUtils.SnackbarType.Danger);
+            return;
+        }
+        var miiToExport = result.Value;
+        var saveResult = SaveMiiToDisk(miiToExport, diaglog);
+        if (saveResult.IsFailure)
+        {
+            ViewUtils.ShowSnackbar($"Failed to save Mii '{saveResult.Error.Message}'", ViewUtils.SnackbarType.Danger);
+            return;
+        }
+        ViewUtils.ShowSnackbar($"Exported Mii '{miiToExport.Name}' to file '{diaglog}'");
+    }
+
+    private OperationResult SaveMiiToDisk(Mii mii, string path)
+    {
+        var miiData = MiiSerializer.Serialize(mii);
+        if (miiData.IsFailure)
+        {
+            ViewUtils.ShowSnackbar($"Failed to serialize Mii '{miiData.Error.Message}'", ViewUtils.SnackbarType.Danger);
+            return miiData;
+        }
+        var file = FileSystem.FileInfo.New(path);
+        using var stream = file.Open(FileMode.Create, FileAccess.Write);
+        using var writer = new BinaryWriter(stream);
+        writer.Write(miiData.Value);
+        writer.Flush();
+        writer.Close();
+        stream.Close();
+        ViewUtils.ShowSnackbar($"Saved Mii '{mii.Name}' to file '{file.FullName}'");
+        return Ok();
+    }
+
+    private async void DeleteMii(Mii[] miis)
+    {
+        if (miis.Length == 0)
+        {
+            ViewUtils.ShowSnackbar("It seems there where no Miis to delete", ViewUtils.SnackbarType.Warning);
+            return;
+        }
+
+        // TODO: add a check that you cant remove a Mii that is in use by a lisence,
+        // I have no idea how tho
+
+        var mainText = $"Are you sure you want to delete {miis.Length} Miis?";
+        var successMessage = $"Deleted {miis.Length} Miis";
+        if (miis.Length == 1)
+        {
+            mainText = $"Are you sure you want to delete the Mii '{miis[0].Name}'?";
+            successMessage = $"Deleted Mii '{miis[0].Name}'";
+        }
+
+        var result = await new YesNoWindow()
+            .SetMainText(mainText)
+            .SetExtraText("This action will permanently delete the Mii(s) and cannot be undone.")
+            .AwaitAnswer();
+        if (!result)
+            return;
+
+        foreach (var mii in miis)
+        {
+            MiiDbService.Remove(mii.MiiId);
+        }
+        ReloadMiiList();
+        ViewUtils.ShowSnackbar(successMessage);
+    }
+
+    private async void EditMii(Mii mii)
+    {
+        var window = new MiiEditorWindow().SetMii(mii);
+        var save = await window.AwaitAnswer();
+        if (!save)
+            return;
+
+        var result = MiiDbService.Update(window.Mii);
+        if (result.IsFailure)
+        {
+            ViewUtils.ShowSnackbar($"Failed to update Mii '{result.Error.Message}'", ViewUtils.SnackbarType.Danger);
+            return;
+        }
+        ReloadMiiList();
+    }
+
+    private async void CreateNewMii()
+    {
+        string[] presets =
+        [
+            "liwAZgByADMAZAAAAAAAAAAAAAAAAFYXiRPnfsJmn7skBGWAYIAociBsKEATSLCNEIoAiiUEAAAAAAAAAAAAAAAAAAAAAAAAAAA=",
+            "hDQAZwByAG8AbQBwAGEAAAAAAAAAAC8AiRPogsJmn7syxGkAGYCIoiyMCECESACNAIoIiiUEAAAAAAAAAAAAAAAAAAAAAAAAAAA=",
+            "xCAAZABhAG4AaQBlAGwAbABlAAAAAGYaiRPo48Jmn7sARAjAAQBokniNaEBjUHiOAIsGiiUEAAAAAAAAAAAAAAAAAAAAAAAAAAA=",
+            "0rIAZgBvAHoAaQBsAGwAYQAAAGUAAEBAiRPpIMJmn7sABBLAAUBooohsKECjSGiNAIoGiiUEAAAAAAAAAAAAAAAAAAAAAAAAAAA=",
+            "hCgAZgByADAAZAAAAAAAAAAAAAAAAEBAiRPoU8Jmn7sABHDAWYBokoCLKEB0QIiMAIkGiiUEAAAAAAAAAAAAAAAAAAAAAAAAAAA=",
+        ];
+
+        var randomIndex = (int)(Random.Random.Shared.NextDouble() * presets.Length);
+        var miiResult = MiiSerializer.Deserialize(presets[randomIndex]);
+        if (miiResult.IsFailure)
+        {
+            ViewUtils.ShowSnackbar($"Failed to create a new Mii, Please try again, or message a developer", ViewUtils.SnackbarType.Danger);
+            return;
+        }
+
+        var window = new MiiEditorWindow().SetMii(miiResult.Value);
+        var save = await window.AwaitAnswer();
+        if (!save)
+            return;
+
+        var result = MiiDbService.AddToDatabase(window.Mii, (string)SettingsManager.MACADDRESS.Get());
+        if (result.IsFailure)
+        {
+            ViewUtils.ShowSnackbar($"Failed to create Mii '{result.Error.Message}'", ViewUtils.SnackbarType.Danger);
+            return;
+        }
+        ReloadMiiList();
+    }
+
+    private void DuplicateMii(Mii[] miis)
+    {
+        //assuming the mac address is already set correctly
+        var macAddress = (string)SettingsManager.MACADDRESS.Get();
+        foreach (var mii in miis)
+        {
+            var result = MiiDbService.AddToDatabase(mii, macAddress);
+            if (!result.IsFailure)
+                continue;
+
+            ViewUtils.ShowSnackbar($"Failed to duplicate Mii(s) '{result.Error.Message}'", ViewUtils.SnackbarType.Danger);
+            return;
+        }
+
+        var successMessage = $"Created {miis.Length} duplicate Miis";
+        if (miis.Length == 1)
+            successMessage = $"Created duplicate Mii '{miis[0].Name}'";
+
+        ReloadMiiList();
+        ViewUtils.ShowSnackbar(successMessage);
+    }
+
+    private Mii[] GetSelectedMiis()
+    {
+        var selected = MiiList
+            .Children.OfType<MiiBlock>()
+            .Where(block => block is { IsChecked: true, Mii: not null })
+            .Select(block => block.Mii!);
+        return selected.ToArray();
+    }
+
+    private void ChangeTopButtons()
+    {
+        var selectedMiis = GetSelectedMiis();
+
+        if (selectedMiis.Length == 0)
+        {
+            DeleteMiisButton.IsVisible = false;
+            ExportMiisButton.IsVisible = false;
+            EditMiisButton.IsVisible = false;
+            DuplicateMiisButton.IsVisible = false;
+            ImportMiiButton.IsVisible = true;
+            return;
+        }
+
+        EditMiisButton.IsVisible = selectedMiis.Length == 1;
+        ImportMiiButton.IsVisible = false;
+        DeleteMiisButton.IsVisible = true;
+        ExportMiisButton.IsVisible = true;
+        DuplicateMiisButton.IsVisible = true;
+    }
+
+    #region Command
+
+    private void ContextAction(Mii mii, Action<Mii[]> command)
+    {
+        var selectedMiis = GetSelectedMiis();
+        // If the user right clicks and perform action on a selected Mii, that action applies for all the selected Miis
+        // But if the user right clicks and perform actions on a mii that is not selected, than it only happens for that specific mii.
+        command.Invoke(selectedMiis.Contains(mii) ? selectedMiis : [mii]);
+    }
+
+    // There must be a better way to do this. Since this seems absurd
+    private class MyCommand(Action command) : ICommand
+    {
+        public bool CanExecute(object? parameter) => true;
+
+        public void Execute(object? parameter) => command.Invoke();
+
+        public event EventHandler? CanExecuteChanged;
+    }
+
+    #endregion
+}
diff --git a/WheelWizard/Views/Pages/RoomDetailsPage.axaml b/WheelWizard/Views/Pages/RoomDetailsPage.axaml
index 3fee3d5c..41f92d5e 100644
--- a/WheelWizard/Views/Pages/RoomDetailsPage.axaml
+++ b/WheelWizard/Views/Pages/RoomDetailsPage.axaml
@@ -37,7 +37,7 @@
                                     Foreground="{StaticResource TitleTextColor}"
                                     HoverForeground="{StaticResource Primary200}"
                                     VerticalAlignment="Top" HorizontalAlignment="Left"
-                                    Click="GoBackClick" />
+                                    FontSize="16" Click="GoBackClick" />
 
         <Grid Grid.Row="1" ColumnDefinitions="4*,6*,2*,2*" Margin="10,0">
             <StackPanel
@@ -96,7 +96,7 @@
                 <ListBox.ContextMenu>
                     <ContextMenu>
                         <MenuItem Header="{x:Static lang:Common.Action_CopyFriendCode}" Click="CopyFriendCode_OnClick" />
-                        <MenuItem Header="View Mii" Click="OpenCarousel_OnClick" />
+                        <MenuItem Header="{x:Static lang:Common.Action_ViewMii}" Click="OpenCarousel_OnClick" />
                         <!--
                         <MenuItem Header="{x:Static lang:Common.Action_CopyFriendCode}" Click="CopyFriendCode_OnClick" />
                         <Separator />
diff --git a/WheelWizard/Views/Pages/RoomDetailsPage.axaml.cs b/WheelWizard/Views/Pages/RoomDetailsPage.axaml.cs
index 128f4670..7077d6ef 100644
--- a/WheelWizard/Views/Pages/RoomDetailsPage.axaml.cs
+++ b/WheelWizard/Views/Pages/RoomDetailsPage.axaml.cs
@@ -4,14 +4,22 @@
 using Avalonia.Interactivity;
 using WheelWizard.Models.RRInfo;
 using WheelWizard.Services.LiveData;
+using WheelWizard.Shared.DependencyInjection;
 using WheelWizard.Utilities.Mockers;
 using WheelWizard.Utilities.RepeatedTasks;
-using WheelWizard.Views.Popups;
+using WheelWizard.Views.Popups.MiiManagement;
+using WheelWizard.WiiManagement;
 
 namespace WheelWizard.Views.Pages;
 
 public partial class RoomDetailsPage : UserControlBase, INotifyPropertyChanged, IRepeatedTaskListener
 {
+    [Inject]
+    private IGameLicenseSingletonService GameDataService { get; set; } = null!;
+
+    [Inject]
+    private IMiiDbService MiiDbService { get; set; } = null!;
+
     private RrRoom _room = null!;
 
     public RrRoom Room
diff --git a/WheelWizard/Views/Pages/Settings/WhWzSettings.axaml b/WheelWizard/Views/Pages/Settings/WhWzSettings.axaml
index f8ab6d04..6d7d3a3d 100644
--- a/WheelWizard/Views/Pages/Settings/WhWzSettings.axaml
+++ b/WheelWizard/Views/Pages/Settings/WhWzSettings.axaml
@@ -158,6 +158,7 @@
         <components1:FormFieldLabel Text="{x:Static lang:Settings.Section_WhWzAppearance}" Margin="0,10,0,0" />
         <Border Classes="SettingsBlockStyle" x:Name="WhWzAppearance">
             <StackPanel HorizontalAlignment="Stretch" VerticalAlignment="Top">
+                <!-- There are no animations in the current version of the app, Will enable again once there are animations again
                 <CheckBox Margin="0,2,0,6"
                           IsChecked="True"
                           Classes="Switch"
@@ -166,6 +167,7 @@
                     <components1:FormFieldLabel Text="{x:Static lang:Settings.Option_EnableAnimations}"
                                                 TipText="{x:Static lang:Settings.InfoText_EnableAnimations}" />
                 </CheckBox>
+                -->
                 <components1:FormFieldLabel Text="{x:Static lang:Settings.Option_WindowScale}"/>
                 <ComboBox
                     x:Name="WindowScaleDropdown"
diff --git a/WheelWizard/Views/Pages/Settings/WhWzSettings.axaml.cs b/WheelWizard/Views/Pages/Settings/WhWzSettings.axaml.cs
index 283cd8ad..eb430029 100644
--- a/WheelWizard/Views/Pages/Settings/WhWzSettings.axaml.cs
+++ b/WheelWizard/Views/Pages/Settings/WhWzSettings.axaml.cs
@@ -47,7 +47,7 @@ private void LoadSettings()
             WindowScaleDropdown.Items.Add(selectedItemText);
         WindowScaleDropdown.SelectedItem = selectedItemText;
 
-        EnableAnimations.IsChecked = (bool)SettingsManager.ENABLE_ANIMATIONS.Get();
+        // EnableAnimations.IsChecked = (bool)SettingsManager.ENABLE_ANIMATIONS.Get();
     }
 
     private static string ScaleToString(double scale)
@@ -374,6 +374,5 @@ string ExtraText() =>
         _editingScale = false;
     }
 
-    private void EnableAnimations_OnClick(object sender, RoutedEventArgs e) =>
-        SettingsManager.ENABLE_ANIMATIONS.Set(EnableAnimations.IsChecked == true);
+    //private void EnableAnimations_OnClick(object sender, RoutedEventArgs e) => SettingsManager.ENABLE_ANIMATIONS.Set(EnableAnimations.IsChecked == true);
 }
diff --git a/WheelWizard/Views/Pages/UserProfilePage.axaml b/WheelWizard/Views/Pages/UserProfilePage.axaml
index 40f34dac..2443cadc 100644
--- a/WheelWizard/Views/Pages/UserProfilePage.axaml
+++ b/WheelWizard/Views/Pages/UserProfilePage.axaml
@@ -4,8 +4,9 @@
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              mc:Ignorable="d" d:DesignWidth="656" d:DesignHeight="876"
              xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             xmlns:behavior="clr-namespace:WheelWizard.Views.BehaviorComponent"
              xmlns:components="clr-namespace:WheelWizard.Views.Components"
-             xmlns:miiImages="clr-namespace:WheelWizard.Views.Components.MiiImages"
+             xmlns:miiVars="using:WheelWizard.MiiImages.Domain"
              xmlns:pages="clr-namespace:WheelWizard.Views.Pages"
              x:Class="WheelWizard.Views.Pages.UserProfilePage"
              x:DataType="pages:UserProfilePage">
@@ -24,7 +25,7 @@
                    Classes="PageTitleText" />
 
         <ScrollViewer Grid.Row="0" HorizontalScrollBarVisibility="Auto">
-            <StackPanel Orientation="Horizontal" Grid.Row="0" VerticalAlignment="Bottom" HorizontalAlignment="Left"
+            <StackPanel Orientation="Horizontal" VerticalAlignment="Bottom" HorizontalAlignment="Left"
                         x:Name="RadioButtons">
                 <!-- DON'T ADD ANYTHING TO THIS STACK PANEL OR YOU WILL RUIN THE LAYOUT -->
                 <!-- WE ARE LAZY IN THE CODE, AND SO WE USE CHILD INDEXING TO GET THE RADIO BUTTONS -->
@@ -48,10 +49,8 @@
         </ScrollViewer>
 
         <StackPanel Grid.Row="0" HorizontalAlignment="Right" VerticalAlignment="Top" Orientation="Horizontal">
-            <Border VerticalAlignment="Center" HorizontalAlignment="Center"
-                    ToolTip.Tip="This only shows regions YOU have played on"
-                    ToolTip.Placement="Top" ToolTip.ShowDelay="20"
-                    Width="18" Height="18" Margin="10">
+            <Border VerticalAlignment="Center" HorizontalAlignment="Center" Width="18" Height="18" Margin="10"
+                    ToolTip.Tip="This only shows regions YOU have played on" ToolTip.Placement="Top" ToolTip.ShowDelay="20">
                 <PathIcon Foreground="{StaticResource TitleIconColor}" Margin="15,2,5,0"
                           HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Data="{StaticResource InfoTip}" />
             </Border>
@@ -60,21 +59,137 @@
         </StackPanel>
 
         <Grid Grid.Row="1">
-            <components:DetailedProfileBox x:Name="CurrentUserProfile"
-                                           OnChecked="CheckBox_SetPrimaryUser" ViewRoomAction="ViewRoom_OnClick"
-                                           VerticalAlignment="Top" HorizontalAlignment="Stretch"
-                                           Mii="{Binding CurrentMii}"
-                                           OnRename="ChangeMiiName"
-                                           Margin="0,10,0,0" />
+            <Border Margin="0,10,0,0" VerticalAlignment="Top" HorizontalAlignment="Stretch"
+                    Background="{StaticResource Neutral900}" BorderThickness="1"
+                    CornerRadius="{StaticResource GlobalCornerRadius}"
+                    BorderBrush="{StaticResource Neutral900}" x:Name="CurrentUserProfile">
+                <Grid ColumnDefinitions="4*,3*" RowDefinitions="216,100,60" Margin="10" ClipToBounds="False">
+                    <!-- BACKGROUND & COLOR TRANSITION -->
+                    <Border Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" CornerRadius="99999"
+                            HorizontalAlignment="Center" VerticalAlignment="Center" Opacity="0.5"
+                            IsVisible="{Binding IsOnline}" Height="200" Width="230" 
+                            Background="{StaticResource Primary200}" Effect="blur(250)">
+                        <Border.Styles>
+                            <Style Selector="Border">
+                                <Style.Animations>
+                                    <Animation Duration="0:0:5" IterationCount="INFINITE">
+                                        <KeyFrame Cue="0%">
+                                            <Setter Property="RotateTransform.Angle" Value="0" />
+                                        </KeyFrame>
+                                        <KeyFrame Cue="100%">
+                                            <Setter Property="RotateTransform.Angle" Value="360" />
+                                        </KeyFrame>
+                                    </Animation>
+                                </Style.Animations>
+                            </Style>
+                        </Border.Styles>
+                    </Border>
 
-            <miiImages:MiiCarousel VerticalAlignment="Bottom" HorizontalAlignment="Center"
-                                   Mii="{Binding CurrentMii}"
-                                   x:Name="CurrentUserCarousel" Height="280" />
+                    <!-- HEAD BORDER -->
+                    <Border Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" BorderBrush="{StaticResource Neutral600}"
+                            BorderThickness="1" Margin="0,0,5,10" CornerRadius="4" x:Name="PART_HeadBorderFace"
+                            Background="{StaticResource Neutral950}">
+                        <Grid>
+                            <behavior:MiiImageLoader HorizontalAlignment="Stretch" VerticalAlignment="Stretch" LowQualitySpeedup="True"
+                                                     Mii="{Binding CurrentMii}" FallBackColor="{StaticResource Neutral700}"
+                                                     ImageVariant="{x:Static miiVars:MiiImageVariants.CurrentUserSideProfile}"/>
+                          
+                            <ScrollViewer HorizontalScrollBarVisibility="Auto" Margin="10"
+                                          VerticalAlignment="Bottom" HorizontalAlignment="Left">
+                                <StackPanel Orientation="Horizontal" x:Name="BadgeContainer" Spacing="3" />
+                            </ScrollViewer>
+
+                            <StackPanel Margin="7">
+                                <StackPanel Orientation="Horizontal">
+                                    <SelectableTextBlock Classes="TitleText" x:Name="ProfileAttribUserName" />
+                                    <components:IconLabelButton VerticalAlignment="Center" x:Name="EditMiiName"
+                                                                IconData="{StaticResource Pen}"
+                                                                Click="RenameMii_OnClick"
+                                                                Margin="7,0,0,0" IconSize="20"
+                                                                Foreground="{StaticResource Neutral500}"
+                                                                HoverForeground="{StaticResource Neutral400}" />
+                                </StackPanel>
+                                <StackPanel Orientation="Horizontal">
+                                    <SelectableTextBlock Classes="BodyText" x:Name="ProfileAttribFriendCode" />
+                                    <components:IconLabelButton VerticalAlignment="Center" x:Name="CopyFcButton"
+                                                                Click="CopyFriendCode_OnClick"
+                                                                IconData="{StaticResource Copy}"
+                                                                Margin="7,0,0,0" IconSize="20"
+                                                                Foreground="{StaticResource Neutral500}"
+                                                                HoverForeground="{StaticResource Neutral400}" />
+                                </StackPanel>
+                            </StackPanel>
+                            <components:Button VerticalAlignment="Top" HorizontalAlignment="Right" Margin="6"
+                                               IconData="{StaticResource Shirt}" Click="OpenMiiSelector_Click"
+                                               IconSize="20" Padding="8" CornerRadius="9999" />
+                        </Grid>
+                    </Border>
+
+
+                    <!-- FIRST INFORMATION LAYER -->
+                    <RadioButton Grid.Column="0" Grid.Row="1" Margin="5,6,0,0" x:Name="PrimaryCheckBox"
+                                 VerticalAlignment="Top" Checked="CheckBox_SetPrimaryUser" Classes="CheckBox">
+                        <components:FormFieldLabel Text="{x:Static lang:Settings.Option_MakePrimary}"
+                                                   TipText="The primary profile is used as reference in the wheel wizard client" />
+                    </RadioButton>
+
+                    <StackPanel Grid.Column="1" Grid.Row="1" Margin="0,7,0,0">
+                        <components:FormFieldLabel Text="Status"/>
+                        <SelectableTextBlock IsVisible="{Binding IsOnline}" Text="{x:Static lang:Common.Term_Online}"
+                                             FontSize="16" Foreground="{StaticResource Primary400}" />
+                        <SelectableTextBlock Classes="BodyText" Text="{x:Static lang:Common.Term_Offline}"
+                                             IsVisible="{Binding IsOnline, Converter={x:Static BoolConverters.Not}}" />
+                    </StackPanel>
+
+                    <Grid Grid.Column="0" Grid.Row="1" ColumnDefinitions="3*,4*"
+                          Margin="5,0,0,10" VerticalAlignment="Bottom">
+                        <StackPanel Grid.Column="0">
+                            <components:FormFieldLabel Text="VR" />
+                            <SelectableTextBlock Classes="BodyText" x:Name="ProfileAttribVr" />
+                        </StackPanel>
+
+                        <StackPanel Grid.Column="1">
+                            <components:FormFieldLabel Text="BR" />
+                            <SelectableTextBlock Classes="BodyText" x:Name="ProfileAttribBr" />
+                        </StackPanel>
+                    </Grid>
+
+                    <components:Button Grid.Column="1" Grid.Row="1" HorizontalAlignment="Left"
+                                       VerticalAlignment="Bottom" Click="ViewRoom_OnClick"
+                                       IsEnabled="{Binding IsOnline}" x:Name="ViewRoomButton"
+                                       Text="{x:Static lang:Online.Button_ViewRoom}"
+                                       IconData="{StaticResource Road}" Margin="0,0,0,10" />
+                    <Border Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"
+                            Background="{StaticResource BackgroundLineColor}" Height="1"
+                            HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Margin="-10,0" />
+                    <!-- SECOND INFORMATION LAYER -->
+
+                    <StackPanel Grid.Column="0" Grid.Row="2" Margin="5,8,0,0">
+                        <components:FormFieldLabel Text="Total games won" />
+                        <SelectableTextBlock Classes="BodyText" x:Name="ProfileAttribTotalWins"/>
+                    </StackPanel>
+                    <StackPanel Grid.Column="1" Grid.Row="2" Margin="0,8,0,0">
+                        <components:FormFieldLabel Text="Total games played" />
+                        <SelectableTextBlock Classes="BodyText" x:Name="ProfileAttribTotalRaces"/>
+                    </StackPanel>
+                </Grid>
+
+                <Border.Styles>
+                    <Style Selector="Border#CurrentUserProfile.Online">
+                        <Setter Property="BorderBrush" Value="{StaticResource Primary400}" />
+                    </Style>
+                </Border.Styles>
+            </Border>
+
+            <behavior:MiiCarousel VerticalAlignment="Bottom" HorizontalAlignment="Center"
+                                  Mii="{Binding CurrentMii}"
+                                  Margin="0,20"
+                                  ImageVariant="{x:Static miiVars:MiiImageVariants.FullBodyCarousel}"
+                                  x:Name="CurrentUserCarousel" Height="280" />
 
             <components:EmptyPageInfo x:Name="NoProfilesInfo"
                                       HorizontalAlignment="Center" Title="{x:Static lang:Online.NoProfiles}"
                                       BodyText="{x:Static lang:Phrases.EmptyText_NoProfiles}" />
         </Grid>
-
     </Grid>
 </UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Pages/UserProfilePage.axaml.cs b/WheelWizard/Views/Pages/UserProfilePage.axaml.cs
index d24c62b5..e978475b 100644
--- a/WheelWizard/Views/Pages/UserProfilePage.axaml.cs
+++ b/WheelWizard/Views/Pages/UserProfilePage.axaml.cs
@@ -9,7 +9,11 @@
 using WheelWizard.Services.Other;
 using WheelWizard.Services.Settings;
 using WheelWizard.Shared.DependencyInjection;
+using WheelWizard.Views.Components;
+using WheelWizard.Views.Popups;
 using WheelWizard.Views.Popups.Generic;
+using WheelWizard.Views.Popups.MiiManagement;
+using WheelWizard.WheelWizardData;
 using WheelWizard.WiiManagement;
 using WheelWizard.WiiManagement.Domain.Mii;
 
@@ -19,10 +23,17 @@ public partial class UserProfilePage : UserControlBase, INotifyPropertyChanged
 {
     private LicenseProfile? currentPlayer;
     private Mii? _currentMii;
+    private bool _isOnline;
 
     [Inject]
     private IGameLicenseSingletonService GameLicenseService { get; set; } = null!;
 
+    [Inject]
+    private IWhWzDataSingletonService BadgeService { get; set; } = null!;
+
+    [Inject]
+    private IMiiDbService MiiDbService { get; set; } = null!;
+
     public Mii? CurrentMii
     {
         get => _currentMii;
@@ -33,6 +44,16 @@ public Mii? CurrentMii
         }
     }
 
+    public bool IsOnline
+    {
+        get => _isOnline;
+        set
+        {
+            _isOnline = value;
+            OnPropertyChanged(nameof(IsOnline));
+        }
+    }
+
     private int _currentUserIndex;
     private static int FocussedUser => (int)SettingsManager.FOCUSSED_USER.Get();
 
@@ -48,6 +69,30 @@ public UserProfilePage()
         RegionDropdown.SelectionChanged += RegionDropdown_SelectionChanged;
     }
 
+    private void PopulateRegions()
+    {
+        var validRegions = RRRegionManager.GetValidRegions();
+        var currentRegion = (MarioKartWiiEnums.Regions)SettingsManager.RR_REGION.Get();
+        foreach (var region in Enum.GetValues<MarioKartWiiEnums.Regions>())
+        {
+            if (region == MarioKartWiiEnums.Regions.None)
+                continue;
+
+            var itemForRegionDropdown = new ComboBoxItem
+            {
+                Content = region.ToString(),
+                Tag = region,
+                IsEnabled = validRegions.Contains(region),
+            };
+            RegionDropdown.Items.Add(itemForRegionDropdown);
+
+            if (currentRegion == region)
+                RegionDropdown.SelectedItem = itemForRegionDropdown;
+        }
+    }
+
+    #region Update page
+
     private void ResetMiiTopBar()
     {
         var validUsers = GameLicenseService.HasAnyValidUsers;
@@ -76,76 +121,44 @@ private void ResetMiiTopBar()
         }
     }
 
-    private void ViewMii(int? mii = null)
-    {
-        _currentUserIndex = mii ?? _currentUserIndex;
-        if (RadioButtons.Children[_currentUserIndex] is RadioButton radioButton)
-            radioButton.IsChecked = true;
-    }
-
-    private void PopulateRegions()
-    {
-        var validRegions = RRRegionManager.GetValidRegions();
-        var currentRegion = (MarioKartWiiEnums.Regions)SettingsManager.RR_REGION.Get();
-        foreach (var region in Enum.GetValues<MarioKartWiiEnums.Regions>())
-        {
-            if (region == MarioKartWiiEnums.Regions.None)
-                continue;
-
-            var itemForRegionDropdown = new ComboBoxItem
-            {
-                Content = region.ToString(),
-                Tag = region,
-                IsEnabled = validRegions.Contains(region),
-            };
-            RegionDropdown.Items.Add(itemForRegionDropdown);
-
-            if (currentRegion == region)
-                RegionDropdown.SelectedItem = itemForRegionDropdown;
-        }
-    }
-
-    private void TopBarRadio_OnClick(object? sender, RoutedEventArgs e)
-    {
-        var oldIndex = _currentUserIndex;
-
-        if (sender is not RadioButton button || !int.TryParse((string?)button.Tag, out _currentUserIndex))
-            return;
-        if (oldIndex == _currentUserIndex)
-            return;
-
-        UpdatePage();
-    }
-
     private void UpdatePage()
     {
-        CurrentUserProfile.IsChecked = FocussedUser == _currentUserIndex;
-        if (currentPlayer != null)
-            currentPlayer.PropertyChanged -= OnMiiNameChanged;
+        PrimaryCheckBox.IsChecked = FocussedUser == _currentUserIndex;
+        CurrentUserProfile.Classes.Clear();
+        if (currentPlayer?.IsOnline == true)
+            CurrentUserProfile.Classes.Add("Online");
 
         currentPlayer = GameLicenseService.GetUserData(_currentUserIndex);
-        CurrentUserProfile.FriendCode = currentPlayer.FriendCode;
-        CurrentUserProfile.UserName = currentPlayer.NameOfMii;
-        CurrentUserProfile.IsOnline = currentPlayer.IsOnline;
-        CurrentUserProfile.Vr = currentPlayer.Vr.ToString();
-        CurrentUserProfile.Br = currentPlayer.Br.ToString();
+        ProfileAttribFriendCode.Text = currentPlayer.FriendCode;
+        ProfileAttribFriendCode.IsVisible = !string.IsNullOrEmpty(currentPlayer.FriendCode);
+        ProfileAttribUserName.Text = currentPlayer.NameOfMii;
+        ProfileAttribVr.Text = currentPlayer.Vr.ToString();
+        ProfileAttribBr.Text = currentPlayer.Br.ToString();
         CurrentMii = currentPlayer.Mii;
 
-        currentPlayer.PropertyChanged += OnMiiNameChanged;
-        CurrentUserProfile.TotalRaces = currentPlayer.TotalRaceCount.ToString();
-        CurrentUserProfile.TotalWon = currentPlayer.TotalWinCount.ToString();
+        ProfileAttribTotalRaces.Text = currentPlayer.TotalRaceCount.ToString();
+        ProfileAttribTotalWins.Text = currentPlayer.TotalWinCount.ToString();
+
+        BadgeContainer.Children.Clear();
+        var badges = BadgeService.GetBadges(currentPlayer.FriendCode).Select(variant => new Badge { Variant = variant });
+        foreach (var badge in badges)
+        {
+            badge.Height = 30;
+            badge.Width = 30;
+            BadgeContainer.Children.Add(badge);
+        }
         ResetMiiTopBar();
     }
 
-    private void OnMiiNameChanged(object? sender, PropertyChangedEventArgs args)
+    #endregion
+
+    private void ViewMii(int? mii = null)
     {
-        if (args.PropertyName != nameof(currentPlayer.NameOfMii))
-            return;
-        CurrentUserProfile.UserName = currentPlayer?.NameOfMii ?? "";
+        _currentUserIndex = mii ?? _currentUserIndex;
+        if (RadioButtons.Children[_currentUserIndex] is RadioButton radioButton)
+            radioButton.IsChecked = true;
     }
 
-    private void CheckBox_SetPrimaryUser(object sender, RoutedEventArgs e) => SetUserAsPrimary();
-
     private void SetUserAsPrimary()
     {
         if (FocussedUser == _currentUserIndex)
@@ -153,7 +166,7 @@ private void SetUserAsPrimary()
 
         SettingsManager.FOCUSSED_USER.Set(_currentUserIndex);
 
-        CurrentUserProfile.IsChecked = true;
+        PrimaryCheckBox.IsChecked = true;
         // Even though it's true when this method is called, we still set it to true,
         // since Avalonia has some weird ass cashing, It might just be that that is because this method is actually deprecated
 
@@ -186,6 +199,82 @@ private void RegionDropdown_SelectionChanged(object sender, SelectionChangedEven
         ViewUtils.GetLayout().UpdateFriendCount();
     }
 
+    private void TopBarRadio_OnClick(object? sender, RoutedEventArgs e)
+    {
+        var oldIndex = _currentUserIndex;
+
+        if (sender is not RadioButton button || !int.TryParse((string?)button.Tag, out _currentUserIndex))
+            return;
+        if (oldIndex == _currentUserIndex)
+            return;
+
+        UpdatePage();
+    }
+
+    private void CheckBox_SetPrimaryUser(object sender, RoutedEventArgs e) => SetUserAsPrimary();
+
+    private async void OpenMiiSelector_Click(object? sender, RoutedEventArgs e)
+    {
+        var availableMiis = MiiDbService.GetAllMiis();
+        if (!availableMiis.Any())
+        {
+            new MessageBoxWindow()
+                .SetTitleText("No Miis Found")
+                .SetInfoText("There are no other Miis available to select.")
+                .SetMessageType(MessageBoxWindow.MessageType.Warning)
+                .Show();
+            return;
+        }
+
+        var selectedMii = await new MiiSelectorWindow().SetMiiOptions(availableMiis, CurrentMii).AwaitAnswer();
+
+        if (selectedMii == null)
+            return;
+
+        var result = GameLicenseService.ChangeMii(_currentUserIndex, selectedMii);
+
+        if (result.IsFailure)
+        {
+            new MessageBoxWindow()
+                .SetTitleText("Failed to Change Mii")
+                .SetInfoText(result.Error!.Message)
+                .SetMessageType(MessageBoxWindow.MessageType.Error)
+                .Show();
+            return;
+        }
+        CurrentMii = selectedMii;
+        GameLicenseService.LoadLicense();
+        UpdatePage();
+        ViewUtils.ShowSnackbar("Mii changed successfully");
+    }
+
+    private void ViewRoom_OnClick(object? sender, RoutedEventArgs e)
+    {
+        foreach (var room in RRLiveRooms.Instance.CurrentRooms)
+        {
+            if (room.Players.All(player => player.Value.Fc != currentPlayer?.FriendCode))
+                continue;
+
+            NavigationManager.NavigateTo<RoomDetailsPage>(room);
+            return;
+        }
+
+        new MessageBoxWindow()
+            .SetTitleText("Couldn't find the room")
+            .SetInfoText("Whoops, could not find the room that this player is supposedly playing in")
+            .SetMessageType(MessageBoxWindow.MessageType.Warning)
+            .Show();
+    }
+
+    private void CopyFriendCode_OnClick(object? sender, EventArgs e)
+    {
+        if (currentPlayer?.FriendCode == null)
+            return;
+
+        TopLevel.GetTopLevel(this)?.Clipboard?.SetTextAsync(currentPlayer.FriendCode);
+        ViewUtils.ShowSnackbar("Copied friend code to clipboard");
+    }
+
     // This is intentionally a separate validation method besides the true name validation. That name validation allows less than 3.
     // But we as team wheel wizard don't think it makes sense to have a mii name shorter than 3, and so from the UI we don't allow it
     private OperationResult ValidateMiiName(string? oldName, string newName)
@@ -196,7 +285,7 @@ private OperationResult ValidateMiiName(string? oldName, string newName)
         return Ok();
     }
 
-    private async void ChangeMiiName(object? obj, EventArgs e)
+    private async void RenameMii_OnClick(object? sender, EventArgs e)
     {
         var oldName = CurrentMii?.Name.ToString();
         var renamePopup = new TextInputWindow()
@@ -225,24 +314,6 @@ private async void ChangeMiiName(object? obj, EventArgs e)
         UpdatePage();
     }
 
-    private void ViewRoom_OnClick(string friendCode)
-    {
-        foreach (var room in RRLiveRooms.Instance.CurrentRooms)
-        {
-            if (room.Players.All(player => player.Value.Fc != friendCode))
-                continue;
-
-            NavigationManager.NavigateTo<RoomDetailsPage>(room);
-            return;
-        }
-
-        new MessageBoxWindow()
-            .SetTitleText("Couldn't find the room")
-            .SetInfoText("Whoops, could not find the room that this player is supposedly playing in")
-            .SetMessageType(MessageBoxWindow.MessageType.Warning)
-            .Show();
-    }
-
     #region PropertyChanged
 
     public event PropertyChangedEventHandler? PropertyChanged;
diff --git a/WheelWizard/Views/Popups/Base/PopupWindow.axaml b/WheelWizard/Views/Popups/Base/PopupWindow.axaml
index c362224b..959dbbc0 100644
--- a/WheelWizard/Views/Popups/Base/PopupWindow.axaml
+++ b/WheelWizard/Views/Popups/Base/PopupWindow.axaml
@@ -3,6 +3,7 @@
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:base="clr-namespace:WheelWizard.Views.Popups.Base"
+        xmlns:components="clr-namespace:WheelWizard.Views.Components"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
         x:Class="WheelWizard.Views.Popups.Base.PopupWindow"
         SystemDecorations="None" SizeToContent="WidthAndHeight"
@@ -16,7 +17,7 @@
         <Border Background="{StaticResource  BackgroundColor}" CornerRadius="4"
                 x:Name="CompleteBorder"
                 BorderThickness="1" BorderBrush="{StaticResource BackgroundLineColor}">
-            <Grid RowDefinitions="25,*">
+            <Grid RowDefinitions="30,*">
                 <Border Grid.RowSpan="999" Grid.ColumnSpan="999" ZIndex="999" IsVisible="False"
                         x:Name="DisabledDarkenEffect" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
                         Background="Black" Opacity="0.3" />
@@ -24,11 +25,16 @@
                 <Border Grid.Row="0" Background="{StaticResource FrameColor}"
                         CornerRadius="3,3,0,0" PointerPressed="TopBar_PointerPressed">
                     <Grid>
-                        <TextBlock FontSize="16" Margin="10,0" Text="{Binding WindowTitle}"
-                                   VerticalAlignment="Center" HorizontalAlignment="Left"
-                                   Foreground="{StaticResource Neutral300}" />
+                        <StackPanel VerticalAlignment="Center" HorizontalAlignment="Left"
+                                    Orientation="Horizontal" Margin="10,0" Spacing="10">
+                            <components:StateBox Text="Beta" Variant="Warning" IconSize="0" Margin="0,-1,0,0"
+                                                 IsVisible="{Binding BetaFlag}"/>
+                            <TextBlock FontSize="16" Text="{Binding WindowTitle}"
+                                       Foreground="{StaticResource Neutral300}" />
+                        </StackPanel>
+                       
 
-                        <DockPanel HorizontalAlignment="Right" VerticalAlignment="Top">
+                        <DockPanel HorizontalAlignment="Right" VerticalAlignment="Center">
 
                             <Button Width="30" Height="25" Click="MinimizeButton_Click" Classes="TopButton">
                                 <PathIcon Data="{StaticResource MinMark}" Width="12" Height="12"
diff --git a/WheelWizard/Views/Popups/Base/PopupWindow.axaml.cs b/WheelWizard/Views/Popups/Base/PopupWindow.axaml.cs
index 50bc8a9d..d85dc263 100644
--- a/WheelWizard/Views/Popups/Base/PopupWindow.axaml.cs
+++ b/WheelWizard/Views/Popups/Base/PopupWindow.axaml.cs
@@ -46,6 +46,18 @@ public bool CanClose
         }
     }
 
+    private bool _betaFlag;
+
+    public bool BetaFlag
+    {
+        get => _betaFlag;
+        set
+        {
+            _betaFlag = value;
+            OnPropertyChanged(nameof(BetaFlag));
+        }
+    }
+
     private string _windowTitle = "Wheel Wizard Popup";
 
     public string WindowTitle
diff --git a/WheelWizard/Views/Popups/DevToolWindow.axaml b/WheelWizard/Views/Popups/DevToolWindow.axaml
index 518dfa1c..d20c0090 100644
--- a/WheelWizard/Views/Popups/DevToolWindow.axaml
+++ b/WheelWizard/Views/Popups/DevToolWindow.axaml
@@ -42,6 +42,10 @@
                                            TipText="Simulating no internet connection for some parts of the application" />
             </CheckBox>
 
+            <components:Button Variant="Primary" Text="Mii Channel" IconData="{StaticResource DolphinIcon}"
+                               HorizontalAlignment="Left" Margin="0,2"
+                               Click="MiiChannel_OnClick" />
+            
             <components:Button Variant="Default" Text="Force enable layout"
                                IconSize="0" HorizontalAlignment="Left" Margin="0,2"
                                Click="ForceEnableLayout_OnClick" />
diff --git a/WheelWizard/Views/Popups/DevToolWindow.axaml.cs b/WheelWizard/Views/Popups/DevToolWindow.axaml.cs
index 1f155a7d..1e83bbfc 100644
--- a/WheelWizard/Views/Popups/DevToolWindow.axaml.cs
+++ b/WheelWizard/Views/Popups/DevToolWindow.axaml.cs
@@ -2,6 +2,7 @@
 using Avalonia.Threading;
 using Microsoft.Extensions.Caching.Memory;
 using WheelWizard.Helpers;
+using WheelWizard.Services.Launcher.Helpers;
 using WheelWizard.Services.LiveData;
 using WheelWizard.Services.WiiManagement;
 using WheelWizard.Shared.DependencyInjection;
@@ -109,4 +110,9 @@ private void TestMessagePopups_OnClick(object sender, RoutedEventArgs e)
     }
 
     #endregion
+
+    private void MiiChannel_OnClick(object? sender, RoutedEventArgs e)
+    {
+        DolphinLaunchHelper.LaunchDolphin(" -b -n 0001000248414341");
+    }
 }
diff --git a/WheelWizard/Views/Popups/Generic/YesNoWindow.axaml b/WheelWizard/Views/Popups/Generic/YesNoWindow.axaml
index a62dfde3..785326b8 100644
--- a/WheelWizard/Views/Popups/Generic/YesNoWindow.axaml
+++ b/WheelWizard/Views/Popups/Generic/YesNoWindow.axaml
@@ -21,14 +21,14 @@
         
         <UniformGrid Columns="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
                      x:Name="ButtonContainer">
-            <components:Button x:Name="YesButton" Variant="Primary"
-                               IsEnabled="True" Text="Yes"
-                               IconData="{StaticResource CheckMark}"
-                               Click="yesButton_Click" Margin="0,0,5,0"/>
             <components:Button x:Name="NoButton" Variant="Default"
                                IsEnabled="True" Text="No" 
                                IconData="{StaticResource XMark}"
-                               Click="noButton_Click" Margin="5,0,0,0"/>
+                               Click="noButton_Click" Margin="0,0,5,0"/>
+            <components:Button x:Name="YesButton" Variant="Primary"
+                               IsEnabled="True" Text="Yes"
+                               IconData="{StaticResource CheckMark}"
+                               Click="yesButton_Click" Margin="5,0,0,0"/>
         </UniformGrid>
     </Grid>
 </base:PopupContent>
diff --git a/WheelWizard/Views/Popups/MiiCarouselWindow.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiCarouselWindow.axaml
similarity index 60%
rename from WheelWizard/Views/Popups/MiiCarouselWindow.axaml
rename to WheelWizard/Views/Popups/MiiManagement/MiiCarouselWindow.axaml
index ee27d8d6..1f0dbacf 100644
--- a/WheelWizard/Views/Popups/MiiCarouselWindow.axaml
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiCarouselWindow.axaml
@@ -2,15 +2,16 @@
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-                   xmlns:miiImages="clr-namespace:WheelWizard.Views.Components.MiiImages"
+                   xmlns:behavior="clr-namespace:WheelWizard.Views.BehaviorComponent"
                    xmlns:components="clr-namespace:WheelWizard.Views.Components"
+                   xmlns:miiVars="using:WheelWizard.MiiImages.Domain"
                    xmlns:base="clr-namespace:WheelWizard.Views.Popups.Base"
                    mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450" ClipToBounds="False"
-                   x:Class="WheelWizard.Views.Popups.MiiCarouselWindow">
+                   x:Class="WheelWizard.Views.Popups.MiiManagement.MiiCarouselWindow">
     <Grid Width="440" Height="300">
-        <components:LoadingIcon HorizontalAlignment="Center" VerticalAlignment="Center" IconSize="180"
+        <components:LoadingIcon HorizontalAlignment="Center" VerticalAlignment="Center" Width="180" Height="180"
                                 x:Name="MiiLoadingIcon" Foreground="{StaticResource Neutral800}" />
-        <miiImages:MiiCarousel x:Name="Carousel" VerticalAlignment="Center" HorizontalAlignment="Stretch"
-                               Height="280" />
+        <behavior:MiiCarousel x:Name="Carousel" VerticalAlignment="Center" HorizontalAlignment="Stretch" Height="280" 
+                              ImageVariant="{x:Static miiVars:MiiImageVariants.FullBodyCarousel}"/>
     </Grid>
 </base:PopupContent>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiCarouselWindow.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiCarouselWindow.axaml.cs
similarity index 92%
rename from WheelWizard/Views/Popups/MiiCarouselWindow.axaml.cs
rename to WheelWizard/Views/Popups/MiiManagement/MiiCarouselWindow.axaml.cs
index 2418b5a2..b12fee8e 100644
--- a/WheelWizard/Views/Popups/MiiCarouselWindow.axaml.cs
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiCarouselWindow.axaml.cs
@@ -1,7 +1,7 @@
 using WheelWizard.Views.Popups.Base;
 using WheelWizard.WiiManagement.Domain.Mii;
 
-namespace WheelWizard.Views.Popups;
+namespace WheelWizard.Views.Popups.MiiManagement;
 
 public partial class MiiCarouselWindow : PopupContent
 {
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorBeardPage.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorBeardPage.axaml
new file mode 100644
index 00000000..61a6593e
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorBeardPage.axaml
@@ -0,0 +1,76 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="550"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorFacialHair">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <!-- Updated Title -->
+        <TextBlock Classes="BodyText" Margin="10" Text="Facial Hair" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+
+        <!-- END OF EVERY EDITOR PAGE -->
+
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="15">
+                <!-- The list of elements you want to edit in this page -->
+
+                 <StackPanel> <!-- Facial Hair Color -->
+                    <components:FormFieldLabel Text="Facial Hair Color:"/>
+                    <ComboBox
+                        x:Name="MustacheColorBox"
+                        SelectionChanged="FacialHairColorBox_OnSelectionChanged"
+                        Width="150"
+                        />
+                </StackPanel>
+
+                <!-- Vertical Position (Up/Down) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Vertical Position (Up/Down):"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="VerticalDecreaseButton" IconData="{StaticResource ArrowUp}" IconSize="14" Padding="4" Click="VerticalDecrease_Click" />
+                            <TextBlock x:Name="VerticalValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="VerticalIncreaseButton" IconData="{StaticResource  ArrowDown}" IconSize="14" Padding="4"  Click="VerticalIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+
+                <!-- Size (Zoom In/Out) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Size (Zoom In/Out):"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="SizeDecreaseButton" IconData="{StaticResource MinMark}" IconSize="14" Padding="4" Click="SizeDecrease_Click"/>
+                            <TextBlock x:Name="SizeValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="SizeIncreaseButton" IconData="{StaticResource  PlusMark}" IconSize="14" Padding="4" Click="SizeIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+                
+                <StackPanel> <!-- Mustache Type -->
+                    <components:FormFieldLabel Text="Mustache Type:"/>
+                    <UniformGrid Columns="5" x:Name="MustacheTypesGrid">
+                        <!-- Generated elements -->
+                    </UniformGrid>
+                </StackPanel>
+
+                <StackPanel> <!-- Beard Type -->
+                    <components:FormFieldLabel Text="Beard Type:"/>
+                    <UniformGrid Columns="5" x:Name="BeardTypesGrid">
+                        <!-- Generated elements -->
+                    </UniformGrid>
+                </StackPanel>
+            </StackPanel>
+        </ScrollViewer>
+
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorBeardPage.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorBeardPage.axaml.cs
new file mode 100644
index 00000000..fcd1b60b
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorBeardPage.axaml.cs
@@ -0,0 +1,252 @@
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using WheelWizard.Views.Components;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorFacialHair : MiiEditorBaseControl
+{
+    private const int MinVertical = 0;
+    private const int MaxVertical = 16; // Note: Range is 0-16
+    private const int MinSize = 0;
+    private const int MaxSize = 8; // Note: Range is 0-8
+
+    public EditorFacialHair(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        if (Editor?.Mii?.MiiFacialHair == null)
+            return;
+        PopulateValues();
+    }
+
+    private void PopulateValues()
+    {
+        var currentFacialHair = Editor.Mii.MiiFacialHair;
+        GenerateMustacheButtons();
+        GenerateBeardButtons(); //also known as goatee internally
+        // Populate Facial Hair Color ComboBox
+        MustacheColorBox.Items.Clear();
+        foreach (var color in Enum.GetNames(typeof(MustacheColor))) // Using MustacheColor enum
+        {
+            MustacheColorBox.Items.Add(color);
+            if (color == currentFacialHair.Color.ToString())
+                MustacheColorBox.SelectedItem = color;
+        }
+
+        // Populate TextBlocks
+        UpdateValueTexts(currentFacialHair);
+    }
+
+    private void GenerateBeardButtons()
+    {
+        var color1 = new SolidColorBrush(ViewUtils.Colors.Neutral50); // Skin Color
+        var color2 = new SolidColorBrush(ViewUtils.Colors.Neutral300); // Skin border Color
+        var color3 = new SolidColorBrush(ViewUtils.Colors.Black); // Hair Color
+        var color4 = new SolidColorBrush(ViewUtils.Colors.Danger400);
+        var selectedColor4 = new SolidColorBrush(ViewUtils.Colors.Danger500);
+        SetButtons(
+            "MiiGoatee",
+            4,
+            BeardTypesGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == (int)Editor.Mii.MiiFacialHair.BeardType;
+                button.Color1 = color1;
+                button.Color2 = color2;
+                button.Color3 = color3;
+                button.Color4 = color4;
+                button.SelectedColor4 = selectedColor4;
+                button.Click += (_, _) => SetBeardType(index);
+            }
+        );
+    }
+
+    private void SetBeardType(int index)
+    {
+        if (Editor?.Mii?.MiiFacialHair == null || !IsLoaded)
+            return;
+        var current = Editor.Mii.MiiFacialHair;
+        var beardType = (BeardType)index;
+        var result = MiiFacialHair.Create(current.MustacheType, beardType, current.Color, current.Size, current.Vertical);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiFacialHair = result.Value;
+            UpdateValueTexts(result.Value); // Update UI TextBlocks
+        }
+        else
+        {
+            // Reset the button to the current type if creation fails
+            foreach (var child in BeardTypesGrid.Children)
+            {
+                if (child is MultiIconRadioButton button && button.IsChecked == true)
+                {
+                    button.IsChecked = false;
+                }
+            }
+        }
+
+        Editor.RefreshImage();
+    }
+
+    private void GenerateMustacheButtons()
+    {
+        var color1 = new SolidColorBrush(ViewUtils.Colors.Neutral50); // Skin Color
+        var color2 = new SolidColorBrush(ViewUtils.Colors.Neutral300); // Skin border Color
+        var color3 = new SolidColorBrush(ViewUtils.Colors.Black); // Hair Color
+        var color4 = new SolidColorBrush(ViewUtils.Colors.Danger400);
+        var selectedColor4 = new SolidColorBrush(ViewUtils.Colors.Danger500);
+        SetButtons(
+            "MiiMustache",
+            4,
+            MustacheTypesGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == (int)Editor.Mii.MiiFacialHair.MustacheType;
+                button.Color1 = color1;
+                button.Color2 = color2;
+                button.Color3 = color3;
+                button.Color4 = color4;
+                button.SelectedColor4 = selectedColor4;
+                button.Click += (_, _) => SetMustacheType(index);
+            }
+        );
+    }
+
+    private void SetMustacheType(int index)
+    {
+        if (Editor?.Mii?.MiiFacialHair == null || !IsLoaded)
+            return;
+        var current = Editor.Mii.MiiFacialHair;
+        var mustacheType = (MustacheType)index;
+        var result = MiiFacialHair.Create(mustacheType, current.BeardType, current.Color, current.Size, current.Vertical);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiFacialHair = result.Value;
+            UpdateValueTexts(result.Value); // Update UI TextBlocks
+        }
+        else
+        {
+            // Reset the button to the current type if creation fails
+            foreach (var child in MustacheTypesGrid.Children)
+            {
+                if (child is MultiIconRadioButton button && button.IsChecked == true)
+                {
+                    button.IsChecked = false;
+                }
+            }
+        }
+
+        Editor.RefreshImage();
+    }
+
+    private void UpdateValueTexts(MiiFacialHair facialHair)
+    {
+        VerticalValueText.Text = facialHair.Vertical.ToString();
+        SizeValueText.Text = facialHair.Size.ToString();
+
+        VerticalDecreaseButton.IsEnabled = facialHair.Vertical > MinVertical;
+        VerticalIncreaseButton.IsEnabled = facialHair.Vertical < MaxVertical;
+        SizeDecreaseButton.IsEnabled = facialHair.Size > MinSize;
+        SizeIncreaseButton.IsEnabled = facialHair.Size < MaxSize;
+    }
+
+    // Enum to identify which property is being changed by buttons
+    private enum FacialHairProperty
+    {
+        Vertical,
+        Size,
+    }
+
+    // Consolidated helper method for button clicks
+    private void TryUpdateFacialHairValue(int change, FacialHairProperty property)
+    {
+        if (Editor?.Mii?.MiiFacialHair == null || !IsLoaded)
+            return;
+
+        var current = Editor.Mii.MiiFacialHair;
+        int currentValue,
+            newValue,
+            min,
+            max;
+
+        // Determine current value, new value, and range based on property
+        switch (property)
+        {
+            case FacialHairProperty.Vertical:
+                currentValue = current.Vertical;
+                min = MinVertical;
+                max = MaxVertical;
+                break;
+            case FacialHairProperty.Size:
+                currentValue = current.Size;
+                min = MinSize;
+                max = MaxSize;
+                break;
+            default:
+                throw new ArgumentOutOfRangeException(nameof(property), property, null);
+        }
+
+        newValue = currentValue + change;
+        if (newValue < min || newValue > max)
+        {
+            return; // Value is out of range, do nothing
+        }
+
+        OperationResult<MiiFacialHair> result;
+        switch (property)
+        {
+            case FacialHairProperty.Vertical:
+                result = MiiFacialHair.Create(current.MustacheType, current.BeardType, current.Color, current.Size, newValue); // Note Vertical position
+                break;
+            case FacialHairProperty.Size:
+                result = MiiFacialHair.Create(current.MustacheType, current.BeardType, current.Color, newValue, current.Vertical); // Note Size position
+                break;
+            default: // Should be unreachable
+                return;
+        }
+
+        // Handle the result
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiFacialHair = result.Value;
+        UpdateValueTexts(result.Value); // Update UI TextBlocks
+        Editor.RefreshImage();
+    }
+
+    private void FacialHairColorBox_OnSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        if (!IsLoaded || MustacheColorBox.SelectedItem == null || Editor?.Mii?.MiiFacialHair == null)
+            return;
+        if (MustacheColorBox.SelectedItem is not string colorStr)
+            return;
+
+        var newColor = (MustacheColor)Enum.Parse(typeof(MustacheColor), colorStr);
+        var current = Editor.Mii.MiiFacialHair;
+        if (newColor == current.Color)
+            return;
+
+        var result = MiiFacialHair.Create(current.MustacheType, current.BeardType, newColor, current.Size, current.Vertical);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiFacialHair = result.Value;
+        }
+        else
+        {
+            MustacheColorBox.SelectedItem = current.Color.ToString();
+        }
+        Editor.RefreshImage();
+    }
+
+    // --- Button Click Handlers ---
+    private void VerticalDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateFacialHairValue(-1, FacialHairProperty.Vertical);
+
+    private void VerticalIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateFacialHairValue(+1, FacialHairProperty.Vertical);
+
+    private void SizeDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateFacialHairValue(-1, FacialHairProperty.Size);
+
+    private void SizeIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateFacialHairValue(+1, FacialHairProperty.Size);
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEmpty.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEmpty.axaml
new file mode 100644
index 00000000..011f0b1b
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEmpty.axaml
@@ -0,0 +1,28 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorEmpty">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <TextBlock Classes="BodyText" Margin="10" Text="EMPTY!!!" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}" 
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+        
+        <!-- END OF EVERY EDITOR PAGE -->
+        
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="10">
+                <!-- The list of elements you want to edit in this page -->
+            </StackPanel>
+        </ScrollViewer>
+       
+    </Grid>
+</UserControl>
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEmpty.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEmpty.axaml.cs
new file mode 100644
index 00000000..b5af03e6
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEmpty.axaml.cs
@@ -0,0 +1,10 @@
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorEmpty : MiiEditorBaseControl
+{
+    public EditorEmpty(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+    }
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyebrows.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyebrows.axaml
new file mode 100644
index 00000000..b7249821
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyebrows.axaml
@@ -0,0 +1,85 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="600"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorEyebrows">
+    <!-- Header remains the same -->
+    <Grid RowDefinitions="40,*">
+        <TextBlock Classes="BodyText" Margin="10" Text="Eyebrows" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="15">
+
+                <StackPanel> <!-- Eyebrow Color -->
+                    <components:FormFieldLabel Text="Eyebrow Color:"/>
+                    <ComboBox x:Name="EyebrowColorBox" SelectionChanged="EyebrowColorBox_OnSelectionChanged"
+                              Width="150"/>
+                </StackPanel>
+
+                <!-- Vertical Position (Up/Down) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Vertical Position (Up/Down):"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="VerticalDecreaseButton" IconData="{StaticResource ArrowUp}" IconSize="14" Padding="4" Click="VerticalDecrease_Click"/>
+                            <TextBlock x:Name="VerticalValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="VerticalIncreaseButton" IconData="{StaticResource ArrowDown}" IconSize="14" Padding="4" Click="VerticalIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+
+                <!-- Rotation (Rotate Left/Right) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Rotation (Rotate Left/Right):"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="RotationDecreaseButton" IconData="{StaticResource RotateLeft}" IconSize="14" Padding="4" Click="RotationDecrease_Click"/>
+                            <TextBlock x:Name="RotationValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="RotationIncreaseButton" IconData="{StaticResource RotateRight}" IconSize="14" Padding="4" Click="RotationIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+                
+                <!-- Size (Zoom In/Out) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Size:"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="SizeDecreaseButton" IconData="{StaticResource MinMark}" IconSize="14" Padding="4" Click="SizeDecrease_Click"/>
+                            <TextBlock x:Name="SizeValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="SizeIncreaseButton" IconData="{StaticResource PlusMark}" IconSize="14" Padding="4" Click="SizeIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+
+           
+                 <!-- Spacing (In/Out) -->
+                 <StackPanel>
+                     <components:FormFieldLabel Text="Spacing in between:"/>
+                     <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                         <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                             <components:Button x:Name="SpacingDecreaseButton" IconData="{StaticResource MinMark}" IconSize="14" Padding="4" Click="SpacingDecrease_Click"/>
+                             <TextBlock x:Name="SpacingValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                             <components:Button x:Name="SpacingIncreaseButton" IconData="{StaticResource PlusMark}" IconSize="14" Padding="4" Click="SpacingIncrease_Click"/>
+                         </StackPanel>
+                     </Border>
+                 </StackPanel>
+                <StackPanel> <!-- Eyebrow Type -->
+                    <components:FormFieldLabel Text="Eyebrow Type:"/>
+                    <UniformGrid Columns="5" x:Name="EyebrowTypesGrid">
+                        <!-- Generated elements -->
+                    </UniformGrid>
+                </StackPanel>
+            </StackPanel>
+        </ScrollViewer>
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyebrows.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyebrows.axaml.cs
new file mode 100644
index 00000000..16104456
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyebrows.axaml.cs
@@ -0,0 +1,231 @@
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using WheelWizard.Views.Components;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorEyebrows : MiiEditorBaseControl
+{
+    // Define ranges for clarity and maintainability
+    private const int MinVertical = 3;
+    private const int MaxVertical = 18;
+    private const int MinSize = 0;
+    private const int MaxSize = 8;
+    private const int MinRotation = 0;
+    private const int MaxRotation = 11;
+    private const int MinSpacing = 0;
+    private const int MaxSpacing = 12;
+
+    public EditorEyebrows(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        if (Editor?.Mii?.MiiEyebrows == null)
+            return;
+        PopulateValues();
+    }
+
+    private void PopulateValues()
+    {
+        var currentEyebrows = Editor.Mii.MiiEyebrows;
+        CreateEyebrowButtons();
+        EyebrowColorBox.Items.Clear();
+        foreach (var color in Enum.GetNames(typeof(EyebrowColor)))
+        {
+            EyebrowColorBox.Items.Add(color);
+            if (color == currentEyebrows.Color.ToString())
+                EyebrowColorBox.SelectedItem = color;
+        }
+
+        // Populate TextBlocks
+        UpdateValueTexts(currentEyebrows);
+    }
+
+    private void CreateEyebrowButtons()
+    {
+        var color1 = new SolidColorBrush(ViewUtils.Colors.Danger400);
+        var selectedColor1 = new SolidColorBrush(ViewUtils.Colors.Danger500);
+        var color2 = new SolidColorBrush(ViewUtils.Colors.Black); // Eyebrow Color
+        SetButtons(
+            "MiiEyebrow",
+            24,
+            EyebrowTypesGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == Editor.Mii.MiiEyebrows.Type;
+                button.Color1 = color1;
+                button.SelectedColor1 = selectedColor1;
+                button.Color2 = color2;
+                button.Click += (_, _) => SetEyebrowType(index);
+            }
+        );
+    }
+
+    private void SetEyebrowType(int index)
+    {
+        if (Editor?.Mii?.MiiEyebrows == null)
+            return;
+
+        var current = Editor.Mii.MiiEyebrows;
+        if (index == current.Type)
+            return;
+
+        var result = MiiEyebrow.Create(index, current.Rotation, current.Color, current.Size, current.Vertical, current.Spacing);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiEyebrows = result.Value;
+        }
+        else
+        {
+            // Reset the button to the current type if creation fails
+            foreach (var child in EyebrowTypesGrid.Children)
+            {
+                if (child is MultiIconRadioButton button && button.IsChecked == true)
+                    button.IsChecked = false;
+            }
+
+            var currentButton = EyebrowTypesGrid.Children[index] as MultiIconRadioButton;
+            currentButton.IsChecked = true;
+        }
+        Editor.RefreshImage();
+    }
+
+    // Helper to update all value TextBlocks
+    private void UpdateValueTexts(MiiEyebrow eyebrows)
+    {
+        SizeValueText.Text = eyebrows.Size.ToString();
+        RotationValueText.Text = eyebrows.Rotation.ToString();
+        SpacingValueText.Text = eyebrows.Spacing.ToString();
+        VerticalValueText.Text = (eyebrows.Vertical - 3).ToString(); // lying a bit here, but then people are not questions why it goes from 3 instead of 0
+
+        VerticalDecreaseButton.IsEnabled = eyebrows.Vertical > MinVertical;
+        VerticalIncreaseButton.IsEnabled = eyebrows.Vertical < MaxVertical;
+        SizeDecreaseButton.IsEnabled = eyebrows.Size > MinSize;
+        SizeIncreaseButton.IsEnabled = eyebrows.Size < MaxSize;
+        RotationDecreaseButton.IsEnabled = eyebrows.Rotation > MinRotation;
+        RotationIncreaseButton.IsEnabled = eyebrows.Rotation < MaxRotation;
+        SpacingDecreaseButton.IsEnabled = eyebrows.Spacing > MinSpacing;
+        SpacingIncreaseButton.IsEnabled = eyebrows.Spacing < MaxSpacing;
+    }
+
+    private enum EyebrowProperty
+    {
+        Vertical,
+        Size,
+        Rotation,
+        Spacing,
+    }
+
+    private void TryUpdateEyebrowValue(int change, EyebrowProperty property)
+    {
+        if (Editor?.Mii?.MiiEyebrows == null || !IsLoaded)
+            return;
+
+        var current = Editor.Mii.MiiEyebrows;
+        int currentValue,
+            newValue,
+            min,
+            max;
+
+        // Determine current value, new value, and range based on property
+        switch (property)
+        {
+            case EyebrowProperty.Vertical:
+                currentValue = current.Vertical;
+                min = MinVertical;
+                max = MaxVertical;
+                break;
+            case EyebrowProperty.Size:
+                currentValue = current.Size;
+                min = MinSize;
+                max = MaxSize;
+                break;
+            case EyebrowProperty.Rotation:
+                currentValue = current.Rotation;
+                min = MinRotation;
+                max = MaxRotation;
+                break;
+            case EyebrowProperty.Spacing:
+                currentValue = current.Spacing;
+                min = MinSpacing;
+                max = MaxSpacing;
+                break;
+            default:
+                throw new ArgumentOutOfRangeException(nameof(property), property, null);
+        }
+
+        newValue = currentValue + change;
+
+        // Check range BEFORE attempting to create
+        if (newValue < min || newValue > max)
+            return;
+
+        OperationResult<MiiEyebrow> result;
+        switch (property)
+        {
+            case EyebrowProperty.Vertical:
+                result = MiiEyebrow.Create(current.Type, current.Rotation, current.Color, current.Size, newValue, current.Spacing);
+                break;
+            case EyebrowProperty.Size:
+                result = MiiEyebrow.Create(current.Type, current.Rotation, current.Color, newValue, current.Vertical, current.Spacing);
+                break;
+            case EyebrowProperty.Rotation:
+                result = MiiEyebrow.Create(current.Type, newValue, current.Color, current.Size, current.Vertical, current.Spacing);
+                break;
+            case EyebrowProperty.Spacing:
+                result = MiiEyebrow.Create(current.Type, current.Rotation, current.Color, current.Size, current.Vertical, newValue);
+                break;
+            default:
+                return;
+        }
+
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiEyebrows = result.Value;
+        UpdateValueTexts(result.Value);
+        Editor.RefreshImage();
+    }
+
+    private void EyebrowColorBox_OnSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        if (!IsLoaded || EyebrowColorBox.SelectedItem == null || Editor?.Mii?.MiiEyebrows == null)
+            return;
+        if (EyebrowColorBox.SelectedItem is not string colorStr)
+            return;
+
+        var newColor = (EyebrowColor)Enum.Parse(typeof(EyebrowColor), colorStr);
+        var current = Editor.Mii.MiiEyebrows;
+        if (newColor == current.Color)
+            return;
+
+        var result = MiiEyebrow.Create(current.Type, current.Rotation, newColor, current.Size, current.Vertical, current.Spacing);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiEyebrows = result.Value;
+        }
+        else
+        {
+            EyebrowColorBox.SelectedItem = current.Color.ToString();
+        }
+        Editor.RefreshImage();
+    }
+
+    private void VerticalDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyebrowValue(-1, EyebrowProperty.Vertical);
+
+    private void VerticalIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyebrowValue(+1, EyebrowProperty.Vertical);
+
+    private void SizeDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyebrowValue(-1, EyebrowProperty.Size);
+
+    private void SizeIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyebrowValue(+1, EyebrowProperty.Size);
+
+    private void RotationDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyebrowValue(-1, EyebrowProperty.Rotation);
+
+    private void RotationIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyebrowValue(+1, EyebrowProperty.Rotation);
+
+    private void SpacingDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyebrowValue(-1, EyebrowProperty.Spacing);
+
+    private void SpacingIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyebrowValue(+1, EyebrowProperty.Spacing);
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyes.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyes.axaml
new file mode 100644
index 00000000..14c4ad0a
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyes.axaml
@@ -0,0 +1,93 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="600"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorEyes">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <!-- Updated Title -->
+        <TextBlock Classes="BodyText" Margin="10" Text="Eyes" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+
+        <!-- END OF EVERY EDITOR PAGE -->
+
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="15"> <!-- Keep Spacing -->
+                <!-- The list of elements you want to edit in this page -->
+
+                <StackPanel> <!-- Eye Color -->
+                    <components:FormFieldLabel Text="Eye Color:"/>
+                    <ComboBox
+                        x:Name="EyeColorBox"
+                        SelectionChanged="EyeColorBox_OnSelectionChanged"
+                        Width="150"
+                        />
+                </StackPanel>
+
+                <!-- Vertical Position (Up/Down) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Vertical Position (Up/Down):"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="VerticalDecreaseButton" IconData="{StaticResource ArrowUp}" IconSize="14" Padding="4" Click="VerticalDecrease_Click"/>
+                            <TextBlock x:Name="VerticalValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="VerticalIncreaseButton" IconData="{StaticResource  ArrowDown}" IconSize="14" Padding="4" Click="VerticalIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+
+                <!-- Rotation (Rotate Left/Right) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Rotation (Rotate Left/Right):"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="RotationDecreaseButton" IconData="{StaticResource RotateLeft}" IconSize="14" Padding="4" Click="RotationDecrease_Click"/>
+                            <TextBlock x:Name="RotationValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="RotationIncreaseButton" IconData="{StaticResource  RotateRight}" IconSize="14" Padding="4" Click="RotationIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+                
+                <!-- Size (Zoom In/Out) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Size:"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="SizeDecreaseButton" IconData="{StaticResource MinMark}" IconSize="14" Padding="4" Click="SizeDecrease_Click"/>
+                            <TextBlock x:Name="SizeValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="SizeIncreaseButton" IconData="{StaticResource  PlusMark}" IconSize="14" Padding="4" Click="SizeIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+                
+                 <!-- Spacing (In/Out) -->
+                 <StackPanel>
+                     <components:FormFieldLabel Text="Spacing in between:"/>
+                     <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                         <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                             <components:Button x:Name="SpacingDecreaseButton" IconData="{StaticResource MinMark}" IconSize="14" Padding="4" Click="SpacingDecrease_Click"/>
+                             <TextBlock x:Name="SpacingValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                             <components:Button x:Name="SpacingIncreaseButton" IconData="{StaticResource  PlusMark}" IconSize="14" Padding="4" Click="SpacingIncrease_Click"/>
+                         </StackPanel>
+                     </Border>
+                 </StackPanel>
+
+                <StackPanel> <!-- Eye Type -->
+                    <components:FormFieldLabel Text="Eye Type:"/>
+                    <UniformGrid Columns="5" x:Name="EyeTypesGrid">
+                        <!-- Generated elements -->
+                    </UniformGrid>
+                </StackPanel>
+            </StackPanel>
+        </ScrollViewer>
+
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyes.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyes.axaml.cs
new file mode 100644
index 00000000..8008b8b1
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorEyes.axaml.cs
@@ -0,0 +1,227 @@
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using WheelWizard.Views.Components;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorEyes : MiiEditorBaseControl
+{
+    private const int MinRotation = 0;
+    private const int MaxRotation = 7;
+    private const int MinVertical = 0;
+    private const int MaxVertical = 18;
+    private const int MinSize = 0;
+    private const int MaxSize = 7;
+    private const int MinSpacing = 0;
+    private const int MaxSpacing = 12;
+
+    public EditorEyes(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        if (Editor?.Mii?.MiiEyes == null)
+            return;
+        PopulateValues();
+    }
+
+    private void PopulateValues()
+    {
+        var currentEyes = Editor.Mii.MiiEyes;
+        GenerateEyeButtons();
+        EyeColorBox.Items.Clear();
+        foreach (var color in Enum.GetNames(typeof(EyeColor)))
+        {
+            EyeColorBox.Items.Add(color);
+            if (color == currentEyes.Color.ToString())
+                EyeColorBox.SelectedItem = color;
+        }
+        UpdateValueTexts(currentEyes);
+    }
+
+    private void GenerateEyeButtons()
+    {
+        var color1 = new SolidColorBrush(ViewUtils.Colors.Neutral50); // Eye white Color
+        var color2 = new SolidColorBrush(ViewUtils.Colors.Neutral950); // Eye border Color
+        var selectedColor2 = new SolidColorBrush(ViewUtils.Colors.Black);
+        var color3 = new SolidColorBrush(ViewUtils.Colors.Primary400); // Eye Iris Color
+        var selectedColor3 = new SolidColorBrush(ViewUtils.Colors.Primary300);
+        SetButtons(
+            "MiiEye",
+            48,
+            EyeTypesGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == Editor.Mii.MiiEyes.Type;
+                button.Color1 = color1;
+                button.Color2 = color2;
+                button.SelectedColor2 = selectedColor2;
+                button.Color3 = color3;
+                button.Click += (_, _) => SetEyesType(index);
+                button.SelectedColor3 = selectedColor3;
+            }
+        );
+    }
+
+    private void SetEyesType(int index)
+    {
+        if (Editor?.Mii?.MiiEyes == null)
+            return;
+
+        var current = Editor.Mii.MiiEyes;
+        if (index == current.Type)
+            return;
+
+        var result = MiiEye.Create(index, current.Rotation, current.Vertical, current.Color, current.Size, current.Spacing);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiEyes = result.Value;
+            UpdateValueTexts(result.Value);
+        }
+        else
+        {
+            // Reset to previous value
+            var currentType = current.Type;
+            foreach (var item in EyeTypesGrid.Children.OfType<MultiIconRadioButton>())
+            {
+                item.IsChecked = item.IconData == GetMiiIconData($"Eyes{currentType:D2}");
+            }
+        }
+        Editor.RefreshImage();
+    }
+
+    private void UpdateValueTexts(MiiEye eyes)
+    {
+        VerticalValueText.Text = eyes.Vertical.ToString();
+        SizeValueText.Text = eyes.Size.ToString();
+        RotationValueText.Text = eyes.Rotation.ToString();
+        SpacingValueText.Text = eyes.Spacing.ToString();
+
+        VerticalDecreaseButton.IsEnabled = eyes.Vertical > MinVertical;
+        VerticalIncreaseButton.IsEnabled = eyes.Vertical < MaxVertical;
+        SizeDecreaseButton.IsEnabled = eyes.Size > MinSize;
+        SizeIncreaseButton.IsEnabled = eyes.Size < MaxSize;
+        RotationDecreaseButton.IsEnabled = eyes.Rotation > MinRotation;
+        RotationIncreaseButton.IsEnabled = eyes.Rotation < MaxRotation;
+        SpacingDecreaseButton.IsEnabled = eyes.Spacing > MinSpacing;
+        SpacingIncreaseButton.IsEnabled = eyes.Spacing < MaxSpacing;
+    }
+
+    private enum EyeProperty
+    {
+        Vertical,
+        Size,
+        Rotation,
+        Spacing,
+    }
+
+    private void TryUpdateEyeValue(int change, EyeProperty property)
+    {
+        if (Editor?.Mii?.MiiEyes == null || !IsLoaded)
+            return;
+
+        var current = Editor.Mii.MiiEyes;
+        int currentValue,
+            newValue,
+            min,
+            max;
+        switch (property)
+        {
+            case EyeProperty.Vertical:
+                currentValue = current.Vertical;
+                min = MinVertical;
+                max = MaxVertical;
+                break;
+            case EyeProperty.Size:
+                currentValue = current.Size;
+                min = MinSize;
+                max = MaxSize;
+                break;
+            case EyeProperty.Rotation:
+                currentValue = current.Rotation;
+                min = MinRotation;
+                max = MaxRotation;
+                break;
+            case EyeProperty.Spacing:
+                currentValue = current.Spacing;
+                min = MinSpacing;
+                max = MaxSpacing;
+                break;
+            default:
+                throw new ArgumentOutOfRangeException(nameof(property), property, null);
+        }
+
+        newValue = currentValue + change;
+        if (newValue < min || newValue > max)
+        {
+            return;
+        }
+
+        OperationResult<MiiEye> result;
+        switch (property)
+        {
+            case EyeProperty.Vertical:
+                result = MiiEye.Create(current.Type, current.Rotation, newValue, current.Color, current.Size, current.Spacing); // Note Vertical position
+                break;
+            case EyeProperty.Size:
+                result = MiiEye.Create(current.Type, current.Rotation, current.Vertical, current.Color, newValue, current.Spacing); // Note Size position
+                break;
+            case EyeProperty.Rotation:
+                result = MiiEye.Create(current.Type, newValue, current.Vertical, current.Color, current.Size, current.Spacing); // Note Rotation position
+                break;
+            case EyeProperty.Spacing:
+                result = MiiEye.Create(current.Type, current.Rotation, current.Vertical, current.Color, current.Size, newValue); // Note Spacing position
+                break;
+            default:
+                return;
+        }
+
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiEyes = result.Value;
+        UpdateValueTexts(result.Value);
+        Editor.RefreshImage();
+    }
+
+    private void EyeColorBox_OnSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        if (!IsLoaded || EyeColorBox.SelectedItem == null || Editor?.Mii?.MiiEyes == null)
+            return;
+        if (EyeColorBox.SelectedItem is not string colorStr)
+            return;
+
+        var newColor = (EyeColor)Enum.Parse(typeof(EyeColor), colorStr);
+        var current = Editor.Mii.MiiEyes;
+        if (newColor == current.Color)
+            return;
+
+        var result = MiiEye.Create(current.Type, current.Rotation, current.Vertical, newColor, current.Size, current.Spacing);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiEyes = result.Value;
+        }
+        else
+        {
+            EyeColorBox.SelectedItem = current.Color.ToString();
+        }
+        Editor.RefreshImage();
+    }
+
+    private void VerticalDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyeValue(-1, EyeProperty.Vertical);
+
+    private void VerticalIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyeValue(+1, EyeProperty.Vertical);
+
+    private void SizeDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyeValue(-1, EyeProperty.Size);
+
+    private void SizeIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyeValue(+1, EyeProperty.Size);
+
+    private void RotationDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyeValue(-1, EyeProperty.Rotation);
+
+    private void RotationIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyeValue(+1, EyeProperty.Rotation);
+
+    private void SpacingDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyeValue(-1, EyeProperty.Spacing);
+
+    private void SpacingIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateEyeValue(+1, EyeProperty.Spacing);
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorFace.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorFace.axaml
new file mode 100644
index 00000000..0ba6cd31
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorFace.axaml
@@ -0,0 +1,53 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorFace">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <!-- Updated Title -->
+        <TextBlock Classes="BodyText" Margin="10" Text="Face" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+
+        <!-- END OF EVERY EDITOR PAGE -->
+
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="10">
+                <!-- The list of elements you want to edit in this page -->
+                
+                <StackPanel> <!-- Skin Color -->
+                    <components:FormFieldLabel Text="Skin Color:"/>
+                    <UniformGrid Columns="6" x:Name="SkinColorGrid">
+                        <!-- Generated elements -->
+                    </UniformGrid>
+                </StackPanel>
+                
+                <StackPanel> <!-- Head Type -->
+                    <components:FormFieldLabel Text="Head Shape:"/>
+                    <UniformGrid Columns="5" x:Name="HeadTypesGrid">
+                        <!-- Generated elements -->
+                    </UniformGrid>
+                </StackPanel>
+            
+                <StackPanel> <!-- Facial Feature (Blemishes) -->
+                    <components:FormFieldLabel Text="Facial Feature:"/>
+                    <ComboBox
+                        x:Name="FacialFeatureBox"
+                        SelectionChanged="FacialFeatureBox_OnSelectionChanged"
+                        Width="200"
+                        />
+                </StackPanel>
+
+            </StackPanel>
+        </ScrollViewer>
+
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorFace.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorFace.axaml.cs
new file mode 100644
index 00000000..45b6421d
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorFace.axaml.cs
@@ -0,0 +1,143 @@
+using Avalonia.Controls;
+using Avalonia.Media;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorFace : MiiEditorBaseControl
+{
+    public EditorFace(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        PopulateValues();
+    }
+
+    private static readonly Dictionary<MiiSkinColor, (Color, Color)> SkinColors = new()
+    {
+        [MiiSkinColor.Light] = (Color.FromRgb(255, 242, 226), Color.FromRgb(224, 194, 154)),
+        [MiiSkinColor.Yellow] = (Color.FromRgb(255, 208, 132), Color.FromRgb(229, 167, 80)),
+        [MiiSkinColor.Red] = (Color.FromRgb(222, 154, 91), Color.FromRgb(224, 118, 48)),
+        [MiiSkinColor.Pink] = (Color.FromRgb(255, 203, 195), Color.FromRgb(255, 173, 158)),
+        [MiiSkinColor.DarkBrown] = (Color.FromRgb(194, 106, 33), Color.FromRgb(154, 69, 18)),
+        [MiiSkinColor.Brown] = (Color.FromRgb(145, 98, 40), Color.FromRgb(58, 43, 11)),
+    };
+
+    private void PopulateValues()
+    {
+        foreach (var feature in Enum.GetNames(typeof(MiiFacialFeature)))
+        {
+            FacialFeatureBox.Items.Add(feature);
+            if (feature == Editor.Mii.MiiFacial.FacialFeature.ToString())
+                FacialFeatureBox.SelectedItem = feature;
+        }
+        CreateSkinColorButtons();
+        CreateHeadShapeButtons();
+    }
+
+    private void CreateHeadShapeButtons()
+    {
+        var color1 = new SolidColorBrush(ViewUtils.Colors.Neutral50); // Skin Color
+        var color2 = new SolidColorBrush(ViewUtils.Colors.Neutral300); // Skin border Color
+        var color3 = new SolidColorBrush(Colors.Transparent); // Face features
+        SetButtons(
+            "MiiFace",
+            8,
+            HeadTypesGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == (int)Editor.Mii.MiiFacial.FaceShape;
+                button.Color1 = color1;
+                button.Color2 = color2;
+                button.Color3 = color3;
+                button.Click += (_, _) => SetFaceType(index);
+            }
+        );
+    }
+
+    private void CreateSkinColorButtons()
+    {
+        SetButtons(
+            "Color",
+            6,
+            SkinColorGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == (int)Editor.Mii.MiiFacial.SkinColor;
+                button.Color1 = new SolidColorBrush(SkinColors[(MiiSkinColor)index].Item1);
+                button.Color2 = new SolidColorBrush(SkinColors[(MiiSkinColor)index].Item2);
+                button.Click += (_, _) => SetSkinColor(index);
+            }
+        );
+    }
+
+    private void SetFaceType(int index)
+    {
+        var current = Editor.Mii.MiiFacial;
+        //face shape is an enum so when comparing
+        if (index == (int)current.FaceShape)
+            return; // No change
+        var result = MiiFacialFeatures.Create(
+            (MiiFaceShape)index,
+            current.SkinColor,
+            current.FacialFeature,
+            current.MingleOff,
+            current.Downloaded
+        );
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiFacial = result.Value;
+        Editor.RefreshImage();
+    }
+
+    private void SetSkinColor(int index)
+    {
+        var current = Editor.Mii.MiiFacial;
+        //face shape is an enum so when comparing
+        if (index == (int)current.SkinColor)
+            return; // No change
+        var result = MiiFacialFeatures.Create(
+            current.FaceShape,
+            (MiiSkinColor)index,
+            current.FacialFeature,
+            current.MingleOff,
+            current.Downloaded
+        );
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiFacial = result.Value;
+        Editor.RefreshImage();
+    }
+
+    private void FacialFeatureBox_OnSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        var value = FacialFeatureBox.SelectedItem;
+        if (value is null)
+            return;
+
+        var selectedFeature = (MiiFacialFeature)Enum.Parse(typeof(MiiFacialFeature), value.ToString()!);
+        var currentFacial = Editor.Mii.MiiFacial;
+
+        if (selectedFeature == currentFacial.FacialFeature)
+            return; // No change
+
+        var result = MiiFacialFeatures.Create(
+            currentFacial.FaceShape,
+            currentFacial.SkinColor,
+            selectedFeature,
+            currentFacial.MingleOff,
+            currentFacial.Downloaded
+        );
+
+        if (result.IsFailure)
+        {
+            ViewUtils.ShowSnackbar($"Error updating Facial Feature: {result.Error.Message}");
+            return;
+        }
+
+        Editor.Mii.MiiFacial = result.Value;
+        Editor.RefreshImage();
+    }
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGeneral.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGeneral.axaml
new file mode 100644
index 00000000..8bb577d1
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGeneral.axaml
@@ -0,0 +1,74 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:behavior="clr-namespace:WheelWizard.Views.BehaviorComponent"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorGeneral">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <TextBlock Classes="BodyText" Margin="10" Text="General" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1" />
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}"
+                                    IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left"
+                                    Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}" />
+
+        <!-- END OF EVERY EDITOR PAGE -->
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="10">
+
+                <StackPanel> <!-- Mii Name -->
+                    <components:FormFieldLabel Text="Mii Name:" />
+                    <behavior:FeedbackTextBox x:Name="MiiName" Watermark="Enter mii name"
+                                              TextChanged="Name_TextChanged" />
+                </StackPanel>
+
+                <StackPanel> <!-- Creator Name -->
+                    <components:FormFieldLabel Text="Creator Name:" />
+                    <behavior:FeedbackTextBox x:Name="CreatorName" Watermark="Enter creator name Optional"
+                                              TextChanged="Name_TextChanged" />
+                </StackPanel>
+
+                <StackPanel> <!-- Gender -->
+                    <components:FormFieldLabel Text="Gender:" />
+                    <StackPanel Orientation="Horizontal" Spacing="10">
+                        <!-- Male is only for the fancy, but servers no real purpose -->
+                        <RadioButton Content="Male" IsChecked="True" GroupName="GenderGroup" />
+                        <RadioButton Content="Female" x:Name="GirlToggle" IsCheckedChanged="IsGirl_OnIsCheckedChanged"
+                                     GroupName="GenderGroup" />
+                    </StackPanel>
+                </StackPanel>
+
+                <StackPanel>
+                    <components:FormFieldLabel Text="Height:" />
+                    <Slider x:Name="LengthSlider"
+                            ValueChanged="Length_OnValueChanged"
+                            Minimum="0" Maximum="127"
+                            Width="220" HorizontalAlignment="Left" />
+
+                    <components:FormFieldLabel Text="Width:" />
+                    <Slider x:Name="WidthSlider"
+                            ValueChanged="Width_OnValueChanged"
+                            Minimum="0" Maximum="127"
+                            Width="220" HorizontalAlignment="Left" />
+                </StackPanel>
+                <StackPanel Orientation="Horizontal">
+                    <StackPanel>
+                        <components:FormFieldLabel Text="Favorite Color:" />
+                        <ComboBox
+                            x:Name="FavoriteColorBox"
+                            SelectionChanged="FavoriteColorBox_OnSelectionChanged"
+                            Width="150">
+                        </ComboBox>
+                    </StackPanel>
+                </StackPanel>
+            </StackPanel>
+        </ScrollViewer>
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGeneral.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGeneral.axaml.cs
new file mode 100644
index 00000000..8e651c82
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGeneral.axaml.cs
@@ -0,0 +1,141 @@
+using Avalonia.Controls;
+using Avalonia.Controls.Primitives;
+using Avalonia.Input;
+using Avalonia.Interactivity;
+using Avalonia.Threading;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorGeneral : MiiEditorBaseControl
+{
+    private bool _hasMiiNameError;
+    private bool _hasCreatorNameError;
+    private readonly DispatcherTimer _refreshTimer = new() { Interval = TimeSpan.FromSeconds(0.7), IsEnabled = false };
+
+    public EditorGeneral(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        PopulateValues();
+        _refreshTimer.Tick += RefreshTimer_Tick;
+    }
+
+    private void PopulateValues()
+    {
+        MiiName.Text = Editor.Mii.Name.ToString();
+        CreatorName.Text = Editor.Mii.CreatorName.ToString();
+        GirlToggle.IsChecked = Editor.Mii.IsGirl;
+        LengthSlider.Value = Editor.Mii.Height.Value;
+        WidthSlider.Value = Editor.Mii.Weight.Value;
+        foreach (var color in Enum.GetNames(typeof(MiiFavoriteColor)))
+        {
+            FavoriteColorBox.Items.Add(color);
+            if (color == Editor.Mii.MiiFavoriteColor.ToString())
+                FavoriteColorBox.SelectedItem = color;
+        }
+    }
+
+    protected override void BeforeBack()
+    {
+        // Rather than constantly making a new MiiName, we can also just set it when we return back to the start page
+        if (!_hasMiiNameError)
+            Editor.Mii.Name = new(MiiName.Text);
+        if (!_hasCreatorNameError)
+            Editor.Mii.CreatorName = new(CreatorName.Text);
+
+        // For now i put it here, since i dont thing we want each value to be set when you change length or width
+        // only when you stop moving that bar do we want that i think
+        Editor.RefreshImage();
+    }
+
+    // We only have to check if it's a female, since if it's not, we already know the other option is going to be the male
+    private void IsGirl_OnIsCheckedChanged(object? sender, RoutedEventArgs e) => Editor.Mii.IsGirl = GirlToggle.IsChecked == true;
+
+    private void Name_TextChanged(object sender, TextChangedEventArgs e)
+    {
+        // MiiName
+        var validationMiiNameResult = ValidateMiiName(MiiName.Text);
+        _hasMiiNameError = validationMiiNameResult.IsFailure;
+        MiiName.ErrorMessage = validationMiiNameResult.Error?.Message ?? "";
+
+        // CreatorName
+        var validationCreatorNameResult = ValidateCreatorName(CreatorName.Text);
+        _hasCreatorNameError = validationCreatorNameResult.IsFailure;
+        CreatorName.ErrorMessage = validationCreatorNameResult.Error?.Message ?? "";
+    }
+
+    private OperationResult ValidateMiiName(string newName)
+    {
+        if (newName.Length is > 10 or < 3)
+            return Fail("Name must be between 3 and 10 characters long.");
+
+        return Ok();
+    }
+
+    private OperationResult ValidateCreatorName(string newName)
+    {
+        if (newName.Length > 10)
+            return Fail("Creator name must be less than 10 characters long.");
+
+        return Ok();
+    }
+
+    private void Length_OnValueChanged(object? sender, RangeBaseValueChangedEventArgs e)
+    {
+        var length = (int)LengthSlider.Value;
+        if (length > 127)
+            length = 127;
+        if (length < 0)
+            length = 0;
+        var heightResult = MiiScale.Create((byte)length);
+        if (heightResult.IsFailure)
+        {
+            ViewUtils.ShowSnackbar("Something went wrong while setting the height: " + heightResult.Error.Message);
+            return;
+        }
+        Editor.Mii.Height = heightResult.Value;
+        RestartRefreshTimer();
+    }
+
+    private void Width_OnValueChanged(object? sender, RangeBaseValueChangedEventArgs e)
+    {
+        var width = (int)WidthSlider.Value;
+        if (width > 127)
+            width = 127;
+        if (width < 0)
+            width = 0;
+        var weightResult = MiiScale.Create((byte)width);
+        if (weightResult.IsFailure)
+        {
+            ViewUtils.ShowSnackbar("Something went wrong while setting the weight: " + weightResult.Error.Message);
+            return;
+        }
+        Editor.Mii.Weight = weightResult.Value;
+        RestartRefreshTimer();
+    }
+
+    private void FavoriteColorBox_OnSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        var value = FavoriteColorBox.SelectedItem;
+        if (value is null)
+            return;
+        var color = (MiiFavoriteColor)Enum.Parse(typeof(MiiFavoriteColor), value.ToString()!);
+        if (color == Editor.Mii.MiiFavoriteColor)
+            return;
+        Editor.Mii.MiiFavoriteColor = color;
+        Editor.RefreshImage();
+    }
+
+    private void RestartRefreshTimer()
+    {
+        _refreshTimer.Stop();
+        _refreshTimer.Start();
+    }
+
+    private void RefreshTimer_Tick(object? sender, EventArgs e)
+    {
+        _refreshTimer.Stop();
+        Editor.RefreshImage();
+    }
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGlasses.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGlasses.axaml
new file mode 100644
index 00000000..89ab2617
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGlasses.axaml
@@ -0,0 +1,70 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="500"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorGlasses">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <!-- Updated Title -->
+        <TextBlock Classes="BodyText" Margin="10" Text="Glasses" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+
+        <!-- END OF EVERY EDITOR PAGE -->
+
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" >
+                <StackPanel> <!-- Glasses Type -->
+                    <components:FormFieldLabel Text="Glasses Type:"/>
+                    <UniformGrid Columns="5" x:Name="GlassesTypesGrid">
+                        <!-- Generated elements -->
+                    </UniformGrid>
+                </StackPanel>
+                
+                <StackPanel Spacing="15" x:Name="HideIfNoGlasses">
+                    <!-- Glasses Color -->
+                    <StackPanel>
+                        <components:FormFieldLabel Text="Glasses Color:"/>
+                        <ComboBox
+                            x:Name="GlassesColorBox"
+                            SelectionChanged="GlassesColorBox_OnSelectionChanged"
+                            Width="150"
+                        />
+                    </StackPanel>
+
+                    <!-- Vertical Position (Up/Down) -->
+                    <StackPanel>
+                        <components:FormFieldLabel Text="Vertical Position (Up/Down):"/>
+                        <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                            <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                                <components:Button x:Name="VerticalDecreaseButton" IconData="{StaticResource ArrowUp}" IconSize="14" Padding="4" Click="VerticalDecrease_Click"/>
+                                <TextBlock x:Name="VerticalValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                                <components:Button x:Name="VerticalIncreaseButton" IconData="{StaticResource  ArrowDown}" IconSize="14" Padding="4"  Click="VerticalIncrease_Click"/>
+                            </StackPanel>
+                        </Border>
+                    </StackPanel>
+
+                    <!-- Size (Zoom In/Out) -->
+                    <StackPanel>
+                        <components:FormFieldLabel Text="Size:"/>
+                        <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                            <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                                <components:Button x:Name="SizeDecreaseButton" IconData="{StaticResource MinMark}" IconSize="14" Padding="4" Click="SizeDecrease_Click"/>
+                                <TextBlock x:Name="SizeValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                                <components:Button x:Name="SizeIncreaseButton" IconData="{StaticResource  PlusMark}" IconSize="14" Padding="4"  Click="SizeIncrease_Click"/>
+                            </StackPanel>
+                        </Border>
+                    </StackPanel>
+                </StackPanel>
+            </StackPanel>
+        </ScrollViewer>
+
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGlasses.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGlasses.axaml.cs
new file mode 100644
index 00000000..29639f0c
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorGlasses.axaml.cs
@@ -0,0 +1,196 @@
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using WheelWizard.Views.Components;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorGlasses : MiiEditorBaseControl
+{
+    private const int MinVertical = 0;
+    private const int MaxVertical = 20;
+    private const int MinSize = 0;
+    private const int MaxSize = 7;
+
+    public EditorGlasses(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        if (Editor?.Mii?.MiiGlasses == null)
+            return;
+        PopulateValues();
+    }
+
+    private void PopulateValues()
+    {
+        var currentGlasses = Editor.Mii.MiiGlasses;
+        GlassesColorBox.Items.Clear();
+        foreach (var color in Enum.GetNames(typeof(GlassesColor)))
+        {
+            GlassesColorBox.Items.Add(color);
+            if (color == currentGlasses.Color.ToString())
+                GlassesColorBox.SelectedItem = color;
+        }
+
+        GenerateGlassesButtons();
+        UpdateValueTexts(currentGlasses);
+        HideIfNoGlasses.IsVisible = Editor.Mii.MiiGlasses.Type != GlassesType.None;
+    }
+
+    private void GenerateGlassesButtons()
+    {
+        var color1 = new SolidColorBrush(ViewUtils.Colors.Neutral50); // Skin Color
+        var color2 = new SolidColorBrush(ViewUtils.Colors.Neutral300); // Skin border Color
+        var color3 = new SolidColorBrush(ViewUtils.Colors.Neutral600); // Glass Color
+        var color4 = new SolidColorBrush(ViewUtils.Colors.Danger400);
+        var selectedColor4 = new SolidColorBrush(ViewUtils.Colors.Danger500);
+        SetButtons(
+            "MiiGlasses",
+            9,
+            GlassesTypesGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == (int)Editor.Mii.MiiGlasses.Type;
+                button.Color1 = color1;
+                button.Color2 = color2;
+                button.Color3 = color3;
+                button.Color4 = color4;
+                button.SelectedColor4 = selectedColor4;
+                button.Click += (_, _) => SetGlassesType(index);
+            }
+        );
+    }
+
+    private void SetGlassesType(int index)
+    {
+        if (Editor?.Mii?.MiiGlasses == null)
+            return;
+
+        var current = Editor.Mii.MiiGlasses;
+
+        if (index == (int)current.Type)
+            return;
+
+        var result = MiiGlasses.Create((GlassesType)index, current.Color, current.Size, current.Vertical);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiGlasses = result.Value;
+            UpdateValueTexts(result.Value);
+            HideIfNoGlasses.IsVisible = result.Value.Type != GlassesType.None;
+        }
+        else
+        {
+            foreach (var child in GlassesTypesGrid.Children)
+            {
+                if (child is MultiIconRadioButton button && button.IsChecked == true)
+                    button.IsChecked = false;
+            }
+            var currentButton = GlassesTypesGrid.Children[index] as MultiIconRadioButton;
+            currentButton.IsChecked = true;
+        }
+        Editor.RefreshImage();
+    }
+
+    private void UpdateValueTexts(MiiGlasses glasses)
+    {
+        VerticalValueText.Text = glasses.Vertical.ToString();
+        SizeValueText.Text = glasses.Size.ToString();
+
+        VerticalDecreaseButton.IsEnabled = glasses.Vertical > MinVertical;
+        VerticalIncreaseButton.IsEnabled = glasses.Vertical < MaxVertical;
+        SizeDecreaseButton.IsEnabled = glasses.Size > MinSize;
+        SizeIncreaseButton.IsEnabled = glasses.Size < MaxSize;
+    }
+
+    private enum GlassesProperty
+    {
+        Vertical,
+        Size,
+    }
+
+    private void TryUpdateGlassValue(int change, GlassesProperty property)
+    {
+        if (Editor?.Mii?.MiiGlasses == null || !IsLoaded)
+            return;
+
+        var current = Editor.Mii.MiiGlasses;
+        int currentValue,
+            newValue,
+            min,
+            max;
+
+        switch (property)
+        {
+            case GlassesProperty.Vertical:
+                currentValue = current.Vertical;
+                min = MinVertical;
+                max = MaxVertical;
+                break;
+            case GlassesProperty.Size:
+                currentValue = current.Size;
+                min = MinSize;
+                max = MaxSize;
+                break;
+            default:
+                throw new ArgumentOutOfRangeException(nameof(property), property, null);
+        }
+
+        newValue = currentValue + change;
+
+        if (newValue < min || newValue > max)
+            return;
+
+        OperationResult<MiiGlasses> result;
+        switch (property)
+        {
+            case GlassesProperty.Vertical:
+                result = MiiGlasses.Create(current.Type, current.Color, current.Size, newValue); // Note Vertical position
+                break;
+            case GlassesProperty.Size:
+                result = MiiGlasses.Create(current.Type, current.Color, newValue, current.Vertical); // Note Size position
+                break;
+            default:
+                return;
+        }
+
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiGlasses = result.Value;
+        UpdateValueTexts(result.Value);
+        Editor.RefreshImage();
+    }
+
+    private void GlassesColorBox_OnSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        if (!IsLoaded || GlassesColorBox.SelectedItem == null || Editor?.Mii?.MiiGlasses == null)
+            return;
+        if (GlassesColorBox.SelectedItem is not string colorStr)
+            return;
+
+        var newColor = (GlassesColor)Enum.Parse(typeof(GlassesColor), colorStr);
+        var current = Editor.Mii.MiiGlasses;
+        if (newColor == current.Color)
+            return;
+
+        var result = MiiGlasses.Create(current.Type, newColor, current.Size, current.Vertical);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiGlasses = result.Value;
+        }
+        else
+        {
+            GlassesColorBox.SelectedItem = current.Color.ToString();
+        }
+        Editor.RefreshImage();
+    }
+
+    private void VerticalDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateGlassValue(-1, GlassesProperty.Vertical);
+
+    private void VerticalIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateGlassValue(+1, GlassesProperty.Vertical);
+
+    private void SizeDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateGlassValue(-1, GlassesProperty.Size);
+
+    private void SizeIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateGlassValue(+1, GlassesProperty.Size);
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorHair.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorHair.axaml
new file mode 100644
index 00000000..1aeedc14
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorHair.axaml
@@ -0,0 +1,52 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorHair">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <!-- Updated Title -->
+        <TextBlock Classes="BodyText" Margin="10" Text="Hair" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+
+        <!-- END OF EVERY EDITOR PAGE -->
+
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="10">
+                <!-- The list of elements you want to edit in this page -->
+
+                <StackPanel> <!-- Hair Color -->
+                    <components:FormFieldLabel Text="Hair Color:"/>
+                    <ComboBox
+                        x:Name="HairColorBox"
+                        SelectionChanged="HairColorBox_OnSelectionChanged"
+                        Width="150"
+                        />
+                </StackPanel>
+
+                <StackPanel Orientation="Horizontal" Spacing="10" VerticalAlignment="Center"> <!-- Mirrored -->
+                    <CheckBox
+                        x:Name="HairFlippedCheck"
+                        IsCheckedChanged="HairFlippedCheck_OnIsCheckedChanged"
+                        VerticalAlignment="Center"
+                        />
+                    <components:FormFieldLabel Text="Mirrored?" VerticalAlignment="Center"/>
+                </StackPanel>
+
+                <components:FormFieldLabel Text="Hair Type:"/>
+                <UniformGrid Columns="5" x:Name="HairTypesGrid">
+                    <!-- Generated elements -->
+                </UniformGrid>
+            </StackPanel>
+        </ScrollViewer>
+
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorHair.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorHair.axaml.cs
new file mode 100644
index 00000000..6813ca08
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorHair.axaml.cs
@@ -0,0 +1,110 @@
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using WheelWizard.Views.Components;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorHair : MiiEditorBaseControl
+{
+    public EditorHair(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        if (Editor?.Mii?.MiiHair == null)
+            return;
+        PopulateValues();
+    }
+
+    private void PopulateValues()
+    {
+        var currentHair = Editor.Mii.MiiHair;
+        GenerateHairButtons();
+
+        HairColorBox.Items.Clear();
+        foreach (var color in Enum.GetNames(typeof(HairColor)))
+        {
+            HairColorBox.Items.Add(color);
+            if (color == currentHair.HairColor.ToString())
+                HairColorBox.SelectedItem = color;
+        }
+
+        HairFlippedCheck.IsChecked = currentHair.HairFlipped;
+    }
+
+    private void GenerateHairButtons()
+    {
+        var color1 = new SolidColorBrush(ViewUtils.Colors.Neutral100); // Skin Color
+        var color2 = new SolidColorBrush(ViewUtils.Colors.Neutral300); // Skin border Color
+        var color3 = new SolidColorBrush(ViewUtils.Colors.Black); // Hair Color
+        var color4 = new SolidColorBrush(ViewUtils.Colors.Primary800); // Hat main color
+        var color5 = new SolidColorBrush(ViewUtils.Colors.Primary900); // Hat accent color
+        SetButtons(
+            "MiiHair",
+            72,
+            HairTypesGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == Editor.Mii.MiiHair.HairType;
+                button.Color1 = color1;
+                button.Color2 = color2;
+                button.Color3 = color3;
+                button.Color4 = color4;
+                button.Color5 = color5;
+                button.Click += (_, _) => SetHairType(index);
+            }
+        );
+    }
+
+    private void SetHairType(int type)
+    {
+        Editor.Mii.MiiHair = new(type, Editor.Mii.MiiHair.HairColor, Editor.Mii.MiiHair.HairFlipped);
+        Editor.RefreshImage();
+    }
+
+    private void HairColorBox_OnSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        if (Editor?.Mii?.MiiHair == null || !IsLoaded || HairColorBox.SelectedItem == null)
+            return;
+
+        var value = HairColorBox.SelectedItem;
+        if (value is null)
+            return;
+
+        var selectedColor = (HairColor)Enum.Parse(typeof(HairColor), value.ToString()!);
+        var currentHair = Editor.Mii.MiiHair;
+        if (selectedColor == currentHair.HairColor)
+            return;
+
+        var result = MiiHair.Create(currentHair.HairType, selectedColor, currentHair.HairFlipped);
+
+        if (result.IsFailure)
+        {
+            return;
+        }
+
+        Editor.Mii.MiiHair = result.Value;
+        Editor.RefreshImage();
+    }
+
+    private void HairFlippedCheck_OnIsCheckedChanged(object? sender, RoutedEventArgs e)
+    {
+        if (Editor?.Mii?.MiiHair == null || !IsLoaded)
+            return;
+
+        var isChecked = HairFlippedCheck.IsChecked == true;
+        var currentHair = Editor.Mii.MiiHair;
+
+        if (isChecked == currentHair.HairFlipped)
+            return;
+
+        var result = MiiHair.Create(currentHair.HairType, currentHair.HairColor, isChecked); // New value
+
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiHair = result.Value;
+        Editor.RefreshImage();
+    }
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorLips.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorLips.axaml
new file mode 100644
index 00000000..b2d21068
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorLips.axaml
@@ -0,0 +1,68 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="500"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorLips">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <!-- Updated Title -->
+        <TextBlock Classes="BodyText" Margin="10" Text="Lips" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+
+        <!-- END OF EVERY EDITOR PAGE -->
+
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="15">
+                <!-- The list of elements you want to edit in this page -->
+                
+                 <StackPanel> <!-- Lip Color -->
+                    <components:FormFieldLabel Text="Lip Color:"/>
+                    <ComboBox
+                        x:Name="LipColorBox"
+                        SelectionChanged="LipColorBox_OnSelectionChanged"
+                        Width="150"
+                        />
+                </StackPanel>
+
+                <!-- Vertical Position (Up/Down) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Vertical Position (Up/Down):"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="VerticalDecreaseButton" IconData="{StaticResource ArrowUp}" IconSize="14" Padding="4"  Click="VerticalDecrease_Click"/>
+                            <TextBlock x:Name="VerticalValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="VerticalIncreaseButton" IconData="{StaticResource  ArrowDown}" IconSize="14" Padding="4" Click="VerticalIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+
+                <!-- Size (Zoom In/Out) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Size:"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="SizeDecreaseButton" IconData="{StaticResource MinMark}" IconSize="14" Padding="4"  Click="SizeDecrease_Click"/>
+                            <TextBlock x:Name="SizeValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="SizeIncreaseButton" IconData="{StaticResource  PlusMark}" IconSize="14" Padding="4" Click="SizeIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+                <StackPanel> <!-- Lip Type -->
+                    <components:FormFieldLabel Text="Mouth Type:"/>
+                    <UniformGrid Columns="5" x:Name="MouthTypesGrid">
+                        <!-- Generated elements -->
+                    </UniformGrid>
+                </StackPanel>
+            </StackPanel>
+        </ScrollViewer>
+
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorLips.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorLips.axaml.cs
new file mode 100644
index 00000000..2c8e0f9f
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorLips.axaml.cs
@@ -0,0 +1,198 @@
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using WheelWizard.Views.Components;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorLips : MiiEditorBaseControl
+{
+    private const int MinType = 0;
+    private const int MaxType = 23;
+    private const int MinVertical = 0;
+    private const int MaxVertical = 18;
+    private const int MinSize = 0;
+    private const int MaxSize = 8;
+
+    public EditorLips(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        if (Editor?.Mii?.MiiLips == null)
+            return;
+        PopulateValues();
+    }
+
+    private void PopulateValues()
+    {
+        var currentLips = Editor.Mii.MiiLips;
+        var lipTypes = Enumerable.Range(MinType, MaxType - MinType + 1).Cast<object>().ToList(); // 0 to 23
+        LipColorBox.Items.Clear();
+        foreach (var color in Enum.GetNames(typeof(LipColor)))
+        {
+            LipColorBox.Items.Add(color);
+            if (color == currentLips.Color.ToString())
+                LipColorBox.SelectedItem = color;
+        }
+        GenerateMouthButtons();
+        UpdateValueTexts(currentLips);
+    }
+
+    private void GenerateMouthButtons()
+    {
+        var color1 = new SolidColorBrush(new Color(255, 165, 57, 29)); // Lip Top Color
+        var color2 = new SolidColorBrush(new Color(255, 255, 93, 13)); // Lip bottom Color
+        var color3 = new SolidColorBrush(Colors.Black); // LipLine Color
+        var color4 = new SolidColorBrush(Colors.White); // tooth color
+        SetButtons(
+            "MiiMouth",
+            24,
+            MouthTypesGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == Editor.Mii.MiiLips.Type;
+                button.Color1 = color1;
+                button.Color2 = color2;
+                button.Color3 = color3;
+                button.Color4 = color4;
+                button.Click += (_, _) => SetMouthType(index);
+            }
+        );
+    }
+
+    private void SetMouthType(int index)
+    {
+        if (Editor?.Mii?.MiiLips == null)
+            return;
+
+        var current = Editor.Mii.MiiLips;
+        if (index == current.Type)
+            return;
+
+        // MiiLip.Create(int type, LipColor color, int size, int vertical)
+        var result = MiiLip.Create(index, current.Color, current.Size, current.Vertical);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiLips = result.Value;
+            UpdateValueTexts(result.Value);
+        }
+        else
+        {
+            foreach (var child in MouthTypesGrid.Children)
+            {
+                if (child is MultiIconRadioButton button && button.IsChecked == true)
+                {
+                    button.IsChecked = false;
+                }
+            }
+            var currentButton = MouthTypesGrid.Children[index] as MultiIconRadioButton;
+            currentButton.IsChecked = true;
+        }
+        Editor.RefreshImage();
+    }
+
+    private void UpdateValueTexts(MiiLip lips)
+    {
+        VerticalValueText.Text = lips.Vertical.ToString();
+        SizeValueText.Text = lips.Size.ToString();
+
+        VerticalDecreaseButton.IsEnabled = lips.Vertical > MinVertical;
+        VerticalIncreaseButton.IsEnabled = lips.Vertical < MaxVertical;
+        SizeDecreaseButton.IsEnabled = lips.Size > MinSize;
+        SizeIncreaseButton.IsEnabled = lips.Size < MaxSize;
+    }
+
+    private enum LipProperty
+    {
+        Vertical,
+        Size,
+    }
+
+    private void TryUpdateLipValue(int change, LipProperty property)
+    {
+        if (Editor?.Mii?.MiiLips == null || !IsLoaded)
+            return;
+
+        var current = Editor.Mii.MiiLips;
+        int currentValue,
+            newValue,
+            min,
+            max;
+
+        switch (property)
+        {
+            case LipProperty.Vertical:
+                currentValue = current.Vertical;
+                min = MinVertical;
+                max = MaxVertical;
+                break;
+            case LipProperty.Size:
+                currentValue = current.Size;
+                min = MinSize;
+                max = MaxSize;
+                break;
+            default:
+                throw new ArgumentOutOfRangeException(nameof(property), property, null);
+        }
+
+        newValue = currentValue + change;
+
+        if (newValue < min || newValue > max)
+        {
+            return;
+        }
+
+        OperationResult<MiiLip> result;
+        switch (property)
+        {
+            case LipProperty.Vertical:
+                result = MiiLip.Create(current.Type, current.Color, current.Size, newValue); // Note Vertical position
+                break;
+            case LipProperty.Size:
+                result = MiiLip.Create(current.Type, current.Color, newValue, current.Vertical); // Note Size position
+                break;
+            default:
+                return;
+        }
+
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiLips = result.Value;
+        UpdateValueTexts(result.Value);
+        Editor.RefreshImage();
+    }
+
+    private void LipColorBox_OnSelectionChanged(object? sender, SelectionChangedEventArgs e)
+    {
+        if (!IsLoaded || LipColorBox.SelectedItem == null || Editor?.Mii?.MiiLips == null)
+            return;
+        if (LipColorBox.SelectedItem is not string colorStr)
+            return;
+
+        var newColor = (LipColor)Enum.Parse(typeof(LipColor), colorStr);
+        var current = Editor.Mii.MiiLips;
+        if (newColor == current.Color)
+            return;
+
+        var result = MiiLip.Create(current.Type, newColor, current.Size, current.Vertical);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiLips = result.Value;
+        }
+        else
+        {
+            LipColorBox.SelectedItem = current.Color.ToString();
+        }
+        Editor.RefreshImage();
+    }
+
+    private void VerticalDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateLipValue(-1, LipProperty.Vertical);
+
+    private void VerticalIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateLipValue(+1, LipProperty.Vertical);
+
+    private void SizeDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateLipValue(-1, LipProperty.Size);
+
+    private void SizeIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateLipValue(+1, LipProperty.Size);
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorMole.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorMole.axaml
new file mode 100644
index 00000000..b37ed403
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorMole.axaml
@@ -0,0 +1,80 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="500"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorMole">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <!-- Updated Title -->
+        <TextBlock Classes="BodyText" Margin="10" Text="Mole" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+
+        <!-- END OF EVERY EDITOR PAGE -->
+
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="15">
+                <!-- The list of elements you want to edit in this page -->
+
+                <!-- Enable/Disable Mole -->
+                <StackPanel Orientation="Horizontal" Spacing="10" VerticalAlignment="Center">
+                    <CheckBox
+                        x:Name="MoleEnabledCheck"
+                        IsCheckedChanged="MoleEnabledCheck_OnIsCheckedChanged"
+                        VerticalAlignment="Center"
+                        />
+                    <components:FormFieldLabel Text="Enable Mole?" VerticalAlignment="Center"/>
+                </StackPanel>
+
+                <!-- Controls Group - Only enabled when Mole is checked -->
+                <StackPanel x:Name="MoleControlsPanel">
+
+                    <!-- Vertical Position (Up/Down) -->
+                    <StackPanel Margin="0,10,0,0"> <!-- Add margin -->
+                        <components:FormFieldLabel Text="Vertical Position (Up/Down):"/>
+                        <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                            <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                                <components:Button x:Name="VerticalDecreaseButton" IconData="{StaticResource ArrowUp}" IconSize="14" Padding="4" Click="VerticalDecrease_Click"/>
+                                <TextBlock x:Name="VerticalValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                                <components:Button x:Name="VerticalIncreaseButton" IconData="{StaticResource  ArrowUp}" IconSize="14" Padding="4" Click="VerticalIncrease_Click"/>
+                            </StackPanel>
+                        </Border>
+                    </StackPanel>
+
+                    <!-- Horizontal Position (Left/Right) -->
+                    <StackPanel Margin="0,10,0,0"> <!-- Add margin -->
+                        <components:FormFieldLabel Text="Horizontal Position (Left/Right):"/>
+                        <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                            <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                                <components:Button x:Name="HorizontalDecreaseButton" IconData="{StaticResource ArrowLeft}" IconSize="14" Padding="4" Click="HorizontalDecrease_Click"/>
+                                <TextBlock x:Name="HorizontalValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                                <components:Button x:Name="HorizontalIncreaseButton" IconData="{StaticResource  ArrowRight}" IconSize="14" Padding="4" Click="HorizontalIncrease_Click"/>
+                            </StackPanel>
+                        </Border>
+                    </StackPanel>
+                    
+                    <!-- Size (Zoom In/Out) -->
+                    <StackPanel Margin="0,10,0,0"> <!-- Add margin -->
+                        <components:FormFieldLabel Text="Size:"/>
+                        <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                            <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                                <components:Button x:Name="SizeDecreaseButton" IconData="{StaticResource MinMark}" IconSize="14" Padding="4" Click="SizeDecrease_Click"/>
+                                <TextBlock x:Name="SizeValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                                <components:Button x:Name="SizeIncreaseButton" IconData="{StaticResource  PlusMark}" IconSize="14" Padding="4" Click="SizeIncrease_Click"/>
+                            </StackPanel>
+                        </Border>
+                    </StackPanel>
+                </StackPanel> <!-- End MoleControlsPanel -->
+
+            </StackPanel>
+        </ScrollViewer>
+
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorMole.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorMole.axaml.cs
new file mode 100644
index 00000000..8be3a1ca
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorMole.axaml.cs
@@ -0,0 +1,155 @@
+using Avalonia.Interactivity;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorMole : MiiEditorBaseControl
+{
+    private const int MinVertical = 0;
+    private const int MaxVertical = 30;
+    private const int MinSize = 0;
+    private const int MaxSize = 8;
+    private const int MinHorizontal = 0;
+    private const int MaxHorizontal = 16;
+
+    public EditorMole(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        if (Editor?.Mii?.MiiMole == null)
+            return;
+        PopulateValues();
+    }
+
+    private void PopulateValues()
+    {
+        var currentMole = Editor.Mii.MiiMole;
+
+        MoleEnabledCheck.IsChecked = currentMole.Exists;
+        MoleControlsPanel.IsVisible = currentMole.Exists;
+
+        UpdateValueTexts(currentMole);
+    }
+
+    private void UpdateValueTexts(MiiMole mole)
+    {
+        VerticalValueText.Text = mole.Vertical.ToString();
+        SizeValueText.Text = mole.Size.ToString();
+        HorizontalValueText.Text = mole.Horizontal.ToString();
+
+        VerticalDecreaseButton.IsEnabled = mole.Vertical > MinVertical;
+        VerticalIncreaseButton.IsEnabled = mole.Vertical < MaxVertical;
+        SizeDecreaseButton.IsEnabled = mole.Size > MinSize;
+        SizeIncreaseButton.IsEnabled = mole.Size < MaxSize;
+        HorizontalDecreaseButton.IsEnabled = mole.Horizontal > MinHorizontal;
+        HorizontalIncreaseButton.IsEnabled = mole.Horizontal < MaxHorizontal;
+    }
+
+    private enum MoleProperty
+    {
+        Vertical,
+        Size,
+        Horizontal,
+    }
+
+    private void TryUpdateMoleValue(int change, MoleProperty property)
+    {
+        if (Editor?.Mii?.MiiMole == null || !IsLoaded || MoleEnabledCheck.IsChecked != true)
+            return;
+
+        var current = Editor.Mii.MiiMole;
+        int currentValue,
+            newValue,
+            min,
+            max;
+
+        switch (property)
+        {
+            case MoleProperty.Vertical:
+                currentValue = current.Vertical;
+                min = MinVertical;
+                max = MaxVertical;
+                break;
+            case MoleProperty.Size:
+                currentValue = current.Size;
+                min = MinSize;
+                max = MaxSize;
+                break;
+            case MoleProperty.Horizontal:
+                currentValue = current.Horizontal;
+                min = MinHorizontal;
+                max = MaxHorizontal;
+                break;
+            default:
+                throw new ArgumentOutOfRangeException(nameof(property), property, null);
+        }
+
+        newValue = currentValue + change;
+
+        if (newValue < min || newValue > max)
+        {
+            Console.WriteLine($"Mole {property} limit reached ({newValue}).");
+            return;
+        }
+
+        OperationResult<MiiMole> result;
+        switch (property)
+        {
+            case MoleProperty.Vertical:
+                result = MiiMole.Create(current.Exists, current.Size, newValue, current.Horizontal);
+                break;
+            case MoleProperty.Size:
+                result = MiiMole.Create(current.Exists, newValue, current.Vertical, current.Horizontal);
+                break;
+            case MoleProperty.Horizontal:
+                result = MiiMole.Create(current.Exists, current.Size, current.Vertical, newValue);
+                break;
+            default:
+                return;
+        }
+
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiMole = result.Value;
+        UpdateValueTexts(result.Value);
+        Editor.RefreshImage();
+    }
+
+    private void MoleEnabledCheck_OnIsCheckedChanged(object? sender, RoutedEventArgs e)
+    {
+        if (!IsLoaded || Editor?.Mii?.MiiMole == null)
+            return;
+
+        bool isEnabled = MoleEnabledCheck.IsChecked == true;
+        var current = Editor.Mii.MiiMole;
+
+        if (isEnabled == current.Exists)
+            return;
+
+        var result = MiiMole.Create(isEnabled, current.Size, current.Vertical, current.Horizontal);
+
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiMole = result.Value;
+        }
+        else
+        {
+            MoleEnabledCheck.IsChecked = current.Exists;
+        }
+        MoleControlsPanel.IsVisible = Editor.Mii.MiiMole.Exists;
+        Editor.RefreshImage();
+    }
+
+    private void VerticalDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateMoleValue(-1, MoleProperty.Vertical);
+
+    private void VerticalIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateMoleValue(+1, MoleProperty.Vertical);
+
+    private void SizeDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateMoleValue(-1, MoleProperty.Size);
+
+    private void SizeIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateMoleValue(+1, MoleProperty.Size);
+
+    private void HorizontalDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateMoleValue(-1, MoleProperty.Horizontal);
+
+    private void HorizontalIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateMoleValue(+1, MoleProperty.Horizontal);
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorNose.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorNose.axaml
new file mode 100644
index 00000000..c2fef731
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorNose.axaml
@@ -0,0 +1,59 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorNose">
+    <!-- FOR EVERY EDITOR PAGE -->
+    <Grid RowDefinitions="40,*">
+        <!-- Updated Title -->
+        <TextBlock Classes="BodyText" Margin="10" Text="Nose" HorizontalAlignment="Right" />
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1"/>
+        <components:IconLabelButton Grid.Row="0" Text="{x:Static lang:Common.Action_Back}" IconData="{StaticResource ArrowLeft}"
+                                    Click="BackButton_OnClick" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10,0"
+                                    Foreground="{StaticResource TitleTextColor}" FontSize="16"
+                                    HoverForeground="{StaticResource Primary200}"/>
+
+        <!-- END OF EVERY EDITOR PAGE -->
+
+        <ScrollViewer Grid.Row="1">
+            <StackPanel Margin="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Spacing="15">
+
+                <!-- Vertical Position (Up/Down) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Vertical Position (Up/Down):"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="VerticalDecreaseButton" IconData="{StaticResource ArrowUp}" IconSize="14" Padding="4" Click="VerticalDecrease_Click"/>
+                            <TextBlock x:Name="VerticalValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="VerticalIncreaseButton" IconData="{StaticResource  ArrowDown}" IconSize="14" Padding="4" Click="VerticalIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+
+                <!-- Size (Zoom In/Out) -->
+                <StackPanel>
+                    <components:FormFieldLabel Text="Size:"/>
+                    <Border Background="{StaticResource Neutral950}" CornerRadius="6" Padding="2" HorizontalAlignment="Left">
+                        <StackPanel Orientation="Horizontal" Spacing="5" VerticalAlignment="Center">
+                            <components:Button x:Name="SizeDecreaseButton" IconData="{StaticResource MinMark}" IconSize="14" Padding="4" Click="SizeDecrease_Click"/>
+                            <TextBlock x:Name="SizeValueText" Classes="BodyText" MinWidth="30" VerticalAlignment="Center" HorizontalAlignment="Center" TextAlignment="Center"/>
+                            <components:Button x:Name="SizeIncreaseButton" IconData="{StaticResource  PlusMark}" IconSize="14" Padding="4" Click="SizeIncrease_Click"/>
+                        </StackPanel>
+                    </Border>
+                </StackPanel>
+
+                <!-- NoseType -->
+                <components:FormFieldLabel Text="Nose Type:"/>
+                <UniformGrid Columns="5" x:Name="NoseTypesGrid">
+                    <!-- Generated elements -->
+                </UniformGrid>
+    
+            </StackPanel>
+        </ScrollViewer>
+
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorNose.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorNose.axaml.cs
new file mode 100644
index 00000000..c999ce06
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorNose.axaml.cs
@@ -0,0 +1,156 @@
+using Avalonia.Controls;
+using Avalonia.Interactivity;
+using Avalonia.Media;
+using WheelWizard.Views.Components;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorNose : MiiEditorBaseControl
+{
+    private const int MinVertical = 0;
+    private const int MaxVertical = 18;
+    private const int MinSize = 0;
+    private const int MaxSize = 8;
+
+    public EditorNose(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        if (Editor?.Mii?.MiiNose == null)
+            return;
+        PopulateValues();
+    }
+
+    private void PopulateValues()
+    {
+        var currentNose = Editor.Mii.MiiNose;
+        GenerateNoseButtons();
+        UpdateValueTexts(currentNose);
+    }
+
+    private void GenerateNoseButtons()
+    {
+        var color1 = new SolidColorBrush(ViewUtils.Colors.Black);
+        SetButtons(
+            "MiiNose",
+            12,
+            NoseTypesGrid,
+            (index, button) =>
+            {
+                button.IsChecked = index == (int)Editor.Mii.MiiNose.Type;
+                button.Color1 = color1;
+                button.Click += (_, _) => SetNoseType(index);
+            }
+        );
+    }
+
+    private void SetNoseType(int index)
+    {
+        if (Editor?.Mii?.MiiNose == null || !IsLoaded)
+            return;
+        var current = Editor.Mii.MiiNose;
+        var noseType = (NoseType)index;
+        var result = MiiNose.Create(noseType, current.Size, current.Vertical);
+        if (result.IsSuccess)
+        {
+            Editor.Mii.MiiNose = result.Value;
+            UpdateValueTexts(result.Value);
+        }
+        else
+        {
+            // Reset the button to the current type if creation fails
+            foreach (var child in NoseTypesGrid.Children)
+            {
+                if (child is MultiIconRadioButton button && button.IsChecked == true)
+                {
+                    button.IsChecked = false;
+                }
+            }
+
+            var currentButton = NoseTypesGrid.Children[index] as MultiIconRadioButton;
+            currentButton.IsChecked = true;
+        }
+        Editor.RefreshImage();
+    }
+
+    private void UpdateValueTexts(MiiNose nose)
+    {
+        VerticalValueText.Text = nose.Vertical.ToString();
+        SizeValueText.Text = nose.Size.ToString();
+
+        VerticalDecreaseButton.IsEnabled = nose.Vertical > MinVertical;
+        VerticalIncreaseButton.IsEnabled = nose.Vertical < MaxVertical;
+        SizeDecreaseButton.IsEnabled = nose.Size > MinSize;
+        SizeIncreaseButton.IsEnabled = nose.Size < MaxSize;
+    }
+
+    private enum NoseProperty
+    {
+        Vertical,
+        Size,
+    }
+
+    private void TryUpdateNoseValue(int change, NoseProperty property)
+    {
+        if (Editor?.Mii?.MiiNose == null || !IsLoaded)
+            return;
+
+        var current = Editor.Mii.MiiNose;
+        int currentValue,
+            newValue,
+            min,
+            max;
+
+        switch (property)
+        {
+            case NoseProperty.Vertical:
+                currentValue = current.Vertical;
+                min = MinVertical;
+                max = MaxVertical;
+                break;
+            case NoseProperty.Size:
+                currentValue = current.Size;
+                min = MinSize;
+                max = MaxSize;
+                break;
+            default:
+                throw new ArgumentOutOfRangeException(nameof(property), property, null);
+        }
+
+        newValue = currentValue + change;
+
+        if (newValue < min || newValue > max)
+        {
+            return;
+        }
+
+        OperationResult<MiiNose> result;
+        switch (property)
+        {
+            case NoseProperty.Vertical:
+                result = MiiNose.Create(current.Type, current.Size, newValue);
+                break;
+            case NoseProperty.Size:
+                result = MiiNose.Create(current.Type, newValue, current.Vertical);
+                break;
+            default:
+                return;
+        }
+
+        if (result.IsFailure)
+            return;
+
+        Editor.Mii.MiiNose = result.Value;
+        UpdateValueTexts(result.Value);
+        Editor.RefreshImage();
+    }
+
+    private void VerticalDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateNoseValue(-1, NoseProperty.Vertical);
+
+    private void VerticalIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateNoseValue(+1, NoseProperty.Vertical);
+
+    private void SizeDecrease_Click(object? sender, RoutedEventArgs e) => TryUpdateNoseValue(-1, NoseProperty.Size);
+
+    private void SizeIncrease_Click(object? sender, RoutedEventArgs e) => TryUpdateNoseValue(+1, NoseProperty.Size);
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorStartPage.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorStartPage.axaml
new file mode 100644
index 00000000..dff62909
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorStartPage.axaml
@@ -0,0 +1,71 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:components="clr-namespace:WheelWizard.Views.Components"
+             xmlns:editor="clr-namespace:WheelWizard.Views.Popups.MiiManagement.MiiEditor"
+             xmlns:lang="clr-namespace:WheelWizard.Resources.Languages"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="800"
+             x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditor.EditorStartPage">
+    <Grid RowDefinitions="40,*,60">
+        <StackPanel Orientation="Horizontal"  Margin="10" Spacing="10">
+            <!-- EmptyStarIcon -->
+            <components:IconLabelButton Text="" VerticalAlignment="Center" x:Name="FavoriteButton" Click="FavoriteButton_OnClick">
+                
+                <components:IconLabelButton.Styles>
+                    <Style Selector="components|IconLabelButton">
+                        <Setter Property="IconData" Value="{StaticResource EmptyStarIcon}" />
+                        <Setter Property="Foreground" Value="{StaticResource TitleTextColor}" />
+                        <Setter Property="HoverForeground" Value="{StaticResource Warning300}" />
+                    </Style>
+                    
+                    <Style Selector="components|IconLabelButton.favorite">
+                        <Setter Property="IconData" Value="{StaticResource StarIcon}" />
+                        <Setter Property="Foreground" Value="{StaticResource Warning500}" />
+                        <Setter Property="HoverForeground" Value="{StaticResource Warning300}" />
+                    </Style>
+                </components:IconLabelButton.Styles>
+            </components:IconLabelButton>
+            <SelectableTextBlock Classes="BodyText" x:Name="MiiName" />
+        </StackPanel>
+        
+        <Border Grid.Row="0" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="1" />
+        <Border Grid.Row="2" Background="{StaticResource BackgroundLineColor}"
+                HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="1" />
+        
+        <StackPanel Orientation="Horizontal" Grid.Row="2" Margin="10"
+                    VerticalAlignment="Top" HorizontalAlignment="Right" Spacing="10">
+            <components:Button Text="{x:Static lang:Common.Action_Cancel}" Variant="Warning"
+                               IconData="{StaticResource XMark}" Click="CancelButton_OnClick" />
+            <components:Button Text="{x:Static lang:Common.Action_Save}" Variant="Primary"
+                               x:Name="SaveButton"
+                               IconData="{StaticResource CheckMark}" Click="SaveButton_OnClick" />
+        </StackPanel>
+        
+        <ScrollViewer Grid.Row="1">
+            <StackPanel>
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="General"
+                                            Type="{x:Type editor:EditorGeneral}" />
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="Face"
+                                            Type="{x:Type editor:EditorFace}" />
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="Hair"
+                                            Type="{x:Type editor:EditorHair}" />
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="Eyebrows"
+                                            Type="{x:Type editor:EditorEyebrows}" />
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="Eyes"
+                                            Type="{x:Type editor:EditorEyes}" />
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="Nose"
+                                            Type="{x:Type editor:EditorNose}" />
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="Lips"
+                                            Type="{x:Type editor:EditorLips}" />
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="Glasses"
+                                            Type="{x:Type editor:EditorGlasses}" />
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="Facial Hair"
+                                            Type="{x:Type editor:EditorFacialHair}" />
+                <components:PopupListButton Click="PopupPageButton_OnClick" Text="Mole"
+                                            Type="{x:Type editor:EditorMole}" />
+            </StackPanel>
+        </ScrollViewer>
+    </Grid>
+</UserControl>
\ No newline at end of file
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorStartPage.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorStartPage.axaml.cs
new file mode 100644
index 00000000..6a200d7b
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/EditorStartPage.axaml.cs
@@ -0,0 +1,40 @@
+using Avalonia.Interactivity;
+using WheelWizard.Views.Components;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public partial class EditorStartPage : MiiEditorBaseControl
+{
+    public EditorStartPage(MiiEditorWindow ew)
+        : base(ew)
+    {
+        InitializeComponent();
+        MiiName.Text = Editor.Mii.Name.ToString();
+        if (Editor.Mii.IsFavorite)
+            FavoriteButton.Classes.Add("favorite");
+    }
+
+    private void PopupPageButton_OnClick(object? sender, RoutedEventArgs e)
+    {
+        if (sender is not PopupListButton button)
+            return;
+
+        if (button.Type is not { } pageType)
+            return;
+
+        Editor.SetEditorPage(pageType);
+    }
+
+    private void CancelButton_OnClick(object? sender, RoutedEventArgs e) => Editor.Close();
+
+    private void SaveButton_OnClick(object? sender, RoutedEventArgs e) => Editor.SignalSaveMii();
+
+    private void FavoriteButton_OnClick(object? sender, EventArgs e)
+    {
+        Editor.Mii.IsFavorite = !Editor.Mii.IsFavorite;
+
+        FavoriteButton.Classes.Clear();
+        if (Editor.Mii.IsFavorite)
+            FavoriteButton.Classes.Add("favorite");
+    }
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditor/MiiEditorBaseControl.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/MiiEditorBaseControl.cs
new file mode 100644
index 00000000..f8c33607
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditor/MiiEditorBaseControl.cs
@@ -0,0 +1,52 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.Primitives;
+using Avalonia.Media;
+using WheelWizard.Views.Components;
+
+namespace WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+
+public class MiiEditorBaseControl : UserControlBase
+{
+    protected MiiEditorWindow Editor { get; init; }
+
+    protected MiiEditorBaseControl(MiiEditorWindow editor) => Editor = editor;
+
+    protected void BackButton_OnClick(object? sender, EventArgs e)
+    {
+        BeforeBack();
+        Editor.SetEditorPage(typeof(EditorStartPage));
+    }
+
+    protected void RefreshImage() => Editor.RefreshImage();
+
+    protected virtual void BeforeBack() { }
+
+    protected DrawingImage GetMiiIconData(string name)
+    {
+        // If exception is being thrown here, it means the resource is not found, either name is invalid,
+        // OR you e.g. forgot to add the list of icons to the App.xaml.
+        return (DrawingImage)Application.Current!.FindResource(name)!;
+    }
+
+    protected void SetButtons(string type, int count, UniformGrid addTo, Action<int, MultiIconRadioButton> modify)
+    {
+        for (var i = 0; i < count; i++)
+        {
+            var index = i;
+
+            var iconName = "";
+            if (type == "Color")
+                iconName = "MiiColorBall";
+            else
+            {
+                var indexStr = index < 10 ? $"0{i}" : index.ToString();
+                iconName = $"{type}{indexStr}";
+            }
+
+            var button = new MultiIconRadioButton() { Margin = new(6), IconData = GetMiiIconData(iconName) };
+            modify(index, button);
+            addTo.Children.Add(button);
+        }
+    }
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditorWindow.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiEditorWindow.axaml
new file mode 100644
index 00000000..cc38744a
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditorWindow.axaml
@@ -0,0 +1,58 @@
+<base:PopupContent xmlns="https://github.com/avaloniaui"
+                   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+                   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+                   xmlns:components="clr-namespace:WheelWizard.Views.Components"
+                   xmlns:behavior="clr-namespace:WheelWizard.Views.BehaviorComponent"
+                   xmlns:miiVars="using:WheelWizard.MiiImages.Domain"
+                   xmlns:base="clr-namespace:WheelWizard.Views.Popups.Base"
+                   xmlns:miiManagement="clr-namespace:WheelWizard.Views.Popups.MiiManagement"
+                   mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+                   x:Class="WheelWizard.Views.Popups.MiiManagement.MiiEditorWindow"
+                   x:DataType="miiManagement:MiiEditorWindow" ClipToBounds="False">
+    <Grid Height="460" ColumnDefinitions="370,20,450" ClipToBounds="False">
+        <Border Grid.Column="0" CornerRadius="{StaticResource GlobalCornerRadius}" VerticalAlignment="Stretch" 
+                HorizontalAlignment="Stretch" Background="{StaticResource Neutral900}">
+           <ContentPresenter x:Name="EditorPresenter"/>
+       </Border>
+       <Border Grid.Column="1" Background="{StaticResource BackgroundLineColor}" Margin="0,-10"
+               Width="1" HorizontalAlignment="Center" VerticalAlignment="Stretch" />
+       <Grid Grid.Column="2" RowDefinitions="*,Auto">
+
+           <Grid Grid.Row="0" x:Name="VisualizationFace" IsVisible="True">
+               <Border CornerRadius="6"  BorderBrush="{StaticResource BackgroundLineColor}" BorderThickness="1"
+                       Height="350" Width="350" HorizontalAlignment="Center" VerticalAlignment="Center">
+                   <behavior:MiiImageLoader  x:Name="MiiFaceImage" ReloadMethod="KeepInstanceUntilNew" LowQualitySpeedup="True"
+                                            Mii="{Binding Mii}" FallBackColor="{StaticResource Neutral700}"
+                                            ImageVariant="{x:Static miiVars:MiiImageVariants.MiiEditorSmall}"/>
+               </Border>
+      
+           </Grid>
+           
+           <Grid Grid.Row="0" x:Name="VisualizationCarousel" IsVisible="False">
+               <behavior:MiiCarousel x:Name="MiiCarousel" Height="350" Width="388" HorizontalAlignment="Center" VerticalAlignment="Center"
+                                     ReloadMethod="KeepInstanceUntilNew"
+                                     ImageVariant="{x:Static miiVars:MiiImageVariants.MiiEditorPreviewCarousel}"
+                                     Mii="{Binding Mii}"/>
+           </Grid>
+           
+
+           <Border Grid.Row="1" CornerRadius="6" Background="{StaticResource Neutral900}" Margin="0,10,0,0" 
+                   HorizontalAlignment="Center">
+               <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Stretch" Spacing="6" Margin="6">
+                   <components:MultiIconRadioButton GroupName="VisualizationGroup" Checked="MiiFaceToggle_OnChecked"
+                                                    IconGeo="{StaticResource User}" Width="40" Height="40"
+                                                    Color1="{StaticResource Neutral400}" IsChecked="True"
+                                                    HoverColor1="{StaticResource Neutral300}" 
+                                                    SelectedColor1="{StaticResource Primary400}"/>
+                   <components:MultiIconRadioButton GroupName="VisualizationGroup" Checked="MiiCarouselToggle_OnChecked"
+                                                    IconGeo="{StaticResource LilGuy}" Width="40" Height="40"
+                                                    Color1="{StaticResource Neutral400}"
+                                                    HoverColor1="{StaticResource Neutral300}"
+                                                    SelectedColor1="{StaticResource Primary400}"/>
+               </StackPanel>
+           </Border>
+           
+       </Grid>
+    </Grid>
+</base:PopupContent>
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiEditorWindow.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiEditorWindow.axaml.cs
new file mode 100644
index 00000000..95657dfd
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiEditorWindow.axaml.cs
@@ -0,0 +1,125 @@
+using System.ComponentModel;
+using Avalonia.Interactivity;
+using Avalonia.Threading;
+using WheelWizard.Views.Popups.Base;
+using WheelWizard.Views.Popups.MiiManagement.MiiEditor;
+using WheelWizard.WiiManagement;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement;
+
+public partial class MiiEditorWindow : PopupContent, INotifyPropertyChanged
+{
+    // whether you want to save the Mii
+    public bool Result { get; private set; } = false;
+    private TaskCompletionSource<bool> _tcs;
+
+    private Mii _mii;
+    public Mii Mii
+    {
+        get => _mii;
+        private set
+        {
+            if (_mii != value)
+            {
+                _mii = value;
+                OnPropertyChanged(nameof(Mii));
+            }
+        }
+    }
+
+    private VisualizationType selectedVisualization = VisualizationType.Face;
+
+    public MiiEditorWindow()
+        : base(true, false, false, "Mii Editor")
+    {
+        InitializeComponent();
+        DataContext = this;
+
+        Window.BetaFlag = true;
+    }
+
+    protected override void BeforeOpen()
+    {
+        base.BeforeOpen();
+        SetEditorPage(typeof(EditorStartPage));
+    }
+
+    public void SetEditorPage(Type pageType)
+    {
+        EditorPresenter.Content = Activator.CreateInstance(pageType, this)!;
+        Window.WindowTitle = $"Mii Editor - {Mii.Name}";
+    }
+
+    public MiiEditorWindow SetMii(Mii miiToEdit)
+    {
+        Window.WindowTitle = $"Mii Editor - {miiToEdit.Name}";
+        var miiResult = miiToEdit.Clone();
+        Mii = miiResult.Value;
+        return this;
+    }
+
+    public void SignalSaveMii()
+    {
+        Result = true;
+        _tcs.TrySetResult(true);
+        Close();
+    }
+
+    protected override void BeforeClose()
+    {
+        // If you want to return something different, then to the TrySetResult before you close it
+        _tcs.TrySetResult(false);
+    }
+
+    public async Task<bool> AwaitAnswer()
+    {
+        if (!Dispatcher.UIThread.CheckAccess())
+        {
+            return await Dispatcher.UIThread.InvokeAsync(() => AwaitAnswer());
+        }
+        _tcs = new();
+        Show(); // Or ShowDialog(parentWindow) if you need it to be modal
+        return await _tcs.Task;
+    }
+
+    public void RefreshImage()
+    {
+        if (selectedVisualization == VisualizationType.Carousel)
+            MiiCarousel.Mii = Mii;
+        else if (selectedVisualization == VisualizationType.Face)
+            MiiFaceImage.Mii = Mii;
+    }
+
+    #region PropertyChanged
+
+    public new event PropertyChangedEventHandler? PropertyChanged;
+
+    protected virtual void OnPropertyChanged(string propertyName)
+    {
+        PropertyChanged?.Invoke(this, new(propertyName));
+    }
+
+    #endregion
+
+
+    private void SetVisualization(VisualizationType type)
+    {
+        if (!IsInitialized)
+            return;
+        VisualizationFace.IsVisible = type == VisualizationType.Face;
+        VisualizationCarousel.IsVisible = type == VisualizationType.Carousel;
+        selectedVisualization = type;
+        RefreshImage();
+    }
+
+    private void MiiFaceToggle_OnChecked(object? sender, RoutedEventArgs e) => SetVisualization(VisualizationType.Face);
+
+    private void MiiCarouselToggle_OnChecked(object? sender, RoutedEventArgs e) => SetVisualization(VisualizationType.Carousel);
+
+    private enum VisualizationType
+    {
+        Face,
+        Carousel,
+    }
+}
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiSelectorWindow.axaml b/WheelWizard/Views/Popups/MiiManagement/MiiSelectorWindow.axaml
new file mode 100644
index 00000000..21568199
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiSelectorWindow.axaml
@@ -0,0 +1,30 @@
+<base:PopupContent xmlns="https://github.com/avaloniaui"
+                   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                   xmlns:self="clr-namespace:WheelWizard.Views.Popups"
+                   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+                   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+                   xmlns:components="clr-namespace:WheelWizard.Views.Components"
+                   xmlns:base="clr-namespace:WheelWizard.Views.Popups.Base"
+                   mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+                   x:Class="WheelWizard.Views.Popups.MiiManagement.MiiSelectorWindow">
+    <Grid MinWidth="400" MaxHeight="950" RowDefinitions="*,*,*">
+        <ScrollViewer Margin="0,0,0,10">
+            <UniformGrid Columns="5" HorizontalAlignment="Center" VerticalAlignment="Top" x:Name="MiiList">
+              <!-- the list off Miis are generated in this thing here -->
+            </UniformGrid>
+        </ScrollViewer>
+        <Border Grid.Row="1" Background="{StaticResource BackgroundLineColor}"
+                Height="1" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" />
+        <UniformGrid Grid.Row="2" Columns="2" HorizontalAlignment="Right" VerticalAlignment="Bottom"
+                     x:Name="ButtonContainer"  Margin="0,10,0,0">
+            <components:Button x:Name="CancelButton" Variant="Default"
+                               IsEnabled="True" Text="Cancel" 
+                               IconData="{StaticResource XMark}"
+                               Click="noButton_Click" Margin="0,0,5,0"/>
+            <components:Button x:Name="SaveButton" Variant="Primary"
+                               IsEnabled="True" Text="Save"
+                               IconData="{StaticResource CheckMark}"
+                               Click="yesButton_Click" Margin="5,0,0,0"/>
+        </UniformGrid>
+    </Grid>
+</base:PopupContent>
diff --git a/WheelWizard/Views/Popups/MiiManagement/MiiSelectorWindow.axaml.cs b/WheelWizard/Views/Popups/MiiManagement/MiiSelectorWindow.axaml.cs
new file mode 100644
index 00000000..acc7028c
--- /dev/null
+++ b/WheelWizard/Views/Popups/MiiManagement/MiiSelectorWindow.axaml.cs
@@ -0,0 +1,88 @@
+using Avalonia.Interactivity;
+using Avalonia.Layout;
+using Avalonia.Threading;
+using WheelWizard.Resources.Languages;
+using WheelWizard.Views.Components;
+using WheelWizard.Views.Popups.Base;
+using WheelWizard.WiiManagement;
+using WheelWizard.WiiManagement.Domain.Mii;
+
+namespace WheelWizard.Views.Popups.MiiManagement;
+
+public partial class MiiSelectorWindow : PopupContent
+{
+    public Mii? Result { get; private set; } = null;
+    private TaskCompletionSource<Mii?> _tcs;
+
+    public MiiSelectorWindow()
+        : base(true, false, false, "Mii Selector")
+    {
+        InitializeComponent();
+        SaveButton.Text = Common.Action_Save;
+        CancelButton.Text = Common.Action_Cancel;
+    }
+
+    public MiiSelectorWindow SetButtonText(string saveText, string cancelText)
+    {
+        SaveButton.Text = saveText;
+        CancelButton.Text = cancelText;
+
+        // It really depends on the text length what looks best
+        ButtonContainer.HorizontalAlignment =
+            (saveText.Length + cancelText.Length) > 12 ? HorizontalAlignment.Stretch : HorizontalAlignment.Right;
+        return this;
+    }
+
+    public MiiSelectorWindow SetMiiOptions(List<Mii> miis, int selectedIndex) => SetMiiOptions(miis, miis[selectedIndex]);
+
+    public MiiSelectorWindow SetMiiOptions(List<Mii> miis, Mii? selected)
+    {
+        MiiList.Children.Clear();
+        foreach (var mii in miis.OrderByDescending(m => m.IsFavorite))
+        {
+            var miiBlock = new MiiBlock
+            {
+                Mii = mii,
+                Width = 90,
+                Height = 90,
+                Margin = new(8, 10),
+                IsChecked = mii.IsTheSameAs(selected),
+            };
+            miiBlock.Click += ChangeMii_Click;
+            MiiList.Children.Add(miiBlock);
+        }
+        return this;
+    }
+
+    private void ChangeMii_Click(object? sender, RoutedEventArgs e)
+    {
+        var selected = MiiList.Children.OfType<MiiBlock>().FirstOrDefault(block => block.IsChecked == true)?.Mii;
+        SaveButton.IsEnabled = selected != null;
+    }
+
+    private void yesButton_Click(object sender, RoutedEventArgs e)
+    {
+        Result = MiiList.Children.OfType<MiiBlock>().FirstOrDefault(block => block.IsChecked == true)?.Mii;
+        _tcs.TrySetResult(Result); // Signal that the task is complete
+        Close();
+    }
+
+    private void noButton_Click(object sender, RoutedEventArgs e) => Close();
+
+    protected override void BeforeClose()
+    {
+        // If you want to return something different, then to the TrySetResult before you close it
+        _tcs.TrySetResult(null);
+    }
+
+    public async Task<Mii?> AwaitAnswer()
+    {
+        if (!Dispatcher.UIThread.CheckAccess())
+        {
+            return await Dispatcher.UIThread.InvokeAsync(AwaitAnswer);
+        }
+        _tcs = new();
+        Show(); // Or ShowDialog(parentWindow) if you need it to be modal
+        return await _tcs.Task;
+    }
+}
diff --git a/WheelWizard/Views/Popups/ModManagement/ModContent.axaml b/WheelWizard/Views/Popups/ModManagement/ModContent.axaml
index e7cfe6ca..595e1b3c 100644
--- a/WheelWizard/Views/Popups/ModManagement/ModContent.axaml
+++ b/WheelWizard/Views/Popups/ModManagement/ModContent.axaml
@@ -10,7 +10,7 @@
              mc:Ignorable="d" d:DesignHeight="670" d:DesignWidth="550">
     <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
 
-        <components:LoadingIcon x:Name="LoadingView" IconSize="90" IsVisible="False" />
+        <components:LoadingIcon x:Name="LoadingView" Width="90" Height="90" IsVisible="False" />
 
         <components:EmptyPageInfo x:Name="NoDetailsView" IsVisible="False"
                                   Title="No mod selected" BodyText="Select a mod to view its details"
diff --git a/WheelWizard/Views/Styles/Resources/Icons.axaml b/WheelWizard/Views/Styles/Resources/Icons.axaml
index 2330677d..7ed4283f 100644
--- a/WheelWizard/Views/Styles/Resources/Icons.axaml
+++ b/WheelWizard/Views/Styles/Resources/Icons.axaml
@@ -5,93 +5,105 @@
         <Border Padding="20" Background="#8B91A5">
             <UniformGrid Columns="7">
                 <!-- 0 -->
-                <util:IconExampleComponent IconData="{DynamicResource WheelIcon}" IconName="WheelIcon"/>
-                <util:IconExampleComponent IconData="{DynamicResource FlatWheel}" IconName="FlatWheel"/>
-                <util:IconExampleComponent IconData="{DynamicResource DolphinIcon}" IconName="DolphinIcon"/>
-                <util:IconExampleComponent IconData="{DynamicResource DiscordIcon}" IconName="DiscordIcon"/>
-                <util:IconExampleComponent IconData="{DynamicResource GithubIcon}" IconName="GithubIcon"/>
+                <util:IconExampleComponent IconData="{DynamicResource WheelIcon}" IconName="WheelIcon" />
+                <util:IconExampleComponent IconData="{DynamicResource FlatWheel}" IconName="FlatWheel" />
+                <util:IconExampleComponent IconData="{DynamicResource DolphinIcon}" IconName="DolphinIcon" />
+                <util:IconExampleComponent IconData="{DynamicResource DiscordIcon}" IconName="DiscordIcon" />
+                <util:IconExampleComponent IconData="{DynamicResource GithubIcon}" IconName="GithubIcon" />
                 <!-- 5 -->
-                <util:IconExampleComponent IconData="{DynamicResource CoffeeIcon}" IconName="CoffeeIcon"/>
-                <util:IconExampleComponent IconData="{DynamicResource ArrowLeft}" IconName="ArrowLeft"/>
-                <util:IconExampleComponent IconData="{DynamicResource ArrowDown}" IconName="ArrowDown"/>
-                <util:IconExampleComponent IconData="{DynamicResource ArrowUp}" IconName="ArrowUp"/>
-                <util:IconExampleComponent IconData="{DynamicResource ArrowRight}" IconName="ArrowRight"/>
+                <util:IconExampleComponent IconData="{DynamicResource CoffeeIcon}" IconName="CoffeeIcon" />
+                <util:IconExampleComponent IconData="{DynamicResource ArrowLeft}" IconName="ArrowLeft" />
+                <util:IconExampleComponent IconData="{DynamicResource ArrowDown}" IconName="ArrowDown" />
+                <util:IconExampleComponent IconData="{DynamicResource ArrowUp}" IconName="ArrowUp" />
+                <util:IconExampleComponent IconData="{DynamicResource ArrowRight}" IconName="ArrowRight" />
                 <!-- 10 -->
-                <util:IconExampleComponent IconData="{DynamicResource InfoTip}" IconName="InfoTip"/>
-                <util:IconExampleComponent IconData="{DynamicResource QuestionTip}" IconName="QuestionTip"/>
-                <util:IconExampleComponent IconData="{DynamicResource ErrorTip}" IconName="ErrorTip"/>
-                <util:IconExampleComponent IconData="{DynamicResource WarningTip}" IconName="WarningTip"/>
-                <util:IconExampleComponent IconData="{DynamicResource SuccessTip}" IconName="SuccessTip"/>
+                <util:IconExampleComponent IconData="{DynamicResource InfoTip}" IconName="InfoTip" />
+                <util:IconExampleComponent IconData="{DynamicResource QuestionTip}" IconName="QuestionTip" />
+                <util:IconExampleComponent IconData="{DynamicResource ErrorTip}" IconName="ErrorTip" />
+                <util:IconExampleComponent IconData="{DynamicResource WarningTip}" IconName="WarningTip" />
+                <util:IconExampleComponent IconData="{DynamicResource SuccessTip}" IconName="SuccessTip" />
                 <!-- 15 -->
-                <util:IconExampleComponent IconData="{DynamicResource Download}" IconName="Download"/>
-                <util:IconExampleComponent IconData="{DynamicResource Search}" IconName="Search"/>
-                <util:IconExampleComponent IconData="{DynamicResource FileImport}" IconName="FileImport"/>
-                <util:IconExampleComponent IconData="{DynamicResource Folder}" IconName="Folder"/>
-                <util:IconExampleComponent IconData="{DynamicResource Code}" IconName="Code"/>
+                <util:IconExampleComponent IconData="{DynamicResource Download}" IconName="Download" />
+                <util:IconExampleComponent IconData="{DynamicResource Search}" IconName="Search" />
+                <util:IconExampleComponent IconData="{DynamicResource FileImport}" IconName="FileImport" />
+                <util:IconExampleComponent IconData="{DynamicResource Folder}" IconName="Folder" />
+                <util:IconExampleComponent IconData="{DynamicResource Code}" IconName="Code" />
                 <!-- 20 -->
-                <util:IconExampleComponent IconData="{DynamicResource ExternalLink}" IconName="ExternalLink"/>
-                <util:IconExampleComponent IconData="{DynamicResource Copy}" IconName="Copy"/>
-                <util:IconExampleComponent IconData="{DynamicResource Pen}" IconName="Pen"/>
-                <util:IconExampleComponent IconData="{DynamicResource MinMark}" IconName="MinMark"/>
-                <util:IconExampleComponent IconData="{DynamicResource XMark}" IconName="XMark"/>
+                <util:IconExampleComponent IconData="{DynamicResource ExternalLink}" IconName="ExternalLink" />
+                <util:IconExampleComponent IconData="{DynamicResource Copy}" IconName="Copy" />
+                <util:IconExampleComponent IconData="{DynamicResource Pen}" IconName="Pen" />
+                <util:IconExampleComponent IconData="{DynamicResource MinMark}" IconName="MinMark" />
+                <util:IconExampleComponent IconData="{DynamicResource XMark}" IconName="XMark" />
                 <!-- 25 -->
-                <util:IconExampleComponent IconData="{DynamicResource Settings}" IconName="Settings"/>
-                <util:IconExampleComponent IconData="{DynamicResource Home}" IconName="Home"/>
-                <util:IconExampleComponent IconData="{DynamicResource CubesStacked}" IconName="CubesStacked"/>
-                <util:IconExampleComponent IconData="{DynamicResource Eye}" IconName="Eye"/>
-                <util:IconExampleComponent IconData="{DynamicResource Heart}" IconName="Heart"/>
+                <util:IconExampleComponent IconData="{DynamicResource Settings}" IconName="Settings" />
+                <util:IconExampleComponent IconData="{DynamicResource Home}" IconName="Home" />
+                <util:IconExampleComponent IconData="{DynamicResource CubesStacked}" IconName="CubesStacked" />
+                <util:IconExampleComponent IconData="{DynamicResource Eye}" IconName="Eye" />
+                <util:IconExampleComponent IconData="{DynamicResource Heart}" IconName="Heart" />
                 <!-- 30 -->
-                <util:IconExampleComponent IconData="{DynamicResource User}" IconName="User"/>
-                <util:IconExampleComponent IconData="{DynamicResource RoomUsers}" IconName="RoomUsers"/>
-                <util:IconExampleComponent IconData="{DynamicResource UserCircle}" IconName="UserCircle"/>
-                <util:IconExampleComponent IconData="{DynamicResource UserCouple}" IconName="UserCouple"/>
-                <util:IconExampleComponent IconData="{DynamicResource Friends}" IconName="Friends"/>
+                <util:IconExampleComponent IconData="{DynamicResource User}" IconName="User" />
+                <util:IconExampleComponent IconData="{DynamicResource RoomUsers}" IconName="RoomUsers" />
+                <util:IconExampleComponent IconData="{DynamicResource UserCircle}" IconName="UserCircle" />
+                <util:IconExampleComponent IconData="{DynamicResource UserCouple}" IconName="UserCouple" />
+                <util:IconExampleComponent IconData="{DynamicResource Friends}" IconName="Friends" />
                 <!-- 35 -->
-                <util:IconExampleComponent IconData="{DynamicResource Spinner}" IconName="Spinner"/>
-                <util:IconExampleComponent IconData="{DynamicResource ContextDots}" IconName="ContextDots"/>
-                <util:IconExampleComponent IconData="{DynamicResource Grip}" IconName="Grip"/>
-                <util:IconExampleComponent IconData="{DynamicResource Lock}" IconName="Lock"/>
-                <util:IconExampleComponent IconData="{DynamicResource LockOpen}" IconName="LockOpen"/>
+                <util:IconExampleComponent IconData="{DynamicResource Spinner}" IconName="Spinner" />
+                <util:IconExampleComponent IconData="{DynamicResource ContextDots}" IconName="ContextDots" />
+                <util:IconExampleComponent IconData="{DynamicResource Grip}" IconName="Grip" />
+                <util:IconExampleComponent IconData="{DynamicResource Lock}" IconName="Lock" />
+                <util:IconExampleComponent IconData="{DynamicResource LockOpen}" IconName="LockOpen" />
                 <!-- 40-->
-                <util:IconExampleComponent IconData="{DynamicResource Road}" IconName="Road"/>
-                <util:IconExampleComponent IconData="{DynamicResource RoadLocked}" IconName="RoadLocked"/>
-                <util:IconExampleComponent IconData="{DynamicResource RoadWarning}" IconName="RoadWarning"/>
-                <util:IconExampleComponent IconData="{DynamicResource RoadError}" IconName="RoadError"/>
-                <util:IconExampleComponent IconData="{DynamicResource RoadChecked}" IconName="RoadChecked"/>
+                <util:IconExampleComponent IconData="{DynamicResource Road}" IconName="Road" />
+                <util:IconExampleComponent IconData="{DynamicResource RoadLocked}" IconName="RoadLocked" />
+                <util:IconExampleComponent IconData="{DynamicResource RoadWarning}" IconName="RoadWarning" />
+                <util:IconExampleComponent IconData="{DynamicResource RoadError}" IconName="RoadError" />
+                <util:IconExampleComponent IconData="{DynamicResource RoadChecked}" IconName="RoadChecked" />
                 <!-- 45 -->
-                <util:IconExampleComponent IconData="{DynamicResource Play}" IconName="Play"/>
-                <util:IconExampleComponent IconData="{DynamicResource CheckMark}" IconName="CheckMark"/>
-                <util:IconExampleComponent IconData="{DynamicResource Banana}" IconName="Banana"/> <!-- We might change this to a different icon for the Gamebanana pages -->
-                <util:IconExampleComponent IconData="{DynamicResource WarningTriangle}" IconName="WarningTriangle"/>
-                <util:IconExampleComponent IconData="{DynamicResource Hourglass}" IconName="Hourglass"/>
-                
-                <util:IconExampleComponent IconData="{DynamicResource RotateRight}" IconName="RotateRight"/>
-                <util:IconExampleComponent IconData="{DynamicResource RotateLeft}" IconName="RotateLeft"/>
-                <util:IconExampleComponent IconData="{DynamicResource StarIcon}" IconName="StarIcon"/>
-                <util:IconExampleComponent IconData="{DynamicResource Award}" IconName="Award"/>
-                <util:IconExampleComponent IconData="{DynamicResource Translation}" IconName="Translation"/>
+                <util:IconExampleComponent IconData="{DynamicResource Play}" IconName="Play" />
+                <util:IconExampleComponent IconData="{DynamicResource CheckMark}" IconName="CheckMark" />
+                <util:IconExampleComponent IconData="{DynamicResource Banana}" IconName="Banana" />
+                <!-- We might change this to a different icon for the Gamebanana pages -->
+                <util:IconExampleComponent IconData="{DynamicResource WarningTriangle}" IconName="WarningTriangle" />
+                <util:IconExampleComponent IconData="{DynamicResource Hourglass}" IconName="Hourglass" />
+
+                <util:IconExampleComponent IconData="{DynamicResource RotateRight}" IconName="RotateRight" />
+                <util:IconExampleComponent IconData="{DynamicResource RotateLeft}" IconName="RotateLeft" />
+                <util:IconExampleComponent IconData="{DynamicResource StarIcon}" IconName="StarIcon" />
+                <util:IconExampleComponent IconData="{DynamicResource Award}" IconName="Award" />
+                <util:IconExampleComponent IconData="{DynamicResource Translation}" IconName="Translation" />
+
+                <util:IconExampleComponent IconData="{DynamicResource ChevronUp}" IconName="ChevronUp" />
+                <util:IconExampleComponent IconData="{DynamicResource ChevronDown}" IconName="ChevronDown" />
+                <util:IconExampleComponent IconData="{DynamicResource TableBars}" IconName="TableBars" />
+                <util:IconExampleComponent IconData="{DynamicResource TableBlocks}" IconName="TableBlocks" />
+                <util:IconExampleComponent IconData="{DynamicResource Scroll}" IconName="Scroll" />
+
+                <util:IconExampleComponent IconData="{DynamicResource ArrowSwap}" IconName="ArrowSwap" />
+                <util:IconExampleComponent IconData="{DynamicResource Shirt}" IconName="Shirt" />
+                <util:IconExampleComponent IconData="{DynamicResource Trash}" IconName="Trash" />
+                <util:IconExampleComponent IconData="{DynamicResource FileExport}" IconName="FileExport" />
                 
-                <util:IconExampleComponent IconData="{DynamicResource ChevronUp}" IconName="ChevronUp"/>
-                <util:IconExampleComponent IconData="{DynamicResource ChevronDown}" IconName="ChevronDown"/>
-                <util:IconExampleComponent IconData="{DynamicResource TableBars}" IconName="TableBars"/>
-                <util:IconExampleComponent IconData="{DynamicResource TableBlocks}" IconName="TableBlocks"/>
-                <util:IconExampleComponent IconData="{DynamicResource Scroll}" IconName="Scroll"/>
+                <util:IconExampleComponent IconData="{DynamicResource Duplicate}" IconName="Duplicate" />
+                <util:IconExampleComponent IconData="{DynamicResource Refresh}" IconName="Refresh" />
+                <util:IconExampleComponent IconData="{DynamicResource EmptyStarIcon}" IconName="EmptyStarIcon"/>
+                <util:IconExampleComponent IconData="{DynamicResource LilGuy}" IconName="LilGuy"/>
+                <util:IconExampleComponent IconData="{DynamicResource PlusMark}" IconName="PlusMark"/>
+                <util:IconExampleComponent IconData="{DynamicResource Global}" IconName="Global"/>
             </UniformGrid>
         </Border>
     </Design.PreviewWith>
 
 
-        
-    <!-- Wheel Wizard main icons --> 
+    <!-- Wheel Wizard main icons -->
     <StreamGeometry x:Key="WheelIcon">M256 21A235 235 0 0 0 21 256a235 235 0 0 0 235 235 235 235 0 0 0 235-235A235 235 0 0 0 256 21zm0 82c84.393 0 153 68.607 153 153s-68.607 153-153 153-153-68.607-153-153 68.607-153 153-153zm0 18c-20.417 0-39.757 4.52-57.09 12.602C210.457 166.482 230.218 208 256 208c25.823 0 44.926-41.65 56.752-74.555C295.505 125.462 276.284 121 256 121zm98.752 42.88c-27.714 21.143-61.142 52.79-53.17 77.327 7.981 24.564 53.508 29.858 88.459 30.936.628-5.294.959-10.678.959-16.143 0-35.642-13.755-68.012-36.248-92.12zm-197.729.243C134.663 188.204 121 220.477 121 256c0 5.55.34 11.018.988 16.39 34.833-.825 80.381-6.793 88.344-31.3 7.974-24.542-25.68-55.553-53.309-76.967zm70.188 43.643a9 9 0 0 0-5.035 1.714 9 9 0 0 0-1.99 12.57 9 9 0 0 0 12.57 1.993 9 9 0 0 0 1.992-12.572 9 9 0 0 0-7.537-3.705zm57.578 0a9 9 0 0 0-.637.004 9 9 0 0 0-6.9 3.7 9 9 0 0 0 1.992 12.573 9 9 0 0 0 12.57-1.992 9 9 0 0 0-1.99-12.57 9 9 0 0 0-5.035-1.715zM256 224a32 32 0 0 0-32 32 32 32 0 0 0 32 32 32 32 0 0 0 32-32 32 32 0 0 0-32-32zm-46.297 38.037a9 9 0 0 0-2.652.44 9 9 0 0 0-5.78 11.341 9 9 0 0 0 11.34 5.778 9 9 0 0 0 5.78-11.34 9 9 0 0 0-8.688-6.219zm92.856.008a9 9 0 0 0-8.95 6.21 9 9 0 0 0 5.78 11.34 9 9 0 0 0 11.34-5.777 9 9 0 0 0-5.78-11.341 9 9 0 0 0-2.39-.432zm-92.143 27.713c-21.59.104-50.24 16.832-72.424 31.928 19.029 34.168 52.46 59.164 92.143 66.837 9.99-33.39 18.42-78.618-2.446-93.777-4.854-3.527-10.737-5.02-17.273-4.988zm91.016.02c-6.58 0-12.492 1.516-17.346 5.042-20.895 15.181-11.863 60.106-2.088 93.678 39.687-7.715 73.108-32.76 92.1-66.973-22.006-15.224-50.935-31.747-72.666-31.748zM256 295.58a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9z</StreamGeometry>
     <StreamGeometry x:Key="FlatWheel">M410.023 21.232c-2.7.031-3.172.607-3.218.66-.047.054-.552.605-.198 3.282.355 2.677 1.76 6.855 4.356 11.627 5.191 9.544 14.921 21.467 27.59 32.441 12.668 10.975 25.856 18.905 36.043 22.682 5.093 1.888 9.43 2.683 12.13 2.652 2.7-.03 3.173-.606 3.22-.66.046-.054.549-.604.195-3.281-.355-2.677-1.76-6.855-4.356-11.627-5.19-9.544-14.921-21.467-27.59-32.442-12.668-10.974-25.858-18.904-36.045-22.681-5.093-1.889-9.426-2.684-12.127-2.653zM256 59C126.213 59 21 164.213 21 294c0 62.949 24.75 120.116 65.05 162.303C-5.246 505.069 189.163 486 256 486c66.665 0 253.486 27.16 198.918-54.678C483.806 380.45 491 357.122 491 294c0-64.833-26.256-123.532-68.713-166.049l-71.119 42.166 30.816-74.52C345.572 72.428 302.356 59 256 59zm156.018 11.07l-23.58 57.024 53.078-31.471-14.74-12.768-.008-.007-.008-.008-14.742-12.77zM256 141c84.393 0 153 68.607 153 153s-68.607 153-153 153-153-68.607-153-153 68.607-153 153-153zm0 18c-20.417 0-39.757 4.52-57.09 12.602C210.457 204.482 230.218 246 256 246c25.823 0 44.926-41.65 56.752-74.555C295.505 163.462 276.284 159 256 159zm98.752 42.88c-27.714 21.143-61.142 52.79-53.17 77.327 7.981 24.564 53.508 29.858 88.459 30.936.628-5.294.959-10.678.959-16.143 0-35.642-13.755-68.012-36.248-92.12zm-197.729.243C134.663 226.204 121 258.477 121 294c0 5.55.34 11.018.988 16.39 34.833-.825 80.381-6.793 88.344-31.3 7.974-24.542-25.68-55.553-53.309-76.967zm70.188 43.643a9 9 0 0 0-7.025 14.285 9 9 0 1 0 7.025-14.285zm57.578 0a9 9 0 1 0 7.025 14.285 9 9 0 0 0-7.025-14.285zM256 262c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32zm-46.297 38.037a9.001 9.001 0 0 0-8.432 11.781 9 9 0 0 0 11.34 5.778 9 9 0 0 0-2.908-17.559zm92.104.006a9 9 0 1 0 3.143.434 9 9 0 0 0-3.143-.434zm-91.391 27.715c-21.59.104-50.24 16.832-72.424 31.928 19.029 34.168 52.46 59.164 92.143 66.837 9.99-33.39 18.42-78.618-2.446-93.777-4.854-3.527-10.737-5.02-17.273-4.988zm91.016.02c-6.58 0-12.492 1.516-17.346 5.042-20.895 15.181-11.863 60.106-2.088 93.678 39.687-7.715 73.108-32.76 92.1-66.973-22.006-15.224-50.935-31.747-72.666-31.748zM256 333.58a9 9 0 1 0 0 18 9 9 0 0 0 0-18z</StreamGeometry>
     <StreamGeometry x:Key="DolphinIcon">M169.978 117.882c-7.537-13.914-14.018-23.86-24.817-33.963-3.472-3.249-6.763-6.152-10.187-8.758-.001 0-.001 0 0 0v-.002l-.075-.054a29.742 29.742 0 0 1-.185-.14c-1.272-.983-6.67-5.527-4.751-10.544 1.344-3.518 6.666-5.792 10.335-6.976.993-.32.987-1.646-.042-1.815-2.723-.448-6.901-.845-12.312-.498-8.991.577-17.12 5.567-19.369 6.797a.957.957 0 0 1-.724.075c-5.047-1.428-10.79-2.69-17.478-3.826-23.713-4.026-43.782 2.391-53.853 9.385-13.2 9.167-12.834 17.709-13.922 21.981-.783 3.075-8.746 9.181-6.04 12.509 1.69 2.075 7.309-.743 11.842-2.609 4.766-1.961 5.134-3.028 18.16-4.973 5.718-.854 11.723-1.127 16.341-1.184.399-.005.76.222.936.58 1.99 4.03 6.467 11.393 13.958 15.015 6.51 3.148 14.013 4.345 18.851 4.798 1.112.104 1.492-1.427.516-1.971-2.47-1.376-5.481-3.314-7.786-5.62-3.183-3.185-3.953-8.017-4.12-10.798 0-.015.013-.027.028-.026 7.69 1.463 14.407 2.518 30.472 8.674 6.266 2.401 11.646 5.289 15.686 7.751 1.048.639 2.145-.635 1.236-1.462-4.557-4.148-11.292-9.412-19.796-13.61-13.68-6.75-24.91-10.085-40.472-10.84-13.83-.672-24.701.648-28.282 1.164-.648.094-1.194-.424-1.013-1.054.69-2.397 3.278-7.803 12.944-12.34 11.166-5.241 28.732-6.119 48.893-.972 28.482 7.27 38.197 19.65 50.448 32.444 7.448 7.777 14.321 18.59 18.846 26.431.624 1.083 2.129.42 1.667-.741-1.543-3.88-3.535-8.394-5.935-12.828Z</StreamGeometry>
-    
+
     <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
     <StreamGeometry x:Key="DiscordIcon">M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z</StreamGeometry>
     <StreamGeometry x:Key="GithubIcon">M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z</StreamGeometry>
     <StreamGeometry x:Key="CoffeeIcon">M88 0C74.7 0 64 10.7 64 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C120.5 112.3 128 119.9 128 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C119.5 47.7 112 40.1 112 24c0-13.3-10.7-24-24-24zM32 192c-17.7 0-32 14.3-32 32L0 416c0 53 43 96 96 96l192 0c53 0 96-43 96-96l16 0c61.9 0 112-50.1 112-112s-50.1-112-112-112l-48 0L32 192zm352 64l16 0c26.5 0 48 21.5 48 48s-21.5 48-48 48l-16 0 0-96zM224 24c0-13.3-10.7-24-24-24s-24 10.7-24 24c0 38.9 23.4 59.4 39.1 73.1l1.1 1C232.5 112.3 240 119.9 240 136c0 13.3 10.7 24 24 24s24-10.7 24-24c0-38.9-23.4-59.4-39.1-73.1l-1.1-1C231.5 47.7 224 40.1 224 24z</StreamGeometry>
-    
+
     <StreamGeometry x:Key="ArrowLeft">M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z</StreamGeometry>
     <StreamGeometry x:Key="ArrowDown">M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z</StreamGeometry>
     <StreamGeometry x:Key="ArrowUp">M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2 160 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-306.7L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z</StreamGeometry>
@@ -102,7 +114,7 @@
     <StreamGeometry x:Key="WarningTip">M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z</StreamGeometry>
     <StreamGeometry x:Key="SuccessTip">M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z</StreamGeometry>
     <StreamGeometry x:Key="WarningTriangle">M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z</StreamGeometry>
-    
+
     <StreamGeometry x:Key="Download">M32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l320 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480zM214.6 342.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 242.7 160 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 178.7 73.4-73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-128 128z</StreamGeometry>
     <StreamGeometry x:Key="Folder">M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H288c-10.1 0-19.6-4.7-25.6-12.8L243.2 57.6C231.1 41.5 212.1 32 192 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z</StreamGeometry>
     <StreamGeometry x:Key="FileImport">M128 64c0-35.3 28.7-64 64-64L352 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64l-256 0c-35.3 0-64-28.7-64-64l0-112 174.1 0-39 39c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l39 39L128 288l0-224zm0 224l0 48L24 336c-13.3 0-24-10.7-24-24s10.7-24 24-24l104 0zM512 128l-128 0L384 0 512 128z</StreamGeometry>
@@ -113,20 +125,20 @@
     <StreamGeometry x:Key="Heart">M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z</StreamGeometry>
     <StreamGeometry x:Key="Pen">M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z</StreamGeometry>
     <StreamGeometry x:Key="Code">M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z</StreamGeometry>
-    
+
     <StreamGeometry x:Key="Home">M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c0 2.7-.2 5.4-.5 8.1l0 16.2c0 22.1-17.9 40-40 40l-16 0c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1L416 512l-24 0c-22.1 0-40-17.9-40-40l0-24 0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32l0 64 0 24c0 22.1-17.9 40-40 40l-24 0-31.9 0c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2l-16 0c-22.1 0-40-17.9-40-40l0-112c0-.9 0-1.9 .1-2.8l0-69.7-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z</StreamGeometry>
     <StreamGeometry x:Key="User">M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z</StreamGeometry>
     <StreamGeometry x:Key="RoomUsers">M96 0C43 0 0 43 0 96L0 416c0 53 43 96 96 96l448 0c53 0 96-43 96-96l0-320c0-53-43-96-96-96L96 0zM64 96c0-17.7 14.3-32 32-32l448 0c17.7 0 32 14.3 32 32l0 320c0 17.7-14.3 32-32 32L96 448c-17.7 0-32-14.3-32-32L64 96zm159.8 80a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM96 309.3c0 14.7 11.9 26.7 26.7 26.7l56.1 0c8-34.1 32.8-61.7 65.2-73.6c-7.5-4.1-16.2-6.4-25.3-6.4l-69.3 0C119.9 256 96 279.9 96 309.3zM461.2 336l56.1 0c14.7 0 26.7-11.9 26.7-26.7c0-29.5-23.9-53.3-53.3-53.3l-69.3 0c-9.2 0-17.8 2.3-25.3 6.4c32.4 11.9 57.2 39.5 65.2 73.6zM372 289c-3.9-.7-7.9-1-12-1l-80 0c-4.1 0-8.1 .3-12 1c-26 4.4-47.3 22.7-55.9 47c-2.7 7.5-4.1 15.6-4.1 24c0 13.3 10.7 24 24 24l176 0c13.3 0 24-10.7 24-24c0-8.4-1.4-16.5-4.1-24c-8.6-24.3-29.9-42.6-55.9-47zM512 176a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM320 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z</StreamGeometry>
     <StreamGeometry x:Key="UserCircle">M399 384.2C376.9 345.8 335.4 320 288 320l-64 0c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z</StreamGeometry>
     <StreamGeometry x:Key="UserCouple">M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM609.3 512l-137.8 0c5.4-9.4 8.6-20.3 8.6-32l0-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2l61.4 0C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z</StreamGeometry>
     <StreamGeometry x:Key="Friends">M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM504 312l0-64-64 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l64 0 0-64c0-13.3 10.7-24 24-24s24 10.7 24 24l0 64 64 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-64 0 0 64c0 13.3-10.7 24-24 24s-24-10.7-24-24z</StreamGeometry>
-    
+
     <StreamGeometry x:Key="Spinner">M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z</StreamGeometry>
     <StreamGeometry x:Key="CubesStacked">M192 64l0 64c0 17.7 14.3 32 32 32l64 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32zM82.7 207c-15.3 8.8-20.5 28.4-11.7 43.7l32 55.4c8.8 15.3 28.4 20.5 43.7 11.7l55.4-32c15.3-8.8 20.5-28.4 11.7-43.7l-32-55.4c-8.8-15.3-28.4-20.5-43.7-11.7L82.7 207zM288 192c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l64 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-64 0zm64 160c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l64 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-64 0zM160 384l0 64c0 17.7 14.3 32 32 32l64 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32zM32 352c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l64 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-64 0z</StreamGeometry>
     <StreamGeometry x:Key="ContextDots">M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z</StreamGeometry>
     <StreamGeometry x:Key="Grip">M128 136c0-22.1-17.9-40-40-40L40 96C17.9 96 0 113.9 0 136l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm0 192c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm32-192l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM288 328c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm32-192l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM448 328c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48z</StreamGeometry>
     <StreamGeometry x:Key="Settings">M352 320c88.4 0 160-71.6 160-160c0-15.3-2.2-30.1-6.2-44.2c-3.1-10.8-16.4-13.2-24.3-5.3l-76.8 76.8c-3 3-7.1 4.7-11.3 4.7L336 192c-8.8 0-16-7.2-16-16l0-57.4c0-4.2 1.7-8.3 4.7-11.3l76.8-76.8c7.9-7.9 5.4-21.2-5.3-24.3C382.1 2.2 367.3 0 352 0C263.6 0 192 71.6 192 160c0 19.1 3.4 37.5 9.5 54.5L19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L297.5 310.5c17 6.2 35.4 9.5 54.5 9.5zM80 408a24 24 0 1 1 0 48 24 24 0 1 1 0-48z</StreamGeometry>
-    
+
     <StreamGeometry x:Key="Road">M256 32l-74.8 0c-27.1 0-51.3 17.1-60.3 42.6L3.1 407.2C1.1 413 0 419.2 0 425.4C0 455.5 24.5 480 54.6 480L256 480l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 64 201.4 0c30.2 0 54.6-24.5 54.6-54.6c0-6.2-1.1-12.4-3.1-18.2L455.1 74.6C446 49.1 421.9 32 394.8 32L320 32l0 64c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-64zm64 192l0 64c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32z</StreamGeometry>
     <StreamGeometry x:Key="RoadLocked">M288 32l-74.8 0c-27.1 0-51.3 17.1-60.3 42.6L35.1 407.2c-2.1 5.9-3.1 12-3.1 18.2C32 455.5 56.5 480 86.6 480L288 480l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 64 32 0 0-128c0-23.7 12.9-44.4 32-55.4l0-24.6c0-58.3 44.6-106.2 101.5-111.5L487.1 74.6C478 49.1 453.9 32 426.8 32L352 32l0 64c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-64zm64 192l0 64c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32zm176 16c17.7 0 32 14.3 32 32l0 48-64 0 0-48c0-17.7 14.3-32 32-32zm-80 32l0 48c-17.7 0-32 14.3-32 32l0 128c0 17.7 14.3 32 32 32l160 0c17.7 0 32-14.3 32-32l0-128c0-17.7-14.3-32-32-32l0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80z</StreamGeometry>
     <StreamGeometry x:Key="RoadError">M213.2 32L288 32l0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 74.8 0c27.1 0 51.3 17.1 60.3 42.6l42.7 120.6c-10.9-2.1-22.2-3.2-33.8-3.2c-59.5 0-112.1 29.6-144 74.8l0-42.8c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32c2.3 0 4.6-.3 6.8-.7c-4.5 15.5-6.8 31.8-6.8 48.7c0 5.4 .2 10.7 .7 16l-.7 0c-17.7 0-32 14.3-32 32l0 64L86.6 480C56.5 480 32 455.5 32 425.4c0-6.2 1.1-12.4 3.1-18.2L152.9 74.6C162 49.1 186.1 32 213.2 32zM496 224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zm22.6 144l36.7-36.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L496 345.4l-36.7-36.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L473.4 368l-36.7 36.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L496 390.6l36.7 36.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L518.6 368z</StreamGeometry>
@@ -134,23 +146,35 @@
     <StreamGeometry x:Key="RoadChecked">M213.2 32L288 32l0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 74.8 0c27.1 0 51.3 17.1 60.3 42.6l42.7 120.6c-10.9-2.1-22.2-3.2-33.8-3.2c-59.5 0-112.1 29.6-144 74.8l0-42.8c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32c2.3 0 4.6-.3 6.8-.7c-4.5 15.5-6.8 31.8-6.8 48.7c0 5.4 .2 10.7 .7 16l-.7 0c-17.7 0-32 14.3-32 32l0 64L86.6 480C56.5 480 32 455.5 32 425.4c0-6.2 1.1-12.4 3.1-18.2L152.9 74.6C162 49.1 186.1 32 213.2 32zM352 368a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm211.3-43.3c-6.2-6.2-16.4-6.2-22.6 0L480 385.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l40 40c6.2 6.2 16.4 6.2 22.6 0l72-72c6.2-6.2 6.2-16.4 0-22.6z</StreamGeometry>
     <StreamGeometry x:Key="Lock">M144 144l0 48 160 0 0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192l0-48C80 64.5 144.5 0 224 0s144 64.5 144 144l0 48 16 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l16 0z</StreamGeometry>
     <StreamGeometry x:Key="LockOpen">M352 144c0-44.2 35.8-80 80-80s80 35.8 80 80l0 48c0 17.7 14.3 32 32 32s32-14.3 32-32l0-48C576 64.5 511.5 0 432 0S288 64.5 288 144l0 48L64 192c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-192c0-35.3-28.7-64-64-64l-32 0 0-48z</StreamGeometry>
- 
+
     <StreamGeometry x:Key="CheckMark">M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z</StreamGeometry>
     <StreamGeometry x:Key="XMark">M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z</StreamGeometry>
     <StreamGeometry x:Key="MinMark">M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z</StreamGeometry>
     <StreamGeometry x:Key="Play">M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z</StreamGeometry>
-    <StreamGeometry x:Key="Banana">M413.3 24.08c0 6.53-.1 12.93-.4 19.21 1.4-.1 2.7-.14 4-.16 9.6-.18 18.4 1.19 26.7 3 1.5-5.65 3.5-11.64 6.2-18.04-12.8.74-24.9-.74-36.5-4.01zm4 37.02c-1.7 0-3.5.16-5.4.32-5.4 72.88-26.6 128.38-56.7 171.18-36.5 52.1-85.5 85.2-132.7 109.7-47.1 24.5-92.8 40.7-122.3 57.8-14.85 8.6-25.35 17.3-30.62 26.3-3.3 5.5-4.97 11.3-4.54 18.3l24 8.1C150 440.7 234.3 410 304.1 363.7c40.7-26.9 76.6-59 100.5-95.3 24-36.3 36.1-76.3 30.2-120.8l17.9-2.3c6.5 49.1-7.4 94-33.1 133-25.8 39-63.4 72.5-105.6 100.4-70.4 46.7-153.4 77.7-216.76 90.9l-5.85 11c4.42 1.9 9.41 3.4 15.01 4.6 20.8 4.3 48.9 3.6 80.4-2.9 62.6-12.8 138-47.4 197.1-101 54-48.8 92.4-105.9 105-157 12.7-51.3 1.3-95.7-45.3-126.5l-3.8-2.53-.3-4.51c-.4-8.19-.6-17.02.6-26.95-7.5-1.67-14.9-2.84-22.8-2.71zm-25.1 19.03C378.2 134 353.9 174 324.1 203.8c-39.1 39.1-87 60.9-132.2 75.6-45.1 14.8-87.9 23-116.37 33.7-14.21 5.4-24.55 11.4-30.04 17.9-3.21 3.7-5.18 7.5-5.72 12.4l19.73 9.2c48.5-2.6 114.1-14.7 174.8-37.3 39-22.4 77-51.4 106.2-93.1 25.4-36.2 44.5-82 51.7-142.07zm-42.3 59.37c-11.3 10.3-23.2 19.2-35.5 26.7-44.6 27.1-94.3 36.7-140.1 40.7-45.6 4-87.84 2.5-116.91 6.2-14.53 2-25.52 5.3-31.84 9.9-3.46 2.5-5.87 5.1-7.29 8.8l16.6 12c53.87 8.9 132.04 11.1 202.34-2 .6-.1 1.1-.2 1.7-.3 25.9-12.6 50.7-28.7 72.4-50.5 14.4-14.4 27.5-31.4 38.6-51.5zM36.49 262.3l-4.88 3.9c2.64 2 5.63 4 9.02 5.9 12.27 7 28.98 13.1 48.55 17.5 23.12-7 50.32-13.2 78.72-21.5-47.8 2.7-94.23 0-131.41-5.8zm104.31 98c-27.1 5.4-52.87 8.7-75.68 10.1l-4.94 6.3c3.32 1.7 7.05 3.3 11.23 4.7 5.28 1.7 11.19 3.2 17.61 4.3.7-.4 1.4-.8 2.11-1.2 14.27-8.3 31.27-16.1 49.67-24.2z</StreamGeometry>
+    <StreamGeometry x:Key="Banana">m 811.86,163.17 c -29.1,-13.4 -56.899,-15.4 -70.899,-15.4 -1.801,0 -3.5,0 -4.9,0.1 -3.2,-11.2 -19.4,-78.1 -30.7,-124.9 -5.2,-21.5 -31.1,-30.2 -48.2,-16.1 l -53.6,44.2 c -14,11.5 -16.9,31.7 -6.7,46.7 22.4,32.9 59.5,91.7 77.7,144.8 17.2,50.3 18.7,102.9 10.5,154.6 -13.4,83.7 -57.6,168.2 -131.4,251.2 -40.199,45.2 -84.699,86.399 -132.199,123.7 -23.801,18.699 -48.4,36.399 -73.7,53 -2.601,1.699 -32.7,19.399 -53.601,30.199 -11.699,6 -18.1,19 -15.8,31.9 l 2.5,14 c 2.4,13.4 13.5,23.5 27,24.6 34.3,2.9 105.101,4.801 199.7,-13.899 51.8,-10.2 101.8,-34.5 148.2,-62.101 78.1,-46.6 182.8,-131.399 238.1,-271 24.7,-62.3 35.2,-126.699 31.2,-191.599 -3.9,-63.8 -20.7,-112.4 -34.1,-142 -17.301,-38.399 -43.901,-65.899 -79.101,-82     m -164.5003,179.50028 v 5e-5 L 627.46,376.57021 c -41.7,71.199 -110.49883,133.69904 -204.59983,186.00004 -61.2,34.1 -126.8003,60.09867 -193.6003,81.19767 -36.4,11.5 -71.60024,21.60293 -108.60024,27.30293 -14.6,2.199 -25.298683,14.7993 -25.298683,29.5993 v 18.89872 c 0,10.3 5.299873,19.9006 14.099873,25.4006 13.1,8.101 34.39924,19.80129 60.29924,28.40129 44.5,14.8 91.80075,21.19884 138.50075,22.69884 l 2.59984,0.0996 2.09936,-1.39957 c 34.5,-23.1 67.30071,-47.29991 97.60071,-71.89891 37.7,-30.7 71.49949,-62.2003 100.49949,-93.6013 26.3,-28.5 50.60069,-58.89832 71.40069,-91.59932 18.199,-28.6 33.6988,-59.10074 44.7998,-91.20074 5.2,-15 9.5001,-30.39873 12.3991,-46.09973 3,-15.9 4.39962,-32.09908 6.49962,-48.19908 0.4,-3.2 0.80128,-6.30032 1.20028,-9.50032 l -26.20003,-53.39873 -15.99993,35.39914 c -33.6,74.299 -98.50016,139.49959 -193.00016,193.79959 -69.6,40 -154.20005,73.60071 -251.20005,99.79971 l -2.40055,0.69979 -2.49794,-0.79943 c -73.600001,-23.2 -129.600574,-71.69962 -129.600574,-71.69962 0,0 -7.499299,-6.50079 -14.899299,-13.20079 -8.8999996,-8.1 -12.10038887,-20.69887 -8.2003889,-31.99987 l 6.5992638,-19.098 c 4.4000001,-12.6 16.5008621,-20.80091 29.8008621,-20.20091 l 16.899007,0.79943 c 7.2,0.1 19.201168,0.20156 24.601168,0.20156 103.800001,0 197.900631,-10.70093 279.800631,-31.70093 96.599,-24.8 174.39999,-63.69964 231.39999,-115.79964 l 28.69797,-26.20003</StreamGeometry>
     <StreamGeometry x:Key="Hourglass">M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64l0 11c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437l0 11c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0 256 0 32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-11c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1l0-11c17.7 0 32-14.3 32-32s-14.3-32-32-32L320 0 64 0 32 0zM96 75l0-11 192 0 0 11c0 25.5-10.1 49.9-28.1 67.9L192 210.7l-67.9-67.9C106.1 124.9 96 100.4 96 75z</StreamGeometry>
-    
+
     <StreamGeometry x:Key="RotateRight">M386.3 160L336 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-128c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 51.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0s-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3s163.8-62.5 226.3 0L386.3 160z</StreamGeometry>
     <StreamGeometry x:Key="RotateLeft">M125.7 160l50.3 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L48 224c-17.7 0-32-14.3-32-32L16 64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 51.2L97.6 97.6c87.5-87.5 229.3-87.5 316.8 0s87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3s-163.8-62.5-226.3 0L125.7 160z</StreamGeometry>
     <StreamGeometry x:Key="StarIcon">M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z</StreamGeometry>
+    <StreamGeometry x:Key="EmptyStarIcon">M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z</StreamGeometry>
     <StreamGeometry x:Key="Award">M173.8 5.5c11-7.3 25.4-7.3 36.4 0L228 17.2c6 3.9 13 5.8 20.1 5.4l21.3-1.3c13.2-.8 25.6 6.4 31.5 18.2l9.6 19.1c3.2 6.4 8.4 11.5 14.7 14.7L344.5 83c11.8 5.9 19 18.3 18.2 31.5l-1.3 21.3c-.4 7.1 1.5 14.2 5.4 20.1l11.8 17.8c7.3 11 7.3 25.4 0 36.4L366.8 228c-3.9 6-5.8 13-5.4 20.1l1.3 21.3c.8 13.2-6.4 25.6-18.2 31.5l-19.1 9.6c-6.4 3.2-11.5 8.4-14.7 14.7L301 344.5c-5.9 11.8-18.3 19-31.5 18.2l-21.3-1.3c-7.1-.4-14.2 1.5-20.1 5.4l-17.8 11.8c-11 7.3-25.4 7.3-36.4 0L156 366.8c-6-3.9-13-5.8-20.1-5.4l-21.3 1.3c-13.2 .8-25.6-6.4-31.5-18.2l-9.6-19.1c-3.2-6.4-8.4-11.5-14.7-14.7L39.5 301c-11.8-5.9-19-18.3-18.2-31.5l1.3-21.3c.4-7.1-1.5-14.2-5.4-20.1L5.5 210.2c-7.3-11-7.3-25.4 0-36.4L17.2 156c3.9-6 5.8-13 5.4-20.1l-1.3-21.3c-.8-13.2 6.4-25.6 18.2-31.5l19.1-9.6C65 70.2 70.2 65 73.4 58.6L83 39.5c5.9-11.8 18.3-19 31.5-18.2l21.3 1.3c7.1 .4 14.2-1.5 20.1-5.4L173.8 5.5zM272 192a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM1.3 441.8L44.4 339.3c.2 .1 .3 .2 .4 .4l9.6 19.1c11.7 23.2 36 37.3 62 35.8l21.3-1.3c.2 0 .5 0 .7 .2l17.8 11.8c5.1 3.3 10.5 5.9 16.1 7.7l-37.6 89.3c-2.3 5.5-7.4 9.2-13.3 9.7s-11.6-2.2-14.8-7.2L74.4 455.5l-56.1 8.3c-5.7 .8-11.4-1.5-15-6s-4.3-10.7-2.1-16zm248 60.4L211.7 413c5.6-1.8 11-4.3 16.1-7.7l17.8-11.8c.2-.1 .4-.2 .7-.2l21.3 1.3c26 1.5 50.3-12.6 62-35.8l9.6-19.1c.1-.2 .2-.3 .4-.4l43.2 102.5c2.2 5.3 1.4 11.4-2.1 16s-9.3 6.9-15 6l-56.1-8.3-32.2 49.2c-3.2 5-8.9 7.7-14.8 7.2s-11-4.3-13.3-9.7z</StreamGeometry>
     <StreamGeometry x:Key="Translation">M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z</StreamGeometry>
-    
+
     <StreamGeometry x:Key="ChevronUp">M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z</StreamGeometry>
     <StreamGeometry x:Key="ChevronDown">M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z</StreamGeometry>
     <StreamGeometry x:Key="TableBars">M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zm64 0l0 64 64 0 0-64L64 96zm384 0L192 96l0 64 256 0 0-64zM64 224l0 64 64 0 0-64-64 0zm384 0l-256 0 0 64 256 0 0-64zM64 352l0 64 64 0 0-64-64 0zm384 0l-256 0 0 64 256 0 0-64z</StreamGeometry>
     <StreamGeometry x:Key="TableBlocks">M448 96l0 128-160 0 0-128 160 0zm0 192l0 128-160 0 0-128 160 0zM224 224L64 224 64 96l160 0 0 128zM64 288l160 0 0 128L64 416l0-128zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z</StreamGeometry>
     <StreamGeometry x:Key="Scroll">M0 80l0 48c0 17.7 14.3 32 32 32l16 0 48 0 0-80c0-26.5-21.5-48-48-48S0 53.5 0 80zM112 32c10 13.4 16 30 16 48l0 304c0 35.3 28.7 64 64 64s64-28.7 64-64l0-5.3c0-32.4 26.3-58.7 58.7-58.7L480 320l0-192c0-53-43-96-96-96L112 32zM464 480c61.9 0 112-50.1 112-112c0-8.8-7.2-16-16-16l-245.3 0c-14.7 0-26.7 11.9-26.7 26.7l0 5.3c0 53-43 96-96 96l176 0 96 0z</StreamGeometry>
-</ResourceDictionary>
+
+    <StreamGeometry x:Key="ArrowSwap">M438.6 150.6c12.5-12.5 12.5-32.8 0-45.3l-96-96c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.7 96 32 96C14.3 96 0 110.3 0 128s14.3 32 32 32l306.7 0-41.4 41.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l96-96zm-333.3 352c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 416 416 416c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0 41.4-41.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-96 96c-12.5 12.5-12.5 32.8 0 45.3l96 96z</StreamGeometry>
+    <StreamGeometry x:Key="Shirt">M211.8 0c7.8 0 14.3 5.7 16.7 13.2C240.8 51.9 277.1 80 320 80s79.2-28.1 91.5-66.8C413.9 5.7 420.4 0 428.2 0l12.6 0c22.5 0 44.2 7.9 61.5 22.3L628.5 127.4c6.6 5.5 10.7 13.5 11.4 22.1s-2.1 17.1-7.8 23.6l-56 64c-11.4 13.1-31.2 14.6-44.6 3.5L480 197.7 480 448c0 35.3-28.7 64-64 64l-192 0c-35.3 0-64-28.7-64-64l0-250.3-51.5 42.9c-13.3 11.1-33.1 9.6-44.6-3.5l-56-64c-5.7-6.5-8.5-15-7.8-23.6s4.8-16.6 11.4-22.1L137.7 22.3C155 7.9 176.7 0 199.2 0l12.6 0z</StreamGeometry>
+    <StreamGeometry x:Key="Trash">M135.2 17.7C140.6 6.8 151.7 0 163.8 0L284.2 0c12.1 0 23.2 6.8 28.6 17.7L320 32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l96 0 7.2-14.3zM32 128l384 0 0 320c0 35.3-28.7 64-64 64L96 512c-35.3 0-64-28.7-64-64l0-320zm96 64c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224c0-8.8-7.2-16-16-16z</StreamGeometry>
+    <StreamGeometry x:Key="FileExport">M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zM216 232l0 102.1 31-31c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-72 72c-9.4 9.4-24.6 9.4-33.9 0l-72-72c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l31 31L168 232c0-13.3 10.7-24 24-24s24 10.7 24 24z</StreamGeometry>
+    
+    <StreamGeometry x:Key="Duplicate">M288 448L64 448l0-224 64 0 0-64-64 0c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l224 0c35.3 0 64-28.7 64-64l0-64-64 0 0 64zm-64-96l224 0c35.3 0 64-28.7 64-64l0-224c0-35.3-28.7-64-64-64L224 0c-35.3 0-64 28.7-64 64l0 224c0 35.3 28.7 64 64 64z</StreamGeometry>
+    <StreamGeometry x:Key="Refresh">M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160 352 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l111.5 0c0 0 0 0 0 0l.4 0c17.7 0 32-14.3 32-32l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1L16 432c0 17.7 14.3 32 32 32s32-14.3 32-32l0-35.1 17.6 17.5c0 0 0 0 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.8c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352l34.4 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L48.4 288c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z</StreamGeometry>
+    <StreamGeometry x:Key="LilGuy">M96 64a64 64 0 1 1 128 0A64 64 0 1 1 96 64zm48 320l0 96c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-192.2L59.1 321c-9.4 15-29.2 19.4-44.1 10S-4.5 301.9 4.9 287l39.9-63.3C69.7 184 113.2 160 160 160s90.3 24 115.2 63.6L315.1 287c9.4 15 4.9 34.7-10 44.1s-34.7 4.9-44.1-10L240 287.8 240 480c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-96-32 0z</StreamGeometry>
+    <StreamGeometry x:Key="PlusMark">M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z</StreamGeometry>
+    <StreamGeometry x:Key="Global">M352 256c0 22.2-1.2 43.6-3.3 64l-185.3 0c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64l185.3 0c2.2 20.4 3.3 41.8 3.3 64zm28.8-64l123.1 0c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64l-123.1 0c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32l-116.7 0c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0l-176.6 0c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0L18.6 160C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192l123.1 0c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64L8.1 320C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6l176.6 0c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352l116.7 0zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6l116.7 0z</StreamGeometry>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiEye.axaml b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiEye.axaml
new file mode 100644
index 00000000..90d455b5
--- /dev/null
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiEye.axaml
@@ -0,0 +1,1172 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:util="clr-namespace:WheelWizard.Styles.Util">
+
+    <!-- Generated by svg_to_avalonia.py from folder: MiiEye -->
+    <!-- Color mappings were defined interactively during script execution. -->
+
+    <!-- Color 1 = Eye white -->
+    <!-- Color 2 = Eye Border -->
+    <!-- Color 3 = Eye Iris -->
+
+    <Design.PreviewWith>
+        <Border Padding="20" Background="{StaticResource Neutral400}">
+            <UniformGrid Columns="5">
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye00}" IconName="MiiEye00"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye01}" IconName="MiiEye01"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye02}" IconName="MiiEye02"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye03}" IconName="MiiEye03"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye04}" IconName="MiiEye04"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye05}" IconName="MiiEye05"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye06}" IconName="MiiEye06"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye07}" IconName="MiiEye07"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye08}" IconName="MiiEye08"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye09}" IconName="MiiEye09"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye10}" IconName="MiiEye10"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye11}" IconName="MiiEye11"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye12}" IconName="MiiEye12"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye13}" IconName="MiiEye13"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye14}" IconName="MiiEye14"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye15}" IconName="MiiEye15"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye16}" IconName="MiiEye16"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye17}" IconName="MiiEye17"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye18}" IconName="MiiEye18"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye19}" IconName="MiiEye19"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye20}" IconName="MiiEye20"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye21}" IconName="MiiEye21"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye22}" IconName="MiiEye22"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye23}" IconName="MiiEye23"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye24}" IconName="MiiEye24"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye25}" IconName="MiiEye25"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye26}" IconName="MiiEye26"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye27}" IconName="MiiEye27"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye28}" IconName="MiiEye28"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye29}" IconName="MiiEye29"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye30}" IconName="MiiEye30"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye31}" IconName="MiiEye31"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye32}" IconName="MiiEye32"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye33}" IconName="MiiEye33"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye34}" IconName="MiiEye34"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye35}" IconName="MiiEye35"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye36}" IconName="MiiEye36"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye37}" IconName="MiiEye37"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye38}" IconName="MiiEye38"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye39}" IconName="MiiEye39"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye40}" IconName="MiiEye40"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye41}" IconName="MiiEye41"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye42}" IconName="MiiEye42"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye43}" IconName="MiiEye43"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye44}" IconName="MiiEye44"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye45}" IconName="MiiEye45"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye46}" IconName="MiiEye46"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEye47}" IconName="MiiEye47"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral950}"
+                                                 Color3="{StaticResource Primary700}" />
+            </UniformGrid>
+        </Border>
+    </Design.PreviewWith>
+
+
+    <DrawingImage x:Key="MiiEye00">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M10.5199 24.3802C14.9999 17.0002 24.9299 14.6402 31.4999 20.4502C37.0599 25.3802 35.9099 34.8902 35.9099 34.8902C31.0753 35.3116 26.2223 35.4852 21.3699 35.4102C15.4799 35.2702 7.06995 34.8602 7.06995 34.8602C7.44359 31.1574 8.621 27.5808 10.5199 24.3802Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13 27.0002C12.998 28.6901 13.4975 30.3426 14.4351 31.7486C15.3727 33.1545 16.7064 34.2506 18.2673 34.8982C19.8282 35.5458 21.5461 35.7158 23.2036 35.3866C24.8611 35.0574 26.3837 34.2439 27.5787 33.0489C28.7736 31.854 29.5872 30.3314 29.9164 28.6738C30.2456 27.0163 30.0756 25.2984 29.428 23.7375C28.7804 22.1766 27.6843 20.8429 26.2783 19.9053C24.8724 18.9677 23.2199 18.4682 21.53 18.4702C19.2677 18.4702 17.0981 19.3689 15.4984 20.9686C13.8987 22.5683 13 24.7379 13 27.0002Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M17.21 27C17.21 27.8445 17.4604 28.6701 17.9296 29.3723C18.3988 30.0745 19.0657 30.6218 19.8459 30.9449C20.6261 31.2681 21.4847 31.3527 22.313 31.1879C23.1413 31.0232 23.9021 30.6165 24.4993 30.0193C25.0965 29.4222 25.5032 28.6613 25.6679 27.833C25.8327 27.0047 25.7481 26.1462 25.4249 25.3659C25.1017 24.5857 24.5544 23.9188 23.8522 23.4496C23.15 22.9804 22.3245 22.73 21.48 22.73C20.3475 22.73 19.2614 23.1799 18.4606 23.9806C17.6598 24.7814 17.21 25.8675 17.21 27Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M10.5199 24.3802C14.9999 17.0002 24.9299 14.6402 31.4999 20.4502C37.0599 25.3802 35.9099 34.8902 35.9099 34.8902C35.9099 34.8902 28.4099 35.4602 21.3699 35.4102C15.2299 35.4102 7.06995 34.8602 7.06995 34.8602C7.44359 31.1574 8.621 27.5808 10.5199 24.3802Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M44 18.2302L35.6 23.9002L34.03 21.3002L42.95 16.4902L44 18.2302Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye01">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M10.66 26.2C10.654 27.6312 11.073 29.032 11.8638 30.2249C12.6547 31.4178 13.7817 32.3492 15.1023 32.901C16.4229 33.4528 17.8775 33.6003 19.282 33.3247C20.6865 33.0491 21.9775 32.3629 22.9917 31.353C24.0058 30.3431 24.6974 29.0549 24.9788 27.6516C25.2602 26.2483 25.1188 24.793 24.5724 23.4702C24.0261 22.1473 23.0995 21.0164 21.9098 20.2206C20.7202 19.4248 19.3212 19 17.89 19C15.9776 19 14.1432 19.7576 12.7882 21.107C11.4331 22.4564 10.6679 24.2877 10.66 26.2Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M14.27 26.1998C14.2681 26.9162 14.4787 27.6171 14.8752 28.2137C15.2718 28.8103 15.8365 29.2759 16.4978 29.5514C17.1591 29.8269 17.8872 29.9 18.5901 29.7615C19.293 29.623 19.9389 29.279 20.4462 28.7731C20.9535 28.2672 21.2992 27.6222 21.4397 26.9198C21.5802 26.2173 21.5091 25.4889 21.2354 24.8268C20.9617 24.1648 20.4978 23.5988 19.9022 23.2006C19.3067 22.8024 18.6064 22.5898 17.89 22.5898C16.9317 22.5898 16.0124 22.9699 15.3338 23.6466C14.6552 24.3233 14.2727 25.2415 14.27 26.1998Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M10.66 26.2001C10.6606 26.6702 10.7075 27.1392 10.8 27.6001C11.4654 26.2982 12.4825 25.209 13.7357 24.456C14.9889 23.703 16.4282 23.3164 17.89 23.3401C19.3553 23.3126 20.7987 23.6974 22.0559 24.4506C23.313 25.2038 24.3331 26.2951 25 27.6001C25.2059 26.5525 25.1765 25.4722 24.914 24.4373C24.6515 23.4024 24.1624 22.4388 23.4821 21.6159C22.8019 20.7931 21.9473 20.1316 20.9802 19.6792C20.0132 19.2268 18.9577 18.9949 17.89 19.0001C15.9777 19.0001 14.1433 19.7577 12.7882 21.1071C11.4332 22.4565 10.668 24.2878 10.66 26.2001Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M29.2399 20.7602L24.8099 24.1502L22.9399 21.0602L27.9999 18.7002L29.2399 20.7602Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye02">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M14.51 28.6201C14.4806 30.886 15.352 33.0709 16.9327 34.6947C18.5134 36.3186 20.6741 37.2484 22.94 37.2801C24.0615 37.2644 25.169 37.028 26.1991 36.5843C27.2293 36.1406 28.1619 35.4983 28.9438 34.6941C29.7257 33.89 30.3415 32.9396 30.7561 31.8974C31.1707 30.8552 31.3759 29.7416 31.36 28.6201C31.36 23.8401 27.59 21.3101 22.94 21.3101C18.29 21.3101 14.51 23.8401 14.51 28.6201Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M16.16 27.8598C16.1581 29.2012 16.554 30.5131 17.2978 31.6293C18.0416 32.7456 19.0998 33.6162 20.3385 34.1309C21.5772 34.6456 22.9408 34.7813 24.2566 34.5208C25.5725 34.2603 26.7815 33.6154 27.7307 32.6676C28.6799 31.7198 29.3266 30.5117 29.589 29.1962C29.8514 27.8808 29.7178 26.517 29.2049 25.2776C28.692 24.0381 27.823 22.9786 26.7078 22.2332C25.5927 21.4877 24.2814 21.0898 22.94 21.0898C21.1436 21.0898 19.4206 21.8028 18.1494 23.0721C16.8782 24.3415 16.1627 26.0634 16.16 27.8598Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M19.5499 27.86C19.548 28.5309 19.7451 29.1873 20.1164 29.7461C20.4877 30.3049 21.0164 30.7409 21.6357 30.9991C22.255 31.2572 22.9369 31.3257 23.5951 31.1961C24.2534 31.0664 24.8584 30.7443 25.3335 30.2706C25.8086 29.7969 26.1324 29.1929 26.2641 28.535C26.3957 27.8772 26.3291 27.195 26.0728 26.575C25.8166 25.955 25.3821 25.4249 24.8244 25.052C24.2667 24.6791 23.6108 24.48 22.9399 24.48C22.0426 24.48 21.1818 24.8358 20.5464 25.4694C19.9109 26.1029 19.5526 26.9626 19.5499 27.86Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M9 27.8798C10.66 24.1398 15.77 19.7998 23 19.7998C30.23 19.7998 35.29 24.1398 37 27.8798">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye03">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M34 26C34 23.6266 33.2962 21.3066 31.9776 19.3332C30.6591 17.3598 28.7849 15.8217 26.5922 14.9135C24.3995 14.0052 21.9867 13.7676 19.6589 14.2306C17.3312 14.6936 15.193 15.8365 13.5147 17.5147C11.8365 19.193 10.6936 21.3312 10.2306 23.6589C9.76756 25.9867 10.0052 28.3995 10.9135 30.5922C11.8217 32.7849 13.3598 34.6591 15.3332 35.9776C17.3066 37.2962 19.6266 38 22 38C25.1826 38 28.2348 36.7357 30.4853 34.4853C32.7357 32.2349 34 29.1826 34 26Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M28.55 26.0002C28.55 27.3005 28.1642 28.5715 27.4414 29.6524C26.7186 30.7332 25.6913 31.5753 24.4896 32.072C23.288 32.5687 21.9659 32.6976 20.6909 32.4425C19.4159 32.1873 18.2453 31.5596 17.3273 30.6388C16.4092 29.7179 15.7851 28.5454 15.5338 27.2696C15.2826 25.9939 15.4156 24.6722 15.9159 23.4721C16.4162 22.2719 17.2614 21.2472 18.3445 20.5277C19.4276 19.8082 20.6998 19.4262 22 19.4302C23.739 19.4355 25.405 20.13 26.6328 21.3616C27.8606 22.5931 28.55 24.2612 28.55 26.0002Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M25.2699 26C25.2699 26.6516 25.0765 27.2884 24.7141 27.8299C24.3517 28.3714 23.8366 28.793 23.2343 29.0415C22.632 29.2899 21.9694 29.3538 21.3307 29.2253C20.692 29.0967 20.1058 28.7814 19.6465 28.3192C19.1872 27.8571 18.8754 27.269 18.7507 26.6295C18.6261 25.99 18.6941 25.3279 18.9462 24.7271C19.1982 24.1263 19.623 23.6138 20.1667 23.2547C20.7104 22.8956 21.3484 22.7061 21.9999 22.71C22.4307 22.7113 22.8569 22.7975 23.2544 22.9635C23.6518 23.1296 24.0127 23.3723 24.3163 23.6778C24.62 23.9833 24.8605 24.3456 25.0241 24.7441C25.1877 25.1425 25.2713 25.5693 25.2699 26Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M33.9301 26.0001C33.9202 23.6379 33.2104 21.3316 31.8904 19.3726C30.5705 17.4136 28.6995 15.8898 26.5139 14.9936C24.3284 14.0973 21.9262 13.869 19.6109 14.3373C17.2956 14.8057 15.171 15.9497 13.5055 17.6249C11.8401 19.3001 10.7085 21.4314 10.2537 23.7494C9.79893 26.0674 10.0413 28.4682 10.9503 30.6485C11.8593 32.8288 13.3941 34.6908 15.3608 35.9993C17.3275 37.3078 19.6379 38.004 22.0001 38.0001C23.5719 37.9975 25.1278 37.6848 26.5785 37.0799C28.0293 36.4751 29.3466 35.59 30.4548 34.4753C31.563 33.3606 32.4404 32.0382 33.0367 30.5839C33.6331 29.1296 33.9366 27.5719 33.9301 26.0001Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye04">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M10.53 29.9C10.5281 27.9431 11.1067 26.0296 12.1926 24.4016C13.2786 22.7737 14.8231 21.5045 16.6307 20.7547C18.4382 20.005 20.4276 19.8083 22.347 20.1896C24.2664 20.5708 26.0296 21.513 27.4133 22.8967C28.7971 24.2805 29.7392 26.0436 30.1205 27.963C30.5018 29.8824 30.3051 31.8718 29.5553 33.6794C28.8055 35.4869 27.5363 37.0314 25.9084 38.1174C24.2805 39.2034 22.3669 39.782 20.41 39.78C17.7897 39.78 15.2767 38.7391 13.4238 36.8862C11.571 35.0334 10.53 32.5203 10.53 29.9Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11.47 29.5701C11.47 31.2948 11.9814 32.9807 12.9396 34.4147C13.8977 35.8487 15.2596 36.9663 16.853 37.6263C18.4463 38.2863 20.1996 38.459 21.8912 38.1225C23.5827 37.7861 25.1364 36.9556 26.3559 35.7361C27.5755 34.5166 28.406 32.9628 28.7424 31.2713C29.0789 29.5798 28.9062 27.8265 28.2462 26.2331C27.5862 24.6397 26.4685 23.2778 25.0345 22.3197C23.6005 21.3615 21.9146 20.8501 20.19 20.8501C17.8773 20.8501 15.6593 21.7688 14.024 23.4041C12.3887 25.0394 11.47 27.2574 11.47 29.5701Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15.83 29.57C15.83 30.4323 16.0857 31.2753 16.5647 31.9922C17.0438 32.7092 17.7248 33.2681 18.5215 33.5981C19.3181 33.9281 20.1948 34.0144 21.0406 33.8462C21.8863 33.678 22.6632 33.2627 23.2729 32.6529C23.8827 32.0432 24.2979 31.2663 24.4662 30.4206C24.6344 29.5748 24.5481 28.6981 24.2181 27.9015C23.8881 27.1048 23.3292 26.4238 22.6122 25.9448C21.8952 25.4657 21.0523 25.21 20.19 25.21C19.0336 25.21 17.9246 25.6693 17.107 26.487C16.2893 27.3046 15.83 28.4136 15.83 29.57Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M7.22998 30.1299C8.40998 23.0499 14 17.6899 20.62 17.6899C27.24 17.6899 32.84 23.0499 34 30.1299">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M42.49 23.8001L35.95 26.7301L32.83 27.8701L31.76 24.9201L34.88 23.7901L41.77 21.8301L42.49 23.8001Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye05">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11.85 30.0498C11.852 31.1886 12.1915 32.3012 12.8256 33.2471C13.4597 34.1931 14.36 34.9298 15.4126 35.3642C16.4653 35.7986 17.6232 35.9113 18.7398 35.6879C19.8565 35.4645 20.8819 34.9151 21.6864 34.1092C22.491 33.3032 23.0386 32.2769 23.26 31.1598C23.4815 30.0428 23.3668 28.8851 22.9306 27.8332C22.4943 26.7813 21.756 25.8823 20.809 25.2498C19.862 24.6174 18.7488 24.2798 17.61 24.2798C16.8527 24.2798 16.1029 24.4291 15.4034 24.7192C14.7039 25.0093 14.0685 25.4345 13.5335 25.9704C12.9985 26.5063 12.5744 27.1425 12.2856 27.8425C11.9967 28.5424 11.8487 29.2925 11.85 30.0498Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M14.73 30.0499C14.73 30.6195 14.8989 31.1763 15.2153 31.65C15.5318 32.1236 15.9816 32.4927 16.5079 32.7107C17.0341 32.9287 17.6132 32.9857 18.1718 32.8746C18.7305 32.7635 19.2437 32.4892 19.6464 32.0864C20.0492 31.6836 20.3235 31.1704 20.4346 30.6118C20.5458 30.0531 20.4887 29.474 20.2708 28.9478C20.0528 28.4215 19.6836 27.9717 19.21 27.6553C18.7364 27.3388 18.1796 27.1699 17.61 27.1699C16.8462 27.1699 16.1136 27.4733 15.5735 28.0135C15.0334 28.5536 14.73 29.2861 14.73 30.0499Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M33.65 15.5698C24.08 17.5798 15.8 21.9998 10 27.9998">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye06">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M9 25.6698C9 25.6698 12.34 21.2198 20.76 18.7798C26.4689 17.2376 32.5091 17.4431 38.1 19.3698C38.1 19.3698 35.12 31.9998 28.62 33.6998C22.43 35.3698 10 32.1998 10 32.1998">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M14.82 25.0002C14.818 26.2325 15.1821 27.4376 15.8662 28.4627C16.5502 29.4877 17.5233 30.2864 18.6621 30.7576C19.8008 31.2287 21.0538 31.3509 22.2621 31.1088C23.4704 30.8667 24.5795 30.2711 25.4488 29.3976C26.3181 28.5241 26.9083 27.4121 27.1445 26.2026C27.3808 24.9931 27.2525 23.7408 26.7759 22.6043C26.2993 21.4679 25.4958 20.4987 24.4675 19.8196C23.4391 19.1405 22.2323 18.7822 21 18.7902C19.359 18.8007 17.7887 19.4593 16.6311 20.6225C15.4736 21.7857 14.8226 23.3592 14.82 25.0002Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M17.9299 25.0002C17.928 25.6174 18.1098 26.2212 18.4521 26.7348C18.7944 27.2484 19.2818 27.6485 19.8523 27.8842C20.4227 28.1199 21.0504 28.1805 21.6554 28.0584C22.2604 27.9362 22.8154 27.6368 23.2497 27.1983C23.684 26.7597 23.978 26.2019 24.0943 25.5957C24.2105 24.9895 24.1438 24.3625 23.9025 23.7943C23.6613 23.2262 23.2565 22.7427 22.7396 22.4054C22.2227 22.0681 21.6171 21.8922 20.9999 21.9002C20.1838 21.9107 19.4045 22.2416 18.8302 22.8215C18.2558 23.4015 17.9325 24.184 17.9299 25.0002Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M7.92004 25.77C7.92004 25.77 12.29 21.22 20.71 18.77C26.4189 17.2278 32.4592 17.4333 38.05 19.36C38.05 19.36 35.12 32 28.62 33.7C22.43 35.37 9.48004 32.76 9.48004 32.76">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye07">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M24.32 14.29C32.32 14.29 38.77 18.92 38.77 26C38.77 33.08 32.3 37.7 24.32 37.7C16.34 37.7 9.87 33.08 9.87 26C9.87 18.92 16.34 14.29 24.32 14.29Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M16.8099 25.76C16.8099 27.2536 17.253 28.7138 18.083 29.9556C18.9131 31.1974 20.0928 32.1651 21.473 32.7362C22.8532 33.3074 24.3717 33.4563 25.8366 33.1642C27.3014 32.872 28.6466 32.152 29.7021 31.0951C30.7576 30.0382 31.4759 28.692 31.7661 27.2268C32.0563 25.7615 31.9053 24.2432 31.3324 22.8638C30.7594 21.4844 29.7901 20.3059 28.5472 19.4775C27.3043 18.6491 25.8436 18.208 24.3499 18.21C23.3589 18.21 22.3776 18.4053 21.4622 18.7849C20.5468 19.1644 19.7151 19.7207 19.0148 20.4219C18.3145 21.1231 17.7594 21.9555 17.381 22.8715C17.0027 23.7874 16.8086 24.769 16.8099 25.76Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M20.58 25.76C20.576 26.5089 20.7946 27.2421 21.208 27.8665C21.6214 28.491 22.2109 28.9786 22.9019 29.2675C23.5928 29.5563 24.354 29.6335 25.0888 29.4891C25.8236 29.3447 26.499 28.9853 27.0293 28.4564C27.5595 27.9276 27.9207 27.2531 28.0671 26.5187C28.2134 25.7842 28.1383 25.0229 27.8513 24.3312C27.5642 23.6395 27.0782 23.0486 26.4548 22.6336C25.8315 22.2186 25.0989 21.998 24.35 22C23.3519 22 22.3945 22.3958 21.6877 23.1007C20.981 23.8055 20.5827 24.7619 20.58 25.76Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M24.32 14.29C32.32 14.29 38.77 18.92 38.77 26C38.77 33.08 32.3 37.7 24.32 37.7C16.34 37.7 9.87 33.08 9.87 26C9.87 18.92 16.34 14.29 24.32 14.29Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M9.86997 27.1898C9.86997 20.1098 16.34 18.2898 24.32 18.2898C32.3 18.2898 38.77 20.1098 38.77 27.1898C38.77 27.1898 38.84 14.8198 24.24 14.8198C9.63997 14.8198 9.86997 27.1898 9.86997 27.1898Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye08">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M12.57 18.3098C10.7826 21.6824 10.0641 25.5191 10.51 29.3098C11.18 34.9698 12.29 36.8798 12.29 36.8798H32.18C32.18 36.8798 37.57 25.5698 30.06 19.3498C21.82 12.5498 12.57 18.3098 12.57 18.3098Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M10.4301 26.8799C10.4301 28.6599 10.9579 30.4 11.9468 31.88C12.9358 33.3601 14.3414 34.5136 15.9859 35.1948C17.6304 35.876 19.44 36.0542 21.1859 35.707C22.9317 35.3597 24.5353 34.5025 25.794 33.2438C27.0527 31.9852 27.9099 30.3815 28.2571 28.6357C28.6044 26.8899 28.4262 25.0803 27.745 23.4357C27.0638 21.7912 25.9102 20.3856 24.4302 19.3967C22.9501 18.4077 21.2101 17.8799 19.4301 17.8799C17.0431 17.8799 14.7539 18.8281 13.0661 20.5159C11.3783 22.2037 10.4301 24.4929 10.4301 26.8799Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15 26.8699C14.998 27.7603 15.2603 28.6313 15.7535 29.3727C16.2468 30.114 16.9489 30.6923 17.771 31.0345C18.5931 31.3766 19.4982 31.4671 20.3718 31.2946C21.2453 31.1221 22.0481 30.6943 22.6784 30.0654C23.3088 29.4365 23.7384 28.6347 23.9128 27.7615C24.0872 26.8883 23.9987 25.983 23.6584 25.1601C23.3181 24.3373 22.7413 23.6339 22.0011 23.139C21.2609 22.6441 20.3905 22.3799 19.5 22.3799C18.3083 22.3799 17.1652 22.8526 16.3216 23.6944C15.4779 24.5361 15.0027 25.6781 15 26.8699Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M33.65 37.3902C33.65 37.3902 36.76 26.4802 29.25 20.2602C21.01 13.4402 10.66 19.0602 10.66 19.0602">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye09">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M15.27 30.0501C15.2857 31.1016 15.5084 32.1396 15.9256 33.1049C16.3428 34.0702 16.9462 34.9438 17.7013 35.6757C18.4564 36.4075 19.3484 36.9834 20.3262 37.3702C21.3041 37.757 22.3486 37.9473 23.4 37.9301C24.4515 37.9473 25.496 37.757 26.4738 37.3702C27.4517 36.9834 28.3436 36.4075 29.0987 35.6757C29.8538 34.9438 30.4572 34.0702 30.8744 33.1049C31.2916 32.1396 31.5144 31.1016 31.53 30.0501C31.53 25.6901 27.86 23.1001 23.37 23.1001C18.88 23.1001 15.27 25.6901 15.27 30.0501Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M16.09 29.3701C16.09 30.8158 16.5187 32.2292 17.3219 33.4313C18.1252 34.6334 19.2668 35.5703 20.6026 36.1236C21.9383 36.6769 23.4081 36.8217 24.8261 36.5396C26.2441 36.2575 27.5466 35.5613 28.5689 34.539C29.5912 33.5167 30.2874 32.2142 30.5695 30.7962C30.8516 29.3782 30.7068 27.9084 30.1535 26.5726C29.6002 25.2369 28.6633 24.0953 27.4612 23.292C26.2591 22.4888 24.8457 22.0601 23.4 22.0601C21.4612 22.0601 19.6019 22.8302 18.231 24.2011C16.8601 25.572 16.09 27.4313 16.09 29.3701Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M19.75 29.3702C19.748 30.095 19.9613 30.804 20.3627 31.4074C20.7641 32.0108 21.3356 32.4814 22.0048 32.7597C22.674 33.038 23.4107 33.1113 24.1216 32.9704C24.8325 32.8295 25.4855 32.4807 25.998 31.9682C26.5105 31.4558 26.8593 30.8027 27.0002 30.0918C27.1411 29.3809 27.0677 28.6442 26.7895 27.975C26.5112 27.3058 26.0406 26.7343 25.4372 26.3329C24.8337 25.9315 24.1247 25.7183 23.4 25.7202C22.432 25.7202 21.5036 26.1048 20.8191 26.7893C20.1346 27.4738 19.75 28.4022 19.75 29.3702Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M8.79004 27.7999C13.2242 25.2181 18.2691 23.8714 23.4 23.8999C28.5277 23.8722 33.5692 25.2189 38 27.7999">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M23.4 22.73C16.74 22.73 7.92004 26.36 7.92004 26.36C8.88004 21.91 14.33 17 23.4 17C32.47 17 37.92 21.92 38.88 26.37C38.88 26.36 30.07 22.73 23.4 22.73Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye10">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M9.05005 27.6899C9.05005 30.0633 9.75384 32.3834 11.0724 34.3568C12.391 36.3302 14.2651 37.8682 16.4578 38.7765C18.6506 39.6847 21.0634 39.9224 23.3911 39.4594C25.7189 38.9963 27.8571 37.8535 29.5353 36.1752C31.2136 34.497 32.3565 32.3588 32.8195 30.031C33.2825 27.7033 33.0449 25.2905 32.1366 23.0977C31.2284 20.905 29.6903 19.0309 27.7169 17.7123C25.7435 16.3937 23.4234 15.6899 21.05 15.6899C17.8674 15.6899 14.8152 16.9542 12.5648 19.2047C10.3143 21.4551 9.05005 24.5073 9.05005 27.6899Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15.0699 27.6899C15.0699 28.8766 15.4218 30.0367 16.0811 31.0234C16.7404 32.0101 17.6775 32.7791 18.7738 33.2332C19.8702 33.6873 21.0766 33.8062 22.2405 33.5747C23.4044 33.3431 24.4735 32.7717 25.3126 31.9326C26.1517 31.0935 26.7231 30.0244 26.9547 28.8605C27.1862 27.6966 27.0673 26.4902 26.6132 25.3938C26.1591 24.2975 25.3901 23.3604 24.4034 22.7011C23.4167 22.0418 22.2566 21.6899 21.0699 21.6899C19.4786 21.6899 17.9525 22.3221 16.8273 23.4473C15.7021 24.5725 15.0699 26.0986 15.0699 27.6899Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M24.37 19.3701L26.05 22.7301L29.41 24.4101L26.05 26.1001L24.37 29.4601L22.69 26.1001L19.33 24.4101L22.69 22.7301L24.37 19.3701ZM16.81 27.9401L18.15 30.6301L20.84 31.9801L18.15 33.3201L16.81 36.0101L15.46 33.3201L12.77 31.9801L15.46 30.6301L16.81 27.9401Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M34.78 28.24C34.6836 24.6745 33.1996 21.2875 30.6436 18.7997C28.0877 16.3119 24.6618 14.9199 21.095 14.9199C17.5283 14.9199 14.1024 16.3119 11.5464 18.7997C8.99052 21.2875 7.50642 24.6745 7.41003 28.24">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M41.32 26.4802L34.94 27.0002V23.7402L41.32 24.2902V26.4802ZM40.17 19.7002L34.5 22.7002L33.2201 19.7002L39.32 17.7002L40.17 19.7002ZM36.4701 13.8902L32.41 18.8902L30.05 16.6002L34.9001 12.4102L36.4701 13.8902Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye11">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11 29.0999C10.998 30.4274 11.3899 31.7257 12.126 32.8305C12.8621 33.9353 13.9093 34.7969 15.1353 35.3063C16.3612 35.8157 17.7107 35.95 19.0129 35.6922C20.3152 35.4344 21.5117 34.7961 22.4511 33.8581C23.3906 32.9201 24.0306 31.7245 24.2903 30.4226C24.5501 29.1208 24.4178 27.7711 23.9102 26.5444C23.4026 25.3177 22.5426 24.2692 21.4389 23.5314C20.3353 22.7937 19.0375 22.3999 17.71 22.3999C16.8293 22.3986 15.957 22.5709 15.143 22.907C14.3289 23.2432 13.5891 23.7365 12.9659 24.3588C12.3427 24.981 11.8483 25.7201 11.511 26.5336C11.1736 27.3472 11 28.2192 11 29.0999Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11.72 29.1001C11.72 30.2868 12.0719 31.4468 12.7312 32.4335C13.3904 33.4202 14.3275 34.1892 15.4239 34.6434C16.5202 35.0975 17.7266 35.2163 18.8905 34.9848C20.0544 34.7533 21.1235 34.1819 21.9626 33.3427C22.8017 32.5036 23.3732 31.4345 23.6047 30.2706C23.8362 29.1068 23.7174 27.9004 23.2632 26.804C22.8091 25.7076 22.0401 24.7706 21.0534 24.1113C20.0667 23.452 18.9067 23.1001 17.72 23.1001C16.1287 23.1001 14.6025 23.7322 13.4773 24.8575C12.3521 25.9827 11.72 27.5088 11.72 29.1001Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M14.73 29.1001C14.73 29.6934 14.9059 30.2735 15.2356 30.7668C15.5652 31.2602 16.0338 31.6447 16.5819 31.8717C17.1301 32.0988 17.7333 32.1582 18.3153 32.0425C18.8972 31.9267 19.4317 31.641 19.8513 31.2214C20.2709 30.8019 20.5566 30.2673 20.6723 29.6854C20.7881 29.1034 20.7287 28.5002 20.5016 27.952C20.2746 27.4039 19.89 26.9353 19.3967 26.6057C18.9033 26.276 18.3233 26.1001 17.73 26.1001C16.9343 26.1001 16.1713 26.4162 15.6087 26.9788C15.0461 27.5414 14.73 28.3044 14.73 29.1001Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M27.7399 36.1399C29.3307 33.9988 30.1581 31.3864 30.0899 28.7199C30.0899 22.2499 25.2999 17.7799 18.4599 17.7799C15.4345 17.7662 12.5029 18.8297 10.1899 20.7799">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye12">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.8099 27.4498C13.808 28.8795 14.2305 30.2776 15.024 31.4668C15.8175 32.6561 16.9461 33.5831 18.267 34.1302C19.5879 34.6773 21.0414 34.8199 22.4434 34.54C23.8454 34.2601 25.1328 33.5703 26.1423 32.558C27.1519 31.5456 27.8381 30.2564 28.1141 28.8536C28.3901 27.4508 28.2434 25.9976 27.6927 24.6783C27.1419 23.359 26.2118 22.2328 25.0203 21.4427C23.8289 20.6525 22.4296 20.2339 20.9999 20.2398C19.092 20.2477 17.2648 21.0105 15.9175 22.3615C14.5703 23.7125 13.8126 25.5419 13.8099 27.4498Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M17.4201 27.4502C17.4181 28.1659 17.6289 28.866 18.0257 29.4616C18.4225 30.0572 18.9874 30.5215 19.6486 30.7953C20.3099 31.0692 21.0376 31.1403 21.7393 30.9997C22.441 30.8591 23.0851 30.5131 23.5898 30.0056C24.0945 29.4982 24.4369 28.8521 24.5736 28.1496C24.7103 27.4471 24.6351 26.7198 24.3575 26.0601C24.08 25.4005 23.6126 24.8382 23.0148 24.4447C22.417 24.0512 21.7157 23.8443 21.0001 23.8502C20.0487 23.8555 19.1382 24.2371 18.4674 24.9117C17.7966 25.5862 17.42 26.4989 17.4201 27.4502Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M36.41 32.1402C36.41 32.1402 38.87 22.8502 30.8 18.5102C22.73 14.1702 13.8 18.3702 8 31.6502">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye13">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M18.72 21.0601C15.3539 21.1004 12.1196 22.3742 9.63 24.6401V27.3601C12.1196 29.6259 15.3539 30.8997 18.72 30.9401C22.0826 30.8972 25.313 29.6236 27.8 27.3601V24.6401C25.313 22.3765 22.0826 21.1029 18.72 21.0601Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye14">
+        <DrawingGroup>
+            <GeometryDrawing
+                Geometry="M40.76 27.0898L33.46 26.7598M38.1 35.7698L31.51 32.6098">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.19" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M8.06003 26.7699C7.87156 27.069 7.77426 27.4164 7.78003 27.7699C7.7818 28.0747 7.86094 28.374 8.01003 28.6399C8.72003 29.8799 10.01 29.6899 12.68 29.2599C15.5938 28.7315 18.5488 28.4638 21.51 28.4599C23.9298 28.4435 26.3462 28.6443 28.73 29.0599L29.64 26.8299C27.2053 26.0532 24.6883 25.5632 22.14 25.3699C16.46 24.8999 9.28003 24.8399 8.06003 26.7699Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye15">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M22.44 18.0801C30.36 18.0801 35.64 20.7201 35.64 26.0001C35.64 31.2801 30.36 33.9201 22.44 33.9201C14.52 33.9201 9.22998 31.2801 9.22998 26.0001C9.22998 20.7201 14.51 18.0801 22.44 18.0801Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M15.6799 26C15.678 27.3374 16.0727 28.6454 16.8143 29.7584C17.5559 30.8714 18.611 31.7394 19.8461 32.2526C21.0811 32.7657 22.4406 32.901 23.7526 32.6413C25.0646 32.3816 26.27 31.7386 27.2164 30.7936C28.1628 29.8486 28.8077 28.6441 29.0693 27.3325C29.331 26.0209 29.1977 24.6612 28.6863 23.4254C28.175 22.1896 27.3085 21.1332 26.1966 20.39C25.0847 19.6467 23.7774 19.25 22.4399 19.25C20.6488 19.25 18.9309 19.9608 17.6634 21.2264C16.396 22.492 15.6826 24.2089 15.6799 26Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M19.0601 26.0001C19.0601 26.6686 19.2583 27.3221 19.6297 27.8779C20.0011 28.4338 20.529 28.867 21.1466 29.1228C21.7642 29.3787 22.4438 29.4456 23.0995 29.3152C23.7551 29.1848 24.3574 28.8628 24.8301 28.3901C25.3028 27.9174 25.6247 27.3152 25.7551 26.6595C25.8855 26.0039 25.8186 25.3243 25.5628 24.7066C25.3069 24.089 24.8737 23.5611 24.3179 23.1897C23.762 22.8183 23.1086 22.6201 22.4401 22.6201C21.5436 22.6201 20.6839 22.9762 20.05 23.6101C19.4162 24.244 19.0601 25.1037 19.0601 26.0001Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M22.44 18.0801C30.36 18.0801 35.64 20.7201 35.64 26.0001C35.64 31.2801 30.36 33.9201 22.44 33.9201C14.52 33.9201 9.22998 31.2801 9.22998 26.0001C9.22998 20.7201 14.51 18.0801 22.44 18.0801Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye16">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M10.12 27.9098C10.118 29.2156 10.5034 30.4926 11.2274 31.5793C11.9515 32.666 12.9815 33.5135 14.1874 34.0146C15.3932 34.5156 16.7205 34.6478 18.0015 34.3942C19.2824 34.1407 20.4593 33.5129 21.3834 32.5903C22.3074 31.6676 22.937 30.4917 23.1924 29.2111C23.4479 27.9306 23.3178 26.603 22.8186 25.3964C22.3193 24.1899 21.4734 23.1585 20.3878 22.4328C19.3022 21.7072 18.0258 21.3198 16.72 21.3198C14.9713 21.3198 13.2941 22.0138 12.0566 23.2494C10.8192 24.485 10.1227 26.1611 10.12 27.9098Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M13.42 27.9099C13.42 28.5625 13.6136 29.2006 13.9762 29.7432C14.3388 30.2859 14.8542 30.7089 15.4572 30.9587C16.0602 31.2084 16.7237 31.2738 17.3638 31.1465C18.004 31.0191 18.592 30.7048 19.0535 30.2433C19.515 29.7818 19.8293 29.1938 19.9566 28.5537C20.084 27.9135 20.0186 27.25 19.7688 26.647C19.5191 26.044 19.0961 25.5286 18.5534 25.166C18.0107 24.8034 17.3727 24.6099 16.72 24.6099C15.8448 24.6099 15.0055 24.9575 14.3866 25.5764C13.7677 26.1953 13.42 27.0346 13.42 27.9099Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M35.34 26.0699L8.88 17.6099">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.61" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye17">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M9.96997 29.4198L36.24 29.6098L34.52 26.9498L12.62 25.3198L9.96997 29.4198Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M12.43 23.22C12.43 23.22 13.24 16.92 17.27 17.38L31.32 18.84C35.32 19.3 35.51 25.84 35.51 25.84C35.51 25.84 37.61 34.69 21.51 34.01C6.39999 33.38 12.43 23.22 12.43 23.22Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M15.3999 20.1001L23.2799 20.5901L30.9999 21.1001C31.2337 21.4953 31.3835 21.9344 31.4399 22.3901V23.0501C31.2607 25.1811 30.2876 27.1671 28.7133 28.6146C27.139 30.062 25.0785 30.8653 22.9399 30.8653C20.8014 30.8653 18.7408 30.062 17.1666 28.6146C15.5923 27.1671 14.6191 25.1811 14.4399 23.0501V22.0001C14.594 21.2957 14.9243 20.642 15.3999 20.1001Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M18.6899 23.05C18.69 23.8928 18.9394 24.7167 19.4069 25.418C19.8743 26.1194 20.5389 26.6666 21.3168 26.991C22.0947 27.3153 22.9512 27.4022 23.7784 27.2406C24.6056 27.0791 25.3664 26.6763 25.9652 26.0832C26.5639 25.49 26.9737 24.7329 27.143 23.9073C27.3122 23.0816 27.2333 22.2243 26.9163 21.4434C26.5992 20.6625 26.0581 19.9929 25.3612 19.519C24.6643 19.045 23.8427 18.7879 22.9999 18.78C22.4358 18.7747 21.8763 18.8812 21.3536 19.0935C20.8309 19.3057 20.3555 19.6194 19.9547 20.0164C19.554 20.4134 19.2358 20.8859 19.0188 21.4066C18.8017 21.9273 18.6899 22.4858 18.6899 23.05Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M37.05 28.7299C37.32 23.7299 34.21 20.4699 30.55 20.2299L16.13 19.2999C12.47 19.0599 9.65 21.9799 9.38 26.9399">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="4.38" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M36.0001 30.8101C32.2462 33.3464 27.8102 34.6821 23.2801 34.6401C18.7499 34.6821 14.3139 33.3464 10.5601 30.8101">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye18">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M12.7499 26.0001C12.7539 27.4283 13.1808 28.8234 13.9767 30.0093C14.7727 31.1952 15.9021 32.1188 17.2224 32.6635C18.5427 33.2083 19.9947 33.3497 21.3953 33.0701C22.7959 32.7905 24.0824 32.1023 25.0923 31.0924C26.1022 30.0825 26.7904 28.7961 27.07 27.3954C27.3496 25.9948 27.2081 24.5428 26.6634 23.2225C26.1186 21.9022 25.1951 20.7728 24.0092 19.9769C22.8233 19.1809 21.4282 18.754 19.9999 18.7501C19.0467 18.7461 18.1022 18.9309 17.2208 19.2939C16.3394 19.6568 15.5386 20.1907 14.8646 20.8647C14.1906 21.5387 13.6567 22.3395 13.2937 23.2209C12.9308 24.1023 12.746 25.0469 12.7499 26.0001Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M16.36 26C16.3659 26.7114 16.5819 27.4052 16.9809 27.9942C17.3798 28.5833 17.9439 29.0413 18.6023 29.3108C19.2607 29.5803 19.9841 29.6493 20.6815 29.509C21.379 29.3688 22.0195 29.0256 22.5225 28.5225C23.0256 28.0195 23.3688 27.379 23.509 26.6815C23.6493 25.9841 23.5803 25.2607 23.3108 24.6023C23.0413 23.9439 22.5833 23.3798 21.9942 22.9809C21.4052 22.5819 20.7114 22.3659 20 22.36C19.5209 22.356 19.0457 22.4474 18.6023 22.6289C18.1589 22.8104 17.756 23.0784 17.4172 23.4172C17.0784 23.756 16.8104 24.1589 16.6289 24.6023C16.4474 25.0457 16.356 25.5209 16.36 26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye19">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M37.88 39.8298L31.59 35.7398L28.83 33.6398L30.82 31.0298L33.58 33.1298L39.21 38.0798L37.88 39.8298Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M11.22 25.9198C11.1903 28.0895 11.8059 30.2191 12.9887 32.0384C14.1715 33.8576 15.8681 35.2844 17.8632 36.1376C19.8584 36.9909 22.062 37.2321 24.1945 36.8307C26.3269 36.4293 28.2921 35.4034 29.8405 33.8832C31.3888 32.363 32.4506 30.417 32.8911 28.2923C33.3315 26.1675 33.1307 23.9598 32.3142 21.9494C31.4977 19.9389 30.1023 18.2164 28.3051 17.0005C26.5079 15.7845 24.3899 15.1299 22.22 15.1198C20.7879 15.104 19.3667 15.3711 18.038 15.9057C16.7093 16.4404 15.4993 17.2322 14.4773 18.2356C13.4553 19.239 12.6415 20.4343 12.0825 21.7529C11.5236 23.0716 11.2305 24.4876 11.22 25.9198Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M9.66005 25.85C9.65657 27.8828 10.1485 29.8858 11.0933 31.6857C12.0381 33.4856 13.4073 35.0281 15.0823 36.1799C16.7574 37.3316 18.6879 38.0577 20.7067 38.2955C22.7256 38.5333 24.772 38.2755 26.6688 37.5445C28.5656 36.8135 30.2557 35.6312 31.5928 34.1001C32.9299 32.569 33.8738 30.735 34.3427 28.7571C34.8116 26.7791 34.7914 24.7166 34.2839 22.7482C33.7764 20.7798 32.7969 18.9647 31.4301 17.46">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M12.1899 24.32C12.1899 26.1178 12.7231 27.8753 13.7219 29.3701C14.7207 30.865 16.1404 32.03 17.8013 32.718C19.4623 33.406 21.29 33.5861 23.0533 33.2353C24.8166 32.8846 26.4363 32.0188 27.7075 30.7476C28.9788 29.4763 29.8445 27.8566 30.1953 26.0934C30.546 24.3301 30.366 22.5024 29.678 20.8414C28.99 19.1804 27.8249 17.7607 26.3301 16.7619C24.8352 15.7631 23.0778 15.23 21.2799 15.23C18.8691 15.23 16.557 16.1877 14.8523 17.8924C13.1476 19.5971 12.1899 21.9092 12.1899 24.32Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M16.73 24.32C16.73 25.2199 16.9968 26.0996 17.4968 26.8479C17.9968 27.5961 18.7074 28.1793 19.5388 28.5237C20.3702 28.868 21.285 28.9582 22.1676 28.7826C23.0503 28.607 23.861 28.1737 24.4973 27.5374C25.1336 26.901 25.567 26.0903 25.7426 25.2077C25.9181 24.3251 25.828 23.4102 25.4836 22.5788C25.1393 21.7474 24.5561 21.0368 23.8078 20.5368C23.0596 20.0369 22.1799 19.77 21.28 19.77C20.0732 19.77 18.9159 20.2494 18.0626 21.1027C17.2094 21.956 16.73 23.1133 16.73 24.32Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye20">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M12.25 28.0001C12.25 29.4064 12.667 30.781 13.4483 31.9502C14.2295 33.1195 15.3399 34.0308 16.6391 34.5689C17.9383 35.1071 19.3679 35.2479 20.7471 34.9735C22.1263 34.6992 23.3932 34.022 24.3875 33.0277C25.3819 32.0333 26.059 30.7664 26.3334 29.3872C26.6077 28.008 26.4669 26.5784 25.9288 25.2793C25.3906 23.9801 24.4793 22.8696 23.3101 22.0884C22.1409 21.3071 20.7662 20.8901 19.36 20.8901C17.4743 20.8901 15.6659 21.6392 14.3325 22.9726C12.9991 24.306 12.25 26.1144 12.25 28.0001Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15.7999 28.0002C15.798 28.7047 16.0051 29.394 16.395 29.9807C16.785 30.5675 17.3403 31.0253 17.9906 31.2963C18.641 31.5673 19.3571 31.6392 20.0483 31.503C20.7395 31.3668 21.3748 31.0285 21.8737 30.531C22.3726 30.0336 22.7126 29.3992 22.8508 28.7084C22.989 28.0176 22.919 27.3012 22.6499 26.6502C22.3807 25.9991 21.9245 25.4425 21.3388 25.0509C20.7532 24.6592 20.0645 24.4502 19.3599 24.4502C18.4183 24.4528 17.5158 24.8274 16.8491 25.4923C16.1823 26.1572 15.8052 27.0586 15.7999 28.0002Z">
+            </GeometryDrawing>
+            <!-- This is always the same color, might as well hardcode it -->
+            <GeometryDrawing Brush="#00FFFF"
+                             Geometry="M30.0001 15.4901C31.3467 16.1037 32.5529 16.9876 33.5438 18.0868C34.5346 19.186 35.289 20.4771 35.7601 21.8801C36.9101 25.3201 35.5201 30.0801 35.3501 30.6901H32.0401C31.9732 29.3135 32.0401 27.9337 32.2401 26.5701C32.5914 25.413 32.6566 24.1879 32.4301 23.0001C32.1072 22.0542 31.5948 21.1842 30.9242 20.4432C30.2537 19.7021 29.439 19.1056 28.5301 18.6901C27.1308 18.121 25.6311 17.8401 24.1208 17.8642C22.6104 17.8883 21.1205 18.2168 19.7401 18.8301C11.8501 21.8701 9.10006 32.9201 9.21006 33.0001L6.06006 32.4201C6.06006 31.8801 7.64006 19.2601 18.3301 15.2201C20.1958 14.4884 22.1886 14.1354 24.1922 14.1818C26.1958 14.2281 28.1701 14.6729 30.0001 15.4901Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M41.05 28.72L33.78 30.55L33.21 27.32L40.67 26.56L41.05 28.72ZM39.29 21.88L33.14 26.18L31.46 23.36L38.17 20L39.29 21.88Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M7.66003 32.82C7.66003 32.82 9.91003 22.69 18.66 19.93C26.53 17.44 33.42 21.22 33.66 30.73">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye21">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M20.26 24.7598C23.0793 25.2489 25.8337 26.0574 28.47 27.1698C25.6127 27.2954 22.7504 27.0907 19.94 26.5598C17.1243 26.0694 14.3733 25.2609 11.74 24.1498C14.5941 24.0206 17.4534 24.2254 20.26 24.7598Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.61" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M28.79 33.8501C25.4242 34.1182 22.0377 33.9366 18.72 33.3101C15.3949 32.7394 12.1601 31.7306 9.09998 30.3101">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.61" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye22">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M39.26 19.1099C37.7367 23.0455 35.0817 26.4417 31.63 28.8699C25.27 32.9999 11.53 31.9999 11.53 31.9999C8.91005 31.9999 6.80005 30.1499 6.80005 27.8699C6.8822 26.6951 7.42562 25.6006 8.31175 24.825C9.19787 24.0494 10.3548 23.6557 11.53 23.7299C16.6989 23.8256 21.8667 23.4911 26.98 22.7299C31.1836 21.9345 35.2973 20.7219 39.26 19.1099Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.77 27.6198C13.77 28.6638 14.0802 29.6842 14.661 30.5517C15.2419 31.4192 16.0673 32.0946 17.0326 32.4923C17.9979 32.89 19.0596 32.992 20.0829 32.7854C21.1063 32.5788 22.0452 32.0729 22.7806 31.3318C23.516 30.5908 24.0148 29.648 24.2136 28.6231C24.4124 27.5982 24.3023 26.5374 23.8973 25.5751C23.4923 24.6129 22.8106 23.7926 21.9387 23.2184C21.0668 22.6442 20.044 22.3418 19 22.3498C17.6093 22.3603 16.2791 22.9202 15.2994 23.9074C14.3197 24.8946 13.77 26.229 13.77 27.6198Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M16.41 27.62C16.4061 28.1451 16.5589 28.6594 16.8488 29.0972C17.1388 29.535 17.5527 29.8764 18.0376 30.0777C18.5226 30.2791 19.0566 30.3312 19.5713 30.2275C20.0861 30.1238 20.5582 29.8689 20.9274 29.4955C21.2966 29.1221 21.546 28.647 21.6437 28.1311C21.7415 27.6152 21.6832 27.0818 21.4763 26.5992C21.2694 26.1166 20.9233 25.7067 20.4821 25.4218C20.041 25.1369 19.525 24.9901 19 25C18.3111 25.0105 17.6539 25.2908 17.1696 25.7807C16.6853 26.2707 16.4125 26.9311 16.41 27.62Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M39.26 19.1099C37.7367 23.0455 35.0817 26.4417 31.63 28.8699C25.27 32.9999 11.53 31.9999 11.53 31.9999C8.91005 31.9999 6.80005 30.1499 6.80005 27.8699C6.8822 26.6951 7.42562 25.6006 8.31175 24.825C9.19787 24.0494 10.3548 23.6557 11.53 23.7299C16.6989 23.8256 21.8667 23.4911 26.98 22.7299C31.1836 21.9345 35.2973 20.7219 39.26 19.1099Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye23">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M10.13 26.2098C9.78997 23.9998 16.55 20.0798 24.36 22.9998C30.18 25.1898 31.41 31.7298 31.41 31.7298C30.8463 30.2331 29.9058 28.9073 28.6794 27.8806C27.4531 26.854 25.9825 26.1614 24.41 25.8698C17.6 24.4298 10.47 28.4298 10.13 26.2098Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M39.2899 27.29L32.4499 30.36L30.3199 31.14L29.1899 28.05L31.3299 27.27L38.5399 25.23L39.2899 27.29Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye24">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M22.72 31.0799C14.83 31.0799 7.59998 30.9999 7.59998 30.9999C9.51998 27.0699 14.71 21.9999 23.27 21.0799C31.66 20.1399 36.35 24.2099 34.97 28.5299C33.94 31.7599 29.43 31.0799 22.72 31.0799Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M15 24C14.7787 24.6917 14.6673 25.4138 14.67 26.14C14.6702 27.8791 15.3069 29.5581 16.46 30.86C17.76 32.33 25.03 32.68 26.25 31.7C27.0773 31.0377 27.7464 30.199 28.2084 29.2452C28.6703 28.2914 28.9135 27.2465 28.9202 26.1867C28.927 25.1269 28.697 24.079 28.2471 23.1194C27.7973 22.1598 27.1389 21.3127 26.32 20.64C25.12 19.61 15.94 21.09 15 24Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M18.26 26.1201C18.258 26.827 18.466 27.5186 18.8575 28.1072C19.249 28.6958 19.8065 29.155 20.4592 29.4264C21.112 29.6978 21.8306 29.7694 22.524 29.6319C23.2175 29.4945 23.8545 29.1543 24.3544 28.6544C24.8543 28.1546 25.1945 27.5175 25.3319 26.8241C25.4693 26.1306 25.3978 25.412 25.1263 24.7593C24.8549 24.1065 24.3958 23.5491 23.8072 23.1576C23.2186 22.766 22.527 22.5581 21.82 22.5601C20.8759 22.5601 19.9704 22.9351 19.3027 23.6028C18.6351 24.2704 18.26 25.1759 18.26 26.1201Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M22.72 31.0799C14.83 31.0799 7.59998 30.9999 7.59998 30.9999C9.51998 27.0699 14.71 21.9999 23.27 21.0799C31.66 20.1399 36.35 24.2099 34.97 28.5299C33.94 31.7599 29.43 31.0799 22.72 31.0799Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M42.89 25.6298L35.89 28.2098L34.98 25.0498L42.33 23.5198L42.89 25.6298ZM40.43 18.9998L34.76 23.9098L32.76 21.2798L39.08 17.2798L40.43 18.9998Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye25">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11 26.7998C11 28.1843 11.4105 29.5377 12.1797 30.6888C12.9489 31.8399 14.0421 32.7372 15.3212 33.267C16.6003 33.7968 18.0078 33.9354 19.3656 33.6653C20.7235 33.3952 21.9708 32.7285 22.9497 31.7496C23.9287 30.7706 24.5954 29.5233 24.8655 28.1654C25.1356 26.8076 24.997 25.4001 24.4672 24.121C23.9373 22.8419 23.0401 21.7487 21.889 20.9795C20.7378 20.2103 19.3845 19.7998 18 19.7998C16.1435 19.7998 14.363 20.5373 13.0503 21.8501C11.7375 23.1628 11 24.9433 11 26.7998Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M14.52 26.8002C14.52 27.4957 14.7267 28.1755 15.1137 28.7533C15.5007 29.3311 16.0507 29.781 16.6938 30.0458C17.3369 30.3105 18.0442 30.3783 18.7259 30.2404C19.4076 30.1025 20.0329 29.7652 20.5226 29.2713C21.0123 28.7774 21.3442 28.1492 21.4762 27.4664C21.6082 26.7835 21.5344 26.0769 21.2641 25.436C20.9939 24.7952 20.5393 24.2491 19.9582 23.8671C19.377 23.485 18.6955 23.2842 18 23.2902C17.0743 23.2981 16.1892 23.6714 15.5374 24.3288C14.8857 24.9862 14.52 25.8744 14.52 26.8002Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M41.11 28.1102C41.11 28.1102 36.44 32.3502 32.11 28.9202C28 25.6402 25.92 18.7802 17.36 18.7202C10.07 18.7202 7.29004 26.2602 7.29004 26.2602">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye26">
+        <DrawingGroup>
+            <GeometryDrawing
+                Geometry="M32.5101 26.1699H9.18005">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.61" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye27">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M8.31006 30.4901C8.31006 30.4901 10.3101 22.1301 18.3101 19.0401C21.2563 17.8743 24.4673 17.5449 27.5889 18.0884C30.7104 18.6319 33.6212 20.0271 36.0001 22.1201C36.0001 22.1201 33.9001 30.8001 25.1901 33.0001C16.2701 35.2801 8.31006 30.4901 8.31006 30.4901Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11.73 26.3001C11.73 27.865 12.1942 29.3947 13.0638 30.6957C13.9334 31.9968 15.1693 33.0106 16.6153 33.609C18.0612 34.2074 19.6522 34.3634 21.1868 34.0574C22.7215 33.7514 24.1309 32.997 25.2367 31.8898C26.3426 30.7826 27.0951 29.3722 27.3992 27.8372C27.7033 26.3021 27.5452 24.7114 26.945 23.2662C26.3448 21.821 25.3294 20.5863 24.0273 19.7184C22.7252 18.8504 21.1949 18.3882 19.63 18.3901C18.5917 18.3901 17.5636 18.5948 16.6045 18.9925C15.6454 19.3901 14.774 19.9729 14.0403 20.7075C13.3066 21.4422 12.7249 22.3142 12.3285 23.2739C11.932 24.2335 11.7287 25.2619 11.73 26.3001Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15.6801 26.3001C15.6801 27.0934 15.916 27.8687 16.3578 28.5275C16.7996 29.1863 17.4273 29.699 18.1611 30.0002C18.8949 30.3014 19.7017 30.3776 20.479 30.2192C21.2562 30.0608 21.9688 29.6748 22.5262 29.1104C23.0836 28.546 23.4605 27.8286 23.6092 27.0494C23.7578 26.2702 23.6715 25.4644 23.361 24.7344C23.0506 24.0044 22.5301 23.3833 21.8658 22.9498C21.2015 22.5163 20.4232 22.2902 19.6301 22.3001C18.5779 22.3133 17.5733 22.7405 16.8339 23.4892C16.0945 24.2379 15.68 25.2479 15.6801 26.3001Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M8.31006 30.4901C8.31006 30.4901 10.3101 22.1301 18.3101 19.0401C21.2563 17.8743 24.4673 17.5449 27.5889 18.0884C30.7104 18.6319 33.6212 20.0271 36.0001 22.1201C36.0001 22.1201 33.9001 30.8001 25.1901 33.0001C16.2701 35.2801 8.31006 30.4901 8.31006 30.4901Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye28">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M41.46 23.6398L34.62 26.7198L31.36 27.8998L30.24 24.8198L33.5 23.6298L40.71 21.5898L41.46 23.6398Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M19.48 15.1201C26.68 15.1201 32.83 20.5401 32.83 27.2301C32.83 31.4901 31.54 32.6001 27.96 34.7601H11.5C7.91001 32.6001 6.14001 31.4901 6.14001 27.2301C6.14001 20.5401 12.29 15.1201 19.48 15.1201Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11.64 26.5C11.64 28.0823 12.1092 29.629 12.9883 30.9446C13.8673 32.2602 15.1167 33.2855 16.5785 33.891C18.0404 34.4965 19.6489 34.655 21.2007 34.3463C22.7526 34.0376 24.178 33.2757 25.2969 32.1569C26.4157 31.038 27.1776 29.6126 27.4863 28.0607C27.795 26.5089 27.6366 24.9003 27.0311 23.4385C26.4255 21.9767 25.4002 20.7273 24.0846 19.8482C22.769 18.9692 21.2223 18.5 19.64 18.5C17.5183 18.5 15.4835 19.3429 13.9832 20.8431C12.4829 22.3434 11.64 24.3783 11.64 26.5Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15.65 26.5C15.65 27.2911 15.8846 28.0645 16.3241 28.7223C16.7637 29.3801 17.3884 29.8928 18.1193 30.1955C18.8502 30.4983 19.6545 30.5775 20.4304 30.4231C21.2063 30.2688 21.919 29.8878 22.4785 29.3284C23.0379 28.769 23.4188 28.0563 23.5732 27.2804C23.7275 26.5044 23.6483 25.7002 23.3455 24.9693C23.0428 24.2384 22.5301 23.6136 21.8723 23.1741C21.2145 22.7346 20.4411 22.5 19.65 22.5C18.5892 22.5 17.5717 22.9214 16.8216 23.6716C16.0715 24.4217 15.65 25.4391 15.65 26.5Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M10.87 35.9998C9.59689 34.9123 8.57269 33.5635 7.86697 32.0451C7.16126 30.5267 6.79055 28.8742 6.78003 27.1998C6.78003 20.5098 12.61 15.0898 19.78 15.0898C26.95 15.0898 32.78 20.5098 32.78 27.1998C32.775 28.8693 32.4128 30.5183 31.7177 32.0361C31.0226 33.5539 30.0107 34.9054 28.75 35.9998">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye29">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M9.80003 20.6399C7.86003 26.2399 10.63 31.3699 17.8 34.0899C25.21 36.9199 32.97 35.0899 34.9 29.5099C36.83 23.9299 32.5 19.0899 25 16.4899C17.5 13.8899 11.73 14.9999 9.80003 20.6399Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11.51 23.45C11.51 25.1339 12.0096 26.78 12.9456 28.1799C13.8816 29.5798 15.2118 30.6706 16.768 31.3141C18.3242 31.9576 20.0363 32.1249 21.6876 31.795C23.3389 31.465 24.8552 30.6525 26.0446 29.4603C27.2339 28.2682 28.0428 26.75 28.3689 25.0979C28.695 23.4458 28.5236 21.7341 27.8765 20.1794C27.2293 18.6248 26.1354 17.2971 24.7333 16.3644C23.3313 15.4317 21.684 14.936 20 14.94C17.7465 14.9453 15.5871 15.8442 13.9955 17.4395C12.4038 19.0349 11.51 21.1964 11.51 23.45Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15.76 23.45C15.76 24.2934 16.0104 25.1178 16.4794 25.8188C16.9484 26.5198 17.6149 27.0658 18.3944 27.3876C19.174 27.7094 20.0316 27.7926 20.8585 27.6266C21.6854 27.4606 22.4444 27.0529 23.0394 26.4551C23.6343 25.8573 24.0385 25.0964 24.2006 24.2687C24.3627 23.4411 24.2755 22.5839 23.95 21.8059C23.6245 21.0278 23.0754 20.3639 22.3722 19.8982C21.669 19.4325 20.8434 19.186 20 19.19C19.4419 19.1913 18.8895 19.3025 18.3744 19.5173C17.8592 19.7321 17.3915 20.0463 16.9977 20.4419C16.604 20.8374 16.2921 21.3067 16.0797 21.8228C15.8673 22.339 15.7587 22.8919 15.76 23.45Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M7.67995 25.8002C7.55443 24.5675 7.69772 23.3222 8.09995 22.1502C9.99995 16.5302 17.4799 14.0002 24.7199 16.5002C31.9599 19.0002 35.9999 25.5002 34.2999 31.2002C33.4398 33.3276 31.8423 35.0741 29.7999 36.1202">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M37.12 39.8001L30.12 35.2801L32.31 32.3701L38.57 37.8601L37.12 39.8001ZM41.25 33.7001L33.25 31.5501L34.44 28.1001L42.08 31.4001L41.25 33.7001Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye30">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M6.90002 33.3171C6.90002 33.3171 10.231 25.0651 18.6 22.3561C23.9969 20.719 29.8066 21.1167 34.93 23.4741C34.93 23.4741 32.288 32.6391 23.278 34.9601C17.7877 36.2456 12.0256 35.6675 6.90002 33.3171Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M12.1169 23.5719C11.7153 24.8545 11.671 26.2223 11.9887 27.5283C12.3065 28.8342 12.9744 30.0287 13.9205 30.9834C14.8666 31.938 16.0551 32.6166 17.3581 32.9461C18.6611 33.2756 20.0293 33.2436 21.3154 32.8535C22.6016 32.4634 23.757 31.73 24.6574 30.7321C25.5579 29.7343 26.1691 28.5098 26.4255 27.1905C26.6818 25.8711 26.5736 24.5068 26.1124 23.2444C25.6512 21.982 24.8544 20.8692 23.8079 20.0259">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15.4771 25.78C15.4771 26.5108 15.6938 27.2252 16.0998 27.8329C16.5059 28.4406 17.083 28.9142 17.7583 29.1938C18.4335 29.4734 19.1765 29.5465 19.8933 29.4039C20.6101 29.2612 21.2684 28.9092 21.7852 28.3924C22.3019 27.8755 22.6537 27.217 22.7962 26.5002C22.9386 25.7834 22.8653 25.0404 22.5855 24.3653C22.3057 23.6901 21.8319 23.1131 21.2242 22.7072C20.6164 22.3013 19.9019 22.0848 19.1711 22.085C18.6859 22.085 18.2054 22.1805 17.7572 22.3662C17.3089 22.552 16.9017 22.8241 16.5586 23.1673C16.2156 23.5104 15.9435 23.9177 15.758 24.366C15.5724 24.8143 15.4769 25.2948 15.4771 25.78Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M6.90002 33.3171C6.90002 33.3171 10.231 25.0651 18.6 22.3561C23.9969 20.719 29.8066 21.1167 34.93 23.4741C34.93 23.4741 32.288 32.6391 23.278 34.9601C17.7877 36.2456 12.0256 35.6675 6.90002 33.3171Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.284" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M6.37695 34.4082C6.37695 34.4082 9.65495 23.2522 19.855 19.9712C29.639 16.8242 35.113 21.8872 35.113 21.8872">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.284" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M43.51 18.0689L35.113 23.7429L33.54 21.1449L42.461 16.3359L43.51 18.0689Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye31">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M9.88 28.2L8.37 26.09C8.84 22.15 10.67 18.56 16.37 19.8C20.8478 20.6447 25.3786 21.1794 29.93 21.4C30.869 21.5116 31.7768 21.807 32.6015 22.2694C33.4263 22.7319 34.1519 23.3522 34.737 24.0951C35.322 24.838 35.7549 25.6888 36.0111 26.599C36.2673 27.5093 36.3417 28.461 36.23 29.4L34.13 31.18C34.13 31.18 32.76 34.63 26.51 34.86C19.42 35.1 12.85 33.84 9.88 28.2Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M15.54 25.3801C15.54 26.3255 15.8204 27.2497 16.3456 28.0357C16.8708 28.8218 17.6174 29.4345 18.4908 29.7962C19.3642 30.158 20.3253 30.2527 21.2526 30.0683C22.1798 29.8838 23.0315 29.4286 23.7 28.7601C24.3685 28.0916 24.8238 27.2399 25.0082 26.3126C25.1926 25.3854 25.098 24.4243 24.7362 23.5509C24.3744 22.6774 23.7617 21.9309 22.9757 21.4057C22.1896 20.8804 21.2654 20.6001 20.32 20.6001C19.0523 20.6001 17.8365 21.1037 16.9401 22.0001C16.0436 22.8966 15.54 24.1124 15.54 25.3801Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M17.93 25.38C17.928 25.8531 18.0665 26.3162 18.3279 26.7105C18.5893 27.1049 18.9619 27.4128 19.3984 27.5952C19.8349 27.7776 20.3158 27.8264 20.7801 27.7353C21.2443 27.6442 21.6711 27.4174 22.0064 27.0835C22.3416 26.7497 22.5702 26.3238 22.6633 25.86C22.7563 25.3961 22.7096 24.915 22.529 24.4777C22.3484 24.0404 22.042 23.6666 21.6488 23.4035C21.2556 23.1404 20.7931 23 20.32 23C19.6878 23 19.0814 23.2504 18.6335 23.6965C18.1856 24.1425 17.9326 24.7479 17.93 25.38Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M8.14001 28.0499L8.37001 26.0499C8.84001 22.1099 10.67 18.5199 16.37 19.7599C20.8478 20.6047 25.3786 21.1393 29.93 21.3599C30.869 21.4715 31.7768 21.767 32.6016 22.2294C33.4263 22.6918 34.152 23.3122 34.737 24.0551C35.322 24.798 35.755 25.6488 36.0111 26.559C36.2673 27.4692 36.3417 28.421 36.23 29.3599L36 31.3399">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye32">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M16 27.0702C16 28.5852 16.4493 30.0661 17.2909 31.3258C18.1326 32.5855 19.329 33.5673 20.7286 34.1471C22.1283 34.7268 23.6685 34.8785 25.1544 34.583C26.6403 34.2874 28.0052 33.5579 29.0764 32.4866C30.1477 31.4153 30.8773 30.0504 31.1728 28.5645C31.4684 27.0787 31.3167 25.5385 30.7369 24.1388C30.1572 22.7391 29.1753 21.5428 27.9157 20.7011C26.656 19.8594 25.175 19.4102 23.66 19.4102C21.6284 19.4102 19.6801 20.2172 18.2436 21.6537C16.807 23.0902 16 25.0386 16 27.0702Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M19.82 27.0698C19.82 27.8273 20.0446 28.5678 20.4654 29.1976C20.8863 29.8274 21.4844 30.3183 22.1843 30.6082C22.8841 30.8981 23.6542 30.9739 24.3972 30.8262C25.1401 30.6784 25.8225 30.3136 26.3582 29.778C26.8938 29.2423 27.2586 28.5599 27.4064 27.817C27.5541 27.074 27.4783 26.3039 27.1884 25.6041C26.8985 24.9042 26.4076 24.3061 25.7778 23.8852C25.148 23.4644 24.4075 23.2398 23.65 23.2398C23.1466 23.2384 22.648 23.3366 22.1827 23.5286C21.7174 23.7206 21.2947 24.0027 20.9388 24.3586C20.5829 24.7145 20.3008 25.1372 20.1088 25.6025C19.9168 26.0678 19.8186 26.5664 19.82 27.0698Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M12.34 32.9998C11.6856 31.7931 11.342 30.4425 11.34 29.0698C11.34 23.5698 16.86 19.0698 23.66 19.0698C30.46 19.0698 36 23.5298 36 28.9998C36.0101 30.3963 35.6661 31.7725 35 32.9998">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye33">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M11.21 28.0901C11.2159 30.1051 11.8191 32.0731 12.9433 33.7453C14.0675 35.4175 15.6622 36.7189 17.5258 37.4849C19.3895 38.251 21.4384 38.4474 23.4136 38.0492C25.3889 37.651 27.2017 36.6761 28.623 35.2478C30.0443 33.8196 31.0102 32.002 31.3987 30.0248C31.7872 28.0477 31.5808 25.9997 30.8056 24.1398C30.0305 22.2799 28.7213 20.6916 27.0435 19.5757C25.3658 18.4597 23.3949 17.8662 21.38 17.8701C18.6765 17.8781 16.0868 18.959 14.1798 20.8753C12.2728 22.7916 11.2047 25.3867 11.21 28.0901Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M10.59 24.71C10.5801 26.4447 11.0854 28.1432 12.0419 29.5903C12.9985 31.0375 14.3631 32.168 15.9629 32.8387C17.5627 33.5094 19.3256 33.6901 21.0281 33.3577C22.7307 33.0254 24.2962 32.1951 25.5263 30.972C26.7565 29.7489 27.5957 28.1881 27.9378 26.4875C28.2799 24.7868 28.1094 23.0229 27.4478 21.4193C26.7863 19.8157 25.6636 18.4447 24.2219 17.4799C22.7803 16.5151 21.0847 16 19.35 16C17.0353 16 14.8147 16.916 13.1733 18.548C11.532 20.1801 10.6032 22.3954 10.59 24.71Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M19.35 29.0901C21.769 29.0901 23.73 27.1291 23.73 24.7101C23.73 22.2911 21.769 20.3301 19.35 20.3301C16.931 20.3301 14.97 22.2911 14.97 24.7101C14.97 27.1291 16.931 29.0901 19.35 29.0901Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M28.4 37.5198C30.0185 36.325 31.3038 34.7354 32.1332 32.9025C32.9625 31.0697 33.3082 29.0549 33.1373 27.0504C32.9664 25.0459 32.2846 23.1187 31.157 21.4527C30.0293 19.7868 28.4934 18.4376 26.696 17.5341C24.8986 16.6306 22.8995 16.2029 20.8898 16.2918C18.88 16.3807 16.9265 16.9832 15.2159 18.0419C13.5052 19.1006 12.0945 20.5801 11.1184 22.3391C10.1422 24.0982 9.6332 26.0781 9.63996 28.0898">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye34">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M18.46 28.9199C15.2525 28.8758 12.0481 29.1369 8.89001 29.6999C9.4766 27.6278 10.7347 25.8091 12.4668 24.5295C14.199 23.2499 16.307 22.5817 18.46 22.6299C20.6071 22.5918 22.7066 23.2644 24.432 24.543C26.1573 25.8216 27.4117 27.6346 28 29.6999C24.8517 29.1395 21.6575 28.8784 18.46 28.9199Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.61" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye35">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M7.81995 33.3898C7.81995 27.1198 12.6799 17.5898 21.9899 17.5898C33.3399 17.5898 35.3999 27.1198 35.3999 33.3898H7.81995Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M10.77 26C10.77 27.78 11.2979 29.5201 12.2868 31.0001C13.2757 32.4802 14.6813 33.6337 16.3259 34.3149C17.9704 34.9961 19.78 35.1743 21.5258 34.8271C23.2717 34.4798 24.8753 33.6226 26.134 32.364C27.3927 31.1053 28.2498 29.5016 28.5971 27.7558C28.9444 26.01 28.7661 24.2004 28.0849 22.5558C27.4037 20.9113 26.2502 19.5057 24.7702 18.5168C23.2901 17.5278 21.5501 17 19.77 17C17.3831 17 15.0939 17.9482 13.4061 19.636C11.7182 21.3239 10.77 23.6131 10.77 26Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15.25 26C15.25 26.8861 15.5128 27.7523 16.005 28.489C16.4973 29.2257 17.197 29.7999 18.0156 30.139C18.8342 30.4781 19.735 30.5668 20.604 30.3939C21.4731 30.2211 22.2713 29.7944 22.8979 29.1679C23.5244 28.5413 23.9511 27.7431 24.1239 26.874C24.2968 26.005 24.2081 25.1042 23.869 24.2856C23.5299 23.467 22.9557 22.7673 22.219 22.275C21.4822 21.7828 20.6161 21.52 19.73 21.52C19.1413 21.5187 18.5582 21.6337 18.014 21.8584C17.4699 22.083 16.9755 22.413 16.5592 22.8293C16.143 23.2455 15.813 23.7399 15.5883 24.284C15.3637 24.8282 15.2487 25.4113 15.25 26Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M7.81995 33.3898C7.81995 27.1198 12.6799 17.5898 21.9899 17.5898C33.3399 17.5898 35.3999 27.1198 35.3999 33.3898H7.81995Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M39.59 20.3098L34.59 24.3098L32.78 21.5798L38.4 18.5098L39.59 20.3098ZM41.72 26.0498L35.72 28.2298L34.88 25.0498L41.19 23.9398L41.72 26.0498ZM41.91 32.1798L35.51 32.3098L35.72 28.9998L42.06 29.9998L41.91 32.1798Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye36">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M7.06995 30.0002C7.06995 30.0702 12.3099 32.3102 25.0699 29.6502C35.8499 27.4102 39.5399 23.7202 39.4899 23.6502C37.7399 20.1502 26.8199 19.8702 21.1399 21.3402C12.3299 23.5902 7.72995 27.4002 7.06995 30.0002Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M15.27 25.9998C15.2681 27.1383 15.6041 28.2518 16.2356 29.1991C16.8671 30.1464 17.7656 30.885 18.8173 31.3211C19.869 31.7573 21.0264 31.8714 22.143 31.649C23.2596 31.4267 24.2851 30.8778 25.0894 30.0721C25.8938 29.2663 26.4408 28.2399 26.6612 27.1229C26.8816 26.006 26.7655 24.8487 26.3275 23.7978C25.8896 22.7469 25.1495 21.8497 24.201 21.2198C23.2526 20.59 22.1385 20.2558 21 20.2598C19.4794 20.2624 18.022 20.8684 16.9477 21.9445C15.8734 23.0207 15.27 24.4792 15.27 25.9998Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M21.01 28.8699C22.5951 28.8699 23.88 27.5849 23.88 25.9999C23.88 24.4148 22.5951 23.1299 21.01 23.1299C19.425 23.1299 18.14 24.4148 18.14 25.9999C18.14 27.5849 19.425 28.8699 21.01 28.8699Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M7.06995 30.0002C7.06995 30.0702 12.3099 32.3102 25.0699 29.6502C35.8499 27.4102 39.5399 23.7202 39.4899 23.6502C37.7399 20.1502 26.8199 19.8702 21.1399 21.3402C12.3299 23.5902 7.72995 27.4002 7.06995 30.0002Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye37">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M13.07 35.5602L8.62 29.9002C8.62 29.9002 11.12 23.7902 19.62 20.1002C28.62 16.1802 38.39 20.7002 38.39 20.7002C38.39 20.7002 36.39 24.4002 32.96 30.4302">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M14.5 25.9099C14.5 27.3419 14.9246 28.7416 15.7202 29.9323C16.5157 31.1229 17.6464 32.0508 18.9694 32.5988C20.2923 33.1468 21.748 33.2902 23.1525 33.0108C24.5569 32.7315 25.8469 32.0419 26.8595 31.0294C27.872 30.0168 28.5615 28.7268 28.8409 27.3224C29.1202 25.918 28.9769 24.4622 28.4289 23.1393C27.8809 21.8164 26.9529 20.6856 25.7623 19.8901C24.5717 19.0945 23.1719 18.6699 21.74 18.6699C19.8198 18.6699 17.9783 19.4327 16.6205 20.7905C15.2628 22.1482 14.5 23.9898 14.5 25.9099Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M18.12 25.91C18.12 26.626 18.3323 27.3259 18.7301 27.9212C19.1278 28.5165 19.6932 28.9805 20.3547 29.2545C21.0161 29.5285 21.744 29.6002 22.4462 29.4605C23.1484 29.3208 23.7935 28.976 24.2997 28.4698C24.806 27.9635 25.1508 27.3185 25.2904 26.6163C25.4301 25.9141 25.3584 25.1862 25.0844 24.5247C24.8104 23.8633 24.3465 23.2979 23.7512 22.9001C23.1559 22.5023 22.456 22.29 21.74 22.29C21.2646 22.29 20.7939 22.3837 20.3547 22.5656C19.9155 22.7475 19.5164 23.0142 19.1803 23.3503C18.8441 23.6865 18.5775 24.0855 18.3955 24.5247C18.2136 24.9639 18.12 25.4347 18.12 25.91Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M12.91 36.2398L8.62 29.8998C8.62 29.8998 11.11 23.9998 20 20.1798C28.52 16.4798 38.4 20.6998 38.4 20.6998C37.5815 24.4367 36.156 28.0142 34.18 31.2898">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye38">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M22.8799 33.4499C18.3999 33.4499 14.2999 33.6499 11.0699 33.9799C9.94572 32.4516 9.33322 30.6071 9.31995 28.7099C9.31995 22.7099 15.4599 17.9199 23.0399 17.9199C30.6199 17.9199 36.7599 22.7499 36.7599 28.7099C36.748 30.6151 36.1317 32.4673 34.9999 33.9999C30.972 33.6091 26.9267 33.4255 22.8799 33.4499Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M14.76 26.4598C14.7605 24.8767 15.2148 23.3269 16.069 21.9941C16.9233 20.6613 18.1418 19.6013 19.58 18.9398C20.6979 18.6561 21.8466 18.5117 23 18.5098C24.1635 18.508 25.3226 18.6524 26.45 18.9398C27.9095 19.609 29.1429 20.6881 30.0001 22.0458C30.8573 23.4035 31.3013 24.981 31.278 26.5865C31.2547 28.1919 30.7651 29.756 29.8688 31.0882C28.9726 32.4203 27.7083 33.4632 26.23 34.0898C25.14 34.0898 24.01 34.0398 22.85 34.0398H19.75C18.2714 33.3982 17.0119 32.3395 16.1257 30.9932C15.2394 29.647 14.7648 28.0716 14.76 26.4598Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M18.9 26.4598C18.9021 27.2798 19.1476 28.0809 19.6055 28.7612C20.0634 29.4415 20.713 29.9705 21.472 30.2811C22.231 30.5918 23.0652 30.6699 23.8686 30.5058C24.6721 30.3417 25.4088 29.9426 25.9851 29.3592C26.5615 28.7758 26.9516 28.0344 27.106 27.229C27.2604 26.4235 27.1721 25.5904 26.8523 24.8352C26.5325 24.0801 25.9957 23.4369 25.3098 22.9873C24.624 22.5376 23.8201 22.3018 23 22.3098C21.9073 22.3203 20.863 22.7625 20.0949 23.5399C19.3269 24.3174 18.8973 25.3669 18.9 26.4598Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M22.8799 33.4499C18.3999 33.4499 14.2999 33.6499 11.0699 33.9799C9.94572 32.4516 9.33322 30.6071 9.31995 28.7099C9.31995 22.7099 15.4599 17.9199 23.0399 17.9199C30.6199 17.9199 36.7599 22.7499 36.7599 28.7099C36.748 30.6151 36.1317 32.4673 34.9999 33.9999C30.972 33.6091 26.9267 33.4255 22.8799 33.4499Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M11.0699 34.0002C9.97149 32.7473 9.35161 31.1462 9.31995 29.4802C9.31995 24.3602 15.4599 20.2202 23.0399 20.2202C30.6199 20.2202 36.7599 24.3602 36.7599 29.4802C36.7307 31.1485 36.1066 32.7515 34.9999 34.0002">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye39">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M9.17001 22.3C7.69001 27.17 12.22 32.78 19.27 34.82C26.32 36.86 33.27 34.58 34.71 29.7C36.15 24.82 31.66 19.22 24.61 17.18C17.56 15.14 10.64 17.42 9.17001 22.3Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M12.9301 25.5501C12.9281 27.068 13.3765 28.5523 14.2185 29.8151C15.0605 31.078 16.2583 32.0626 17.6603 32.6444C19.0622 33.2261 20.6052 33.3789 22.0939 33.0832C23.5827 32.7876 24.9503 32.0569 26.0236 30.9836C27.0968 29.9104 27.8275 28.5428 28.1232 27.054C28.4188 25.5653 28.2661 24.0223 27.6843 22.6203C27.1025 21.2184 26.1179 20.0206 24.855 19.1786C23.5922 18.3366 22.1079 17.8882 20.5901 17.8901C18.5585 17.8901 16.6102 18.6972 15.1736 20.1337C13.7371 21.5702 12.9301 23.5186 12.9301 25.5501Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M16.76 25.5502C16.758 26.3106 16.9818 27.0544 17.403 27.6874C17.8242 28.3204 18.4238 28.8141 19.1259 29.106C19.828 29.3979 20.6009 29.4748 21.3467 29.3269C22.0925 29.1791 22.7777 28.8131 23.3153 28.2755C23.8529 27.7379 24.2189 27.0527 24.3667 26.3069C24.5146 25.5611 24.4377 24.7882 24.1458 24.0861C23.8539 23.384 23.3602 22.7844 22.7272 22.3632C22.0942 21.942 21.3504 21.7183 20.59 21.7202C19.5742 21.7202 18.6001 22.1237 17.8818 22.842C17.1635 23.5603 16.76 24.5344 16.76 25.5502Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M9.17001 22.3C7.69001 27.17 12.22 32.78 19.27 34.82C26.32 36.86 33.27 34.58 34.71 29.7C36.15 24.82 31.66 19.22 24.61 17.18C17.56 15.14 10.64 17.42 9.17001 22.3Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M20.77 17.5602C24.71 18.4102 32.9 21.2202 35.63 25.7402C36.0474 26.3879 36.3214 27.1174 36.4335 27.8798C36.5456 28.6422 36.4933 29.4197 36.28 30.1602L33.13 29.2502C33.2234 28.9326 33.2423 28.5977 33.185 28.2716C33.1278 27.9455 32.996 27.637 32.8 27.3702C31.1 24.5502 25 21.7602 20.06 20.7002C13.65 19.3202 11.65 19.7602 10.74 22.7502L7.58997 21.8402C9.60997 15.1502 16.32 16.6002 20.77 17.5602Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye40">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M8.79003 33.8398C8.37581 32.9503 8.1608 31.981 8.16003 30.9998C8.16003 26.0598 13.71 22.0498 20.55 22.0498C27.39 22.0498 32.94 26.0498 32.94 31.0498C32.9369 32.0168 32.7255 32.9719 32.32 33.8498L8.79003 33.8398Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.91 33.8402C13.0235 32.6111 12.4936 31.1612 12.3787 29.6502C12.2637 28.1392 12.5682 26.6258 13.2585 25.2768C13.9488 23.9278 14.9982 22.7956 16.2909 22.0049C17.5837 21.2143 19.0696 20.7959 20.585 20.7959C22.1003 20.7959 23.5863 21.2143 24.879 22.0049C26.1718 22.7956 27.2211 23.9278 27.9115 25.2768C28.6018 26.6258 28.9062 28.1392 28.7913 29.6502C28.6763 31.1612 28.1464 32.6111 27.26 33.8402H13.91Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M16.47 28.9999C16.47 29.8152 16.7119 30.6121 17.165 31.2899C17.6182 31.9676 18.2622 32.4957 19.0156 32.8072C19.769 33.1188 20.598 33.1998 21.3974 33.04C22.1969 32.8802 22.931 32.4868 23.5068 31.9096C24.0826 31.3324 24.4742 30.5974 24.632 29.7975C24.7899 28.9977 24.7068 28.169 24.3935 27.4163C24.0801 26.6636 23.5505 26.0209 22.8716 25.5694C22.1928 25.1179 21.3953 24.8779 20.58 24.8799C19.489 24.8825 18.4436 25.3178 17.6732 26.0901C16.9027 26.8625 16.47 27.9089 16.47 28.9999Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M7.71001 33.4298C7.71001 25.4298 13.81 19.2598 20.99 19.2598C28.17 19.2598 33.58 24.9998 33.58 33.0498L33.49 33.8698C33.49 30.7398 29.85 21.0898 20.64 21.4498C10.89 21.8398 7.64001 30.7398 7.64001 33.8698L7.71001 33.4298Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M41.15 32.3098L33.7 33.1498L33.56 29.8698L41.06 30.1198L41.15 32.3098ZM40.32 25.2998L33.66 28.7298L32.37 25.7298L39.46 23.2998L40.32 25.2998Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye41">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M16.84 27.5401C16.84 28.707 17.186 29.8478 17.8343 30.818C18.4826 31.7883 19.404 32.5445 20.4821 32.991C21.5602 33.4376 22.7465 33.5544 23.891 33.3268C25.0355 33.0991 26.0868 32.5372 26.9119 31.7121C27.737 30.8869 28.2989 29.8357 28.5266 28.6912C28.7543 27.5467 28.6374 26.3604 28.1909 25.2823C27.7443 24.2042 26.9881 23.2828 26.0178 22.6345C25.0476 21.9862 23.9069 21.6401 22.74 21.6401C21.176 21.6428 19.6768 22.2652 18.571 23.3711C17.4651 24.477 16.8426 25.9762 16.84 27.5401Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M19.79 27.5398C19.7801 28.1373 19.9489 28.7241 20.2747 29.225C20.6005 29.726 21.0685 30.1182 21.6186 30.3514C22.1688 30.5846 22.7761 30.6483 23.3627 30.5341C23.9492 30.4199 24.4883 30.1332 24.9109 29.7107C25.3334 29.2881 25.6201 28.749 25.7343 28.1625C25.8485 27.5759 25.7848 26.9686 25.5516 26.4184C25.3184 25.8683 24.9261 25.4003 24.4252 25.0745C23.9243 24.7487 23.3374 24.5799 22.74 24.5898C21.9616 24.6026 21.2187 24.9176 20.6682 25.468C20.1178 26.0185 19.8028 26.7614 19.79 27.5398Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M36.52 21.0298H18.51L10.45 29.5898M36.52 23.0898H16.64">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye42">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M6.56006 26.13C6.56006 31.33 12.7101 35.55 20.3101 35.55C27.9101 35.55 34.0601 31.33 34.0601 26.13C34.0601 20.93 27.9001 16.71 20.3101 16.71C12.7201 16.71 6.56006 20.93 6.56006 26.13Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11.58 25.6101C11.5423 27.2757 12.0014 28.9149 12.8987 30.3187C13.7961 31.7225 15.091 32.8274 16.6186 33.4925C18.1462 34.1576 19.8373 34.3528 21.4762 34.0533C23.1152 33.7538 24.6279 32.973 25.8215 31.8106C27.0151 30.6482 27.8356 29.1567 28.1784 27.5263C28.5212 25.8958 28.3708 24.2002 27.7463 22.6555C27.1219 21.1109 26.0517 19.7871 24.6722 18.8529C23.2926 17.9187 21.6661 17.4164 20 17.4101C18.9084 17.3942 17.8243 17.5939 16.8099 17.9976C15.7956 18.4014 14.8708 19.0013 14.0886 19.763C13.3065 20.5247 12.6823 21.4333 12.2518 22.4366C11.8214 23.44 11.5931 24.5184 11.58 25.6101Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M15.77 25.61C15.7501 26.4446 15.9794 27.2663 16.4287 27.97C16.8779 28.6737 17.5267 29.2275 18.2922 29.5608C19.0577 29.8941 19.9051 29.9917 20.7263 29.8411C21.5475 29.6905 22.3052 29.2986 22.9027 28.7154C23.5001 28.1322 23.9101 27.3842 24.0805 26.5668C24.2508 25.7495 24.1737 24.8999 23.8589 24.1266C23.5442 23.3534 23.0061 22.6914 22.3134 22.2253C21.6208 21.7593 20.8049 21.5102 19.97 21.51C18.8701 21.4993 17.8107 21.9246 17.0236 22.693C16.2366 23.4613 15.7858 24.5101 15.77 25.61Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M6.56006 26.13C6.56006 31.33 12.7101 35.55 20.3101 35.55C27.9101 35.55 34.0601 31.33 34.0601 26.13C34.0601 20.93 27.9001 16.71 20.3101 16.71C12.7201 16.71 6.56006 20.93 6.56006 26.13Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M6.75 28.6902C6.75 25.0202 12.75 22.0602 20.09 22.0602C27.43 22.0602 33.44 25.0602 33.44 28.6902V22.6002L22.84 16.4502L12.2 19.0002L6.93 24.5902M42.06 25.2102L34.8 27.0902L34.21 23.8602L41.67 23.0602L42.06 25.2102ZM40.26 18.3802L34.14 22.7202L32.44 19.9102L39.13 16.5102L40.26 18.3802Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye43">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M10.13 21.8701C10.13 25.5115 11.5766 29.0038 14.1514 31.5787C16.7263 34.1536 20.2186 35.6001 23.86 35.6001C27.5014 35.6001 30.9937 34.1536 33.5686 31.5787C36.1435 29.0038 37.59 25.5115 37.59 21.8701H10.13Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M32.56 21.8701C32.5996 23.0381 32.4038 24.2021 31.9841 25.2928C31.5645 26.3835 30.9296 27.3786 30.1174 28.2189C29.3051 29.0591 28.3321 29.7273 27.2562 30.1837C26.1804 30.64 25.0237 30.8752 23.855 30.8752C22.6864 30.8752 21.5297 30.64 20.4538 30.1837C19.3779 29.7273 18.4049 29.0591 17.5927 28.2189C16.7804 27.3786 16.1456 26.3835 15.7259 25.2928C15.3063 24.2021 15.1104 23.0381 15.15 21.8701H32.56Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M28.21 21.8701C28.1564 22.989 27.6741 24.0444 26.8633 24.8173C26.0524 25.5902 24.9752 26.0214 23.855 26.0214C22.7348 26.0214 21.6576 25.5902 20.8467 24.8173C20.0359 24.0444 19.5536 22.989 19.5 21.8701H28.21Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M10.13 21.8701C10.13 25.5115 11.5766 29.0038 14.1514 31.5787C16.7263 34.1536 20.2186 35.6001 23.86 35.6001C27.5014 35.6001 30.9937 34.1536 33.5686 31.5787C36.1435 29.0038 37.59 25.5115 37.59 21.8701H10.13Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye44">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M10.22 25.29C10.22 29.92 16.13 34 23.53 34.29C32.26 34.58 37.12 30.05 36.84 25.43C36.63 21.83 31.93 19.59 24.08 19.2C14.84 18.7 10.22 20.66 10.22 25.29Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M17.46 24.34C17.4973 25.4946 17.8739 26.6126 18.5427 27.5544C19.2115 28.4963 20.143 29.2203 21.2207 29.636C22.2985 30.0517 23.4748 30.1408 24.6029 29.8921C25.7309 29.6434 26.7608 29.068 27.5638 28.2376C28.3668 27.4072 28.9075 26.3587 29.1182 25.2229C29.329 24.0872 29.2006 22.9145 28.749 21.8512C28.2974 20.788 27.5426 19.8814 26.5789 19.2445C25.6151 18.6076 24.4852 18.2687 23.33 18.27C21.7492 18.3042 20.2457 18.961 19.1465 20.0976C18.0473 21.2343 17.4412 22.7589 17.46 24.34Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M20.4 24.3399C20.4119 24.9191 20.5945 25.4819 20.9251 25.9576C21.2557 26.4333 21.7195 26.8008 22.2582 27.0138C22.7969 27.2269 23.3866 27.276 23.9532 27.1551C24.5197 27.0341 25.0379 26.7485 25.4427 26.3341C25.8475 25.9196 26.1208 25.3948 26.2283 24.8256C26.3359 24.2563 26.2728 23.668 26.0471 23.1344C25.8214 22.6009 25.4431 22.1459 24.9597 21.8266C24.4763 21.5074 23.9093 21.338 23.33 21.3399C22.5466 21.3581 21.8014 21.6823 21.2538 22.2429C20.7063 22.8035 20.3998 23.5562 20.4 24.3399Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M10.22 25.29C10.22 29.92 16.22 37.5 26.77 36.35C35.32 35.41 37.28 29.19 36.84 25.35">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M10.22 25.29C10.22 29.92 16.13 34 23.53 34.29C32.26 34.58 37.12 30.05 36.84 25.43C36.63 21.83 31.93 19.59 24.08 19.2C14.84 18.7 10.22 20.66 10.22 25.29Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye45">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M9.12 25.6698C9.12 31.6698 14.74 36.5898 21.67 36.5898C28.6 36.5898 34.21 31.6998 34.21 25.6698C34.21 19.6398 28.6 14.7598 21.67 14.7598C14.74 14.7598 9.12 19.6498 9.12 25.6698Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.12 24.9399C13.12 26.5222 13.5892 28.0689 14.4682 29.3845C15.3473 30.7001 16.5967 31.7255 18.0585 32.331C19.5203 32.9365 21.1289 33.0949 22.6807 32.7862C24.2326 32.4775 25.658 31.7156 26.7768 30.5968C27.8957 29.478 28.6576 28.0525 28.9663 26.5007C29.275 24.9488 29.1165 23.3403 28.511 21.8785C27.9055 20.4167 26.8801 19.1672 25.5646 18.2882C24.249 17.4091 22.7022 16.9399 21.12 16.9399C18.9983 16.9399 16.9634 17.7828 15.4631 19.2831C13.9629 20.7834 13.12 22.8182 13.12 24.9399Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M17.12 24.9399C17.12 25.7311 17.3546 26.5044 17.7941 27.1622C18.2336 27.82 18.8584 28.3327 19.5893 28.6355C20.3202 28.9382 21.1244 29.0174 21.9004 28.8631C22.6763 28.7087 23.389 28.3278 23.9484 27.7684C24.5078 27.209 24.8888 26.4962 25.0431 25.7203C25.1975 24.9444 25.1183 24.1401 24.8155 23.4092C24.5128 22.6783 24.0001 22.0536 23.3423 21.6141C22.6845 21.1745 21.9111 20.9399 21.12 20.9399C20.0591 20.9399 19.0417 21.3614 18.2916 22.1115C17.5414 22.8617 17.12 23.8791 17.12 24.9399Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M9.12 25.6698C9.12 31.6698 14.74 36.5898 21.67 36.5898C28.6 36.5898 34.21 31.6998 34.21 25.6698C34.21 19.6398 28.6 14.7598 21.67 14.7598C14.74 14.7598 9.12 19.6498 9.12 25.6698Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M21.67 16C9.42998 16 7.59998 22.07 7.59998 25.67H10.6C10.6 22.87 16.6 20.5 21.6 20.5C26.6 20.5 32.6 22.87 32.6 25.67H35.6C35.73 22.07 33.9 16 21.67 16ZM35.29 37.16L31.04 34.39L33.11 31.85L36.68 35.46L35.29 37.16ZM30.89 40.88L27.68 36.95L30.44 35.16L32.73 39.69L30.89 40.88ZM25.19 42.72L23.33 37.99L26.5 37.13L27.3 42.14L25.19 42.72Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye46">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M8.44996 26.0802C8.45193 23.725 9.15212 21.4233 10.462 19.4661C11.7719 17.5088 13.6327 15.9838 15.8091 15.0839C17.9856 14.184 20.38 13.9496 22.6896 14.4102C24.9993 14.8709 27.1205 16.006 28.7851 17.6721C30.4498 19.3381 31.5831 21.4603 32.0418 23.7703C32.5006 26.0804 32.2641 28.4746 31.3624 30.6502C30.4607 32.8259 28.9341 34.6854 26.9758 35.9937C25.0174 37.3019 22.7151 38.0002 20.36 38.0002C18.7951 38.0002 17.2455 37.6918 15.7999 37.0926C14.3542 36.4935 13.0409 35.6153 11.9348 34.5083C10.8287 33.4013 9.95162 32.0872 9.35368 30.641C8.75573 29.1949 8.44864 27.6451 8.44996 26.0802Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M8.51001 26.0802C8.50804 23.7361 9.20134 21.444 10.5022 19.494C11.8031 17.544 13.6532 16.0236 15.8183 15.1251C17.9834 14.2267 20.3664 13.9906 22.6657 14.4467C24.965 14.9028 27.0774 16.0306 28.7357 17.6875C30.3939 19.3443 31.5235 21.4558 31.9816 23.7547C32.4396 26.0537 32.2055 28.4368 31.3089 30.6027C30.4123 32.7686 28.8935 34.6199 26.9446 35.9224C24.9956 37.225 22.7041 37.9202 20.36 37.9202C17.2189 37.9202 14.2064 36.6731 11.9843 34.453C9.76231 32.2328 8.51266 29.2213 8.51001 26.0802Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.28" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.3101 26.0801C13.3101 27.4645 13.7206 28.8179 14.4898 29.9691C15.2589 31.1202 16.3522 32.0174 17.6313 32.5472C18.9104 33.077 20.3178 33.2157 21.6757 32.9456C23.0336 32.6755 24.2808 32.0088 25.2598 31.0298C26.2388 30.0509 26.9055 28.8036 27.1756 27.4457C27.4457 26.0878 27.307 24.6804 26.7772 23.4013C26.2474 22.1222 25.3502 21.029 24.199 20.2598C23.0479 19.4906 21.6945 19.0801 20.3101 19.0801C18.4576 19.0932 16.6847 19.8349 15.3748 21.1448C14.0649 22.4547 13.3232 24.2276 13.3101 26.0801Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M16.84 26.0798C16.84 26.7784 17.0473 27.4613 17.4356 28.042C17.8239 28.6227 18.3758 29.0751 19.0214 29.342C19.667 29.6089 20.3773 29.6782 21.0623 29.5412C21.7473 29.4042 22.3763 29.067 22.8696 28.5723C23.3629 28.0776 23.6983 27.4477 23.8334 26.7623C23.9684 26.0769 23.8971 25.3668 23.6284 24.722C23.3597 24.0771 22.9057 23.5265 22.3238 23.1398C21.742 22.7532 21.0586 22.5478 20.36 22.5498C19.4255 22.5524 18.5302 22.9255 17.8703 23.5872C17.2105 24.2489 16.84 25.1453 16.84 26.0798ZM40.5 26.4298L33.65 26.9998V23.4898L40.5 24.0798V26.4298ZM39.26 19.1498L33.18 22.3498L31.81 19.0998L38.35 16.9998L39.26 19.1498ZM35.29 12.9198L30.94 18.2398L28.41 15.7798L33.61 11.2798L35.29 12.9198Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEye47">
+        <DrawingGroup>
+            <GeometryDrawing
+                Geometry="M30.83 26H10.96">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.61" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M28.29 16.0698L11.09 25.9998L28.29 35.9398">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.61" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiEyebrow.axaml b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiEyebrow.axaml
new file mode 100644
index 00000000..ba998104
--- /dev/null
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiEyebrow.axaml
@@ -0,0 +1,421 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:util="clr-namespace:WheelWizard.Styles.Util">
+
+    <!-- Generated by svg_to_avalonia.py from folder: MiiEyebrow -->
+    <!-- Color mappings were defined interactively during script execution. -->
+
+    <!-- Color 1 = Face Fill -->
+    <!-- Color 2 = Face Border --> <!-- For some reason there is 1 that just has an empty face.. weird -->
+    <!-- Color 3 = Eyebrow Color -->
+    
+    <Design.PreviewWith>
+        <Border Padding="20" Background="{StaticResource Neutral400}">
+            <UniformGrid Columns="5">
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow00}" IconName="MiiEyebrow00"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow01}" IconName="MiiEyebrow01"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow02}" IconName="MiiEyebrow02"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow03}" IconName="MiiEyebrow03"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow04}" IconName="MiiEyebrow04"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow05}" IconName="MiiEyebrow05"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow06}" IconName="MiiEyebrow06"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow07}" IconName="MiiEyebrow07"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow08}" IconName="MiiEyebrow08"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow09}" IconName="MiiEyebrow09"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow10}" IconName="MiiEyebrow10"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow11}" IconName="MiiEyebrow11"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow12}" IconName="MiiEyebrow12"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow13}" IconName="MiiEyebrow13"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow14}" IconName="MiiEyebrow14"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow15}" IconName="MiiEyebrow15"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow16}" IconName="MiiEyebrow16"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow17}" IconName="MiiEyebrow17"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow18}" IconName="MiiEyebrow18"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow19}" IconName="MiiEyebrow19"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow20}" IconName="MiiEyebrow20"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow21}" IconName="MiiEyebrow21"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow22}" IconName="MiiEyebrow22"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiEyebrow23}" IconName="MiiEyebrow23"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+            </UniformGrid>
+        </Border>
+    </Design.PreviewWith>
+
+
+    <DrawingImage x:Key="MiiEyebrow00">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M44.141 25.2738C44.141 25.2738 39.922 18.8998 29.7 19.2928C19.2 19.6928 8.40002 30.3788 8.40002 30.3788C8.40002 30.3788 20.62 21.2258 29.736 20.7878C39.154 20.3358 44.141 25.2738 44.141 25.2738Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.194" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow01">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M11.356 26.6158C8.09003 29.1838 8.27703 31.5448 9.43903 32.5158C11.209 33.9928 13.273 32.9568 15.339 31.0428C16.739 29.7428 24.939 21.4208 33.179 21.0338C37.0738 20.9411 40.9009 22.0622 44.13 24.2418C41.2015 21.024 37.151 19.051 32.812 18.7288C26.64 18.3858 15.083 23.6868 11.356 26.6158Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow02">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M41.268 27.0591H9.45801">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="8.775" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow03">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M7.82605 32.2939C7.82605 32.2939 20.8561 14.2099 31.6101 14.6829C33.814 14.742 35.9608 15.3972 37.8222 16.5788C39.6835 17.7605 41.1899 19.4245 42.181 21.3939">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.925" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow04">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M12.982 23.2758L8.98596 34.1708L40.635 24.6468L42.126 21.9468L12.982 23.2758Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.194" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow05">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M9.29004 29.299L24.806 19.229L40.324 29.299">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="9.506" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow06">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M7.8269 28.8909V33.5769L43.3549 23.3059L35.7129 15.2539L7.8269 28.8909Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow07">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M12.624 30.6188C12.624 30.6188 16.57 23.8188 23.804 23.8188C31.038 23.8188 35.178 31.0538 35.178 31.0538">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.656" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow08">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M8.36401 25.8682C8.36401 25.8682 18.143 25.5112 24.404 27.6512C31.076 29.9312 34.489 33.8512 36.695 34.9272C37.0532 35.1186 37.4714 35.1649 37.8628 35.0565C38.2542 34.9481 38.589 34.6933 38.7977 34.3449C39.0064 33.9964 39.0731 33.5811 38.984 33.1848C38.8949 32.7885 38.6568 32.4417 38.319 32.2162C35.84 29.8312 31 27.9592 24.944 26.5812C18.684 25.1552 8.36401 25.8682 8.36401 25.8682Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.656" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow09">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M7.479 29.1779L9.746 32.2239C9.746 32.2239 20.278 22.8829 27.377 22.5239C31.3948 22.2409 35.4241 22.8788 39.158 24.3889L41.488 18.0419C36.9484 16.4056 32.076 15.9104 27.3 16.5999C16.281 18.0659 7.479 29.1779 7.479 29.1779Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow10">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M41.5231 15.7998L8.79907 29.9678L41.5231 15.7998Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M41.5231 15.7998L8.79907 29.9678">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.925" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow11">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M24.0939 17.8861C14.4379 20.5251 10.5489 26.7661 10.0379 27.9861C9.80354 28.5618 9.68821 29.1789 9.69893 29.8004C9.70964 30.4218 9.84618 31.0346 10.1003 31.6018C10.3544 32.169 10.7208 32.6788 11.1774 33.1005C11.634 33.5221 12.1714 33.8469 12.7569 34.0551C13.9489 34.5258 15.276 34.5208 16.4643 34.0412C17.6526 33.5617 18.6115 32.6442 19.1429 31.4781C19.1429 31.4781 22.0489 25.5842 26.7529 23.4401C33.0799 20.5561 43.0749 22.4401 43.0749 22.4401C43.0749 22.4401 34.1179 15.1461 24.0939 17.8861Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M24.0939 17.8861C14.4379 20.5251 10.5489 26.7661 10.0379 27.9861C9.80354 28.5618 9.68821 29.1789 9.69893 29.8004C9.70964 30.4218 9.84618 31.0346 10.1003 31.6018C10.3544 32.169 10.7208 32.6788 11.1774 33.1005C11.634 33.5221 12.1714 33.8469 12.7569 34.0551C13.9489 34.5258 15.276 34.5208 16.4643 34.0412C17.6526 33.5617 18.6115 32.6442 19.1429 31.4781C19.1429 31.4781 22.0489 25.5841 26.7529 23.4401C33.0799 20.5561 43.0749 22.4401 43.0749 22.4401C43.0749 22.4401 34.1179 15.1461 24.0939 17.8861Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow12">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M9.50988 33.2402L33.4579 26.6822L31.5289 18.4092L7.57788 24.9662L9.50988 33.2402Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M31.702 18.186L43.729 28.951L30.271 26.517">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M31.702 18.186L43.729 28.951L30.271 26.517">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow13">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M35.227 27.6532C35.227 27.6532 26.135 34.0532 19.943 31.4772C13.986 29.0002 13.2 22.0342 13.2 22.0342">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.656" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow14">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M35.5319 24.8941C36.2722 24.6529 36.8884 24.131 37.248 23.4405C37.6076 22.7499 37.682 21.9459 37.4551 21.2011C37.2283 20.4563 36.7184 19.8302 36.0349 19.4573C35.3514 19.0845 34.5489 18.9946 33.7999 19.2071L11.3399 23.9931C10.1081 24.3969 9.08361 25.2673 8.48615 26.4177C7.88868 27.5681 7.76583 28.9069 8.14395 30.1468C8.52206 31.3867 9.37103 32.4291 10.5088 33.0504C11.6465 33.6716 12.9824 33.8223 14.2299 33.4701L35.5319 24.8941Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow15">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M35.356 21.6182C42.28 23.1182 45.437 26.4252 45.437 26.4252C45.437 26.4252 39.451 23.5252 35.154 23.6252C31.197 23.7142 28.711 26.7562 25.498 28.2872C23.2146 29.5347 20.7723 30.4663 18.238 31.0562">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M35.356 21.6182C42.28 23.1182 45.437 26.4252 45.437 26.4252C45.437 26.4252 39.451 23.5252 35.154 23.6252C31.197 23.7142 28.711 26.7562 25.498 28.2872C23.2146 29.5347 20.7723 30.4663 18.238 31.0562">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M35.154 23.6221C31.197 23.7111 28.711 26.7531 25.498 28.2841C23.2146 29.5317 20.7723 30.4632 18.238 31.0531C12.346 31.9901 9.57901 30.3141 9.08301 29.9651L12.633 27.7031C12.647 27.7091 13.942 28.3731 17.133 27.8651C19.0372 27.3258 20.8768 26.58 22.619 25.6411C26.826 23.6351 30.867 21.0221 35.36 21.6181">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M35.154 23.6221C31.197 23.7111 28.711 26.7531 25.498 28.2841C23.2146 29.5317 20.7723 30.4632 18.238 31.0531C12.346 31.9901 9.57901 30.3141 9.08301 29.9651L12.633 27.7031C12.647 27.7091 13.942 28.3731 17.133 27.8651C19.0372 27.3258 20.8768 26.58 22.619 25.6411C26.826 23.6351 30.867 21.0221 35.36 21.6181">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow16">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M7.51709 31.0999C7.51709 31.486 7.63157 31.8634 7.84606 32.1844C8.06055 32.5054 8.36541 32.7556 8.72209 32.9033C9.07877 33.0511 9.47126 33.0897 9.84991 33.0144C10.2286 32.9391 10.5764 32.7532 10.8494 32.4802C11.1224 32.2072 11.3083 31.8594 11.3836 31.4807C11.4589 31.1021 11.4202 30.7096 11.2725 30.3529C11.1248 29.9962 10.8746 29.6914 10.5536 29.4769C10.2326 29.2624 9.85516 29.1479 9.46909 29.1479C9.21271 29.1478 8.95882 29.1982 8.72194 29.2962C8.48505 29.3943 8.26981 29.5381 8.08852 29.7193C7.90724 29.9006 7.76346 30.1159 7.66541 30.3528C7.56736 30.5896 7.51696 30.8435 7.51709 31.0999ZM13.6451 26.8819C13.6451 27.2679 13.7595 27.6451 13.9739 27.9661C14.1882 28.287 14.4929 28.5372 14.8494 28.685C15.2059 28.8329 15.5982 28.8717 15.9768 28.7966C16.3554 28.7215 16.7032 28.5359 16.9763 28.2632C17.2494 27.9905 17.4356 27.643 17.5112 27.2646C17.5869 26.8861 17.5486 26.4937 17.4014 26.137C17.2541 25.7803 17.0044 25.4752 16.6837 25.2603C16.3631 25.0455 15.986 24.9305 15.6001 24.9299C15.3434 24.9293 15.0892 24.9793 14.8519 25.0771C14.6146 25.1749 14.3989 25.3186 14.2173 25.5C14.0357 25.6813 13.8916 25.8968 13.7934 26.1339C13.6952 26.3711 13.6448 26.6252 13.6451 26.8819ZM19.7731 22.6599C19.7731 23.046 19.8876 23.4235 20.1021 23.7445C20.3167 24.0655 20.6216 24.3157 20.9783 24.4634C21.3351 24.6111 21.7276 24.6497 22.1063 24.5743C22.485 24.4989 22.8328 24.3129 23.1057 24.0398C23.3787 23.7667 23.5645 23.4188 23.6397 23.0401C23.7149 22.6614 23.6761 22.2689 23.5282 21.9122C23.3803 21.5556 23.13 21.2508 22.8088 21.0364C22.4877 20.822 22.1102 20.7077 21.7241 20.7079C21.4678 20.7078 21.2139 20.7582 20.9771 20.8562C20.7403 20.9543 20.5251 21.0981 20.3439 21.2794C20.1627 21.4607 20.019 21.676 19.921 21.9128C19.8231 22.1497 19.7728 22.4036 19.7731 22.6599ZM26.7001 20.6849C26.7001 21.071 26.8146 21.4485 27.0291 21.7695C27.2437 22.0905 27.5486 22.3407 27.9053 22.4884C28.2621 22.6361 28.6546 22.6747 29.0333 22.5993C29.412 22.5239 29.7598 22.3379 30.0327 22.0648C30.3057 21.7917 30.4915 21.4438 30.5667 21.0651C30.6419 20.6864 30.6031 20.2939 30.4552 19.9372C30.3073 19.5806 30.057 19.2758 29.7358 19.0614C29.4147 18.847 29.0372 18.7327 28.6511 18.7329C28.3948 18.7328 28.1409 18.7832 27.9041 18.8812C27.6673 18.9793 27.4521 19.1231 27.2709 19.3044C27.0897 19.4857 26.946 19.701 26.848 19.9378C26.7501 20.1747 26.6998 20.4286 26.7001 20.6849ZM33.6841 21.5129C33.6839 21.899 33.7982 22.2765 34.0126 22.5977C34.2269 22.9188 34.5317 23.1691 34.8884 23.317C35.2451 23.4649 35.6376 23.5037 36.0163 23.4285C36.395 23.3533 36.7429 23.1675 37.016 22.8945C37.2891 22.6216 37.4751 22.2738 37.5505 21.8951C37.6259 21.5164 37.5873 21.1239 37.4396 20.7671C37.2919 20.4104 37.0417 20.1055 36.7207 19.891C36.3996 19.6764 36.0222 19.5619 35.6361 19.5619C35.3798 19.5618 35.126 19.6121 34.8892 19.7101C34.6523 19.8081 34.4371 19.9518 34.2559 20.133C34.0746 20.3142 33.9308 20.5293 33.8327 20.7661C33.7346 21.0028 33.6841 21.2566 33.6841 21.5129ZM39.5101 26.1429C39.5099 26.529 39.6242 26.9065 39.8386 27.2277C40.0529 27.5488 40.3577 27.7991 40.7144 27.947C41.0711 28.0949 41.4636 28.1337 41.8423 28.0585C42.221 27.9833 42.5689 27.7975 42.842 27.5245C43.1151 27.2516 43.3011 26.9038 43.3765 26.5251C43.4519 26.1464 43.4133 25.7539 43.2656 25.3971C43.1179 25.0404 42.8677 24.7355 42.5467 24.521C42.2256 24.3064 41.8482 24.1919 41.4621 24.1919C40.9446 24.1919 40.4482 24.3974 40.0822 24.7633C39.7161 25.1291 39.5104 25.6254 39.5101 26.1429Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow17">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M35.4379 32.1131C35.4379 26.5841 30.0479 22.1021 23.3989 22.1021C16.7499 22.1021 11.3589 26.5841 11.3589 32.1131">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="5.85" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow18">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M6.61401 23.9421L31.344 23.4551L43.196 25.7221L37.365 28.0331L41.167 31.0091L36.35 30.6771L39.139 36.2961L28.825 30.0191L6.61401 26.4191V23.9421Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="0.731" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow19">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M6.61694 28.7572L8.04394 31.7732C8.04394 31.7732 23.4689 25.0792 29.7439 23.7212C36.0189 22.3632 43.3619 25.7002 43.3619 25.7002C43.3619 25.7002 36.6619 21.7222 29.8529 21.7222C23.0439 21.7222 6.61694 28.7572 6.61694 28.7572Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow20">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M33.8451 25.3171C30.0931 23.6661 23.6171 23.4851 18.2831 23.9461C14.9841 24.2233 11.663 24.0714 8.40308 23.4941V30.7441C11.966 31.0454 15.5499 30.9958 19.1031 30.5961C23.3599 29.802 27.7202 29.7327 32.0001 30.3911C34.9068 31.0703 37.6788 32.2332 40.2001 33.8311L41.9541 30.5701C39.4515 28.5276 36.7322 26.766 33.8451 25.3171Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M33.8451 25.3171C30.0931 23.6661 23.6171 23.4851 18.2831 23.9461C14.9841 24.2233 11.663 24.0714 8.40308 23.4941V30.7441C11.966 31.0454 15.5499 30.9958 19.1031 30.5961C23.3599 29.802 27.7202 29.7327 32.0001 30.3911C34.9068 31.0703 37.6788 32.2332 40.2001 33.8311L41.9541 30.5701C39.4515 28.5276 36.7322 26.766 33.8451 25.3171Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow21">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M10.395 27.3372L32.29 15.4922L44.878 26.7012L32.29 20.6652L10.395 33.1112V27.3372Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow22">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M30.533 16.2858C31.8312 16.3921 33.0796 16.8331 34.1566 17.5657C35.2336 18.2982 36.1023 19.2975 36.678 20.4658C38.056 22.9598 38.615 24.9008 42.051 26.4658C42.051 26.4658 37.702 26.2178 35.325 23.3438C33.679 21.3568 32.651 20.2588 30.388 20.3278C28.688 20.3798 26.119 23.3698 24.242 25.6668L22.253 28.0208C20.7448 29.6843 18.8471 30.9471 16.7302 31.6957C14.6133 32.4443 12.3436 32.6554 10.125 32.3098V28.3798C10.338 28.4168 15.748 29.2628 19.285 25.3418L21.146 23.1338C23.822 19.8638 26.855 16.1598 30.533 16.2858Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.463" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiEyebrow23">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+</ResourceDictionary>
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiFace.axaml b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiFace.axaml
new file mode 100644
index 00000000..de2f3f66
--- /dev/null
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiFace.axaml
@@ -0,0 +1,181 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:util="clr-namespace:WheelWizard.Styles.Util">
+
+    <!-- Generated by svg_to_avalonia.py from folder: MiiFace -->
+    <!-- Color mappings were defined interactively during script execution. -->
+
+    <!-- Color 1 = Face Fill -->
+    <!-- Color 2 = Face Border -->
+    <!-- Color 3 = Face Features (Smile) -->
+    
+    <Design.PreviewWith>
+        <Border Padding="20" Background="{StaticResource Neutral400}">
+            <UniformGrid Columns="5">
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiFace00}" IconName="MiiFace00"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiFace01}" IconName="MiiFace01"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiFace02}" IconName="MiiFace02"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiFace03}" IconName="MiiFace03"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiFace04}" IconName="MiiFace04"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiFace05}" IconName="MiiFace05"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiFace06}" IconName="MiiFace06"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiFace07}" IconName="MiiFace07"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+            </UniformGrid>
+        </Border>
+    </Design.PreviewWith>
+    
+    <DrawingImage x:Key="MiiColorBall">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 42.0501C34.8862 42.0501 42.0899 34.8464 42.0899 25.9601C42.0899 17.0739 34.8862 9.87012 25.9999 9.87012C17.1137 9.87012 9.90991 17.0739 9.90991 25.9601C9.90991 34.8464 17.1137 42.0501 25.9999 42.0501Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+    
+    <DrawingImage x:Key="MiiFace00">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 11.2002C18.25 11.2002 12.69 17.4902 13.14 25.2002C13.58 32.7602 24.32 40.8002 26 40.8002C27.68 40.8002 38.42 32.8002 38.86 25.2302C39.31 17.4902 33.75 11.2002 26 11.2002Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.34" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M22.42 25.4202C22.42 25.7604 22.3191 26.0929 22.1301 26.3758C21.9411 26.6586 21.6725 26.8791 21.3582 27.0093C21.0439 27.1395 20.6981 27.1735 20.3644 27.1071C20.0308 27.0408 19.7243 26.877 19.4838 26.6364C19.2432 26.3959 19.0794 26.0894 19.013 25.7558C18.9467 25.4221 18.9807 25.0763 19.1109 24.762C19.2411 24.4477 19.4615 24.1791 19.7444 23.9901C20.0273 23.8011 20.3598 23.7002 20.7 23.7002C21.1562 23.7002 21.5936 23.8814 21.9162 24.204C22.2388 24.5265 22.42 24.964 22.42 25.4202ZM32.94 25.4202C32.94 25.7604 32.8391 26.0929 32.6501 26.3758C32.4611 26.6586 32.1925 26.8791 31.8782 27.0093C31.5639 27.1395 31.2181 27.1735 30.8844 27.1071C30.5508 27.0408 30.2443 26.877 30.0038 26.6364C29.7632 26.3959 29.5994 26.0894 29.533 25.7558C29.4667 25.4221 29.5007 25.0763 29.6309 24.762C29.7611 24.4477 29.9815 24.1791 30.2644 23.9901C30.5473 23.8011 30.8798 23.7002 31.22 23.7002C31.6762 23.7002 32.1136 23.8814 32.4362 24.204C32.7588 24.5265 32.94 24.964 32.94 25.4202ZM26 34.4602C24.2969 34.4766 22.6042 34.1923 21 33.6202L21.6 31.9702C24.4257 32.9401 27.4942 32.9401 30.32 31.9702L30.92 33.6202C29.3155 34.1915 27.623 34.4758 25.92 34.4602H26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiFace01">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 40.02C33.743 40.02 40.02 33.743 40.02 26C40.02 18.2569 33.743 11.98 26 11.98C18.2569 11.98 11.98 18.2569 11.98 26C11.98 33.743 18.2569 40.02 26 40.02Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.34" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M22.42 25.4202C22.42 25.7604 22.3191 26.0929 22.1301 26.3758C21.9411 26.6586 21.6725 26.8791 21.3582 27.0093C21.0439 27.1395 20.6981 27.1735 20.3644 27.1071C20.0308 27.0408 19.7243 26.877 19.4838 26.6364C19.2432 26.3959 19.0794 26.0894 19.013 25.7558C18.9467 25.4221 18.9807 25.0763 19.1109 24.762C19.2411 24.4477 19.4615 24.1791 19.7444 23.9901C20.0273 23.8011 20.3598 23.7002 20.7 23.7002C21.1562 23.7002 21.5936 23.8814 21.9162 24.204C22.2388 24.5265 22.42 24.964 22.42 25.4202ZM32.94 25.4202C32.94 25.7604 32.8391 26.0929 32.6501 26.3758C32.4611 26.6586 32.1925 26.8791 31.8782 27.0093C31.5639 27.1395 31.2181 27.1735 30.8844 27.1071C30.5508 27.0408 30.2443 26.877 30.0038 26.6364C29.7632 26.3959 29.5994 26.0894 29.533 25.7558C29.4667 25.4221 29.5007 25.0763 29.6309 24.762C29.7611 24.4477 29.9815 24.1791 30.2644 23.9901C30.5473 23.8011 30.8798 23.7002 31.22 23.7002C31.6762 23.7002 32.1136 23.8814 32.4362 24.204C32.7588 24.5265 32.94 24.964 32.94 25.4202ZM26 34.4702C24.2963 34.4832 22.6037 34.1955 21 33.6202L21.6 31.9702C24.4257 32.9401 27.4942 32.9401 30.32 31.9702L30.92 33.6202C29.3161 34.1947 27.6236 34.4824 25.92 34.4702H26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiFace02">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 9.52002C18.25 9.52002 13.07 16.09 13.07 24.2C13.07 32.31 18.25 42.48 26 42.48C33.75 42.48 38.93 32.3 38.93 24.2C38.93 16.1 33.75 9.52002 26 9.52002Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.34" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M22.42 25.4202C22.42 25.7604 22.3191 26.0929 22.1301 26.3758C21.9411 26.6586 21.6725 26.8791 21.3582 27.0093C21.0439 27.1395 20.6981 27.1735 20.3644 27.1071C20.0308 27.0408 19.7243 26.877 19.4838 26.6364C19.2432 26.3959 19.0794 26.0894 19.013 25.7558C18.9467 25.4221 18.9807 25.0763 19.1109 24.762C19.2411 24.4477 19.4615 24.1791 19.7444 23.9901C20.0273 23.8011 20.3598 23.7002 20.7 23.7002C21.1562 23.7002 21.5936 23.8814 21.9162 24.204C22.2388 24.5265 22.42 24.964 22.42 25.4202ZM32.94 25.4202C32.94 25.7604 32.8391 26.0929 32.6501 26.3758C32.4611 26.6586 32.1925 26.8791 31.8782 27.0093C31.5639 27.1395 31.2181 27.1735 30.8844 27.1071C30.5508 27.0408 30.2443 26.877 30.0038 26.6364C29.7632 26.3959 29.5994 26.0894 29.533 25.7558C29.4667 25.4221 29.5007 25.0763 29.6309 24.762C29.7611 24.4477 29.9815 24.1791 30.2644 23.9901C30.5473 23.8011 30.8798 23.7002 31.22 23.7002C31.6762 23.7002 32.1136 23.8814 32.4362 24.204C32.7588 24.5265 32.94 24.964 32.94 25.4202ZM26 34.4602C24.2969 34.4766 22.6042 34.1923 21 33.6202L21.6 31.9702C24.4257 32.9401 27.4942 32.9401 30.32 31.9702L30.92 33.6202C29.3155 34.1915 27.623 34.4758 25.92 34.4602H26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiFace03">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M39.17 24.2502C39.17 16.5202 33.75 11.1802 26.02 11.1602C18.29 11.1602 12.87 16.5202 12.87 24.2502C12.87 27.8902 9.39998 32.8402 12.07 36.6002C14.55 40.1002 20.99 40.8302 26.07 40.8402C31.07 40.8402 37.54 40.1002 40.07 36.6002C42.64 32.8402 39.17 27.8902 39.17 24.2502Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.34" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M22.42 25.4202C22.42 25.7604 22.3191 26.0929 22.1301 26.3758C21.9411 26.6586 21.6725 26.8791 21.3582 27.0093C21.0439 27.1395 20.6981 27.1735 20.3644 27.1071C20.0308 27.0408 19.7243 26.877 19.4838 26.6364C19.2432 26.3959 19.0794 26.0894 19.013 25.7558C18.9467 25.4221 18.9807 25.0763 19.1109 24.762C19.2411 24.4477 19.4615 24.1791 19.7444 23.9901C20.0273 23.8011 20.3598 23.7002 20.7 23.7002C21.1562 23.7002 21.5936 23.8814 21.9162 24.204C22.2388 24.5265 22.42 24.964 22.42 25.4202ZM32.94 25.4202C32.94 25.7604 32.8391 26.0929 32.6501 26.3758C32.4611 26.6586 32.1925 26.8791 31.8782 27.0093C31.5639 27.1395 31.2181 27.1735 30.8844 27.1071C30.5508 27.0408 30.2443 26.877 30.0038 26.6364C29.7632 26.3959 29.5994 26.0894 29.533 25.7558C29.4667 25.4221 29.5007 25.0763 29.6309 24.762C29.7611 24.4477 29.9815 24.1791 30.2644 23.9901C30.5473 23.8011 30.8798 23.7002 31.22 23.7002C31.6762 23.7002 32.1136 23.8814 32.4362 24.204C32.7588 24.5265 32.94 24.964 32.94 25.4202ZM26 34.4602C24.2969 34.4766 22.6042 34.1923 21 33.6202L21.6 31.9702C24.4257 32.9401 27.4942 32.9401 30.32 31.9702L30.92 33.6202C29.3155 34.1915 27.623 34.4758 25.92 34.4602H26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiFace04">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 10.0698C18.25 10.0698 13.29 16.4698 13.29 24.3598V35.6098L26 41.9298L38.71 35.6098V24.3598C38.71 16.4698 33.75 10.0698 26 10.0698Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.34" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M22.42 25.4202C22.42 25.7604 22.3191 26.0929 22.1301 26.3758C21.9411 26.6586 21.6725 26.8791 21.3582 27.0093C21.0439 27.1395 20.6981 27.1735 20.3644 27.1071C20.0308 27.0408 19.7243 26.877 19.4838 26.6364C19.2432 26.3959 19.0794 26.0894 19.013 25.7558C18.9467 25.4221 18.9807 25.0763 19.1109 24.762C19.2411 24.4477 19.4615 24.1791 19.7444 23.9901C20.0273 23.8011 20.3598 23.7002 20.7 23.7002C21.1562 23.7002 21.5936 23.8814 21.9162 24.204C22.2388 24.5265 22.42 24.964 22.42 25.4202ZM32.94 25.4202C32.94 25.7604 32.8391 26.0929 32.6501 26.3758C32.4611 26.6586 32.1925 26.8791 31.8782 27.0093C31.5639 27.1395 31.2181 27.1735 30.8844 27.1071C30.5508 27.0408 30.2443 26.877 30.0038 26.6364C29.7632 26.3959 29.5994 26.0894 29.533 25.7558C29.4667 25.4221 29.5007 25.0763 29.6309 24.762C29.7611 24.4477 29.9815 24.1791 30.2644 23.9901C30.5473 23.8011 30.8798 23.7002 31.22 23.7002C31.6762 23.7002 32.1136 23.8814 32.4362 24.204C32.7588 24.5265 32.94 24.964 32.94 25.4202ZM26 34.4702C24.2963 34.4832 22.6037 34.1955 21 33.6202L21.6 31.9702C24.4257 32.9401 27.4942 32.9401 30.32 31.9702L30.92 33.6202C29.3161 34.1947 27.6236 34.4824 25.92 34.4702H26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiFace05">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 40.5799C30.07 40.5799 37.39 40.1899 38.37 38.3399C39.56 36.0899 40 29.1199 40 25.4399C40 21.7269 38.525 18.166 35.8995 15.5404C33.274 12.9149 29.713 11.4399 26 11.4399C22.287 11.4399 18.726 12.9149 16.1005 15.5404C13.475 18.166 12 21.7269 12 25.4399C12 29.1199 12.46 36.0899 13.65 38.3399C14.6 40.1899 21.93 40.5799 26 40.5799Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.34" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M22.42 25.4202C22.42 25.7604 22.3191 26.093 22.1301 26.3758C21.9411 26.6587 21.6725 26.8791 21.3582 27.0093C21.0439 27.1395 20.6981 27.1735 20.3644 27.1072C20.0308 27.0408 19.7243 26.877 19.4838 26.6364C19.2432 26.3959 19.0794 26.0894 19.013 25.7558C18.9467 25.4221 18.9807 25.0763 19.1109 24.762C19.2411 24.4477 19.4615 24.1791 19.7444 23.9901C20.0273 23.8011 20.3598 23.7002 20.7 23.7002C20.9262 23.6989 21.1505 23.7425 21.3598 23.8284C21.569 23.9144 21.7592 24.0411 21.9192 24.201C22.0791 24.361 22.2058 24.5512 22.2918 24.7604C22.3777 24.9697 22.4213 25.194 22.42 25.4202ZM32.94 25.4202C32.94 25.7604 32.8391 26.093 32.6501 26.3758C32.4611 26.6587 32.1925 26.8791 31.8782 27.0093C31.5639 27.1395 31.2181 27.1735 30.8844 27.1072C30.5508 27.0408 30.2443 26.877 30.0038 26.6364C29.7632 26.3959 29.5994 26.0894 29.533 25.7558C29.4667 25.4221 29.5007 25.0763 29.6309 24.762C29.7611 24.4477 29.9815 24.1791 30.2644 23.9901C30.5473 23.8011 30.8798 23.7002 31.22 23.7002C31.4462 23.6989 31.6705 23.7425 31.8798 23.8284C32.089 23.9144 32.2792 24.0411 32.4392 24.201C32.5991 24.361 32.7258 24.5512 32.8118 24.7604C32.8977 24.9697 32.9413 25.194 32.94 25.4202ZM26 34.4702C24.2963 34.4833 22.6037 34.1955 21 33.6202L21.6 31.9702C24.4257 32.9401 27.4942 32.9401 30.32 31.9702L30.92 33.6202C29.3161 34.1947 27.6236 34.4824 25.92 34.4702H26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiFace06">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M31.94 42.1001L38.71 33.5801V24.3701C38.71 16.4801 33.71 10.0801 26 10.0801C18.29 10.0801 13.29 16.4801 13.29 24.3701V33.5801L20.06 42.1001H31.94Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.34" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M22.42 25.43C22.42 25.7701 22.3191 26.1027 22.1301 26.3855C21.9411 26.6684 21.6725 26.8889 21.3582 27.019C21.0439 27.1492 20.6981 27.1833 20.3644 27.1169C20.0308 27.0505 19.7243 26.8867 19.4838 26.6462C19.2432 26.4056 19.0794 26.0992 19.013 25.7655C18.9467 25.4319 18.9807 25.086 19.1109 24.7717C19.2411 24.4575 19.4615 24.1888 19.7444 23.9998C20.0273 23.8108 20.3598 23.71 20.7 23.71C21.1562 23.71 21.5936 23.8912 21.9162 24.2137C22.2388 24.5363 22.42 24.9738 22.42 25.43ZM32.94 25.43C32.94 25.7701 32.8391 26.1027 32.6501 26.3855C32.4611 26.6684 32.1925 26.8889 31.8782 27.019C31.5639 27.1492 31.2181 27.1833 30.8844 27.1169C30.5508 27.0505 30.2443 26.8867 30.0038 26.6462C29.7632 26.4056 29.5994 26.0992 29.533 25.7655C29.4667 25.4319 29.5007 25.086 29.6309 24.7717C29.7611 24.4575 29.9815 24.1888 30.2644 23.9998C30.5473 23.8108 30.8798 23.71 31.22 23.71C31.6762 23.71 32.1136 23.8912 32.4362 24.2137C32.7588 24.5363 32.94 24.9738 32.94 25.43ZM26 34.48C24.2963 34.493 22.6037 34.2052 21 33.63L21.6 31.98C24.4241 32.9599 27.4959 32.9599 30.32 31.98L30.92 33.63C29.3161 34.2044 27.6236 34.4922 25.92 34.48H26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiFace07">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 42.48C40.41 42.48 38.93 32.3 38.93 24.2C38.93 16.1 33.74 9.52002 26 9.52002C18.26 9.52002 13.07 16.09 13.07 24.2C13.07 32.31 11.59 42.48 26 42.48Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.34" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M22.42 25.4202C22.42 25.7604 22.3191 26.093 22.1301 26.3758C21.9411 26.6587 21.6725 26.8791 21.3582 27.0093C21.0439 27.1395 20.6981 27.1735 20.3644 27.1072C20.0308 27.0408 19.7243 26.877 19.4838 26.6364C19.2432 26.3959 19.0794 26.0894 19.013 25.7558C18.9467 25.4221 18.9807 25.0763 19.1109 24.762C19.2411 24.4477 19.4615 24.1791 19.7444 23.9901C20.0273 23.8011 20.3598 23.7002 20.7 23.7002C20.9262 23.6989 21.1505 23.7425 21.3598 23.8284C21.569 23.9144 21.7592 24.0411 21.9192 24.201C22.0791 24.361 22.2058 24.5512 22.2918 24.7604C22.3777 24.9697 22.4213 25.194 22.42 25.4202ZM32.94 25.4202C32.94 25.7604 32.8391 26.093 32.6501 26.3758C32.4611 26.6587 32.1925 26.8791 31.8782 27.0093C31.5639 27.1395 31.2181 27.1735 30.8844 27.1072C30.5508 27.0408 30.2443 26.877 30.0038 26.6364C29.7632 26.3959 29.5994 26.0894 29.533 25.7558C29.4667 25.4221 29.5007 25.0763 29.6309 24.762C29.7611 24.4477 29.9815 24.1791 30.2644 23.9901C30.5473 23.8011 30.8798 23.7002 31.22 23.7002C31.4462 23.6989 31.6705 23.7425 31.8798 23.8284C32.089 23.9144 32.2792 24.0411 32.4392 24.201C32.5991 24.361 32.7258 24.5512 32.8118 24.7604C32.8977 24.9697 32.9413 25.194 32.94 25.4202ZM26 34.4702C24.2963 34.4833 22.6037 34.1955 21 33.6202L21.6 31.9702C24.4257 32.9401 27.4942 32.9401 30.32 31.9702L30.92 33.6202C29.3161 34.1947 27.6236 34.4824 25.92 34.4702H26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+</ResourceDictionary>
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiGlasses.axaml b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiGlasses.axaml
new file mode 100644
index 00000000..62f1127a
--- /dev/null
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiGlasses.axaml
@@ -0,0 +1,235 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:util="clr-namespace:WheelWizard.Styles.Util">
+
+    <!-- Generated by svg_to_avalonia.py from folder: MiiGlasses -->
+    <!-- Color mappings were defined interactively during script execution. -->
+
+    <!-- Color 1 = Face Fill -->
+    <!-- Color 2 = Face Border -->
+    <!-- Color 3 = Glass Color -->
+
+    <Design.PreviewWith>
+        <Border Padding="20" Background="{StaticResource Neutral400}">
+            <UniformGrid Columns="5">
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGlasses00}" IconName="MiiGlasses00"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGlasses01}" IconName="MiiGlasses01"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGlasses02}" IconName="MiiGlasses02"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGlasses03}" IconName="MiiGlasses03"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGlasses04}" IconName="MiiGlasses04"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGlasses05}" IconName="MiiGlasses05"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGlasses06}" IconName="MiiGlasses06"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGlasses07}" IconName="MiiGlasses07"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGlasses08}" IconName="MiiGlasses08"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+            </UniformGrid>
+        </Border>
+    </Design.PreviewWith>
+
+
+    <DrawingImage x:Key="MiiGlasses00">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGlasses01">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M42.09 26.0002C42.09 29.1825 41.1463 32.2933 39.3783 34.9393C37.6103 37.5853 35.0974 39.6476 32.1574 40.8654C29.2173 42.0832 25.9821 42.4018 22.861 41.781C19.7398 41.1602 16.8729 39.6277 14.6226 37.3775C12.3724 35.1273 10.84 32.2603 10.2192 29.1392C9.59832 26.018 9.91696 22.7828 11.1348 19.8428C12.3526 16.9027 14.4149 14.3898 17.0609 12.6218C19.7069 10.8538 22.8177 9.91016 26 9.91016C28.113 9.91016 30.2052 10.3263 32.1574 11.1349C34.1095 11.9435 35.8833 13.1287 37.3773 14.6228C38.8714 16.1169 40.0566 17.8907 40.8652 19.8428C41.6738 21.7949 42.09 23.8872 42.09 26.0002Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M28.28 24.8099H23.72M24.19 23.2599L23.86 27.1799C23.7958 27.7831 23.5281 28.3465 23.1009 28.7773C22.6738 29.2081 22.1127 29.4806 21.51 29.5499H15C14.3973 29.4806 13.8362 29.2081 13.4091 28.7773C12.9819 28.3465 12.7142 27.7831 12.65 27.1799L12.32 23.2599C12.2716 22.971 12.2873 22.675 12.3659 22.3929C12.4446 22.1107 12.5842 21.8493 12.775 21.627C12.9657 21.4048 13.203 21.2271 13.47 21.1067C13.737 20.9862 14.0271 20.9259 14.32 20.9299H22.23C22.5195 20.9317 22.8052 20.9963 23.0672 21.1194C23.3293 21.2424 23.5616 21.4208 23.7479 21.6424C23.9343 21.8639 24.0703 22.1233 24.1467 22.4026C24.223 22.6818 24.2378 22.9743 24.19 23.2599ZM27.81 23.2599L28.14 27.1799C28.2077 27.7818 28.4765 28.3433 28.903 28.7734C29.3295 29.2035 29.8887 29.4771 30.49 29.5499H37C37.6027 29.4806 38.1638 29.2081 38.5909 28.7773C39.0181 28.3465 39.2858 27.7831 39.35 27.1799L39.68 23.2599C39.7284 22.971 39.7127 22.675 39.6341 22.3929C39.5554 22.1107 39.4158 21.8493 39.225 21.627C39.0343 21.4048 38.797 21.2271 38.53 21.1067C38.263 20.9862 37.9729 20.9259 37.68 20.9299H29.77C29.4805 20.9317 29.1948 20.9963 28.9328 21.1194C28.6707 21.2424 28.4384 21.4208 28.2521 21.6424C28.0657 21.8639 27.9297 22.1233 27.8533 22.4026C27.777 22.6818 27.7622 22.9743 27.81 23.2599Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.49" Brush="{StaticResource TemplateColor3}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGlasses02">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 42.0902C34.8863 42.0902 42.09 34.8864 42.09 26.0002C42.09 17.1139 34.8863 9.91016 26 9.91016C17.1137 9.91016 9.91 17.1139 9.91 26.0002C9.91 34.8864 17.1137 42.0902 26 42.0902Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M28.01 24.72H23.99M24.11 26.86C24.0919 27.2349 23.926 27.5875 23.6486 27.8404C23.3713 28.0934 23.0051 28.2263 22.63 28.21H13.63C13.254 28.2263 12.8866 28.0938 12.6077 27.8411C12.3288 27.5883 12.1607 27.2358 12.14 26.86V23.45C12.1607 23.0742 12.3288 22.7216 12.6077 22.4689C12.8866 22.2162 13.254 22.0836 13.63 22.1H22.63C23.0051 22.0837 23.3713 22.2166 23.6486 22.4695C23.926 22.7225 24.0919 23.075 24.11 23.45V26.86ZM27.89 26.86C27.9082 27.2349 28.0741 27.5875 28.3514 27.8404C28.6287 28.0934 28.995 28.2263 29.37 28.21H38.37C38.7461 28.2263 39.1134 28.0938 39.3923 27.8411C39.6713 27.5883 39.8393 27.2358 39.86 26.86V23.45C39.8393 23.0742 39.6713 22.7216 39.3923 22.4689C39.1134 22.2162 38.7461 22.0836 38.37 22.1H29.37C28.995 22.0837 28.6287 22.2166 28.3514 22.4695C28.0741 22.7225 27.9082 23.075 27.89 23.45V26.86Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.49" Brush="{StaticResource TemplateColor3}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGlasses03">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 42.0902C34.8863 42.0902 42.09 34.8864 42.09 26.0002C42.09 17.1139 34.8863 9.91016 26 9.91016C17.1137 9.91016 9.91 17.1139 9.91 26.0002C9.91 34.8864 17.1137 42.0902 26 42.0902Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M27.42 24.8101H24.58M24.59 25.1601C24.592 24.119 24.2849 23.1006 23.7077 22.2341C23.1305 21.3675 22.3091 20.6918 21.3475 20.2924C20.386 19.8931 19.3276 19.7881 18.3063 19.9907C17.285 20.1934 16.3469 20.6945 15.6106 21.4308C14.8744 22.167 14.3732 23.1051 14.1706 24.1264C13.968 25.1477 14.073 26.2061 14.4723 27.1677C14.8717 28.1292 15.5474 28.9506 16.4139 29.5278C17.2805 30.105 18.2988 30.4121 19.34 30.4101C20.0294 30.4101 20.7121 30.2743 21.3491 30.0105C21.986 29.7467 22.5648 29.3599 23.0523 28.8724C23.5398 28.3849 23.9265 27.8062 24.1904 27.1692C24.4542 26.5323 24.59 25.8496 24.59 25.1601ZM27.41 25.1601C27.408 24.119 27.7151 23.1006 28.2923 22.2341C28.8695 21.3675 29.6909 20.6918 30.6525 20.2924C31.614 19.8931 32.6724 19.7881 33.6937 19.9907C34.715 20.1934 35.6531 20.6945 36.3894 21.4308C37.1256 22.167 37.6268 23.1051 37.8294 24.1264C38.032 25.1477 37.927 26.2061 37.5277 27.1677C37.1283 28.1292 36.4526 28.9506 35.5861 29.5278C34.7195 30.105 33.7012 30.4121 32.66 30.4101C31.2676 30.4101 29.9323 29.857 28.9477 28.8724C27.9631 27.8879 27.41 26.5525 27.41 25.1601Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="0.93" Brush="{StaticResource TemplateColor3}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGlasses04">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M42.09 26.0002C42.09 29.1825 41.1463 32.2933 39.3784 34.9393C37.6104 37.5853 35.0975 39.6476 32.1574 40.8654C29.2173 42.0832 25.9822 42.4018 22.861 41.781C19.7399 41.1602 16.8729 39.6277 14.6227 37.3775C12.3724 35.1273 10.84 32.2603 10.2192 29.1392C9.59834 26.018 9.91698 22.7828 11.1348 19.8428C12.3526 16.9027 14.4149 14.3898 17.0609 12.6218C19.7069 10.8538 22.8177 9.91016 26 9.91016C30.2665 9.91281 34.3575 11.6088 37.3744 14.6257C40.3913 17.6426 42.0874 21.7336 42.09 26.0002Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M27.42 24.7501H24.58M24.36 25.0001C24.36 22.5701 21.62 20.6001 18.25 20.6001C14.88 20.6001 12.14 22.6001 12.14 25.0001C12.14 27.4001 14.87 29.3901 18.25 29.3901C21.63 29.3901 24.36 27.4601 24.36 25.0001ZM27.64 25.0001C27.64 22.5701 30.38 20.6001 33.75 20.6001C37.12 20.6001 39.86 22.6001 39.86 25.0001C39.86 27.4001 37.13 29.3901 33.75 29.3901C30.37 29.3901 27.64 27.4601 27.64 25.0001Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.24" Brush="{StaticResource TemplateColor3}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGlasses05">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 42.0902C34.8863 42.0902 42.09 34.8864 42.09 26.0002C42.09 17.1139 34.8863 9.91016 26 9.91016C17.1137 9.91016 9.91 17.1139 9.91 26.0002C9.91 34.8864 17.1137 42.0902 26 42.0902Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M40.36 21.4898C39.36 18.6098 35.36 18.0998 31.52 19.3298C30.4954 19.6045 29.5567 20.1335 28.791 20.8677C28.0253 21.6019 27.4574 22.5176 27.14 23.5298H24.86C24.5443 22.5183 23.9782 21.603 23.2143 20.8687C22.4503 20.1345 21.5132 19.6051 20.49 19.3298C16.65 18.0998 12.64 18.6098 11.64 21.4898C10.64 24.3698 13.19 27.5898 16.5 28.7398C19.81 29.8898 23.73 28.8898 24.73 26.0098C24.858 25.6845 24.9486 25.3456 25 24.9998H27.1C27.136 25.3403 27.2098 25.6757 27.32 25.9998C28.32 28.8798 32.24 29.8798 35.55 28.7298C38.86 27.5798 41.36 24.3698 40.36 21.4898ZM23.61 25.6798C22.84 27.8898 19.84 28.6798 17.29 27.7698C14.74 26.8598 12.79 24.4198 13.55 22.1998C14.31 19.9798 17.41 19.5998 20.35 20.5398C22.78 21.3198 24.38 23.4598 23.61 25.6798ZM34.71 27.7698C32.17 28.6598 29.16 27.8898 28.39 25.6798C27.62 23.4698 29.22 21.3198 31.65 20.5398C34.59 19.5998 37.65 19.9898 38.45 22.1998C39.25 24.4098 37.26 26.8898 34.71 27.7698Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGlasses06">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 42.0902C34.8863 42.0902 42.09 34.8864 42.09 26.0002C42.09 17.1139 34.8863 9.91016 26 9.91016C17.1137 9.91016 9.91 17.1139 9.91 26.0002C9.91 34.8864 17.1137 42.0902 26 42.0902Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M24.58 24.3701V23.9401C23.88 21.6001 20.44 20.6101 17.2 21.4901C13.96 22.3701 11.36 24.7001 12.31 27.4901C13.12 30.0701 16.4 31.4201 19.75 30.4901C21.1582 30.2021 22.4204 29.4284 23.316 28.3043C24.2117 27.1801 24.6838 25.777 24.65 24.3401L24.58 24.3701Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="Black"
+                             Geometry="M41.34 24.22C40.26 22.13 37.56 20.64 34.86 20C31.9325 19.5158 28.9667 19.3016 26 19.36C23.0333 19.3016 20.0675 19.5158 17.14 20C14.44 20.64 11.74 22.13 10.66 24.22C10.3677 24.7944 10.2095 25.4276 10.1974 26.0719C10.1853 26.7163 10.3195 27.355 10.59 27.94L12.28 27.5C11.28 24.67 13.91 22.35 17.17 21.5C20.43 20.65 23.85 21.61 24.55 23.96V24.41H26V22.86H25.28C24.6603 21.7277 23.646 20.8629 22.43 20.43C23.43 20.36 24.43 20.32 26.02 20.32C27.61 20.32 28.6 20.32 29.61 20.43C28.394 20.8629 27.3797 21.7277 26.76 22.86H26V24.37H27.39V23.92C28.09 21.57 31.53 20.58 34.77 21.46C38.01 22.34 40.62 24.67 39.66 27.46L41.35 27.9C41.6256 27.3254 41.7679 26.6961 41.7662 26.0588C41.7644 25.4216 41.6187 24.793 41.34 24.22Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M27.42 24.3701V23.9401C28.12 21.6001 31.57 20.6101 34.8 21.4901C38.03 22.3701 40.65 24.7001 39.69 27.4901C38.88 30.0701 35.6 31.4201 32.25 30.4901C30.8418 30.2021 29.5796 29.4284 28.684 28.3043C27.7883 27.1801 27.3162 25.777 27.35 24.3401L27.42 24.3701Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGlasses07">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M42.09 26.0002C42.09 29.1825 41.1463 32.2933 39.3784 34.9393C37.6104 37.5853 35.0975 39.6476 32.1574 40.8654C29.2173 42.0832 25.9822 42.4018 22.861 41.781C19.7399 41.1602 16.8729 39.6277 14.6227 37.3775C12.3724 35.1273 10.84 32.2603 10.2192 29.1392C9.59834 26.018 9.91698 22.7828 11.1348 19.8428C12.3526 16.9027 14.4149 14.3898 17.0609 12.6218C19.7069 10.8538 22.8177 9.91016 26 9.91016C30.2665 9.91281 34.3575 11.6088 37.3744 14.6257C40.3913 17.6426 42.0874 21.7336 42.09 26.0002Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M24.22 24.4499L24.31 23.4499C24.3496 23.1618 24.3277 22.8686 24.2459 22.5896C24.164 22.3106 24.0241 22.0521 23.8351 21.8311C23.6462 21.61 23.4126 21.4315 23.1498 21.3072C22.8869 21.1829 22.6007 21.1157 22.31 21.1099H14.39C13.9354 21.1075 13.4945 21.2657 13.145 21.5566C12.7956 21.8474 12.5601 22.2523 12.48 22.6999L12.54 24.8399L12.76 27.3899C12.826 27.9951 13.0954 28.5601 13.524 28.9924C13.9527 29.4247 14.5154 29.6988 15.12 29.7699H21.61C22.2216 29.7048 22.7924 29.432 23.2273 28.9971C23.6621 28.5622 23.9349 27.9915 24 27.3799L24.09 26.3799L24.22 24.4499Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.86" Brush="Black" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M10.4 24.8599H12.02">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.86" Brush="Black" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M23.59 24.5598L23.67 23.6598C23.7051 23.4047 23.6863 23.145 23.6148 22.8976C23.5432 22.6502 23.4205 22.4206 23.2546 22.2235C23.0887 22.0265 22.8833 21.8666 22.6517 21.754C22.4201 21.6413 22.1674 21.5786 21.91 21.5698H14.82C14.4133 21.5687 14.0194 21.7118 13.7082 21.9736C13.397 22.2354 13.1886 22.599 13.12 22.9998L13.17 24.9098L13.37 27.1798C13.4294 27.7184 13.6692 28.221 14.0505 28.6059C14.4317 28.9908 14.9321 29.2354 15.47 29.2998H21.26C21.7991 29.2358 22.3007 28.9915 22.6837 28.6068C23.0666 28.222 23.3085 27.7192 23.37 27.1798L23.44 26.2898L23.59 24.5598Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M27.78 24.4499L27.69 23.4499C27.6504 23.1618 27.6723 22.8686 27.7541 22.5896C27.836 22.3106 27.976 22.0521 28.1649 21.8311C28.3538 21.61 28.5874 21.4315 28.8502 21.3072C29.1131 21.1829 29.3993 21.1157 29.69 21.1099H37.69C38.1447 21.1075 38.5856 21.2657 38.935 21.5566C39.2844 21.8474 39.5199 22.2523 39.6 22.6999L39.54 24.8399L39.32 27.3899C39.254 27.9951 38.9847 28.5601 38.556 28.9924C38.1273 29.4247 37.5647 29.6988 36.96 29.7699H30.39C29.7784 29.7048 29.2077 29.432 28.7728 28.9971C28.3379 28.5622 28.0651 27.9915 28 27.3799L27.91 26.3799L27.78 24.4499Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.86" Brush="Black" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M41.25 24.5801H39.64">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.86" Brush="Black" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                Geometry="M27.82 24.5801H24.18">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.86" Brush="Black" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M28.41 24.5598L28.33 23.6598C28.2949 23.4047 28.3137 23.145 28.3852 22.8976C28.4568 22.6502 28.5795 22.4206 28.7454 22.2235C28.9113 22.0265 29.1167 21.8666 29.3483 21.754C29.5799 21.6413 29.8326 21.5786 30.09 21.5698H37.18C37.5867 21.5687 37.9806 21.7118 38.2918 21.9736C38.6031 22.2354 38.8114 22.599 38.88 22.9998L38.83 24.9098L38.63 27.1798C38.5707 27.7184 38.3308 28.221 37.9495 28.6059C37.5683 28.9908 37.068 29.2354 36.53 29.2998H30.74C30.2016 29.234 29.7009 28.9893 29.3183 28.6048C28.9356 28.2204 28.6933 27.7185 28.63 27.1798L28.56 26.2898L28.41 24.5598Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGlasses08">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 42.0902C34.8863 42.0902 42.09 34.8864 42.09 26.0002C42.09 17.1139 34.8863 9.91016 26 9.91016C17.1137 9.91016 9.91 17.1139 9.91 26.0002C9.91 34.8864 17.1137 42.0902 26 42.0902Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M24.28 23.7502C23.5165 22.7834 22.5463 21.9996 21.4407 21.4563C20.335 20.913 19.1219 20.6239 17.89 20.6102C13.89 20.3702 11 22.1902 11.96 24.5002C12.7058 26.1076 13.8654 27.4881 15.32 28.5002C16.71 29.5702 20.16 30.9602 22.6 29.6002C23.0958 29.3277 23.5327 28.9599 23.8858 28.5179C24.2388 28.0759 24.501 27.5684 24.6571 27.0247C24.8132 26.481 24.8603 25.9117 24.7956 25.3498C24.7309 24.7878 24.5557 24.2442 24.28 23.7502Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="Black"
+                             Geometry="M23.46 22C21.3847 20.8104 19.0588 20.1253 16.67 20C13.96 19.93 11.78 20.53 11.42 22.29C11.3109 22.987 11.4641 23.6996 11.85 24.29C11.85 21.57 14.17 20.75 16.75 20.82C18.9682 20.8679 21.1305 21.5252 23 22.72C23.8693 23.2706 24.5062 24.121 24.79 25.11C25.1632 24.9056 25.5757 24.7829 26 24.75V22.75C25.0962 22.7681 24.209 22.5062 23.46 22Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M27.72 23.7502C28.4835 22.7834 29.4537 21.9996 30.5593 21.4563C31.665 20.913 32.8781 20.6239 34.11 20.6102C38.11 20.3702 41 22.1902 40.04 24.5002C39.2942 26.1076 38.1346 27.4881 36.68 28.5002C35.29 29.5702 31.84 30.9602 29.4 29.6002C28.9052 29.3267 28.4692 28.9584 28.1169 28.5163C27.7646 28.0741 27.503 27.5669 27.3469 27.0235C27.1909 26.4802 27.1435 25.9114 27.2075 25.3497C27.2715 24.788 27.4457 24.2445 27.72 23.7502Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="Black"
+                             Geometry="M28.54 22C30.6153 20.8104 32.9412 20.1253 35.33 20C38.04 19.93 40.22 20.53 40.58 22.29C40.6891 22.987 40.5359 23.6996 40.15 24.29C40.15 21.57 37.83 20.75 35.26 20.82C33.0385 20.8666 30.8726 21.5239 29 22.72C28.1307 23.2706 27.4938 24.121 27.21 25.11C26.8368 24.9056 26.4243 24.7829 26 24.75V22.75C26.9038 22.7681 27.791 22.5062 28.54 22Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiGoatee.axaml b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiGoatee.axaml
new file mode 100644
index 00000000..8d7f20cc
--- /dev/null
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiGoatee.axaml
@@ -0,0 +1,83 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:util="clr-namespace:WheelWizard.Styles.Util">
+
+    <!-- Generated by svg_to_avalonia.py from folder: MiiGoatee -->
+    <!-- Color mappings were defined interactively during script execution. -->
+
+    <!-- Color 1 = Face Fill -->
+    <!-- Color 2 = Face Border -->
+    <!-- Color 3 = Goatee Color -->
+    
+    <Design.PreviewWith>
+        <Border Padding="20" Background="{StaticResource Neutral400}">
+            <UniformGrid Columns="5">
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGoatee00}" IconName="MiiGoatee00"
+                                                 Color4="{StaticResource Danger500}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGoatee01}" IconName="MiiGoatee01"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGoatee02}" IconName="MiiGoatee02"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiGoatee03}" IconName="MiiGoatee03"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
+            </UniformGrid>
+        </Border>
+    </Design.PreviewWith>
+
+
+    <DrawingImage x:Key="MiiGoatee00">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGoatee01">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M40.85 24.5102C40.85 27.4472 39.9791 30.3183 38.3473 32.7604C36.7156 35.2024 34.3963 37.1058 31.6828 38.2298C28.9694 39.3537 25.9835 39.6478 23.1029 39.0748C20.2223 38.5018 17.5763 37.0875 15.4995 35.0107C13.4227 32.9339 12.0083 30.2879 11.4353 27.4072C10.8623 24.5266 11.1564 21.5408 12.2804 18.8273C13.4044 16.1138 15.3077 13.7946 17.7498 12.1628C20.1919 10.5311 23.0629 9.66016 26 9.66016C29.9385 9.66016 33.7156 11.2247 36.5005 14.0096C39.2854 16.7945 40.85 20.5717 40.85 24.5102Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 34.9001L28.72 32.5601L29.92 34.9001L30.86 39.6801C29.3035 40.2471 27.6564 40.525 26 40.5001C24.3436 40.525 22.6966 40.2471 21.14 39.6801L22.08 34.9001L23.28 32.5601L26 34.9001Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGoatee02">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M40.85 24.6698C40.85 27.6069 39.9791 30.478 38.3473 32.92C36.7156 35.3621 34.3963 37.2655 31.6828 38.3894C28.9694 39.5134 25.9835 39.8075 23.1029 39.2345C20.2223 38.6615 17.5763 37.2472 15.4995 35.1704C13.4227 33.0936 12.0083 30.4475 11.4353 27.5669C10.8623 24.6863 11.1564 21.7005 12.2804 18.987C13.4044 16.2735 15.3077 13.9542 17.7498 12.3225C20.1919 10.6908 23.0629 9.81982 26 9.81982C27.9501 9.81982 29.8812 10.2039 31.6828 10.9502C33.4845 11.6965 35.1216 12.7903 36.5005 14.1693C37.8795 15.5482 38.9733 17.1853 39.7196 18.987C40.4659 20.7887 40.85 22.7197 40.85 24.6698Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 36.46L28.1 38.3L30.75 36L32.69 37.52L37.24 36.19C37.24 36.19 36.47 36.97 34.78 38.99C33.8188 40.118 32.7832 41.1804 31.68 42.17L30.51 41.27L29.09 43.07L27.71 42L26 43.7L24.3 42L22.91 43.14L21.49 41.34L20.32 42.24C19.2148 41.2311 18.1791 40.1486 17.22 39C15.53 37 14.76 36.2 14.76 36.2L19.31 37.53L21.25 36L23.9 38.3L26 36.46Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiGoatee03">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M40.85 24.7499C40.85 27.687 39.9791 30.5581 38.3473 33.0001C36.7156 35.4422 34.3963 37.3456 31.6828 38.4695C28.9694 39.5935 25.9835 39.8876 23.1029 39.3146C20.2223 38.7416 17.5763 37.3272 15.4995 35.2504C13.4227 33.1736 12.0083 30.5276 11.4353 27.647C10.8623 24.7664 11.1564 21.7805 12.2804 19.0671C13.4044 16.3536 15.3077 14.0343 17.7498 12.4026C20.1919 10.7708 23.0629 9.8999 26 9.8999C29.9385 9.8999 33.7156 11.4645 36.5005 14.2494C39.2854 17.0343 40.85 20.8114 40.85 24.7499Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 36.6801L28.28 38.2401L29.94 36.4101L32.31 37.6501C33.802 36.9188 35.1343 35.8992 36.23 34.6501C37.3978 33.1294 38.3346 31.4446 39.01 29.6501L41.18 30.3801C40.7188 33.7867 39.2848 36.988 37.05 39.6001C34.27 42.9801 29.37 44.6001 29.37 44.6001L27.86 43.3701L26 45.1801L24.14 43.2701L22.63 44.5001C22.63 44.5001 17.73 42.9301 14.95 39.5001C12.7154 36.889 11.2844 33.6867 10.83 30.2801L13 29.6001C13.6754 31.3946 14.6122 33.0794 15.78 34.6001C16.8757 35.8492 18.208 36.8688 19.7 37.6001L22.08 36.3601L23.73 38.1901L26 36.6801Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+</ResourceDictionary>
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiHair.axaml b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiHair.axaml
index cf47159b..fe328bd5 100644
--- a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiHair.axaml
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiHair.axaml
@@ -1,62 +1,1693 @@
 <ResourceDictionary xmlns="https://github.com/avaloniaui"
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:util="clr-namespace:WheelWizard.Styles.Util">
-    
+
+    <!-- Generated by svg_to_avalonia.py from folder: MiiHair -->
+
+    <!-- Color 1 = Face Fill -->
+    <!-- Color 2 = Face Border -->
+    <!-- Color 3 = Hair Color -->
+    <!-- Color 4 = Hat Color -->
+    <!-- Color 5 = Hat Accent Color -->
+
     <Design.PreviewWith>
-        <Border Padding="20" Background="#8B91A5">
+        <Border Padding="20" Background="{StaticResource Neutral400}">
             <UniformGrid Columns="5">
-                <util:MultiColorExampleComponent IconData="{DynamicResource Hair34}" IconName="Hair34"
-                                                 Color1="{StaticResource Neutral50}" 
-                                                 Color2="{StaticResource Neutral300}" 
-                                                 Color3="{StaticResource Neutral600}" 
-                                                 Color4="{StaticResource Neutral800}"
-                                                 Color5="{StaticResource Neutral950}"
-                />
-                <util:MultiColorExampleComponent IconData="{DynamicResource Hair35}" IconName="Hair35"
-                                                 Color1="{StaticResource Neutral50}" 
-                                                 Color2="{StaticResource Neutral300}" 
-                                                 Color3="{StaticResource Neutral600}"
-                />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair00}" IconName="MiiHair00"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair01}" IconName="MiiHair01"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair02}" IconName="MiiHair02"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair03}" IconName="MiiHair03"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair04}" IconName="MiiHair04"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair05}" IconName="MiiHair05"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair06}" IconName="MiiHair06"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair07}" IconName="MiiHair07"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair08}" IconName="MiiHair08"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair09}" IconName="MiiHair09"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair10}" IconName="MiiHair10"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair11}" IconName="MiiHair11"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair12}" IconName="MiiHair12"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair13}" IconName="MiiHair13"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair14}" IconName="MiiHair14"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair15}" IconName="MiiHair15"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair16}" IconName="MiiHair16"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair17}" IconName="MiiHair17"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair18}" IconName="MiiHair18"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair19}" IconName="MiiHair19"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair20}" IconName="MiiHair20"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair21}" IconName="MiiHair21"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair22}" IconName="MiiHair22"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair23}" IconName="MiiHair23"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair24}" IconName="MiiHair24"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair25}" IconName="MiiHair25"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair26}" IconName="MiiHair26"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair27}" IconName="MiiHair27"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair28}" IconName="MiiHair28"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair29}" IconName="MiiHair29"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair30}" IconName="MiiHair30"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair31}" IconName="MiiHair31"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair32}" IconName="MiiHair32"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair33}" IconName="MiiHair33"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair34}" IconName="MiiHair34"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair35}" IconName="MiiHair35"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair36}" IconName="MiiHair36"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair37}" IconName="MiiHair37"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair38}" IconName="MiiHair38"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair39}" IconName="MiiHair39"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair40}" IconName="MiiHair40"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair41}" IconName="MiiHair41"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair42}" IconName="MiiHair42"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair43}" IconName="MiiHair43"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair44}" IconName="MiiHair44"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair45}" IconName="MiiHair45"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair46}" IconName="MiiHair46"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair47}" IconName="MiiHair47"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair48}" IconName="MiiHair48"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair49}" IconName="MiiHair49"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair50}" IconName="MiiHair50"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair51}" IconName="MiiHair51"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair52}" IconName="MiiHair52"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair53}" IconName="MiiHair53"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair54}" IconName="MiiHair54"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair55}" IconName="MiiHair55"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair56}" IconName="MiiHair56"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair57}" IconName="MiiHair57"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair58}" IconName="MiiHair58"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair59}" IconName="MiiHair59"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair60}" IconName="MiiHair60"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair61}" IconName="MiiHair61"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair62}" IconName="MiiHair62"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair63}" IconName="MiiHair63"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair64}" IconName="MiiHair64"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair65}" IconName="MiiHair65"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair66}" IconName="MiiHair66"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair67}" IconName="MiiHair67"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair68}" IconName="MiiHair68"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair69}" IconName="MiiHair69"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair70}" IconName="MiiHair70"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair71}" IconName="MiiHair71"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair72}" IconName="MiiHair72"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair73}" IconName="MiiHair73"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiHair74}" IconName="MiiHair74"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"
+                                                 Color5="{StaticResource Neutral950}" />
             </UniformGrid>
         </Border>
     </Design.PreviewWith>
-    
-    <DrawingImage x:Key="Hair34">
-        <DrawingGroup >
+
+
+    <DrawingImage x:Key="MiiHair00">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 39.8181C29.3361 39.8181 33.0381 40.9011 36.0541 41.0551C38.4352 41.2567 40.8127 40.6282 42.7831 39.2761C41.7729 38.6056 40.9419 37.6985 40.3622 36.6336C39.7825 35.5687 39.4718 34.3784 39.4571 33.1661C39.5221 29.8411 40.0141 25.9661 39.4571 22.1061C38.3001 14.0621 33.0741 9.11206 26.0001 9.11206C18.9271 9.11206 13.7001 14.0621 12.5421 22.1061C11.9851 25.9681 12.4781 29.8411 12.5421 33.1661C12.5273 34.3784 12.2166 35.5687 11.6369 36.6336C11.0573 37.6985 10.2262 38.6056 9.21606 39.2761C11.1865 40.628 13.564 41.2566 15.9451 41.0551C18.9611 40.9001 22.6641 39.8181 26.0001 39.8181Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.2781C18.9611 11.2781 14.6401 17.6021 15.1711 26.2781C15.6351 33.8621 20.0441 39.2001 26.0001 39.2001C31.9551 39.2001 36.3631 33.8631 36.8281 26.2831C37.3601 17.6001 33.0391 11.2781 26.0001 11.2781Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.4771 29.3001C13.4771 29.3001 18.8131 16.5381 33.2771 16.2291C33.2771 16.2291 35.3661 26.0521 39.0001 28.9901V22.8001L37.8401 18.1591L34.4401 12.8221L30.0281 9.96311L24.6911 9.80811L18.8911 11.5871L14.3281 17.9291L12.9351 25.2771L13.4771 29.3001Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair01">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.032C18.9609 11.032 14.6399 17.357 15.1709 26.037C15.6349 33.617 20.0439 38.954 25.9999 38.954C31.9549 38.954 36.3629 33.617 36.8279 26.037C37.3599 17.357 33.0389 11.032 25.9999 11.032Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.14 28.9999L16.215 25.7289C16.215 25.7289 27.778 23.5049 33.738 18.3459L36.05 21.7259L38.669 29.8999C38.9999 28.5207 39.1677 27.1073 39.169 25.6889V23.2889C39.174 20.5225 38.337 17.8201 36.769 15.5409C35.6108 13.7391 34.0187 12.2569 32.1387 11.2304C30.2587 10.2039 28.151 9.66602 26.009 9.66602C23.867 9.66602 21.7593 10.2039 19.8793 11.2304C17.9993 12.2569 16.4071 13.7391 15.249 15.5409C13.681 17.8201 12.8439 20.5225 12.849 23.2889V25.6889C12.8452 26.7992 12.9426 27.9074 13.14 28.9999Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M34.8949 8.89098L31.7519 11.144L30.8039 7.58598L27.7909 9.43598L25.9999 6.10498L24.2089 9.43598L21.1959 7.58598L20.2479 11.144L17.1049 8.89098L16.9199 13.848L20.0699 15.473L25.9999 15.176L31.9299 15.473L35.0799 13.848L34.8949 8.89098Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair02">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.3801 28.1841C37.4037 28.1841 36.4492 28.4736 35.6373 29.0161C34.8254 29.5586 34.1926 30.3297 33.8189 31.2318C33.4453 32.1339 33.3475 33.1266 33.538 34.0842C33.7285 35.0419 34.1987 35.9216 34.8891 36.6121C35.5796 37.3025 36.4593 37.7727 37.417 37.9632C38.3746 38.1537 39.3673 38.0559 40.2694 37.6823C41.1715 37.3086 41.9426 36.6758 42.4851 35.8639C43.0276 35.052 43.3171 34.0975 43.3171 33.1211C43.3172 32.4727 43.1896 31.8307 42.9416 31.2316C42.6935 30.6326 42.3299 30.0883 41.8714 29.6298C41.4129 29.1713 40.8686 28.8077 40.2696 28.5596C39.6705 28.3116 39.0285 28.184 38.3801 28.1841ZM38.3801 28.1841C37.4037 28.1841 36.4492 28.4736 35.6373 29.0161C34.8254 29.5586 34.1926 30.3297 33.8189 31.2318C33.4453 32.1339 33.3475 33.1266 33.538 34.0842C33.7285 35.0419 34.1987 35.9216 34.8891 36.6121C35.5796 37.3025 36.4593 37.7727 37.417 37.9632C38.3746 38.1537 39.3673 38.0559 40.2694 37.6823C41.1715 37.3086 41.9426 36.6758 42.4851 35.8639C43.0276 35.052 43.3171 34.0975 43.3171 33.1211C43.3172 32.4727 43.1896 31.8307 42.9416 31.2316C42.6935 30.6326 42.3299 30.0883 41.8714 29.6298C41.4129 29.1713 40.8686 28.8077 40.2696 28.5596C39.6705 28.3116 39.0285 28.184 38.3801 28.1841Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.1471 11.2632C19.1081 11.2632 14.7871 17.5872 15.3181 26.2682C15.7831 33.8482 20.1911 39.1842 26.1471 39.1842C32.1021 39.1842 36.5111 33.8482 36.9751 26.2682C37.5061 17.5872 33.1851 11.2632 26.1471 11.2632Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.816 28.1841C41.573 28.4511 40.455 22.0141 40.455 22.0141C39.108 14.8761 33.22 9.09009 26.146 9.09009C19.072 9.09009 13.184 14.8761 11.837 22.0141C11.837 22.0141 10.719 28.4511 13.476 28.1841C14.766 28.0601 20.921 19.6451 22.434 16.2651L26.146 17.1551L29.858 16.2651C31.371 19.6451 37.526 28.0601 38.816 28.1841Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair03">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.3751 23.5281C38.3751 23.5281 38.2341 29.7401 39.8441 32.5781C41.4681 35.4391 41.7671 38.9781 38.9931 41.1631C36.4411 43.1741 32.7231 43.5461 26.0001 43.5461C19.2771 43.5461 15.5581 43.1741 13.0051 41.1631C10.2321 38.9781 10.5301 35.4391 12.1551 32.5781C13.7651 29.7401 13.6241 23.5281 13.6241 23.5281">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.2312C18.9611 11.2312 14.6401 17.5552 15.1711 26.2312C15.6351 33.8112 20.0441 39.1482 26.0001 39.1482C31.9561 39.1482 36.3641 33.8112 36.8281 26.2312C37.3601 17.5552 33.0381 11.2312 26.0001 11.2312Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0002 14.8231L29.0932 13.9341C29.9412 15.8341 31.6732 20.4761 33.8932 23.4511C35.6272 25.7781 36.9872 26.6991 38.5002 26.8011C41.2642 26.9871 40.6352 21.4011 40.6352 21.4011C40.0002 14.3241 33.0732 8.53809 26.0002 8.53809C18.9272 8.53809 12.0002 14.3241 11.3682 21.4051C11.3682 21.4051 10.7392 26.9871 13.5032 26.8051C15.0162 26.7051 16.3772 25.7821 18.1102 23.4551C20.3262 20.4801 22.0582 15.8341 22.9102 13.9381L26.0002 14.8231Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair04">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.2829 23.9941V22.4221C39.2829 15.3491 33.0719 8.48706 25.9989 8.48706C18.9259 8.48706 12.7169 15.3491 12.7169 22.4221V23.9941L11.4719 45.4581H40.5269L39.2829 23.9941Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.324C18.9619 11.324 14.6409 17.648 15.1719 26.329C15.6349 33.908 20.0439 39.245 25.9999 39.245C31.9549 39.245 36.3639 33.908 36.8279 26.329C37.3589 17.648 33.0379 11.324 25.9999 11.324Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.926 22.88L35.843 13.462L25.999 8.50903L16.157 13.462L13.073 22.88L12.895 27.377L17.579 23.01H34.419L39.104 27.377L38.926 22.88Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair05">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 7.9209C33.0731 7.9209 40.0001 14.0119 41.0061 21.2819C41.5701 25.794 41.0186 30.3755 39.4001 34.6249L38.7651 32.8059C38.7651 32.8059 36.3421 37.9679 34.9001 39.6899L33.1801 36.4579L30.1561 41.7779L28.0221 39.3479L26.0001 42.5519L23.9831 39.3519L21.8501 41.7819L18.8251 36.4619L17.1061 39.6899C15.6591 37.9679 13.2381 32.8059 13.2381 32.8059L12.6001 34.6249C10.9831 30.3751 10.4337 25.7935 11.0001 21.2819C12.0001 14.0119 18.9271 7.9209 26.0001 7.9209Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.1499C18.9621 11.1499 14.6411 17.4739 15.1721 26.1549C15.6361 33.7349 20.0451 39.0709 26.0001 39.0709C31.9551 39.0709 36.3641 33.7349 36.8281 26.1549C37.3601 17.4739 33.0391 11.1499 26.0001 11.1499Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M11.8462 18.034L22.1462 8.78101L35.2812 11.691L38.6812 19.967L39.1022 28.291L37.1342 30.722L35.6032 25.322L33.1152 17.38C28.5939 21.8338 22.7029 24.6329 16.3942 25.325L14.8622 30.725L12.9002 28.291L11.8462 18.034Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair06">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 8.48389C33.0731 8.48389 38.5001 14.2949 39.9211 21.2929C41.3701 28.4159 42.4841 36.0269 33.2941 45.2179L32.2201 42.9249L30.3311 44.5939L29.9441 42.2729L26.0001 45.6919L22.0551 42.2729L21.6681 44.5939L19.7791 42.9249L18.7061 45.2179C9.51509 36.0269 10.6291 28.5179 12.0771 21.3909C13.5001 14.3929 18.9261 8.48389 26.0001 8.48389Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.3359C18.9611 11.3359 14.6401 17.6599 15.1711 26.3359C15.6351 33.9199 20.0441 39.2569 26.0001 39.2569C31.9561 39.2569 36.3641 33.9199 36.8281 26.3399C37.3601 17.6599 33.0381 11.3359 26.0001 11.3359Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 9.32495L31.9561 10.253L34.9931 13.037L39.9211 23.092L38.1431 35.312L36.2101 34.3839C37.9881 24.0979 35.5901 18.684 35.5901 18.684L31.5631 16.284C29.9521 16.176 28.0481 16.112 26.0001 16.112C23.9521 16.112 22.0461 16.176 20.4371 16.284L16.4081 18.684C16.4081 18.684 14.0081 24.0979 15.7901 34.3839L13.8561 35.312L12.0781 23.092L17.0061 13.037L20.0441 10.253L26.0001 9.32495Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair07">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M42.6619 34.858L39.8159 31.3L42.5439 27.743L39.9349 25.19C40.0526 23.761 40.0127 22.3233 39.8159 20.903C39.491 17.4636 37.895 14.269 35.3398 11.9438C32.7847 9.61863 29.4542 8.33008 25.9994 8.33008C22.5447 8.33008 19.2141 9.61863 16.659 11.9438C14.1038 14.269 12.5078 17.4636 12.1829 20.903C11.985 22.3232 11.9455 23.761 12.0649 25.19L9.45591 27.743L12.1829 31.3L9.33691 34.858L12.8999 38.416L9.45591 42.27L14.2559 45.47L18.1689 42.27L22.0829 45.47L25.9999 43.042L29.9129 45.473L33.8269 42.273L37.7399 45.473L42.5399 42.273L39.0999 38.416L42.6619 34.858Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.3169C18.9609 11.3169 14.6399 17.6409 15.1709 26.3219C15.6349 33.8999 20.0439 39.2379 25.9999 39.2379C31.9559 39.2379 36.3639 33.9009 36.8279 26.3219C37.3599 17.6409 33.0379 11.3169 25.9999 11.3169Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M35.0488 23.6921L39.0748 26.9521L39.4898 20.5471L34.5688 11.8311L25.9998 9.15112L17.4358 11.8361L13.3978 21.4371L12.9238 26.9521L16.9498 23.6921L20.8168 19.0511L20.4298 16.3441L23.1228 14.6181L25.9998 16.8721L28.8758 14.6181L31.5678 16.2121L31.1818 19.0421L35.0488 23.6921Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair08">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.3329 35.5891C38.72 32.537 39.2745 29.5084 39.9939 26.5171H12.0049C12.7242 29.5084 13.2788 32.537 13.6659 35.5891C13.9029 39.2071 13.6059 45.0781 13.6059 45.0781L17.6379 39.2661L17.3379 45.1371L22.1379 38.3771L25.9999 45.6111L29.8539 38.3771L34.6539 45.1371L34.3539 39.2661L38.3859 45.0781C38.3859 45.0781 38.0999 39.2071 38.3329 35.5891Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.3381C18.9609 11.3381 14.6399 17.6631 15.1709 26.3431C15.6349 33.9231 20.0439 39.2601 25.9999 39.2601C31.9559 39.2601 36.3639 33.9231 36.8279 26.3431C37.3599 17.6631 33.0379 11.3381 25.9999 11.3381Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9999 8.62207C33.0729 8.62207 37.385 13.0701 39.638 19.9481C40.5975 23.0739 41.2141 26.2949 41.477 29.5541C41.477 29.5541 37.898 28.8641 33.3479 24.0231C31.1606 21.6879 29.5917 18.843 28.784 15.7471L25.9999 16.1341L23.2149 15.7471C22.4072 18.843 20.8383 21.6879 18.6509 24.0231C14.1009 28.8641 10.5229 29.5541 10.5229 29.5541C10.7852 26.2949 11.4015 23.0739 12.3609 19.9481C14.6139 13.0701 18.9259 8.62207 25.9999 8.62207Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair09">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M31.585 32.0149C31.585 32.0149 27.596 36.0249 29.185 40.3149C29.7106 41.7634 30.6611 43.0197 31.9121 43.9194C33.1631 44.8192 34.6565 45.3205 36.197 45.3579C37.3863 44.377 38.2517 43.0598 38.6799 41.5789C39.1081 40.0979 39.0792 38.5222 38.597 37.0579C37.2 32.7069 31.585 32.0149 31.585 32.0149Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.3169C18.9609 11.3169 14.6399 17.6409 15.1709 26.3219C15.6349 33.8999 20.0439 39.2379 25.9999 39.2379C31.9559 39.2379 36.3639 33.9009 36.8279 26.3219C37.3599 17.6409 33.0379 11.3169 25.9999 11.3169Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 12.941L30.177 14.488C31.337 17.04 33.348 21.062 35.513 25.088C37.876 29.474 38.993 31.276 38.993 31.276C38.993 31.276 41.004 25.32 39.638 19.776C37.905 12.748 33.073 8.44995 26 8.44995C18.926 8.44995 14.094 12.75 12.361 19.776C10.995 25.316 13.005 31.276 13.005 31.276C13.005 31.276 14.124 29.476 16.486 25.088C18.651 21.066 20.663 17.044 21.823 14.488L26 12.941Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair10">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.6379 19.8001C37.9189 13.6921 33.0719 8.4751 25.9999 8.4751C18.9279 8.4751 14.0799 13.6921 12.3609 19.8001C10.8379 25.2091 10.2969 29.8251 13.0139 38.0641C14.8509 43.6381 20.1289 45.4311 25.9989 45.4311C31.8689 45.4311 37.1469 43.6381 38.9849 38.0641C41.6999 29.8251 41.1599 25.2091 39.6379 19.8001Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.322C18.9619 11.322 14.6409 17.646 15.1719 26.327C15.6359 33.907 20.0449 39.243 25.9999 39.243C31.9549 39.243 36.3639 33.907 36.8279 26.327C37.3589 17.646 33.0379 11.322 25.9999 11.322Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M36.0219 14.5592L32.3449 10.7052L25.9999 9.46021L19.6559 10.7052L15.9789 14.5592L13.0149 22.5282L13.3699 31.7782C13.3699 31.7782 19.2989 19.8682 21.0779 14.7082L25.9999 15.5002L30.9219 14.7102C32.7009 19.8702 38.6319 31.7802 38.6319 31.7802L38.9859 22.5302L36.0219 14.5592Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair11">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M37.742 30.627L40.173 31.754L39.164 21.673C39.0241 18.2595 37.5816 15.0295 35.133 12.6471C32.6844 10.2647 29.416 8.91124 26 8.86499C22.5842 8.91149 19.316 10.2651 16.8677 12.6474C14.4193 15.0298 12.9769 18.2597 12.837 21.673L11.828 31.754L14.26 30.627C14.26 30.627 13.073 38.04 11.531 39.4L18.531 39.519L26 39.106L33.473 39.522L40.473 39.403C38.928 38.04 37.742 30.627 37.742 30.627Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.1479C18.9621 11.1479 14.6411 17.4719 15.1721 26.1529C15.6361 33.7319 20.0451 39.069 26.0001 39.069C31.9551 39.069 36.3641 33.7319 36.8281 26.1529C37.3601 17.4719 33.0391 11.1479 26.0001 11.1479Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M37.6229 17.9379L33.6569 11.7669L25.9999 9.18994L18.5749 11.6119L14.3749 17.9379L12.8359 25.9999L13.5479 30.9809C13.5479 30.9809 17.1059 22.1129 17.6979 19.1469L19.4179 21.1039L21.1379 18.6139L23.3919 21.1039L25.9999 16.4809L28.6099 21.1059L30.8639 18.6159L32.5829 21.1059L34.2999 19.1489C34.8939 22.1149 38.4509 30.9829 38.4509 30.9829L39.1639 25.9999L37.6229 17.9379Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair12">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.5199 21.1259C39.2547 17.7221 37.7152 14.5435 35.2089 12.225C32.7027 9.90649 29.4141 8.61865 25.9999 8.61865C22.5857 8.61865 19.2972 9.90649 16.7909 12.225C14.2847 14.5435 12.7452 17.7221 12.4799 21.1259C12.4799 21.1259 11.3529 30.4359 14.7329 37.1949C17.4149 42.5589 21.1369 45.5999 25.9999 45.5999C30.8629 45.5999 34.5839 42.5569 37.2659 37.1929C40.6469 30.4359 39.5199 21.1259 39.5199 21.1259Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.3379C18.9609 11.3379 14.6399 17.6619 15.1709 26.3429C15.6349 33.9219 20.0439 39.2589 25.9999 39.2589C31.9559 39.2589 36.3639 33.9219 36.8279 26.3429C37.3599 17.6619 33.0379 11.3379 25.9999 11.3379Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.1318 27.8858C13.1318 27.8858 25.3798 25.1858 31.5678 15.5148C32.3393 17.7829 33.2432 20.0037 34.2748 22.1658C36.6428 26.7658 39.4598 27.8858 39.4598 27.8858L36.1308 13.5858L26.9998 9.01782L19.4208 10.8738L13.4868 18.6998L13.1318 27.8858Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair13">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.7 21.4789C39.7 14.4059 33.075 8.6709 26 8.6709C18.925 8.6709 12.3 14.4059 12.3 21.4789C12.3 21.4789 11.648 29.4839 14.317 35.5329C15.3697 38.1157 17.1092 40.3611 19.347 42.0259L22.131 39.2659L26 44.1309L29.868 39.2659L32.651 42.0259C34.889 40.3614 36.6286 38.1159 37.681 35.5329C40.35 29.4839 39.7 21.4789 39.7 21.4789Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.2678C18.9609 11.2678 14.6399 17.5918 15.1709 26.2678C15.6349 33.8478 20.0439 39.1848 25.9999 39.1848C31.9559 39.1848 36.3639 33.8478 36.8279 26.2678C37.3599 17.5918 33.0379 11.2678 25.9999 11.2678Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M34.361 11.775L26 9.33398L17.638 11.775L12.717 20.115L13.017 28.185C16.397 25.931 18.057 20.175 18.057 20.175L20.7 22.013L23.352 19.4L26 22.013L28.647 19.4L31.3 22.013L33.95 20.175C33.95 20.175 35.61 25.931 38.99 28.185L39.29 20.115L34.361 11.775Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair14">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 45.5999C29.9131 45.5999 35.8231 44.8999 37.6001 42.1199C39.1741 39.6559 37.6001 36.3969 37.6001 36.3969L37.4171 32.6129H38.5301C38.5301 32.6129 40.6181 29.5899 39.5201 21.4049C38.4221 13.2199 33.0731 8.53491 26.0001 8.53491C18.9271 8.53491 13.5781 13.2169 12.4801 21.3999C11.3821 29.5829 13.4691 32.6079 13.4691 32.6079H14.5811L14.4001 36.3939C14.4001 36.3939 12.8251 39.6529 14.4001 42.1169C16.1761 44.8999 22.0861 45.5999 26.0001 45.5999Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.334C18.9611 11.334 14.6401 17.658 15.1711 26.339C15.6351 33.919 20.0441 39.255 26.0001 39.255C31.9561 39.255 36.3641 33.919 36.8281 26.339C37.3601 17.658 33.0381 11.334 26.0001 11.334Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.085 24.0108L36.985 15.2008L28.66 9.1228L19.58 10.7148L13.487 18.6148L13 24.0108L13.627 32.5498H16.039V24.1998C21.329 23.2252 26.1113 20.4304 29.557 16.2998C30.1536 17.7696 30.9622 19.1442 31.957 20.3798C33.1477 21.7944 34.4915 23.0725 35.964 24.1908V32.5498H38.377L39.085 24.0108Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair15">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.6061 28.8931L40.6181 36.0141L37.8331 40.2431L38.9931 44.6191L35.2811 40.7621L33.1161 45.2121L30.0221 41.2071L26.0001 45.0641L21.9771 41.2071L18.8831 45.2121L16.7181 40.7621L13.0051 44.6191L14.1661 40.2431L11.3811 36.0141L13.3921 28.8931">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.3359C18.9611 11.3359 14.6401 17.6599 15.1711 26.3359C15.6351 33.9199 20.0441 39.2569 26.0001 39.2569C31.9561 39.2569 36.3641 33.9199 36.8281 26.3399C37.3601 17.6599 33.0381 11.3359 26.0001 11.3359Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.5351 26.5001L39.8121 22.8001V21.2231C39.8121 14.1491 33.0731 8.95605 26.0001 8.95605C18.9271 8.95605 12.1861 14.1491 12.1861 21.2231V22.7941L12.4641 26.4941L12.0771 29.3561L16.4861 34.6151L18.3421 28.2731L16.9501 20.6171L23.6791 12.9601L26.0001 14.7391L28.3201 12.9601L35.0491 20.6171L33.6572 28.2741L35.5131 34.6161L39.9212 29.3571L39.5351 26.5001Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair16">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.223 21.268C39.0467 17.8568 37.5846 14.6391 35.1312 12.2627C32.6777 9.88623 29.4151 8.52747 26 8.45996C22.5848 8.52699 19.3217 9.88555 16.868 12.2621C14.4143 14.6386 12.9522 17.8566 12.776 21.268C12.776 21.268 11.189 30.599 13.251 37.098C15.563 44.391 19.892 45.459 25.999 45.459C32.106 45.459 36.437 44.391 38.748 37.1C40.81 30.6 39.223 21.268 39.223 21.268Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.323C18.9621 11.323 14.6411 17.648 15.1721 26.328C15.6361 33.908 20.0451 39.245 26.0001 39.245C31.9551 39.245 36.3641 33.908 36.8281 26.328C37.3591 17.648 33.0381 11.323 26.0001 11.323Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M36.6731 15.458L30.8731 9.93095L21.3581 9.69995L15.0881 15.459L12.9001 26.131C12.9001 26.131 18.1151 22.306 20.4361 17.975C20.4361 17.975 19.6461 20.548 19.7361 20.527C21.5513 20.1039 23.164 19.0654 24.3001 17.588C24.3001 17.588 24.2221 18.288 24.1451 19.909C24.1451 19.909 25.6931 20.05 28.3211 18.516C29.3974 17.9056 30.3435 17.0902 31.1061 16.116C33.0631 20.444 39.1061 26.128 39.1061 26.128L36.6731 15.458Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair17">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9999 45.821L29.0939 42.239L31.4939 44.756C33.2761 43.6704 34.7838 42.1883 35.8999 40.425C36.863 38.8906 37.5198 37.1842 37.8339 35.4L38.8099 36.668C38.8099 36.668 40.2579 35.304 40.8499 30.62C41.171 27.5069 40.9822 24.3623 40.2909 21.31C40.2909 14.234 33.0729 8.5 25.9999 8.5C18.9269 8.5 11.7089 14.234 11.7089 21.308C11.0188 24.3605 10.83 27.5049 11.1499 30.618C11.7439 35.302 13.1909 36.666 13.1909 36.666L14.1659 35.398C14.4803 37.1827 15.1371 38.8897 16.0999 40.425C17.2174 42.1882 18.726 43.6702 20.5089 44.756L22.9089 42.239L25.9999 45.821Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.343C18.9619 11.343 14.6409 17.668 15.1719 26.348C15.6359 33.928 20.0449 39.265 25.9999 39.265C31.9549 39.265 36.3639 33.928 36.8279 26.348C37.3599 17.668 33.0389 11.343 25.9999 11.343Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9999 14.489C26.7635 16.2906 28.0947 17.7934 29.7909 18.769C31.4695 19.6574 33.3023 20.2171 35.1909 20.418C35.1909 20.418 36.0559 27.818 34.9729 30.679C34.9729 30.679 38.9269 29.727 39.9949 28.246L39.2239 19.588L35.0739 11.879L25.9999 9.68604L16.9279 11.879L12.7759 19.588L12.0059 28.246C13.0729 29.727 17.0279 30.679 17.0279 30.679C15.9449 27.817 16.8099 20.418 16.8099 20.418C18.6984 20.2172 20.5313 19.6575 22.2099 18.769C23.9059 17.7936 25.2368 16.2907 25.9999 14.489Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair18">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.0549C18.9609 11.0549 14.6399 17.3789 15.1709 26.0599C15.6349 33.6389 20.0439 38.9759 25.9999 38.9759C31.9559 38.9759 36.3639 33.6389 36.8279 26.0599C37.3599 17.3789 33.0379 11.0549 25.9999 11.0549Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9999 9.8938C22.6032 9.89353 19.3455 11.2426 16.9434 13.6441C14.5412 16.0457 13.1914 19.3031 13.1909 22.6998V27.9198L16.8079 20.9198C16.8079 20.9198 19.9509 18.3138 25.9999 18.3138C32.0489 18.3138 35.1899 20.9218 35.1899 20.9218L38.8079 27.9218V22.6998C38.8074 19.3033 37.4577 16.046 35.0558 13.6445C32.6539 11.2429 29.3965 9.8938 25.9999 9.8938Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M31.218 11.6289C31.218 12.6612 30.9119 13.6703 30.3384 14.5285C29.7649 15.3868 28.9497 16.0558 27.996 16.4507C27.0423 16.8457 25.9929 16.949 24.9805 16.7476C23.9681 16.5461 23.0381 16.0489 22.3083 15.3189C21.5784 14.589 21.0815 13.6589 20.8802 12.6465C20.6789 11.634 20.7824 10.5846 21.1776 9.63099C21.5728 8.67736 22.2418 7.86234 23.1002 7.28899C23.9586 6.71564 24.9678 6.40971 26 6.40991C26.6854 6.40991 27.364 6.54491 27.9971 6.8072C28.6302 7.0695 29.2055 7.45394 29.6901 7.93858C30.1746 8.42322 30.559 8.99857 30.8211 9.63176C31.0833 10.265 31.2182 10.9436 31.218 11.6289Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair19">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M16.927 29.2C14.7218 30.9895 13.1559 33.4455 12.464 36.2C10.986 42.6 7.97803 43.548 7.97803 43.548C7.97803 43.548 13.178 46.371 16.254 43.47C18.961 40.918 19.463 34.724 22.132 32.951L16.927 29.2ZM35.072 29.2C37.2772 30.9895 38.8431 33.4455 39.535 36.2C41.013 42.6 44.021 43.548 44.021 43.548C44.021 43.548 38.821 46.371 35.745 43.47C33.038 40.918 32.536 34.724 29.867 32.951L35.072 29.2Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.14 28.2309L26 36.2699L38.669 28.2309C38.9981 27.0034 39.1642 25.7378 39.163 24.4669V22.0669C39.1687 19.3007 38.3316 16.5984 36.763 14.3199C35.6052 12.5178 34.0132 11.0354 32.1332 10.0088C30.2533 8.98211 28.1456 8.44409 26.0035 8.44409C23.8615 8.44409 21.7538 8.98211 19.8739 10.0088C17.9939 11.0354 16.4019 12.5178 15.244 14.3199C13.676 16.5987 12.8389 19.3008 12.844 22.0669V24.4669C12.8414 25.7275 12.9404 26.9863 13.14 28.2309Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.2878C18.9611 11.2878 14.6401 17.6118 15.1711 26.2928C15.6351 33.8728 20.0441 39.2088 26.0001 39.2088C31.9561 39.2088 36.3641 33.8728 36.8281 26.2928C37.3601 17.6118 33.0381 11.2878 26.0001 11.2878Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.14 28.2309C13.14 28.2309 25.377 21.0869 31.34 15.9309L38.673 28.2309C39.002 27.0034 39.1681 25.7378 39.167 24.4669V22.0669C39.1727 19.3007 38.3355 16.5984 36.767 14.3199C35.6091 12.5178 34.0172 11.0354 32.1372 10.0088C30.2573 8.98211 28.1495 8.44409 26.0075 8.44409C23.8655 8.44409 21.7578 8.98211 19.8778 10.0088C17.9979 11.0354 16.4059 12.5178 15.248 14.3199C13.68 16.5987 12.8429 19.3008 12.848 22.0669V24.4669C12.844 25.7274 12.9417 26.9862 13.14 28.2309Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair20">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.7571 20.7001C37.8001 12.4001 33.0731 8.48511 26.0001 8.48511C18.9271 8.48511 14.2001 12.4001 12.2431 20.7001C10.3941 28.5431 11.4601 32.8001 13.3691 37.3811C16.2451 44.2881 18.3501 44.7441 18.3501 44.7441L22.2631 43.3201L26.0001 45.6931L29.7361 43.3201L33.6491 44.7441C33.6491 44.7441 35.7491 44.2881 38.6301 37.3811C40.5391 32.8001 41.6061 28.5431 39.7571 20.7001Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.3362C18.9611 11.3362 14.6401 17.6612 15.1711 26.3412C15.6351 33.9202 20.0441 39.2572 26.0001 39.2572C31.9561 39.2572 36.3641 33.9202 36.8281 26.3412C37.3601 17.6612 33.0381 11.3362 26.0001 11.3362Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M33.4241 21.3522L33.0381 17.4462C33.0381 17.4462 33.6711 21.2132 34.8951 25.7222C35.9711 29.0942 37.4858 32.31 39.4001 35.2872V22.3002L35.0121 12.7002L26.0001 8.78418L16.9861 12.7002L12.6001 22.3002V35.2872C14.5148 32.31 16.0301 29.0941 17.1071 25.7222C18.3301 21.2132 18.9631 17.4462 18.9631 17.4462L18.5771 21.3522H33.4241Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair21">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.46 20.933C38.037 12.869 33.073 8.71704 26 8.71704C18.927 8.71704 13.962 12.869 12.539 20.933C11.229 28.355 8.77296 34.795 13.839 39.315C16.571 41.746 21.375 41.45 26 41.39C30.625 41.45 35.428 41.746 38.156 39.315C43.226 34.8 40.77 28.355 39.46 20.933Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.135C18.9609 11.135 14.6399 17.459 15.1709 26.14C15.6349 33.719 20.0439 39.056 25.9999 39.056C31.9559 39.056 36.3639 33.719 36.8279 26.14C37.3599 17.459 33.0379 11.135 25.9999 11.135Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M18.2649 11.135L25.9999 9.25195L33.8109 11.367L37.4999 17.791L39.5789 27.93L37.7999 34.512L34.1229 22.3C31.4632 21.6643 28.7343 21.3643 25.9999 21.407C23.2654 21.363 20.5362 21.6617 17.8759 22.296L14.1999 34.512L12.4199 27.93L14.4999 17.791L18.2649 11.135Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair22">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 42.2069L29.2 39.7069L32.108 41.8719L33.808 38.4719L35.818 41.9529C39.613 38.5719 39.856 33.9929 39.454 27.9529C39.2936 25.658 39.0772 23.3673 38.805 21.0829C38.8009 19.4131 38.4653 17.7607 37.8175 16.2217C37.1698 14.6826 36.2228 13.2876 35.0315 12.1174C33.8403 10.9473 32.4285 10.0254 30.8781 9.40527C29.3277 8.78513 27.6696 8.4791 26 8.50493C22.6017 8.45898 19.3243 9.76393 16.8876 12.1331C14.451 14.5022 13.0545 17.7417 13.005 21.1399C13.005 21.1399 12.773 24.4659 12.541 27.9459C12.141 33.9859 12.381 38.5649 16.177 41.9459L18.188 38.4649L19.888 41.8649L22.8 39.6999L26 42.2069Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.1628C18.9619 11.1628 14.6409 17.4868 15.1719 26.1678C15.6349 33.7468 20.0439 39.0838 25.9999 39.0838C31.9549 39.0838 36.3639 33.7468 36.8279 26.1678C37.3589 17.4868 33.0379 11.1628 25.9999 11.1628Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9999 8.84302L34.1999 12.243L37.7579 19.281L38.6869 25.004C38.6869 25.004 38.7639 29.181 37.7579 30.65C37.7579 30.65 30.1789 21.524 29.5579 13.867L25.9999 15.881L22.4409 13.87C21.8219 21.527 14.2409 30.653 14.2409 30.653C13.2349 29.184 13.3119 25.007 13.3119 25.007L14.2409 19.284L17.7999 12.246L25.9999 8.84302Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair23">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.282C18.9621 11.282 14.6411 17.606 15.1721 26.282C15.6361 33.866 20.0451 39.2 26.0001 39.2C31.9551 39.2 36.3641 33.863 36.8281 26.283C37.3601 17.606 33.0391 11.282 26.0001 11.282Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 10.0441C27.5353 10.0178 29.059 10.3138 30.4728 10.9129C31.8866 11.5119 33.159 12.4008 34.208 13.5221C37.019 16.5101 38.389 21.0701 38.064 26.3621L37.964 25.2811H37.6C37.241 20.5371 33.6 14.6941 33.6 14.6941C31.0948 15.1677 28.5496 15.3978 26 15.3811C23.4505 15.3979 20.9053 15.1678 18.4 14.6941C18.4 14.6941 14.76 20.5371 14.4 25.2811H14.04L13.94 26.3621C13.615 21.0701 14.985 16.5101 17.796 13.5221C18.8447 12.4015 20.1165 11.513 21.5296 10.914C22.9426 10.3149 24.4655 10.0186 26 10.0441Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair24">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 40.9699L31.0941 43.6769L35.0331 40.5119L39.8441 43.5229L42.2441 39.2689L40.7751 35.7159L42.0121 32.0089L39.1481 24.9599L38.8071 21.5479C38.6976 18.1739 37.4556 14.935 35.2811 12.3529C33.5811 10.5739 31.6191 9.85289 28.8351 9.26989L26.0001 9.18188L23.1641 9.26989C20.3801 9.85189 18.4191 10.5699 16.7181 12.3529C14.5432 14.9348 13.3008 18.1738 13.1911 21.5479L12.8511 24.9599L9.98908 32.0089L11.2271 35.7159L9.75708 39.2689L12.1571 43.5229L16.9691 40.5119L20.9081 43.6769L26.0001 40.9699Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.271C18.9611 11.271 14.6401 17.595 15.1711 26.271C15.6351 33.851 20.0441 39.187 26.0001 39.187C31.9561 39.187 36.3641 33.851 36.8281 26.271C37.3601 17.6 33.0381 11.271 26.0001 11.271Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M37.291 18.077L36.131 15.6L31.877 10.959L26 9.646L19.889 11.116L16.795 14.516L14.4 18L14.082 21.876C15.4825 20.2586 16.7531 18.5333 17.882 16.716C20.5729 17.068 23.287 17.2124 26 17.148C28.7148 17.2123 31.4305 17.0676 34.123 16.715C35.252 18.5323 36.5226 20.2576 37.923 21.875L37.291 18.077Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair25">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M40.5001 20.3731C38.2701 13.1001 33.0731 8.84009 26.0001 8.84009C18.9271 8.84009 13.7301 13.1001 11.5001 20.3731C9.81009 25.8881 10.2551 33.5381 13.6341 40.7421C17.4635 38.7827 21.6986 37.747 26.0001 37.7181C30.3006 37.7472 34.5347 38.7828 38.3631 40.7421C41.7431 33.5381 42.1881 25.8881 40.5001 20.3731Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.2051C18.9611 11.2051 14.6401 17.5291 15.1711 26.2051C15.6351 33.7851 20.0441 39.1221 26.0001 39.1221C31.9561 39.1221 36.3641 33.7851 36.8281 26.2051C37.3601 17.5291 33.0381 11.2051 26.0001 11.2051Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M36.4072 16.4602L33.4242 11.0502L26.0002 9.50317L18.4192 11.1272L15.5922 16.4602L13.1912 22.5972H38.8082L36.4072 16.4602Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair26">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.2821 11.1279C19.2431 11.1279 14.9221 17.4519 15.4531 26.1279C15.9171 33.7079 20.3261 39.0449 26.2821 39.0449C32.2371 39.0449 36.6461 33.7079 37.1101 26.1279C37.6421 17.4519 33.3201 11.1279 26.2821 11.1279Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.2821 9.45582C29.5788 9.40284 32.7737 10.5978 35.2264 12.8011C37.6792 15.0044 39.2086 18.0534 39.5081 21.3368C39.8871 26.6188 39.1981 27.7568 37.7081 30.5608C37.7081 30.5608 36.9541 26.6738 36.2571 23.3478C35.6251 20.3278 35.0201 16.9288 35.0201 16.9288V22.3228H17.5421V16.9288C17.5421 16.9288 16.9361 20.3288 16.3041 23.3478C15.6041 26.6738 14.8541 30.5608 14.8541 30.5608C13.3651 27.7608 12.6761 26.6188 13.0541 21.3368C13.3537 18.053 14.8833 15.0038 17.3365 12.8004C19.7897 10.597 22.9851 9.40233 26.2821 9.45582Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M35.3311 13.1389L30.1721 15.5189L25.8171 10.0449C26.4528 9.11162 27.301 8.3427 28.292 7.80148C29.283 7.26026 30.3884 6.96221 31.5171 6.93188C35.1281 7.01988 37.3871 9.86688 38.3661 12.5319C39.4221 15.4109 39.3661 20.4389 41.5911 21.7969C42.517 22.3772 43.5928 22.673 44.6851 22.6479C44.6851 22.6479 42.0091 27.9269 37.0281 23.0349L35.3311 13.1389Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair27">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.2529 23.1099C39.2529 23.1099 39.3459 30.0189 40.6749 33.5169C42.3669 37.9639 41.3869 42.4109 38.0969 45.1679L36.1399 40.9879C35.2258 42.4454 33.8925 43.5925 32.3149 44.2789C30.3256 45.1585 28.1745 45.6128 25.9994 45.6128C23.8243 45.6128 21.6732 45.1585 19.6839 44.2789C18.1063 43.5925 16.773 42.4454 15.8589 40.9879L13.8999 45.1679C10.6089 42.4109 9.6299 37.9679 11.3199 33.5169C12.6489 30.0169 12.7429 23.1099 12.7429 23.1099H39.2529Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.3091C18.9609 11.3091 14.6399 17.6341 15.1709 26.3141C15.6349 33.8941 20.0439 39.2301 25.9999 39.2301C31.9559 39.2301 36.3639 33.8941 36.8279 26.3141C37.3599 17.6341 33.0379 11.3091 25.9999 11.3091Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.4309 19.138C38.9212 15.9712 37.2779 13.0976 34.8071 11.0522C32.3362 9.00688 29.2062 7.92925 25.9999 8.01997C22.7935 7.929 19.6633 9.00653 17.1922 11.0519C14.7211 13.0972 13.0777 15.971 12.5679 19.138C11.5899 24.653 11.0559 28.038 8.38794 29.633C8.38794 29.633 15.6819 30.345 19.1499 23.674C21.4269 19.296 22.2629 17.274 22.2629 17.274L25.9999 15.047L29.7359 17.271C29.7359 17.271 30.5719 19.296 32.8489 23.671C36.3169 30.342 43.6109 29.63 43.6109 29.63C40.9429 28.033 40.4099 24.653 39.4309 19.138Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair28">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M20.1421 33.4998C20.1421 31.6568 19.2141 30.1638 18.0671 30.1638C16.9201 30.1638 15.9921 31.6568 15.9921 33.4998C15.9752 34.3296 16.1877 35.148 16.6061 35.8648C16.1393 35.9528 15.6992 36.1473 15.3199 36.4331C14.9406 36.719 14.6323 37.0884 14.4191 37.5128C13.9438 38.3059 13.731 39.2287 13.8111 40.1498C13.4434 39.8745 13.0111 39.6985 12.5556 39.639C12.1002 39.5794 11.6371 39.6382 11.2111 39.8098C9.72706 40.3428 7.60505 42.2648 7.93705 43.5688C8.26905 44.8728 10.9251 45.0628 12.4091 44.5308C13.0158 44.3339 13.5477 43.9557 13.9328 43.4472C14.318 42.9387 14.5379 42.3243 14.5631 41.6868C15.5041 42.4128 16.9491 41.8238 17.8241 40.3378C18.1564 39.82 18.3629 39.2315 18.4268 38.6195C18.4907 38.0076 18.4103 37.3891 18.1921 36.8138C19.2781 36.7068 20.1421 35.2698 20.1421 33.4998ZM31.8571 33.4998C31.8571 31.6568 32.7861 30.1638 33.9321 30.1638C35.0781 30.1638 36.0071 31.6568 36.0071 33.4998C36.0237 34.3295 35.8117 35.1477 35.3941 35.8648C35.8605 35.9531 36.3004 36.1477 36.6795 36.4335C37.0586 36.7193 37.3668 37.0886 37.5801 37.5128C38.0551 38.306 38.2681 39.2287 38.1891 40.1498C38.5565 39.8742 38.9889 39.6981 39.4444 39.6385C39.8999 39.579 40.3631 39.638 40.7891 39.8098C42.2731 40.3428 44.3951 42.2648 44.0631 43.5688C43.7311 44.8728 41.0751 45.0628 39.5901 44.5308C38.9837 44.3335 38.4524 43.9551 38.0676 43.4466C37.6829 42.9381 37.4632 42.324 37.4381 41.6868C36.4961 42.4128 35.0501 41.8238 34.1761 40.3378C33.8437 39.82 33.6372 39.2315 33.5733 38.6195C33.5094 38.0076 33.5898 37.3891 33.8081 36.8138C32.7211 36.7068 31.8571 35.2698 31.8571 33.4998Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.292C18.9621 11.292 14.6411 17.616 15.1721 26.292C15.6361 33.872 20.0451 39.209 26.0001 39.209C31.9551 39.209 36.3641 33.872 36.8281 26.292C37.3591 17.616 33.0381 11.292 26.0001 11.292Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M40.5001 20.9049C40.041 17.4105 38.3064 14.2091 35.6298 11.9161C32.9533 9.62309 29.5236 8.40035 26.0001 8.48293C22.4766 8.40035 19.0469 9.62309 16.3703 11.9161C13.6938 14.2091 11.9592 17.4105 11.5001 20.9049C10.8581 24.7129 11.8551 27.7539 13.0131 29.1769C15.4352 26.7208 17.5813 24.0069 19.4131 21.0839C21.7261 17.0839 22.9011 14.9269 22.9011 14.9269L25.9951 15.1269L29.0891 14.9269C29.0891 14.9269 30.2651 17.0809 32.5781 21.0839C34.4102 24.0067 36.5563 26.7205 38.9781 29.1769C40.1431 27.7539 41.1401 24.7129 40.5001 20.9049Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair29">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 22.75L18.059 22.834L16.713 34.191L15.566 38.684L17.268 41.314L15.713 45.483L15.264 41.562L12.859 38.762L13.125 33.875L12.125 30.125L16.625 19.375L35.5 19.25L39.875 30.125L38.875 33.875L39.141 38.762L36.736 41.562L36.287 45.483L34.732 41.314L36.434 38.684L35.287 34.191L33.941 22.834L26 22.75Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.22C18.9621 11.22 14.6411 17.545 15.1721 26.225C15.6361 33.805 20.0451 39.142 26.0001 39.142C31.9551 39.142 36.3641 33.805 36.8281 26.225C37.3601 17.545 33.0391 11.22 26.0001 11.22Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 12.544C29.1001 21.971 39.9231 30.788 39.9231 30.788C39.9231 30.788 41.3931 27.308 40.4101 21.036C39.8226 17.615 38.0637 14.5047 35.4347 12.2382C32.8057 9.97175 29.4703 8.69014 26.0001 8.61304C22.53 8.69037 19.1948 9.97208 16.566 12.2385C13.9372 14.505 12.1784 17.6152 11.5911 21.036C10.6081 27.308 12.0781 30.788 12.0781 30.788C12.0781 30.788 22.9061 21.971 26.0001 12.544Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M32.939 7.26498L29.114 8.42198L26 6.37598L22.887 8.42198L19.062 7.26498L17.728 13.403L26 12.602L34.273 13.403L32.939 7.26498Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair30">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.094C18.9609 11.094 14.6399 17.418 15.1709 26.099C15.6349 33.679 20.0439 39.015 25.9999 39.015C31.9559 39.015 36.3639 33.679 36.8279 26.099C37.3599 17.418 33.0379 11.094 25.9999 11.094Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair31">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.1689C18.9611 11.1689 14.6401 17.4929 15.1711 26.1739C15.6351 33.7529 20.0441 39.0899 26.0001 39.0899C31.9561 39.0899 36.3641 33.7529 36.8281 26.1739C37.3601 17.4929 33.0381 11.1689 26.0001 11.1689Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 6.4519L28.887 9.0819L35.436 7.6369L36.777 13.5159L41.469 16.5059L39.38 22.3059L41.314 24.6259L39.69 27.0059L38.065 30.9699H36.287L36.673 21.0699L33.58 18.3629L31.336 14.9629C29.5854 14.5698 27.794 14.3868 26 14.4179C24.2055 14.3855 22.4135 14.5671 20.662 14.9589L18.419 18.3589L15.326 21.0699L15.712 30.9699H13.934L12.309 27.0059L10.685 24.6269L12.619 22.3069L10.53 16.5069L15.222 13.5169L16.563 7.6379L23.112 9.0829L26 6.4519Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair32">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M36.886 31.7468L33.054 43.6648L29.919 39.0398L26 45.3558L22.08 39.0398L18.945 43.6648L15.113 31.7468">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.3279C18.9611 11.3279 14.6401 17.6509 15.1711 26.3329C15.6351 33.9119 20.0441 39.2489 26.0001 39.2489C31.9561 39.2489 36.3641 33.9119 36.8281 26.3329C37.3601 17.6509 33.0381 11.3279 26.0001 11.3279Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.6081 20.7169C39.6081 13.6439 33.0731 8.6499 26.0001 8.6499C18.9271 8.6499 12.3911 13.6439 12.3911 20.7169C12.3911 20.7169 11.7681 27.4769 14.2581 30.5899L14.7031 21.7899L15.7711 18.0539L17.1051 23.2999L19.5051 15.6519L21.2841 23.3889L23.6001 15.1139L26.0001 22.9399L28.4001 15.1139L30.7131 23.3849L32.4921 15.6479L34.9001 23.2999L36.2341 18.0529L37.3001 21.7849L37.7451 30.5899C40.2311 27.4769 39.6081 20.7169 39.6081 20.7169Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair33">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.157C18.9611 11.157 14.6401 17.481 15.1711 26.162C15.6351 33.742 20.0441 39.078 26.0001 39.078C31.9561 39.078 36.3641 33.742 36.8281 26.162C37.3601 17.481 33.0381 11.157 26.0001 11.157Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.808 22.361C38.808 20.679 38.4767 19.0135 37.8331 17.4596C37.1894 15.9056 36.246 14.4937 35.0567 13.3044C33.8673 12.115 32.4554 11.1716 30.9014 10.5279C29.3475 9.88427 27.682 9.55298 26 9.55298C24.3181 9.55298 22.6526 9.88427 21.0986 10.5279C19.5447 11.1716 18.1327 12.115 16.9434 13.3044C15.7541 14.4937 14.8106 15.9056 14.167 17.4596C13.5233 19.0135 13.192 20.679 13.192 22.361C13.0007 24.8589 13.2107 27.3714 13.814 29.803L15.148 23.043L17.371 25.889L19.062 20.989L21.591 23.754L23.954 19.2L26 23.487L28.045 19.2L30.408 23.755L32.938 20.99L34.628 25.89L36.852 23.044L38.186 29.804C38.7888 27.372 38.9988 24.8593 38.808 22.361Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair34">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.0608C18.9621 11.0608 14.6411 17.3848 15.1721 26.0608C15.6361 33.6408 20.0451 38.9778 26.0001 38.9778C31.9551 38.9778 36.3641 33.6408 36.8281 26.0608C37.3591 17.3848 33.0381 11.0608 26.0001 11.0608Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M17.999 20.875L14.062 27.625L13.624 21.438L17.999 20.875ZM34.124 20.875L38.062 27.625L38.499 21.438L34.124 20.875Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M26 7.3479C19.41 7.3479 13.238 12.9949 13.238 22.8169C13.238 22.8169 17.714 20.3419 26 20.3419C34.286 20.3419 38.763 22.8169 38.763 22.8169C38.762 12.9999 32.589 7.3479 26 7.3479Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor5}"
+                             Geometry="M22.5661 14.1139L22.8201 20.4709C23.2201 20.4399 23.6351 20.4139 24.0591 20.3939L23.8811 14.0699L22.5661 14.1139ZM25.4221 20.3529C25.6161 20.3529 25.8021 20.3419 25.9991 20.3419C26.2281 20.3419 26.4401 20.3509 26.6631 20.3549V14.0249L25.3361 14.0409L25.4221 20.3529ZM19.7991 14.2529L20.1991 20.7779C20.5937 20.7159 21.0047 20.6596 21.4321 20.6089L21.1001 14.1839L19.7991 14.2529ZM13.2371 22.8149C13.2371 22.8149 13.3811 22.7379 13.6461 22.6149L13.4331 19.9099C13.3019 20.8733 13.2364 21.8446 13.2371 22.8169V22.8149ZM17.0741 14.4419L17.5921 21.2939C17.9741 21.2009 18.3841 21.1109 18.8141 21.0239L18.3491 14.3469L17.0741 14.4419ZM15.0001 14.6059C14.8181 14.9769 14.6481 15.3599 14.4921 15.7589L15.0041 22.0649C15.3551 21.9379 15.7631 21.8049 16.2181 21.6649L15.6501 14.5509L15.0001 14.6059ZM27.9371 20.3939C28.3611 20.4139 28.7761 20.4399 29.1761 20.4709L29.4301 14.1139L28.1151 14.0699L27.9371 20.3939ZM36.3371 14.5539L35.7681 21.6679C36.2231 21.8049 36.6321 21.9379 36.9831 22.0679L37.4951 15.7619C37.3391 15.3619 37.1681 14.9799 36.9851 14.6089L36.3371 14.5539ZM38.5581 19.9139L38.3461 22.6139C38.6091 22.7359 38.7531 22.8139 38.7531 22.8139C38.7563 21.8442 38.6941 20.8753 38.5671 19.9139H38.5581ZM33.1761 21.0269C33.6061 21.1129 34.0161 21.2029 34.3991 21.2959L34.9161 14.4439L33.6411 14.3439L33.1761 21.0269ZM30.5621 20.6109C30.9891 20.6619 31.3991 20.7179 31.7951 20.7799L32.1951 14.2549L30.8951 14.1839L30.5621 20.6109Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor5}"
+                             Geometry="M14.9531 14.7099C14.7032 15.229 14.4812 15.7611 14.2881 16.3039C18.0221 14.8651 21.9991 14.1616 26.0001 14.2319C30.0002 14.1602 33.9765 14.8624 37.7101 16.2999C37.518 15.757 37.2967 15.2249 37.0471 14.7059C33.4873 13.5184 29.7523 12.9416 26.0001 12.9999C22.2477 12.9429 18.5126 13.521 14.9531 14.7099ZM33.1571 11.7519C33.2701 11.7908 33.3912 11.8001 33.5088 11.7789C33.6265 11.7577 33.7367 11.7068 33.8291 11.6309L34.4941 11.0219C34.3288 10.8512 34.1598 10.6846 33.9871 10.5219C33.9469 10.5416 33.9093 10.5661 33.8751 10.5949L33.0811 11.3229C33.0419 11.348 33.011 11.3842 32.9923 11.4269C32.9736 11.4696 32.968 11.5169 32.9761 11.5627C32.9842 11.6086 33.0057 11.6511 33.038 11.6847C33.0702 11.7184 33.1116 11.7418 33.1571 11.7519ZM32.5731 9.3999C32.1524 9.11229 31.7139 8.85176 31.2601 8.6199C31.2414 8.65032 31.2302 8.68473 31.2274 8.7203C31.2246 8.75588 31.2303 8.79162 31.2439 8.8246C31.2576 8.85757 31.2788 8.88684 31.306 8.91001C31.3331 8.93318 31.3654 8.94959 31.4001 8.9579L32.4001 9.3639C32.4556 9.38468 32.5139 9.39682 32.5731 9.3999ZM24.3181 10.3599L25.5021 10.9359C25.6425 10.9948 25.7933 11.0251 25.9456 11.0251C26.0979 11.0251 26.2486 10.9948 26.3891 10.9359C26.6341 10.8169 26.6341 10.6229 26.3891 10.5039L25.2061 9.9279C25.0656 9.86849 24.9146 9.83788 24.7621 9.83788C24.6096 9.83788 24.4586 9.86849 24.3181 9.9279C24.0731 10.0479 24.0731 10.2419 24.3181 10.3609V10.3599ZM25.9181 8.4519C26.0582 8.51131 26.2089 8.54192 26.3611 8.54192C26.5133 8.54192 26.664 8.51131 26.8041 8.4519L27.9881 7.8759C28.1691 7.7879 28.2141 7.6589 28.1291 7.5499C27.8218 7.49091 27.5122 7.44487 27.2011 7.4119C27.1669 7.4197 27.1334 7.4304 27.1011 7.4439L25.9181 8.0199C25.6741 8.1399 25.6741 8.3339 25.9201 8.4529L25.9181 8.4519ZM33.3601 10.8519C33.3982 10.8262 33.4281 10.79 33.446 10.7476C33.4639 10.7052 33.4691 10.6585 33.4609 10.6133C33.4528 10.568 33.4316 10.5261 33.4 10.4926C33.3684 10.4592 33.3278 10.4357 33.2831 10.4249L32.2831 10.0199C32.1697 9.98079 32.0482 9.97147 31.9301 9.99283C31.8121 10.0142 31.7016 10.0655 31.6091 10.1419C31.5712 10.1675 31.5415 10.2036 31.5237 10.2458C31.506 10.288 31.5009 10.3345 31.509 10.3795C31.5172 10.4246 31.5383 10.4662 31.5697 10.4995C31.6011 10.5328 31.6416 10.5562 31.6861 10.5669L32.6861 10.9729C32.7997 11.0125 32.9215 11.0222 33.0399 11.001C33.1584 10.9798 33.2693 10.9285 33.3621 10.8519H33.3601ZM24.3181 8.7279L25.5001 9.2999C25.6405 9.35879 25.7913 9.38911 25.9436 9.38911C26.0959 9.38911 26.2466 9.35879 26.3871 9.2999C26.6321 9.1809 26.6321 8.9869 26.3871 8.8679L25.2061 8.2999C25.0657 8.24005 24.9147 8.20919 24.7621 8.20919C24.6095 8.20919 24.4585 8.24005 24.3181 8.2999C24.0731 8.4139 24.0731 8.6069 24.3181 8.7279ZM34.8371 12.0849C34.724 12.0457 34.6028 12.0362 34.4849 12.0572C34.3671 12.0782 34.2567 12.129 34.1641 12.2049L33.3641 12.9339C33.3257 12.9593 33.2957 12.9955 33.2777 13.0378C33.2597 13.0802 33.2546 13.1269 33.2629 13.1721C33.2712 13.2174 33.2926 13.2592 33.3245 13.2924C33.3563 13.3256 33.3972 13.3487 33.4421 13.3589C33.5548 13.3986 33.6758 13.4084 33.7934 13.3874C33.911 13.3664 34.0212 13.3152 34.1131 13.2389L34.9131 12.5099C34.9514 12.4846 34.9815 12.4486 34.9996 12.4064C35.0177 12.3642 35.0231 12.3176 35.015 12.2724C35.0069 12.2272 34.9857 12.1853 34.9541 12.152C34.9225 12.1187 34.8818 12.0953 34.8371 12.0849ZM32.8681 10.1429C32.9672 10.1768 33.0727 10.1878 33.1766 10.175C33.2806 10.1622 33.3802 10.1259 33.4681 10.0689C33.2801 9.9149 33.0891 9.7689 32.8951 9.6249L32.7951 9.7179C32.7567 9.74298 32.7266 9.77873 32.7083 9.82074C32.69 9.86275 32.6843 9.9092 32.6921 9.95436C32.6999 9.99952 32.7206 10.0414 32.7519 10.0749C32.7832 10.1084 32.8236 10.1321 32.8681 10.1429ZM33.5751 12.0339L32.5751 11.6279C32.4619 11.5885 32.3404 11.5789 32.2224 11.5999C32.1044 11.6209 31.9938 11.6719 31.9011 11.7479C31.8627 11.7733 31.8327 11.8093 31.8146 11.8516C31.7966 11.8939 31.7913 11.9405 31.7995 11.9858C31.8077 12.031 31.829 12.0729 31.8607 12.1061C31.8925 12.1394 31.9333 12.1626 31.9781 12.1729L32.9781 12.5809C33.0908 12.6199 33.2117 12.6291 33.3291 12.6077C33.4464 12.5864 33.5563 12.5351 33.6481 12.4589C33.6864 12.4338 33.7166 12.3981 33.7349 12.3561C33.7532 12.314 33.7588 12.2676 33.7511 12.2224C33.7433 12.1773 33.7225 12.1354 33.6913 12.1019C33.66 12.0684 33.6196 12.0447 33.5751 12.0339ZM19.1311 10.1429C19.1759 10.1326 19.2167 10.1094 19.2484 10.0761C19.2802 10.0429 19.3014 10.001 19.3096 9.95578C19.3178 9.91054 19.3126 9.86389 19.2945 9.82161C19.2765 9.77933 19.2464 9.74327 19.2081 9.7179L19.1081 9.6249C18.9081 9.7659 18.7221 9.9149 18.5341 10.0689C18.6216 10.1254 18.7207 10.1615 18.8241 10.1743C18.9275 10.1871 19.0324 10.1764 19.1311 10.1429ZM19.4231 11.6279L18.4231 12.0339C18.3783 12.0442 18.3375 12.0674 18.3057 12.1007C18.274 12.1339 18.2527 12.1758 18.2445 12.221C18.2363 12.2663 18.2416 12.3129 18.2596 12.3552C18.2777 12.3975 18.3077 12.4335 18.3461 12.4589C18.4384 12.5349 18.5486 12.5861 18.6662 12.6074C18.7838 12.6288 18.905 12.6196 19.0181 12.5809L20.0181 12.1729C20.0627 12.1623 20.1032 12.139 20.1348 12.1058C20.1663 12.0726 20.1875 12.0309 20.1958 11.9859C20.2041 11.9408 20.199 11.8943 20.1813 11.852C20.1636 11.8098 20.134 11.7736 20.0961 11.7479C20.0035 11.672 19.8931 11.6212 19.7752 11.6002C19.6574 11.5792 19.5362 11.5887 19.4231 11.6279ZM27.9901 10.7119C27.8498 10.6525 27.699 10.6219 27.5466 10.6219C27.3942 10.6219 27.2434 10.6525 27.1031 10.7119L25.9201 11.2879C25.6741 11.4079 25.6741 11.6019 25.9201 11.7209C26.0605 11.7793 26.211 11.8094 26.3631 11.8094C26.5151 11.8094 26.6657 11.7793 26.8061 11.7209L27.9901 11.1449C28.2351 11.0249 28.2351 10.8319 27.9901 10.7119ZM17.8341 12.2049C17.7416 12.1292 17.6313 12.0784 17.5137 12.0574C17.3961 12.0364 17.275 12.0459 17.1621 12.0849C17.1176 12.0956 17.0771 12.119 17.0457 12.1523C17.0143 12.1856 16.9932 12.2273 16.985 12.2723C16.9769 12.3173 16.982 12.3638 16.9997 12.406C17.0175 12.4482 17.0472 12.4843 17.0851 12.5099L17.8801 13.2389C17.9726 13.3148 18.0831 13.3656 18.2009 13.3866C18.3188 13.4077 18.44 13.3981 18.5531 13.3589C18.5978 13.3485 18.6385 13.3251 18.6701 13.2918C18.7017 13.2585 18.7229 13.2166 18.731 13.1714C18.7391 13.1262 18.7337 13.0796 18.7156 13.0374C18.6975 12.9952 18.6674 12.9592 18.6291 12.9339L17.8341 12.2049ZM26.3891 12.1379L25.2061 11.5629C25.0657 11.503 24.9147 11.4722 24.7621 11.4722C24.6095 11.4722 24.4585 11.503 24.3181 11.5629C24.0731 11.6819 24.0731 11.8759 24.3181 11.9939L25.5021 12.5699C25.6424 12.6293 25.7932 12.6599 25.9456 12.6599C26.098 12.6599 26.2488 12.6293 26.3891 12.5699C26.6341 12.4509 26.6341 12.2589 26.3891 12.1379ZM18.8411 11.7519C18.8859 11.7415 18.9267 11.7182 18.9585 11.6849C18.9903 11.6516 19.0116 11.6098 19.0199 11.5645C19.0282 11.5192 19.0231 11.4725 19.0052 11.4301C18.9872 11.3877 18.9573 11.3515 18.9191 11.3259L18.1191 10.5979C18.0848 10.5691 18.0472 10.5446 18.0071 10.5249C17.8341 10.6849 17.6661 10.8509 17.4991 11.0249L18.1651 11.6339C18.2582 11.7099 18.3692 11.7608 18.4876 11.7814C18.606 11.8021 18.7278 11.7919 18.8411 11.7519ZM27.9901 9.0779C27.8496 9.01902 27.6989 8.98869 27.5466 8.98869C27.3943 8.98869 27.2435 9.01902 27.1031 9.0779L25.9201 9.6549C25.6741 9.7739 25.6741 9.9669 25.9201 10.0869C26.0602 10.1463 26.2109 10.1769 26.3631 10.1769C26.5153 10.1769 26.6659 10.1463 26.8061 10.0869L27.9901 9.5099C28.2351 9.3909 28.2351 9.1999 27.9901 9.0779ZM26.3901 7.6689C26.5611 7.5859 26.6051 7.4689 26.5381 7.3619C26.3581 7.3549 26.1801 7.3479 26.0001 7.3479C25.6481 7.3479 25.3001 7.3679 24.9491 7.3989L25.5031 7.6689C25.6433 7.72814 25.7939 7.75867 25.9461 7.75867C26.0983 7.75867 26.2499 7.72814 26.3901 7.6689ZM19.4261 9.3999C19.4853 9.39682 19.5436 9.38468 19.5991 9.3639L20.5991 8.9579C20.6338 8.94966 20.6661 8.93327 20.6933 8.91008C20.7204 8.88689 20.7417 8.85757 20.7553 8.82455C20.7688 8.79152 20.7744 8.75573 20.7714 8.72015C20.7684 8.68456 20.757 8.6502 20.7381 8.6199C20.2847 8.85198 19.8465 9.1125 19.4261 9.3999ZM19.7111 10.0189L18.7111 10.4239C18.6664 10.4348 18.6259 10.4584 18.5944 10.4919C18.563 10.5254 18.5419 10.5674 18.5339 10.6126C18.5258 10.6579 18.5311 10.7045 18.5491 10.7468C18.567 10.7891 18.5969 10.8253 18.6351 10.8509C18.7273 10.9266 18.8374 10.9774 18.9549 10.9986C19.0723 11.0198 19.1932 11.0106 19.3061 10.9719L20.3061 10.5659C20.3506 10.5552 20.391 10.5318 20.4225 10.4985C20.4539 10.4652 20.475 10.4235 20.4832 10.3785C20.4913 10.3335 20.4862 10.287 20.4684 10.2448C20.4507 10.2026 20.421 10.1665 20.3831 10.1409C20.2907 10.065 20.1805 10.0141 20.0628 9.99291C19.9452 9.97173 19.8241 9.98102 19.7111 10.0199V10.0189Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair35">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.254 20.0749C38.6963 16.9657 37.0632 14.1515 34.6404 12.1246C32.2176 10.0976 29.1593 8.98706 26.0005 8.98706C22.8416 8.98706 19.7833 10.0976 17.3605 12.1246C14.9377 14.1515 13.3047 16.9657 12.747 20.0749C11.502 26.1829 11.654 32.3749 14.525 34.7509C18.617 38.1309 26 38.1309 26 38.1309C26 38.1309 33.383 38.1309 37.475 34.7509C40.348 32.3789 40.5 26.1829 39.254 20.0749Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.1709C18.9619 11.1709 14.6409 17.4949 15.1719 26.1709C15.6359 33.7509 20.0449 39.0879 25.9999 39.0879C31.9549 39.0879 36.3639 33.7509 36.8279 26.1709C37.3599 17.4999 33.0389 11.1709 25.9999 11.1709Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.3641 18.7349L33.1161 11.5839L26.0001 9.26294L18.8851 11.5839L13.6371 18.7349L12.5691 29.4139C12.5691 29.4139 16.1281 20.3139 26.0001 20.3139C35.8721 20.3139 39.4321 29.4139 39.4321 29.4139L38.3641 18.7349Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair36">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.248C18.9609 11.248 14.6399 17.572 15.1709 26.253C15.6349 33.833 20.0439 39.169 25.9999 39.169C31.9559 39.169 36.3639 33.833 36.8279 26.253C37.3599 17.572 33.0379 11.248 25.9999 11.248Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 9.6001C33.2 9.6001 35.251 11.1121 35.251 11.1121C39.608 18.2281 38.719 28.9901 38.719 28.9901H37.207L36.21 22.0001L34.044 16.8511C34.044 16.8511 32.226 18.3311 26 18.3311C19.774 18.3311 17.955 16.8511 17.955 16.8511L15.79 22.0001L14.79 28.9871H13.28C13.28 28.9871 12.391 18.2251 16.749 11.1091C16.749 11.1091 18.8 9.6001 26 9.6001Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair37">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.25C18.9609 11.25 14.6399 17.574 15.1709 26.255C15.6349 33.835 20.0439 39.171 25.9999 39.171C31.9559 39.171 36.3639 33.835 36.8279 26.255C37.3599 17.574 33.0379 11.25 25.9999 11.25Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M40.143 22.1591C40.143 15.0861 33.073 9.55908 26 9.55908C18.927 9.55908 11.856 15.0861 11.856 22.1591C11.856 22.1591 11.323 27.5861 14.169 31.1441L17.669 22.6031L20.369 25.6281L23.287 22.3381L25.987 25.5381L28.687 22.3381L31.605 25.6281L34.305 22.6031L37.805 31.1441C40.676 27.5861 40.143 22.1591 40.143 22.1591Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair38">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.1111C18.9609 11.1111 14.6399 17.4351 15.1709 26.1161C15.6349 33.7001 20.0439 39.0321 25.9999 39.0321C31.9559 39.0321 36.3639 33.6951 36.8279 26.1161C37.3599 17.4351 33.0379 11.1111 25.9999 11.1111Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M31.337 7.7861L30.409 10.3381L28.088 6.5481L26 9.3331L23.911 6.5481L21.59 10.3381L20.663 7.7861C10.956 17.4921 13.083 30.3701 13.083 30.3701H15.621C15.577 28.8121 15.544 23.7321 17.414 20.3931C19.647 16.4061 21.436 14.5151 26 14.5151C30.564 14.5151 32.353 16.4061 34.585 20.3931C36.455 23.7321 36.422 28.8121 36.378 30.3701H38.917C38.917 30.3701 41.044 17.4921 31.337 7.7861Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair39">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.1218C18.9611 11.1218 14.6401 17.4458 15.1711 26.1268C15.6351 33.7058 20.0441 39.0428 26.0001 39.0428C31.9561 39.0428 36.3641 33.7058 36.8281 26.1268C37.3601 17.4458 33.0381 11.1218 26.0001 11.1218Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M36.2101 10.6489C35.5582 10.0833 34.7967 9.65812 33.9731 9.39993C33.4491 9.19993 31.5171 11.3149 31.5171 11.3149C31.5171 11.3149 30.9371 8.49393 30.2461 8.36193C28.8467 8.09225 27.4252 7.95464 26.0001 7.95093C21.3721 7.96093 16.6311 9.66493 15.7901 10.6509C14.0901 12.6419 13.0901 20.0509 13.7011 23.5099H15.6651C15.814 21.9826 16.045 20.4644 16.3571 18.9619C17.1821 16.4619 20.6751 14.3469 25.9991 14.3469C31.3231 14.3469 34.8161 16.4609 35.6411 18.9619C35.9532 20.4644 36.1842 21.9826 36.3331 23.5099H38.3001C38.9141 20.0519 37.9101 12.6399 36.2101 10.6489Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair40">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.1621C18.9621 11.1621 14.6411 17.4851 15.1721 26.1621C15.6361 33.7421 20.0451 39.0791 26.0001 39.0791C31.9551 39.0791 36.3641 33.7421 36.8281 26.1621C37.3591 17.4851 33.0381 11.1621 26.0001 11.1621Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.3001 18.432C36.9551 13.183 33.0721 8.78003 26.0001 8.78003C18.9281 8.78003 15.0451 13.18 13.7001 18.432C12.8109 21.9866 12.8109 25.7055 13.7001 29.26L15.4801 20.289L16.0981 21.526L18.5761 17.582L21.0541 20.056L23.5251 17.582L26.0001 20.056L28.4741 17.582L30.9461 20.056L33.4231 17.582L35.9001 21.526L36.5201 20.289L38.3001 29.26C39.1893 25.7055 39.1893 21.9866 38.3001 18.432Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair41">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.01 11.1819C18.971 11.1819 14.65 17.5049 15.182 26.1819C15.646 33.7659 20.054 39.0999 26.01 39.0999C31.966 39.0999 36.374 33.7629 36.838 26.1829C37.37 17.5049 33.049 11.1819 26.01 11.1819Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M18.9711 16.6728C17.1737 19.4477 16.331 22.7334 16.5711 26.0308L11.9651 25.4998C11.9651 25.4998 11.8561 19.0698 14.8721 15.0488L18.9711 16.6728ZM33.2161 16.6728C35.0133 19.4478 35.8559 22.7334 35.6161 26.0308L40.2251 25.4998C40.2251 25.4998 40.3341 19.0698 37.3181 15.0488L33.2161 16.6728Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair42">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 32.7549L15.4041 31.6719L16.0231 40.1799L17.9421 41.6489L20.5961 40.9419L22.2871 34.6889L23.0261 41.8039L26.0001 42.7319L28.9731 41.8039L29.7121 34.6889L31.4031 40.9419L34.0581 41.6489L35.9771 40.1799L36.5951 31.6719L26.0001 32.7549Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.0999C18.9611 11.0999 14.6401 17.4229 15.1711 26.0999C15.6351 33.6829 20.0441 39.0199 26.0001 39.0199C31.9561 39.0199 36.3641 33.6829 36.8281 26.1029C37.3601 17.4219 33.0381 11.0999 26.0001 11.0999Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 12.2589C25.1731 12.4739 22.6751 12.7669 22.6751 12.7669C22.6751 12.7669 22.0081 14.9759 20.9751 18.4459C20.2752 20.6172 19.7571 22.8428 19.4261 25.0999L17.4151 26.2599V33.1439L14.0891 38.4799L11.0001 37.3999C11.0776 34.5246 11.3357 31.6569 11.7731 28.8139L9.75806 26.0249C10.4581 12.7249 18.9581 6.84492 18.9581 6.84492L20.1221 6.99992L21.0501 6.69092L23.2941 7.39092L23.6031 7.08092L26.0031 7.78092L28.4031 7.08092L28.7121 7.39092L30.9551 6.69092L31.8771 6.99992L33.0371 6.84592C33.0371 6.84592 41.5451 12.7239 42.2371 26.0259L40.2271 28.8109C40.664 31.6549 40.9222 34.5236 41.0001 37.3999L37.9101 38.4779L34.5841 33.1419V26.2579L32.5731 25.0999C32.2426 22.8436 31.7251 20.6186 31.0261 18.4479C29.9921 14.9779 29.3261 12.7689 29.3261 12.7689C29.3261 12.7689 26.8261 12.4759 26.0011 12.2609L26.0001 12.2589Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair43">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0219 11.0898C18.9829 11.0898 14.6619 17.4138 15.1929 26.0948C15.6569 33.6748 20.0659 39.0118 26.0219 39.0118C31.9769 39.0118 36.3849 33.6748 36.8499 26.0948C37.3809 17.4138 33.0599 11.0898 26.0219 11.0898Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M40.9479 14.4159C39.387 13.8579 37.7298 13.6199 36.0749 13.7159C36.4563 12.6518 37.1259 11.7146 38.0089 11.0089C35.9903 10.4882 33.8993 10.3054 31.8209 10.4679C27.3349 6.36791 17.8209 7.37391 17.8209 7.37391L20.4509 10.1579L12.9509 10.5449L15.8909 13.2519L11.4819 13.9519C12.8739 16.2719 13.1679 21.8039 13.1679 22.6299L13.2149 27.5649H15.2699C15.2699 27.5649 14.8829 22.6139 16.7389 19.5209C18.7659 16.1439 21.4579 14.4159 26.0209 14.4159C30.5839 14.4159 33.2759 16.1439 35.3029 19.5209C37.1589 22.6139 36.7719 27.5649 36.7719 27.5649H38.8289L38.8759 22.6299C38.8759 22.5759 38.8679 22.5239 38.8679 22.4709C38.9571 19.6651 39.6675 16.9141 40.9479 14.4159Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair44">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.1609C18.9609 11.1609 14.6399 17.4849 15.1709 26.1659C15.6349 33.7459 20.0439 39.0829 25.9999 39.0829C31.9559 39.0829 36.3639 33.7459 36.8289 26.1659C37.3639 17.4849 33.0429 11.1609 25.9999 11.1609Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 8.625C33.416 8.625 39.381 14.19 39.381 21.425C39.2262 22.9202 38.9547 24.4011 38.569 25.854C33.0448 23.2019 28.6266 18.6949 26.085 13.119H26C23.4569 18.6965 19.0366 23.2042 13.51 25.856C13.125 24.403 12.8538 22.9222 12.699 21.427C12.699 14.19 18.664 8.627 26.08 8.627L26 8.625Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair45">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.2C18.9611 11.2 14.6401 17.524 15.1711 26.205C15.6351 33.785 20.0441 39.1209 26.0001 39.1209C31.9561 39.1209 36.3641 33.785 36.8281 26.205C37.3601 17.525 33.0381 11.2 26.0001 11.2Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M35.5911 14.141C34.4276 12.728 32.9619 11.594 31.302 10.8225C29.6422 10.051 27.8304 9.66157 26.0001 9.68298C24.1698 9.66143 22.358 10.0508 20.6981 10.8223C19.0382 11.5938 17.5726 12.7279 16.4091 14.141C12.7731 18.935 13.4601 26.114 13.4691 26.36L17.4141 17.544C17.4141 17.544 20.4301 15.455 26.0001 15.455C31.5691 15.455 34.5851 17.544 34.5851 17.544L38.5291 26.36C38.5401 26.114 39.2251 18.935 35.5911 14.141Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair46">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.2999 21.13C38.2999 12.036 33.074 8.32202 26 8.32202C18.926 8.32202 13.7 12.036 13.7 21.13">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.1851C18.9621 11.1851 14.6411 17.5091 15.1721 26.1901C15.6351 33.7701 20.0441 39.1061 26.0001 39.1061C31.9551 39.1061 36.3641 33.7701 36.8281 26.1901C37.3591 17.5091 33.0381 11.1851 26.0001 11.1851Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M37.9922 15.3191L31.4922 9.56006L31.5552 10.4431L30.8732 9.79306L20.5082 9.56006L14.0082 15.3191L13.8582 25.4191C16.4086 23.5311 18.4768 21.0671 19.8942 18.2281C20.8863 18.6705 21.9484 18.9355 23.0322 19.0111C22.5162 20.1652 21.682 21.1483 20.6272 21.8451C20.6272 21.8451 24.7562 21.7861 27.3062 20.1261C27.8011 19.8039 28.2675 19.4399 28.7002 19.0381C29.8765 18.9766 31.0317 18.701 32.1092 18.2251C33.5265 21.0641 35.5947 23.5281 38.1452 25.4161L37.9922 15.3191Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M18.265 11.572C18.265 11.572 9.72604 11.722 8.44204 19.228C6.90004 28.278 13.547 30.6 13.547 30.6C13.547 30.6 12.154 21.55 15.403 19.152C17.5462 17.4859 19.4239 15.504 20.972 13.274L18.265 11.572ZM33.734 11.572C33.734 11.572 42.272 11.722 43.557 19.228C45.1 28.278 38.452 30.6 38.452 30.6C38.452 30.6 39.845 21.55 36.596 19.152C34.4529 17.4859 32.5751 15.504 31.027 13.274L33.734 11.572Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair47">
+        <DrawingGroup>
             <GeometryDrawing Brush="{StaticResource TemplateColor1}"
-                             Geometry="M26.0001 11.0608C18.9621 11.0608 14.6411 17.3848 15.1721 26.0608C15.6361 33.6408 20.0451 38.9778 26.0001 38.9778C31.9551 38.9778 36.3641 33.6408 36.8281 26.0608C37.3591 17.3848 33.0381 11.0608 26.0001 11.0608Z">
+                             Geometry="M25.9999 11.1492C18.9619 11.1492 14.6409 17.4732 15.1719 26.1542C15.6359 33.7332 20.0449 39.0702 25.9999 39.0702C31.9549 39.0702 36.3639 33.7332 36.8279 26.1542C37.3599 17.4732 33.0389 11.1492 25.9999 11.1492Z">
                 <GeometryDrawing.Pen>
-                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}"/>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
                 </GeometryDrawing.Pen>
             </GeometryDrawing>
             <GeometryDrawing Brush="{StaticResource TemplateColor3}"
-                             Geometry="M17.999 20.875L14.062 27.625L13.624 21.438L17.999 20.875ZM34.124 20.875L38.062 27.625L38.499 21.438L34.124 20.875Z">
+                             Geometry="M25.9999 16.1771L28.2439 13.3931L30.9509 16.9501L32.3429 13.8561L34.6629 18.1101L35.5919 16.9501C36.6739 20.5081 36.5199 29.4791 36.5199 29.4791H38.8089V21.5001C38.8239 19.8085 38.5036 18.1307 37.8666 16.5636C37.2296 14.9965 36.2885 13.5711 35.0977 12.3697C33.9068 11.1682 32.4898 10.2146 30.9283 9.56376C29.3669 8.91296 27.692 8.57788 26.0004 8.57788C24.3088 8.57788 22.6339 8.91296 21.0725 9.56376C19.5111 10.2146 18.094 11.1682 16.9031 12.3697C15.7123 13.5711 14.7712 14.9965 14.1342 16.5636C13.4972 18.1307 13.177 19.8085 13.1919 21.5001V29.4801H15.4819C15.4819 29.4801 15.3259 20.5091 16.4089 16.9511L17.3379 18.1111L19.6579 13.8571L21.0499 16.9501L23.7569 13.3931L25.9999 16.1771Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair48">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.2161C18.9609 11.2161 14.6399 17.5391 15.1709 26.2211C15.6359 33.8001 20.0439 39.1371 25.9999 39.1371C31.9559 39.1371 36.3639 33.8001 36.8279 26.2211C37.3609 17.5391 33.0389 11.2161 25.9999 11.2161Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.1429 27.3C38.451 24.5496 38.451 21.7734 38.1429 19.023C37.728 16.1213 36.2623 13.4729 34.0239 11.5805C31.7854 9.6881 28.9301 8.68335 25.9999 8.75696C23.0689 8.68322 20.2128 9.68842 17.9741 11.5817C15.7354 13.4749 14.2699 16.1244 13.8559 19.027C13.5566 21.7537 13.5828 24.5064 13.9339 27.227C17.5209 26.0386 20.8342 24.1452 23.6789 21.658C25.7933 19.8303 27.5503 17.6264 28.8609 15.158C28.8609 15.158 33.8129 23.978 38.1429 27.3Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair49">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.1492C18.9611 11.1492 14.6401 17.4732 15.1711 26.1492C15.6351 33.7332 20.0441 39.0702 26.0001 39.0702C31.9561 39.0702 36.3641 33.7332 36.8281 26.1532C37.3601 17.4732 33.0381 11.1492 26.0001 11.1492Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 6.66309L28.0111 8.36309L29.4811 7.43509L30.6411 8.60009L32.7291 7.28509L33.8121 9.68509L35.6681 9.14309L36.1321 10.6901L38.9171 10.0711L39.1481 27.3881H36.5191C36.4178 25.0521 36.1333 22.7276 35.6681 20.4361C35.2082 18.2917 34.313 16.2645 33.0381 14.4801C30.7382 15.0564 28.3701 15.3148 26.0001 15.2481C23.6294 15.3132 21.2611 15.0531 18.9611 14.4751C17.6866 16.2598 16.7915 18.2869 16.3311 20.4311C15.8665 22.7226 15.5823 25.0471 15.4811 27.3831H12.8511L13.0831 10.0661L15.8671 10.6851L16.3311 9.13809L18.1881 9.68009L19.2701 7.28009L21.3581 8.60009L22.5191 7.43909L23.9881 8.36709L26.0001 6.66309Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair50">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M37.6791 23.0269L36.0551 40.5849L30.5641 39.4249L26.0001 41.0489L21.4361 39.4249L15.9441 40.5849L14.3201 23.0269">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.116C18.9611 11.116 14.6401 17.44 15.1711 26.121C15.6351 33.7 20.0441 39.038 26.0001 39.038C31.9561 39.038 36.3641 33.701 36.8281 26.121C37.3601 17.44 33.0381 11.116 26.0001 11.116Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 8.73389C33.2491 8.73389 38.1271 13.3589 39.0781 20.0889L42.0101 23.8779C40.512 24.417 38.9091 24.6003 37.328 24.4132C35.7469 24.2261 34.231 23.6738 32.9001 22.7999C30.0847 20.7955 27.7319 18.2107 26.0001 15.2199C24.2685 18.2108 21.9156 20.7956 19.1001 22.7999C17.769 23.6752 16.2523 24.2287 14.6703 24.4165C13.0882 24.6043 11.4842 24.4212 9.98511 23.8819L12.9171 20.0929C13.8731 13.3589 18.7511 8.73389 26.0001 8.73389Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair51">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.1731C18.9609 11.1731 14.6399 17.4971 15.1709 26.1781C15.6349 33.7581 20.0439 39.1001 25.9999 39.1001C31.9559 39.1001 36.3639 33.7631 36.8279 26.1831C37.3599 17.5001 33.0379 11.1731 25.9999 11.1731Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M29.944 15.5821C31.3534 17.1597 33.2672 18.1986 35.358 18.5211L36.983 26.9511L37.9879 27.0281L38.297 22.8531C38.3 14.5131 33.073 9.6001 26 9.6001C18.927 9.6001 13.7 14.5131 13.7 22.8531L14.009 27.0281L15.014 26.9511L16.639 18.5211C18.7297 18.1986 20.6435 17.1597 22.053 15.5821C21.7272 17.1761 20.8834 18.6177 19.653 19.6821C19.653 19.6821 26.7 20.8411 29.944 15.5821Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair52">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.2002C18.9619 11.2002 14.6409 17.5242 15.1719 26.2052C15.6349 33.7792 20.0439 39.1162 25.9999 39.1162C31.9549 39.1162 36.3639 33.7792 36.8279 26.2002C37.3589 17.5192 33.0379 11.2002 25.9999 11.2002Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9999 15.3001L28.1669 13.2881C29.4174 15.1662 30.0895 17.3698 30.0999 19.6261L36.5999 20.3991L36.9859 25.8141L38.0689 26.2001L38.3789 21.7911C38.3789 13.0521 33.0789 8.89111 26.0029 8.89111C18.9269 8.89111 13.6279 13.0521 13.6279 21.7911L13.9379 26.2001L15.0209 25.8141L15.3999 20.4001L21.8999 19.6271C21.9097 17.369 22.5821 15.1635 23.8339 13.2841L25.9999 15.3001Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair53">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 36.686L32.5 36.996L38.455 37.847L41.085 35.217L39.768 32.2L41.315 30.19L39.768 27.946C40.8846 25.1343 41.0206 22.0284 40.154 19.13C38 11.1 33.073 8.08496 26 8.08496C18.927 8.08496 14 11.1 11.846 19.13C10.9801 22.0285 11.1161 25.1342 12.232 27.946L10.686 30.19L12.232 32.2L10.918 35.217L13.548 37.847L19.5 37L26 36.686Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.0859C18.9621 11.0859 14.6411 17.4089 15.1721 26.0909C15.6361 33.6699 20.0451 39.0069 26.0001 39.0069C31.9551 39.0069 36.3641 33.6699 36.8281 26.0909C37.3601 17.4089 33.0391 11.0859 26.0001 11.0859Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.6861 17.118L34.2001 10.776L26.0001 8.30005L17.8001 10.774L13.3131 17.116L12.4631 26.243C16.6557 23.2729 19.7547 19.0058 21.2821 14.1L26.0001 14.95L30.7191 14.1C32.2462 19.0052 35.3445 23.2718 39.5361 26.2421L38.6861 17.118Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair54">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9999 33.891C25.9999 33.891 32.7679 34.603 37.1369 31.441C41.9839 27.935 44.1499 22.47 42.0869 16.282C39.7869 9.38198 35.0869 6.78198 25.9999 6.78198C16.9129 6.78198 12.2109 9.38198 9.91192 16.282C7.84892 22.47 10.0119 27.935 14.8609 31.441C19.2309 34.6 25.9999 33.891 25.9999 33.891Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.1001C18.9609 11.1001 14.6399 17.4231 15.1709 26.1001C15.6349 33.6851 20.0439 39.0221 25.9999 39.0221C31.9559 39.0221 36.3639 33.6851 36.8279 26.1041C37.3599 17.4241 33.0379 11.1001 25.9999 11.1001Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 8.69995L31.336 10.557L37.836 15.507L38.919 26.025L37.24 32.575L34.869 30.2C35.391 28.4969 35.6345 26.7207 35.59 24.94C35.3918 23.1866 35.0118 21.4586 34.456 19.784L32.29 17.417C32.29 17.417 31.104 18.139 26 18.139C20.896 18.139 19.709 17.417 19.709 17.417L17.543 19.788C16.9872 21.4627 16.6068 23.1906 16.408 24.944C16.3642 26.7247 16.608 28.5009 17.13 30.204L14.759 32.575L13.083 26.027L14.166 15.509L20.666 10.559L26 8.69995Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair55">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.157C18.9609 11.157 14.6399 17.48 15.1709 26.162C15.6349 33.741 20.0439 39.078 25.9999 39.078C31.9559 39.078 36.3639 33.741 36.8279 26.162C37.3599 17.48 33.0379 11.157 25.9999 11.157Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.4999 27.4771V21.2771C38.541 17.9207 37.2472 14.6854 34.903 12.2829C32.5589 9.88039 29.3564 8.50745 25.9999 8.46606C22.6439 8.50745 19.4417 9.88012 17.0976 12.2822C14.7535 14.6842 13.4594 17.919 13.4999 21.2751V27.4751L16.0999 20.2041C17.9026 18.5194 20.2164 17.4853 22.6739 17.2661C27.4609 16.8971 31.5999 17.1171 32.9609 15.2541C32.9609 15.2541 33.734 19.5081 35.823 21.5201L38.4999 27.4771Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair56">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.0491C18.9609 11.0491 14.6399 17.3731 15.1709 26.0541C15.6349 33.6341 20.0439 38.9711 25.9999 38.9711C31.9559 38.9711 36.3639 33.6341 36.8279 26.0541C37.3599 17.3731 33.0379 11.0491 25.9999 11.0491Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M27.391 14.9941L28.0869 18.7831L31.646 15.9991L34.895 19.2481L35.978 18.3191L37.41 24.6491H38.5299L39.226 15.9991L36.596 14.3751L35.823 9.81111L30.486 9.11511L25.9999 6.64111L21.5129 9.11511L16.176 9.81111L15.4029 14.3751L12.7729 15.9991L13.4689 24.6491H14.5889L16.0219 18.3191L17.1049 19.2481L20.353 15.9991L22.7509 18.7831L27.391 14.9941Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair57">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.0759C18.9611 11.0759 14.6401 17.3999 15.1711 26.0809C15.6351 33.6609 20.0441 38.9999 26.0001 38.9999C31.9561 38.9999 36.3641 33.6629 36.8281 26.0829C37.3601 17.3999 33.0381 11.0759 26.0001 11.0759Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.383 24.5339C13.541 25.6609 13.7902 26.7732 14.128 27.8599L18.482 18.9299L13.217 21.1299C13.217 21.1299 13.3 23.3739 13.383 24.5339ZM38.782 21.1309L33.517 18.9309L37.87 27.8609C38.2084 26.7744 38.4576 25.662 38.615 24.5349C38.7 23.3739 38.782 21.1309 38.782 21.1309Z">
             </GeometryDrawing>
             <GeometryDrawing Brush="{StaticResource TemplateColor4}"
-                             Geometry="M26 7.3479C19.41 7.3479 13.238 12.9949 13.238 22.8169C13.238 22.8169 17.714 20.3419 26 20.3419C34.286 20.3419 38.763 22.8169 38.763 22.8169C38.762 12.9999 32.589 7.3479 26 7.3479Z">
+                             Geometry="M26.0001 7.53394C24.318 7.53407 22.6524 7.86551 21.0984 8.50935C19.5444 9.15318 18.1324 10.0968 16.9431 11.2863C15.7538 12.4758 14.8104 13.888 14.1668 15.4421C13.5232 16.9962 13.192 18.6618 13.1921 20.3439V22.3689H13.8561C13.8561 22.3689 15.9451 16.4899 26.0001 16.4899C36.0551 16.4899 38.1431 22.3689 38.1431 22.3689H38.8071V20.3439C38.8074 16.947 37.4583 13.689 35.0565 11.2867C32.6548 8.88435 29.3971 7.53447 26.0001 7.53394Z">
             </GeometryDrawing>
             <GeometryDrawing Brush="{StaticResource TemplateColor5}"
-                             Geometry="M22.5661 14.1139L22.8201 20.4709C23.2201 20.4399 23.6351 20.4139 24.0591 20.3939L23.8811 14.0699L22.5661 14.1139ZM25.4221 20.3529C25.6161 20.3529 25.8021 20.3419 25.9991 20.3419C26.2281 20.3419 26.4401 20.3509 26.6631 20.3549V14.0249L25.3361 14.0409L25.4221 20.3529ZM19.7991 14.2529L20.1991 20.7779C20.5937 20.7159 21.0047 20.6596 21.4321 20.6089L21.1001 14.1839L19.7991 14.2529ZM13.2371 22.8149C13.2371 22.8149 13.3811 22.7379 13.6461 22.6149L13.4331 19.9099C13.3019 20.8733 13.2364 21.8446 13.2371 22.8169V22.8149ZM17.0741 14.4419L17.5921 21.2939C17.9741 21.2009 18.3841 21.1109 18.8141 21.0239L18.3491 14.3469L17.0741 14.4419ZM15.0001 14.6059C14.8181 14.9769 14.6481 15.3599 14.4921 15.7589L15.0041 22.0649C15.3551 21.9379 15.7631 21.8049 16.2181 21.6649L15.6501 14.5509L15.0001 14.6059ZM27.9371 20.3939C28.3611 20.4139 28.7761 20.4399 29.1761 20.4709L29.4301 14.1139L28.1151 14.0699L27.9371 20.3939ZM36.3371 14.5539L35.7681 21.6679C36.2231 21.8049 36.6321 21.9379 36.9831 22.0679L37.4951 15.7619C37.3391 15.3619 37.1681 14.9799 36.9851 14.6089L36.3371 14.5539ZM38.5581 19.9139L38.3461 22.6139C38.6091 22.7359 38.7531 22.8139 38.7531 22.8139C38.7563 21.8442 38.6941 20.8753 38.5671 19.9139H38.5581ZM33.1761 21.0269C33.6061 21.1129 34.0161 21.2029 34.3991 21.2959L34.9161 14.4439L33.6411 14.3439L33.1761 21.0269ZM30.5621 20.6109C30.9891 20.6619 31.3991 20.7179 31.7951 20.7799L32.1951 14.2549L30.8951 14.1839L30.5621 20.6109Z">
+                             Geometry="M26.0001 18.669C33.0851 18.669 36.4541 21.546 37.9001 23.413C38.3293 23.2278 38.6677 22.8801 38.8411 22.446C38.8411 22.446 36.4861 16.146 26.0031 16.146C15.5201 16.146 13.1631 22.446 13.1631 22.446C13.3371 22.8804 13.6762 23.2281 14.1061 23.413C15.5451 21.546 18.9151 18.669 26.0001 18.669Z">
             </GeometryDrawing>
             <GeometryDrawing Brush="{StaticResource TemplateColor5}"
-                             Geometry="M14.9531 14.7099C14.7032 15.229 14.4812 15.7611 14.2881 16.3039C18.0221 14.8651 21.9991 14.1616 26.0001 14.2319C30.0002 14.1602 33.9765 14.8624 37.7101 16.2999C37.518 15.757 37.2967 15.2249 37.0471 14.7059C33.4873 13.5184 29.7523 12.9416 26.0001 12.9999C22.2477 12.9429 18.5126 13.521 14.9531 14.7099ZM33.1571 11.7519C33.2701 11.7908 33.3912 11.8001 33.5088 11.7789C33.6265 11.7577 33.7367 11.7068 33.8291 11.6309L34.4941 11.0219C34.3288 10.8512 34.1598 10.6846 33.9871 10.5219C33.9469 10.5416 33.9093 10.5661 33.8751 10.5949L33.0811 11.3229C33.0419 11.348 33.011 11.3842 32.9923 11.4269C32.9736 11.4696 32.968 11.5169 32.9761 11.5627C32.9842 11.6086 33.0057 11.6511 33.038 11.6847C33.0702 11.7184 33.1116 11.7418 33.1571 11.7519ZM32.5731 9.3999C32.1524 9.11229 31.7139 8.85176 31.2601 8.6199C31.2414 8.65032 31.2302 8.68473 31.2274 8.7203C31.2246 8.75588 31.2303 8.79162 31.2439 8.8246C31.2576 8.85757 31.2788 8.88684 31.306 8.91001C31.3331 8.93318 31.3654 8.94959 31.4001 8.9579L32.4001 9.3639C32.4556 9.38468 32.5139 9.39682 32.5731 9.3999ZM24.3181 10.3599L25.5021 10.9359C25.6425 10.9948 25.7933 11.0251 25.9456 11.0251C26.0979 11.0251 26.2486 10.9948 26.3891 10.9359C26.6341 10.8169 26.6341 10.6229 26.3891 10.5039L25.2061 9.9279C25.0656 9.86849 24.9146 9.83788 24.7621 9.83788C24.6096 9.83788 24.4586 9.86849 24.3181 9.9279C24.0731 10.0479 24.0731 10.2419 24.3181 10.3609V10.3599ZM25.9181 8.4519C26.0582 8.51131 26.2089 8.54192 26.3611 8.54192C26.5133 8.54192 26.664 8.51131 26.8041 8.4519L27.9881 7.8759C28.1691 7.7879 28.2141 7.6589 28.1291 7.5499C27.8218 7.49091 27.5122 7.44487 27.2011 7.4119C27.1669 7.4197 27.1334 7.4304 27.1011 7.4439L25.9181 8.0199C25.6741 8.1399 25.6741 8.3339 25.9201 8.4529L25.9181 8.4519ZM33.3601 10.8519C33.3982 10.8262 33.4281 10.79 33.446 10.7476C33.4639 10.7052 33.4691 10.6585 33.4609 10.6133C33.4528 10.568 33.4316 10.5261 33.4 10.4926C33.3684 10.4592 33.3278 10.4357 33.2831 10.4249L32.2831 10.0199C32.1697 9.98079 32.0482 9.97147 31.9301 9.99283C31.8121 10.0142 31.7016 10.0655 31.6091 10.1419C31.5712 10.1675 31.5415 10.2036 31.5237 10.2458C31.506 10.288 31.5009 10.3345 31.509 10.3795C31.5172 10.4246 31.5383 10.4662 31.5697 10.4995C31.6011 10.5328 31.6416 10.5562 31.6861 10.5669L32.6861 10.9729C32.7997 11.0125 32.9215 11.0222 33.0399 11.001C33.1584 10.9798 33.2693 10.9285 33.3621 10.8519H33.3601ZM24.3181 8.7279L25.5001 9.2999C25.6405 9.35879 25.7913 9.38911 25.9436 9.38911C26.0959 9.38911 26.2466 9.35879 26.3871 9.2999C26.6321 9.1809 26.6321 8.9869 26.3871 8.8679L25.2061 8.2999C25.0657 8.24005 24.9147 8.20919 24.7621 8.20919C24.6095 8.20919 24.4585 8.24005 24.3181 8.2999C24.0731 8.4139 24.0731 8.6069 24.3181 8.7279ZM34.8371 12.0849C34.724 12.0457 34.6028 12.0362 34.4849 12.0572C34.3671 12.0782 34.2567 12.129 34.1641 12.2049L33.3641 12.9339C33.3257 12.9593 33.2957 12.9955 33.2777 13.0378C33.2597 13.0802 33.2546 13.1269 33.2629 13.1721C33.2712 13.2174 33.2926 13.2592 33.3245 13.2924C33.3563 13.3256 33.3972 13.3487 33.4421 13.3589C33.5548 13.3986 33.6758 13.4084 33.7934 13.3874C33.911 13.3664 34.0212 13.3152 34.1131 13.2389L34.9131 12.5099C34.9514 12.4846 34.9815 12.4486 34.9996 12.4064C35.0177 12.3642 35.0231 12.3176 35.015 12.2724C35.0069 12.2272 34.9857 12.1853 34.9541 12.152C34.9225 12.1187 34.8818 12.0953 34.8371 12.0849ZM32.8681 10.1429C32.9672 10.1768 33.0727 10.1878 33.1766 10.175C33.2806 10.1622 33.3802 10.1259 33.4681 10.0689C33.2801 9.9149 33.0891 9.7689 32.8951 9.6249L32.7951 9.7179C32.7567 9.74298 32.7266 9.77873 32.7083 9.82074C32.69 9.86275 32.6843 9.9092 32.6921 9.95436C32.6999 9.99952 32.7206 10.0414 32.7519 10.0749C32.7832 10.1084 32.8236 10.1321 32.8681 10.1429ZM33.5751 12.0339L32.5751 11.6279C32.4619 11.5885 32.3404 11.5789 32.2224 11.5999C32.1044 11.6209 31.9938 11.6719 31.9011 11.7479C31.8627 11.7733 31.8327 11.8093 31.8146 11.8516C31.7966 11.8939 31.7913 11.9405 31.7995 11.9858C31.8077 12.031 31.829 12.0729 31.8607 12.1061C31.8925 12.1394 31.9333 12.1626 31.9781 12.1729L32.9781 12.5809C33.0908 12.6199 33.2117 12.6291 33.3291 12.6077C33.4464 12.5864 33.5563 12.5351 33.6481 12.4589C33.6864 12.4338 33.7166 12.3981 33.7349 12.3561C33.7532 12.314 33.7588 12.2676 33.7511 12.2224C33.7433 12.1773 33.7225 12.1354 33.6913 12.1019C33.66 12.0684 33.6196 12.0447 33.5751 12.0339ZM19.1311 10.1429C19.1759 10.1326 19.2167 10.1094 19.2484 10.0761C19.2802 10.0429 19.3014 10.001 19.3096 9.95578C19.3178 9.91054 19.3126 9.86389 19.2945 9.82161C19.2765 9.77933 19.2464 9.74327 19.2081 9.7179L19.1081 9.6249C18.9081 9.7659 18.7221 9.9149 18.5341 10.0689C18.6216 10.1254 18.7207 10.1615 18.8241 10.1743C18.9275 10.1871 19.0324 10.1764 19.1311 10.1429ZM19.4231 11.6279L18.4231 12.0339C18.3783 12.0442 18.3375 12.0674 18.3057 12.1007C18.274 12.1339 18.2527 12.1758 18.2445 12.221C18.2363 12.2663 18.2416 12.3129 18.2596 12.3552C18.2777 12.3975 18.3077 12.4335 18.3461 12.4589C18.4384 12.5349 18.5486 12.5861 18.6662 12.6074C18.7838 12.6288 18.905 12.6196 19.0181 12.5809L20.0181 12.1729C20.0627 12.1623 20.1032 12.139 20.1348 12.1058C20.1663 12.0726 20.1875 12.0309 20.1958 11.9859C20.2041 11.9408 20.199 11.8943 20.1813 11.852C20.1636 11.8098 20.134 11.7736 20.0961 11.7479C20.0035 11.672 19.8931 11.6212 19.7752 11.6002C19.6574 11.5792 19.5362 11.5887 19.4231 11.6279ZM27.9901 10.7119C27.8498 10.6525 27.699 10.6219 27.5466 10.6219C27.3942 10.6219 27.2434 10.6525 27.1031 10.7119L25.9201 11.2879C25.6741 11.4079 25.6741 11.6019 25.9201 11.7209C26.0605 11.7793 26.211 11.8094 26.3631 11.8094C26.5151 11.8094 26.6657 11.7793 26.8061 11.7209L27.9901 11.1449C28.2351 11.0249 28.2351 10.8319 27.9901 10.7119ZM17.8341 12.2049C17.7416 12.1292 17.6313 12.0784 17.5137 12.0574C17.3961 12.0364 17.275 12.0459 17.1621 12.0849C17.1176 12.0956 17.0771 12.119 17.0457 12.1523C17.0143 12.1856 16.9932 12.2273 16.985 12.2723C16.9769 12.3173 16.982 12.3638 16.9997 12.406C17.0175 12.4482 17.0472 12.4843 17.0851 12.5099L17.8801 13.2389C17.9726 13.3148 18.0831 13.3656 18.2009 13.3866C18.3188 13.4077 18.44 13.3981 18.5531 13.3589C18.5978 13.3485 18.6385 13.3251 18.6701 13.2918C18.7017 13.2585 18.7229 13.2166 18.731 13.1714C18.7391 13.1262 18.7337 13.0796 18.7156 13.0374C18.6975 12.9952 18.6674 12.9592 18.6291 12.9339L17.8341 12.2049ZM26.3891 12.1379L25.2061 11.5629C25.0657 11.503 24.9147 11.4722 24.7621 11.4722C24.6095 11.4722 24.4585 11.503 24.3181 11.5629C24.0731 11.6819 24.0731 11.8759 24.3181 11.9939L25.5021 12.5699C25.6424 12.6293 25.7932 12.6599 25.9456 12.6599C26.098 12.6599 26.2488 12.6293 26.3891 12.5699C26.6341 12.4509 26.6341 12.2589 26.3891 12.1379ZM18.8411 11.7519C18.8859 11.7415 18.9267 11.7182 18.9585 11.6849C18.9903 11.6516 19.0116 11.6098 19.0199 11.5645C19.0282 11.5192 19.0231 11.4725 19.0052 11.4301C18.9872 11.3877 18.9573 11.3515 18.9191 11.3259L18.1191 10.5979C18.0848 10.5691 18.0472 10.5446 18.0071 10.5249C17.8341 10.6849 17.6661 10.8509 17.4991 11.0249L18.1651 11.6339C18.2582 11.7099 18.3692 11.7608 18.4876 11.7814C18.606 11.8021 18.7278 11.7919 18.8411 11.7519ZM27.9901 9.0779C27.8496 9.01902 27.6989 8.98869 27.5466 8.98869C27.3943 8.98869 27.2435 9.01902 27.1031 9.0779L25.9201 9.6549C25.6741 9.7739 25.6741 9.9669 25.9201 10.0869C26.0602 10.1463 26.2109 10.1769 26.3631 10.1769C26.5153 10.1769 26.6659 10.1463 26.8061 10.0869L27.9901 9.5099C28.2351 9.3909 28.2351 9.1999 27.9901 9.0779ZM26.3901 7.6689C26.5611 7.5859 26.6051 7.4689 26.5381 7.3619C26.3581 7.3549 26.1801 7.3479 26.0001 7.3479C25.6481 7.3479 25.3001 7.3679 24.9491 7.3989L25.5031 7.6689C25.6433 7.72814 25.7939 7.75867 25.9461 7.75867C26.0983 7.75867 26.2499 7.72814 26.3901 7.6689ZM19.4261 9.3999C19.4853 9.39682 19.5436 9.38468 19.5991 9.3639L20.5991 8.9579C20.6338 8.94966 20.6661 8.93327 20.6933 8.91008C20.7204 8.88689 20.7417 8.85757 20.7553 8.82455C20.7688 8.79152 20.7744 8.75573 20.7714 8.72015C20.7684 8.68456 20.757 8.6502 20.7381 8.6199C20.2847 8.85198 19.8465 9.1125 19.4261 9.3999ZM19.7111 10.0189L18.7111 10.4239C18.6664 10.4348 18.6259 10.4584 18.5944 10.4919C18.563 10.5254 18.5419 10.5674 18.5339 10.6126C18.5258 10.6579 18.5311 10.7045 18.5491 10.7468C18.567 10.7891 18.5969 10.8253 18.6351 10.8509C18.7273 10.9266 18.8374 10.9774 18.9549 10.9986C19.0723 11.0198 19.1932 11.0106 19.3061 10.9719L20.3061 10.5659C20.3506 10.5552 20.391 10.5318 20.4225 10.4985C20.4539 10.4652 20.475 10.4235 20.4832 10.3785C20.4913 10.3335 20.4862 10.287 20.4684 10.2448C20.4507 10.2026 20.421 10.1665 20.3831 10.1409C20.2907 10.065 20.1805 10.0141 20.0628 9.99291C19.9452 9.97173 19.8241 9.98102 19.7111 10.0199V10.0189Z">
+                             Geometry="M28.4191 7.77093C26.8219 7.45494 25.1782 7.45494 23.5811 7.77093C20.9331 9.11593 16.8121 12.3709 16.4871 19.6339H16.5181C16.9241 19.2724 17.3566 18.9418 17.8121 18.6449C18.5701 11.3189 23.5421 8.94493 25.3811 8.31793V16.4999C25.5811 16.4939 25.7881 16.4859 26.0001 16.4859C26.2121 16.4859 26.4141 16.4939 26.6181 16.4999V8.31993C28.4571 8.94693 33.4291 11.3199 34.1871 18.6469C34.6427 18.9436 35.0752 19.2742 35.4811 19.6359H35.5121C35.1871 12.3669 31.0661 9.11593 28.4191 7.77093Z">
             </GeometryDrawing>
         </DrawingGroup>
     </DrawingImage>
-    
-    <DrawingImage x:Key="Hair35">
-        <DrawingGroup >
+
+    <DrawingImage x:Key="MiiHair58">
+        <DrawingGroup>
             <GeometryDrawing Brush="{StaticResource TemplateColor3}"
-                             Geometry="M39.254 20.0749C38.6963 16.9657 37.0632 14.1515 34.6404 12.1246C32.2176 10.0976 29.1593 8.98706 26.0005 8.98706C22.8416 8.98706 19.7833 10.0976 17.3605 12.1246C14.9377 14.1515 13.3047 16.9657 12.747 20.0749C11.502 26.1829 11.654 32.3749 14.525 34.7509C18.617 38.1309 26 38.1309 26 38.1309C26 38.1309 33.383 38.1309 37.475 34.7509C40.348 32.3789 40.5 26.1829 39.254 20.0749Z">
+                             Geometry="M26 38.5999C34.121 38.5999 37.365 38.5889 40.148 34.8759C42.593 31.6149 41.517 26.9979 40.154 20.0259C38.761 12.9119 33.072 7.96191 26 7.96191C18.928 7.96191 13.238 12.9119 11.845 20.0269C10.482 26.9989 9.40598 31.6159 11.851 34.8769C14.634 38.5899 17.878 38.5999 26 38.5999Z">
             </GeometryDrawing>
             <GeometryDrawing Brush="{StaticResource TemplateColor1}"
-                             Geometry="M26.0001 11.0608C18.9621 11.0608 14.6411 17.3848 15.1721 26.0608C15.6361 33.6408 20.0451 38.9778 26.0001 38.9778C31.9551 38.9778 36.3641 33.6408 36.8281 26.0608C37.3591 17.3848 33.0381 11.0608 26.0001 11.0608Z">
+                             Geometry="M25.9999 11.0559C18.9609 11.0559 14.6399 17.3789 15.1709 26.0559C15.6349 33.6399 20.0439 38.9769 25.9999 38.9769C31.9549 38.9769 36.3639 33.6399 36.8279 26.0599C37.3599 17.3789 33.0389 11.0559 25.9999 11.0559Z">
                 <GeometryDrawing.Pen>
-                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}"/>
-                </GeometryDrawing.Pen> 
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
             </GeometryDrawing>
             <GeometryDrawing Brush="{StaticResource TemplateColor3}"
-                             Geometry="M38.3641 18.7349L33.1161 11.5839L26.0001 9.26294L18.8851 11.5839L13.6371 18.7349L12.5691 29.4139C12.5691 29.4139 16.1281 20.3139 26.0001 20.3139C35.8721 20.3139 39.4321 29.4139 39.4321 29.4139L38.3641 18.7349Z">
+                             Geometry="M25.9999 8.27197L35.8229 12.447L39.3809 21.11L39.1489 32.866L37.3699 33.717C37.3699 33.717 34.8179 23.044 34.5849 18.944L28.9399 10.9L25.9999 10.359L23.0599 10.9L17.4149 18.944C17.1819 23.044 14.6299 33.717 14.6299 33.717L12.8509 32.866L12.6189 21.11L16.1769 12.447L25.9999 8.27197Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair59">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.0371C18.9619 11.0371 14.6409 17.3611 15.1719 26.0421C15.6359 33.6221 20.0449 38.9581 25.9999 38.9581C31.9549 38.9581 36.3639 33.6221 36.8279 26.0421C37.3599 17.3611 33.0389 11.0371 25.9999 11.0371Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9999 7.01611C18.9269 7.01611 13.1919 14.3631 13.1919 22.6251V29.7551H15.3999C15.3999 29.7551 13.4669 17.1471 21.5879 12.9711C21.5879 12.9711 22.2879 14.4401 25.9959 14.4401C29.7039 14.4401 30.4049 12.9711 30.4049 12.9711C38.5299 17.1471 36.5999 29.7551 36.5999 29.7551H38.8119V22.6251C38.8089 14.3631 33.0729 7.01611 25.9999 7.01611Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair60">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.143 29.0469L35.9 44.5939L32.265 40.2619L26 45.2889L19.734 40.2619L16.099 44.5939L13.856 29.0469">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.3359C18.9611 11.3359 14.6401 17.6589 15.1711 26.3359C15.6351 33.9199 20.0441 39.2569 26.0001 39.2569C31.9561 39.2569 36.3641 33.9199 36.8281 26.3399C37.3601 17.6589 33.0381 11.3359 26.0001 11.3359Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 8.87598C31.878 8.87598 38.565 14.291 39.612 21.158C40.1968 25.6658 39.7202 30.248 38.22 34.539C38.22 34.539 36.132 27.039 35.436 24.716L29.325 16.516C27.314 20.692 22.825 24.096 22.825 24.096L21.51 17.443C19.963 19.687 16.56 24.714 16.56 24.714C15.86 27.034 13.776 34.537 13.776 34.537C12.2759 30.246 11.7992 25.6638 12.384 21.156C13.434 14.291 20.121 8.87598 26 8.87598Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair61">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.2481 20.96C37.8871 13.812 33.2481 8.73901 26.1761 8.73901C19.1041 8.73901 14.4661 13.812 13.1051 20.96C13.1051 20.96 6.1441 43.003 26.1761 43.003C46.2081 43.003 39.2481 20.96 39.2481 20.96Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.177 11.2151C19.139 11.2151 14.817 17.5381 15.349 26.2151C15.813 33.7951 20.222 39.1321 26.177 39.1321C32.132 39.1321 36.541 33.7951 37.005 26.2151C37.537 17.5381 33.215 11.2151 26.177 11.2151Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M33.9111 39.6769L39.6341 29.9319L37.5451 17.7109L34.1451 12.1429L26.1001 8.8999L18.2101 12.1429L15.1161 17.6339L12.4861 29.3119L18.4411 39.6769C16.8624 36.5727 15.9409 33.1763 15.7341 29.6999C15.5801 24.4409 18.1711 16.3579 18.1711 16.3579C18.1711 16.3579 20.6851 17.4029 26.1711 17.4029C31.6571 17.4029 34.1771 16.3579 34.1771 16.3579C34.1771 16.3579 36.7731 24.4399 36.6181 29.6999C36.4113 33.1763 35.4898 36.5727 33.9111 39.6769Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.9381 15.8549C41.6615 18.7761 43.2995 22.5438 43.5781 26.5279C43.8373 30.1602 43.031 33.7892 41.2581 36.9699L38.2421 30.6279L36.1531 17.2469L37.0821 14.0759L38.9381 15.8549Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M34.8538 15.5432L37.6092 13.8616L38.8177 15.842L36.0623 17.5236L34.8538 15.5432Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair62">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.007 11.1758C18.969 11.1758 14.648 17.4998 15.179 26.1808C15.642 33.7608 20.05 39.0998 26.006 39.0998C31.961 39.0998 36.37 33.7628 36.834 26.1828C37.367 17.4998 33.045 11.1758 26.007 11.1758Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M36.0309 21.9269V30.8209H38.5059V28.0369L40.0529 26.2579L38.5829 24.6339L40.9029 20.7669L38.4279 18.5999C36.4949 12.0999 33.0799 8.8999 26.0059 8.8999H26.1299C19.0569 8.8999 15.6419 12.0999 13.7089 18.5999L11.2329 20.7649L13.5539 24.6319L12.0839 26.2559L13.6309 28.0349V30.8189H16.1059V21.9269C19.9398 21.9633 23.7101 20.9467 27.0059 18.9879L26.0059 21.9269C28.689 21.8506 31.2608 20.8381 33.2759 19.0649L32.8119 21.0759L35.5189 20.4569L36.0309 21.9269Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair63">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.071 22.9001C39.071 22.9001 39.689 37.6721 41.159 39.6831C39.4024 39.1344 37.6961 38.4358 36.059 37.5951L36.832 41.7711L30.645 39.0641L26 43.0001L21.358 39.0551L15.171 41.7621L15.944 37.5861C14.3069 38.4268 12.6006 39.1254 10.844 39.6741C12.309 37.6671 12.928 22.9001 12.928 22.9001">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.2151C18.9609 11.2151 14.6399 17.5391 15.1709 26.2201C15.6349 33.8001 20.0439 39.1371 25.9999 39.1371C31.9559 39.1371 36.3639 33.8001 36.8279 26.2201C37.3599 17.5391 33.0379 11.2151 25.9999 11.2151Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M31.6449 18.7181C32.8371 19.6258 34.1055 20.4288 35.4359 21.1181C36.1359 23.4381 35.5129 32.9521 35.5129 32.9521C38.6839 30.9411 40.4399 27.1781 39.6129 21.0411C38.6839 14.1541 31.8779 8.7561 25.9999 8.7561C20.1219 8.7561 13.3149 14.1561 12.3869 21.0381C11.5589 27.1751 13.3149 30.9381 16.4869 32.9491C16.4869 32.9491 15.8679 23.4351 16.5639 21.1151C16.5639 21.1151 19.9639 19.5681 21.5139 17.3251L20.8139 21.1921C20.8139 21.1921 27.0009 19.7231 29.0139 15.5471C29.6339 16.7933 30.5345 17.8788 31.6449 18.7181Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair64">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9989 38.5H24.3719L21.3719 40.875L19.4969 37.5L16.9969 40L10.9929 26.202L12.6159 22.412L11.3799 17.385L15.3229 13.363L15.6339 10.037L19.1139 9.95997L20.8939 7.17597L23.3679 8.25798L25.9969 6.32397H26.0009L28.6299 8.25798L31.1049 7.17597L32.8839 9.95997L36.3639 10.037L36.6749 13.363L40.6179 17.385L39.3819 22.412L41.0049 26.202L35.0009 40L32.5009 37.5L30.6259 40.875L27.6259 38.5H25.9989Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.043C18.9619 11.043 14.6409 17.366 15.1719 26.043C15.6359 33.623 20.0449 38.96 25.9999 38.96C31.9549 38.96 36.3639 33.623 36.8279 26.043C37.3589 17.366 33.0379 11.043 25.9999 11.043Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.9269 19.2409C30.0209 18.1579 30.9499 16.8409 30.9499 16.8409C32.1774 18.5516 33.7606 19.9762 35.5909 21.0169L37.1379 27.9769L38.6849 25.3489L38.0649 17.4589L34.8169 11.9679L25.9999 9.10889L17.1829 11.9709L13.9349 17.4619L13.3149 25.3519L14.8619 27.9799L16.4089 21.0199C18.2392 19.9792 19.8225 18.5546 21.0499 16.8439C21.3 17.9634 21.3 19.1243 21.0499 20.2439C23.0497 20.2232 25.0335 19.8846 26.9269 19.2409Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair65">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.1001C18.9619 11.1001 14.6409 17.4241 15.1719 26.1001C15.6359 33.6891 20.0449 39.0251 25.9999 39.0251C31.9549 39.0251 36.3639 33.6891 36.8279 26.1081C37.3599 17.4281 33.0389 11.1001 25.9999 11.1001Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.9999 7.87109C24.3178 7.87123 22.6522 8.20267 21.0982 8.8465C19.5442 9.49034 18.1322 10.434 16.9429 11.6235C15.7535 12.813 14.8101 14.2251 14.1665 15.7792C13.5229 17.3333 13.1918 18.999 13.1919 20.6811V25.3351H15.1719C15.1719 25.3351 15.6359 11.5681 25.9999 11.5681C36.3639 11.5681 36.8289 25.3351 36.8289 25.3351H38.8089V20.6811C38.8089 17.2838 37.4594 14.0257 35.0573 11.6234C32.6552 9.2211 29.3971 7.87136 25.9999 7.87109Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair66">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.2002C18.9611 11.2002 14.6401 17.5242 15.1711 26.2002C15.6351 33.7802 20.0441 39.1172 26.0001 39.1172C31.9551 39.1172 36.3631 33.7802 36.8281 26.2002C37.3591 17.5192 33.0381 11.2002 26.0001 11.2002Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 8.73511C24.334 8.74125 22.6859 9.07908 21.1518 9.72889C19.6177 10.3787 18.2284 11.3275 17.0648 12.5199C15.9013 13.7123 14.9868 15.1244 14.3748 16.674C13.7627 18.2235 13.4654 19.8794 13.5 21.5451V28.0561H14.86L15.17 22.1001L16.099 24.8841L17.099 20.8621L18.878 24.1881C18.878 24.1881 21.817 16.0661 24.678 13.5881L25.993 14.4381L27.308 13.5881C30.17 16.0621 33.108 24.1881 33.108 24.1881L34.887 20.8621L35.9 24.8851L36.829 22.1011L37.138 28.0561H38.5V21.5451C38.5346 19.8795 38.2371 18.2236 37.625 16.6741C37.0129 15.1247 36.0985 13.7126 34.9349 12.5202C33.7714 11.3278 32.3821 10.379 30.8481 9.72916C29.3141 9.07931 27.666 8.74139 26 8.73511Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair67">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.0889C18.9621 11.0889 14.6411 17.4129 15.1721 26.0939C15.6361 33.6739 20.0441 39.0109 26.0001 39.0109C31.9561 39.0109 36.3641 33.6739 36.8281 26.0939C37.3641 17.4129 33.0421 11.0889 26.0001 11.0889Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 7.69995C32.6 7.69995 36.906 12.866 38.221 18.9C38.8274 22.1628 39.0096 25.4904 38.763 28.7999H36.987C36.987 28.7999 36.287 19.751 32.887 14.955C32.887 14.955 30.953 16.425 26.081 16.425H26C21.128 16.425 19.194 14.955 19.194 14.955C15.794 19.755 15.094 28.7999 15.094 28.7999H13.314C13.0674 25.4904 13.2496 22.1628 13.856 18.9C15.171 12.867 19.473 7.69995 26.077 7.69995H26Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair68">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.158C18.9609 11.158 14.6399 17.482 15.1709 26.163C15.6359 33.743 20.0439 39.079 25.9999 39.079C31.9549 39.079 36.3639 33.743 36.8279 26.163C37.3589 17.482 33.0379 11.158 25.9999 11.158Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M40.3079 18.815L37.7559 15.567L36.7509 11.545L33.4239 10.845L31.0999 8.06502L28.0059 8.37402L25.9999 7.29102L23.9879 8.37402L20.8939 8.06502L18.5739 10.849L15.2479 11.549L14.2419 15.571L11.6899 18.815L12.6179 22.45L12.5409 26.009L14.3199 28.716L16.5629 19.743L19.1919 17.114C21.3996 17.7672 23.6994 18.0547 25.9999 17.965C28.3002 18.0548 30.5996 17.7673 32.8069 17.114L35.4369 19.743L37.6789 28.716L39.4589 26.009L39.3799 22.45L40.3079 18.815Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair69">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.743 17.7721C37.984 12.2061 33.664 7.87207 25.999 7.87207C18.334 7.87207 14.015 12.2091 12.255 17.7721C10.876 22.1311 6.89205 35.6231 26 36.5641C45.106 35.6231 41.121 22.1311 39.743 17.7721Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.1182C18.9611 11.1182 14.6401 17.4412 15.1711 26.1182C15.6351 33.7002 20.0431 39.0392 26.0001 39.0392C31.9551 39.0392 36.3641 33.7022 36.8281 26.1222C37.3591 17.4412 33.0381 11.1182 26.0001 11.1182Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M29.557 17.228C34.275 20.321 38.142 28.288 38.142 28.288L38.374 21.868L37.06 16.609L34.507 12.819L30.95 10.267L26 9.41602L21.05 10.267L17.492 12.819L14.94 16.609L13.625 21.868L13.857 28.288C13.857 28.288 17.724 20.321 22.442 17.228L21.823 20.244L29.403 17.306">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair70">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.1201C18.9619 11.1201 14.6409 17.4441 15.1719 26.1251C15.6339 33.7001 20.0429 39.0411 25.9999 39.0411C31.9549 39.0411 36.3639 33.7041 36.8279 26.1251C37.3579 17.4441 33.0369 11.1201 25.9999 11.1201Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M36.5169 25.2V29.76H38.6839V25.738C41.8539 25.038 40.6939 20.247 39.0699 17.462C36.9429 13.816 33.0699 8.73804 25.9979 8.73804C18.9259 8.73804 15.0539 13.816 12.9269 17.462C11.3029 20.247 10.1419 25.042 13.3129 25.738V29.76H15.4789V25.2C20.1206 22.3496 24.2731 18.7705 27.7769 14.6L29.8649 15.064L32.0309 14.6C32.0309 14.6 33.9659 22.645 36.5169 25.2Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair71">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.516 28.459L41.47 23.509L40.062 21.266C38.657 14.537 33.146 8.67505 26 8.67505C18.854 8.67505 13.344 14.537 11.937 21.266L10.531 23.509L12.484 28.459L10.766 32.48L14.359 36.1931L13.814 39.132L16.391 43.772L17.8 40.6L21.676 44.2351L23.63 41.861L26 44.237L28.344 41.8941L30.328 44.237L34.2 40.6L35.606 43.7701L38.185 39.1301L37.637 36.1911L41.231 32.4781L39.516 28.459Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.2881C18.9621 11.2881 14.6411 17.6121 15.1721 26.2931C15.6361 33.8731 20.0451 39.2101 26.0001 39.2101C31.9551 39.2101 36.3641 33.8731 36.8281 26.2931C37.3601 17.6121 33.0391 11.2881 26.0001 11.2881Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M12.9289 27.7631C12.9289 27.7631 21.2819 23.5091 23.4469 18.9451L22.2869 22.8901L28.4749 18.7901C31.3983 22.1389 34.6648 25.1718 38.2209 27.8391L39.7679 21.4201L34.9679 12.9891L26.6999 8.89111L17.8789 11.8301L12.2319 21.1111L12.9289 27.7631Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair72">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M12.4802 21.3098C11.3802 29.4958 14.5522 36.5338 15.9442 39.3178C17.4222 42.2738 22.0862 43.8658 25.9992 43.8658V8.44385C18.9262 8.44385 13.5782 13.1258 12.4802 21.3098ZM39.5212 21.3098C38.4222 13.1258 33.0732 8.44385 25.9992 8.44385V43.8658C29.9122 43.8658 34.5772 42.2738 36.0552 39.3178C37.4482 36.5338 40.6192 29.4998 39.5212 21.3098Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0001 11.2427C18.9611 11.2427 14.6401 17.5657 15.1711 26.2477C15.6351 33.8267 20.0441 39.1637 26.0001 39.1637C31.9561 39.1637 36.3641 33.8267 36.8281 26.2477C37.3601 17.5657 33.0381 11.2427 26.0001 11.2427Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.5001 17.2501C13.5001 17.2501 10.2711 24.2501 9.05009 28.1161C7.62509 32.6251 7.30109 36.6461 9.12509 39.1251C12.2501 43.3751 17.6001 43.2671 17.6001 43.2671C17.6001 43.2671 15.0851 41.0601 15.2001 35.6171C15.3351 29.1451 16.4721 19.2171 16.7741 18.5911C19.0431 13.9221 22.6251 13.1911 26.0001 12.3261V9.31006L19.5801 10.6241L13.5001 17.2501Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M38.5 17.2501C38.5 17.2501 41.729 24.2501 42.95 28.1161C44.375 32.6251 44.698 36.6461 42.875 39.1251C39.75 43.3751 34.4 43.2671 34.4 43.2671C34.4 43.2671 36.914 41.0601 36.8 35.6171C36.665 29.1451 35.528 19.2171 35.225 18.5911C32.957 13.9221 29.375 13.1911 26 12.3261V9.31006L32.42 10.6241L38.5 17.2501Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0002 9.81494L35.6002 14.4669L35.0012 24.2159H17.0002L16.3992 14.4669L26.0002 9.81494Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair73">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.0001 41.9659L30.0001 36.8749L34.1251 41.1249L36.0001 35.9999L39.2721 39.1819C39.4121 37.2309 39.5001 29.7499 39.5001 29.7499L43.1701 29.0649C43.1151 27.9979 40.1251 20.3749 40.1251 20.3749L42.1501 19.3189L35.9311 11.5189L37.4161 10.6849L32.3341 8.68489L26.0001 8.08789L19.6661 8.68789L14.5841 10.6879L16.0681 11.5219L9.8501 19.3219L11.8751 20.3779C11.8751 20.3779 8.8851 27.9999 8.8291 29.0649L12.5001 29.7499C12.5001 29.7499 12.5881 37.2309 12.7271 39.1819L16.0001 35.9999L17.8751 41.1249L22.0001 36.8749L26.0001 41.9659Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.0002 12.52C19.6652 12.52 15.7762 18.212 16.2542 26.02C16.6722 32.842 20.6392 37.644 26.0002 37.644C31.3602 37.644 35.3282 32.844 35.7462 26.02C36.2242 18.212 32.3352 12.52 26.0002 12.52Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.228" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M15.883 27.3008L21.125 18.4998L21.173 24.8878L30.625 17.1248L35.281 26.5588L37.044 20.4328L33.425 11.7078L25.257 8.92383L18.481 10.5948L14.305 16.5338L13.655 24.8878L15.883 27.3008Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiHair74">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 39.8151C26.335 39.8151 33.125 37.0001 33.125 37.0001L34.125 40.0001L36.625 36.8751L37.544 39.7301C39.1011 38.255 40.293 36.4372 41.025 34.4211C42.777 28.6701 41.45 24.1551 40.232 20.4991C38.375 14.9311 33.072 8.43408 26 8.43408C18.928 8.43408 13.623 14.9311 11.767 20.5001C10.549 24.1561 9.22197 28.6711 10.974 34.4221C11.7059 36.4382 12.8978 38.256 14.455 39.7311L15.374 36.8761L17.874 40.0001L18.874 37.0001C18.874 37.0001 25.664 39.8151 26 39.8151Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.9999 11.0898C18.9609 11.0898 14.6399 17.4138 15.1709 26.0948C15.6349 33.6738 20.0429 39.0108 25.9999 39.0108C31.9559 39.0108 36.3649 33.6738 36.8279 26.0948C37.3589 17.4138 33.0369 11.0898 25.9999 11.0898Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.475" Brush="{StaticResource TemplateColor2}" />
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M13.1309 27.638C13.1309 27.638 25.3799 24.938 31.5669 15.267C32.3385 17.535 33.2424 19.7558 34.2739 21.918C36.6419 26.518 39.4589 27.638 39.4589 27.638L36.1309 13.333L26.9999 8.77002L19.4199 10.626L13.4829 18.446L13.1309 27.638Z">
             </GeometryDrawing>
         </DrawingGroup>
     </DrawingImage>
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiMouth.axaml b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiMouth.axaml
new file mode 100644
index 00000000..1c77cee1
--- /dev/null
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiMouth.axaml
@@ -0,0 +1,521 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:util="clr-namespace:WheelWizard.Styles.Util">
+
+    <!-- Generated by svg_to_avalonia.py from folder: MiiMouth -->
+    <!-- Color mappings were defined interactively during script execution. -->
+
+    <!-- Color 1 = Lip Top -->
+    <!-- Color 2 = Lip Bottom -->
+    <!-- Color 3 = Lip Border/Line -->
+    <!-- Color 4 = Teeth -->
+    
+    <Design.PreviewWith>
+        <Border Padding="20" Background="{StaticResource Neutral400}">
+            <UniformGrid Columns="5">
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth00}" IconName="MiiMouth00"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth01}" IconName="MiiMouth01"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth02}" IconName="MiiMouth02"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth03}" IconName="MiiMouth03"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth04}" IconName="MiiMouth04"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth05}" IconName="MiiMouth05"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth06}" IconName="MiiMouth06"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth07}" IconName="MiiMouth07"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth08}" IconName="MiiMouth08"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth09}" IconName="MiiMouth09"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth10}" IconName="MiiMouth10"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth11}" IconName="MiiMouth11"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth12}" IconName="MiiMouth12"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth13}" IconName="MiiMouth13"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth14}" IconName="MiiMouth14"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth15}" IconName="MiiMouth15"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth16}" IconName="MiiMouth16"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth17}" IconName="MiiMouth17"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth18}" IconName="MiiMouth18"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth19}" IconName="MiiMouth19"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth20}" IconName="MiiMouth20"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth21}" IconName="MiiMouth21"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth22}" IconName="MiiMouth22"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMouth23}" IconName="MiiMouth23"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 Color4="{StaticResource Neutral800}"/>
+            </UniformGrid>
+        </Border>
+    </Design.PreviewWith>
+
+
+    <DrawingImage x:Key="MiiMouth00">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 21.581C20.7177 21.5091 15.5426 23.0736 11.185 26.06L11.198 26.089C21.0038 24.5144 30.9981 24.5144 40.804 26.089L40.817 26.06C36.4589 23.0729 31.283 21.5083 26 21.581Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M11.2 26.0892C11.319 26.4082 14.855 32.2542 26 32.2542C37.145 32.2542 40.685 26.4072 40.8 26.0892C30.9941 24.5145 20.9999 24.5145 11.194 26.0892H11.2Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth01">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M25.964 30.2591H26.041C35.726 30.2241 42.485 22.8651 42.485 22.8651L42.185 22.8501C37.157 25.3384 31.6095 26.5956 26 26.5181C20.3905 26.5958 14.8429 25.3385 9.815 22.8501L9.521 22.8651C9.521 22.8651 16.279 30.2241 25.964 30.2591Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M42.188 22.8699C40.688 22.7939 33.658 22.4199 31.524 22.4199C29.6045 22.5779 27.7275 23.0706 25.978 23.8759H25.9C24.1979 23.0633 22.3612 22.5698 20.481 22.4199C18.345 22.4199 11.302 22.7939 9.814 22.8699C14.8422 25.3585 20.3902 26.6157 26 26.5379C31.6105 26.6159 37.1591 25.3587 42.188 22.8699Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth02">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 20.4521C23.768 20.4521 21.536 23.8931 21.536 26.1241C21.536 28.3551 23.771 29.3801 26 29.3801C28.229 29.3801 30.464 28.3571 30.464 26.1241C30.464 23.8911 28.235 20.4521 26 20.4521Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth03">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M14.469 25.9209H37.531">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M10.678 19.2642C12.3839 21.0447 13.3516 23.4056 13.386 25.8712C13.3702 27.9165 12.6936 29.9019 11.457 31.5312M41.323 19.2642C39.6168 21.0446 38.6488 23.4055 38.614 25.8712C38.6295 27.9169 39.3069 29.9026 40.545 31.5312">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M13.934 25.9209H38.066">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth04">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M26.194 34.3221C31.119 34.3221 33.852 29.6221 33.88 26.7661H18.507C18.534 29.6271 21.271 34.3221 26.194 34.3221Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M33.882 26.7208C33.882 23.8638 31.321 20.6678 29.289 20.1498C28.7409 19.9943 28.1604 19.995 27.6126 20.1517C27.0649 20.3084 26.5719 20.615 26.189 21.0368C25.8072 20.6168 25.316 20.3113 24.7705 20.1546C24.2249 19.998 23.6465 19.9963 23.1 20.1498C21.068 20.6678 18.505 23.8638 18.505 26.7208V26.7858H33.88L33.882 26.7208Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth05">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M46.423 22.791C43.193 23.484 31.709 25.817 26 25.817C20.291 25.817 8.807 23.484 5.578 22.791C9.758 25.227 18.22 27.871 26 27.871C33.78 27.871 42.246 25.227 46.423 22.791Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M46.423 22.8111C46.605 22.7051 46.791 22.5991 46.957 22.4941C40.0019 23.3146 33.0033 23.712 26 23.6841C18.997 23.712 11.9988 23.3146 5.04401 22.4941C5.21001 22.5991 5.39601 22.7051 5.57801 22.8111C8.80701 23.5001 20.292 25.8771 26 25.8771C31.708 25.8771 43.193 23.5001 46.423 22.8111Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth06">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M26 21.1318C21 21.1318 16 26.1318 16 28.6318C16 31.1318 26 31.1318 26 31.1318C26 31.1318 36 31.1318 36 28.6318C36 26.1318 31 21.1318 26 21.1318Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor4}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M26 21.1309C21 21.1309 16 26.1309 16 28.6309C16 31.1309 26 31.1309 26 31.1309C26 31.1309 36 31.1309 36 28.6309C36 26.1309 31 21.1309 26 21.1309Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M26 21.1309C21 21.1309 16 26.1309 16 28.6309C16 31.1309 26 31.1309 26 31.1309C26 31.1309 36 31.1309 36 28.6309C36 26.1309 31 21.1309 26 21.1309Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 31.654C31 31.654 36 28.846 36 27.44C36 26.034 26 26.04 26 26.04C26 26.04 16 26.04 16 27.44C16 28.84 21 31.654 26 31.654Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth07">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M22.378 20.8052C19.478 20.8052 8.60303 25.3582 8.60303 25.3582H43.4C43.4 25.3582 32.616 20.8052 29.715 20.8052C26.814 20.8052 26 22.7082 26 22.7082C26 22.7082 25.277 20.8052 22.378 20.8052Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth08">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M45.463 26.9582C43.1112 28.1279 40.476 28.6067 37.863 28.3392C33.66 27.7742 30.081 24.3472 26 24.3472C21.919 24.3472 18.343 27.7742 14.136 28.3392C11.5231 28.6067 8.8878 28.1279 6.53601 26.9582">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth09">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M45.133 22.1899C38.3801 23.6614 31.9159 26.2356 26 29.8089C20.0844 26.2351 13.62 23.6609 6.867 22.1899">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth10">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M44.519 28.5182L36.719 24.0942C36.719 24.0942 33.536 22.2402 30.962 22.4942C29.1578 22.7878 27.4537 23.5211 26 24.6292C24.5473 23.5207 22.8443 22.7865 21.041 22.4912C18.466 22.2402 15.284 24.0912 15.284 24.0912L7.48399 28.5152">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth11">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.7 18.4888C30.22 18.4888 37 19.6188 37 23.0078C37 26.3968 30.222 26.0818 25.7 26.0818C21.178 26.0818 14.4 26.3968 14.4 23.0078C14.4 19.6188 21.18 18.4888 25.7 18.4888Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M25.7 34.315C30.22 34.315 37 33.184 37 29.795C37 26.406 30.222 26.718 25.7 26.718C21.178 26.718 14.4 26.407 14.4 29.8C14.4 33.193 21.18 34.315 25.7 34.315Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth12">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M8.08701 28.4598L15.346 27.5858L20.997 24.1958L27.149 28.2978L34.621 24.7818L44.138 29.4308">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth13">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor2}"
+                             Geometry="M12.652 26.7998V28.3208C14.2234 30.4162 16.2611 32.1169 18.6036 33.2883C20.9462 34.4596 23.5294 35.0695 26.1485 35.0695C28.7676 35.0695 31.3508 34.4596 33.6934 33.2883C36.036 32.1169 38.0736 30.4162 39.645 28.3208V26.7998H12.652Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M39.645 25.329L39.609 25.229H12.688L12.652 25.329V28.3H39.645V25.329Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26.148 18.5318C23.5362 18.524 20.9588 19.1271 18.6217 20.2931C16.2845 21.459 14.2525 23.1555 12.688 25.2468H39.609C38.0389 23.1612 36.0056 21.4689 33.6695 20.3036C31.3335 19.1382 28.7586 18.5317 26.148 18.5318Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth14">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M10.329 20.4629C15.5028 21.3946 20.7436 21.9056 26 21.9909C31.2567 21.9059 36.4979 21.3948 41.672 20.4629C41.672 20.4629 36.168 30.7789 26 30.7789C15.832 30.7789 10.329 20.4629 10.329 20.4629Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M41.675 20.4629C41.675 20.4629 36.168 30.7789 26 30.7789C15.832 30.7789 10.329 20.4629 10.329 20.4629">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.562" Brush="{StaticResource TemplateColor4}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M9.33301 20.1778C14.8547 20.9705 20.4221 21.4038 26 21.4748C31.5783 21.403 37.146 20.9688 42.668 20.1748">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.708" Brush="{StaticResource TemplateColor4}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M10.329 20.4619C15.5028 21.3936 20.7436 21.9047 26 21.9899C31.2567 21.9049 36.4979 21.3939 41.672 20.4619C41.672 20.4619 36.168 30.7789 26 30.7789C15.832 30.7789 10.329 20.4619 10.329 20.4619Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M41.675 20.4619C41.675 20.4619 36.168 30.7789 26 30.7789C15.832 30.7789 10.329 20.4619 10.329 20.4619">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.562" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M9.33301 20.1778C14.8548 20.97 20.4222 21.4029 26 21.4738C31.5783 21.4018 37.146 20.9675 42.668 20.1738">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="1.708" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M26.001 21.8198V30.9098M19.289 21.8198V29.6508M32.713 21.8198V29.6508">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.135" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth15">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M12.378 26.4729C12.378 26.4729 21.409 26.6159 28.514 26.2849C36.614 25.9069 40.129 24.6519 44.648 19.8179">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth16">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M10.779 37.1469C10.6147 30.6423 12.2154 24.2147 15.411 18.5469M41.221 37.1469C41.3858 30.6423 39.7851 24.2145 36.589 18.5469">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M12.822 26.3042H39.177">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth17">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M39.837 21.3208L42.207 25.1768C42.207 25.1768 36.574 30.6138 26.082 30.6138H25.931C15.439 30.6138 9.80603 25.1768 9.80603 25.1768L12.175 21.3208">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor4}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M40.726 21.8232C35.952 23.2573 30.9986 24.0068 26.014 24.0492H25.929C20.9441 24.0066 15.9904 23.2572 11.216 21.8232">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor4}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M26.009 30.1888C36.133 30.1888 41.471 25.2138 41.471 25.2138L39.283 21.5718C35.0012 23.0006 30.5226 23.7523 26.009 23.7998H25.932C21.419 23.7523 16.9411 23.0006 12.66 21.5718L10.472 25.2138C10.472 25.2138 15.809 30.1888 25.932 30.1888H26.009Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26.009 30.1888C36.133 30.1888 41.471 25.2138 41.471 25.2138L39.283 21.5718C35.0011 23.0003 30.5226 23.752 26.009 23.7998H25.932C21.419 23.752 16.9412 23.0003 12.66 21.5718L10.472 25.2138C10.472 25.2138 15.809 30.1888 25.932 30.1888H26.009Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M26.046 30.4592C32.363 30.4592 33.887 28.7042 33.887 28.7042L33.821 24.0762C31.2646 24.6156 28.6587 24.8858 26.046 24.8822H25.959C23.3463 24.8858 20.7404 24.6156 18.184 24.0762L18.116 28.7002C18.116 28.7002 19.641 30.4552 25.959 30.4552L26.046 30.4592Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M39.837 21.3198L42.207 25.1768C42.207 25.1768 36.574 30.6138 26.082 30.6138H25.931C15.439 30.6138 9.80603 25.1768 9.80603 25.1768L12.175 21.3198">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M40.726 21.8232C35.9519 23.2567 30.9985 24.0058 26.014 24.0482H25.929C20.9442 24.0057 15.9905 23.2565 11.216 21.8232">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth18">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M42.805 29.478C36.8505 28.6805 31.1274 26.6517 26 23.521C20.8742 26.6512 15.1528 28.6799 9.20001 29.478">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth19">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M44.257 22.2461C41.9 26.8381 33.059 28.1191 26 28.1191C18.941 28.1191 10.1 26.8381 7.74402 22.2461">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth20">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M10.024 25.4061C10.024 25.4061 16.834 24.8941 25.894 24.8701C35.603 24.8701 40.522 25.1641 40.522 25.1641C40.4141 26.4422 40.1183 27.6974 39.644 28.8891C39.0457 30.2593 38.2726 31.5463 37.344 32.7181">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth21">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M42.877 22.1729C42.877 24.4439 35.321 26.2849 26 26.2849C16.679 26.2849 9.12201 24.4439 9.12201 22.1729">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M6.444 26.1922C6.94605 24.6193 7.83809 23.1992 9.037 22.0642C9.94834 21.1795 11.0299 20.4892 12.216 20.0352M45.555 26.1922C45.0537 24.619 44.1616 23.1987 42.962 22.0642C42.0506 21.1791 40.9687 20.4887 39.782 20.0352">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth22">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M7.492 23.2271C7.492 23.2271 13.392 31.7071 26 31.7071C38.608 31.7071 44.505 23.2271 44.505 23.2271H7.492Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M7.492 23.2271C7.492 23.2271 13.392 31.7071 26 31.7071C38.608 31.7071 44.505 23.2271 44.505 23.2271">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor4}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M45.749 23.1011H6.24799">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor4}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M7.492 23.2271C7.492 23.2271 13.392 31.7071 26 31.7071C38.608 31.7071 44.505 23.2271 44.505 23.2271H7.492Z">
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M7.492 23.2271C8.95764 24.8227 10.6274 26.2181 12.458 27.3771H39.542C41.3722 26.218 43.0416 24.8226 44.507 23.2271H7.492Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M7.492 23.2271C7.492 23.2271 13.392 31.7071 26 31.7071C38.608 31.7071 44.505 23.2271 44.505 23.2271">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.014" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M45.749 23.1011H6.24799">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.009" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMouth23">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M12.187 26.001H39.813">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="4.018" Brush="{StaticResource TemplateColor3}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+</ResourceDictionary>
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiMustache.axaml b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiMustache.axaml
new file mode 100644
index 00000000..14c8a5db
--- /dev/null
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiMustache.axaml
@@ -0,0 +1,96 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:util="clr-namespace:WheelWizard.Styles.Util">
+
+    <!-- Generated by svg_to_avalonia.py from folder: MiiMustache -->
+    <!-- Color mappings were defined interactively during script execution. -->
+
+    <!-- Color 1 = Face Fill -->
+    <!-- Color 2 = Face Border -->
+    <!-- Color 3 = Mustache Color -->
+    
+    <Design.PreviewWith>
+        <Border Padding="20" Background="{StaticResource Neutral400}">
+            <UniformGrid Columns="5">
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMustache00}" IconName="MiiMustache00"
+                                                 Color4="{StaticResource Danger500}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMustache01}" IconName="MiiMustache01"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMustache02}" IconName="MiiMustache02"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiMustache03}" IconName="MiiMustache03"
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}"
+                                                 />
+            </UniformGrid>
+        </Border>
+    </Design.PreviewWith>
+
+
+    <DrawingImage x:Key="MiiMustache00">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor4}"
+                             Geometry="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMustache01">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 39.3602C34.2014 39.3602 40.85 32.7116 40.85 24.5102C40.85 16.3087 34.2014 9.66016 26 9.66016C17.7986 9.66016 11.15 16.3087 11.15 24.5102C11.15 32.7116 17.7986 39.3602 26 39.3602Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M21.65 25.5401C20.1438 26.8114 19.155 28.5899 18.87 30.5401L21.19 29.5401L22.19 31.4101L24.09 29.8501L25.97 31.8501V24.1001C24.4143 24.1134 22.9025 24.6173 21.65 25.5401ZM30.35 25.5401C29.0892 24.6113 27.5659 24.1071 26 24.1001V31.8201L27.88 29.8201L29.78 31.3801L30.78 29.5101L33.1 30.5101C32.8159 28.5749 31.8387 26.8088 30.35 25.5401Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M21.3534 25.1375L21.3401 25.1473L21.3275 25.158C19.728 26.508 18.6779 28.3967 18.3753 30.4678L18.2458 31.3536L19.0679 30.9993L20.9658 30.1812L21.7491 31.6459L22.0364 32.1832L22.5073 31.7965L24.0459 30.5332L25.5 32.0801V33.082L25.9709 32.5811L26.47 33.112V32.0501L27.9241 30.5032L29.4627 31.7665L29.9336 32.1532L30.2209 31.6159L31.0042 30.1512L32.9021 30.9693L33.7248 31.3239L33.5947 30.4375C33.293 28.3824 32.2552 26.5068 30.6743 25.1595L30.6608 25.148L30.6465 25.1375C29.4263 24.2387 27.9759 23.7122 26.47 23.6161V23.5958L25.9793 23.6L25.5 23.5979V23.6179C24.0046 23.7191 22.5653 24.2447 21.3534 25.1375Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMustache02">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M40.85 24.5102C40.85 27.4472 39.9791 30.3183 38.3473 32.7604C36.7156 35.2024 34.3963 37.1058 31.6828 38.2298C28.9694 39.3537 25.9835 39.6478 23.1029 39.0748C20.2223 38.5018 17.5763 37.0875 15.4995 35.0107C13.4227 32.9339 12.0083 30.2879 11.4353 27.4072C10.8623 24.5266 11.1564 21.5408 12.2804 18.8273C13.4044 16.1138 15.3077 13.7946 17.7498 12.1628C20.1919 10.5311 23.0629 9.66016 26 9.66016C29.9385 9.66016 33.7156 11.2247 36.5005 14.0096C39.2854 16.7945 40.85 20.5717 40.85 24.5102Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M25.11 25.5298C22.4539 25.685 19.9003 26.6092 17.76 28.1898L18.94 29.6198C20.754 28.3261 22.8881 27.5548 25.11 27.3898V25.5298ZM26.89 25.5298C29.5461 25.685 32.0998 26.6092 34.24 28.1898L33.06 29.6198C31.246 28.3261 29.1119 27.5548 26.89 27.3898V25.5298Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M25.61 25.5298V24.9997L25.0808 25.0306C22.3279 25.1915 19.6812 26.1494 17.463 27.7876L17.0385 28.101L17.3744 28.508L18.5544 29.938L18.8509 30.2974L19.2303 30.0269C20.9699 28.7863 23.0163 28.0467 25.147 27.8884L25.61 27.854V27.3898V25.5298ZM26.9192 25.0306L26.39 24.9997V25.5298V27.3898V27.854L26.853 27.8884C28.9837 28.0467 31.0302 28.7863 32.7697 30.0269L33.1491 30.2974L33.4457 29.938L34.6257 28.508L34.9615 28.101L34.537 27.7876C32.3188 26.1494 29.6721 25.1915 26.9192 25.0306Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiMustache03">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 39.3602C34.2014 39.3602 40.85 32.7116 40.85 24.5102C40.85 16.3087 34.2014 9.66016 26 9.66016C17.7986 9.66016 11.15 16.3087 11.15 24.5102C11.15 32.7116 17.7986 39.3602 26 39.3602Z">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="2.48" Brush="{StaticResource TemplateColor2}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor3}"
+                             Geometry="M26 23.3301C20.48 23.3301 17.32 26.6401 17.32 30.8401C17.2751 31.9908 17.5276 33.1336 18.0531 34.1583C18.5786 35.183 19.3594 36.055 20.32 36.6901V33.0501C20.32 29.1101 21.32 25.4701 26.02 25.4701C30.72 25.4701 31.72 29.1101 31.72 33.0501V36.6901C32.6806 36.055 33.4614 35.183 33.9869 34.1583C34.5123 33.1336 34.7648 31.9908 34.72 30.8401C34.68 26.6401 31.52 23.3301 26 23.3301Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M34.4318 34.3865C34.9953 33.2875 35.2667 32.0621 35.2199 30.828C35.1969 28.6022 34.3451 26.5917 32.7517 25.1404C31.1582 23.6891 28.8604 22.8301 26 22.8301C23.1398 22.8301 20.8416 23.689 19.2527 25.141C17.6641 26.5927 16.8224 28.6039 16.82 30.8304C16.7736 32.0637 17.045 33.2882 17.6082 34.3865C18.1729 35.4877 19.0119 36.4247 20.0443 37.1072L20.82 37.62V36.6901V33.0501C20.82 31.103 21.0709 29.3215 21.8368 28.0389C22.5741 26.8042 23.8256 25.9701 26.02 25.9701C28.2143 25.9701 29.4659 26.8042 30.2032 28.0389C30.9691 29.3215 31.22 31.103 31.22 33.0501V36.6901V37.62L31.9957 37.1072C33.0281 36.4247 33.8671 35.4877 34.4318 34.3865Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+</ResourceDictionary>
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/MiiNose.axaml b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiNose.axaml
new file mode 100644
index 00000000..644e8952
--- /dev/null
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/MiiNose.axaml
@@ -0,0 +1,179 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:util="clr-namespace:WheelWizard.Styles.Util">
+
+    <!-- Generated by svg_to_avalonia.py from folder: MiiNose -->
+    <!-- Color mappings were defined interactively during script execution. -->
+   
+    <!-- Color 1 = Nose Color -->
+
+    <Design.PreviewWith>
+        <Border Padding="20" Background="{StaticResource Neutral400}">
+            <UniformGrid Columns="5">
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose00}" IconName="MiiNose00"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose01}" IconName="MiiNose01"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose02}" IconName="MiiNose02"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose03}" IconName="MiiNose03"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose04}" IconName="MiiNose04"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose05}" IconName="MiiNose05"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose06}" IconName="MiiNose06"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose07}" IconName="MiiNose07"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose08}" IconName="MiiNose08"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose09}" IconName="MiiNose09"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose10}" IconName="MiiNose10"
+                                                 Color1="{StaticResource Neutral50}"/>
+                <util:MultiColorExampleComponent IconData="{DynamicResource MiiNose11}" IconName="MiiNose11"
+                                                 Color1="{StaticResource Neutral50}"/>
+            </UniformGrid>
+        </Border>
+    </Design.PreviewWith>
+
+
+    <DrawingImage x:Key="MiiNose00">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M26 20.7402L15.48 31.2602H36.52L26 20.7402Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose01">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M27.23 14.8599C26.6445 17.9275 25.7947 20.9388 24.69 23.8599C23.16 27.4499 20.82 28.2099 21.64 32.7199C22.53 37.6299 30.53 37.1499 30.53 37.1499">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.51" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose02">
+        <DrawingGroup>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M22.45 21.8202C20.59 20.6602 17.4499 22.2902 16.2299 24.2902C15.6218 25.1951 15.3971 26.3042 15.6051 27.3745C15.8132 28.4448 16.437 29.389 17.34 30.0002C17.8107 30.273 18.3305 30.4503 18.8698 30.522C19.4091 30.5938 19.9573 30.5585 20.4829 30.4183C21.0086 30.2781 21.5014 30.0356 21.9333 29.7047C22.3652 29.3739 22.7277 28.9612 23 28.4902C24.21 26.4902 24.31 23.0002 22.45 21.8202ZM35.77 24.2902C34.53 22.2902 31.4099 20.6602 29.5499 21.8202C27.6899 22.9802 27.79 26.4902 29.04 28.4902C29.2763 29.0077 29.6203 29.4688 30.049 29.8427C30.4778 30.2167 30.9813 30.4949 31.5261 30.6588C32.0709 30.8227 32.6444 30.8685 33.2083 30.7931C33.7722 30.7177 34.3135 30.523 34.7961 30.2218C35.2788 29.9206 35.6916 29.5199 36.0071 29.0465C36.3225 28.573 36.5334 28.0378 36.6256 27.4764C36.7177 26.915 36.6891 26.3404 36.5415 25.791C36.394 25.2415 36.1309 24.7299 35.77 24.2902Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose03">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M38.61 28.0801C36.73 35.7201 29.44 41.0801 25.87 41.0801C22.3 41.0801 15 35.7201 13.12 28.0801">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.51" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose04">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M38.17 31C38.17 31 37.71 21 26 21C14.29 21 13.83 31 13.83 31">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.51" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose05">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M35.14 18.8901C35.14 18.8901 40.14 21.4801 40.14 25.7401C40.14 31.5601 34.66 33.1001 25.74 33.1001C16.82 33.1001 11.34 31.5601 11.34 25.7401C11.34 21.4801 16.34 18.8901 16.34 18.8901">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.51" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose06">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M30.64 26.0001C30.64 26.0001 34.78 31.2801 34.78 33.8401C34.78 36.4001 26 39.0001 26 39.0001C26 39.0001 17.22 36.3901 17.22 33.8301C17.22 31.2701 21.37 26.0001 21.37 26.0001V10.8101">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.51" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose07">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M39.944 19.8569V25.0859C38.617 29.5159 32.724 27.9089 32.724 27.9089C32.225 32.0599 26 32.1419 26 32.1419C26 32.1419 19.776 32.0599 19.277 27.9089C19.277 27.9089 13.384 29.5159 12.057 25.0859V19.8569">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.506" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose08">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M29.7499 11.3999C29.7499 11.3999 35.4499 23.9499 34.15 31.2699C33.8441 33.2304 32.8898 35.0318 31.4395 36.386C29.9893 37.7402 28.1268 38.569 26.1499 38.7399C24.1743 38.5656 22.3137 37.7356 20.8641 36.382C19.4144 35.0285 18.4591 33.229 18.1499 31.2699C16.8499 23.9499 22.5499 11.3999 22.5499 11.3999">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.51" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose09">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M31.35 10.9399C31.35 10.9399 30.55 28.9399 31.35 29.4099C32.15 29.8799 37.51 26.1399 39.06 30.2699C40.61 34.3999 27.55 39.2699 26 39.2699C24.45 39.2699 11.4 34.3799 12.94 30.2699C14.48 26.1599 19.84 29.8399 20.65 29.4099C21.46 28.9799 20.65 10.9399 20.65 10.9399">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.51" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose10">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M38.6501 25.21C38.6501 25.21 36.1701 33.32 26.2301 33.32C16.2901 33.32 13.8101 25.21 13.8101 25.21">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.51" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+
+    <DrawingImage x:Key="MiiNose11">
+        <DrawingGroup>
+            <GeometryDrawing
+                             Geometry="M20.66 10.9702V28.2102L16.38 38.1602">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.21" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M18.77 39H23.95V33.25L18.77 39Z">
+            </GeometryDrawing>
+            <GeometryDrawing
+                             Geometry="M32.85 10.9702V28.2102L37.12 38.1602">
+                <GeometryDrawing.Pen>
+                    <Pen Thickness="3.21" Brush="{StaticResource TemplateColor1}"/>
+                </GeometryDrawing.Pen>
+            </GeometryDrawing>
+            <GeometryDrawing Brush="{StaticResource TemplateColor1}"
+                             Geometry="M33.46 39H28.27V33.25L33.46 39Z">
+            </GeometryDrawing>
+        </DrawingGroup>
+    </DrawingImage>
+</ResourceDictionary>
diff --git a/WheelWizard/Views/Styles/Resources/MiiIcons/svg_to_axaml.py b/WheelWizard/Views/Styles/Resources/MiiIcons/svg_to_axaml.py
index 52dae19c..9d0c4899 100644
--- a/WheelWizard/Views/Styles/Resources/MiiIcons/svg_to_axaml.py
+++ b/WheelWizard/Views/Styles/Resources/MiiIcons/svg_to_axaml.py
@@ -2,27 +2,18 @@
 import os
 import argparse
 import re
+from collections import OrderedDict # To keep color order somewhat consistent
 
-# --- Configuration: Color Mapping ---
-COLOR_MAP = {
-    # Fill mappings
-    "#ffffff": "{StaticResource TemplateColor1}", # white
-    "white":   "{StaticResource TemplateColor1}",
-    "#5f5f5f": "{StaticResource TemplateColor3}",
-    "#808080": "{StaticResource TemplateColor4}",
-    "#404040": "{StaticResource TemplateColor5}",
-
-    # Stroke mappings
-    "#bfbfbf": "{StaticResource TemplateColor2}",
-}
-KEEP_UNMAPPED_COLORS = True
-DEFAULT_UNMAPPED_BRUSH = "Black"
+# --- Configuration ---
+DEFAULT_UNMAPPED_BRUSH = "Black" # Fallback if keeping named colors fails or unexpected errors
+# UPDATED: Increased max template colors
+MAX_TEMPLATE_COLORS = 12 # How many TemplateColorX options to offer
 
 # Preview Configuration
 PREVIEW_NAMESPACE_UTIL = "clr-namespace:WheelWizard.Styles.Util" # ADJUST THIS
-MAX_PREVIEW_ITEMS = 15 # Limit how many icons show in the preview (increased slightly)
+MAX_PREVIEW_ITEMS = 79
 
-# --- Helper Functions (normalize_color, get_avalonia_brush_attribute - unchanged) ---
+# --- Helper Functions ---
 def normalize_color(color_str):
     """Converts color to lowercase hex or name."""
     if not color_str:
@@ -30,32 +21,152 @@ def normalize_color(color_str):
     color_str = color_str.lower().strip()
     if color_str == 'none':
         return 'none'
-    if color_str.startswith('#'):
-        if len(color_str) == 4:
-           color_str = f"#{color_str[1]*2}{color_str[2]*2}{color_str[3]*2}"
-        return color_str
+    # Normalize short hex codes (#rgb -> #rrggbb)
+    if color_str.startswith('#') and len(color_str) == 4:
+       color_str = f"#{color_str[1]*2}{color_str[2]*2}{color_str[3]*2}"
     return color_str
 
-def get_avalonia_brush_attribute(svg_color, is_stroke=False):
-    """Gets the Avalonia Brush attribute string based on the mapping."""
+def find_unique_colors_in_svgs(svg_folder):
+    """Scans all SVGs in a folder and returns a set of unique normalized colors."""
+    unique_colors = set()
+    namespaces = {'svg': 'http://www.w3.org/2000/svg'}
+    ET.register_namespace('', namespaces['svg'])
+
+    print("Scanning SVGs for unique colors...")
+    svg_files = [f for f in os.listdir(svg_folder) if f.lower().endswith('.svg')]
+    if not svg_files:
+        print("No SVG files found to scan.")
+        return set()
+
+    for filename in svg_files:
+        svg_path = os.path.join(svg_folder, filename)
+        try:
+            tree = ET.parse(svg_path)
+            root = tree.getroot()
+            # Find colors in paths, circles, rects, etc. (adjust if needed)
+            elements_with_color = root.findall('.//*[@fill]', namespaces) + \
+                                  root.findall('.//*[@stroke]', namespaces)
+            # Also check root element style attributes
+            elements_with_style = root.findall('.//*[@style]', namespaces)
+
+            for elem in elements_with_color:
+                 fill = normalize_color(elem.get('fill'))
+                 stroke = normalize_color(elem.get('stroke'))
+                 if fill and fill != 'none':
+                     unique_colors.add(fill)
+                 if stroke and stroke != 'none':
+                     unique_colors.add(stroke)
+
+            # Rudimentary style attribute parsing
+            for elem in elements_with_style:
+                 style_str = elem.get('style', '')
+                 # Look for fill: #xxxxxx or fill: name
+                 fill_match = re.search(r'fill:\s*([^;]+)', style_str)
+                 if fill_match:
+                     fill = normalize_color(fill_match.group(1))
+                     if fill and fill != 'none':
+                        unique_colors.add(fill)
+                 # Look for stroke: #xxxxxx or stroke: name
+                 stroke_match = re.search(r'stroke:\s*([^;]+)', style_str)
+                 if stroke_match:
+                     stroke = normalize_color(stroke_match.group(1))
+                     if stroke and stroke != 'none':
+                         unique_colors.add(stroke)
+
+        except ET.ParseError as e:
+            print(f"Warning: Could not parse {filename} during color scan: {e}")
+        except FileNotFoundError:
+            print(f"Warning: File {filename} not found during color scan.")
+        except Exception as e:
+             print(f"Warning: An unexpected error occurred scanning {filename}: {e}")
+
+
+    print(f"Found {len(unique_colors)} unique colors.")
+    # Sort for consistent order - hex codes first, then names
+    sorted_colors = sorted(list(unique_colors), key=lambda c: (not c.startswith('#'), c))
+    return sorted_colors # Return a list for ordered processing
+
+# UPDATED: build_interactive_color_map
+def build_interactive_color_map(colors_to_map):
+    """Interactively asks the user to map detected colors."""
+    dynamic_color_map = {}
+    print("\n--- Interactive Color Mapping ---")
+    # UPDATED: Instructions reflect new range and no skip option
+    print(f"Enter a number (1-{MAX_TEMPLATE_COLORS}) to map to the corresponding TemplateColor.")
+    print("Enter '0' to keep the original color (use hex/name directly).")
+    print("---------------------------------")
+
+    if not colors_to_map:
+        print("No colors found to map.")
+        return {}
+
+    for color in colors_to_map:
+        while True:
+            prompt = f"Map color '{color}': "
+            user_input = input(prompt).strip().lower()
+
+            # REMOVED: Skip ('s') option
+            # if user_input == 's':
+            #     dynamic_color_map[color] = DEFAULT_UNMAPPED_BRUSH # Map to default Brush *value*
+            #     print(f"  Mapping '{color}' -> {DEFAULT_UNMAPPED_BRUSH}")
+            #     break
+
+            if user_input == '0':
+                if color.startswith('#'):
+                    dynamic_color_map[color] = color.upper() # Keep original hex
+                    print(f"  Keeping '{color}' -> {color.upper()}")
+                else:
+                    # Keeping named colors directly can be less reliable than hex.
+                    # Map named colors kept via '0' to the default brush for safety.
+                    # If you trust your named colors (like 'white', 'black'), you could try:
+                    # dynamic_color_map[color] = color.capitalize()
+                    print(f"  Warning: Keeping named color '{color}' directly might not work reliably.")
+                    print(f"  Mapping '{color}' (requested keep) -> {DEFAULT_UNMAPPED_BRUSH}")
+                    dynamic_color_map[color] = DEFAULT_UNMAPPED_BRUSH
+                break
+            elif user_input.isdigit():
+                template_num = int(user_input)
+                # UPDATED: Check range 1 to MAX_TEMPLATE_COLORS
+                if 1 <= template_num <= MAX_TEMPLATE_COLORS:
+                    avalonia_resource = f"{{StaticResource TemplateColor{template_num}}}"
+                    dynamic_color_map[color] = avalonia_resource
+                    print(f"  Mapping '{color}' -> TemplateColor{template_num}")
+                    break
+                else:
+                    # UPDATED: Error message reflects new range
+                    print(f"  Invalid number. Please enter 0 or a number between 1 and {MAX_TEMPLATE_COLORS}.")
+            else:
+                # UPDATED: Error message reflects new range and no 's'
+                print(f"  Invalid input. Please enter 0 or a number between 1 and {MAX_TEMPLATE_COLORS}.")
+
+    print("---------------------------------")
+    print("Color mapping complete.")
+    return dynamic_color_map
+
+def get_avalonia_brush_attribute(svg_color, color_map):
+    """Gets the Avalonia Brush attribute string based on the dynamic mapping."""
     normalized = normalize_color(svg_color)
     if not normalized or normalized == 'none':
-        return ""
-
-    if normalized in COLOR_MAP:
-        resource_key = COLOR_MAP[normalized]
-        return f'Brush="{resource_key}"'
-    elif KEEP_UNMAPPED_COLORS and normalized.startswith('#'):
-         return f'Brush="{normalized.upper()}"'
-    elif not KEEP_UNMAPPED_COLORS:
-         return f'Brush="{DEFAULT_UNMAPPED_BRUSH}"'
+        return "" # No brush for 'none' or empty
+
+    if normalized in color_map:
+        brush_value = color_map[normalized]
+        # Check if it's a resource key or a direct color
+        if brush_value.startswith("{") and brush_value.endswith("}"):
+             return f'Brush="{brush_value}"' # e.g., Brush="{StaticResource TemplateColor1}"
+        else:
+             return f'Brush="{brush_value}"' # e.g., Brush="#FF0000" or Brush="Black"
     else:
-        print(f"Warning: Unmapped color '{svg_color}' found and cannot be kept directly. Skipping brush.")
-        return ""
+        # This case should ideally not happen now without skip,
+        # but as a fallback, use the default.
+        print(f"Warning: Color '{svg_color}' (normalized: '{normalized}') was not found in the map. Using default '{DEFAULT_UNMAPPED_BRUSH}'.")
+        return f'Brush="{DEFAULT_UNMAPPED_BRUSH}"'
+
 
-# --- Core XAML Generation Function (generate_xaml_for_svg - unchanged) ---
-def generate_xaml_for_svg(svg_path, output_key):
-    """Parses an SVG and generates the Avalonia DrawingImage XAML."""
+# --- Core XAML Generation Function ---
+# Needs to accept the dynamic_color_map
+def generate_xaml_for_svg(svg_path, output_key, dynamic_color_map):
+    """Parses an SVG and generates the Avalonia DrawingImage XAML using the dynamic map."""
     try:
         namespaces = {'svg': 'http://www.w3.org/2000/svg'}
         ET.register_namespace('', namespaces['svg'])
@@ -69,57 +180,130 @@ def generate_xaml_for_svg(svg_path, output_key):
         return None
 
     geometry_drawings = []
-    paths = root.findall('.//svg:path', namespaces)
-    if not paths:
-        paths = root.findall('.//path')
-        if not paths:
-             print(f"Warning: No <path> elements found in {svg_path}")
-             return None
-
-    indent = "            "
-
-    for path in paths:
-        path_data = path.get('d')
-        if not path_data:
-            print(f"Warning: Path in {svg_path} missing 'd' attribute. Skipping.")
+    # Combine search for different element types if needed (paths are most common)
+    elements_to_process = root.findall('.//svg:path[@d]', namespaces)
+    if not elements_to_process:
+         elements_to_process = root.findall('.//path[@d]') # Try without namespace if needed
+
+    # --- Add other shapes if necessary ---
+    # elements_to_process.extend(root.findall('.//svg:rect', namespaces))
+    # elements_to_process.extend(root.findall('.//svg:circle', namespaces))
+    # ... you'd need to adapt geometry extraction for these ...
+
+    if not elements_to_process:
+         # Allow processing even if no paths, in case other shapes are added later
+         # print(f"Warning: No <path> elements with 'd' attribute found in {svg_path}")
+         pass # Continue to check for other potential elements if logic were added
+
+    # --- Logic to handle other shapes (rect, circle, etc.) would go here ---
+    # Example for rect (needs x, y, width, height extraction)
+    # rects = root.findall('.//svg:rect', namespaces)
+    # if not rects: rects = root.findall('.//rect')
+    # elements_to_process.extend(rects)
+    #
+    # circles = root.findall('.//svg:circle', namespaces)
+    # if not circles: circles = root.findall('.//circle')
+    # elements_to_process.extend(circles)
+    # --- End Example ---
+
+    if not elements_to_process:
+         print(f"Warning: No processable geometry elements (path, rect, circle, etc.) found in {svg_path}")
+         return None # Return None if absolutely nothing was found
+
+    indent = "            " # 12 spaces
+
+    for element in elements_to_process:
+        geometry_attribute = None
+        # --- Geometry Extraction ---
+        tag_name = element.tag.split('}')[-1] # Get tag name without namespace
+
+        if tag_name == 'path':
+            path_data = element.get('d')
+            if not path_data: continue
+            path_data = re.sub(r'\s+', ' ', path_data).strip()
+            path_data_xaml = path_data.replace('"', '"') # Use XML entity for quotes in data
+            geometry_attribute = f'Geometry="{path_data_xaml}"'
+
+        # --- Add logic here to extract geometry for other shapes if needed ---
+        # elif tag_name == 'rect':
+        #     try:
+        #         x = float(element.get('x', 0))
+        #         y = float(element.get('y', 0))
+        #         w = float(element.get('width'))
+        #         h = float(element.get('height'))
+        #         # Basic RectangleGeometry - Avalonia might prefer Path syntax for complex transforms
+        #         geometry_attribute = f'Geometry="M{x},{y} L{x+w},{y} L{x+w},{y+h} L{x},{y+h} Z"'
+        #     except (ValueError, TypeError, AttributeError) as e:
+        #          print(f"Warning: Skipping rect in {svg_path} due to invalid attributes: {e}")
+        #          continue
+        # elif tag_name == 'circle':
+        #      try:
+        #         cx = float(element.get('cx'))
+        #         cy = float(element.get('cy'))
+        #         r = float(element.get('r'))
+        #         if r <= 0: continue # Skip circles with no radius
+        #         # EllipseGeometry for circle
+        #         geometry_attribute = f'Geometry="M{cx-r},{cy} A{r},{r} 0 1 0 {cx+r},{cy} A{r},{r} 0 1 0 {cx-r},{cy} Z"'
+        #      except (ValueError, TypeError, AttributeError) as e:
+        #           print(f"Warning: Skipping circle in {svg_path} due to invalid attributes: {e}")
+        #           continue
+        # Add elif for ellipse, polygon, polyline etc. if required
+
+        else:
+            # Only warn if it's an element we *might* have expected (like if we added rect logic but it failed)
+            # Or just ignore unknown elements silently. Let's ignore for now.
+            # print(f"Warning: Skipping unsupported element type '{tag_name}' in {svg_path}")
+             continue
+
+        if not geometry_attribute: # Skip if geometry couldn't be extracted
             continue
 
-        path_data = re.sub(r'\s+', ' ', path_data).strip()
-        path_data_xaml = path_data.replace('"', '"')
+        # --- Style Extraction (Handles fill, stroke, stroke-width from attributes) ---
+        # TODO: Add parsing for 'style' attribute if needed (more complex)
+        fill_color = element.get('fill')
+        stroke_color = element.get('stroke')
+        stroke_width = element.get('stroke-width')
 
-        fill_color = path.get('fill')
-        stroke_color = path.get('stroke')
-        stroke_width = path.get('stroke-width')
-
-        brush_attribute = get_avalonia_brush_attribute(fill_color, is_stroke=False)
+        # Get Fill Brush
+        brush_attribute = get_avalonia_brush_attribute(fill_color, dynamic_color_map)
         brush_attribute_spaced = f" {brush_attribute}" if brush_attribute else ""
 
+        # Get Pen (Stroke)
         pen_xaml = ""
-        if stroke_color and stroke_color.lower() != 'none' and stroke_width:
+        normalized_stroke = normalize_color(stroke_color)
+        if normalized_stroke and normalized_stroke != 'none' and stroke_width:
             try:
                 thickness = float(stroke_width)
-                if thickness <= 0: thickness = 1.0
+                if thickness <= 0: thickness = 1.0 # Default thickness if 0 or negative
             except (ValueError, TypeError):
                  print(f"Warning: Invalid stroke-width '{stroke_width}' in {svg_path}. Using default 1.")
                  thickness = 1.0
 
-            pen_brush_attribute = get_avalonia_brush_attribute(stroke_color, is_stroke=True)
+            pen_brush_attribute = get_avalonia_brush_attribute(stroke_color, dynamic_color_map)
 
             if pen_brush_attribute:
+                pen_brush_value = pen_brush_attribute.split('=', 1)[1].strip('"')
                 pen_xaml = f"""
 {indent}    <GeometryDrawing.Pen>
-{indent}        <Pen Thickness="{thickness}" {pen_brush_attribute}/>
+{indent}        <Pen Thickness="{thickness}" Brush="{pen_brush_value}"/>
 {indent}    </GeometryDrawing.Pen>"""
+            else:
+                 # This shouldn't happen easily without the 'skip' option, but good fallback.
+                 print(f"Warning: Could not determine Pen brush for stroke '{stroke_color}' in {svg_path}. Stroke ignored.")
+
 
+        # Assemble Drawing XAML
         drawing_xaml = f"""
 {indent}<GeometryDrawing{brush_attribute_spaced}
-{indent}                 Geometry="{path_data_xaml}">{pen_xaml}
+{indent}                 {geometry_attribute}>{pen_xaml}
 {indent}</GeometryDrawing>"""
         geometry_drawings.append(drawing_xaml)
 
     if not geometry_drawings:
+        print(f"Warning: No drawable geometry found or converted for {svg_path}")
         return None
 
+    # Assemble the final DrawingImage
     xaml_template = f"""
     <DrawingImage x:Key="{output_key}">
         <DrawingGroup>{"".join(geometry_drawings)}
@@ -127,17 +311,18 @@ def generate_xaml_for_svg(svg_path, output_key):
     </DrawingImage>"""
     return xaml_template
 
-# --- Helper Function (sanitize_key - UPDATED) ---
+
+# --- Helper Function (sanitize_key - unchanged) ---
 def sanitize_key(filename):
     """Creates a valid PascalCase XAML key from a filename."""
     base = os.path.splitext(filename)[0]
     # Remove invalid characters, replace separators with space for title casing later
-    key = re.sub(r'[^\w\s-]', '', base) # Allow word chars, space, hyphen
-    key = re.sub(r'[-\s]+', ' ', key).strip() # Replace separators with single space
+    key = re.sub(r'[^\w\s-]', '', base)  # Allow word chars, space, hyphen
+    key = re.sub(r'[-\s]+', ' ', key).strip()  # Replace separators with single space
 
-    # Simple title casing (split by space, capitalize each part)
+    # Smart title casing without forcing lowercase
     parts = key.split(' ')
-    key = "".join(part.capitalize() for part in parts)
+    key = "".join(part[:1].upper() + part[1:] for part in parts if part)
 
     # Ensure it doesn't start with a number
     if key and key[0].isdigit():
@@ -145,20 +330,15 @@ def sanitize_key(filename):
     # Ensure it's not empty
     if not key:
         key = "UnnamedIcon"
-    # Ensure first letter is uppercase (should be covered by capitalize, but good check)
-    if key:
-         key = key[0].upper() + key[1:]
-
     return key
 
-
-# --- Function to generate Preview XAML - UPDATED ---
+# --- Function to generate Preview XAML (unchanged) ---
 def generate_preview_xaml(resource_keys):
     """Generates the Design.PreviewWith XAML block."""
     if not resource_keys:
         return ""
 
-    items_indent = "                "
+    items_indent = "                " # 16 spaces
     preview_items = []
     # Take only the first MAX_PREVIEW_ITEMS for the preview
     for key in resource_keys[:MAX_PREVIEW_ITEMS]:
@@ -171,6 +351,8 @@ def generate_preview_xaml(resource_keys):
 {items_indent}                                 Color4="{{StaticResource Neutral800}}"
 {items_indent}                                 Color5="{{StaticResource Neutral950}}"
 {items_indent}/>""" # Removed Width/Height
+        # Note: This preview component only shows 5 colors. If you map to TemplateColor6-12,
+        # they won't be visualized here unless the MultiColorExampleComponent is updated.
         preview_items.append(item_xaml)
 
     # Removed Width from UniformGrid, Updated Border Background
@@ -193,8 +375,16 @@ def generate_preview_xaml(resource_keys):
         if not os.path.isdir(input_folder):
             print(f"Error: '{input_folder}' is not a valid directory. Please try again.")
 
+    # --- 1. Find Unique Colors ---
+    unique_svg_colors = find_unique_colors_in_svgs(input_folder)
+
+    # --- 2. Build Color Map Interactively ---
+    # Pass the sorted list of unique colors
+    interactive_color_map = build_interactive_color_map(unique_svg_colors)
+
+    # --- Prepare Output Path ---
     folder_name = os.path.basename(os.path.normpath(input_folder))
-    parent_dir = os.path.dirname(input_folder)
+    parent_dir = os.path.dirname(input_folder) if os.path.dirname(input_folder) else '.' # Handle case where input is just folder name
     output_filename = f"{folder_name}.axaml"
     output_path = os.path.join(parent_dir, output_filename)
 
@@ -210,13 +400,15 @@ def generate_preview_xaml(resource_keys):
         print("No SVG files found in the directory.")
         exit(0)
 
-    svg_files.sort()
+    svg_files.sort() # Ensure consistent processing order
 
+    # --- 3. Generate XAML using the Interactive Map ---
     for filename in svg_files:
         input_path = os.path.join(input_folder, filename)
-        output_key = sanitize_key(filename) # Key is now PascalCase
+        output_key = sanitize_key(filename)
         print(f"  Processing {filename} -> Key: {output_key}")
-        xaml_output = generate_xaml_for_svg(input_path, output_key)
+        # Pass the created interactive_color_map to the generation function
+        xaml_output = generate_xaml_for_svg(input_path, output_key, interactive_color_map)
         if xaml_output:
             all_xaml_outputs.append(xaml_output)
             generated_keys.append(output_key)
@@ -225,15 +417,16 @@ def generate_preview_xaml(resource_keys):
         print("No valid XAML generated.")
         exit(0)
 
-    preview_block = generate_preview_xaml(generated_keys) # Generate updated preview
-    joined_icon_xaml = "\n".join(all_xaml_outputs) # Add newline separator
+    # --- 4. Generate Preview and Final Output ---
+    preview_block = generate_preview_xaml(generated_keys)
+    joined_icon_xaml = "\n".join(all_xaml_outputs)
 
-    # Assemble final XAML including namespace, preview, and icons
     final_xaml = f"""<ResourceDictionary xmlns="https://github.com/avaloniaui"
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:util="{PREVIEW_NAMESPACE_UTIL}">
 
     <!-- Generated by svg_to_avalonia.py from folder: {folder_name} -->
+    <!-- Color mappings were defined interactively during script execution. -->
 {preview_block}
 {joined_icon_xaml}
 </ResourceDictionary>
@@ -241,7 +434,9 @@ def generate_preview_xaml(resource_keys):
 
     try:
         output_dir_check = os.path.dirname(output_path)
+        # Create output directory if it doesn't exist and is not the current directory
         if output_dir_check and not os.path.exists(output_dir_check):
+             print(f"Creating output directory: {output_dir_check}")
              os.makedirs(output_dir_check)
 
         with open(output_path, 'w', encoding='utf-8') as f:
diff --git a/WheelWizard/Views/Styles/Resources/MultiIcons.axaml b/WheelWizard/Views/Styles/Resources/MultiIcons.axaml
index 908aa4fb..be0bb216 100644
--- a/WheelWizard/Views/Styles/Resources/MultiIcons.axaml
+++ b/WheelWizard/Views/Styles/Resources/MultiIcons.axaml
@@ -11,27 +11,27 @@
         <Border Padding="20" Background="#8B91A5">
             <UniformGrid Columns="5">
                 <util:MultiColorExampleComponent IconData="{DynamicResource Example}" IconName="Example"
-                                                 Color1="{StaticResource Neutral50}" 
-                                                 Color2="{StaticResource Neutral300}" 
-                                                 Color3="{StaticResource Neutral600}" 
-                />
+                                                 Color1="{StaticResource Neutral50}"
+                                                 Color2="{StaticResource Neutral300}"
+                                                 Color3="{StaticResource Neutral600}" />
             </UniformGrid>
         </Border>
     </Design.PreviewWith>
     
     <!-- These colors are used to swap colors around in the template -->
-    <Color x:Key="TemplateColor1">Red</Color>
-    <Color x:Key="TemplateColor2">DarkOrange</Color>
-    <Color x:Key="TemplateColor3">Yellow</Color>
-    <Color x:Key="TemplateColor4">GreenYellow</Color>
-    <Color x:Key="TemplateColor5">LimeGreen</Color>
-    <Color x:Key="TemplateColor6">Cyan</Color>
-    <Color x:Key="TemplateColor7">DodgerBlue</Color>
-    <Color x:Key="TemplateColor8">Blue</Color>
-    <Color x:Key="TemplateColor9">DarkSlateBlue</Color>
-    <Color x:Key="TemplateColor10">Purple</Color>
-    <Color x:Key="TemplateColor11">DeepPink</Color>
-    <Color x:Key="TemplateColor12">HotPink</Color>
+    <!-- All template colors have an Alpha of 254 instead of 255 -->
+    <Color x:Key="TemplateColor1">#feff0000</Color>
+    <Color x:Key="TemplateColor2">#feff8c00</Color>
+    <Color x:Key="TemplateColor3">#feffff00</Color>
+    <Color x:Key="TemplateColor4">#feadff2f</Color>
+    <Color x:Key="TemplateColor5">#fe32cd32</Color>
+    <Color x:Key="TemplateColor6">#fe00ffff</Color>
+    <Color x:Key="TemplateColor7">#fe1e90ff</Color>
+    <Color x:Key="TemplateColor8">#fe0000ff</Color>
+    <Color x:Key="TemplateColor9">#fe483d8b</Color>
+    <Color x:Key="TemplateColor10">#fe800080</Color>
+    <Color x:Key="TemplateColor11">#feff1493</Color>
+    <Color x:Key="TemplateColor12">#feff69b4</Color>
     <!-- We can always add more if necessary, However, 12 imo is actually already to-much -->
     
     <!-- Please remove this example if there are enough actual icons so we can use those as reference -->
diff --git a/WheelWizard/Views/Styles/Styles/SliderStyles.axaml b/WheelWizard/Views/Styles/Styles/SliderStyles.axaml
new file mode 100644
index 00000000..68b920dd
--- /dev/null
+++ b/WheelWizard/Views/Styles/Styles/SliderStyles.axaml
@@ -0,0 +1,135 @@
+<Styles xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <Design.PreviewWith>
+        <StackPanel>
+            <Border Padding="20" Background="{StaticResource Neutral950}">
+                <StackPanel Spacing="0" Width="300">
+                    <Slider Value="10"></Slider>
+                    <Slider Value="50"></Slider>
+                    <Slider Value="45" Classes="WarnFill"/>
+                    <Slider Value="25" Classes="DangerFill"/>
+                    <Slider Value="70" Classes="NoFill"/>
+                    <Slider Value="40" IsEnabled="False"/>
+                    <Slider Value="60" IsEnabled="False" Classes="NoFill"/>
+                </StackPanel>
+            </Border>
+            <Border Padding="20" Background="{StaticResource Neutral900}">
+                <StackPanel Spacing="0" Width="300">
+                    <Slider Value="10"></Slider>
+                    <Slider Value="50"></Slider>
+                    <Slider Value="45" Classes="WarnFill"/>
+                    <Slider Value="25" Classes="DangerFill"/>
+                    <Slider Value="70" Classes="NoFill"/>
+                    <Slider Value="40" IsEnabled="False"/>
+                    <Slider Value="60" IsEnabled="False" Classes="NoFill"/>
+                </StackPanel>
+            </Border>
+        </StackPanel>
+    </Design.PreviewWith>
+
+    <Style Selector="Slider">
+        <Setter Property="Background" Value="{StaticResource Neutral600}" />
+        <Setter Property="Foreground" Value="{StaticResource Primary400}" />
+        <Style Selector="^ /template/ Grid#HorizontalTemplate">
+            <Setter Property="Height" Value="40" />
+        </Style>
+        <Style Selector="^ /template/ Thumb#thumb">
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="Thumb">
+                        <Border Width="26" Height="26" x:Name="PART_ThumbBorder"
+                                Background="{StaticResource Neutral500}"
+                                BorderBrush="Transparent"
+                                BorderThickness="10" Padding="1"
+                                CornerRadius="100">
+                            <Ellipse Width="10" Height="10" x:Name="PART_ThumbDot"
+                                     Fill="{StaticResource Neutral700}"
+                                     HorizontalAlignment="Center" VerticalAlignment="Center" />
+                        </Border>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+    </Style>
+    
+    <Style Selector="Slider:pointerover /template/ Track#PART_Track">
+        <Style Selector="^ RepeatButton#PART_IncreaseButton">
+            <Setter Property="Background" Value="{StaticResource Neutral500}" />
+        </Style>
+        <Style Selector="^ RepeatButton#PART_DecreaseButton">
+            <Setter Property="Background" Value="{StaticResource Primary300}" />
+        </Style>
+        <Style Selector="^ Border#PART_ThumbBorder">
+            <Setter Property="Background" Value="{StaticResource Neutral400}" />
+        </Style>
+        <Style Selector="^ Ellipse#PART_ThumbDot">
+            <Setter Property="Fill" Value="{StaticResource Neutral500}" />
+        </Style>
+    </Style>
+    
+    <Style Selector="Slider:pressed /template/ Track#PART_Track">
+        <Style Selector="^ Border#PART_ThumbBorder">
+            <Setter Property="Background" Value="{StaticResource Primary400}" />
+        </Style>
+        <Style Selector="^ Ellipse#PART_ThumbDot">
+            <Setter Property="Fill" Value="{StaticResource Neutral50}" />
+        </Style>
+    </Style>
+    
+    <!-- WarnFill -->
+    <Style Selector="Slider.WarnFill /template/ RepeatButton#PART_DecreaseButton">
+        <Setter Property="Background" Value="{StaticResource Warning400}" />
+    </Style>
+    <Style Selector="Slider.WarnFill:pointerover /template/ RepeatButton#PART_DecreaseButton">
+        <Setter Property="Background" Value="{StaticResource Warning200}" />
+    </Style>
+    <Style Selector="Slider.WarnFill:pressed /template/ Track#PART_Track">
+        <Style Selector="^ Border#PART_ThumbBorder">
+            <Setter Property="Background" Value="{StaticResource Warning600}" />
+        </Style>
+        <Style Selector="^ Ellipse#PART_ThumbDot">
+            <Setter Property="Fill" Value="{StaticResource Neutral50}" />
+        </Style>
+    </Style>
+    
+    <!-- DangerFill -->
+    <Style Selector="Slider.DangerFill /template/ RepeatButton#PART_DecreaseButton">
+        <Setter Property="Background" Value="{StaticResource Danger400}" />
+    </Style>
+    <Style Selector="Slider.DangerFill:pointerover /template/ RepeatButton#PART_DecreaseButton">
+        <Setter Property="Background" Value="{StaticResource Danger300}" />
+    </Style>
+    <Style Selector="Slider.DangerFill:pressed /template/ Track#PART_Track">
+        <Style Selector="^ Border#PART_ThumbBorder">
+            <Setter Property="Background" Value="{StaticResource Danger500}" />
+        </Style>
+        <Style Selector="^ Ellipse#PART_ThumbDot">
+            <Setter Property="Fill" Value="{StaticResource Neutral50}" />
+        </Style>
+    </Style>
+    
+    <!-- NoFill (aka, gray fill) -->
+    <Style Selector="Slider.NoFill /template/ RepeatButton#PART_DecreaseButton">
+        <Setter Property="Background" Value="{StaticResource Neutral600}" />
+    </Style>
+    <Style Selector="Slider.NoFill:pointerover /template/ RepeatButton#PART_DecreaseButton">
+        <Setter Property="Background" Value="{StaticResource Neutral500}" />
+    </Style>
+
+    
+    <!-- disabled -->
+    <Style Selector="Slider:disabled /template/ Track#PART_Track">
+        <Style Selector="^ RepeatButton#PART_IncreaseButton">
+            <Setter Property="Background" Value="{StaticResource Black}" />
+        </Style>
+        <Style Selector="^ RepeatButton#PART_DecreaseButton">
+            <Setter Property="Background" Value="{StaticResource Black}" />
+        </Style>
+        <Style Selector="^ Border#PART_ThumbBorder">
+            <Setter Property="Background" Value="{StaticResource Black}" />
+        </Style>
+        <Style Selector="^ Ellipse#PART_ThumbDot">
+            <Setter Property="Fill" Value="{StaticResource Neutral950}" />
+        </Style>
+    </Style>
+</Styles>
\ No newline at end of file
diff --git a/WheelWizard/WheelWizard.csproj b/WheelWizard/WheelWizard.csproj
index 63694e80..2997da77 100644
--- a/WheelWizard/WheelWizard.csproj
+++ b/WheelWizard/WheelWizard.csproj
@@ -11,7 +11,7 @@
         <AvaloniaUseCompiledBindingsByDefault>true</AvaloniaUseCompiledBindingsByDefault>
 
         <!-- Program details -->
-        <Version>2.1.0</Version>
+        <Version>2.2.0</Version>
         <Description>This program will manage RetroRewind and mods :)</Description>
         <Copyright>GNU v3.0</Copyright>
         <RepositoryUrl>https://github.com/patchzyy/WheelWizard</RepositoryUrl>
@@ -56,6 +56,10 @@
         <PackageReference Include="Serilog.Sinks.Console" Version="6.0.0"/>
         <PackageReference Include="Serilog.Sinks.File" Version="6.0.0"/>
         <PackageReference Include="SharpCompress" Version="0.39.0"/>
+        <PackageReference Include="TestableIO.System.IO.Abstractions.Analyzers" Version="2022.0.0">
+          <PrivateAssets>all</PrivateAssets>
+          <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+        </PackageReference>
         <PackageReference Include="Testably.Abstractions" Version="9.0.0"/>
     </ItemGroup>
 
@@ -113,6 +117,14 @@
             <AutoGen>True</AutoGen>
             <DependentUpon>Online.resx</DependentUpon>
         </Compile>
+        <Compile Update="Views\Components\StandardLibrary\PopupListButton.axaml.cs">
+          <DependentUpon>PopupListButton.axaml</DependentUpon>
+          <SubType>Code</SubType>
+        </Compile>
+        <Compile Update="Views\Popups\MiiManagement\MiiEditor\EditorEmpty.axaml.cs">
+          <DependentUpon>EditorEmpty.axaml</DependentUpon>
+          <SubType>Code</SubType>
+        </Compile>
     </ItemGroup>
 
     <ItemGroup Label="Additional Files">
@@ -127,4 +139,9 @@
         <AvaloniaResource Include="Resources\Fonts\Roboto-Regular.ttf"/>
         <AvaloniaResource Include="Resources\Fonts\ctmkf.ttf"/>
     </ItemGroup>
+
+    <ItemGroup>
+      <UpToDateCheckInput Remove="Views\Popups\MiiCreatorTabs\MiiCreatorGeneralPage.axaml" />
+      <UpToDateCheckInput Remove="Views\Popups\MiiCreatorTabs\MiiCreatorWindow.axaml" />
+    </ItemGroup>
 </Project>
diff --git a/WheelWizard/WheelWizard.csproj.DotSettings b/WheelWizard/WheelWizard.csproj.DotSettings
index 5a321581..7ce017e2 100644
--- a/WheelWizard/WheelWizard.csproj.DotSettings
+++ b/WheelWizard/WheelWizard.csproj.DotSettings
@@ -3,5 +3,6 @@
     <s:Boolean x:Key="/Default/CodeInspection/NamespaceProvider/NamespaceFoldersToSkip/=features_005Crrrooms_005Cdomain/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/CodeInspection/NamespaceProvider/NamespaceFoldersToSkip/=shared_005Cextensions/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/CodeInspection/NamespaceProvider/NamespaceFoldersToSkip/=shared_005Coperationresult/@EntryIndexedValue">True</s:Boolean>
+	<s:Boolean x:Key="/Default/CodeInspection/NamespaceProvider/NamespaceFoldersToSkip/=views_005Cbehaviorcomponent_005Cmiiimages/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/CodeInspection/NamespaceProvider/NamespaceFoldersToSkip/=views_005Ccomponents_005Cstandardlibrary/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/CodeInspection/NamespaceProvider/NamespaceFoldersToSkip/=views_005Ccomponents_005Cwhwzlibrary/@EntryIndexedValue">True</s:Boolean></wpf:ResourceDictionary>
\ No newline at end of file