first commit

2024-05-29 22:34:28 +05:00
commit e63fc41a20
1470 changed files with 174828 additions and 0 deletions
--- a/resources/images/avatars/avatar-1.png
+++ b/resources/images/avatars/avatar-1.png
--- a/resources/images/avatars/avatar-10.png
+++ b/resources/images/avatars/avatar-10.png
--- a/resources/images/avatars/avatar-11.png
+++ b/resources/images/avatars/avatar-11.png
--- a/resources/images/avatars/avatar-12.png
+++ b/resources/images/avatars/avatar-12.png
--- a/resources/images/avatars/avatar-13.png
+++ b/resources/images/avatars/avatar-13.png
--- a/resources/images/avatars/avatar-14.png
+++ b/resources/images/avatars/avatar-14.png
--- a/resources/images/avatars/avatar-15.png
+++ b/resources/images/avatars/avatar-15.png
--- a/resources/images/avatars/avatar-2.png
+++ b/resources/images/avatars/avatar-2.png
--- a/resources/images/avatars/avatar-3.png
+++ b/resources/images/avatars/avatar-3.png
--- a/resources/images/avatars/avatar-4.png
+++ b/resources/images/avatars/avatar-4.png
--- a/resources/images/avatars/avatar-5.png
+++ b/resources/images/avatars/avatar-5.png
--- a/resources/images/avatars/avatar-6.png
+++ b/resources/images/avatars/avatar-6.png
--- a/resources/images/avatars/avatar-7.png
+++ b/resources/images/avatars/avatar-7.png
--- a/resources/images/avatars/avatar-8.png
+++ b/resources/images/avatars/avatar-8.png
--- a/resources/images/avatars/avatar-9.png
+++ b/resources/images/avatars/avatar-9.png
--- a/resources/images/banner/banner-1.jpg
+++ b/resources/images/banner/banner-1.jpg
--- a/resources/images/banner/banner-10.jpg
+++ b/resources/images/banner/banner-10.jpg
--- a/resources/images/banner/banner-11.jpg
+++ b/resources/images/banner/banner-11.jpg
--- a/resources/images/banner/banner-12.jpg
+++ b/resources/images/banner/banner-12.jpg
--- a/resources/images/banner/banner-13.jpg
+++ b/resources/images/banner/banner-13.jpg
--- a/resources/images/banner/banner-14.jpg
+++ b/resources/images/banner/banner-14.jpg
--- a/resources/images/banner/banner-15.jpg
+++ b/resources/images/banner/banner-15.jpg
--- a/resources/images/banner/banner-16.jpg
+++ b/resources/images/banner/banner-16.jpg
--- a/resources/images/banner/banner-17.jpg
+++ b/resources/images/banner/banner-17.jpg
--- a/resources/images/banner/banner-18.jpg
+++ b/resources/images/banner/banner-18.jpg
--- a/resources/images/banner/banner-19.jpg
+++ b/resources/images/banner/banner-19.jpg
--- a/resources/images/banner/banner-2.jpg
+++ b/resources/images/banner/banner-2.jpg
--- a/resources/images/banner/banner-20.jpg
+++ b/resources/images/banner/banner-20.jpg
--- a/resources/images/banner/banner-21.jpg
+++ b/resources/images/banner/banner-21.jpg
--- a/resources/images/banner/banner-22.jpg
+++ b/resources/images/banner/banner-22.jpg
--- a/resources/images/banner/banner-23.jpg
+++ b/resources/images/banner/banner-23.jpg
--- a/resources/images/banner/banner-24.jpg
+++ b/resources/images/banner/banner-24.jpg
--- a/resources/images/banner/banner-25.jpg
+++ b/resources/images/banner/banner-25.jpg
--- a/resources/images/banner/banner-26.jpg
+++ b/resources/images/banner/banner-26.jpg
--- a/resources/images/banner/banner-27.jpg
+++ b/resources/images/banner/banner-27.jpg
--- a/resources/images/banner/banner-28.jpg
+++ b/resources/images/banner/banner-28.jpg
--- a/resources/images/banner/banner-29.jpg
+++ b/resources/images/banner/banner-29.jpg
--- a/resources/images/banner/banner-3.jpg
+++ b/resources/images/banner/banner-3.jpg
--- a/resources/images/banner/banner-30.jpg
+++ b/resources/images/banner/banner-30.jpg
--- a/resources/images/banner/banner-31.jpg
+++ b/resources/images/banner/banner-31.jpg
--- a/resources/images/banner/banner-32.jpg
+++ b/resources/images/banner/banner-32.jpg
--- a/resources/images/banner/banner-33.jpg
+++ b/resources/images/banner/banner-33.jpg
--- a/resources/images/banner/banner-34.jpg
+++ b/resources/images/banner/banner-34.jpg
--- a/resources/images/banner/banner-35.jpg
+++ b/resources/images/banner/banner-35.jpg
--- a/resources/images/banner/banner-36.jpg
+++ b/resources/images/banner/banner-36.jpg
--- a/resources/images/banner/banner-37.jpg
+++ b/resources/images/banner/banner-37.jpg
--- a/resources/images/banner/banner-38.jpg
+++ b/resources/images/banner/banner-38.jpg
--- a/resources/images/banner/banner-39.jpg
+++ b/resources/images/banner/banner-39.jpg
--- a/resources/images/banner/banner-4.jpg
+++ b/resources/images/banner/banner-4.jpg
--- a/resources/images/banner/banner-40.jpg
+++ b/resources/images/banner/banner-40.jpg
--- a/resources/images/banner/banner-5.jpg
+++ b/resources/images/banner/banner-5.jpg
--- a/resources/images/banner/banner-6.jpg
+++ b/resources/images/banner/banner-6.jpg
--- a/resources/images/banner/banner-7.jpg
+++ b/resources/images/banner/banner-7.jpg
--- a/resources/images/banner/banner-8.jpg
+++ b/resources/images/banner/banner-8.jpg
--- a/resources/images/banner/banner-9.jpg
+++ b/resources/images/banner/banner-9.jpg
--- a/resources/images/banner/banner.png
+++ b/resources/images/banner/banner.png
--- a/resources/images/banner/parallax-4.jpg
+++ b/resources/images/banner/parallax-4.jpg
--- a/resources/images/banner/upgrade.png
+++ b/resources/images/banner/upgrade.png
--- a/resources/images/cards/arrow-growth.png
+++ b/resources/images/cards/arrow-growth.png
--- a/resources/images/cards/atm-card.png
+++ b/resources/images/cards/atm-card.png
--- a/resources/images/cards/briefcase.png
+++ b/resources/images/cards/briefcase.png
--- a/resources/images/cards/cafe-badilico.png
+++ b/resources/images/cards/cafe-badilico.png
--- a/resources/images/cards/comment-alt-lines.svg
+++ b/resources/images/cards/comment-alt-lines.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="comment-alt-lines">
+<path id="Path" d="M19 19.25C18.7348 19.25 18.4804 19.1499 18.293 18.9716L14.5859 15.45H3C1.3439 15.4483 0.00180771 14.1733 0 12.6V3.1C0.00180771 1.5267 1.3439 0.251717 3 0.25H17C18.6561 0.251717 19.9982 1.5267 20 3.1V18.3C20 18.8247 19.5523 19.25 19 19.25Z" fill="#86D6FF"/>
+<path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M15 7.25H5C4.44772 7.25 4 6.80228 4 6.25C4 5.69772 4.44772 5.25 5 5.25H15C15.5523 5.25 16 5.69772 16 6.25C16 6.80228 15.5523 7.25 15 7.25ZM11 11.25H5C4.44772 11.25 4 10.8023 4 10.25C4 9.69772 4.44772 9.25 5 9.25H11C11.5523 9.25 12 9.69772 12 10.25C12 10.8023 11.5523 11.25 11 11.25Z" fill="#16B1FF"/>
+</g>
+</svg>
--- a/resources/images/cards/credit-card.png
+++ b/resources/images/cards/credit-card.png
--- a/resources/images/cards/graph-bar.svg
+++ b/resources/images/cards/graph-bar.svg
@@ -0,0 +1,7 @@
+<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="graph-bar">
+<path id="Path" d="M4.16667 21.75H0.833333C0.612302 21.75 0.400307 21.6447 0.244014 21.4572C0.0877215 21.2696 -5.74342e-05 21.0152 2.81945e-08 20.75V12.75C-5.74342e-05 12.4848 0.0877215 12.2304 0.244014 12.0428C0.400307 11.8553 0.612302 11.75 0.833333 11.75H4.16667C4.3877 11.75 4.59969 11.8553 4.75599 12.0428C4.91228 12.2304 5.00006 12.4848 5 12.75V20.75C5.00006 21.0152 4.91228 21.2696 4.75599 21.4572C4.59969 21.6447 4.3877 21.75 4.16667 21.75Z" fill="#FFD87A"/>
+<path id="Path_2" d="M12.1667 21.75H8.83333C8.6123 21.75 8.40031 21.6495 8.24401 21.4705C8.08772 21.2915 7.99994 21.0486 8 20.7955V1.70455C7.99994 1.45136 8.08772 1.20853 8.24401 1.02951C8.40031 0.850481 8.6123 0.75 8.83333 0.75H12.1667C12.3877 0.75 12.5997 0.850481 12.756 1.02951C12.9123 1.20853 13.0001 1.45136 13 1.70455V20.7955C13.0001 21.0486 12.9123 21.2915 12.756 21.4705C12.5997 21.6495 12.3877 21.75 12.1667 21.75Z" fill="#FFB400"/>
+<path id="Path_3" d="M19.1667 21.75H15.8333C15.6123 21.75 15.4003 21.6523 15.244 21.4781C15.0877 21.3039 14.9999 21.0677 15 20.8214V9.67857C14.9999 9.43228 15.0877 9.19606 15.244 9.0219C15.4003 8.84775 15.6123 8.75 15.8333 8.75H19.1667C19.3877 8.75 19.5997 8.84775 19.756 9.0219C19.9123 9.19606 20.0001 9.43228 20 9.67857V20.8214C20.0001 21.0677 19.9123 21.3039 19.756 21.4781C19.5997 21.6523 19.3877 21.75 19.1667 21.75Z" fill="#FFCF5C"/>
+</g>
+</svg>
--- a/resources/images/cards/heart-medical.svg
+++ b/resources/images/cards/heart-medical.svg
@@ -0,0 +1,7 @@
+<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="heart-medical">
+<path id="Path" d="M10.9999 20.75C10.1249 20.7515 9.28532 20.3937 8.6666 19.7555L2.02018 12.9C-0.53278 10.2657 -0.684919 6.04663 1.67126 3.22397C4.02744 0.401307 8.09499 -0.070259 10.9999 2.14247C13.9048 -0.070474 17.9725 0.401024 20.3288 3.22379C22.685 6.04656 22.5328 10.2658 19.9796 12.9001L13.3331 19.755C12.7145 20.3934 11.8749 20.7514 10.9999 20.75Z" fill="#9155FD"/>
+<path id="Path_2" d="M13.6667 11.75H8.33333C7.59695 11.75 7 11.3023 7 10.75C7 10.1977 7.59695 9.75 8.33333 9.75H13.6667C14.403 9.75 15 10.1977 15 10.75C15 11.3023 14.403 11.75 13.6667 11.75Z" fill="#B992FE"/>
+<path id="Path_3" d="M11 14.75C10.7348 14.7501 10.4804 14.6096 10.2928 14.3596C10.1053 14.1095 9.99993 13.7703 10 13.4167V8.08333C10 7.34695 10.4477 6.75 11 6.75C11.5523 6.75 12 7.34695 12 8.08333V13.4167C12.0001 13.7703 11.8947 14.1095 11.7072 14.3596C11.5196 14.6096 11.2652 14.7501 11 14.75Z" fill="#B992FE"/>
+</g>
+</svg>
--- a/resources/images/cards/illustration-1.png
+++ b/resources/images/cards/illustration-1.png
--- a/resources/images/cards/illustration-2.png
+++ b/resources/images/cards/illustration-2.png
--- a/resources/images/cards/illustration-3.png
+++ b/resources/images/cards/illustration-3.png
--- a/resources/images/cards/illustration-4.png
+++ b/resources/images/cards/illustration-4.png
--- a/resources/images/cards/illustration-john-2.png
+++ b/resources/images/cards/illustration-john-2.png
--- a/resources/images/cards/illustration-john.png
+++ b/resources/images/cards/illustration-john.png
--- a/resources/images/cards/logo-credit-card-2.png
+++ b/resources/images/cards/logo-credit-card-2.png
--- a/resources/images/cards/logo-mastercard-small.png
+++ b/resources/images/cards/logo-mastercard-small.png
--- a/resources/images/cards/meetup-img.png
+++ b/resources/images/cards/meetup-img.png
--- a/resources/images/cards/paypal-primary.png
+++ b/resources/images/cards/paypal-primary.png
--- a/resources/images/cards/paypal-rounded.png
+++ b/resources/images/cards/paypal-rounded.png
--- a/resources/images/cards/paypal.png
+++ b/resources/images/cards/paypal.png
--- a/resources/images/cards/pose-m-9.png
+++ b/resources/images/cards/pose-m-9.png
--- a/resources/images/cards/timeline-card-header.png
+++ b/resources/images/cards/timeline-card-header.png
--- a/resources/images/cards/user.svg
+++ b/resources/images/cards/user.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="user">
+<path id="Path" d="M10 12.25C6.68629 12.25 4 9.56371 4 6.25C4 2.93629 6.68629 0.25 10 0.25C13.3137 0.25 16 2.93629 16 6.25C15.9964 9.56221 13.3122 12.2464 10 12.25Z" fill="#A7E37A"/>
+<path id="Path_2" d="M13.7227 11.2503C12.6968 12.0276 11.4063 12.4957 10 12.4972C8.59178 12.4972 7.2993 12.0288 6.27251 11.25C2.93994 12.5348 0.430195 15.4988 0.00598138 19.1758C-0.0540658 19.7079 0.344787 20.1861 0.897022 20.2443L18.9929 20.25C19.0297 20.25 19.0664 20.2481 19.103 20.2443C19.6552 20.1861 20.0541 19.7079 19.994 19.1758C19.5761 15.5541 17.1053 12.5492 13.7227 11.2503Z" fill="#56CA00"/>
+</g>
+</svg>
--- a/resources/images/cards/wallet.png
+++ b/resources/images/cards/wallet.png
--- a/resources/images/customizer-icons/border-dark.svg
+++ b/resources/images/customizer-icons/border-dark.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#E7E3FC" fill-opacity="0.02"/>
+  <rect x="4.90625" y="23.8839" width="17.6604" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="8.83008" y="5.88135" width="9.81132" height="9.70588" rx="2" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="4.90625" y="34.4381" width="17.6604" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="4.90625" y="44.9923" width="17.6604" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="4.90625" y="55.5462" width="17.6604" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="34.6152" y="5.17166" width="63.7547" height="7.8" rx="1.5" stroke="#E7E3FC" stroke-opacity="0.12"/>
+  <rect x="37.0391" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="80.21" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="86.0957" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="91.002" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="58.9844" y="20.1134" width="39.2264" height="16.6" rx="1.5" stroke="#E7E3FC" stroke-opacity="0.12"/>
+  <rect x="34.6152" y="20.1134" width="18.0455" height="16.6" rx="1.5" stroke="#E7E3FC" stroke-opacity="0.12"/>
+  <rect x="34.6152" y="42.9545" width="63.7547" height="16.6" rx="1.5" stroke="#E7E3FC" stroke-opacity="0.12"/>
+</svg>
--- a/resources/images/customizer-icons/border-light.svg
+++ b/resources/images/customizer-icons/border-light.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#2E263D" fill-opacity="0.02"/>
+  <rect x="4.90625" y="23.8839" width="17.6604" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="8.83008" y="5.88135" width="9.81132" height="9.70588" rx="2" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="4.90625" y="34.4381" width="17.6604" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="4.90625" y="44.9923" width="17.6604" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="4.90625" y="55.5462" width="17.6604" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="34.6152" y="5.17166" width="63.7547" height="7.8" rx="1.5" stroke="#2E263D" stroke-opacity="0.12"/>
+  <rect x="37.0391" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="80.21" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="86.0957" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="91.002" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="58.9844" y="20.1134" width="39.2264" height="16.6" rx="1.5" stroke="#2E263D" stroke-opacity="0.12"/>
+  <rect x="34.6152" y="20.1134" width="18.0455" height="16.6" rx="1.5" stroke="#2E263D" stroke-opacity="0.12"/>
+  <rect x="34.6152" y="42.9545" width="63.7547" height="16.6" rx="1.5" stroke="#2E263D" stroke-opacity="0.12"/>
+</svg>
--- a/resources/images/customizer-icons/collapsed-dark.svg
+++ b/resources/images/customizer-icons/collapsed-dark.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#E7E3FC" fill-opacity="0.02"/>
+  <path d="M0 4C0 1.79086 1.79086 0 4 0H13.7359V66H4C1.79086 66 0 64.2091 0 62V4Z" fill="#E7E3FC" fill-opacity="0.04"/>
+  <rect x="2.94336" y="23.8839" width="7.84906" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="3.43359" y="5.88135" width="6.86793" height="6.79412" rx="2" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="2.94336" y="34.4382" width="7.84906" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="2.94336" y="44.9923" width="7.84906" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="2.94336" y="55.5463" width="7.84906" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="21.4717" y="4.67169" width="75.437" height="8.8" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="25.6172" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="78.248" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="84.1348" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="90.0215" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="50.4912" y="19.6134" width="46.8212" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="21.4717" y="19.6134" width="22.1679" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="21.4717" y="42.4545" width="75.8413" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+</svg>
--- a/resources/images/customizer-icons/collapsed-light.svg
+++ b/resources/images/customizer-icons/collapsed-light.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#2E263D" fill-opacity="0.02"/>
+  <path d="M0 4C0 1.79086 1.79086 0 4 0H13.7359V66H4C1.79086 66 0 64.2091 0 62V4Z" fill="#2E263D" fill-opacity="0.04"/>
+  <rect x="2.94336" y="23.8839" width="7.84906" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="3.43359" y="5.88135" width="6.86793" height="6.79412" rx="2" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="2.94336" y="34.4382" width="7.84906" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="2.94336" y="44.9923" width="7.84906" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="2.94336" y="55.5463" width="7.84906" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="21.4717" y="4.67169" width="75.437" height="8.8" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="25.6172" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="78.248" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="84.1348" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="90.0215" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="50.4912" y="19.6134" width="46.8212" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="21.4717" y="19.6134" width="22.1679" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="21.4717" y="42.4545" width="75.8413" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+</svg>
--- a/resources/images/customizer-icons/compact-dark.svg
+++ b/resources/images/customizer-icons/compact-dark.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#E7E3FC" fill-opacity="0.02"/>
+  <rect x="19.4209" y="4.67169" width="64.7547" height="8.8" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="22.3447" y="6.87164" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="65.5146" y="6.87164" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="71.4014" y="6.87164" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="77.2881" y="6.87164" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="44.3525" y="19.6135" width="40.2264" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="19.4209" y="19.6135" width="19.0455" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="19.4209" y="42.4545" width="65.1591" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+</svg>
--- a/resources/images/customizer-icons/compact-light.svg
+++ b/resources/images/customizer-icons/compact-light.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#2E263D" fill-opacity="0.02"/>
+  <rect x="19.4209" y="4.67169" width="64.7547" height="8.8" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="22.3447" y="6.87164" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="65.5146" y="6.87164" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="71.4014" y="6.87164" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="77.2881" y="6.87164" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="44.3525" y="19.6135" width="40.2264" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="19.4209" y="19.6135" width="19.0455" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="19.4209" y="42.4545" width="65.1591" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+</svg>
--- a/resources/images/customizer-icons/default-dark.svg
+++ b/resources/images/customizer-icons/default-dark.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#E7E3FC" fill-opacity="0.02"/>
+  <path d="M0 4C0 1.79086 1.79086 0 4 0H27.4717V66H4C1.79086 66 0 64.2091 0 62V4Z" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="4.90625" y="23.8839" width="17.6604" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="8.83008" y="5.88135" width="9.81132" height="9.70588" rx="2" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="4.90625" y="34.4381" width="17.6604" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="4.90625" y="44.9923" width="17.6604" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="4.90625" y="55.5462" width="17.6604" height="2.78946" rx="1.39473" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="34.1152" y="4.67166" width="64.7547" height="8.8" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="37.0391" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="80.21" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="86.0957" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="91.9824" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="58.4844" y="19.6134" width="40.2264" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="34.1152" y="19.6134" width="19.0455" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="34.1152" y="42.4545" width="64.7547" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+</svg>
--- a/resources/images/customizer-icons/default-light.svg
+++ b/resources/images/customizer-icons/default-light.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#2E263D" fill-opacity="0.02"/>
+  <path d="M0 4C0 1.79086 1.79086 0 4 0H27.4717V66H4C1.79086 66 0 64.2091 0 62V4Z" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="4.90625" y="23.8839" width="17.6604" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="8.83008" y="5.88135" width="9.81132" height="9.70588" rx="2" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="4.90625" y="34.4381" width="17.6604" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="4.90625" y="44.9923" width="17.6604" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="4.90625" y="55.5462" width="17.6604" height="2.78946" rx="1.39473" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="34.1152" y="4.67166" width="64.7547" height="8.8" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="37.0391" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="80.21" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="86.0957" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="91.9824" y="6.87158" width="3.92453" height="4.4" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="58.4844" y="19.6134" width="40.2264" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="34.1152" y="19.6134" width="19.0455" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="34.1152" y="42.4545" width="64.7547" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+</svg>
--- a/resources/images/customizer-icons/expanded-dark.svg
+++ b/resources/images/customizer-icons/expanded-dark.svg
@@ -0,0 +1,24 @@
+<svg width="106" height="69" viewBox="0 0 106 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2270_141636)">
+<path d="M102 0.284424H4C1.79086 0.284424 0 2.07528 0 4.28442V64.2844C0 66.4936 1.79086 68.2844 4 68.2844H102C104.209 68.2844 106 66.4936 106 64.2844V4.28442C106 2.07528 104.209 0.284424 102 0.284424Z" fill="#8692D0" fill-opacity="0.04"/>
+<path d="M0 4.28442C0 2.07528 1.79086 0.284424 4 0.284424H28V68.2845H4C1.79086 68.2845 0 66.4936 0 64.2845V4.28442Z" fill="#8692D0" fill-opacity="0.08"/>
+<path d="M21.563 24.8921H6.43699C5.64336 24.8921 5 25.5355 5 26.3291V26.3291C5 27.1227 5.64336 27.7661 6.43699 27.7661H21.563C22.3566 27.7661 23 27.1227 23 26.3291C23 25.5355 22.3566 24.8921 21.563 24.8921Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M17 6.34387H11C9.89543 6.34387 9 7.2393 9 8.34387V14.3439C9 15.4484 9.89543 16.3439 11 16.3439H17C18.1046 16.3439 19 15.4484 19 14.3439V8.34387C19 7.2393 18.1046 6.34387 17 6.34387Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M21.563 35.7661H6.43699C5.64336 35.7661 5 36.4095 5 37.2031V37.2031C5 37.9967 5.64336 38.6401 6.43699 38.6401H21.563C22.3566 38.6401 23 37.9967 23 37.2031C23 36.4095 22.3566 35.7661 21.563 35.7661Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M21.563 46.64H6.43699C5.64336 46.64 5 47.2834 5 48.077V48.077C5 48.8706 5.64336 49.514 6.43699 49.514H21.563C22.3566 49.514 23 48.8706 23 48.077C23 47.2834 22.3566 46.64 21.563 46.64Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M21.563 57.514H6.43699C5.64336 57.514 5 58.1574 5 58.951V58.951C5 59.7447 5.64336 60.388 6.43699 60.388H21.563C22.3566 60.388 23 59.7447 23 58.951C23 58.1574 22.3566 57.514 21.563 57.514Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M96.7715 5.09766H34.7715C33.6669 5.09766 32.7715 5.99309 32.7715 7.09766V12.1643C32.7715 13.2689 33.6669 14.1643 34.7715 14.1643H96.7715C97.8761 14.1643 98.7715 13.2689 98.7715 12.1643V7.09766C98.7715 5.99309 97.8761 5.09766 96.7715 5.09766Z" fill="#8692D0" fill-opacity="0.08"/>
+<path d="M38.752 7.36426H36.752C36.1997 7.36426 35.752 7.81197 35.752 8.36426V10.8976C35.752 11.4499 36.1997 11.8976 36.752 11.8976H38.752C39.3042 11.8976 39.752 11.4499 39.752 10.8976V8.36426C39.752 7.81197 39.3042 7.36426 38.752 7.36426Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M82.752 7.36426H80.752C80.1997 7.36426 79.752 7.81197 79.752 8.36426V10.8976C79.752 11.4499 80.1997 11.8976 80.752 11.8976H82.752C83.3042 11.8976 83.752 11.4499 83.752 10.8976V8.36426C83.752 7.81197 83.3042 7.36426 82.752 7.36426Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M88.752 7.36426H86.752C86.1997 7.36426 85.752 7.81197 85.752 8.36426V10.8976C85.752 11.4499 86.1997 11.8976 86.752 11.8976H88.752C89.3042 11.8976 89.752 11.4499 89.752 10.8976V8.36426C89.752 7.81197 89.3042 7.36426 88.752 7.36426Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M94.752 7.36426H92.752C92.1997 7.36426 91.752 7.81197 91.752 8.36426V10.8976C91.752 11.4499 92.1997 11.8976 92.752 11.8976H94.752C95.3042 11.8976 95.752 11.4499 95.752 10.8976V8.36426C95.752 7.81197 95.3042 7.36426 94.752 7.36426Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M97.1836 20.4922H60.1836C59.079 20.4922 58.1836 21.3876 58.1836 22.4922V36.6255C58.1836 37.7301 59.079 38.6255 60.1836 38.6255H97.1836C98.2882 38.6255 99.1836 37.7301 99.1836 36.6255V22.4922C99.1836 21.3876 98.2882 20.4922 97.1836 20.4922Z" fill="#8692D0" fill-opacity="0.08"/>
+<path d="M50.1833 20.4922H34.7715C33.6669 20.4922 32.7715 21.3876 32.7715 22.4922V36.6255C32.7715 37.7301 33.6669 38.6255 34.7715 38.6255H50.1833C51.2879 38.6255 52.1833 37.7301 52.1833 36.6255V22.4922C52.1833 21.3876 51.2879 20.4922 50.1833 20.4922Z" fill="#8692D0" fill-opacity="0.08"/>
+<path d="M97.1836 44.0254H34.7715C33.6669 44.0254 32.7715 44.9208 32.7715 46.0254V60.1587C32.7715 61.2633 33.6669 62.1587 34.7715 62.1587H97.1836C98.2882 62.1587 99.1836 61.2633 99.1836 60.1587V46.0254C99.1836 44.9208 98.2882 44.0254 97.1836 44.0254Z" fill="#8692D0" fill-opacity="0.08"/>
+</g>
+<defs>
+<clipPath id="clip0_2270_141636">
+<rect width="106" height="69" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/resources/images/customizer-icons/expanded-light.svg
+++ b/resources/images/customizer-icons/expanded-light.svg
@@ -0,0 +1,24 @@
+<svg width="106" height="69" viewBox="0 0 106 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2270_141383)">
+<path d="M102 0.284363H4C1.79086 0.284363 0 2.07522 0 4.28436V64.2844C0 66.4935 1.79086 68.2844 4 68.2844H102C104.209 68.2844 106 66.4935 106 64.2844V4.28436C106 2.07522 104.209 0.284363 102 0.284363Z" fill="#3A3541" fill-opacity="0.02"/>
+<path d="M0 4.28436C0 2.07522 1.79086 0.284363 4 0.284363H28V68.2844H4C1.79086 68.2844 0 66.4935 0 64.2844V4.28436Z" fill="#3A3541" fill-opacity="0.08"/>
+<path d="M21.563 24.8921H6.43699C5.64336 24.8921 5 25.5355 5 26.3291V26.3291C5 27.1227 5.64336 27.7661 6.43699 27.7661H21.563C22.3566 27.7661 23 27.1227 23 26.3291C23 25.5355 22.3566 24.8921 21.563 24.8921Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M17 6.34387H11C9.89543 6.34387 9 7.2393 9 8.34387V14.3439C9 15.4484 9.89543 16.3439 11 16.3439H17C18.1046 16.3439 19 15.4484 19 14.3439V8.34387C19 7.2393 18.1046 6.34387 17 6.34387Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M21.563 35.7661H6.43699C5.64336 35.7661 5 36.4095 5 37.2031V37.2031C5 37.9967 5.64336 38.6401 6.43699 38.6401H21.563C22.3566 38.6401 23 37.9967 23 37.2031C23 36.4095 22.3566 35.7661 21.563 35.7661Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M21.563 46.64H6.43699C5.64336 46.64 5 47.2834 5 48.077V48.077C5 48.8706 5.64336 49.514 6.43699 49.514H21.563C22.3566 49.514 23 48.8706 23 48.077C23 47.2834 22.3566 46.64 21.563 46.64Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M21.563 57.514H6.43699C5.64336 57.514 5 58.1574 5 58.951V58.951C5 59.7446 5.64336 60.388 6.43699 60.388H21.563C22.3566 60.388 23 59.7446 23 58.951C23 58.1574 22.3566 57.514 21.563 57.514Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M96.7715 5.09766H34.7715C33.6669 5.09766 32.7715 5.99309 32.7715 7.09766V12.1643C32.7715 13.2689 33.6669 14.1643 34.7715 14.1643H96.7715C97.8761 14.1643 98.7715 13.2689 98.7715 12.1643V7.09766C98.7715 5.99309 97.8761 5.09766 96.7715 5.09766Z" fill="#3A3541" fill-opacity="0.08"/>
+<path d="M38.752 7.36426H36.752C36.1997 7.36426 35.752 7.81197 35.752 8.36426V10.8976C35.752 11.4499 36.1997 11.8976 36.752 11.8976H38.752C39.3042 11.8976 39.752 11.4499 39.752 10.8976V8.36426C39.752 7.81197 39.3042 7.36426 38.752 7.36426Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M82.752 7.36426H80.752C80.1997 7.36426 79.752 7.81197 79.752 8.36426V10.8976C79.752 11.4499 80.1997 11.8976 80.752 11.8976H82.752C83.3042 11.8976 83.752 11.4499 83.752 10.8976V8.36426C83.752 7.81197 83.3042 7.36426 82.752 7.36426Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M88.752 7.36426H86.752C86.1997 7.36426 85.752 7.81197 85.752 8.36426V10.8976C85.752 11.4499 86.1997 11.8976 86.752 11.8976H88.752C89.3042 11.8976 89.752 11.4499 89.752 10.8976V8.36426C89.752 7.81197 89.3042 7.36426 88.752 7.36426Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M94.752 7.36426H92.752C92.1997 7.36426 91.752 7.81197 91.752 8.36426V10.8976C91.752 11.4499 92.1997 11.8976 92.752 11.8976H94.752C95.3042 11.8976 95.752 11.4499 95.752 10.8976V8.36426C95.752 7.81197 95.3042 7.36426 94.752 7.36426Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M97.1836 20.4922H60.1836C59.079 20.4922 58.1836 21.3876 58.1836 22.4922V36.6255C58.1836 37.7301 59.079 38.6255 60.1836 38.6255H97.1836C98.2882 38.6255 99.1836 37.7301 99.1836 36.6255V22.4922C99.1836 21.3876 98.2882 20.4922 97.1836 20.4922Z" fill="#3A3541" fill-opacity="0.08"/>
+<path d="M50.1833 20.4922H34.7715C33.6669 20.4922 32.7715 21.3876 32.7715 22.4922V36.6255C32.7715 37.7301 33.6669 38.6255 34.7715 38.6255H50.1833C51.2879 38.6255 52.1833 37.7301 52.1833 36.6255V22.4922C52.1833 21.3876 51.2879 20.4922 50.1833 20.4922Z" fill="#3A3541" fill-opacity="0.08"/>
+<path d="M97.1836 44.0254H34.7715C33.6669 44.0254 32.7715 44.9208 32.7715 46.0254V60.1587C32.7715 61.2633 33.6669 62.1587 34.7715 62.1587H97.1836C98.2882 62.1587 99.1836 61.2633 99.1836 60.1587V46.0254C99.1836 44.9208 98.2882 44.0254 97.1836 44.0254Z" fill="#3A3541" fill-opacity="0.08"/>
+</g>
+<defs>
+<clipPath id="clip0_2270_141383">
+<rect width="106" height="69" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/resources/images/customizer-icons/hidden-dark.svg
+++ b/resources/images/customizer-icons/hidden-dark.svg
@@ -0,0 +1,19 @@
+<svg width="106" height="69" viewBox="0 0 106 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2270_141661)">
+<path d="M102 0.568726H4C1.79086 0.568726 0 2.35959 0 4.56873V64.5687C0 66.7779 1.79086 68.5687 4 68.5687H102C104.209 68.5687 106 66.7779 106 64.5687V4.56873C106 2.35959 104.209 0.568726 102 0.568726Z" fill="#8692D0" fill-opacity="0.04"/>
+<path d="M0 4.56873C0 2.35959 1.79086 0.568726 4 0.568726H28V68.5687H4C1.79086 68.5687 0 66.7779 0 64.5687V4.56873Z" fill="#8692D0" fill-opacity="0.08"/>
+<path d="M21.563 25.1765H6.43699C5.64336 25.1765 5 25.8199 5 26.6135V26.6135C5 27.4071 5.64336 28.0505 6.43699 28.0505H21.563C22.3566 28.0505 23 27.4071 23 26.6135C23 25.8199 22.3566 25.1765 21.563 25.1765Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M17 6.62817H11C9.89543 6.62817 9 7.5236 9 8.62817V14.6282C9 15.7327 9.89543 16.6282 11 16.6282H17C18.1046 16.6282 19 15.7327 19 14.6282V8.62817C19 7.5236 18.1046 6.62817 17 6.62817Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M21.563 36.0504H6.43699C5.64336 36.0504 5 36.6938 5 37.4874V37.4874C5 38.281 5.64336 38.9244 6.43699 38.9244H21.563C22.3566 38.9244 23 38.281 23 37.4874C23 36.6938 22.3566 36.0504 21.563 36.0504Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M21.563 46.9244H6.43699C5.64336 46.9244 5 47.5678 5 48.3614V48.3614C5 49.1551 5.64336 49.7984 6.43699 49.7984H21.563C22.3566 49.7984 23 49.1551 23 48.3614C23 47.5678 22.3566 46.9244 21.563 46.9244Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M21.563 57.7983H6.43699C5.64336 57.7983 5 58.4417 5 59.2353V59.2353C5 60.029 5.64336 60.6723 6.43699 60.6723H21.563C22.3566 60.6723 23 60.029 23 59.2353C23 58.4417 22.3566 57.7983 21.563 57.7983Z" fill="#8692D0" fill-opacity="0.16"/>
+<path d="M97.1836 6.2843H60.1836C59.079 6.2843 58.1836 7.17973 58.1836 8.2843V22.4176C58.1836 23.5222 59.079 24.4176 60.1836 24.4176H97.1836C98.2882 24.4176 99.1836 23.5222 99.1836 22.4176V8.2843C99.1836 7.17973 98.2882 6.2843 97.1836 6.2843Z" fill="#8692D0" fill-opacity="0.08"/>
+<path d="M50.1833 6.2843H34.7715C33.6669 6.2843 32.7715 7.17973 32.7715 8.2843V22.4176C32.7715 23.5222 33.6669 24.4176 34.7715 24.4176H50.1833C51.2879 24.4176 52.1833 23.5222 52.1833 22.4176V8.2843C52.1833 7.17973 51.2879 6.2843 50.1833 6.2843Z" fill="#8692D0" fill-opacity="0.08"/>
+<path d="M97 30.2844H35C33.8954 30.2844 33 31.1799 33 32.2844V60.2844C33 61.389 33.8954 62.2844 35 62.2844H97C98.1046 62.2844 99 61.389 99 60.2844V32.2844C99 31.1799 98.1046 30.2844 97 30.2844Z" fill="#8692D0" fill-opacity="0.08"/>
+</g>
+<defs>
+<clipPath id="clip0_2270_141661">
+<rect width="106" height="69" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/resources/images/customizer-icons/hidden-light.svg
+++ b/resources/images/customizer-icons/hidden-light.svg
@@ -0,0 +1,19 @@
+<svg width="106" height="69" viewBox="0 0 106 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2270_141408)">
+<path d="M102 0.568726H4C1.79086 0.568726 0 2.35959 0 4.56873V64.5687C0 66.7779 1.79086 68.5687 4 68.5687H102C104.209 68.5687 106 66.7779 106 64.5687V4.56873C106 2.35959 104.209 0.568726 102 0.568726Z" fill="#3A3541" fill-opacity="0.02"/>
+<path d="M0 4.56873C0 2.35959 1.79086 0.568726 4 0.568726H28V68.5687H4C1.79086 68.5687 0 66.7779 0 64.5687V4.56873Z" fill="#3A3541" fill-opacity="0.08"/>
+<path d="M21.563 25.1765H6.43699C5.64336 25.1765 5 25.8199 5 26.6135V26.6135C5 27.4071 5.64336 28.0505 6.43699 28.0505H21.563C22.3566 28.0505 23 27.4071 23 26.6135C23 25.8199 22.3566 25.1765 21.563 25.1765Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M17 6.62823H11C9.89543 6.62823 9 7.52367 9 8.62823V14.6282C9 15.7328 9.89543 16.6282 11 16.6282H17C18.1046 16.6282 19 15.7328 19 14.6282V8.62823C19 7.52367 18.1046 6.62823 17 6.62823Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M21.563 36.0504H6.43699C5.64336 36.0504 5 36.6938 5 37.4874V37.4874C5 38.281 5.64336 38.9244 6.43699 38.9244H21.563C22.3566 38.9244 23 38.281 23 37.4874C23 36.6938 22.3566 36.0504 21.563 36.0504Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M21.563 46.9244H6.43699C5.64336 46.9244 5 47.5678 5 48.3614V48.3614C5 49.155 5.64336 49.7984 6.43699 49.7984H21.563C22.3566 49.7984 23 49.155 23 48.3614C23 47.5678 22.3566 46.9244 21.563 46.9244Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M21.563 57.7983H6.43699C5.64336 57.7983 5 58.4417 5 59.2353V59.2353C5 60.0289 5.64336 60.6723 6.43699 60.6723H21.563C22.3566 60.6723 23 60.0289 23 59.2353C23 58.4417 22.3566 57.7983 21.563 57.7983Z" fill="#3A3541" fill-opacity="0.16"/>
+<path d="M97.1836 6.28436H60.1836C59.079 6.28436 58.1836 7.17979 58.1836 8.28436V22.4177C58.1836 23.5222 59.079 24.4177 60.1836 24.4177H97.1836C98.2882 24.4177 99.1836 23.5222 99.1836 22.4177V8.28436C99.1836 7.17979 98.2882 6.28436 97.1836 6.28436Z" fill="#3A3541" fill-opacity="0.08"/>
+<path d="M50.1833 6.28436H34.7715C33.6669 6.28436 32.7715 7.17979 32.7715 8.28436V22.4177C32.7715 23.5222 33.6669 24.4177 34.7715 24.4177H50.1833C51.2879 24.4177 52.1833 23.5222 52.1833 22.4177V8.28436C52.1833 7.17979 51.2879 6.28436 50.1833 6.28436Z" fill="#3A3541" fill-opacity="0.08"/>
+<path d="M97 30.2844H35C33.8954 30.2844 33 31.1798 33 32.2844V60.2844C33 61.389 33.8954 62.2844 35 62.2844H97C98.1046 62.2844 99 61.389 99 60.2844V32.2844C99 31.1798 98.1046 30.2844 97 30.2844Z" fill="#3A3541" fill-opacity="0.08"/>
+</g>
+<defs>
+<clipPath id="clip0_2270_141408">
+<rect width="106" height="69" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/resources/images/customizer-icons/horizontal-dark.svg
+++ b/resources/images/customizer-icons/horizontal-dark.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#E7E3FC" fill-opacity="0.02"/>
+  <rect x="44.0068" y="19.6136" width="46.8212" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="14.9854" y="19.6136" width="22.1679" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="14.9854" y="42.4547" width="75.8413" height="17.6" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="14.9248" y="4.68896" width="74.1506" height="9.00999" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="20.0264" y="6.50403" width="6.00327" height="5.38019" rx="1" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="33.877" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="48.3652" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="62.8506" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="77.3379" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="#E7E3FC" fill-opacity="0.3"/>
+</svg>
--- a/resources/images/customizer-icons/horizontal-light.svg
+++ b/resources/images/customizer-icons/horizontal-light.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#2E263D" fill-opacity="0.02"/>
+  <rect x="44.0068" y="19.6136" width="46.8212" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="14.9854" y="19.6136" width="22.1679" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="14.9854" y="42.4547" width="75.8413" height="17.6" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="14.9248" y="4.68896" width="74.1506" height="9.00999" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="20.0264" y="6.50403" width="6.00327" height="5.38019" rx="1" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="33.877" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="48.3652" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="62.8506" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="77.3379" y="7.96356" width="6.6372" height="2.46129" rx="1.23064" fill="#2E263D" fill-opacity="0.3"/>
+</svg>
--- a/resources/images/customizer-icons/ltr-dark.svg
+++ b/resources/images/customizer-icons/ltr-dark.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#E7E3FC" fill-opacity="0.02"/>
+  <rect x="5.20215" y="4.12146" width="24.0976" height="57.5885" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="10.3232" y="16.8697" width="13.8545" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="10.3232" y="25.5618" width="9.87943" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="10.3232" y="34.2538" width="12.3826" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="10.3232" y="42.946" width="6.08818" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="10.3232" y="51.6384" width="8.09094" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="35.5137" y="4.12134" width="62.3885" height="57.5885" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="43.7578" y="14.1833" width="13.8545" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="43.7578" y="22.8753" width="32.8013" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="43.7578" y="31.5674" width="41.2076" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="43.7578" y="40.2593" width="32.8013" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="43.7578" y="48.9517" width="5.77482" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+</svg>
--- a/resources/images/customizer-icons/ltr-light.svg
+++ b/resources/images/customizer-icons/ltr-light.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#2E263D" fill-opacity="0.02"/>
+  <rect x="5.20215" y="4.12146" width="24.0976" height="57.5885" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="10.3232" y="16.8697" width="13.8545" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="10.3232" y="25.5618" width="9.87943" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="10.3232" y="34.2538" width="12.3826" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="10.3232" y="42.946" width="6.08818" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="10.3232" y="51.6384" width="8.09094" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="35.5137" y="4.12134" width="62.3885" height="57.5885" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="43.7578" y="14.1833" width="13.8545" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="43.7578" y="22.8753" width="32.8013" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="43.7578" y="31.5674" width="41.2076" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="43.7578" y="40.2593" width="32.8013" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="43.7578" y="48.9517" width="5.77482" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+</svg>
--- a/resources/images/customizer-icons/rtl-dark.svg
+++ b/resources/images/customizer-icons/rtl-dark.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#E7E3FC" fill-opacity="0.02"/>
+  <rect x="73.4756" y="4.12134" width="24.0976" height="57.5885" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="78.5986" y="16.8697" width="13.8545" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="82.5713" y="25.5618" width="9.87943" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="80.0693" y="34.2537" width="12.3826" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="86.3633" y="42.9459" width="6.08818" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="84.3613" y="51.6382" width="8.09094" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="5.20215" y="4.12146" width="62.3885" height="57.5885" rx="2" fill="#E7E3FC" fill-opacity="0.08"/>
+  <rect x="45.709" y="14.1833" width="13.8545" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="26.7617" y="22.8754" width="32.8013" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="18.3555" y="31.5674" width="41.2076" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="26.7617" y="40.2594" width="32.8013" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+  <rect x="53.7881" y="48.9517" width="5.77482" height="2.0921" rx="1.04605" fill="#E7E3FC" fill-opacity="0.3"/>
+</svg>
--- a/resources/images/customizer-icons/rtl-light.svg
+++ b/resources/images/customizer-icons/rtl-light.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="66" viewBox="0 0 104 66" fill="none">
+  <rect width="104" height="66" rx="4" fill="#2E263D" fill-opacity="0.02"/>
+  <rect x="73.4756" y="4.12134" width="24.0976" height="57.5885" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="78.5986" y="16.8697" width="13.8545" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="82.5713" y="25.5618" width="9.87943" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="80.0693" y="34.2537" width="12.3826" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="86.3633" y="42.9459" width="6.08818" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="84.3613" y="51.6382" width="8.09094" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="5.20215" y="4.12146" width="62.3885" height="57.5885" rx="2" fill="#2E263D" fill-opacity="0.08"/>
+  <rect x="45.709" y="14.1833" width="13.8545" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="26.7617" y="22.8754" width="32.8013" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="18.3555" y="31.5674" width="41.2076" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="26.7617" y="40.2594" width="32.8013" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+  <rect x="53.7881" y="48.9517" width="5.77482" height="2.0921" rx="1.04605" fill="#2E263D" fill-opacity="0.3"/>
+</svg>
--- a/Show More
+++ b/Show More