From 37c12a26a7b7dc1a349334a7dc0ee6eadf8d5710 Mon Sep 17 00:00:00 2001
From: Simon Priet <105607989+SimonPistache@users.noreply.github.com>
Date: Thu, 13 Mar 2025 15:35:31 +0100
Subject: [PATCH] fix(#178): inset shadow fix (#214)

* fix(#178): Changed inset shadow to radial gradient on base_circle

* fix(#178): Changed inset shadow to radial gradient for bullet decorators

* fix(#178): Reset base_circle of Help and Info icons to component state

* fix(#178): Reset base circle of Delete and Exclamation to component state

* fix(#178): Add more border to the base_circle for Controls icons

* fix(#178): Put key square variant in a full icon
---
 icons/Accept.svg                   | 23 ++++++-------------
 icons/Add.svg                      | 23 ++++++-------------
 icons/Bullet black.svg             | 22 ++++++------------
 icons/Bullet blue.svg              | 22 ++++++------------
 icons/Bullet green.svg             | 22 ++++++------------
 icons/Bullet orange.svg            | 22 ++++++------------
 icons/Bullet pink.svg              | 22 ++++++------------
 icons/Bullet purple.svg            | 22 ++++++------------
 icons/Bullet red.svg               | 22 ++++++------------
 icons/Bullet white.svg             | 24 +++++---------------
 icons/Bullet yellow.svg            | 22 ++++++------------
 icons/Control eject blue.svg       | 27 ++++++++--------------
 icons/Control eject.svg            | 25 +++++++--------------
 icons/Control end blue.svg         | 27 ++++++++--------------
 icons/Control end.svg              | 25 +++++++--------------
 icons/Control equalizer blue.svg   | 27 ++++++++--------------
 icons/Control equalizer.svg        | 25 +++++++--------------
 icons/Control fastforward blue.svg | 27 ++++++++--------------
 icons/Control fastforward.svg      | 29 +++++++++---------------
 icons/Control pause blue.svg       | 31 +++++++++----------------
 icons/Control pause.svg            | 25 +++++++--------------
 icons/Control play blue.svg        | 27 ++++++++--------------
 icons/Control play.svg             | 25 +++++++--------------
 icons/Control repeat blue.svg      | 27 ++++++++--------------
 icons/Control repeat.svg           | 25 +++++++--------------
 icons/Control rewind blue.svg      | 27 ++++++++--------------
 icons/Control rewind.svg           | 25 +++++++--------------
 icons/Control start blue.svg       | 27 ++++++++--------------
 icons/Control start.svg            | 25 +++++++--------------
 icons/Control stop blue.svg        | 27 ++++++++--------------
 icons/Control stop.svg             | 25 +++++++--------------
 icons/Delete.svg                   | 35 +++++++++--------------------
 icons/Exclamation.svg              | 36 +++++++++---------------------
 icons/Help.svg                     | 29 ++++++------------------
 icons/Information.svg              | 33 ++++++++-------------------
 icons/Key.svg                      | 26 ++++++++++-----------
 36 files changed, 301 insertions(+), 632 deletions(-)

diff --git a/icons/Accept.svg b/icons/Accept.svg
index 774157a..4fbbb51 100644
--- a/icons/Accept.svg
+++ b/icons/Accept.svg
@@ -1,24 +1,15 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_81_4054)">
-<g filter="url(#filter0_i_81_4054)">
-<circle cx="8" cy="8" r="7" fill="#6EB558"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_81_4054)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_81_4054)" stroke="url(#paint1_linear_81_4054)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.5"/>
 <path d="M5.5 7.5L7.5 9.5L11 6" stroke="white" stroke-width="2"/>
 </g>
 <defs>
-<filter id="filter0_i_81_4054" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.615234 0 0 0 0 0.899316 0 0 0 0 0.570196 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_81_4054"/>
-</filter>
-<linearGradient id="paint0_linear_81_4054" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_81_4054" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.331578" stop-color="#65AB55"/>
+<stop offset="1" stop-color="#9DE591"/>
+</radialGradient>
+<linearGradient id="paint1_linear_81_4054" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#277224"/>
 <stop offset="1" stop-color="#5CC33D"/>
 </linearGradient>
diff --git a/icons/Add.svg b/icons/Add.svg
index 5ae8feb..f77d99a 100644
--- a/icons/Add.svg
+++ b/icons/Add.svg
@@ -1,24 +1,15 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_81_4055)">
-<g filter="url(#filter0_i_81_4055)">
-<circle cx="8" cy="8" r="7" fill="#6EB558"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_81_4055)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_81_4055)" stroke="url(#paint1_linear_81_4055)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.5"/>
 <path d="M5 8H11M8 5V11" stroke="white" stroke-width="2"/>
 </g>
 <defs>
-<filter id="filter0_i_81_4055" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.615234 0 0 0 0 0.899316 0 0 0 0 0.570196 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_81_4055"/>
-</filter>
-<linearGradient id="paint0_linear_81_4055" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_81_4055" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.331578" stop-color="#65AB55"/>
+<stop offset="1" stop-color="#9DE591"/>
+</radialGradient>
+<linearGradient id="paint1_linear_81_4055" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#277224"/>
 <stop offset="1" stop-color="#5CC33D"/>
 </linearGradient>
diff --git a/icons/Bullet black.svg b/icons/Bullet black.svg
index 790b03d..a9b7273 100644
--- a/icons/Bullet black.svg	
+++ b/icons/Bullet black.svg	
@@ -1,21 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_99_12610)">
-<circle cx="8.5" cy="8.5" r="3.5" fill="#565656"/>
-</g>
-<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12610)"/>
+<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12610)"/>
+<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12610)" stroke-opacity="0.66"/>
 <circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
 <defs>
-<filter id="filter0_i_99_12610" x="5" y="5" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="1"/>
-<feGaussianBlur stdDeviation="1.5"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.880384 0 0 0 0 0.935048 0 0 0 0 0.989714 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12610"/>
-</filter>
-<linearGradient id="paint0_linear_99_12610" x1="5" y1="5" x2="12" y2="12" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12610" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
+<stop offset="0.33125" stop-color="#565656"/>
+<stop offset="1" stop-color="#BCBCBC"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12610" x1="5" y1="5" x2="12" y2="12" gradientUnits="userSpaceOnUse">
 <stop stop-color="#1D1D1D"/>
 <stop offset="1"/>
 </linearGradient>
diff --git a/icons/Bullet blue.svg b/icons/Bullet blue.svg
index fd2f3b1..68318ba 100644
--- a/icons/Bullet blue.svg	
+++ b/icons/Bullet blue.svg	
@@ -1,21 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_99_12609)">
-<circle cx="8.5" cy="8.5" r="3.5" fill="#6EC2F5"/>
-</g>
-<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12609)" stroke-opacity="0.835294"/>
+<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12609)"/>
+<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12609)" stroke-opacity="0.66"/>
 <circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
 <defs>
