From 3377bb2025df23500c4f0a33af421622fcf02ba1 Mon Sep 17 00:00:00 2001
From: Simon Priet <105607989+SimonPistache@users.noreply.github.com>
Date: Fri, 14 Mar 2025 16:45:56 +0100
Subject: [PATCH] fix(#179): Fix angular gradient not working (#224)

* fix(#179): Fix angular gradient not working on svg on CD, DVD and Color wheel icon.

* fix(#179): Fix related icons + Page white CD, Page white DVD, Drive CD
---
 icons/CD burn.svg        | 23 ++--------------------
 icons/CD edit.svg        | 23 ++--------------------
 icons/CD eject.svg       | 23 ++--------------------
 icons/CD go.svg          | 23 ++--------------------
 icons/CD.svg             | 33 +++++++-------------------------
 icons/Color wheel.svg    | 19 ++-----------------
 icons/DVD edit.svg       | 20 ++------------------
 icons/DVD error.svg      | 20 ++------------------
 icons/DVD go.svg         | 20 ++------------------
 icons/DVD key.svg        | 20 ++------------------
 icons/DVD link.svg       | 20 ++------------------
 icons/DVD.svg            | 20 ++------------------
 icons/Drive CD.svg       | 41 +++++++++++++---------------------------
 icons/Page white CD.svg  | 23 ++--------------------
 icons/Page white DVD.svg | 20 ++------------------
 15 files changed, 46 insertions(+), 302 deletions(-)

diff --git a/icons/CD burn.svg b/icons/CD burn.svg
index 300e2f9..77e253a 100644
--- a/icons/CD burn.svg	
+++ b/icons/CD burn.svg	
@@ -4,7 +4,7 @@
 <mask id="path-1-inside-1_135_3243" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_135_3243)"/>
+<g clip-path="url(#paint0_angular_135_3243_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(179, 217, 243, 1) 0deg,rgba(200, 237, 249, 1) 3.52214deg,rgba(254, 255, 255, 1) 20.2533deg,rgba(232, 247, 255, 1) 31.2867deg,rgba(241, 254, 255, 1) 54.4623deg,rgba(255, 255, 255, 1) 67.0121deg,rgba(148, 188, 231, 1) 72.317deg,rgba(196, 225, 255, 1) 109.826deg,rgba(148, 188, 231, 1) 111.588deg,rgba(186, 219, 254, 1) 173.66deg,rgba(241, 253, 255, 1) 222.879deg,rgba(151, 189, 236, 1) 225.026deg,rgba(200, 237, 249, 1) 228.18deg,rgba(148, 188, 231, 1) 243.669deg,rgba(178, 214, 251, 1) 316.332deg,rgba(255, 255, 255, 1) 318.437deg,rgba(186, 219, 254, 1) 337.38deg,rgba(151, 189, 236, 1) 355.047deg,rgba(179, 217, 243, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="#5988B9" mask="url(#path-1-inside-1_135_3243)"/>
 <mask id="path-3-inside-2_135_3243" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -18,26 +18,7 @@
 <path d="M14.9596 10.8568L15.7619 10.26L13.9002 7.75722L13.9598 10.8759L14.9596 10.8568ZM12.5089 11L11.5301 11.2047L11.5301 11.2047L12.5089 11ZM13.0681 8.13283L13.9966 8.50423L14.1679 8.07593L13.9533 7.6676L13.0681 8.13283ZM13 8L13.8944 7.55279L13.2209 6.20571L12.2407 7.34921L13 8ZM12.4752 8.58747L13.2151 9.26025V9.26025L12.4752 8.58747ZM15 13C15 13.5369 14.8199 14.0412 14.5026 14.3981C14.2016 14.7367 13.7286 15 13 15V17C14.2714 17 15.2984 16.5133 15.9974 15.7269C16.6801 14.9588 17 13.9631 17 13H15ZM14.1572 11.4537C14.4436 11.8386 14.6645 12.1616 14.8133 12.4457C14.9644 12.7342 15 12.9068 15 13H17C17 12.4489 16.8078 11.9431 16.585 11.5177C16.3598 11.0879 16.0605 10.6613 15.7619 10.26L14.1572 11.4537ZM13.9598 10.8759C13.9606 10.9192 13.9606 10.9584 13.9606 11H15.9606C15.9606 10.9592 15.9606 10.9024 15.9594 10.8377L13.9598 10.8759ZM13.9606 11C13.9606 10.919 13.9851 10.8744 13.9873 10.8706C13.9893 10.8672 13.9789 10.8853 13.9454 10.9126C13.913 10.939 13.8722 10.9631 13.8291 10.9795C13.7861 10.9959 13.7533 11 13.7348 11V13C14.3012 13 14.8257 12.7756 15.2097 12.4624C15.578 12.1619 15.9606 11.654 15.9606 11H13.9606ZM13.7348 11C13.6199 11 13.5753 10.9693 13.564 10.9604C13.556 10.9541 13.5139 10.9203 13.4877 10.7953L11.5301 11.2047C11.6401 11.731 11.9044 12.1972 12.3221 12.5281C12.7365 12.8563 13.2367 13 13.7348 13V11ZM13.4877 10.7953C13.4189 10.4664 13.445 9.88315 13.9966 8.50423L12.1396 7.76143C11.557 9.21801 11.3346 10.27 11.5301 11.2047L13.4877 10.7953ZM12.1056 8.44721C12.1309 8.49789 12.1567 8.54817 12.1829 8.59805L13.9533 7.6676C13.9332 7.62928 13.9135 7.59101 13.8944 7.55279L12.1056 8.44721ZM13.2151 9.26025C13.4039 9.05259 13.5931 8.84461 13.7593 8.65079L12.2407 7.34921C12.0975 7.51636 11.9294 7.70126 11.7354 7.91469L13.2151 9.26025ZM11 13C11 12.4324 11.2433 11.8112 11.6828 11.1376C12.12 10.4675 12.6838 9.84446 13.2151 9.26025L11.7354 7.91468C11.2205 8.48089 10.5466 9.21885 10.0078 10.0447C9.47122 10.8671 9 11.877 9 13H11ZM13 15C12.2714 15 11.7984 14.7367 11.4974 14.3981C11.1801 14.0412 11 13.5369 11 13H9C9 13.9631 9.3199 14.9588 10.0026 15.7269C10.7016 16.5133 11.7286 17 13 17V15Z" fill="url(#paint2_linear_135_3243)" mask="url(#path-5-inside-3_135_3243)"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_135_3243" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.00978372" stop-color="#C8EDF9"/>
-<stop offset="0.0562591" stop-color="#FEFFFF"/>
-<stop offset="0.0869076" stop-color="#E8F7FF"/>
-<stop offset="0.151284" stop-color="#F1FEFF"/>
-<stop offset="0.186145" stop-color="white"/>
-<stop offset="0.20088" stop-color="#94BCE7"/>
-<stop offset="0.305074" stop-color="#C5E1FF"/>
-<stop offset="0.309966" stop-color="#94BCE7"/>
-<stop offset="0.482388" stop-color="#BADBFE"/>
-<stop offset="0.619108" stop-color="#F1FDFF"/>
-<stop offset="0.625073" stop-color="#97BDEC"/>
-<stop offset="0.633833" stop-color="#C8EDF9"/>
-<stop offset="0.676859" stop-color="#94BCE7"/>
-<stop offset="0.878701" stop-color="#B2D6FB"/>
-<stop offset="0.884548" stop-color="white"/>
-<stop offset="0.937167" stop-color="#BADBFE"/>
-<stop offset="0.986241" stop-color="#97BDEC"/>
-</radialGradient>
-<linearGradient id="paint1_linear_135_3243" x1="13" y1="8" x2="13" y2="16" gradientUnits="userSpaceOnUse">
+<clipPath id="paint0_angular_135_3243_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><linearGradient id="paint1_linear_135_3243" x1="13" y1="8" x2="13" y2="16" gradientUnits="userSpaceOnUse">
 <stop offset="0.378063" stop-color="#FFE828"/>
 <stop offset="0.867036" stop-color="#F8AF18"/>
 </linearGradient>
diff --git a/icons/CD edit.svg b/icons/CD edit.svg
index 7c4c03e..522645b 100644
--- a/icons/CD edit.svg	
+++ b/icons/CD edit.svg	
@@ -4,7 +4,7 @@
 <mask id="path-1-inside-1_134_2310" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2310)"/>
+<g clip-path="url(#paint0_angular_134_2310_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(179, 217, 243, 1) 0deg,rgba(200, 237, 249, 1) 3.52214deg,rgba(254, 255, 255, 1) 20.2533deg,rgba(232, 247, 255, 1) 31.2867deg,rgba(241, 254, 255, 1) 54.4623deg,rgba(255, 255, 255, 1) 67.0121deg,rgba(148, 188, 231, 1) 72.317deg,rgba(196, 225, 255, 1) 109.826deg,rgba(148, 188, 231, 1) 111.588deg,rgba(186, 219, 254, 1) 173.66deg,rgba(241, 253, 255, 1) 222.879deg,rgba(151, 189, 236, 1) 225.026deg,rgba(200, 237, 249, 1) 228.18deg,rgba(148, 188, 231, 1) 243.669deg,rgba(178, 214, 251, 1) 316.332deg,rgba(255, 255, 255, 1) 318.437deg,rgba(186, 219, 254, 1) 337.38deg,rgba(151, 189, 236, 1) 355.047deg,rgba(179, 217, 243, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="#5988B9" mask="url(#path-1-inside-1_134_2310)"/>
 <mask id="path-3-inside-2_134_2310" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -20,26 +20,7 @@
 <path d="M14.1464 7.85356L14.5 8.20712L14.8536 7.85356C15.0768 7.63032 15.3397 7.23926 15.4185 6.75535C15.5023 6.24043 15.3688 5.66169 14.8536 5.14646C14.3383 4.63123 13.7596 4.49768 13.2447 4.58151C12.7607 4.66028 12.3697 4.92321 12.1464 5.14646L11.7929 5.50001L12.1464 5.85356L14.1464 7.85356Z" fill="url(#paint7_linear_134_2310)" stroke="url(#paint8_linear_134_2310)"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_134_2310" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.00978372" stop-color="#C8EDF9"/>
-<stop offset="0.0562591" stop-color="#FEFFFF"/>
-<stop offset="0.0869076" stop-color="#E8F7FF"/>
-<stop offset="0.151284" stop-color="#F1FEFF"/>
-<stop offset="0.186145" stop-color="white"/>
-<stop offset="0.20088" stop-color="#94BCE7"/>
-<stop offset="0.305074" stop-color="#C5E1FF"/>
-<stop offset="0.309966" stop-color="#94BCE7"/>
-<stop offset="0.482388" stop-color="#BADBFE"/>
-<stop offset="0.619108" stop-color="#F1FDFF"/>
-<stop offset="0.625073" stop-color="#97BDEC"/>
-<stop offset="0.633833" stop-color="#C8EDF9"/>
-<stop offset="0.676859" stop-color="#94BCE7"/>
-<stop offset="0.878701" stop-color="#B2D6FB"/>
-<stop offset="0.884548" stop-color="white"/>
-<stop offset="0.937167" stop-color="#BADBFE"/>
-<stop offset="0.986241" stop-color="#97BDEC"/>
-</radialGradient>
-<linearGradient id="paint1_linear_134_2310" x1="6.16667" y1="11.8889" x2="8.11111" y2="13.8333" gradientUnits="userSpaceOnUse">
+<clipPath id="paint0_angular_134_2310_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><linearGradient id="paint1_linear_134_2310" x1="6.16667" y1="11.8889" x2="8.11111" y2="13.8333" gradientUnits="userSpaceOnUse">
 <stop stop-color="#FAE7D1"/>
 <stop offset="1" stop-color="#E89840"/>
 </linearGradient>
diff --git a/icons/CD eject.svg b/icons/CD eject.svg
index dcc5ac7..8498a2b 100644
--- a/icons/CD eject.svg	
+++ b/icons/CD eject.svg	
@@ -4,7 +4,7 @@
 <mask id="path-1-inside-1_134_2323" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2323)"/>