-<filter id="filter0_i_99_12609" x="5" y="5" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="1"/>
-<feGaussianBlur stdDeviation="1.5"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.880384 0 0 0 0 0.935048 0 0 0 0 0.989714 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12609"/>
-</filter>
-<linearGradient id="paint0_linear_99_12609" x1="5" y1="5" x2="12" y2="12" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12609" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
+<stop offset="0.33125" stop-color="#6EC2F5"/>
+<stop offset="1" stop-color="#E0EEFC"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12609" x1="5" y1="5" x2="12" y2="12" gradientUnits="userSpaceOnUse">
 <stop stop-color="#00A1F9"/>
 <stop offset="1" stop-color="#0082BB" stop-opacity="0.835294"/>
 </linearGradient>
diff --git a/icons/Bullet green.svg b/icons/Bullet green.svg
index 6c8e429..122760e 100644
--- a/icons/Bullet green.svg	
+++ b/icons/Bullet green.svg	
@@ -1,21 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_99_12602)">
-<circle cx="8.5" cy="8.5" r="3.5" fill="#6EB558"/>
-</g>
-<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12602)"/>
+<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12602)"/>
+<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12602)" stroke-opacity="0.66"/>
 <circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
 <defs>
-<filter id="filter0_i_99_12602" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.615234 0 0 0 0 0.899316 0 0 0 0 0.570196 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12602"/>
-</filter>
-<linearGradient id="paint0_linear_99_12602" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12602" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
+<stop offset="0.325" stop-color="#6EB558"/>
+<stop offset="1" stop-color="#9DE591"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12602" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
 <stop stop-color="#277224"/>
 <stop offset="1" stop-color="#5CC33D"/>
 </linearGradient>
diff --git a/icons/Bullet orange.svg b/icons/Bullet orange.svg
index fb120a5..f8217ca 100644
--- a/icons/Bullet orange.svg	
+++ b/icons/Bullet orange.svg	
@@ -1,21 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_99_12600)">
-<circle cx="8.5" cy="8.5" r="3.5" fill="#FF8707"/>
-</g>
-<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12600)"/>
+<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12600)"/>
+<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12600)" stroke-opacity="0.66"/>
 <circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
 <defs>
-<filter id="filter0_i_99_12600" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.899316 0 0 0 0 0.78961 0 0 0 0 0.570196 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12600"/>
-</filter>
-<linearGradient id="paint0_linear_99_12600" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12600" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
+<stop offset="0.326479" stop-color="#FF8707"/>
+<stop offset="1" stop-color="#E5C991"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12600" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
 <stop stop-color="#DE6800"/>
 <stop offset="1" stop-color="#FF8D13"/>
 </linearGradient>
diff --git a/icons/Bullet pink.svg b/icons/Bullet pink.svg
index a4a7f44..810acdf 100644
--- a/icons/Bullet pink.svg	
+++ b/icons/Bullet pink.svg	
@@ -1,21 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_99_12598)">
-<circle cx="8.5" cy="8.5" r="3.5" fill="#FF21F4"/>
-</g>
-<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12598)"/>
+<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12598)"/>
+<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12598)" stroke-opacity="0.66"/>
 <circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
 <defs>
-<filter id="filter0_i_99_12598" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.980392 0 0 0 0 0.631373 0 0 0 0 0.960784 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12598"/>
-</filter>
-<linearGradient id="paint0_linear_99_12598" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12598" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
+<stop stop-color="#FF21F4"/>
+<stop offset="1" stop-color="#FAA1F5"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12598" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
 <stop stop-color="#7F1D84"/>
 <stop offset="1" stop-color="#FB45FB"/>
 </linearGradient>
diff --git a/icons/Bullet purple.svg b/icons/Bullet purple.svg
index 2fa3cda..52e4cf4 100644
--- a/icons/Bullet purple.svg	
+++ b/icons/Bullet purple.svg	
@@ -1,21 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_99_12597)">
-<circle cx="8.5" cy="8.5" r="3.5" fill="#9123FF"/>
-</g>
-<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12597)"/>
+<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12597)"/>
+<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12597)" stroke-opacity="0.66"/>
 <circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
 <defs>
-<filter id="filter0_i_99_12597" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.737842 0 0 0 0 0.475684 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12597"/>
-</filter>
-<linearGradient id="paint0_linear_99_12597" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12597" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
+<stop stop-color="#9123FF"/>
+<stop offset="1" stop-color="#BC79FF"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12597" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
 <stop stop-color="#5900B5"/>
 <stop offset="1" stop-color="#8800FB"/>
 </linearGradient>
diff --git a/icons/Bullet red.svg b/icons/Bullet red.svg
index 6ff15f7..59192c5 100644
--- a/icons/Bullet red.svg	
+++ b/icons/Bullet red.svg	
@@ -1,21 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_99_12596)">
-<circle cx="8.5" cy="8.5" r="3.5" fill="#FF0505"/>
-</g>
-<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12596)"/>
+<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12596)"/>
+<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12596)" stroke-opacity="0.66"/>
 <circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
 <defs>
-<filter id="filter0_i_99_12596" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.489095 0 0 0 0 0.489095 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12596"/>
-</filter>
-<linearGradient id="paint0_linear_99_12596" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12596" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
+<stop stop-color="#FF0505"/>
+<stop offset="1" stop-color="#FF7D7D"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12596" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
 <stop stop-color="#731010"/>
 <stop offset="1" stop-color="#D40000"/>
 </linearGradient>
diff --git a/icons/Bullet white.svg b/icons/Bullet white.svg
index a2daa41..aecac2b 100644
--- a/icons/Bullet white.svg	
+++ b/icons/Bullet white.svg	
@@ -1,23 +1,11 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_99_12592)">
-<circle cx="8.5" cy="8.5" r="3.5" fill="#C1C1C1"/>
-</g>
-<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12592)"/>
+<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12592)"/>
+<circle cx="8.5" cy="8.5" r="3" stroke="#A8A8A8" stroke-opacity="0.66"/>
 <circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
 <defs>
-<filter id="filter0_i_99_12592" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12592"/>
-</filter>
-<linearGradient id="paint0_linear_99_12592" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
-<stop stop-color="#BABABA"/>
-<stop offset="1" stop-color="#E9E9E9"/>
-</linearGradient>
+<radialGradient id="paint0_radial_99_12592" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
+<stop offset="0.329722" stop-color="#C1C1C1"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
 </defs>
 </svg>
diff --git a/icons/Bullet yellow.svg b/icons/Bullet yellow.svg
index 582d247..40006ff 100644
--- a/icons/Bullet yellow.svg	
+++ b/icons/Bullet yellow.svg	
@@ -1,21 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_99_12591)">
-<circle cx="8.5" cy="8.5" r="3.5" fill="#FBB500"/>
-</g>
-<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint0_linear_99_12591)"/>
+<circle cx="8.5" cy="8.5" r="3.5" fill="url(#paint0_radial_99_12591)"/>
+<circle cx="8.5" cy="8.5" r="3" stroke="url(#paint1_linear_99_12591)" stroke-opacity="0.66"/>
 <circle cx="8.5" cy="8.5" r="2" stroke="white" stroke-opacity="0.33"/>
 <defs>
-<filter id="filter0_i_99_12591" x="5" y="5" width="9" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.886275 0 0 0 0 0.505882 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12591"/>
-</filter>
-<linearGradient id="paint0_linear_99_12591" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12591" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) rotate(-135) scale(7.07107)">
+<stop offset="0.33" stop-color="#FBB500"/>
+<stop offset="1" stop-color="#F8E281"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12591" x1="11" y1="11" x2="6" y2="6" gradientUnits="userSpaceOnUse">
 <stop stop-color="#B58100"/>
 <stop offset="1" stop-color="#FBBF00"/>
 </linearGradient>
diff --git a/icons/Control eject blue.svg b/icons/Control eject blue.svg
index cc49495..f25e332 100644
--- a/icons/Control eject blue.svg	
+++ b/icons/Control eject blue.svg	
@@ -1,27 +1,14 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12581)">
-<g filter="url(#filter0_i_99_12581)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12581)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12581)" stroke="url(#paint1_linear_99_12581)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12581)">
+<g filter="url(#filter0_i_99_12581)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 5L5 8H11L8 5ZM11 11V9H5V11H11Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12581" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12581"/>
-</filter>
-<filter id="filter1_i_99_12581" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12581" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -31,7 +18,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12581"/>
 </filter>
-<linearGradient id="paint0_linear_99_12581" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12581" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12581" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control eject.svg b/icons/Control eject.svg
index 14b3ce9..9033602 100644
--- a/icons/Control eject.svg	
+++ b/icons/Control eject.svg	
@@ -1,26 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12580)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12580)" stroke="url(#paint1_linear_99_12580)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12580)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12580)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12580)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 5L5 8H11L8 5ZM11 11V9H5V11H11Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12580" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12580"/>
-</filter>
-<filter id="filter1_i_99_12580" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12580" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -30,7 +17,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12580"/>
 </filter>
-<linearGradient id="paint0_linear_99_12580" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12580" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12580" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Control end blue.svg b/icons/Control end blue.svg
index d8ed277..be3ae4a 100644
--- a/icons/Control end blue.svg	
+++ b/icons/Control end blue.svg	
@@ -1,27 +1,14 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12579)">
-<g filter="url(#filter0_i_99_12579)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12579)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12579)" stroke="url(#paint1_linear_99_12579)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12579)">
+<g filter="url(#filter0_i_99_12579)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 8L5 5V11L8 8ZM11 5H9V11H11V5Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12579" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12579"/>
-</filter>
-<filter id="filter1_i_99_12579" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12579" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -31,7 +18,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12579"/>
 </filter>
-<linearGradient id="paint0_linear_99_12579" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12579" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12579" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control end.svg b/icons/Control end.svg
index ddf04d6..2547737 100644
--- a/icons/Control end.svg	
+++ b/icons/Control end.svg	
@@ -1,26 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12578)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12578)" stroke="url(#paint1_linear_99_12578)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12578)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12578)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12578)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11 11V5H9V11H11ZM8 8L5 5V11L8 8Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12578" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12578"/>
-</filter>
-<filter id="filter1_i_99_12578" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12578" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -30,7 +17,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12578"/>
 </filter>
-<linearGradient id="paint0_linear_99_12578" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12578" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12578" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Control equalizer blue.svg b/icons/Control equalizer blue.svg
index 1371205..e320caa 100644
--- a/icons/Control equalizer blue.svg	
+++ b/icons/Control equalizer blue.svg	
@@ -1,28 +1,15 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12577)">
-<g filter="url(#filter0_i_99_12577)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12577)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12577)" stroke="url(#paint1_linear_99_12577)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12577)">
+<g filter="url(#filter0_i_99_12577)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 10.9146V12H7V10.9146C7.5826 10.7087 8 10.1531 8 9.5C8 8.84689 7.5826 8.29127 7 8.08535V4H6V8.08535C5.4174 8.29127 5 8.84689 5 9.5C5 10.1531 5.4174 10.7087 6 10.9146ZM6.5 10C6.77614 10 7 9.77614 7 9.5C7 9.22386 6.77614 9 6.5 9C6.22386 9 6 9.22386 6 9.5C6 9.77614 6.22386 10 6.5 10Z" fill="#5B8FD1"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 5.08535V4H9V5.08535C8.4174 5.29127 8 5.84689 8 6.5C8 7.15311 8.4174 7.70873 9 7.91465V12H10V7.91465C10.5826 7.70873 11 7.15311 11 6.5C11 5.84689 10.5826 5.29127 10 5.08535ZM9.5 6C9.22386 6 9 6.22386 9 6.5C9 6.77614 9.22386 7 9.5 7C9.77614 7 10 6.77614 10 6.5C10 6.22386 9.77614 6 9.5 6Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12577" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12577"/>
-</filter>
-<filter id="filter1_i_99_12577" x="5" y="4" width="6.5" height="8.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12577" x="5" y="4" width="6.5" height="8.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -32,7 +19,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12577"/>
 </filter>
-<linearGradient id="paint0_linear_99_12577" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12577" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12577" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control equalizer.svg b/icons/Control equalizer.svg
index c50d34b..f8c1733 100644
--- a/icons/Control equalizer.svg	
+++ b/icons/Control equalizer.svg	
@@ -1,27 +1,14 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12576)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12576)" stroke="url(#paint1_linear_99_12576)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12576)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12576)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12576)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 10.9146V12H7V10.9146C7.5826 10.7087 8 10.1531 8 9.5C8 8.84689 7.5826 8.29127 7 8.08535V4H6V8.08535C5.4174 8.29127 5 8.84689 5 9.5C5 10.1531 5.4174 10.7087 6 10.9146ZM6.5 10C6.77614 10 7 9.77614 7 9.5C7 9.22386 6.77614 9 6.5 9C6.22386 9 6 9.22386 6 9.5C6 9.77614 6.22386 10 6.5 10Z" fill="#808080"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 5.08535V4H9V5.08535C8.4174 5.29127 8 5.84689 8 6.5C8 7.15311 8.4174 7.70873 9 7.91465V12H10V7.91465C10.5826 7.70873 11 7.15311 11 6.5C11 5.84689 10.5826 5.29127 10 5.08535ZM9.5 6C9.22386 6 9 6.22386 9 6.5C9 6.77614 9.22386 7 9.5 7C9.77614 7 10 6.77614 10 6.5C10 6.22386 9.77614 6 9.5 6Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12576" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12576"/>
-</filter>
-<filter id="filter1_i_99_12576" x="5" y="4" width="6.5" height="8.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12576" x="5" y="4" width="6.5" height="8.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -31,7 +18,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12576"/>
 </filter>
-<linearGradient id="paint0_linear_99_12576" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12576" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12576" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Control fastforward blue.svg b/icons/Control fastforward blue.svg
index 6e51b42..6037ba9 100644
--- a/icons/Control fastforward blue.svg	
+++ b/icons/Control fastforward blue.svg	
@@ -1,27 +1,14 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12575)">
-<g filter="url(#filter0_i_99_12575)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12575)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12575)" stroke="url(#paint1_linear_99_12575)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12575)">
+<g filter="url(#filter0_i_99_12575)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 8L5 5V11L8 8ZM12 8L9 5V11L12 8Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12575" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12575"/>
-</filter>
-<filter id="filter1_i_99_12575" x="5" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12575" x="5" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -31,7 +18,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12575"/>
 </filter>