+<g clip-path="url(#paint0_angular_134_2323_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(179, 217, 243, 1) 0deg,rgba(200, 237, 249, 1) 3.52214deg,rgba(254, 255, 255, 1) 20.2533deg,rgba(232, 247, 255, 1) 31.2867deg,rgba(241, 254, 255, 1) 54.4623deg,rgba(255, 255, 255, 1) 67.0121deg,rgba(148, 188, 231, 1) 72.317deg,rgba(196, 225, 255, 1) 109.826deg,rgba(148, 188, 231, 1) 111.588deg,rgba(186, 219, 254, 1) 173.66deg,rgba(241, 253, 255, 1) 222.879deg,rgba(151, 189, 236, 1) 225.026deg,rgba(200, 237, 249, 1) 228.18deg,rgba(148, 188, 231, 1) 243.669deg,rgba(178, 214, 251, 1) 316.332deg,rgba(255, 255, 255, 1) 318.437deg,rgba(186, 219, 254, 1) 337.38deg,rgba(151, 189, 236, 1) 355.047deg,rgba(179, 217, 243, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="#5988B9" mask="url(#path-1-inside-1_134_2323)"/>
 <mask id="path-3-inside-2_134_2323" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -18,26 +18,7 @@
 <path d="M11.5 6L12.2071 5.29289L11.5 4.58579L10.7929 5.29289L11.5 6ZM16 10.5H17V10.0858L16.7071 9.79289L16 10.5ZM7 10.5L6.29289 9.79289L6 10.0858V10.5H7ZM7 12H6V13H7V12ZM16 12V13H17V12H16ZM16 13H17V12H16V13ZM16 16V17H17V16H16ZM7 13V12H6V13H7ZM7 16H6V17H7V16ZM10.7929 6.70711L15.2929 11.2071L16.7071 9.79289L12.2071 5.29289L10.7929 6.70711ZM7.70711 11.2071L12.2071 6.70711L10.7929 5.29289L6.29289 9.79289L7.70711 11.2071ZM8 12V10.5H6V12H8ZM16 11H7V13H16V11ZM15 10.5V12H17V10.5H15ZM15 13V16H17V13H15ZM7 14H16V12H7V14ZM8 16V13H6V16H8ZM16 15H7V17H16V15Z" fill="url(#paint1_linear_134_2323)" mask="url(#path-5-inside-3_134_2323)"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_134_2323" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.00978372" stop-color="#C8EDF9"/>
-<stop offset="0.0562591" stop-color="#FEFFFF"/>
-<stop offset="0.0869076" stop-color="#E8F7FF"/>
-<stop offset="0.151284" stop-color="#F1FEFF"/>
-<stop offset="0.186145" stop-color="white"/>
-<stop offset="0.20088" stop-color="#94BCE7"/>
-<stop offset="0.305074" stop-color="#C5E1FF"/>
-<stop offset="0.309966" stop-color="#94BCE7"/>
-<stop offset="0.482388" stop-color="#BADBFE"/>
-<stop offset="0.619108" stop-color="#F1FDFF"/>
-<stop offset="0.625073" stop-color="#97BDEC"/>
-<stop offset="0.633833" stop-color="#C8EDF9"/>
-<stop offset="0.676859" stop-color="#94BCE7"/>
-<stop offset="0.878701" stop-color="#B2D6FB"/>
-<stop offset="0.884548" stop-color="white"/>
-<stop offset="0.937167" stop-color="#BADBFE"/>
-<stop offset="0.986241" stop-color="#97BDEC"/>
-</radialGradient>
-<linearGradient id="paint1_linear_134_2323" x1="9" y1="6" x2="15" y2="12" gradientUnits="userSpaceOnUse">
+<clipPath id="paint0_angular_134_2323_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><linearGradient id="paint1_linear_134_2323" x1="9" y1="6" x2="15" y2="12" gradientUnits="userSpaceOnUse">
 <stop stop-color="#CCCCCC"/>
 <stop offset="0.5" stop-color="#8D8D8D" stop-opacity="0.988235"/>
 <stop offset="1" stop-color="#545454"/>
diff --git a/icons/CD go.svg b/icons/CD go.svg
index c319661..9f40b5b 100644
--- a/icons/CD go.svg	
+++ b/icons/CD go.svg	
@@ -4,7 +4,7 @@
 <mask id="path-1-inside-1_134_2349" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2349)"/>
+<g clip-path="url(#paint0_angular_134_2349_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(179, 217, 243, 1) 0deg,rgba(200, 237, 249, 1) 3.52214deg,rgba(254, 255, 255, 1) 20.2533deg,rgba(232, 247, 255, 1) 31.2867deg,rgba(241, 254, 255, 1) 54.4623deg,rgba(255, 255, 255, 1) 67.0121deg,rgba(148, 188, 231, 1) 72.317deg,rgba(196, 225, 255, 1) 109.826deg,rgba(148, 188, 231, 1) 111.588deg,rgba(186, 219, 254, 1) 173.66deg,rgba(241, 253, 255, 1) 222.879deg,rgba(151, 189, 236, 1) 225.026deg,rgba(200, 237, 249, 1) 228.18deg,rgba(148, 188, 231, 1) 243.669deg,rgba(178, 214, 251, 1) 316.332deg,rgba(255, 255, 255, 1) 318.437deg,rgba(186, 219, 254, 1) 337.38deg,rgba(151, 189, 236, 1) 355.047deg,rgba(179, 217, 243, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="#5988B9" mask="url(#path-1-inside-1_134_2349)"/>
 <mask id="path-3-inside-2_134_2349" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -18,7 +18,7 @@
 <path d="M7.5 12.5V10.5H10C10.7149 10.5 11.2659 10.0257 11.4412 9.41686L13.7531 11.5L11.4413 13.5831C11.263 12.9643 10.6975 12.5 10.0049 12.5H7.5Z" stroke="white" stroke-opacity="0.2" stroke-linejoin="round"/>
 </g>
 <defs>
-<filter id="filter0_i_134_2349" x="6" y="7" width="12" height="11" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<clipPath id="paint0_angular_134_2349_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><filter id="filter0_i_134_2349" x="6" y="7" width="12" height="11" 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"/>
@@ -28,25 +28,6 @@
 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
 <feBlend mode="normal" in2="shape" result="effect1_innerShadow_134_2349"/>
 </filter>
-<radialGradient id="paint0_angular_134_2349" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.00978372" stop-color="#C8EDF9"/>
-<stop offset="0.0562591" stop-color="#FEFFFF"/>
-<stop offset="0.0869076" stop-color="#E8F7FF"/>
-<stop offset="0.151284" stop-color="#F1FEFF"/>
-<stop offset="0.186145" stop-color="white"/>
-<stop offset="0.20088" stop-color="#94BCE7"/>
-<stop offset="0.305074" stop-color="#C5E1FF"/>
-<stop offset="0.309966" stop-color="#94BCE7"/>
-<stop offset="0.482388" stop-color="#BADBFE"/>
-<stop offset="0.619108" stop-color="#F1FDFF"/>
-<stop offset="0.625073" stop-color="#97BDEC"/>
-<stop offset="0.633833" stop-color="#C8EDF9"/>
-<stop offset="0.676859" stop-color="#94BCE7"/>
-<stop offset="0.878701" stop-color="#B2D6FB"/>
-<stop offset="0.884548" stop-color="white"/>
-<stop offset="0.937167" stop-color="#BADBFE"/>
-<stop offset="0.986241" stop-color="#97BDEC"/>
-</radialGradient>
 <linearGradient id="paint1_linear_134_2349" x1="14.5714" y1="14.7143" x2="8.17837" y2="7.61089" gradientUnits="userSpaceOnUse">
 <stop stop-color="#247C10"/>
 <stop offset="1" stop-color="#6FA53D"/>
diff --git a/icons/CD.svg b/icons/CD.svg
index 9c18b16..6856212 100644
--- a/icons/CD.svg
+++ b/icons/CD.svg
@@ -1,36 +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_2362)">
-<mask id="path-1-inside-1_134_2362" fill="white">
+<g clip-path="url(#clip0_741_15138)">
+<mask id="path-1-inside-1_741_15138" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2362)"/>
-<path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="#5988B9" mask="url(#path-1-inside-1_134_2362)"/>
-<mask id="path-3-inside-2_134_2362" fill="white">
+<g clip-path="url(#paint0_angular_741_15138_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(179, 217, 243, 1) 0deg,rgba(200, 237, 249, 1) 3.52214deg,rgba(254, 255, 255, 1) 20.2533deg,rgba(232, 247, 255, 1) 31.2867deg,rgba(241, 254, 255, 1) 54.4623deg,rgba(255, 255, 255, 1) 67.0121deg,rgba(148, 188, 231, 1) 72.317deg,rgba(196, 225, 255, 1) 109.826deg,rgba(148, 188, 231, 1) 111.588deg,rgba(186, 219, 254, 1) 173.66deg,rgba(241, 253, 255, 1) 222.879deg,rgba(151, 189, 236, 1) 225.026deg,rgba(200, 237, 249, 1) 228.18deg,rgba(148, 188, 231, 1) 243.669deg,rgba(178, 214, 251, 1) 316.332deg,rgba(255, 255, 255, 1) 318.437deg,rgba(186, 219, 254, 1) 337.38deg,rgba(151, 189, 236, 1) 355.047deg,rgba(179, 217, 243, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="#5988B9" mask="url(#path-1-inside-1_741_15138)"/>
+<mask id="path-3-inside-2_741_15138" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
 </mask>