-<linearGradient id="paint0_linear_99_12575" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12575" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12575" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control fastforward.svg b/icons/Control fastforward.svg
index 69f8c98..191d500 100644
--- a/icons/Control fastforward.svg	
+++ b/icons/Control fastforward.svg	
@@ -1,29 +1,16 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12573)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12573)" stroke="url(#paint1_linear_99_12573)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12573)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12573)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12573)">
 <path d="M5 11L5 5L8 8L5 11Z" fill="#808080"/>
 </g>
-<g filter="url(#filter2_i_99_12573)">
+<g filter="url(#filter1_i_99_12573)">
 <path d="M9 11L9 5L12 8L9 11Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12573" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12573"/>
-</filter>
-<filter id="filter1_i_99_12573" x="5" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12573" x="5" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -33,7 +20,7 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12573"/>
 </filter>
-<filter id="filter2_i_99_12573" x="9" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_i_99_12573" x="9" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -43,7 +30,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12573"/>
 </filter>
-<linearGradient id="paint0_linear_99_12573" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12573" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12573" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Control pause blue.svg b/icons/Control pause blue.svg
index 431c4f4..f62d754 100644
--- a/icons/Control pause blue.svg	
+++ b/icons/Control pause blue.svg	
@@ -1,30 +1,17 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12574)">
-<g filter="url(#filter0_i_99_12574)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12574)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12574)" stroke="url(#paint1_linear_99_12574)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12574)">
+<g filter="url(#filter0_i_99_12574)">
 <path d="M5 11V5H7V11H5Z" fill="#5B8FD1"/>
 </g>
-<g filter="url(#filter2_i_99_12574)">
+<g filter="url(#filter1_i_99_12574)">
 <path d="M9 11V5H11V11H9Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12574" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12574"/>
-</filter>
-<filter id="filter1_i_99_12574" x="5" y="5" width="2.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12574" x="5" y="5" width="2.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -34,7 +21,7 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12574"/>
 </filter>
-<filter id="filter2_i_99_12574" x="9" y="5" width="2.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_i_99_12574" x="9" y="5" width="2.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -44,7 +31,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12574"/>
 </filter>
-<linearGradient id="paint0_linear_99_12574" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12574" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12574" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control pause.svg b/icons/Control pause.svg
index b1182a3..dcf9553 100644
--- a/icons/Control pause.svg	
+++ b/icons/Control pause.svg	
@@ -1,26 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12572)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12572)" stroke="url(#paint1_linear_99_12572)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12572)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12572)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12572)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5L9 5L9 11L11 11L11 5ZM7 5L5 5L5 11L7 11L7 5Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12572" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12572"/>
-</filter>
-<filter id="filter1_i_99_12572" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12572" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -30,7 +17,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12572"/>
 </filter>
-<linearGradient id="paint0_linear_99_12572" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12572" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12572" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Control play blue.svg b/icons/Control play blue.svg
index 14ba4cb..e3edc25 100644
--- a/icons/Control play blue.svg	
+++ b/icons/Control play blue.svg	
@@ -1,27 +1,14 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12567)">
-<g filter="url(#filter0_i_99_12567)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12567)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12567)" stroke="url(#paint1_linear_99_12567)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12567)">
+<g filter="url(#filter0_i_99_12567)">
 <path d="M7 11V5L10 8L7 11Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12567" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12567"/>
-</filter>
-<filter id="filter1_i_99_12567" x="7" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12567" x="7" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -31,7 +18,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12567"/>
 </filter>
-<linearGradient id="paint0_linear_99_12567" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12567" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12567" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control play.svg b/icons/Control play.svg
index eb0d931..0e1d7a2 100644
--- a/icons/Control play.svg	
+++ b/icons/Control play.svg	
@@ -1,26 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12566)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12566)" stroke="url(#paint1_linear_99_12566)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12566)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12566)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12566)">
 <path d="M7 11L7 5L10 8L7 11Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12566" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12566"/>
-</filter>
-<filter id="filter1_i_99_12566" x="7" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12566" x="7" y="5" width="3.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -30,7 +17,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12566"/>
 </filter>
-<linearGradient id="paint0_linear_99_12566" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12566" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12566" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Control repeat blue.svg b/icons/Control repeat blue.svg
index 35a3de9..e771c9e 100644
--- a/icons/Control repeat blue.svg	
+++ b/icons/Control repeat blue.svg	
@@ -1,28 +1,15 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12564)">
-<g filter="url(#filter0_i_99_12564)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12564)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12564)" stroke="url(#paint1_linear_99_12564)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12564)">
+<g filter="url(#filter0_i_99_12564)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 6C5.22386 6 5 6.22386 5 6.5V8.5C5 8.77614 5.22386 9 5.5 9H6V10H5.5C4.67157 10 4 9.32843 4 8.5V6.5C4 5.67157 4.67157 5 5.5 5H10.5C11.3284 5 12 5.67157 12 6.5V8.5C12 9.32843 11.3284 10 10.5 10H8.5V9H10.5C10.7761 9 11 8.77614 11 8.5V6.5C11 6.22386 10.7761 6 10.5 6H5.5Z" fill="#5B8FD1"/>
 <path d="M10 7L7 9.5L10 12V7Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12564" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12564"/>
-</filter>
-<filter id="filter1_i_99_12564" x="4" y="5" width="8.5" height="7.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12564" x="4" y="5" width="8.5" height="7.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -32,7 +19,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12564"/>
 </filter>
-<linearGradient id="paint0_linear_99_12564" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12564" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12564" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control repeat.svg b/icons/Control repeat.svg
index e770e3d..6f811dd 100644
--- a/icons/Control repeat.svg	
+++ b/icons/Control repeat.svg	
@@ -1,27 +1,14 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12565)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12565)" stroke="url(#paint1_linear_99_12565)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12565)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12565)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12565)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 6C5.22386 6 5 6.22386 5 6.5V8.5C5 8.77614 5.22386 9 5.5 9H6V10H5.5C4.67157 10 4 9.32843 4 8.5V6.5C4 5.67157 4.67157 5 5.5 5H10.5C11.3284 5 12 5.67157 12 6.5V8.5C12 9.32843 11.3284 10 10.5 10H8.5V9H10.5C10.7761 9 11 8.77614 11 8.5V6.5C11 6.22386 10.7761 6 10.5 6H5.5Z" fill="#808080"/>
 <path d="M10 7L7 9.5L10 12V7Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12565" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12565"/>
-</filter>
-<filter id="filter1_i_99_12565" x="4" y="5" width="8.5" height="7.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12565" x="4" y="5" width="8.5" height="7.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -31,7 +18,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12565"/>
 </filter>
-<linearGradient id="paint0_linear_99_12565" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12565" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12565" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Control rewind blue.svg b/icons/Control rewind blue.svg
index 3ad14d7..59bbb9b 100644
--- a/icons/Control rewind blue.svg	
+++ b/icons/Control rewind blue.svg	
@@ -1,27 +1,14 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12563)">
-<g filter="url(#filter0_i_99_12563)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12563)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12563)" stroke="url(#paint1_linear_99_12563)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12563)">
+<g filter="url(#filter0_i_99_12563)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4 8L7 5V11L4 8ZM8 8L11 5V11L8 8Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12563" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12563"/>
-</filter>
-<filter id="filter1_i_99_12563" x="4" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12563" x="4" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -31,7 +18,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12563"/>
 </filter>
-<linearGradient id="paint0_linear_99_12563" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12563" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12563" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control rewind.svg b/icons/Control rewind.svg
index 28c6625..6001a85 100644
--- a/icons/Control rewind.svg	
+++ b/icons/Control rewind.svg	
@@ -1,26 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12562)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12562)" stroke="url(#paint1_linear_99_12562)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12562)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12562)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12562)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4 8L7 11V5L4 8ZM8 8L11 11V5L8 8Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12562" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12562"/>
-</filter>
-<filter id="filter1_i_99_12562" x="4" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12562" x="4" y="5" width="7.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -30,7 +17,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12562"/>
 </filter>
-<linearGradient id="paint0_linear_99_12562" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12562" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12562" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Control start blue.svg b/icons/Control start blue.svg
index 140d8d2..f77cb1a 100644
--- a/icons/Control start blue.svg	
+++ b/icons/Control start blue.svg	
@@ -1,27 +1,14 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12561)">
-<g filter="url(#filter0_i_99_12561)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12561)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12561)" stroke="url(#paint1_linear_99_12561)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12561)">
+<g filter="url(#filter0_i_99_12561)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5 5V11H7V5H5ZM8 8L11 5V11L8 8Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12561" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12561"/>
-</filter>
-<filter id="filter1_i_99_12561" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12561" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -31,7 +18,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12561"/>
 </filter>
-<linearGradient id="paint0_linear_99_12561" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12561" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12561" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control start.svg b/icons/Control start.svg
index 74b333a..353c1f7 100644
--- a/icons/Control start.svg	
+++ b/icons/Control start.svg	
@@ -1,26 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12560)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12560)" stroke="url(#paint1_linear_99_12560)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12560)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12560)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12560)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5 5L5 11L7 11L7 5L5 5ZM8 8L11 11L11 5L8 8Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12560" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12560"/>
-</filter>
-<filter id="filter1_i_99_12560" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12560" x="5" y="5" width="6.5" height="6.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -30,7 +17,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12560"/>
 </filter>
-<linearGradient id="paint0_linear_99_12560" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12560" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12560" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Control stop blue.svg b/icons/Control stop blue.svg
index 7a2fa05..796eebe 100644
--- a/icons/Control stop blue.svg	
+++ b/icons/Control stop blue.svg	
@@ -1,27 +1,14 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12558)">
-<g filter="url(#filter0_i_99_12558)">
-<circle cx="8" cy="8" r="7" fill="#DEE7F2"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12558)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12558)" stroke="url(#paint1_linear_99_12558)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" fill="#90BDF6" fill-opacity="0.5"/>
-<g filter="url(#filter1_i_99_12558)">
+<g filter="url(#filter0_i_99_12558)">
 <path d="M6 10V6H10V10H6Z" fill="#5B8FD1"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12558" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12558"/>
-</filter>
-<filter id="filter1_i_99_12558" x="6" y="6" width="4.5" height="4.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12558" x="6" y="6" width="4.5" height="4.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -31,7 +18,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12558"/>
 </filter>
-<linearGradient id="paint0_linear_99_12558" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12558" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.33089" stop-color="#D1DFF1"/>
+<stop offset="1" stop-color="#EBF1F9"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12558" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#8CADD4"/>
 <stop offset="1" stop-color="#D7E5F6"/>
 </linearGradient>
diff --git a/icons/Control stop.svg b/icons/Control stop.svg
index cff5487..0a519f3 100644
--- a/icons/Control stop.svg	
+++ b/icons/Control stop.svg	
@@ -1,26 +1,13 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_99_12559)">
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_99_12559)" stroke="url(#paint1_linear_99_12559)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.8" style="mix-blend-mode:soft-light"/>
 <g filter="url(#filter0_i_99_12559)">
-<circle cx="8" cy="8" r="7" fill="#E9E9E9"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_99_12559)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
-<g filter="url(#filter1_i_99_12559)">
 <path d="M6 6H10V10H6V6Z" fill="#808080"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_i_99_12559" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_99_12559"/>
-</filter>
-<filter id="filter1_i_99_12559" x="6" y="6" width="4.5" height="4.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_99_12559" x="6" y="6" width="4.5" height="4.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -30,7 +17,11 @@
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
 <feBlend mode="plus-darker" in2="shape" result="effect1_innerShadow_99_12559"/>
 </filter>
-<linearGradient id="paint0_linear_99_12559" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_99_12559" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.332524" stop-color="#DEDEDE"/>
+<stop offset="1" stop-color="#F0F0F0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_99_12559" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#9F9F9F"/>
 <stop offset="1" stop-color="#DADADA"/>
 </linearGradient>
diff --git a/icons/Delete.svg b/icons/Delete.svg
index 10ebce6..6585a0a 100644
--- a/icons/Delete.svg
+++ b/icons/Delete.svg
@@ -1,32 +1,19 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_81_4049)">
-<g filter="url(#filter0_ii_81_4049)">
-<circle cx="8" cy="8" r="7" fill="#E65650"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_81_4049)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_81_4049)"/>
+<circle cx="8" cy="8" r="6.5" stroke="url(#paint1_linear_81_4049)"/>
+<circle cx="8" cy="8" r="6.5" stroke="#8E2F00" stroke-opacity="0.2"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66"/>
 <rect x="5" y="7" width="6" height="2" fill="white"/>
 </g>
 <defs>
-<filter id="filter0_ii_81_4049" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.899316 0 0 0 0 0.597623 0 0 0 0 0.570196 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_81_4049"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect2_innerShadow_81_4049"/>
-<feOffset/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.66 0"/>
-<feBlend mode="soft-light" in2="effect1_innerShadow_81_4049" result="effect2_innerShadow_81_4049"/>
-</filter>
-<linearGradient id="paint0_linear_81_4049" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
-<stop stop-color="#BC4B30"/>
-<stop offset="1" stop-color="#DC6463"/>
+<radialGradient id="paint0_radial_81_4049" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.330063" stop-color="#E15D52"/>
+<stop offset="1" stop-color="#F58263"/>
+</radialGradient>
+<linearGradient id="paint1_linear_81_4049" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF4228"/>
+<stop offset="1" stop-color="#F78066"/>
 </linearGradient>
 <clipPath id="clip0_81_4049">
 <rect width="16" height="16" fill="white"/>