-<path d="M14 8C14 11.3137 11.3137 14 8 14V16C12.4183 16 16 12.4183 16 8H14ZM8 2C11.3137 2 14 4.68629 14 8H16C16 3.58172 12.4183 0 8 0V2ZM2 8C2 4.68629 4.68629 2 8 2V0C3.58172 0 0 3.58172 0 8H2ZM8 14C4.68629 14 2 11.3137 2 8H0C0 12.4183 3.58172 16 8 16V14ZM9 8C9 8.55228 8.55228 9 8 9V11C9.65685 11 11 9.65685 11 8H9ZM8 7C8.55228 7 9 7.44772 9 8H11C11 6.34315 9.65685 5 8 5V7ZM7 8C7 7.44772 7.44772 7 8 7V5C6.34315 5 5 6.34315 5 8H7ZM8 9C7.44772 9 7 8.55228 7 8H5C5 9.65685 6.34315 11 8 11V9Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-3-inside-2_134_2362)"/>
+<path d="M14 8C14 11.3137 11.3137 14 8 14V16C12.4183 16 16 12.4183 16 8H14ZM8 2C11.3137 2 14 4.68629 14 8H16C16 3.58172 12.4183 0 8 0V2ZM2 8C2 4.68629 4.68629 2 8 2V0C3.58172 0 0 3.58172 0 8H2ZM8 14C4.68629 14 2 11.3137 2 8H0C0 12.4183 3.58172 16 8 16V14ZM9 8C9 8.55228 8.55228 9 8 9V11C9.65685 11 11 9.65685 11 8H9ZM8 7C8.55228 7 9 7.44772 9 8H11C11 6.34315 9.65685 5 8 5V7ZM7 8C7 7.44772 7.44772 7 8 7V5C6.34315 5 5 6.34315 5 8H7ZM8 9C7.44772 9 7 8.55228 7 8H5C5 9.65685 6.34315 11 8 11V9Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-3-inside-2_741_15138)"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_134_2362" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.00978372" stop-color="#C8EDF9"/>
-<stop offset="0.0562591" stop-color="#FEFFFF"/>
-<stop offset="0.0869076" stop-color="#E8F7FF"/>
-<stop offset="0.151284" stop-color="#F1FEFF"/>
-<stop offset="0.186145" stop-color="white"/>
-<stop offset="0.20088" stop-color="#94BCE7"/>
-<stop offset="0.305074" stop-color="#C5E1FF"/>
-<stop offset="0.309966" stop-color="#94BCE7"/>
-<stop offset="0.482388" stop-color="#BADBFE"/>
-<stop offset="0.619108" stop-color="#F1FDFF"/>
-<stop offset="0.625073" stop-color="#97BDEC"/>
-<stop offset="0.633833" stop-color="#C8EDF9"/>
-<stop offset="0.676859" stop-color="#94BCE7"/>
-<stop offset="0.878701" stop-color="#B2D6FB"/>
-<stop offset="0.884548" stop-color="white"/>
-<stop offset="0.937167" stop-color="#BADBFE"/>
-<stop offset="0.986241" stop-color="#97BDEC"/>
-</radialGradient>
-<clipPath id="clip0_134_2362">
+<clipPath id="paint0_angular_741_15138_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><clipPath id="clip0_741_15138">
 <rect width="16" height="16" fill="white"/>
 </clipPath>
 </defs>
diff --git a/icons/Color wheel.svg b/icons/Color wheel.svg
index 06fcd1a..d3ac76f 100644
--- a/icons/Color wheel.svg	
+++ b/icons/Color wheel.svg	
@@ -1,27 +1,12 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_188_3282)">
-<circle cx="8" cy="8" r="8" fill="url(#paint0_angular_188_3282)"/>
+<g clip-path="url(#paint0_angular_188_3282_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.008 -0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(127, 0, 255, 1) 0deg,rgba(0, 0, 255, 1) 25.2deg,rgba(0, 127, 255, 1) 54deg,rgba(0, 255, 255, 1) 90.1228deg,rgba(0, 255, 127, 1) 124.2deg,rgba(0, 255, 0, 1) 150.923deg,rgba(127, 255, 0, 1) 179.471deg,rgba(255, 255, 12, 1) 210.6deg,rgba(255, 127, 0, 1) 240.044deg,rgba(255, 0, 0, 1) 268.657deg,rgba(255, 0, 127, 1) 296.68deg,rgba(255, 0, 255, 1) 326.947deg,rgba(127, 0, 254, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><circle cx="8" cy="8" r="8" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.49999997019767761,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.070000000298023224},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.50,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15000000596046448},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.25034114718437195},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.34499999880790710},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.41923147439956665},{&#34;color&#34;:{&#34;r&#34;:0.50,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.49852919578552246},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:0.047070313245058060,&#34;a&#34;:1.0},&#34;position&#34;:0.58499997854232788},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.50,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.66678863763809204},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.74626994132995605},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.82411247491836548},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.90818727016448975},{&#34;color&#34;:{&#34;r&#34;:0.49882811307907104,&#34;g&#34;:0.0,&#34;b&#34;:0.99765622615814209,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.49999997019767761,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.070000000298023224},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.50,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15000000596046448},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.25034114718437195},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.34499999880790710},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.41923147439956665},{&#34;color&#34;:{&#34;r&#34;:0.50,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.49852919578552246},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:0.047070313245058060,&#34;a&#34;:1.0},&#34;position&#34;:0.58499997854232788},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.50,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.66678863763809204},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.74626994132995605},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.82411247491836548},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.90818727016448975},{&#34;color&#34;:{&#34;r&#34;:0.49882811307907104,&#34;g&#34;:0.0,&#34;b&#34;:0.99765622615814209,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;transform&#34;:{&#34;m00&#34;:9.7971748206813428e-16,&#34;m01&#34;:-16.0,&#34;m02&#34;:16.0,&#34;m10&#34;:16.0,&#34;m11&#34;:9.7971748206813428e-16,&#34;m12&#34;:-9.7971748206813428e-16},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <circle cx="8" cy="8" r="8" fill="url(#paint1_radial_188_3282)"/>
 <circle cx="8" cy="8" r="7.5" stroke="black" stroke-opacity="0.33"/>
 <circle cx="8" cy="8" r="6.5" stroke="white" stroke-opacity="0.5"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_188_3282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(90) scale(8)">
-<stop stop-color="#7F00FF"/>
-<stop offset="0.07" stop-color="#0000FF"/>
-<stop offset="0.15" stop-color="#0080FF"/>
-<stop offset="0.250341" stop-color="#00FFFF"/>
-<stop offset="0.345" stop-color="#00FF80"/>
-<stop offset="0.419231" stop-color="#00FF00"/>
-<stop offset="0.498529" stop-color="#80FF00"/>
-<stop offset="0.585" stop-color="#FFFF0C"/>
-<stop offset="0.666789" stop-color="#FF8000"/>
-<stop offset="0.74627" stop-color="#FF0000"/>
-<stop offset="0.824112" stop-color="#FF0080"/>
-<stop offset="0.908187" stop-color="#FF00FF"/>
-<stop offset="1" stop-color="#7F00FE"/>
-</radialGradient>
-<radialGradient id="paint1_radial_188_3282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(90) scale(8)">
+<clipPath id="paint0_angular_188_3282_clip_path"><circle cx="8" cy="8" r="8"/></clipPath><radialGradient id="paint1_radial_188_3282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(90) scale(8)">
 <stop stop-color="white"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </radialGradient>
diff --git a/icons/DVD edit.svg b/icons/DVD edit.svg
index 3d0304e..c16c112 100644
--- a/icons/DVD edit.svg	
+++ b/icons/DVD edit.svg	
@@ -5,7 +5,7 @@
 <mask id="path-1-inside-1_134_2483" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2483)"/>
+<g clip-path="url(#paint0_angular_134_2483_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(213, 213, 213, 1) 0deg,rgba(255, 255, 255, 1) 19.8434deg,rgba(255, 244, 183, 1) 31.0548deg,rgba(255, 237, 136, 1) 55.8443deg,rgba(255, 255, 255, 1) 72.1291deg,rgba(237, 237, 237, 1) 76.4907deg,rgba(152, 214, 255, 1) 107.426deg,rgba(235, 235, 235, 1) 110.724deg,rgba(191, 243, 158, 1) 223.79deg,rgba(194, 194, 194, 1) 226.086deg,rgba(255, 255, 255, 1) 230.029deg,rgba(210, 210, 210, 1) 243.225deg,rgba(231, 231, 231, 1) 316.155deg,rgba(255, 255, 255, 1) 317.595deg,rgba(201, 201, 201, 1) 354.309deg,rgba(213, 213, 213, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="url(#paint1_linear_134_2483)" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-1-inside-1_134_2483)"/>
 <mask id="path-3-inside-2_134_2483" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -24,23 +24,7 @@
 <path d="M14.1464 7.85356L14.5 8.20712L14.8536 7.85356C15.0768 7.63032 15.3397 7.23926 15.4185 6.75535C15.5023 6.24043 15.3688 5.66169 14.8536 5.14646C14.3383 4.63123 13.7596 4.49768 13.2447 4.58151C12.7607 4.66028 12.3697 4.92321 12.1464 5.14646L11.7929 5.50001L12.1464 5.85356L14.1464 7.85356Z" fill="url(#paint8_linear_134_2483)" stroke="url(#paint9_linear_134_2483)"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_134_2483" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.0551205" stop-color="white"/>
-<stop offset="0.0862633" stop-color="#FFF4B8"/>
-<stop offset="0.155123" stop-color="#FFEE88"/>
-<stop offset="0.200359" stop-color="white"/>
-<stop offset="0.212474" stop-color="#EDEDED"/>
-<stop offset="0.298406" stop-color="#99D7FF"/>
-<stop offset="0.307567" stop-color="#ECECEC"/>
-<stop offset="0.621638" stop-color="#C0F39F"/>
-<stop offset="0.628017" stop-color="#C2C2C2"/>
-<stop offset="0.638971" stop-color="white"/>
-<stop offset="0.675625" stop-color="#D2D2D2"/>
-<stop offset="0.878207" stop-color="#E7E7E7"/>
-<stop offset="0.882207" stop-color="white"/>
-<stop offset="0.984191" stop-color="#CACACA"/>
-</radialGradient>
-<linearGradient id="paint1_linear_134_2483" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
+<clipPath id="paint0_angular_134_2483_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><linearGradient id="paint1_linear_134_2483" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
 <stop/>
 <stop offset="1" stop-color="#666666"/>
 </linearGradient>
diff --git a/icons/DVD error.svg b/icons/DVD error.svg
index d99b5b7..82efe5c 100644
--- a/icons/DVD error.svg	
+++ b/icons/DVD error.svg	
@@ -5,7 +5,7 @@
 <mask id="path-1-inside-1_134_2498" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2498)"/>