diff --git a/icons/Exclamation.svg b/icons/Exclamation.svg
index 2a6dbd2..a2a0926 100644
--- a/icons/Exclamation.svg
+++ b/icons/Exclamation.svg
@@ -1,33 +1,19 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_81_4050)">
-<g filter="url(#filter0_ii_81_4050)">
-<circle cx="8" cy="8" r="7" fill="#E9594D"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_81_4050)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_81_4050)"/>
+<circle cx="8" cy="8" r="6.5" stroke="url(#paint1_linear_81_4050)"/>
+<circle cx="8" cy="8" r="6.5" stroke="#8E2F00" stroke-opacity="0.2"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66"/>
 <path d="M9.16401 4.094L8.87801 8.78H7.16201L6.87601 4.094H9.16401ZM8.02001 9.704C8.33535 9.704 8.60301 9.81767 8.82301 10.045C9.04301 10.265 9.15301 10.529 9.15301 10.837C9.15301 11.145 9.04301 11.4127 8.82301 11.64C8.60301 11.86 8.33535 11.97 8.02001 11.97C7.70468 11.97 7.43701 11.86 7.21701 11.64C6.99701 11.4127 6.88701 11.145 6.88701 10.837C6.88701 10.529 6.99701 10.265 7.21701 10.045C7.43701 9.81767 7.70468 9.704 8.02001 9.704Z" fill="white"/>
 </g>
 <defs>
-<filter id="filter0_ii_81_4050" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_innerShadow_81_4050"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.983165 0 0 0 0 0.508315 0 0 0 0 0.380312 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_81_4050"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect2_innerShadow_81_4050"/>
-<feOffset/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.33 0"/>
-<feBlend mode="normal" in2="effect1_innerShadow_81_4050" result="effect2_innerShadow_81_4050"/>
-</filter>
-<linearGradient id="paint0_linear_81_4050" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
-<stop stop-color="#C0442A"/>
-<stop offset="1" stop-color="#F77F65"/>
+<radialGradient id="paint0_radial_81_4050" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421)">
+<stop offset="0.330063" stop-color="#E15D52"/>
+<stop offset="1" stop-color="#F58263"/>
+</radialGradient>
+<linearGradient id="paint1_linear_81_4050" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BF4228"/>
+<stop offset="1" stop-color="#F78066"/>
 </linearGradient>
 <clipPath id="clip0_81_4050">
 <rect width="16" height="16" fill="white"/>
diff --git a/icons/Help.svg b/icons/Help.svg
index be5d13b..659b328 100644
--- a/icons/Help.svg
+++ b/icons/Help.svg
@@ -1,30 +1,15 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_134_1945)">
-<g filter="url(#filter0_ii_134_1945)">
-<circle cx="8" cy="8" r="7" fill="#4882C4"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_134_1945)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_134_1945)" stroke="url(#paint1_linear_134_1945)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66"/>
 <path d="M8.07648 4.44C9.44648 4.44 10.1465 5.21 10.1465 6.06C10.1465 7.67 8.33648 7.51 8.33648 8.72V9.06H7.14648V8.67C7.14648 6.96 8.80648 7.1 8.80648 6.16C8.80648 5.72 8.48648 5.46 7.96648 5.46C7.51648 5.46 7.07648 5.67 6.69648 6.12L5.86648 5.47C6.42648 4.81 7.14648 4.44 8.07648 4.44ZM7.75648 10.03C8.21648 10.03 8.57648 10.39 8.57648 10.84C8.57648 11.28 8.21648 11.65 7.75648 11.65C7.30648 11.65 6.95648 11.28 6.95648 10.84C6.95648 10.39 7.30648 10.03 7.75648 10.03Z" fill="white"/>
 </g>
 <defs>
-<filter id="filter0_ii_134_1945" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.66 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_134_1945"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect2_innerShadow_134_1945"/>
-<feOffset/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.66 0"/>
-<feBlend mode="hard-light" in2="effect1_innerShadow_134_1945" result="effect2_innerShadow_134_1945"/>
-</filter>
-<linearGradient id="paint0_linear_134_1945" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<radialGradient id="paint0_radial_134_1945" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421 14.185)">
+<stop offset="0.33147" stop-color="#6187B2"/>
+<stop offset="1" stop-color="#B7D2F2" stop-opacity="0.956863"/>
+</radialGradient>
+<linearGradient id="paint1_linear_134_1945" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
 <stop stop-color="#3F6FAB" stop-opacity="0.956863"/>
 <stop offset="1" stop-color="#B7D2F2" stop-opacity="0.956863"/>
 </linearGradient>
diff --git a/icons/Information.svg b/icons/Information.svg
index 0743b6c..388bf0a 100644
--- a/icons/Information.svg
+++ b/icons/Information.svg
@@ -1,32 +1,17 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_134_1987)">
-<g filter="url(#filter0_ii_134_1987)">
-<circle cx="8" cy="8" r="7" fill="#4882C4"/>
-</g>
-<circle cx="8" cy="8" r="6.5" stroke="url(#paint0_linear_134_1987)"/>
-<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:soft-light"/>
+<circle cx="8" cy="8" r="6.5" fill="url(#paint0_radial_134_1987)" stroke="url(#paint1_linear_134_1987)"/>
+<circle cx="8" cy="8" r="5.5" stroke="white" stroke-opacity="0.66"/>
 <path d="M7.99356 4.528C8.43356 4.528 8.73756 4.84 8.73756 5.24C8.73756 5.648 8.43356 5.952 7.99356 5.952C7.55356 5.952 7.24156 5.648 7.24156 5.24C7.24156 4.84 7.55356 4.528 7.99356 4.528ZM8.75356 6.752V10.136H9.84156V11H6.28956V10.136H7.48956V7.616H6.32956V6.752H8.75356Z" fill="white"/>
 </g>
 <defs>
-<filter id="filter0_ii_134_1987" x="1" y="1" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="2" dy="2"/>
-<feGaussianBlur stdDeviation="4"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.33 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_134_1987"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect2_innerShadow_134_1987"/>
-<feOffset/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.33 0"/>
-<feBlend mode="hard-light" in2="effect1_innerShadow_134_1987" result="effect2_innerShadow_134_1987"/>
-</filter>
-<linearGradient id="paint0_linear_134_1987" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
-<stop stop-color="#354F84"/>
-<stop offset="1" stop-color="#478DCF"/>
+<radialGradient id="paint0_radial_134_1987" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13 13) rotate(-135) scale(14.1421 14.185)">
+<stop offset="0.33147" stop-color="#6187B2"/>
+<stop offset="1" stop-color="#B7D2F2" stop-opacity="0.956863"/>
+</radialGradient>
+<linearGradient id="paint1_linear_134_1987" x1="13" y1="13" x2="3" y2="3" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3F6FAB" stop-opacity="0.956863"/>
+<stop offset="1" stop-color="#B7D2F2" stop-opacity="0.956863"/>
 </linearGradient>
 <clipPath id="clip0_134_1987">
 <rect width="16" height="16" fill="white"/>
diff --git a/icons/Key.svg b/icons/Key.svg
index 98be72a..31ca3b9 100644
--- a/icons/Key.svg
+++ b/icons/Key.svg
@@ -1,42 +1,42 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_504_8740)">
-<mask id="path-1-outside-1_504_8740" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16" fill="black">
+<g clip-path="url(#clip0_714_8996)">
+<mask id="path-1-outside-1_714_8996" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16" fill="black">
 <rect fill="white" width="16" height="16"/>
 <path d="M1 12V14C1 14.5523 1.44772 15 2 15H3.58579C3.851 15 4.10536 14.8946 4.29289 14.7071L9.5 9.5L7 7L5 9H3.5C3.22386 9 3 9.22386 3 9.5V11H1.5C1.22386 11 1 11.2239 1 11.5V12Z"/>
 <path d="M6 4V6L7 7L9.5 9.5L10 10H12L15 7V5L11 1H9L6 4Z"/>
 </mask>
-<path d="M1 12V14C1 14.5523 1.44772 15 2 15H3.58579C3.851 15 4.10536 14.8946 4.29289 14.7071L9.5 9.5L7 7L5 9H3.5C3.22386 9 3 9.22386 3 9.5V11H1.5C1.22386 11 1 11.2239 1 11.5V12Z" fill="url(#paint0_linear_504_8740)"/>
-<path d="M6 4V6L7 7L9.5 9.5L10 10H12L15 7V5L11 1H9L6 4Z" fill="url(#paint1_linear_504_8740)"/>
-<path d="M6.64645 7.35355L9.14645 9.85355L9.85355 9.14645L7.35355 6.64645L6.64645 7.35355ZM11.1464 3.35355L12.1464 4.35355L12.8536 3.64645L11.8536 2.64645L11.1464 3.35355ZM12.1464 4.35355L12.6464 4.85355L13.3536 4.14645L12.8536 3.64645L12.1464 4.35355ZM6 6H5C5 6.26522 5.10536 6.51957 5.29289 6.70711L6 6ZM6 4L5.29289 3.29289C5.10536 3.48043 5 3.73478 5 4H6ZM9 1V0C8.73478 0 8.48043 0.105357 8.29289 0.292893L9 1ZM11 1L11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0V1ZM15 5H16C16 4.73478 15.8946 4.48043 15.7071 4.29289L15 5ZM15 7L15.7071 7.70711C15.8946 7.51957 16 7.26522 16 7H15ZM12 10V11C12.2652 11 12.5196 10.8946 12.7071 10.7071L12 10ZM10 10L9.29289 10.7071C9.48043 10.8946 9.73478 11 10 11V10ZM3 11V12H4V11H3ZM7 7L7.70711 7.70711L8.41421 7L7.70711 6.29289L7 7ZM5 9V10H5.41421L5.70711 9.70711L5 9ZM9.5 9.5L10.2071 8.79289L9.5 8.08579L8.79289 8.79289L9.5 9.5ZM4.29289 14.7071L5 15.4142L4.29289 14.7071ZM2 14V12H0V14H2ZM7 6V4H5V6H7ZM6.70711 4.70711L9.70711 1.70711L8.29289 0.292893L5.29289 3.29289L6.70711 4.70711ZM9 2H11V0H9V2ZM10.2929 1.70711L14.2929 5.70711L15.7071 4.29289L11.7071 0.292893L10.2929 1.70711ZM14 5V7H16V5H14ZM14.2929 6.29289L11.2929 9.29289L12.7071 10.7071L15.7071 7.70711L14.2929 6.29289ZM3.58579 14H2V16H3.58579V14ZM12 9H10V11H12V9ZM0 14C0 15.1046 0.89543 16 2 16V14H2H0ZM7.70711 6.29289L6.70711 5.29289L5.29289 6.70711L6.29289 7.70711L7.70711 6.29289ZM4 11V9.5H2V11H4ZM2 12V11.5H0V12H2ZM1.5 12H3V10H1.5V12ZM3.5 10H5V8H3.5V10ZM5.70711 9.70711L7.70711 7.70711L6.29289 6.29289L4.29289 8.29289L5.70711 9.70711ZM8.79289 10.2071L9.29289 10.7071L10.7071 9.29289L10.2071 8.79289L8.79289 10.2071ZM5 15.4142L10.2071 10.2071L8.79289 8.79289L3.58579 14L5 15.4142ZM2 11.5C2 11.7761 1.77614 12 1.5 12V10C0.671573 10 0 10.6716 0 11.5H2ZM4 9.5C4 9.77614 3.77614 10 3.5 10V8C2.67157 8 2 8.67157 2 9.5H4ZM3.58579 16C4.11622 16 4.62493 15.7893 5 15.4142L3.58579 14L3.58579 14V16Z" fill="url(#paint2_linear_504_8740)" mask="url(#path-1-outside-1_504_8740)"/>
-<path d="M2 14L8.5 7.5" stroke="url(#paint3_linear_504_8740)" stroke-linecap="round"/>
-<path d="M1.5 14V12V11.5H2.5C3.05228 11.5 3.5 11.0523 3.5 10.5V9.5H4.79289C5.05811 9.5 5.31246 9.39464 5.5 9.20711L7.21213 7.49497C7.4855 7.22161 7.4855 6.77839 7.21213 6.50503L6.5 5.79289V4.20711L9.20711 1.5H10.7929L14.5 5.20711V6.79289L11.7929 9.5H10.2071L9.99498 9.28787C9.72161 9.0145 9.27839 9.0145 9.00502 9.28787L3.93934 14.3536C3.84557 14.4473 3.71839 14.5 3.58579 14.5H2C1.72386 14.5 1.5 14.2761 1.5 14Z" stroke="url(#paint4_linear_504_8740)" stroke-linejoin="round"/>
+<path d="M1 12V14C1 14.5523 1.44772 15 2 15H3.58579C3.851 15 4.10536 14.8946 4.29289 14.7071L9.5 9.5L7 7L5 9H3.5C3.22386 9 3 9.22386 3 9.5V11H1.5C1.22386 11 1 11.2239 1 11.5V12Z" fill="url(#paint0_linear_714_8996)"/>
+<path d="M6 4V6L7 7L9.5 9.5L10 10H12L15 7V5L11 1H9L6 4Z" fill="url(#paint1_linear_714_8996)"/>
+<path d="M6.64645 7.35355L9.14645 9.85355L9.85355 9.14645L7.35355 6.64645L6.64645 7.35355ZM11.1464 3.35355L12.1464 4.35355L12.8536 3.64645L11.8536 2.64645L11.1464 3.35355ZM12.1464 4.35355L12.6464 4.85355L13.3536 4.14645L12.8536 3.64645L12.1464 4.35355ZM6 6H5C5 6.26522 5.10536 6.51957 5.29289 6.70711L6 6ZM6 4L5.29289 3.29289C5.10536 3.48043 5 3.73478 5 4H6ZM9 1V0C8.73478 0 8.48043 0.105357 8.29289 0.292893L9 1ZM11 1L11.7071 0.292893C11.5196 0.105357 11.2652 0 11 0V1ZM15 5H16C16 4.73478 15.8946 4.48043 15.7071 4.29289L15 5ZM15 7L15.7071 7.70711C15.8946 7.51957 16 7.26522 16 7H15ZM12 10V11C12.2652 11 12.5196 10.8946 12.7071 10.7071L12 10ZM10 10L9.29289 10.7071C9.48043 10.8946 9.73478 11 10 11V10ZM3 11V12H4V11H3ZM7 7L7.70711 7.70711L8.41421 7L7.70711 6.29289L7 7ZM5 9V10H5.41421L5.70711 9.70711L5 9ZM9.5 9.5L10.2071 8.79289L9.5 8.08579L8.79289 8.79289L9.5 9.5ZM4.29289 14.7071L5 15.4142L4.29289 14.7071ZM2 14V12H0V14H2ZM7 6V4H5V6H7ZM6.70711 4.70711L9.70711 1.70711L8.29289 0.292893L5.29289 3.29289L6.70711 4.70711ZM9 2H11V0H9V2ZM10.2929 1.70711L14.2929 5.70711L15.7071 4.29289L11.7071 0.292893L10.2929 1.70711ZM14 5V7H16V5H14ZM14.2929 6.29289L11.2929 9.29289L12.7071 10.7071L15.7071 7.70711L14.2929 6.29289ZM3.58579 14H2V16H3.58579V14ZM12 9H10V11H12V9ZM0 14C0 15.1046 0.89543 16 2 16V14H2H0ZM7.70711 6.29289L6.70711 5.29289L5.29289 6.70711L6.29289 7.70711L7.70711 6.29289ZM4 11V9.5H2V11H4ZM2 12V11.5H0V12H2ZM1.5 12H3V10H1.5V12ZM3.5 10H5V8H3.5V10ZM5.70711 9.70711L7.70711 7.70711L6.29289 6.29289L4.29289 8.29289L5.70711 9.70711ZM8.79289 10.2071L9.29289 10.7071L10.7071 9.29289L10.2071 8.79289L8.79289 10.2071ZM5 15.4142L10.2071 10.2071L8.79289 8.79289L3.58579 14L5 15.4142ZM2 11.5C2 11.7761 1.77614 12 1.5 12V10C0.671573 10 0 10.6716 0 11.5H2ZM4 9.5C4 9.77614 3.77614 10 3.5 10V8C2.67157 8 2 8.67157 2 9.5H4ZM3.58579 16C4.11622 16 4.62493 15.7893 5 15.4142L3.58579 14V16Z" fill="url(#paint2_linear_714_8996)" mask="url(#path-1-outside-1_714_8996)"/>
+<path d="M2 14L8.5 7.5" stroke="url(#paint3_linear_714_8996)" stroke-linecap="round"/>
+<path d="M1.5 14V12V11.5H2.5C3.05228 11.5 3.5 11.0523 3.5 10.5V9.5H4.79289C5.05811 9.5 5.31246 9.39464 5.5 9.20711L7.21213 7.49497C7.4855 7.22161 7.4855 6.77839 7.21213 6.50503L6.5 5.79289V4.20711L9.20711 1.5H10.7929L14.5 5.20711V6.79289L11.7929 9.5H10.2071L9.99498 9.28787C9.72161 9.0145 9.27839 9.0145 9.00502 9.28787L3.93934 14.3536C3.84557 14.4473 3.71839 14.5 3.58579 14.5H2C1.72386 14.5 1.5 14.2761 1.5 14Z" stroke="url(#paint4_linear_714_8996)" stroke-linejoin="round"/>
 <path d="M11.4393 3.64645L12.2723 4.47945C12.1931 4.456 12.1202 4.41305 12.0607 4.35355L11.6464 3.93934C11.4279 3.72084 11.149 3.57671 10.8489 3.52325C10.8966 3.50815 10.9473 3.5 11 3.5H11.0858C11.2184 3.5 11.3456 3.55268 11.4393 3.64645Z" stroke="#E3AC42" stroke-linecap="round"/>
 <path d="M11.9393 6H12C12.5523 6 13 5.55228 13 5H12.4142C12.149 5 11.8946 4.89464 11.7071 4.70711L11.2929 4.29289C11.1054 4.10536 10.851 4 10.5858 4H10V4.08579C10 4.351 10.1054 4.60536 10.2929 4.79289L11.1893 5.68934C11.3883 5.88825 11.658 6 11.9393 6Z" fill="#FDF7C2"/>
 </g>
 <defs>