+<g clip-path="url(#paint0_angular_134_2498_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(213, 213, 213, 1) 0deg,rgba(255, 255, 255, 1) 19.8434deg,rgba(255, 244, 183, 1) 31.0548deg,rgba(255, 237, 136, 1) 55.8443deg,rgba(255, 255, 255, 1) 72.1291deg,rgba(237, 237, 237, 1) 76.4907deg,rgba(152, 214, 255, 1) 107.426deg,rgba(235, 235, 235, 1) 110.724deg,rgba(191, 243, 158, 1) 223.79deg,rgba(194, 194, 194, 1) 226.086deg,rgba(255, 255, 255, 1) 230.029deg,rgba(210, 210, 210, 1) 243.225deg,rgba(231, 231, 231, 1) 316.155deg,rgba(255, 255, 255, 1) 317.595deg,rgba(201, 201, 201, 1) 354.309deg,rgba(213, 213, 213, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="url(#paint1_linear_134_2498)" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-1-inside-1_134_2498)"/>
 <mask id="path-3-inside-2_134_2498" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -20,23 +20,7 @@
 <path d="M10.5 10V12M10.5 13V14" stroke="#C28731" stroke-linejoin="round"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_134_2498" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.0551205" stop-color="white"/>
-<stop offset="0.0862633" stop-color="#FFF4B8"/>
-<stop offset="0.155123" stop-color="#FFEE88"/>
-<stop offset="0.200359" stop-color="white"/>
-<stop offset="0.212474" stop-color="#EDEDED"/>
-<stop offset="0.298406" stop-color="#99D7FF"/>
-<stop offset="0.307567" stop-color="#ECECEC"/>
-<stop offset="0.621638" stop-color="#C0F39F"/>
-<stop offset="0.628017" stop-color="#C2C2C2"/>
-<stop offset="0.638971" stop-color="white"/>
-<stop offset="0.675625" stop-color="#D2D2D2"/>
-<stop offset="0.878207" stop-color="#E7E7E7"/>
-<stop offset="0.882207" stop-color="white"/>
-<stop offset="0.984191" stop-color="#CACACA"/>
-</radialGradient>
-<linearGradient id="paint1_linear_134_2498" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
+<clipPath id="paint0_angular_134_2498_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><linearGradient id="paint1_linear_134_2498" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
 <stop/>
 <stop offset="1" stop-color="#666666"/>
 </linearGradient>
diff --git a/icons/DVD go.svg b/icons/DVD go.svg
index a3dd68e..e97c6bd 100644
--- a/icons/DVD go.svg	
+++ b/icons/DVD go.svg	
@@ -5,7 +5,7 @@
 <mask id="path-1-inside-1_134_2574" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2574)"/>
+<g clip-path="url(#paint0_angular_134_2574_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(213, 213, 213, 1) 0deg,rgba(255, 255, 255, 1) 19.8434deg,rgba(255, 244, 183, 1) 31.0548deg,rgba(255, 237, 136, 1) 55.8443deg,rgba(255, 255, 255, 1) 72.1291deg,rgba(237, 237, 237, 1) 76.4907deg,rgba(152, 214, 255, 1) 107.426deg,rgba(235, 235, 235, 1) 110.724deg,rgba(191, 243, 158, 1) 223.79deg,rgba(194, 194, 194, 1) 226.086deg,rgba(255, 255, 255, 1) 230.029deg,rgba(210, 210, 210, 1) 243.225deg,rgba(231, 231, 231, 1) 316.155deg,rgba(255, 255, 255, 1) 317.595deg,rgba(201, 201, 201, 1) 354.309deg,rgba(213, 213, 213, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="url(#paint1_linear_134_2574)" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-1-inside-1_134_2574)"/>
 <mask id="path-3-inside-2_134_2574" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -22,7 +22,7 @@
 <path d="M7.5 12.5V10.5H10C10.7149 10.5 11.2659 10.0257 11.4412 9.41686L13.7531 11.5L11.4413 13.5831C11.263 12.9643 10.6975 12.5 10.0049 12.5H7.5Z" stroke="white" stroke-opacity="0.2" stroke-linejoin="round"/>
 </g>
 <defs>
-<filter id="filter0_i_134_2574" x="6" y="7" width="12" height="11" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<clipPath id="paint0_angular_134_2574_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><filter id="filter0_i_134_2574" x="6" y="7" width="12" height="11" 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,22 +32,6 @@
 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
 <feBlend mode="normal" in2="shape" result="effect1_innerShadow_134_2574"/>
 </filter>
-<radialGradient id="paint0_angular_134_2574" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.0551205" stop-color="white"/>
-<stop offset="0.0862633" stop-color="#FFF4B8"/>
-<stop offset="0.155123" stop-color="#FFEE88"/>
-<stop offset="0.200359" stop-color="white"/>
-<stop offset="0.212474" stop-color="#EDEDED"/>
-<stop offset="0.298406" stop-color="#99D7FF"/>
-<stop offset="0.307567" stop-color="#ECECEC"/>
-<stop offset="0.621638" stop-color="#C0F39F"/>
-<stop offset="0.628017" stop-color="#C2C2C2"/>
-<stop offset="0.638971" stop-color="white"/>
-<stop offset="0.675625" stop-color="#D2D2D2"/>
-<stop offset="0.878207" stop-color="#E7E7E7"/>
-<stop offset="0.882207" stop-color="white"/>
-<stop offset="0.984191" stop-color="#CACACA"/>
-</radialGradient>
 <linearGradient id="paint1_linear_134_2574" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
 <stop/>
 <stop offset="1" stop-color="#666666"/>
diff --git a/icons/DVD key.svg b/icons/DVD key.svg
index b2c0702..6509d9f 100644
--- a/icons/DVD key.svg	
+++ b/icons/DVD key.svg	
@@ -5,7 +5,7 @@
 <mask id="path-1-inside-1_134_2588" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2588)"/>
+<g clip-path="url(#paint0_angular_134_2588_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(213, 213, 213, 1) 0deg,rgba(255, 255, 255, 1) 19.8434deg,rgba(255, 244, 183, 1) 31.0548deg,rgba(255, 237, 136, 1) 55.8443deg,rgba(255, 255, 255, 1) 72.1291deg,rgba(237, 237, 237, 1) 76.4907deg,rgba(152, 214, 255, 1) 107.426deg,rgba(235, 235, 235, 1) 110.724deg,rgba(191, 243, 158, 1) 223.79deg,rgba(194, 194, 194, 1) 226.086deg,rgba(255, 255, 255, 1) 230.029deg,rgba(210, 210, 210, 1) 243.225deg,rgba(231, 231, 231, 1) 316.155deg,rgba(255, 255, 255, 1) 317.595deg,rgba(201, 201, 201, 1) 354.309deg,rgba(213, 213, 213, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="url(#paint1_linear_134_2588)" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-1-inside-1_134_2588)"/>
 <mask id="path-3-inside-2_134_2588" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -25,7 +25,7 @@
 <path d="M7 13.5L6.35982 12.7318L6 13.0316V13.5H7ZM7 15H6V16H7V15ZM10 11L10.6402 11.7682L11 11.4684V11H10ZM10 8.5L9.29289 7.79289L9 8.08579V8.5H10ZM11.5 7V6H11.0858L10.7929 6.29289L11.5 7ZM13 7L13.7071 6.29289L13.4142 6H13V7ZM15 9H16V8.58579L15.7071 8.29289L15 9ZM15 10.5L15.7071 11.2071L16 10.9142V10.5H15ZM13.5 12V13H13.9142L14.2071 12.7071L13.5 12ZM11 12V11H10V12H11ZM11 13V14H12V13H11ZM10 13V12H9V13H10ZM10 14V15H11V14H10ZM9 14V13H8V14H9ZM9 15V16H10V15H9ZM14 9L14.7071 9.70711L15.4142 9L14.7071 8.29289L14 9ZM13 8L13.7071 7.29289L13 6.58579L12.2929 7.29289L13 8ZM13 10L12.2929 10.7071L13 11.4142L13.7071 10.7071L13 10ZM12 9L11.2929 8.29289L10.5858 9L11.2929 9.70711L12 9ZM6 13.5V15H8V13.5H6ZM9.35982 10.2318L6.35982 12.7318L7.64018 14.2682L10.6402 11.7682L9.35982 10.2318ZM9 8.5V11H11V8.5H9ZM10.7929 6.29289L9.29289 7.79289L10.7071 9.20711L12.2071 7.70711L10.7929 6.29289ZM13 6H11.5V8H13V6ZM15.7071 8.29289L13.7071 6.29289L12.2929 7.70711L14.2929 9.70711L15.7071 8.29289ZM16 10.5V9H14V10.5H16ZM14.2071 12.7071L15.7071 11.2071L14.2929 9.79289L12.7929 11.2929L14.2071 12.7071ZM11 13H13.5V11H11V13ZM12 13V12H10V13H12ZM10 14H11V12H10V14ZM11 14V13H9V14H11ZM9 15H10V13H9V15ZM10 15V14H8V15H10ZM7 16H9V14H7V16ZM14.7071 8.29289L13.7071 7.29289L12.2929 8.70711L13.2929 9.70711L14.7071 8.29289ZM13.7071 10.7071L14.7071 9.70711L13.2929 8.29289L12.2929 9.29289L13.7071 10.7071ZM11.2929 9.70711L12.2929 10.7071L13.7071 9.29289L12.7071 8.29289L11.2929 9.70711ZM12.2929 7.29289L11.2929 8.29289L12.7071 9.70711L13.7071 8.70711L12.2929 7.29289Z" fill="url(#paint2_linear_134_2588)" mask="url(#path-7-outside-3_134_2588)"/>
 </g>
 <defs>
-<filter id="filter0_i_134_2588" x="6" y="6" width="10" height="10" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<clipPath id="paint0_angular_134_2588_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><filter id="filter0_i_134_2588" x="6" y="6" width="10" height="10" 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,22 +34,6 @@
 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
 <feBlend mode="normal" in2="shape" result="effect1_innerShadow_134_2588"/>
 </filter>
-<radialGradient id="paint0_angular_134_2588" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.0551205" stop-color="white"/>
-<stop offset="0.0862633" stop-color="#FFF4B8"/>
-<stop offset="0.155123" stop-color="#FFEE88"/>
-<stop offset="0.200359" stop-color="white"/>
-<stop offset="0.212474" stop-color="#EDEDED"/>
-<stop offset="0.298406" stop-color="#99D7FF"/>
-<stop offset="0.307567" stop-color="#ECECEC"/>
-<stop offset="0.621638" stop-color="#C0F39F"/>
-<stop offset="0.628017" stop-color="#C2C2C2"/>
-<stop offset="0.638971" stop-color="white"/>
-<stop offset="0.675625" stop-color="#D2D2D2"/>
-<stop offset="0.878207" stop-color="#E7E7E7"/>
-<stop offset="0.882207" stop-color="white"/>
-<stop offset="0.984191" stop-color="#CACACA"/>
-</radialGradient>
 <linearGradient id="paint1_linear_134_2588" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
 <stop/>
 <stop offset="1" stop-color="#666666"/>
diff --git a/icons/DVD link.svg b/icons/DVD link.svg
index 558f3e3..5ed5987 100644
--- a/icons/DVD link.svg	
+++ b/icons/DVD link.svg	
@@ -5,7 +5,7 @@
 <mask id="path-1-inside-1_134_2603" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2603)"/>