-<linearGradient id="paint0_linear_504_8740" x1="1" y1="1" x2="15" y2="15" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_714_8996" x1="1" y1="1" x2="15" y2="15" gradientUnits="userSpaceOnUse">
 <stop offset="0.282858" stop-color="#F9EB9E"/>
 <stop offset="0.523948" stop-color="#F5DB48"/>
 <stop offset="0.714183" stop-color="#EFC932"/>
 </linearGradient>
-<linearGradient id="paint1_linear_504_8740" x1="1" y1="1" x2="15" y2="15" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_714_8996" x1="1" y1="1" x2="15" y2="15" gradientUnits="userSpaceOnUse">
 <stop offset="0.282858" stop-color="#F9EB9E"/>
 <stop offset="0.523948" stop-color="#F5DB48"/>
 <stop offset="0.714183" stop-color="#EFC932"/>
 </linearGradient>
-<linearGradient id="paint2_linear_504_8740" x1="6.6" y1="2.86667" x2="11.2667" y2="11.2667" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint2_linear_714_8996" x1="6.6" y1="2.86667" x2="11.2667" y2="11.2667" gradientUnits="userSpaceOnUse">
 <stop stop-color="#E3B044"/>
 <stop offset="1" stop-color="#D67D29"/>
 </linearGradient>
-<linearGradient id="paint3_linear_504_8740" x1="9" y1="6.5" x2="2" y2="13.5" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint3_linear_714_8996" x1="9" y1="6.5" x2="2" y2="13.5" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F1D13D"/>
 <stop offset="1" stop-color="#EEC528"/>
 </linearGradient>
-<linearGradient id="paint4_linear_504_8740" x1="3.5" y1="5.5" x2="12" y2="11" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint4_linear_714_8996" x1="3.5" y1="5.5" x2="12" y2="11" gradientUnits="userSpaceOnUse">
 <stop stop-color="white"/>
 <stop offset="1" stop-color="#FCF3A0"/>
 </linearGradient>
-<clipPath id="clip0_504_8740">
+<clipPath id="clip0_714_8996">
 <rect width="16" height="16" fill="white"/>
 </clipPath>
 </defs>