+<g clip-path="url(#paint0_angular_134_2603_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(213, 213, 213, 1) 0deg,rgba(255, 255, 255, 1) 19.8434deg,rgba(255, 244, 183, 1) 31.0548deg,rgba(255, 237, 136, 1) 55.8443deg,rgba(255, 255, 255, 1) 72.1291deg,rgba(237, 237, 237, 1) 76.4907deg,rgba(152, 214, 255, 1) 107.426deg,rgba(235, 235, 235, 1) 110.724deg,rgba(191, 243, 158, 1) 223.79deg,rgba(194, 194, 194, 1) 226.086deg,rgba(255, 255, 255, 1) 230.029deg,rgba(210, 210, 210, 1) 243.225deg,rgba(231, 231, 231, 1) 316.155deg,rgba(255, 255, 255, 1) 317.595deg,rgba(201, 201, 201, 1) 354.309deg,rgba(213, 213, 213, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="url(#paint1_linear_134_2603)" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-1-inside-1_134_2603)"/>
 <mask id="path-3-inside-2_134_2603" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -30,23 +30,7 @@
 <rect x="6.5" y="11.5" width="6" height="2" stroke="url(#paint8_linear_134_2603)" stroke-linejoin="round"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_134_2603" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.0551205" stop-color="white"/>
-<stop offset="0.0862633" stop-color="#FFF4B8"/>
-<stop offset="0.155123" stop-color="#FFEE88"/>
-<stop offset="0.200359" stop-color="white"/>
-<stop offset="0.212474" stop-color="#EDEDED"/>
-<stop offset="0.298406" stop-color="#99D7FF"/>
-<stop offset="0.307567" stop-color="#ECECEC"/>
-<stop offset="0.621638" stop-color="#C0F39F"/>
-<stop offset="0.628017" stop-color="#C2C2C2"/>
-<stop offset="0.638971" stop-color="white"/>
-<stop offset="0.675625" stop-color="#D2D2D2"/>
-<stop offset="0.878207" stop-color="#E7E7E7"/>
-<stop offset="0.882207" stop-color="white"/>
-<stop offset="0.984191" stop-color="#CACACA"/>
-</radialGradient>
-<linearGradient id="paint1_linear_134_2603" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
+<clipPath id="paint0_angular_134_2603_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><linearGradient id="paint1_linear_134_2603" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
 <stop/>
 <stop offset="1" stop-color="#666666"/>
 </linearGradient>
diff --git a/icons/DVD.svg b/icons/DVD.svg
index bc559e5..6b5df56 100644
--- a/icons/DVD.svg
+++ b/icons/DVD.svg
@@ -4,7 +4,7 @@
 <mask id="path-1-inside-1_134_2393" fill="white">
 <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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
 </mask>
-<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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" fill="url(#paint0_angular_134_2393)"/>
+<g clip-path="url(#paint0_angular_134_2393_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.008 0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(213, 213, 213, 1) 0deg,rgba(255, 255, 255, 1) 19.8434deg,rgba(255, 244, 183, 1) 31.0548deg,rgba(255, 237, 136, 1) 55.8443deg,rgba(255, 255, 255, 1) 72.1291deg,rgba(237, 237, 237, 1) 76.4907deg,rgba(152, 214, 255, 1) 107.426deg,rgba(235, 235, 235, 1) 110.724deg,rgba(191, 243, 158, 1) 223.79deg,rgba(194, 194, 194, 1) 226.086deg,rgba(255, 255, 255, 1) 230.029deg,rgba(210, 210, 210, 1) 243.225deg,rgba(231, 231, 231, 1) 316.155deg,rgba(255, 255, 255, 1) 317.595deg,rgba(201, 201, 201, 1) 354.309deg,rgba(213, 213, 213, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="url(#paint1_linear_134_2393)" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-1-inside-1_134_2393)"/>
 <mask id="path-3-inside-2_134_2393" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
@@ -15,23 +15,7 @@
 <path d="M1.9964 6.9806C3.0694 6.9806 4.0844 7.3112 4.0844 8.97C4.0844 10.5882 3.11 11 2.0834 11H0.877V6.9806H1.9964ZM2.1298 7.6708H1.8282V10.3098H2.1414C2.7156 10.3098 3.0984 10.0372 3.0984 8.97C3.0984 7.8912 2.6866 7.6708 2.1298 7.6708ZM7.11617 6.9806L5.99677 11H4.81357L3.65357 6.9806H4.65697L5.42257 10.2576L6.14177 6.9806H7.11617ZM8.06918 6.9806C9.14218 6.9806 10.1572 7.3112 10.1572 8.97C10.1572 10.5882 9.18278 11 8.15618 11H6.94978V6.9806H8.06918ZM8.20258 7.6708H7.90098V10.3098H8.21418C8.78838 10.3098 9.17118 10.0372 9.17118 8.97C9.17118 7.8912 8.75938 7.6708 8.20258 7.6708Z" fill="white"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_134_2393" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(-90) scale(8)">
-<stop offset="0.0551205" stop-color="white"/>
-<stop offset="0.0862633" stop-color="#FFF4B8"/>
-<stop offset="0.155123" stop-color="#FFEE88"/>
-<stop offset="0.200359" stop-color="white"/>
-<stop offset="0.212474" stop-color="#EDEDED"/>
-<stop offset="0.298406" stop-color="#99D7FF"/>
-<stop offset="0.307567" stop-color="#ECECEC"/>
-<stop offset="0.621638" stop-color="#C0F39F"/>
-<stop offset="0.628017" stop-color="#C2C2C2"/>
-<stop offset="0.638971" stop-color="white"/>
-<stop offset="0.675625" stop-color="#D2D2D2"/>
-<stop offset="0.878207" stop-color="#E7E7E7"/>
-<stop offset="0.882207" stop-color="white"/>
-<stop offset="0.984191" stop-color="#CACACA"/>
-</radialGradient>
-<linearGradient id="paint1_linear_134_2393" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
+<clipPath id="paint0_angular_134_2393_clip_path"><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 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><linearGradient id="paint1_linear_134_2393" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
 <stop/>
 <stop offset="1" stop-color="#666666"/>
 </linearGradient>
diff --git a/icons/Drive CD.svg b/icons/Drive CD.svg
index ab971f7..025d735 100644
--- a/icons/Drive CD.svg	
+++ b/icons/Drive CD.svg	
@@ -5,11 +5,15 @@
 </mask>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.23607C1 6.08082 1.03614 5.92771 1.10557 5.78885L2.72361 2.55279C2.893 2.214 3.23926 2 3.61803 2H12.382C12.7607 2 13.107 2.214 13.2764 2.55279L14.8944 5.78885C14.9639 5.92771 15 6.08082 15 6.23607V10C15 10.5523 14.5523 11 14 11H2C1.44772 11 1 10.5523 1 10V6.23607Z" fill="url(#paint0_linear_199_4041)"/>
 <path d="M14.8944 5.78885L14 6.23607L14.8944 5.78885ZM13.2764 2.55279L14.1708 2.10557L13.2764 2.55279ZM1.10557 5.78885L0.211146 5.34164L1.10557 5.78885ZM1.82918 2.10557L0.211146 5.34164L2 6.23607L3.61803 3L1.82918 2.10557ZM12.382 1H3.61803V3H12.382V1ZM15.7889 5.34164L14.1708 2.10557L12.382 3L14 6.23607L15.7889 5.34164ZM14 6.23607V10H16V6.23607H14ZM14 10H2V12H14V10ZM2 10V6.23607H0V10H2ZM2 10H2H0C0 11.1046 0.895431 12 2 12V10ZM14 10V12C15.1046 12 16 11.1046 16 10H14ZM14 6.23607H16C16 5.92558 15.9277 5.61935 15.7889 5.34164L14 6.23607ZM12.382 3V3L14.1708 2.10557C13.832 1.428 13.1395 1 12.382 1V3ZM0.211146 5.34164C0.0722901 5.61935 0 5.92558 0 6.23607H2L2 6.23607L0.211146 5.34164ZM3.61803 3H3.61803V1C2.86049 1 2.16796 1.428 1.82918 2.10557L3.61803 3Z" fill="url(#paint1_linear_199_4041)" mask="url(#path-1-outside-1_199_4041)"/>
-<path d="M12.3178 4.32396C12.4491 4.41709 12.4869 4.47792 12.4971 4.5C12.4869 4.52208 12.4491 4.58291 12.3178 4.67604C12.1269 4.81143 11.8183 4.95382 11.3919 5.08175C10.5454 5.33568 9.34607 5.5 8 5.5C6.65393 5.5 5.4546 5.33568 4.60814 5.08175C4.18173 4.95382 3.87308 4.81143 3.68219 4.67604C3.55089 4.58291 3.51314 4.52208 3.50291 4.5C3.51314 4.47792 3.55089 4.41709 3.68219 4.32396C3.87308 4.18857 4.18173 4.04618 4.60814 3.91825C5.4546 3.66432 6.65393 3.5 8 3.5C9.34607 3.5 10.5454 3.66432 11.3919 3.91825C11.8183 4.04618 12.1269 4.18857 12.3178 4.32396Z" fill="#D9D9D9" stroke="url(#paint2_linear_199_4041)"/>
-<mask id="path-4-inside-2_199_4041" fill="white">
+<mask id="path-3-inside-2_199_4041" fill="white">
+<path d="M13 4.5C13 5.32843 10.7614 6 8 6C5.23858 6 3 5.32843 3 4.5C3 3.67157 5.23858 3 8 3C10.7614 3 13 3.67157 13 4.5Z"/>
+</mask>
+<path d="M13 4.5C13 5.32843 10.7614 6 8 6C5.23858 6 3 5.32843 3 4.5C3 3.67157 5.23858 3 8 3C10.7614 3 13 3.67157 13 4.5Z" fill="#D9D9D9"/>
+<path d="M12 4.5C12 4.22229 12.1833 4.15846 12.0285 4.26821C11.8998 4.35953 11.6486 4.48271 11.2482 4.60283C10.4601 4.83926 9.31143 5 8 5V7C9.44999 7 10.8013 6.82495 11.8229 6.51849C12.3273 6.36716 12.8083 6.16712 13.1856 5.89953C13.5369 5.65036 14 5.19192 14 4.5H12ZM8 5C6.68857 5 5.5399 4.83926 4.75181 4.60283C4.3514 4.48271 4.10022 4.35953 3.97146 4.26821C3.81672 4.15846 4 4.22229 4 4.5H2C2 5.19192 2.4631 5.65036 2.81439 5.89953C3.19166 6.16712 3.67271 6.36716 4.17712 6.51849C5.19867 6.82495 6.55001 7 8 7V5ZM4 4.5C4 4.77771 3.81672 4.84154 3.97146 4.73179C4.10022 4.64047 4.3514 4.51729 4.75181 4.39717C5.5399 4.16074 6.68857 4 8 4V2C6.55001 2 5.19867 2.17505 4.17712 2.48151C3.67271 2.63284 3.19166 2.83288 2.81439 3.10047C2.4631 3.34964 2 3.80808 2 4.5H4ZM8 4C9.31143 4 10.4601 4.16074 11.2482 4.39717C11.6486 4.51729 11.8998 4.64047 12.0285 4.73179C12.1833 4.84154 12 4.77771 12 4.5H14C14 3.80808 13.5369 3.34964 13.1856 3.10047C12.8083 2.83288 12.3273 2.63284 11.8229 2.48151C10.8013 2.17505 9.44999 2 8 2V4Z" fill="url(#paint2_linear_199_4041)" mask="url(#path-3-inside-2_199_4041)"/>
+<mask id="path-5-inside-3_199_4041" fill="white">
 <path d="M1 7H15V10C15 10.5523 14.5523 11 14 11H2C1.44772 11 1 10.5523 1 10V7Z"/>
 </mask>
-<path d="M1 7H15H1ZM16 10C16 11.1046 15.1046 12 14 12H2C0.895431 12 0 11.1046 0 10H2H14H16ZM2 12C0.895431 12 0 11.1046 0 10V7H2V10V12ZM16 7V10C16 11.1046 15.1046 12 14 12V10V7H16Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:soft-light" mask="url(#path-4-inside-2_199_4041)"/>
+<path d="M1 7H15H1ZM16 10C16 11.1046 15.1046 12 14 12H2C0.895431 12 0 11.1046 0 10H2H14H16ZM2 12C0.895431 12 0 11.1046 0 10V7H2V10V12ZM16 7V10C16 11.1046 15.1046 12 14 12V10V7H16Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:soft-light" mask="url(#path-5-inside-3_199_4041)"/>
 <path d="M3.61803 2.5H12.382C12.5714 2.5 12.7445 2.607 12.8292 2.77639L13.2691 2.55645L12.8292 2.77639L14.5 6.11803V6.5H1.5V6.11803L3.17082 2.77639C3.25552 2.607 3.42865 2.5 3.61803 2.5Z" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:hard-light"/>
 <rect x="3" y="8" width="10" height="1" rx="0.5" fill="black" fill-opacity="0.5" style="mix-blend-mode:hard-light"/>
 <g clip-path="url(#clip0_199_4041)">
@@ -17,20 +21,20 @@
 <rect width="16" height="7" transform="matrix(1 0 0 -1 0 15)" fill="#D9D9D9"/>
 </mask>
 <g mask="url(#mask0_199_4041)">
-<mask id="path-9-inside-3_199_4041" fill="white">
+<mask id="path-10-inside-4_199_4041" fill="white">
 <path d="M13 10C13 12.2091 10.7614 14 8 14C5.23858 14 3 12.2091 3 10C3 7.79086 5.23858 6 8 6C10.7614 6 13 7.79086 13 10Z"/>
 </mask>
-<path d="M13 10C13 12.2091 10.7614 14 8 14C5.23858 14 3 12.2091 3 10C3 7.79086 5.23858 6 8 6C10.7614 6 13 7.79086 13 10Z" fill="url(#paint3_angular_199_4041)"/>
-<path d="M12 10C12 11.4602 10.4289 13 8 13V15C11.0939 15 14 12.9581 14 10H12ZM8 13C5.5711 13 4 11.4602 4 10H2C2 12.9581 4.90606 15 8 15V13ZM4 10C4 8.53984 5.5711 7 8 7V5C4.90606 5 2 7.04188 2 10H4ZM8 7C10.4289 7 12 8.53984 12 10H14C14 7.04188 11.0939 5 8 5V7Z" fill="url(#paint4_linear_199_4041)" mask="url(#path-9-inside-3_199_4041)"/>
-<mask id="path-11-inside-4_199_4041" fill="white">
+<g clip-path="url(#paint3_angular_199_4041_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.004 0.005 0 8 10)"><foreignObject x="-1250" y="-1250" width="2500" height="2500"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(179, 217, 243, 1) 0deg,rgba(200, 237, 249, 1) 3.52214deg,rgba(254, 255, 255, 1) 20.2533deg,rgba(232, 247, 255, 1) 31.2867deg,rgba(241, 254, 255, 1) 54.4623deg,rgba(255, 255, 255, 1) 67.0121deg,rgba(148, 188, 231, 1) 72.317deg,rgba(196, 225, 255, 1) 109.826deg,rgba(148, 188, 231, 1) 111.588deg,rgba(186, 219, 254, 1) 173.66deg,rgba(241, 253, 255, 1) 222.879deg,rgba(151, 189, 236, 1) 225.026deg,rgba(200, 237, 249, 1) 228.18deg,rgba(148, 188, 231, 1) 243.669deg,rgba(178, 214, 251, 1) 316.332deg,rgba(255, 255, 255, 1) 318.437deg,rgba(186, 219, 254, 1) 337.38deg,rgba(151, 189, 236, 1) 355.047deg,rgba(179, 217, 243, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path d="M13 10C13 12.2091 10.7614 14 8 14C5.23858 14 3 12.2091 3 10C3 7.79086 5.23858 6 8 6C10.7614 6 13 7.79086 13 10Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;transform&#34;:{&#34;m00&#34;:8.2694606912993296e-15,&#34;m01&#34;:10.0,&#34;m02&#34;:3.0,&#34;m10&#34;:-8.0,&#34;m11&#34;:4.8392118830458027e-15,&#34;m12&#34;:14.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<path d="M12 10C12 11.4602 10.4289 13 8 13V15C11.0939 15 14 12.9581 14 10H12ZM8 13C5.5711 13 4 11.4602 4 10H2C2 12.9581 4.90606 15 8 15V13ZM4 10C4 8.53984 5.5711 7 8 7V5C4.90606 5 2 7.04188 2 10H4ZM8 7C10.4289 7 12 8.53984 12 10H14C14 7.04188 11.0939 5 8 5V7Z" fill="url(#paint4_linear_199_4041)" mask="url(#path-10-inside-4_199_4041)"/>
+<mask id="path-12-inside-5_199_4041" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 13C10.2091 13 12 11.6568 12 10C12 8.34314 10.2091 7 8 7C5.79086 7 4 8.34314 4 10C4 11.6568 5.79086 13 8 13ZM8 10.5C8.55228 10.5 9 10.2761 9 10C9 9.72386 8.55228 9.5 8 9.5C7.44772 9.5 7 9.72386 7 10C7 10.2761 7.44772 10.5 8 10.5Z"/>
 </mask>
-<path d="M11 10C11 10.4431 10.7629 10.9205 10.2284 11.3213C9.69369 11.7224 8.90912 12 8 12V14C9.30002 14 10.5155 13.606 11.4284 12.9213C12.3417 12.2364 13 11.2138 13 10H11ZM8 8C8.90912 8 9.69369 8.27762 10.2284 8.67868C10.7629 9.0795 11 9.5569 11 10H13C13 8.78624 12.3417 7.76364 11.4284 7.07868C10.5155 6.39395 9.30002 6 8 6V8ZM5 10C5 9.5569 5.23714 9.0795 5.77157 8.67868C6.30631 8.27762 7.09088 8 8 8V6C6.69998 6 5.48455 6.39395 4.57157 7.07868C3.65829 7.76364 3 8.78624 3 10H5ZM8 12C7.09088 12 6.30631 11.7224 5.77157 11.3213C5.23714 10.9205 5 10.4431 5 10H3C3 11.2138 3.65829 12.2364 4.57157 12.9213C5.48455 13.606 6.69998 14 8 14V12ZM8 10C8 9.78218 8.09186 9.6269 8.15794 9.54878C8.18998 9.51091 8.21815 9.48772 8.23432 9.47575C8.2428 9.46947 8.24936 9.46527 8.25347 9.46277C8.25761 9.46027 8.25985 9.45915 8.25989 9.45913C8.25996 9.4591 8.25826 9.45994 8.25465 9.46143C8.25106 9.46291 8.24589 9.4649 8.23908 9.4672C8.22528 9.47186 8.20636 9.47727 8.18234 9.48235C8.13364 9.49265 8.07158 9.5 8 9.5V11.5C8.39773 11.5 8.80724 11.4215 9.15432 11.248C9.44159 11.1043 10 10.7209 10 10H8ZM8 10.5C8.07158 10.5 8.13364 10.5074 8.18234 10.5177C8.20636 10.5227 8.22528 10.5281 8.23908 10.5328C8.24589 10.5351 8.25106 10.5371 8.25465 10.5386C8.25826 10.5401 8.25996 10.5409 8.25989 10.5409C8.25985 10.5409 8.25761 10.5397 8.25347 10.5372C8.24936 10.5347 8.2428 10.5305 8.23432 10.5242C8.21815 10.5123 8.18998 10.4891 8.15794 10.4512C8.09186 10.3731 8 10.2178 8 10H10C10 9.2791 9.44159 8.89565 9.15432 8.75202C8.80724 8.57848 8.39773 8.5 8 8.5V10.5ZM8 10C8 10.2178 7.90814 10.3731 7.84206 10.4512C7.81002 10.4891 7.78185 10.5123 7.76568 10.5242C7.7572 10.5305 7.75064 10.5347 7.74653 10.5372C7.74239 10.5397 7.74015 10.5409 7.74011 10.5409C7.74004 10.5409 7.74174 10.5401 7.74535 10.5386C7.74894 10.5371 7.75411 10.5351 7.76092 10.5328C7.77472 10.5281 7.79364 10.5227 7.81766 10.5177C7.86636 10.5074 7.92842 10.5 8 10.5V8.5C7.60227 8.5 7.19276 8.57848 6.84568 8.75202C6.55841 8.89565 6 9.2791 6 10H8ZM8 9.5C7.92842 9.5 7.86636 9.49265 7.81766 9.48235C7.79364 9.47727 7.77472 9.47186 7.76092 9.4672C7.75411 9.4649 7.74894 9.46291 7.74535 9.46143C7.74174 9.45994 7.74004 9.4591 7.74011 9.45913C7.74015 9.45915 7.74239 9.46027 7.74653 9.46277C7.75064 9.46527 7.7572 9.46947 7.76568 9.47575C7.78185 9.48772 7.81002 9.51091 7.84206 9.54878C7.90814 9.6269 8 9.78218 8 10H6C6 10.7209 6.55841 11.1043 6.84568 11.248C7.19276 11.4215 7.60227 11.5 8 11.5V9.5Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-11-inside-4_199_4041)"/>
+<path d="M11 10C11 10.4431 10.7629 10.9205 10.2284 11.3213C9.69369 11.7224 8.90912 12 8 12V14C9.30002 14 10.5155 13.606 11.4284 12.9213C12.3417 12.2364 13 11.2138 13 10H11ZM8 8C8.90912 8 9.69369 8.27762 10.2284 8.67868C10.7629 9.0795 11 9.5569 11 10H13C13 8.78624 12.3417 7.76364 11.4284 7.07868C10.5155 6.39395 9.30002 6 8 6V8ZM5 10C5 9.5569 5.23714 9.0795 5.77157 8.67868C6.30631 8.27762 7.09088 8 8 8V6C6.69998 6 5.48455 6.39395 4.57157 7.07868C3.65829 7.76364 3 8.78624 3 10H5ZM8 12C7.09088 12 6.30631 11.7224 5.77157 11.3213C5.23714 10.9205 5 10.4431 5 10H3C3 11.2138 3.65829 12.2364 4.57157 12.9213C5.48455 13.606 6.69998 14 8 14V12ZM8 10C8 9.78218 8.09186 9.6269 8.15794 9.54878C8.18998 9.51091 8.21815 9.48772 8.23432 9.47575C8.2428 9.46947 8.24936 9.46527 8.25347 9.46277C8.25761 9.46027 8.25985 9.45915 8.25989 9.45913C8.25996 9.4591 8.25826 9.45994 8.25465 9.46143C8.25106 9.46291 8.24589 9.4649 8.23908 9.4672C8.22528 9.47186 8.20636 9.47727 8.18234 9.48235C8.13364 9.49265 8.07158 9.5 8 9.5V11.5C8.39773 11.5 8.80724 11.4215 9.15432 11.248C9.44159 11.1043 10 10.7209 10 10H8ZM8 10.5C8.07158 10.5 8.13364 10.5074 8.18234 10.5177C8.20636 10.5227 8.22528 10.5281 8.23908 10.5328C8.24589 10.5351 8.25106 10.5371 8.25465 10.5386C8.25826 10.5401 8.25996 10.5409 8.25989 10.5409C8.25985 10.5409 8.25761 10.5397 8.25347 10.5372C8.24936 10.5347 8.2428 10.5305 8.23432 10.5242C8.21815 10.5123 8.18998 10.4891 8.15794 10.4512C8.09186 10.3731 8 10.2178 8 10H10C10 9.2791 9.44159 8.89565 9.15432 8.75202C8.80724 8.57848 8.39773 8.5 8 8.5V10.5ZM8 10C8 10.2178 7.90814 10.3731 7.84206 10.4512C7.81002 10.4891 7.78185 10.5123 7.76568 10.5242C7.7572 10.5305 7.75064 10.5347 7.74653 10.5372C7.74239 10.5397 7.74015 10.5409 7.74011 10.5409C7.74004 10.5409 7.74174 10.5401 7.74535 10.5386C7.74894 10.5371 7.75411 10.5351 7.76092 10.5328C7.77472 10.5281 7.79364 10.5227 7.81766 10.5177C7.86636 10.5074 7.92842 10.5 8 10.5V8.5C7.60227 8.5 7.19276 8.57848 6.84568 8.75202C6.55841 8.89565 6 9.2791 6 10H8ZM8 9.5C7.92842 9.5 7.86636 9.49265 7.81766 9.48235C7.79364 9.47727 7.77472 9.47186 7.76092 9.4672C7.75411 9.4649 7.74894 9.46291 7.74535 9.46143C7.74174 9.45994 7.74004 9.4591 7.74011 9.45913C7.74015 9.45915 7.74239 9.46027 7.74653 9.46277C7.75064 9.46527 7.7572 9.46947 7.76568 9.47575C7.78185 9.48772 7.81002 9.51091 7.84206 9.54878C7.90814 9.6269 8 9.78218 8 10H6C6 10.7209 6.55841 11.1043 6.84568 11.248C7.19276 11.4215 7.60227 11.5 8 11.5V9.5Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-12-inside-5_199_4041)"/>
 <ellipse cx="1" cy="0.5" rx="1" ry="0.5" transform="matrix(1 0 0 -1 7 10.5)" fill="#7A9ED3"/>
 </g>
 </g>
 <defs>
-<linearGradient id="paint0_linear_199_4041" x1="1" y1="2" x2="15.9154" y2="10.5231" gradientUnits="userSpaceOnUse">
+<clipPath id="paint3_angular_199_4041_clip_path"><path d="M13 10C13 12.2091 10.7614 14 8 14C5.23858 14 3 12.2091 3 10C3 7.79086 5.23858 6 8 6C10.7614 6 13 7.79086 13 10Z"/></clipPath><linearGradient id="paint0_linear_199_4041" x1="1" y1="2" x2="15.9154" y2="10.5231" gradientUnits="userSpaceOnUse">
 <stop stop-color="#DBDBDB"/>
 <stop offset="1" stop-color="#AEAEAE"/>
 </linearGradient>
@@ -42,25 +46,6 @@
 <stop stop-color="white"/>
 <stop offset="1" stop-color="#999999"/>
 </linearGradient>
-<radialGradient id="paint3_angular_199_4041" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 10) rotate(-90) scale(4 5)">
-<stop offset="0.00978372" stop-color="#C8EDF9"/>
-<stop offset="0.0562591" stop-color="#FEFFFF"/>
-<stop offset="0.0869076" stop-color="#E8F7FF"/>
-<stop offset="0.151284" stop-color="#F1FEFF"/>
-<stop offset="0.186145" stop-color="white"/>
-<stop offset="0.20088" stop-color="#94BCE7"/>
-<stop offset="0.305074" stop-color="#C5E1FF"/>
-<stop offset="0.309966" stop-color="#94BCE7"/>
-<stop offset="0.482388" stop-color="#BADBFE"/>
-<stop offset="0.619108" stop-color="#F1FDFF"/>
-<stop offset="0.625073" stop-color="#97BDEC"/>
-<stop offset="0.633833" stop-color="#C8EDF9"/>
-<stop offset="0.676859" stop-color="#94BCE7"/>
-<stop offset="0.878701" stop-color="#B2D6FB"/>
-<stop offset="0.884548" stop-color="white"/>
-<stop offset="0.937167" stop-color="#BADBFE"/>
-<stop offset="0.986241" stop-color="#97BDEC"/>
-</radialGradient>
 <linearGradient id="paint4_linear_199_4041" x1="3" y1="6" x2="10.8049" y2="15.7561" gradientUnits="userSpaceOnUse">
 <stop offset="0.147434" stop-color="#B4CFF5"/>
 <stop offset="0.85197" stop-color="#4978C0"/>
diff --git a/icons/Page white CD.svg b/icons/Page white CD.svg
index 6abdfbc..9e21e1d 100644
--- a/icons/Page white CD.svg	
+++ b/icons/Page white CD.svg	
@@ -7,7 +7,7 @@
 <mask id="path-4-inside-1_139_3487" fill="white">
 <path d="M10 8C10 10.7614 7.76142 13 5 13C2.23858 13 0 10.7614 0 8C0 5.23858 2.23858 3 5 3C7.76142 3 10 5.23858 10 8Z"/>
 </mask>
-<path d="M10 8C10 10.7614 7.76142 13 5 13C2.23858 13 0 10.7614 0 8C0 5.23858 2.23858 3 5 3C7.76142 3 10 5.23858 10 8Z" fill="url(#paint1_angular_139_3487)"/>
+<g clip-path="url(#paint1_angular_139_3487_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.005 0.005 0 5 8)"><foreignObject x="-1200" y="-1200" width="2400" height="2400"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(179, 217, 243, 1) 0deg,rgba(200, 237, 249, 1) 3.52214deg,rgba(254, 255, 255, 1) 20.2533deg,rgba(232, 247, 255, 1) 31.2867deg,rgba(241, 254, 255, 1) 54.4623deg,rgba(255, 255, 255, 1) 67.0121deg,rgba(148, 188, 231, 1) 72.317deg,rgba(196, 225, 255, 1) 109.826deg,rgba(148, 188, 231, 1) 111.588deg,rgba(186, 219, 254, 1) 173.66deg,rgba(241, 253, 255, 1) 222.879deg,rgba(151, 189, 236, 1) 225.026deg,rgba(200, 237, 249, 1) 228.18deg,rgba(148, 188, 231, 1) 243.669deg,rgba(178, 214, 251, 1) 316.332deg,rgba(255, 255, 255, 1) 318.437deg,rgba(186, 219, 254, 1) 337.38deg,rgba(151, 189, 236, 1) 355.047deg,rgba(179, 217, 243, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path d="M10 8C10 10.7614 7.76142 13 5 13C2.23858 13 0 10.7614 0 8C0 5.23858 2.23858 3 5 3C7.76142 3 10 5.23858 10 8Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;transform&#34;:{&#34;m00&#34;:8.2694606912993296e-15,&#34;m01&#34;:10.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-10.0,&#34;m11&#34;:6.0490146420490165e-15,&#34;m12&#34;:13.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M9 8C9 10.2091 7.20914 12 5 12V14C8.31371 14 11 11.3137 11 8H9ZM5 12C2.79086 12 1 10.2091 1 8H-1C-1 11.3137 1.68629 14 5 14V12ZM1 8C1 5.79086 2.79086 4 5 4V2C1.68629 2 -1 4.68629 -1 8H1ZM5 4C7.20914 4 9 5.79086 9 8H11C11 4.68629 8.31371 2 5 2V4Z" fill="url(#paint2_linear_139_3487)" mask="url(#path-4-inside-1_139_3487)"/>
 <mask id="path-6-inside-2_139_3487" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5 12C7.20914 12 9 10.2091 9 8C9 5.79086 7.20914 4 5 4C2.79086 4 1 5.79086 1 8C1 10.2091 2.79086 12 5 12ZM5 9C5.55228 9 6 8.55228 6 8C6 7.44772 5.55228 7 5 7C4.44772 7 4 7.44772 4 8C4 8.55228 4.44772 9 5 9Z"/>
@@ -17,30 +17,11 @@
 </g>
 </g>
 <defs>
-<linearGradient id="paint0_linear_139_3487" x1="3" y1="15" x2="15" y2="0.999999" gradientUnits="userSpaceOnUse">
+<clipPath id="paint1_angular_139_3487_clip_path"><path d="M10 8C10 10.7614 7.76142 13 5 13C2.23858 13 0 10.7614 0 8C0 5.23858 2.23858 3 5 3C7.76142 3 10 5.23858 10 8Z"/></clipPath><linearGradient id="paint0_linear_139_3487" x1="3" y1="15" x2="15" y2="0.999999" gradientUnits="userSpaceOnUse">
 <stop offset="0.500484" stop-color="white"/>
 <stop offset="0.806982" stop-color="#E6E6E6"/>
 <stop offset="0.901248" stop-color="white"/>
 </linearGradient>
-<radialGradient id="paint1_angular_139_3487" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(5 8) rotate(-90) scale(5)">
-<stop offset="0.00978372" stop-color="#C8EDF9"/>
-<stop offset="0.0562591" stop-color="#FEFFFF"/>
-<stop offset="0.0869076" stop-color="#E8F7FF"/>
-<stop offset="0.151284" stop-color="#F1FEFF"/>
-<stop offset="0.186145" stop-color="white"/>
-<stop offset="0.20088" stop-color="#94BCE7"/>
-<stop offset="0.305074" stop-color="#C5E1FF"/>
-<stop offset="0.309966" stop-color="#94BCE7"/>
-<stop offset="0.482388" stop-color="#BADBFE"/>
-<stop offset="0.619108" stop-color="#F1FDFF"/>
-<stop offset="0.625073" stop-color="#97BDEC"/>
-<stop offset="0.633833" stop-color="#C8EDF9"/>
-<stop offset="0.676859" stop-color="#94BCE7"/>
-<stop offset="0.878701" stop-color="#B2D6FB"/>
-<stop offset="0.884548" stop-color="white"/>
-<stop offset="0.937167" stop-color="#BADBFE"/>
-<stop offset="0.986241" stop-color="#97BDEC"/>
-</radialGradient>
 <linearGradient id="paint2_linear_139_3487" x1="0" y1="3" x2="10" y2="13" gradientUnits="userSpaceOnUse">
 <stop offset="0.147434" stop-color="#B4CFF5"/>
 <stop offset="0.85197" stop-color="#4978C0"/>
diff --git a/icons/Page white DVD.svg b/icons/Page white DVD.svg
index 44fb7a1..e97f2df 100644
--- a/icons/Page white DVD.svg	
+++ b/icons/Page white DVD.svg	
@@ -7,7 +7,7 @@
 <mask id="path-4-inside-1_145_4037" fill="white">
 <path d="M10 8C10 10.7614 7.76142 13 5 13C2.23858 13 0 10.7614 0 8C0 5.23858 2.23858 3 5 3C7.76142 3 10 5.23858 10 8Z"/>
 </mask>
-<path d="M10 8C10 10.7614 7.76142 13 5 13C2.23858 13 0 10.7614 0 8C0 5.23858 2.23858 3 5 3C7.76142 3 10 5.23858 10 8Z" fill="url(#paint1_angular_145_4037)"/>
+<g clip-path="url(#paint1_angular_145_4037_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.005 0.005 0 5 8)"><foreignObject x="-1200" y="-1200" width="2400" height="2400"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(213, 213, 213, 1) 0deg,rgba(255, 255, 255, 1) 19.8434deg,rgba(255, 244, 183, 1) 31.0548deg,rgba(255, 237, 136, 1) 55.8443deg,rgba(255, 255, 255, 1) 72.1291deg,rgba(237, 237, 237, 1) 76.4907deg,rgba(152, 214, 255, 1) 107.426deg,rgba(235, 235, 235, 1) 110.724deg,rgba(191, 243, 158, 1) 223.79deg,rgba(194, 194, 194, 1) 226.086deg,rgba(255, 255, 255, 1) 230.029deg,rgba(210, 210, 210, 1) 243.225deg,rgba(231, 231, 231, 1) 316.155deg,rgba(255, 255, 255, 1) 317.595deg,rgba(201, 201, 201, 1) 354.309deg,rgba(213, 213, 213, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path d="M10 8C10 10.7614 7.76142 13 5 13C2.23858 13 0 10.7614 0 8C0 5.23858 2.23858 3 5 3C7.76142 3 10 5.23858 10 8Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;transform&#34;:{&#34;m00&#34;:8.2694606912993296e-15,&#34;m01&#34;:10.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-10.0,&#34;m11&#34;:6.0490146420490165e-15,&#34;m12&#34;:13.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <path d="M9 8C9 10.2091 7.20914 12 5 12V14C8.31371 14 11 11.3137 11 8H9ZM5 12C2.79086 12 1 10.2091 1 8H-1C-1 11.3137 1.68629 14 5 14V12ZM1 8C1 5.79086 2.79086 4 5 4V2C1.68629 2 -1 4.68629 -1 8H1ZM5 4C7.20914 4 9 5.79086 9 8H11C11 4.68629 8.31371 2 5 2V4Z" fill="url(#paint2_linear_145_4037)" fill-opacity="0.5" style="mix-blend-mode:hard-light" mask="url(#path-4-inside-1_145_4037)"/>
 <mask id="path-6-inside-2_145_4037" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5 12C7.20914 12 9 10.2091 9 8C9 5.79086 7.20914 4 5 4C2.79086 4 1 5.79086 1 8C1 10.2091 2.79086 12 5 12ZM5 9C5.55228 9 6 8.55228 6 8C6 7.44772 5.55228 7 5 7C4.44772 7 4 7.44772 4 8C4 8.55228 4.44772 9 5 9Z"/>
@@ -17,27 +17,11 @@
 </g>
 </g>
 <defs>
-<linearGradient id="paint0_linear_145_4037" x1="3" y1="15" x2="15" y2="0.999999" gradientUnits="userSpaceOnUse">
+<clipPath id="paint1_angular_145_4037_clip_path"><path d="M10 8C10 10.7614 7.76142 13 5 13C2.23858 13 0 10.7614 0 8C0 5.23858 2.23858 3 5 3C7.76142 3 10 5.23858 10 8Z"/></clipPath><linearGradient id="paint0_linear_145_4037" x1="3" y1="15" x2="15" y2="0.999999" gradientUnits="userSpaceOnUse">
 <stop offset="0.500484" stop-color="white"/>
 <stop offset="0.806982" stop-color="#E6E6E6"/>
 <stop offset="0.901248" stop-color="white"/>
 </linearGradient>
-<radialGradient id="paint1_angular_145_4037" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(5 8) rotate(-90) scale(5)">
-<stop offset="0.0551205" stop-color="white"/>
-<stop offset="0.0862633" stop-color="#FFF4B8"/>
-<stop offset="0.155123" stop-color="#FFEE88"/>
-<stop offset="0.200359" stop-color="white"/>
-<stop offset="0.212474" stop-color="#EDEDED"/>
-<stop offset="0.298406" stop-color="#99D7FF"/>
-<stop offset="0.307567" stop-color="#ECECEC"/>
-<stop offset="0.621638" stop-color="#C0F39F"/>
-<stop offset="0.628017" stop-color="#C2C2C2"/>
-<stop offset="0.638971" stop-color="white"/>
-<stop offset="0.675625" stop-color="#D2D2D2"/>
-<stop offset="0.878207" stop-color="#E7E7E7"/>
-<stop offset="0.882207" stop-color="white"/>
-<stop offset="0.984191" stop-color="#CACACA"/>
-</radialGradient>
 <linearGradient id="paint2_linear_145_4037" x1="10" y1="13" x2="0" y2="3" gradientUnits="userSpaceOnUse">
 <stop offset="0.136658"/>
 <stop offset="0.888867" stop-color="#818181"/>