From 33383cd3bde94108a569e8e93d3d07dd25408f67 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Sat, 2 May 2020 18:21:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E6=AD=A5=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/config.js                          |   2 +-
 src/renderer/App.vue                          |  28 ++--
 src/renderer/assets/styles/variables.less     |   6 +-
 src/renderer/components/core/Aside.vue        |  64 ++++++--
 src/renderer/components/core/Icons.vue        | 149 +++++++++++-------
 src/renderer/components/core/Player.vue       |  14 +-
 src/renderer/components/material/Input.vue    |   1 +
 .../components/material/SearchInput.vue       |  10 +-
 src/renderer/lang/cns/core/aside.json         |   4 +-
 9 files changed, 182 insertions(+), 96 deletions(-)

diff --git a/src/common/config.js b/src/common/config.js
index a04e49b6..451cc76e 100644
--- a/src/common/config.js
+++ b/src/common/config.js
@@ -33,7 +33,7 @@ module.exports = {
       name: 'larger',
       width: 1198,
       height: 766,
-      fontSize: '18px',
+      fontSize: '17px',
     },
     {
       id: 5,
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index ea1117a2..b1dc61e9 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -1,20 +1,22 @@
 <template lang="pug">
 #container(v-if="isProd && !isNt" :class="[theme, nd ? 'nd' : '']" @mouseenter="enableIgnoreMouseEvents" @mouseleave="dieableIgnoreMouseEvents")
-  core-aside#left
-  #right
-    core-toolbar#toolbar
-    core-view#view
-    core-player#player
+  #main
+    core-aside#left
+    #right
+      core-toolbar#toolbar
+      core-view#view
+  core-player#player
   core-icons
   material-xm-verify-modal(v-show="globalObj.xm.isShowVerify" :show="globalObj.xm.isShowVerify" :bg-close="false" @close="handleXMVerifyModalClose")
   material-version-modal(v-show="version.showModal")
   material-pact-modal(v-show="!setting.isAgreePact || globalObj.isShowPact")
 #container(v-else :class="[theme, nd ? 'nd' : '']")
-  core-aside#left
-  #right
-    core-toolbar#toolbar
-    core-view#view
-    core-player#player
+  #main
+    core-aside#left
+    #right
+      core-toolbar#toolbar
+      core-view#view
+  core-player#player
   core-icons
   material-xm-verify-modal(v-show="globalObj.xm.isShowVerify" :show="globalObj.xm.isShowVerify" :bg-close="false" @close="handleXMVerifyModalClose")
   material-version-modal(v-show="version.showModal")
@@ -341,6 +343,7 @@ body {
 #container {
   position: relative;
   display: flex;
+  flex-flow: column nowrap;
   height: 100%;
   overflow: hidden;
   background: @color-theme-bgimg @color-theme-bgposition no-repeat;
@@ -349,6 +352,11 @@ body {
   background-color: @color-theme;
 }
 
+#main {
+  flex: auto;
+  display: flex;
+}
+
 #left {
   flex: none;
   width: @width-app-left;
diff --git a/src/renderer/assets/styles/variables.less b/src/renderer/assets/styles/variables.less
index 1bc71284..f6687c21 100644
--- a/src/renderer/assets/styles/variables.less
+++ b/src/renderer/assets/styles/variables.less
@@ -703,11 +703,11 @@
 
 
 // Width
-@width-app-left: 20%;
+@width-app-left: 6.5%;
 
 // Height
-@height-toolbar: 50px;
-@height-player: 55px;
+@height-toolbar: 54px;
+@height-player: 60px;
 
 
 // Shadow
diff --git a/src/renderer/components/core/Aside.vue b/src/renderer/components/core/Aside.vue
index d3a84350..211f8d1d 100644
--- a/src/renderer/components/core/Aside.vue
+++ b/src/renderer/components/core/Aside.vue
@@ -6,25 +6,49 @@ div(:class="$style.aside")
 
   div(:class="$style.menu")
     dl
-      dt {{$t('core.aside.online_music')}}
+      //- dt {{$t('core.aside.online_music')}}
       dd
-        router-link(:active-class="$style.active" to="search") {{$t('core.aside.search')}}
+        router-link(:active-class="$style.active" to="search")
+          div(:class="$style.icon")
+            svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 30.239 30.239' space='preserve')
+              use(xlink:href='#icon-search')
+          span {{$t('core.aside.search')}}
       dd
-        router-link(:active-class="$style.active" to="songList") {{$t('core.aside.song_list')}}
+        router-link(:active-class="$style.active" to="songList")
+          div(:class="$style.icon")
+            svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 511.334 511.334' space='preserve')
+              use(xlink:href='#icon-album')
+          span {{$t('core.aside.song_list')}}
       dd
-        router-link(:active-class="$style.active" to="leaderboard") {{$t('core.aside.leaderboard')}}
+        router-link(:active-class="$style.active" to="leaderboard")
+          div(:class="$style.icon")
+            svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 512.001 512.001' space='preserve')
+              use(xlink:href='#icon-leaderboard')
+          span {{$t('core.aside.leaderboard')}}
     dl
-      dt {{$t('core.aside.my_music')}}
+      //- dt {{$t('core.aside.my_music')}}
       dd
-        router-link(:active-class="($route.query.id === defaultList.id || $route.query.id == '') ? $style.active : ''" :to="`list?id=${defaultList.id || ''}`") {{$t('core.aside.default_list')}}
-        router-link(:active-class="$route.query.id === loveList.id ? $style.active : ''" :to="`list?id=${loveList.id}`") {{$t('core.aside.love_list')}}
+        //- router-link(:active-class="($route.query.id === defaultList.id || $route.query.id == '') ? $style.active : ''" :to="`list?id=${defaultList.id || ''}`") {{$t('core.aside.default_list')}}
+        router-link(:active-class="$route.query.id === loveList.id ? $style.active : ''" :to="`list?id=${loveList.id}`")
+          div(:class="$style.icon")
+            svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 512 512' space='preserve')
+              use(xlink:href='#icon-love')
+          span {{$t('core.aside.love_list')}}
         router-link(:active-class="$route.query.id === item.id ? $style.active : ''" v-for="item in userList" :to="`list?id=${item._id}`" :key="item._id") {{item.name}}
     dl
-      dt {{$t('core.aside.other')}}
+      //- dt {{$t('core.aside.other')}}
       dd
-        router-link(:active-class="$style.active" to="download") {{$t('core.aside.download')}}
+        router-link(:active-class="$style.active" to="download")
+          div(:class="$style.icon")
+            svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 24 24' space='preserve')
+              use(xlink:href='#icon-download-2')
+          span {{$t('core.aside.download')}}
       dd
-        router-link(:active-class="$style.active" to="setting") {{$t('core.aside.setting')}}
+        router-link(:active-class="$style.active" to="setting")
+          div(:class="$style.icon")
+            svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 512 512' space='preserve')
+              use(xlink:href='#icon-setting')
+          span {{$t('core.aside.setting')}}
 </template>
 
 <script>
@@ -105,18 +129,20 @@ export default {
 
 .menu {
   flex: auto;
-  padding: 10px;
+  // padding: 5px;
   dl {
     -webkit-app-region: no-drag;
-    margin-bottom: 15px;
+    // margin-bottom: 15px;
     &:last-child {
       margin-bottom: 0;
     }
     dt {
+      padding-left: 5px;
       font-size: 11px;
       transition: @transition-theme;
       transition-property: color;
       color: @color-theme-font-label;
+      .mixin-ellipsis-1;
     }
     dd a {
       display: block;
@@ -124,17 +150,19 @@ export default {
       text-decoration: none;
 
       position: relative;
-      padding: 10px;
-      margin: 5px 0;
+      padding: 10px 10px;
+      // margin: 5px 0;
       // border-left: 5px solid transparent;
       transition: @transition-theme;
       transition-property: color;
       color: @color-theme-font;
       cursor: pointer;
-      font-size: 14px;
+      font-size: 11.5px;
+      text-align: center;
 
       transition: background-color 0.3s ease;
-      border-radius: 4px;
+      // border-radius: 4px;
+      .mixin-ellipsis-1;
 
       &.active {
         // border-left-color: @color-theme-active;
@@ -151,6 +179,10 @@ export default {
   }
 }
 
+.icon {
+  margin-bottom: 5px;
+}
+
 
 each(@themes, {
   :global(#container.@{value}) {
diff --git a/src/renderer/components/core/Icons.vue b/src/renderer/components/core/Icons.vue
index 10ce2f23..1c863c1a 100644
--- a/src/renderer/components/core/Icons.vue
+++ b/src/renderer/components/core/Icons.vue
@@ -1,83 +1,118 @@
 <template lang="pug">
 svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' style="display: none;")
   defs
-    g#icon-search
+    g#icon-search(fill='currentColor')
       // 30.239 30.239
-      path(fill='currentColor' d='M20.194,3.46c-4.613-4.613-12.121-4.613-16.734,0c-4.612,4.614-4.612,12.121,0,16.735c4.108,4.107,10.506,4.547,15.116,1.34c0.097,0.459,0.319,0.897,0.676,1.254l6.718,6.718c0.979,0.977,2.561,0.977,3.535,0c0.978-0.978,0.978-2.56,0-3.535l-6.718-6.72c-0.355-0.354-0.794-0.577-1.253-0.674C24.743,13.967,24.303,7.57,20.194,3.46zM18.073,18.074c-3.444,3.444-9.049,3.444-12.492,0c-3.442-3.444-3.442-9.048,0-12.492c3.443-3.443,9.048-3.443,12.492,0C21.517,9.026,21.517,14.63,18.073,18.074z')
-    g#icon-download
-      path(fill='currentColor' d='M467.083,318.627c-5.324-5.328-11.8-7.994-19.41-7.994H315.195l-38.828,38.827c-11.04,10.657-23.982,15.988-38.828,15.988c-14.843,0-27.789-5.324-38.828-15.988l-38.543-38.827H27.408c-7.612,0-14.083,2.669-19.414,7.994C2.664,323.955,0,330.427,0,338.044v91.358c0,7.614,2.664,14.085,7.994,19.414c5.33,5.328,11.801,7.99,19.414,7.99h420.266c7.61,0,14.086-2.662,19.41-7.99c5.332-5.329,7.994-11.8,7.994-19.414v-91.358C475.078,330.427,472.416,323.955,467.083,318.627zM360.025,414.841c-3.621,3.617-7.905,5.424-12.854,5.424s-9.227-1.807-12.847-5.424c-3.614-3.617-5.421-7.898-5.421-12.844c0-4.948,1.807-9.236,5.421-12.847c3.62-3.62,7.898-5.431,12.847-5.431s9.232,1.811,12.854,5.431c3.613,3.61,5.421,7.898,5.421,12.847C365.446,406.942,363.638,411.224,360.025,414.841z M433.109,414.841c-3.614,3.617-7.898,5.424-12.848,5.424c-4.948,0-9.229-1.807-12.847-5.424c-3.613-3.617-5.42-7.898-5.42-12.844c0-4.948,1.807-9.236,5.42-12.847c3.617-3.62,7.898-5.431,12.847-5.431c4.949,0,9.233,1.811,12.848,5.431c3.617,3.61,5.427,7.898,5.427,12.847C438.536,406.942,436.729,411.224,433.109,414.841z')
-      path(fill='currentColor' d='M224.692,323.479c3.428,3.613,7.71,5.421,12.847,5.421c5.141,0,9.418-1.808,12.847-5.421l127.907-127.908c5.899-5.519,7.234-12.182,3.997-19.986c-3.23-7.421-8.847-11.132-16.844-11.136h-73.091V36.543c0-4.948-1.811-9.231-5.421-12.847c-3.62-3.617-7.901-5.426-12.847-5.426h-73.096c-4.946,0-9.229,1.809-12.847,5.426c-3.615,3.616-5.424,7.898-5.424,12.847V164.45h-73.089c-7.998,0-13.61,3.715-16.846,11.136c-3.234,7.801-1.903,14.467,3.999,19.986L224.692,323.479z')
-    g#icon-testPlay
-      path(fill='currentColor' d='M62.743,155.437v98.42c0,5.867,4.741,10.605,10.605,10.605c5.854,0,10.605-4.738,10.605-10.605v-98.42c0-5.856-4.751-10.605-10.605-10.605C67.484,144.832,62.743,149.576,62.743,155.437z')
-      path(fill='currentColor' d='M29.456,264.582h23.351v-116.85c0.064-0.56,0.166-1.119,0.166-1.693c0-50.412,40.69-91.42,90.698-91.42c50.002,0,90.692,41.008,90.692,91.42c0,0.771,0.113,1.518,0.228,2.263v116.28h23.354c16.254,0,29.442-13.64,29.442-30.469v-60.936c0-13.878-8.989-25.57-21.261-29.249c-1.129-66.971-55.608-121.124-122.45-121.124c-66.86,0-121.347,54.158-122.465,121.15C8.956,147.638,0,159.32,0,173.187v60.926C0,250.932,13.187,264.582,29.456,264.582z')
-      path(fill='currentColor' d='M203.454,155.437v98.42c0,5.867,4.748,10.605,10.604,10.605s10.604-4.738,10.604-10.605v-98.42c0-5.856-4.748-10.605-10.604-10.605C208.191,144.832,203.454,149.576,203.454,155.437z')
-    g#icon-addTo
-      path(fill='currentColor' d='M37.059,16H26V4.941C26,2.224,23.718,0,21,0s-5,2.224-5,4.941V16H4.941C2.224,16,0,18.282,0,21s2.224,5,4.941,5H16v11.059C16,39.776,18.282,42,21,42s5-2.224,5-4.941V26h11.059C39.776,26,42,23.718,42,21S39.776,16,37.059,16z')
-    g#icon-delete
+      path(d='M20.194,3.46c-4.613-4.613-12.121-4.613-16.734,0c-4.612,4.614-4.612,12.121,0,16.735c4.108,4.107,10.506,4.547,15.116,1.34c0.097,0.459,0.319,0.897,0.676,1.254l6.718,6.718c0.979,0.977,2.561,0.977,3.535,0c0.978-0.978,0.978-2.56,0-3.535l-6.718-6.72c-0.355-0.354-0.794-0.577-1.253-0.674C24.743,13.967,24.303,7.57,20.194,3.46zM18.073,18.074c-3.444,3.444-9.049,3.444-12.492,0c-3.442-3.444-3.442-9.048,0-12.492c3.443-3.443,9.048-3.443,12.492,0C21.517,9.026,21.517,14.63,18.073,18.074z')
+    g#icon-download(fill='currentColor')
+      // 0 0 475.078 475.077
+      path(d='M467.083,318.627c-5.324-5.328-11.8-7.994-19.41-7.994H315.195l-38.828,38.827c-11.04,10.657-23.982,15.988-38.828,15.988c-14.843,0-27.789-5.324-38.828-15.988l-38.543-38.827H27.408c-7.612,0-14.083,2.669-19.414,7.994C2.664,323.955,0,330.427,0,338.044v91.358c0,7.614,2.664,14.085,7.994,19.414c5.33,5.328,11.801,7.99,19.414,7.99h420.266c7.61,0,14.086-2.662,19.41-7.99c5.332-5.329,7.994-11.8,7.994-19.414v-91.358C475.078,330.427,472.416,323.955,467.083,318.627zM360.025,414.841c-3.621,3.617-7.905,5.424-12.854,5.424s-9.227-1.807-12.847-5.424c-3.614-3.617-5.421-7.898-5.421-12.844c0-4.948,1.807-9.236,5.421-12.847c3.62-3.62,7.898-5.431,12.847-5.431s9.232,1.811,12.854,5.431c3.613,3.61,5.421,7.898,5.421,12.847C365.446,406.942,363.638,411.224,360.025,414.841z M433.109,414.841c-3.614,3.617-7.898,5.424-12.848,5.424c-4.948,0-9.229-1.807-12.847-5.424c-3.613-3.617-5.42-7.898-5.42-12.844c0-4.948,1.807-9.236,5.42-12.847c3.617-3.62,7.898-5.431,12.847-5.431c4.949,0,9.233,1.811,12.848,5.431c3.617,3.61,5.427,7.898,5.427,12.847C438.536,406.942,436.729,411.224,433.109,414.841z')
+      path(d='M224.692,323.479c3.428,3.613,7.71,5.421,12.847,5.421c5.141,0,9.418-1.808,12.847-5.421l127.907-127.908c5.899-5.519,7.234-12.182,3.997-19.986c-3.23-7.421-8.847-11.132-16.844-11.136h-73.091V36.543c0-4.948-1.811-9.231-5.421-12.847c-3.62-3.617-7.901-5.426-12.847-5.426h-73.096c-4.946,0-9.229,1.809-12.847,5.426c-3.615,3.616-5.424,7.898-5.424,12.847V164.45h-73.089c-7.998,0-13.61,3.715-16.846,11.136c-3.234,7.801-1.903,14.467,3.999,19.986L224.692,323.479z')
+    g#icon-testPlay(fill='currentColor')
+      path(d='M62.743,155.437v98.42c0,5.867,4.741,10.605,10.605,10.605c5.854,0,10.605-4.738,10.605-10.605v-98.42c0-5.856-4.751-10.605-10.605-10.605C67.484,144.832,62.743,149.576,62.743,155.437z')
+      path(d='M29.456,264.582h23.351v-116.85c0.064-0.56,0.166-1.119,0.166-1.693c0-50.412,40.69-91.42,90.698-91.42c50.002,0,90.692,41.008,90.692,91.42c0,0.771,0.113,1.518,0.228,2.263v116.28h23.354c16.254,0,29.442-13.64,29.442-30.469v-60.936c0-13.878-8.989-25.57-21.261-29.249c-1.129-66.971-55.608-121.124-122.45-121.124c-66.86,0-121.347,54.158-122.465,121.15C8.956,147.638,0,159.32,0,173.187v60.926C0,250.932,13.187,264.582,29.456,264.582z')
+      path(d='M203.454,155.437v98.42c0,5.867,4.748,10.605,10.604,10.605s10.604-4.738,10.604-10.605v-98.42c0-5.856-4.748-10.605-10.604-10.605C208.191,144.832,203.454,149.576,203.454,155.437z')
+    g#icon-addTo(fill='currentColor')
+      path(d='M37.059,16H26V4.941C26,2.224,23.718,0,21,0s-5,2.224-5,4.941V16H4.941C2.224,16,0,18.282,0,21s2.224,5,4.941,5H16v11.059C16,39.776,18.282,42,21,42s5-2.224,5-4.941V26h11.059C39.776,26,42,23.718,42,21S39.776,16,37.059,16z')
+    g#icon-delete(fill='currentColor')
       // 0 0 212.982 212.982
-      path(fill='currentColor' d='M131.804,106.491l75.936-75.936c6.99-6.99,6.99-18.323,0-25.312c-6.99-6.99-18.322-6.99-25.312,0l-75.937,75.937L30.554,5.242c-6.99-6.99-18.322-6.99-25.312,0c-6.989,6.99-6.989,18.323,0,25.312l75.937,75.936L5.242,182.427c-6.989,6.99-6.989,18.323,0,25.312c6.99,6.99,18.322,6.99,25.312,0l75.937-75.937l75.937,75.937c6.989,6.99,18.322,6.99,25.312,0c6.99-6.99,6.99-18.322,0-25.312L131.804,106.491z')
-    g#icon-left
+      path(d='M131.804,106.491l75.936-75.936c6.99-6.99,6.99-18.323,0-25.312c-6.99-6.99-18.322-6.99-25.312,0l-75.937,75.937L30.554,5.242c-6.99-6.99-18.322-6.99-25.312,0c-6.989,6.99-6.989,18.323,0,25.312l75.937,75.936L5.242,182.427c-6.989,6.99-6.989,18.323,0,25.312c6.99,6.99,18.322,6.99,25.312,0l75.937-75.937l75.937,75.937c6.989,6.99,18.322,6.99,25.312,0c6.99-6.99,6.99-18.322,0-25.312L131.804,106.491z')
+    g#icon-left(fill='currentColor')
       // 451.847 451.847
-      path(fill='currentColor' d='M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z')
-    g#icon-right
+      path(d='M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z')
+    g#icon-right(fill='currentColor')
       // 451.846 451.847
-      path(fill='currentColor' d='M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z')
-    g#icon-first
+      path(d='M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z')
+    g#icon-first(fill='currentColor')
       // 454.522 454.522
-      path(fill='currentColor' d='M248.299,399.167c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.391,12.365-44.75,0L9.259,249.63C3.085,243.453,0,235.355,0,227.258c0-8.095,3.091-16.192,9.259-22.366l194.29-194.284c12.359-12.359,32.396-12.359,44.75,0c12.354,12.354,12.354,32.388,0,44.748L76.391,227.258L248.299,399.167z M273.349,227.258L445.258,55.355c12.354-12.359,12.354-32.394,0-44.748c-12.354-12.359-32.392-12.359-44.751,0L206.218,204.892c-6.174,6.18-9.26,14.271-9.26,22.366c0,8.098,3.092,16.195,9.26,22.372l194.289,194.281c12.359,12.365,32.397,12.365,44.751,0c12.354-12.354,12.354-32.391,0-44.744L273.349,227.258z')
-    g#icon-last
+      path(d='M248.299,399.167c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.391,12.365-44.75,0L9.259,249.63C3.085,243.453,0,235.355,0,227.258c0-8.095,3.091-16.192,9.259-22.366l194.29-194.284c12.359-12.359,32.396-12.359,44.75,0c12.354,12.354,12.354,32.388,0,44.748L76.391,227.258L248.299,399.167z M273.349,227.258L445.258,55.355c12.354-12.359,12.354-32.394,0-44.748c-12.354-12.359-32.392-12.359-44.751,0L206.218,204.892c-6.174,6.18-9.26,14.271-9.26,22.366c0,8.098,3.092,16.195,9.26,22.372l194.289,194.281c12.359,12.365,32.397,12.365,44.751,0c12.354-12.354,12.354-32.391,0-44.744L273.349,227.258z')
+    g#icon-last(fill='currentColor')
       // 454.52 454.52
-      path(fill='currentColor' d='M378.135,227.256L206.224,55.354c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.388-12.359,44.747,0L445.258,204.89c6.177,6.18,9.262,14.271,9.262,22.366c0,8.098-3.091,16.195-9.262,22.372L250.971,443.91c-12.359,12.365-32.394,12.365-44.747,0c-12.354-12.354-12.354-32.391,0-44.744L378.135,227.256z M9.265,399.166c-12.354,12.354-12.354,32.391,0,44.744c12.354,12.365,32.382,12.365,44.748,0l194.287-194.281c6.177-6.177,9.257-14.274,9.257-22.372c0-8.095-3.086-16.192-9.257-22.366L54.013,10.606c-12.365-12.359-32.394-12.359-44.748,0c-12.354,12.354-12.354,32.388,0,44.748L181.18,227.256L9.265,399.166z')
-    g#icon-check-true
+      path(d='M378.135,227.256L206.224,55.354c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.388-12.359,44.747,0L445.258,204.89c6.177,6.18,9.262,14.271,9.262,22.366c0,8.098-3.091,16.195-9.262,22.372L250.971,443.91c-12.359,12.365-32.394,12.365-44.747,0c-12.354-12.354-12.354-32.391,0-44.744L378.135,227.256z M9.265,399.166c-12.354,12.354-12.354,32.391,0,44.744c12.354,12.365,32.382,12.365,44.748,0l194.287-194.281c6.177-6.177,9.257-14.274,9.257-22.372c0-8.095-3.086-16.192-9.257-22.366L54.013,10.606c-12.365-12.359-32.394-12.359-44.748,0c-12.354,12.354-12.354,32.388,0,44.748L181.18,227.256L9.265,399.166z')
+    g#icon-check-true(fill='currentColor')
       // 0 32 448 448
-      path(fill='currentColor' d='M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z')
-    g#icon-check-indeterminate
+      path(d='M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z')
+    g#icon-check-indeterminate(fill='currentColor')
       // 0 0 448 512
-      path(fill='currentColor' d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM92 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H92z')
-    g#icon-logo
-      path(fill='currentColor' d='M9.891,22.917q0,3.644,7.161,3.646,8.2-.131,8.333-5.859,0.128-4.556-5.729-4.427a24.919,24.919,0,0,0-5.078.781h0.13l-2.865-.912h0a16.1,16.1,0,0,0-1.953,6.771h0Zm8.2-10.156Q22,14.845,25.906,17.188l1.3-2.344q-3.516-1.563-6.9-3.386Q24.732,8.6,24.6,6.25,24.6,3,20.047,2.995a23.248,23.248,0,0,0-4.3.391,14.5,14.5,0,0,1,1.823-2.214L14.839-.26a86.54,86.54,0,0,1-6.51,9.115l2.214,1.563q0.519-.781,1.432-2.083Q13.015,6.9,13.406,6.25A21.552,21.552,0,0,1,19.4,5.078q2.212,0.131,2.474,1.3-0.131,1.563-4.036,3.906L15.88,9.115A22.155,22.155,0,0,1,13.8,8.073l-1.3,1.953q1.431,0.781,2.995,1.563-3.125,1.434-7.422,2.995L9.24,16.927a62.119,62.119,0,0,0,8.854-4.167h0ZM22.651,20.7q0,3.906-5.989,3.906-4.038,0-4.036-2.083a18.068,18.068,0,0,1,.521-2.474,19.643,19.643,0,0,1,6.9-1.432q2.734-.128,2.6,2.083h0ZM5.073,19.922a9.4,9.4,0,0,1,.911-2.344,4.852,4.852,0,0,0,1.042-2.865q0.391-1.562-5.469-5.338L0.125,11.589q4.166,2.475,4.167,3.386a2.727,2.727,0,0,1-.781,1.953,6.678,6.678,0,0,0-1.172,3.125Q2.207,21.1,5.333,25.391l2.214-1.3q-2.606-3.125-2.474-4.167h0ZM4.682,0.521L2.859,2.214Q5.2,4.167,7.417,6.25L9.109,4.557Q6.766,2.6,4.682.521h0ZM37.365,12.24Q37.233,9.9,37.1,8.724q2.212-.391,4.3-0.781l-0.911.781a2.109,2.109,0,0,1,1.3,1.042,1.354,1.354,0,0,1-1.172,1.172q-1.3.522-1.172,1.042-0.131.781,2.6,2.865l1.3-1.3a2.708,2.708,0,0,1-1.3-1.432q0.259-1.172.911-1.172a1.19,1.19,0,0,0,1.693-.651,5.468,5.468,0,0,0-2.083-2.474,14.706,14.706,0,0,1,1.693-.26,14.121,14.121,0,0,1,1.563-.13q0.128,2.734.13,6.771h2.083v-6.9q1.822-.128,3.516-0.13l-1.172,1.3a2.109,2.109,0,0,1,1.3,1.042,1.125,1.125,0,0,1-.911,1.172A1.572,1.572,0,0,0,49.6,11.719q0.128,1.172,2.864,2.734l1.172-1.432a1.923,1.923,0,0,1-1.432-1.562q-0.131-1.172,1.432-.911a1.18,1.18,0,0,0,1.042-1.172q0-.909-2.344-2.214,4.947,0,4.688,1.693a15.6,15.6,0,0,1-.781,4.427l2.474,0.781q0.65-.781.912-4.3V9.115Q59.89,4.69,53.9,4.948a57.07,57.07,0,0,0-5.859.26V3.255h9.245V0.911q-6.9.262-20.052,0V3.385Q41.4,3.257,45.7,3.255c0,0.521.043,1.217,0.13,2.083A63.272,63.272,0,0,0,36.974,6.51V5.99L34.63,6.38a67.9,67.9,0,0,1,.781,8.2l2.214-.26a13.278,13.278,0,0,0-.26-2.083h0ZM48.432,26.432q9.113,0.391,8.724-6.771,0.128-4.556-5.469-4.427a94.959,94.959,0,0,0-14.193,1.432l0.651,2.344a57.233,57.233,0,0,1,12.891-1.562q3.644-.128,3.646,1.823-7.944.781-15.625,0.781V22.4q1.172-.128,3.906-0.26,7.159-.519,11.589-0.651-0.522,2.866-5.859,2.995-6.381,0-11.2-.391l-0.13,2.083q6.119,0.259,11.068.26h0ZM4.292,54.037q0.259,5.34,8.073,5.6,11.719-.262,11.979-7.812,0.26-5.469-6.641-5.469a33.081,33.081,0,0,0-9.115,1.3c0-.173.043-0.26,0.13-0.26L6.245,46.224a15.689,15.689,0,0,0-1.953,7.813h0ZM7.417,38.542q1.172,2.084,2.214,4.427Q4.811,43.359.125,43.49l0.26,2.474q13.541-1.172,25.391-1.953c0.781-.085,1.345-0.13,1.693-0.13l-0.13-2.474q-4.819.522-9.766,0.912,1.563-2.863,2.6-4.687a10.907,10.907,0,0,1,1.953-.13,17.99,17.99,0,0,1,1.823-.13l-0.26-2.344q-4.037.391-8.2,0.781a24.974,24.974,0,0,1-3.516-3.385l-1.953,1.432a10.99,10.99,0,0,1,1.823,1.563,2.825,2.825,0,0,1,.521.651q-4.559.391-9.245,0.521l0.26,2.474a30.239,30.239,0,0,1,4.036-.521h0Zm6.51,13.021q-2.344,0-6.641-.13a2.111,2.111,0,0,1,.13-0.521V50.521A43.444,43.444,0,0,1,17.443,48.7q4.425-.128,4.3,2.995-0.391,5.341-9.115,5.6-5.341-.26-5.729-3.386v-0.13q6.119,0,11.589.391l0.26-2.6a44.171,44.171,0,0,1-4.818,0h0ZM10.932,40.1q-0.653-1.172-1.042-1.823,3.775-.128,7.552-0.521-0.131.263-.521,0.912a23.766,23.766,0,0,1-1.953,3.385l1.042,0.391a24.38,24.38,0,0,0-2.865.26q-2.084.131-3.125,0.26l1.823-.911q-0.262-.65-0.911-1.953h0ZM38.146,37.76a1.017,1.017,0,0,1,.391-0.13q-2.216,5.469-2.344,7.813Q35.93,48.7,39.839,48.7a48.348,48.348,0,0,0,6.25-.391q0.259,3.516.26,8.073a1.328,1.328,0,0,1-1.432,1.693,11.872,11.872,0,0,1-3.776-.651L40.75,59.766a15.948,15.948,0,0,0,4.818.781q4.166,0.128,3.646-4.3,0-.65-0.13-2.734Q48.821,50,48.693,48.047a37.613,37.613,0,0,0,9.115-1.823L56.766,43.75a36.612,36.612,0,0,1-8.2,1.693q-0.262-4.034-.391-4.948l-2.734.391a43.768,43.768,0,0,1,.521,4.427V45.7q-3,.263-5.6.26-1.563-.128-1.562-1.3a27.8,27.8,0,0,1,2.734-7.552,133.766,133.766,0,0,1,14.063-1.823l-0.521-2.474q-5.209.912-13.672,1.823-2.734.391-4.167,0.521l0.521,2.734a0.532,0.532,0,0,1,.391-0.13h0Zm3.906,13.8-2.083-1.953a72.922,72.922,0,0,1-5.6,6.771L36.583,58.2q2.863-3.775,5.469-6.641h0ZM53.51,49.74l-1.953,1.953a57.424,57.424,0,0,1,6.25,5.859l1.823-2.083q-3-2.734-6.12-5.729h0Zm17.448,8.073q6.119-.781,9.245-1.042-0.391.781-1.042,1.953a5.6,5.6,0,0,0-.521,1.042l2.344,1.042a77.847,77.847,0,0,0,6.51-19.661h0.521q3.644-.391,3.255,2.995a31.071,31.071,0,0,1-1.562,10.938q-0.781,2.216-2.083,2.214A6.934,6.934,0,0,1,84.5,56.51l-0.651,2.214a8.911,8.911,0,0,0,4.037.911q3.125-.131,4.427-3.646A55.043,55.043,0,0,0,93.875,43.88q0.519-5.728-5.859-5.469A46.133,46.133,0,0,0,89.057,33.2l-2.474-.651q-0.131.912-.391,2.734Q85.8,37.5,85.542,38.542q-2.606.391-4.687,0.911l0.391,2.6q1.953-.391,3.776-0.781a73.334,73.334,0,0,1-4.427,14.583l-0.13-1.432a4.879,4.879,0,0,1-1.562.26q0.519-6.641.521-13.932,0.128-5.859-4.557-5.729a9.856,9.856,0,0,0-3.646.781V35.287l-2.6.13q0.391,7.812.651,20.573H68.094a7.74,7.74,0,0,1-1.172.13l0.13,2.214q1.3-.128,3.906-0.521h0ZM74.6,48.958q-2.344-.391-3.255-0.651l-0.13-3.776a8.078,8.078,0,0,0,1.3.261q1.822,0.262,2.865.521l0.521-2.344q-0.522-.128-1.432-0.26-2.084-.259-3.255-0.521V38.542A6.905,6.905,0,0,1,74.6,37.5q2.6-.259,2.344,4.167,0,6.122-.13,8.464-0.131,2.734-.391,4.948-0.781.131-2.474,0.26-1.563.262-2.474,0.391,0-2.6-.13-5.078,2.344,0.391,4.167.781l0.26-2.344a4,4,0,0,0-1.172-.13h0Zm32.813-10.677q3.124-.65,4.687-0.911,0.26,2.606.391,4.948-5.209.391-10.547,0.521l0.13,2.344q5.337-.259,10.547-0.651,0,0.781.13,2.474a15.467,15.467,0,0,0,.13,2.344q-3.255.131-9.114,0.391-2.475.131-3.516,0.13l0.13,2.474q3.126-.259,12.5-0.781,0.129,1.953.131,3.646,0.39,3.387-4.037,3.125l0.13,2.474q7.291,0.128,6.641-5.729V51.432q3.254-.128,8.724-0.391c1.387-.085,2.344-0.13,2.865-0.13l-0.131-2.474q-2.216.262-8.073,0.521-2.343.131-3.515,0.26a32.747,32.747,0,0,0-.261-4.3q0.26,1.953,0-.651,4.688-.259,8.594-0.651-3.906.391,0.651,0l-0.26-2.344q-0.781.131-2.474,0.26-4.428.391-6.641,0.521a43.486,43.486,0,0,1-.521-5.078q4.3-.781,8.724-1.432l-0.521-2.474q-7.812,1.825-20.7,3.516l0.521,2.6q1.563-.391,4.688-0.912h0Z')
-    g#icon-play
+      path(d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM92 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H92z')
+    g#icon-logo(fill='currentColor')
+      path(d='M9.891,22.917q0,3.644,7.161,3.646,8.2-.131,8.333-5.859,0.128-4.556-5.729-4.427a24.919,24.919,0,0,0-5.078.781h0.13l-2.865-.912h0a16.1,16.1,0,0,0-1.953,6.771h0Zm8.2-10.156Q22,14.845,25.906,17.188l1.3-2.344q-3.516-1.563-6.9-3.386Q24.732,8.6,24.6,6.25,24.6,3,20.047,2.995a23.248,23.248,0,0,0-4.3.391,14.5,14.5,0,0,1,1.823-2.214L14.839-.26a86.54,86.54,0,0,1-6.51,9.115l2.214,1.563q0.519-.781,1.432-2.083Q13.015,6.9,13.406,6.25A21.552,21.552,0,0,1,19.4,5.078q2.212,0.131,2.474,1.3-0.131,1.563-4.036,3.906L15.88,9.115A22.155,22.155,0,0,1,13.8,8.073l-1.3,1.953q1.431,0.781,2.995,1.563-3.125,1.434-7.422,2.995L9.24,16.927a62.119,62.119,0,0,0,8.854-4.167h0ZM22.651,20.7q0,3.906-5.989,3.906-4.038,0-4.036-2.083a18.068,18.068,0,0,1,.521-2.474,19.643,19.643,0,0,1,6.9-1.432q2.734-.128,2.6,2.083h0ZM5.073,19.922a9.4,9.4,0,0,1,.911-2.344,4.852,4.852,0,0,0,1.042-2.865q0.391-1.562-5.469-5.338L0.125,11.589q4.166,2.475,4.167,3.386a2.727,2.727,0,0,1-.781,1.953,6.678,6.678,0,0,0-1.172,3.125Q2.207,21.1,5.333,25.391l2.214-1.3q-2.606-3.125-2.474-4.167h0ZM4.682,0.521L2.859,2.214Q5.2,4.167,7.417,6.25L9.109,4.557Q6.766,2.6,4.682.521h0ZM37.365,12.24Q37.233,9.9,37.1,8.724q2.212-.391,4.3-0.781l-0.911.781a2.109,2.109,0,0,1,1.3,1.042,1.354,1.354,0,0,1-1.172,1.172q-1.3.522-1.172,1.042-0.131.781,2.6,2.865l1.3-1.3a2.708,2.708,0,0,1-1.3-1.432q0.259-1.172.911-1.172a1.19,1.19,0,0,0,1.693-.651,5.468,5.468,0,0,0-2.083-2.474,14.706,14.706,0,0,1,1.693-.26,14.121,14.121,0,0,1,1.563-.13q0.128,2.734.13,6.771h2.083v-6.9q1.822-.128,3.516-0.13l-1.172,1.3a2.109,2.109,0,0,1,1.3,1.042,1.125,1.125,0,0,1-.911,1.172A1.572,1.572,0,0,0,49.6,11.719q0.128,1.172,2.864,2.734l1.172-1.432a1.923,1.923,0,0,1-1.432-1.562q-0.131-1.172,1.432-.911a1.18,1.18,0,0,0,1.042-1.172q0-.909-2.344-2.214,4.947,0,4.688,1.693a15.6,15.6,0,0,1-.781,4.427l2.474,0.781q0.65-.781.912-4.3V9.115Q59.89,4.69,53.9,4.948a57.07,57.07,0,0,0-5.859.26V3.255h9.245V0.911q-6.9.262-20.052,0V3.385Q41.4,3.257,45.7,3.255c0,0.521.043,1.217,0.13,2.083A63.272,63.272,0,0,0,36.974,6.51V5.99L34.63,6.38a67.9,67.9,0,0,1,.781,8.2l2.214-.26a13.278,13.278,0,0,0-.26-2.083h0ZM48.432,26.432q9.113,0.391,8.724-6.771,0.128-4.556-5.469-4.427a94.959,94.959,0,0,0-14.193,1.432l0.651,2.344a57.233,57.233,0,0,1,12.891-1.562q3.644-.128,3.646,1.823-7.944.781-15.625,0.781V22.4q1.172-.128,3.906-0.26,7.159-.519,11.589-0.651-0.522,2.866-5.859,2.995-6.381,0-11.2-.391l-0.13,2.083q6.119,0.259,11.068.26h0ZM4.292,54.037q0.259,5.34,8.073,5.6,11.719-.262,11.979-7.812,0.26-5.469-6.641-5.469a33.081,33.081,0,0,0-9.115,1.3c0-.173.043-0.26,0.13-0.26L6.245,46.224a15.689,15.689,0,0,0-1.953,7.813h0ZM7.417,38.542q1.172,2.084,2.214,4.427Q4.811,43.359.125,43.49l0.26,2.474q13.541-1.172,25.391-1.953c0.781-.085,1.345-0.13,1.693-0.13l-0.13-2.474q-4.819.522-9.766,0.912,1.563-2.863,2.6-4.687a10.907,10.907,0,0,1,1.953-.13,17.99,17.99,0,0,1,1.823-.13l-0.26-2.344q-4.037.391-8.2,0.781a24.974,24.974,0,0,1-3.516-3.385l-1.953,1.432a10.99,10.99,0,0,1,1.823,1.563,2.825,2.825,0,0,1,.521.651q-4.559.391-9.245,0.521l0.26,2.474a30.239,30.239,0,0,1,4.036-.521h0Zm6.51,13.021q-2.344,0-6.641-.13a2.111,2.111,0,0,1,.13-0.521V50.521A43.444,43.444,0,0,1,17.443,48.7q4.425-.128,4.3,2.995-0.391,5.341-9.115,5.6-5.341-.26-5.729-3.386v-0.13q6.119,0,11.589.391l0.26-2.6a44.171,44.171,0,0,1-4.818,0h0ZM10.932,40.1q-0.653-1.172-1.042-1.823,3.775-.128,7.552-0.521-0.131.263-.521,0.912a23.766,23.766,0,0,1-1.953,3.385l1.042,0.391a24.38,24.38,0,0,0-2.865.26q-2.084.131-3.125,0.26l1.823-.911q-0.262-.65-0.911-1.953h0ZM38.146,37.76a1.017,1.017,0,0,1,.391-0.13q-2.216,5.469-2.344,7.813Q35.93,48.7,39.839,48.7a48.348,48.348,0,0,0,6.25-.391q0.259,3.516.26,8.073a1.328,1.328,0,0,1-1.432,1.693,11.872,11.872,0,0,1-3.776-.651L40.75,59.766a15.948,15.948,0,0,0,4.818.781q4.166,0.128,3.646-4.3,0-.65-0.13-2.734Q48.821,50,48.693,48.047a37.613,37.613,0,0,0,9.115-1.823L56.766,43.75a36.612,36.612,0,0,1-8.2,1.693q-0.262-4.034-.391-4.948l-2.734.391a43.768,43.768,0,0,1,.521,4.427V45.7q-3,.263-5.6.26-1.563-.128-1.562-1.3a27.8,27.8,0,0,1,2.734-7.552,133.766,133.766,0,0,1,14.063-1.823l-0.521-2.474q-5.209.912-13.672,1.823-2.734.391-4.167,0.521l0.521,2.734a0.532,0.532,0,0,1,.391-0.13h0Zm3.906,13.8-2.083-1.953a72.922,72.922,0,0,1-5.6,6.771L36.583,58.2q2.863-3.775,5.469-6.641h0ZM53.51,49.74l-1.953,1.953a57.424,57.424,0,0,1,6.25,5.859l1.823-2.083q-3-2.734-6.12-5.729h0Zm17.448,8.073q6.119-.781,9.245-1.042-0.391.781-1.042,1.953a5.6,5.6,0,0,0-.521,1.042l2.344,1.042a77.847,77.847,0,0,0,6.51-19.661h0.521q3.644-.391,3.255,2.995a31.071,31.071,0,0,1-1.562,10.938q-0.781,2.216-2.083,2.214A6.934,6.934,0,0,1,84.5,56.51l-0.651,2.214a8.911,8.911,0,0,0,4.037.911q3.125-.131,4.427-3.646A55.043,55.043,0,0,0,93.875,43.88q0.519-5.728-5.859-5.469A46.133,46.133,0,0,0,89.057,33.2l-2.474-.651q-0.131.912-.391,2.734Q85.8,37.5,85.542,38.542q-2.606.391-4.687,0.911l0.391,2.6q1.953-.391,3.776-0.781a73.334,73.334,0,0,1-4.427,14.583l-0.13-1.432a4.879,4.879,0,0,1-1.562.26q0.519-6.641.521-13.932,0.128-5.859-4.557-5.729a9.856,9.856,0,0,0-3.646.781V35.287l-2.6.13q0.391,7.812.651,20.573H68.094a7.74,7.74,0,0,1-1.172.13l0.13,2.214q1.3-.128,3.906-0.521h0ZM74.6,48.958q-2.344-.391-3.255-0.651l-0.13-3.776a8.078,8.078,0,0,0,1.3.261q1.822,0.262,2.865.521l0.521-2.344q-0.522-.128-1.432-0.26-2.084-.259-3.255-0.521V38.542A6.905,6.905,0,0,1,74.6,37.5q2.6-.259,2.344,4.167,0,6.122-.13,8.464-0.131,2.734-.391,4.948-0.781.131-2.474,0.26-1.563.262-2.474,0.391,0-2.6-.13-5.078,2.344,0.391,4.167.781l0.26-2.344a4,4,0,0,0-1.172-.13h0Zm32.813-10.677q3.124-.65,4.687-0.911,0.26,2.606.391,4.948-5.209.391-10.547,0.521l0.13,2.344q5.337-.259,10.547-0.651,0,0.781.13,2.474a15.467,15.467,0,0,0,.13,2.344q-3.255.131-9.114,0.391-2.475.131-3.516,0.13l0.13,2.474q3.126-.259,12.5-0.781,0.129,1.953.131,3.646,0.39,3.387-4.037,3.125l0.13,2.474q7.291,0.128,6.641-5.729V51.432q3.254-.128,8.724-0.391c1.387-.085,2.344-0.13,2.865-0.13l-0.131-2.474q-2.216.262-8.073,0.521-2.343.131-3.515,0.26a32.747,32.747,0,0,0-.261-4.3q0.26,1.953,0-.651,4.688-.259,8.594-0.651-3.906.391,0.651,0l-0.26-2.344q-0.781.131-2.474,0.26-4.428.391-6.641,0.521a43.486,43.486,0,0,1-.521-5.078q4.3-.781,8.724-1.432l-0.521-2.474q-7.812,1.825-20.7,3.516l0.521,2.6q1.563-.391,4.688-0.912h0Z')
+    g#icon-play(fill='currentColor')
       // 170 170
-      path(fill='currentColor' d='M34.857,3.613C20.084-4.861,8.107,2.081,8.107,19.106v125.637c0,17.042,11.977,23.975,26.75,15.509L144.67,97.275c14.778-8.477,14.778-22.211,0-30.686L34.857,3.613z')
-    g#icon-pause
+      path(d='M34.857,3.613C20.084-4.861,8.107,2.081,8.107,19.106v125.637c0,17.042,11.977,23.975,26.75,15.509L144.67,97.275c14.778-8.477,14.778-22.211,0-30.686L34.857,3.613z')
+    g#icon-pause(fill='currentColor')
       // 277.338 277.338
-      path(fill='currentColor' d='M14.22,45.665v186.013c0,25.223,16.711,45.66,37.327,45.66c20.618,0,37.339-20.438,37.339-45.66V45.665c0-25.211-16.721-45.657-37.339-45.657C30.931,0,14.22,20.454,14.22,45.665z')
-      path(fill='currentColor' d='M225.78,0c-20.614,0-37.325,20.446-37.325,45.657V231.67c0,25.223,16.711,45.652,37.325,45.652s37.338-20.43,37.338-45.652V45.665C263.109,20.454,246.394,0,225.78,0z')
-    g#icon-nextMusic
+      path(d='M14.22,45.665v186.013c0,25.223,16.711,45.66,37.327,45.66c20.618,0,37.339-20.438,37.339-45.66V45.665c0-25.211-16.721-45.657-37.339-45.657C30.931,0,14.22,20.454,14.22,45.665z')
+      path(d='M225.78,0c-20.614,0-37.325,20.446-37.325,45.657V231.67c0,25.223,16.711,45.652,37.325,45.652s37.338-20.43,37.338-45.652V45.665C263.109,20.454,246.394,0,225.78,0z')
+    g#icon-nextMusic(fill='currentColor')
       // 220.847 220.847
-      path(fill='currentColor' d='M199.948,188.028c11.536,0,20.898-13.811,20.898-30.842V63.66c0-17.026-9.367-30.841-20.898-30.841c-11.548,0-20.899,13.815-20.899,30.841v25.8l-75.96-43.559C88.634,37.604,76.89,44.1,76.39,60.351l48.558,27.848c9.579,5.489,15.079,13.595,15.079,22.232c0,8.645-5.5,16.744-15.079,22.243L76.39,160.511c0.5,16.239,12.244,22.743,26.699,14.447l75.96-43.548v25.776C179.044,174.223,188.4,188.028,199.948,188.028z')
-      path(fill='currentColor' d='M112.525,95.091L26.75,45.901C11.982,37.427,0,44.369,0,61.404v98.062c0,17.025,11.982,23.969,26.75,15.492l85.781-49.177C127.294,117.305,127.294,103.565,112.525,95.091z')
+      path(d='M199.948,188.028c11.536,0,20.898-13.811,20.898-30.842V63.66c0-17.026-9.367-30.841-20.898-30.841c-11.548,0-20.899,13.815-20.899,30.841v25.8l-75.96-43.559C88.634,37.604,76.89,44.1,76.39,60.351l48.558,27.848c9.579,5.489,15.079,13.595,15.079,22.232c0,8.645-5.5,16.744-15.079,22.243L76.39,160.511c0.5,16.239,12.244,22.743,26.699,14.447l75.96-43.548v25.776C179.044,174.223,188.4,188.028,199.948,188.028z')
+      path(d='M112.525,95.091L26.75,45.901C11.982,37.427,0,44.369,0,61.404v98.062c0,17.025,11.982,23.969,26.75,15.492l85.781-49.177C127.294,117.305,127.294,103.565,112.525,95.091z')
       // 205.857 205.857
-      //- path(fill='currentColor' d='M174.522,0h-26.848c-9.885,0-17.897,8.013-17.897,17.899v62.533L37.513,2.522c-3.483-2.406-7.807-2.005-11.072-2.005c-13.061,0-13.004,11.7-13.004,14.666v175.983c0,2.507-0.057,14.666,13.004,14.666c3.265,0,7.589,0.401,11.072-2.005l92.265-77.91v62.016c0,9.885,8.012,17.898,17.897,17.898h26.848c9.885,0,17.898-8.013,17.898-17.898V17.899C192.421,8.013,184.408,0,174.522,0z')
-    g#icon-sound
+      //- path(d='M174.522,0h-26.848c-9.885,0-17.897,8.013-17.897,17.899v62.533L37.513,2.522c-3.483-2.406-7.807-2.005-11.072-2.005c-13.061,0-13.004,11.7-13.004,14.666v175.983c0,2.507-0.057,14.666,13.004,14.666c3.265,0,7.589,0.401,11.072-2.005l92.265-77.91v62.016c0,9.885,8.012,17.898,17.897,17.898h26.848c9.885,0,17.898-8.013,17.898-17.898V17.899C192.421,8.013,184.408,0,174.522,0z')
+    g#icon-sound(fill='currentColor')
       // 0 0 291.063 291.064
-      path(fill='currentColor' d='M26.512,204.255h18.292l106.48,67.761c12.354,7.855,22.369,2.361,22.369-12.282v-69.397c16.933-8.854,28.501-26.559,28.501-46.983c0-20.425-11.568-38.129-28.501-46.986V31.645c0-14.639-10.18-20.401-22.731-12.873L44.804,82.443H26.512C11.866,82.443,0,94.311,0,108.955v68.789C0,192.387,11.866,204.255,26.512,204.255z')
-      path(fill='currentColor' d='M219.791,152.899c-0.818,11.185-4.039,21.758-9.569,31.426c-3.635,6.354-1.43,14.452,4.919,18.087c2.082,1.187,4.34,1.751,6.576,1.751c4.599,0,9.062-2.393,11.517-6.675c7.508-13.138,11.889-27.491,12.986-42.663c1.714-23.397-4.836-46.781-18.455-65.845c-4.256-5.96-12.536-7.332-18.491-3.081c-5.959,4.259-7.337,12.531-3.08,18.491C216.218,118.425,221.055,135.653,219.791,152.899z')
-      path(fill='currentColor' d='M290.7,158c3.34-45.736-16.508-89.592-53.097-117.318c-5.841-4.433-14.146-3.27-18.568,2.556c-4.428,5.838-3.283,14.151,2.558,18.568c29.401,22.281,45.355,57.521,42.668,94.252c-2.02,27.636-14.375,53.159-34.787,71.867c-5.396,4.95-5.758,13.339-0.808,18.729c2.609,2.854,6.188,4.298,9.771,4.298c3.194,0,6.41-1.154,8.953-3.484C272.805,224.175,288.184,192.408,290.7,158z')
+      path(d='M26.512,204.255h18.292l106.48,67.761c12.354,7.855,22.369,2.361,22.369-12.282v-69.397c16.933-8.854,28.501-26.559,28.501-46.983c0-20.425-11.568-38.129-28.501-46.986V31.645c0-14.639-10.18-20.401-22.731-12.873L44.804,82.443H26.512C11.866,82.443,0,94.311,0,108.955v68.789C0,192.387,11.866,204.255,26.512,204.255z')
+      path(d='M219.791,152.899c-0.818,11.185-4.039,21.758-9.569,31.426c-3.635,6.354-1.43,14.452,4.919,18.087c2.082,1.187,4.34,1.751,6.576,1.751c4.599,0,9.062-2.393,11.517-6.675c7.508-13.138,11.889-27.491,12.986-42.663c1.714-23.397-4.836-46.781-18.455-65.845c-4.256-5.96-12.536-7.332-18.491-3.081c-5.959,4.259-7.337,12.531-3.08,18.491C216.218,118.425,221.055,135.653,219.791,152.899z')
+      path(d='M290.7,158c3.34-45.736-16.508-89.592-53.097-117.318c-5.841-4.433-14.146-3.27-18.568,2.556c-4.428,5.838-3.283,14.151,2.558,18.568c29.401,22.281,45.355,57.521,42.668,94.252c-2.02,27.636-14.375,53.159-34.787,71.867c-5.396,4.95-5.758,13.339-0.808,18.729c2.609,2.854,6.188,4.298,9.771,4.298c3.194,0,6.41-1.154,8.953-3.484C272.805,224.175,288.184,192.408,290.7,158z')
 
-    g#icon-sdCard
+    g#icon-sdCard(fill='currentColor')
       // 0 0 291.13 291.13
-      path(fill='currentColor' d="M 50.981 282.415 c 1.722 -2.372 5.494 -4.293 8.419 -4.293 h 172.331 c 2.92 0 6.695 1.921 8.419 4.293 l 6.339 8.715 h 41.74 V 18.538 C 288.23 8.298 279.929 0 269.698 0 H 48.988 L 2.9 49.632 V 291.13 h 41.744 L 50.981 282.415 Z M 240.348 27.418 c 0 -2.926 2.371 -5.302 5.302 -5.302 h 17.668 c 2.931 0 5.303 2.376 5.303 5.302 v 50.373 c 0 2.928 -2.372 5.302 -5.303 5.302 H 245.65 c -2.931 0 -5.302 -2.375 -5.302 -5.302 V 27.418 Z M 197.929 27.418 c 0 -2.926 2.371 -5.302 5.302 -5.302 h 17.668 c 2.931 0 5.303 2.376 5.303 5.302 v 50.373 c 0 2.928 -2.372 5.302 -5.303 5.302 h -17.668 c -2.931 0 -5.302 -2.375 -5.302 -5.302 V 27.418 Z M 155.509 27.418 c 0 -2.926 2.372 -5.302 5.303 -5.302 h 17.668 c 2.931 0 5.303 2.376 5.303 5.302 v 50.373 c 0 2.928 -2.372 5.302 -5.303 5.302 h -17.668 c -2.931 0 -5.303 -2.375 -5.303 -5.302 V 27.418 Z M 113.088 27.418 c 0 -2.926 2.376 -5.302 5.302 -5.302 h 17.673 c 2.926 0 5.303 2.376 5.303 5.302 v 50.373 c 0 2.928 -2.377 5.302 -5.303 5.302 H 118.39 c -2.926 0 -5.302 -2.375 -5.302 -5.302 V 27.418 Z M 70.668 27.418 c 0 -2.926 2.377 -5.302 5.303 -5.302 h 17.673 c 2.926 0 5.302 2.376 5.302 5.302 v 50.373 c 0 2.928 -2.376 5.302 -5.302 5.302 H 75.971 c -2.926 0 -5.303 -2.375 -5.303 -5.302 V 27.418 Z M 28.25 104.303 V 53.93 c 0 -2.926 2.377 -5.302 5.303 -5.302 h 17.673 c 2.925 0 5.302 2.376 5.302 5.302 v 50.373 c 0 2.928 -2.377 5.303 -5.302 5.303 H 33.552 C 30.626 109.605 28.25 107.231 28.25 104.303 Z")
-    g#icon-musicFolder
+      path(d="M 50.981 282.415 c 1.722 -2.372 5.494 -4.293 8.419 -4.293 h 172.331 c 2.92 0 6.695 1.921 8.419 4.293 l 6.339 8.715 h 41.74 V 18.538 C 288.23 8.298 279.929 0 269.698 0 H 48.988 L 2.9 49.632 V 291.13 h 41.744 L 50.981 282.415 Z M 240.348 27.418 c 0 -2.926 2.371 -5.302 5.302 -5.302 h 17.668 c 2.931 0 5.303 2.376 5.303 5.302 v 50.373 c 0 2.928 -2.372 5.302 -5.303 5.302 H 245.65 c -2.931 0 -5.302 -2.375 -5.302 -5.302 V 27.418 Z M 197.929 27.418 c 0 -2.926 2.371 -5.302 5.302 -5.302 h 17.668 c 2.931 0 5.303 2.376 5.303 5.302 v 50.373 c 0 2.928 -2.372 5.302 -5.303 5.302 h -17.668 c -2.931 0 -5.302 -2.375 -5.302 -5.302 V 27.418 Z M 155.509 27.418 c 0 -2.926 2.372 -5.302 5.303 -5.302 h 17.668 c 2.931 0 5.303 2.376 5.303 5.302 v 50.373 c 0 2.928 -2.372 5.302 -5.303 5.302 h -17.668 c -2.931 0 -5.303 -2.375 -5.303 -5.302 V 27.418 Z M 113.088 27.418 c 0 -2.926 2.376 -5.302 5.302 -5.302 h 17.673 c 2.926 0 5.303 2.376 5.303 5.302 v 50.373 c 0 2.928 -2.377 5.302 -5.303 5.302 H 118.39 c -2.926 0 -5.302 -2.375 -5.302 -5.302 V 27.418 Z M 70.668 27.418 c 0 -2.926 2.377 -5.302 5.303 -5.302 h 17.673 c 2.926 0 5.302 2.376 5.302 5.302 v 50.373 c 0 2.928 -2.376 5.302 -5.302 5.302 H 75.971 c -2.926 0 -5.303 -2.375 -5.303 -5.302 V 27.418 Z M 28.25 104.303 V 53.93 c 0 -2.926 2.377 -5.302 5.303 -5.302 h 17.673 c 2.925 0 5.302 2.376 5.302 5.302 v 50.373 c 0 2.928 -2.377 5.303 -5.302 5.303 H 33.552 C 30.626 109.605 28.25 107.231 28.25 104.303 Z")
+    g#icon-musicFolder(fill='currentColor')
       // 0 0 247.498 247.498
-      path(fill='currentColor' d="M 0 200.188 c 0 14.645 11.871 26.513 26.512 26.513 h 194.475 c 14.639 0 26.512 -11.868 26.512 -26.513 V 86.192 c 0 -14.641 -11.873 -26.512 -26.512 -26.512 H 0 V 200.188 Z M 85.553 156.537 c 4.137 -0.869 8.2 -0.678 11.788 0.373 v -43.856 c 0 -3 2.11 -5.605 5.049 -6.224 l 53.047 -11.19 l 0.011 -0.005 c 0.196 -0.041 0.414 -0.041 0.621 -0.062 c 0.228 -0.021 0.445 -0.07 0.673 -0.07 c 0 0 0 0 0.011 0 c 0.093 0 0.171 0.021 0.259 0.025 c 0.331 0.011 0.663 0.034 0.984 0.102 c 0.201 0.041 0.383 0.111 0.579 0.171 c 0.197 0.062 0.404 0.106 0.601 0.184 c 0.207 0.091 0.404 0.207 0.606 0.318 c 0.155 0.085 0.315 0.155 0.471 0.256 c 0.182 0.117 0.337 0.269 0.508 0.407 c 0.155 0.121 0.311 0.228 0.445 0.362 c 0.146 0.143 0.27 0.311 0.404 0.471 c 0.124 0.153 0.269 0.295 0.383 0.471 c 0.135 0.197 0.238 0.414 0.342 0.621 c 0.088 0.153 0.176 0.295 0.254 0.456 c 0.14 0.323 0.238 0.668 0.326 1.012 c 0.01 0.065 0.041 0.122 0.062 0.186 v 0.006 c 0.042 0.223 0.052 0.46 0.073 0.688 c 0.021 0.202 0.062 0.404 0.062 0.604 c 0 0.005 0 0.005 0 0.01 v 58.148 c 0 0.367 -0.041 0.74 -0.113 1.103 c -0.135 8.196 -7.208 15.866 -17.233 17.999 c -11.319 2.413 -22.113 -3.2 -24.096 -12.521 c -1.983 -9.331 5.6 -18.838 16.93 -21.251 c 4.137 -0.87 8.202 -0.674 11.785 0.373 v -36.001 l -40.317 8.502 v 52.985 c 0 0.373 -0.042 0.74 -0.106 1.098 c -0.143 8.202 -7.216 15.876 -17.233 18.01 c -11.33 2.407 -22.121 -3.2 -24.104 -12.521 C 66.64 168.452 74.223 158.945 85.553 156.537 Z")
-    g#icon-musicFile
+      path(d="M 0 200.188 c 0 14.645 11.871 26.513 26.512 26.513 h 194.475 c 14.639 0 26.512 -11.868 26.512 -26.513 V 86.192 c 0 -14.641 -11.873 -26.512 -26.512 -26.512 H 0 V 200.188 Z M 85.553 156.537 c 4.137 -0.869 8.2 -0.678 11.788 0.373 v -43.856 c 0 -3 2.11 -5.605 5.049 -6.224 l 53.047 -11.19 l 0.011 -0.005 c 0.196 -0.041 0.414 -0.041 0.621 -0.062 c 0.228 -0.021 0.445 -0.07 0.673 -0.07 c 0 0 0 0 0.011 0 c 0.093 0 0.171 0.021 0.259 0.025 c 0.331 0.011 0.663 0.034 0.984 0.102 c 0.201 0.041 0.383 0.111 0.579 0.171 c 0.197 0.062 0.404 0.106 0.601 0.184 c 0.207 0.091 0.404 0.207 0.606 0.318 c 0.155 0.085 0.315 0.155 0.471 0.256 c 0.182 0.117 0.337 0.269 0.508 0.407 c 0.155 0.121 0.311 0.228 0.445 0.362 c 0.146 0.143 0.27 0.311 0.404 0.471 c 0.124 0.153 0.269 0.295 0.383 0.471 c 0.135 0.197 0.238 0.414 0.342 0.621 c 0.088 0.153 0.176 0.295 0.254 0.456 c 0.14 0.323 0.238 0.668 0.326 1.012 c 0.01 0.065 0.041 0.122 0.062 0.186 v 0.006 c 0.042 0.223 0.052 0.46 0.073 0.688 c 0.021 0.202 0.062 0.404 0.062 0.604 c 0 0.005 0 0.005 0 0.01 v 58.148 c 0 0.367 -0.041 0.74 -0.113 1.103 c -0.135 8.196 -7.208 15.866 -17.233 17.999 c -11.319 2.413 -22.113 -3.2 -24.096 -12.521 c -1.983 -9.331 5.6 -18.838 16.93 -21.251 c 4.137 -0.87 8.202 -0.674 11.785 0.373 v -36.001 l -40.317 8.502 v 52.985 c 0 0.373 -0.042 0.74 -0.106 1.098 c -0.143 8.202 -7.216 15.876 -17.233 18.01 c -11.33 2.407 -22.121 -3.2 -24.104 -12.521 C 66.64 168.452 74.223 158.945 85.553 156.537 Z")
+    g#icon-musicFile(fill='currentColor')
       // -61 0 512 512
-      path(fill='currentColor' d='m295 120.5h86.230469l-111.230469-111.695312v86.53125c0 13.875 11.214844 25.164062 25 25.164062zm0 0')
-      path(fill='currentColor' d='m240 346.5c0 8.269531 6.730469 15 15 15s15-6.730469 15-15v-15.25h-15c-7.960938 0-15 6.324219-15 15.25zm0 0')
-      path(fill='currentColor' d='m295 150.5c-30.328125 0-55-24.746094-55-55.167969v-95.332031h-185c-30.328125 0-55 24.746094-55 55.167969v401.667969c0 30.417968 24.671875 55.164062 55 55.164062h280c30.328125 0 55-24.746094 55-55.167969v-306.332031zm5 196c0 24.8125-20.1875 45-45 45s-45-20.1875-45-45c0-25.507812 20.53125-45.25 45-45.25h15v-56.144531l-90 22.59375v108.925781c0 24.8125-20.1875 45-45 45s-45-20.1875-45-45c0-25.507812 20.53125-45.25 45-45.25h15v-75.375c0-6.878906 4.675781-12.875 11.347656-14.546875l120-30.125c9.46875-2.382813 18.652344 4.796875 18.652344 14.546875zm0 0')
-      path(fill='currentColor' d='m120 376.625c0 8.269531 6.730469 15 15 15s15-6.730469 15-15v-15.25h-15c-7.960938 0-15 6.324219-15 15.25zm0 0')
-    g#icon-down
+      path(d='m295 120.5h86.230469l-111.230469-111.695312v86.53125c0 13.875 11.214844 25.164062 25 25.164062zm0 0')
+      path(d='m240 346.5c0 8.269531 6.730469 15 15 15s15-6.730469 15-15v-15.25h-15c-7.960938 0-15 6.324219-15 15.25zm0 0')
+      path(d='m295 150.5c-30.328125 0-55-24.746094-55-55.167969v-95.332031h-185c-30.328125 0-55 24.746094-55 55.167969v401.667969c0 30.417968 24.671875 55.164062 55 55.164062h280c30.328125 0 55-24.746094 55-55.167969v-306.332031zm5 196c0 24.8125-20.1875 45-45 45s-45-20.1875-45-45c0-25.507812 20.53125-45.25 45-45.25h15v-56.144531l-90 22.59375v108.925781c0 24.8125-20.1875 45-45 45s-45-20.1875-45-45c0-25.507812 20.53125-45.25 45-45.25h15v-75.375c0-6.878906 4.675781-12.875 11.347656-14.546875l120-30.125c9.46875-2.382813 18.652344 4.796875 18.652344 14.546875zm0 0')
+      path(d='m120 376.625c0 8.269531 6.730469 15 15 15s15-6.730469 15-15v-15.25h-15c-7.960938 0-15 6.324219-15 15.25zm0 0')
+    g#icon-down(fill='currentColor')
       // 0 0 451.847 451.847
-      path(fill='currentColor' d='M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z')
-    g#icon-back
+      path(d='M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z')
+    g#icon-back(fill='currentColor')
       // 0 0 512 512
-      path(fill='currentColor' d='M511.563,434.259c-1.728-142.329-124.42-258.242-277.087-263.419V95.999c0-17.645-14.342-31.999-31.974-31.999 c-7.931,0-15.591,3.042-21.524,8.562c0,0-134.828,124.829-173.609,163.755C2.623,241.109,0,248.088,0,255.994 c0,7.906,2.623,14.885,7.369,19.687c38.781,38.915,173.609,163.745,173.609,163.745c5.933,5.521,13.593,8.562,21.524,8.562 c17.631,0,31.974-14.354,31.974-31.999v-74.591c153.479,2.156,255.792,50.603,255.792,95.924c0,5.896,4.767,10.666,10.658,10.666 c0.167,0.021,0.333,0.01,0.416,0c5.891,0,10.658-4.771,10.658-10.666C512,436.259,511.854,435.228,511.563,434.259z')
-    g#icon-refresh
+      path(d='M511.563,434.259c-1.728-142.329-124.42-258.242-277.087-263.419V95.999c0-17.645-14.342-31.999-31.974-31.999 c-7.931,0-15.591,3.042-21.524,8.562c0,0-134.828,124.829-173.609,163.755C2.623,241.109,0,248.088,0,255.994 c0,7.906,2.623,14.885,7.369,19.687c38.781,38.915,173.609,163.745,173.609,163.745c5.933,5.521,13.593,8.562,21.524,8.562 c17.631,0,31.974-14.354,31.974-31.999v-74.591c153.479,2.156,255.792,50.603,255.792,95.924c0,5.896,4.767,10.666,10.658,10.666 c0.167,0.021,0.333,0.01,0.416,0c5.891,0,10.658-4.771,10.658-10.666C512,436.259,511.854,435.228,511.563,434.259z')
+    g#icon-refresh(fill='currentColor')
       // 0 0 512 512
-      path(fill='currentColor' d='M440.65 12.57l4 82.77A247.16 247.16 0 0 0 255.83 8C134.73 8 33.91 94.92 12.29 209.82A12 12 0 0 0 24.09 224h49.05a12 12 0 0 0 11.67-9.26 175.91 175.91 0 0 1 317-56.94l-101.46-4.86a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12H500a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12h-47.37a12 12 0 0 0-11.98 12.57zM255.83 432a175.61 175.61 0 0 1-146-77.8l101.8 4.87a12 12 0 0 0 12.57-12v-47.4a12 12 0 0 0-12-12H12a12 12 0 0 0-12 12V500a12 12 0 0 0 12 12h47.35a12 12 0 0 0 12-12.6l-4.15-82.57A247.17 247.17 0 0 0 255.83 504c121.11 0 221.93-86.92 243.55-201.82a12 12 0 0 0-11.8-14.18h-49.05a12 12 0 0 0-11.67 9.26A175.86 175.86 0 0 1 255.83 432z')
-    g#icon-eraser
+      path(d='M440.65 12.57l4 82.77A247.16 247.16 0 0 0 255.83 8C134.73 8 33.91 94.92 12.29 209.82A12 12 0 0 0 24.09 224h49.05a12 12 0 0 0 11.67-9.26 175.91 175.91 0 0 1 317-56.94l-101.46-4.86a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12H500a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12h-47.37a12 12 0 0 0-11.98 12.57zM255.83 432a175.61 175.61 0 0 1-146-77.8l101.8 4.87a12 12 0 0 0 12.57-12v-47.4a12 12 0 0 0-12-12H12a12 12 0 0 0-12 12V500a12 12 0 0 0 12 12h47.35a12 12 0 0 0 12-12.6l-4.15-82.57A247.17 247.17 0 0 0 255.83 504c121.11 0 221.93-86.92 243.55-201.82a12 12 0 0 0-11.8-14.18h-49.05a12 12 0 0 0-11.67 9.26A175.86 175.86 0 0 1 255.83 432z')
+    g#icon-eraser(fill='currentColor')
       // 0 0 512 512
-      path(fill='currentColor' d='M497.941 273.941c18.745-18.745 18.745-49.137 0-67.882l-160-160c-18.745-18.745-49.136-18.746-67.883 0l-256 256c-18.745 18.745-18.745 49.137 0 67.882l96 96A48.004 48.004 0 0 0 144 480h356c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12H355.883l142.058-142.059zm-302.627-62.627l137.373 137.373L265.373 416H150.628l-80-80 124.686-124.686z')
+      path(d='M497.941 273.941c18.745-18.745 18.745-49.137 0-67.882l-160-160c-18.745-18.745-49.136-18.746-67.883 0l-256 256c-18.745 18.745-18.745 49.137 0 67.882l96 96A48.004 48.004 0 0 0 144 480h356c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12H355.883l142.058-142.059zm-302.627-62.627l137.373 137.373L265.373 416H150.628l-80-80 124.686-124.686z')
+
+    //- g#icon-search-2(fill='currentColor')
+    //-   // 0 0 512 512
+    //-   path(d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z')
+
+    g#icon-album(fill='currentColor')
+      // 0 0 511.334 511.334
+      path(d='m436.667 21c0-11.598-9.402-21-21-21h-394.667c-11.598 0-21 9.402-21 21v394.667c0 11.598 9.402 21 21 21s21-9.402 21-21v-373.667h373.667c11.598 0 21-9.402 21-21z')
+      path(d='m490.333 74.667h-394.666c-11.598 0-21 9.402-21 21v394.667c0 11.598 9.402 21 21 21h394.667c11.598 0 21-9.402 21-21v-394.667c-.001-11.598-9.402-21-21.001-21zm-21 394.667h-352.666v-352.667h352.667v352.667z')
+      path(d='m255.667 404.667c35.106 0 63.667-28.561 63.667-63.667 0-10.433 0-84.548 0-94.021l33.608 16.805c10.373 5.184 22.987.981 28.175-9.392 5.187-10.374.982-22.988-9.392-28.175l-64-32c-13.939-6.967-30.392 3.176-30.392 18.783v64.334h-21.667c-35.105 0-63.666 28.561-63.666 63.666 0 35.106 28.561 63.667 63.667 63.667zm0-85.333h21.667v21.666c0 11.947-9.72 21.667-21.667 21.667s-21.667-9.72-21.667-21.667c0-11.946 9.72-21.666 21.667-21.666z')
+
+    g#icon-leaderboard(fill='currentColor')
+      // 0 0 512.001 512.001
+      path(d='M506.35,80.699c-7.57-7.589-19.834-7.609-27.43-0.052L331.662,227.31l-42.557-42.557c-7.577-7.57-19.846-7.577-27.423,0L89.076,357.36c-7.577,7.57-7.577,19.853,0,27.423c3.782,3.788,8.747,5.682,13.712,5.682c4.958,0,9.93-1.894,13.711-5.682l158.895-158.888l42.531,42.524c7.57,7.57,19.808,7.577,27.397,0.032l160.97-160.323C513.881,100.571,513.907,88.288,506.35,80.699z').
+      path(d='M491.96,449.94H38.788V42.667c0-10.712-8.682-19.394-19.394-19.394S0,31.955,0,42.667v426.667c0,10.712,8.682,19.394,19.394,19.394H491.96c10.712,0,19.394-8.682,19.394-19.394C511.354,458.622,502.672,449.94,491.96,449.94z').
+      path(d='M492.606,74.344H347.152c-10.712,0-19.394,8.682-19.394,19.394s8.682,19.394,19.394,19.394h126.061v126.067c0,10.705,8.682,19.394,19.394,19.394S512,249.904,512,239.192V93.738C512,83.026,503.318,74.344,492.606,74.344z').
+
+    g#icon-love(fill='currentColor')
+      // 0 0 512 512
+      path(d='M375.467,22.164c-60.061,0-99.769,32.795-119.467,54.493c-19.697-21.696-59.406-54.493-119.467-54.493C54.581,22.164,0,98.373,0,183.744c0,63.878,32.211,188.323,247.931,304.064c5.037,2.703,11.098,2.705,16.138,0C479.79,372.066,512,247.622,512,183.744C512,96.392,455.803,22.164,375.467,22.164z M256,453.348C152.381,396.376,34.133,301.45,34.133,183.744c0-65.477,39.319-127.446,102.4-127.446c47.857,0,87.452,29.344,104.973,56.973c6.679,10.743,22.365,10.732,29.017-0.046c0.352-0.569,35.938-56.928,104.944-56.928c63.551,0,102.4,62.591,102.4,127.446C477.867,301.452,359.622,396.375,256,453.348z')
+
+    //- g#icon-download-2(fill='currentColor')
+    //-   // 0 0 512 512
+    //-   path(d='m448 512h-384c-35.285156 0-64-28.714844-64-64v-85.332031c0-11.777344 9.558594-21.335938 21.332031-21.335938 11.777344 0 21.335938 9.558594 21.335938 21.335938v85.332031c0 11.753906 9.578125 21.332031 21.332031 21.332031h384c11.753906 0 21.332031-9.578125 21.332031-21.332031v-85.332031c0-11.777344 9.558594-21.335938 21.335938-21.335938 11.773437 0 21.332031 9.558594 21.332031 21.335938v85.332031c0 35.285156-28.714844 64-64 64zm0 0')
+    //-   path(d='m356.414062 271.082031-85.332031 85.332031c-8.339843 8.34375-21.824219 8.34375-30.164062 0l-85.332031-85.332031c-6.101563-6.101562-7.9375-15.273437-4.632813-23.253906 3.308594-7.957031 11.09375-13.160156 19.714844-13.160156h64v-213.335938c0-11.773437 9.554687-21.332031 21.332031-21.332031s21.332031 9.558594 21.332031 21.332031v213.335938h64c8.621094 0 16.40625 5.203125 19.714844 13.160156 3.304687 7.980469 1.46875 17.152344-4.632813 23.253906zm0 0')
+
+    g#icon-download-2(fill='currentColor')
+      // 0 0 24 24
+      path(d='m12 16c-.205 0-.401-.084-.542-.232l-5.25-5.5c-.455-.476-.117-1.268.542-1.268h2.75v-5.75c0-.689.561-1.25 1.25-1.25h2.5c.689 0 1.25.561 1.25 1.25v5.75h2.75c.659 0 .997.792.542 1.268l-5.25 5.5c-.141.148-.337.232-.542.232z')
+      path(d='m22.25 22h-20.5c-.965 0-1.75-.785-1.75-1.75v-.5c0-.965.785-1.75 1.75-1.75h20.5c.965 0 1.75.785 1.75 1.75v.5c0 .965-.785 1.75-1.75 1.75z')
+
+    g#icon-setting(fill='currentColor')
+      // 0 0 512 512
+      path(d='M496.659,312.107l-47.061-36.8c0.597-5.675,1.109-12.309,1.109-19.328c0-7.019-0.491-13.653-1.109-19.328l47.104-36.821c8.747-6.912,11.136-19.179,5.568-29.397L453.331,85.76c-5.227-9.557-16.683-14.464-28.309-10.176l-55.531,22.293c-10.645-7.68-21.803-14.165-33.344-19.349l-8.448-58.901C326.312,8.448,316.584,0,305.086,0h-98.133c-11.499,0-21.205,8.448-22.571,19.456l-8.469,59.115c-11.179,5.035-22.165,11.435-33.28,19.349l-55.68-22.357C76.52,71.531,64.04,76.053,58.856,85.568L9.854,170.347c-5.781,9.771-3.392,22.464,5.547,29.547l47.061,36.8c-0.747,7.189-1.109,13.44-1.109,19.307s0.363,12.117,1.109,19.328l-47.104,36.821c-8.747,6.933-11.115,19.2-5.547,29.397l48.939,84.672c5.227,9.536,16.576,14.485,28.309,10.176l55.531-22.293c10.624,7.659,21.781,14.144,33.323,19.349l8.448,58.88C185.747,503.552,195.454,512,206.974,512h98.133c11.499,0,21.227-8.448,22.592-19.456l8.469-59.093c11.179-5.056,22.144-11.435,33.28-19.371l55.68,22.357c2.688,1.045,5.483,1.579,8.363,1.579c8.277,0,15.893-4.523,19.733-11.563l49.152-85.12C507.838,331.349,505.448,319.083,496.659,312.107z M256.019,341.333c-47.061,0-85.333-38.272-85.333-85.333s38.272-85.333,85.333-85.333s85.333,38.272,85.333,85.333S303.08,341.333,256.019,341.333z')
 </template>
 
diff --git a/src/renderer/components/core/Player.vue b/src/renderer/components/core/Player.vue
index 53712a06..36551e73 100644
--- a/src/renderer/components/core/Player.vue
+++ b/src/renderer/components/core/Player.vue
@@ -2,7 +2,7 @@
 div(:class="$style.player")
   div(:class="$style.left" @contextmenu="handleToMusicLocation" @click="showPlayerDetail")
     img(v-if="musicInfo.img" :src="musicInfo.img" @error="imgError")
-    svg(v-else version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='100%' height='100%' viewBox='0 0 60 60' space='preserve')
+    svg(v-else version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' height='102%' width='100%' viewBox='0 0 60 60' space='preserve')
       use(:xlink:href='`#${$style.iconPic}`')
   div(:class="$style.right" v-if="!isShowPlayerDetail")
     div(:class="$style.column1")
@@ -658,7 +658,7 @@ export default {
 
 .player {
   height: @height-player;
-  // background-color: rgb(245, 245, 245);
+  background-color: @color-theme_2;
   transition: @transition-theme;
   transition-property: border-color;
   border-top: 2px solid @color-theme;
@@ -670,16 +670,19 @@ export default {
   }
 }
 .left {
-  width: @height-player - 2;
+  width: @height-player;
   height: @height-player - 2;
   color: @color-theme;
   transition: @transition-theme;
   transition-property: color;
   flex: none;
-  padding: 2px;
+  padding: 3px 3px 3px 5px;
   opacity: 1;
   transition: @transition-theme;
   transition-property: opacity;
+  display: flex;
+  justify-content: center;
+  // align-items: center;
   cursor: pointer;
 
   &:hover {
@@ -694,6 +697,8 @@ export default {
     max-height: 100%;
     transition: @transition-theme;
     transition-property: border-color;
+    // border-radius: 50%;
+    border-radius: @radius-progress-border;
     // border: 2px solid @color-theme_2-background_1;
   }
 }
@@ -899,6 +904,7 @@ export default {
 each(@themes, {
   :global(#container.@{value}) {
     .player {
+      background-color: ~'@{color-@{value}-theme_2}';
       border-top-color: ~'@{color-@{value}-theme}';
     }
     .left {
diff --git a/src/renderer/components/material/Input.vue b/src/renderer/components/material/Input.vue
index 478e12e2..5aab07f5 100644
--- a/src/renderer/components/material/Input.vue
+++ b/src/renderer/components/material/Input.vue
@@ -55,6 +55,7 @@ export default {
   outline: none;
   transition: background-color 0.2s ease;
   background-color: @color-btn-background;
+  font-size: 13.3px;
   &[disabled] {
     opacity: .4;
   }
diff --git a/src/renderer/components/material/SearchInput.vue b/src/renderer/components/material/SearchInput.vue
index 0d060e1b..2ccfb0f1 100644
--- a/src/renderer/components/material/SearchInput.vue
+++ b/src/renderer/components/material/SearchInput.vue
@@ -140,7 +140,7 @@ export default {
   transition: box-shadow .4s ease, background-color @transition-theme;
   display: flex;
   flex-flow: column nowrap;
-  width: 240px;
+  width: 35%;
   background-color: @color-search-form-background;
 
   &.active {
@@ -148,6 +148,7 @@ export default {
     .form {
       input {
         border-bottom-left-radius: 0;
+
       }
       button {
         border-bottom-right-radius: 0;
@@ -156,7 +157,7 @@ export default {
   }
   .form {
     display: flex;
-    height: @height-toolbar / 2;
+    height: @height-toolbar * 0.52;
     position: relative;
     input {
       flex: auto;
@@ -172,6 +173,8 @@ export default {
       // height: @height-toolbar * .7;
       padding: 0 5px;
       overflow: hidden;
+      font-size: 13.5px;
+      line-height: @height-toolbar * 0.52 + 5px;
       &::placeholder {
         color: @color-btn;
       }
@@ -226,7 +229,8 @@ export default {
 }
 
 .big {
-  width: 500px;
+  min-width: 500px;
+  width: 100%;
   // input {
   //   line-height: 30px;
   // }
diff --git a/src/renderer/lang/cns/core/aside.json b/src/renderer/lang/cns/core/aside.json
index 73b67a75..19a4e34c 100644
--- a/src/renderer/lang/cns/core/aside.json
+++ b/src/renderer/lang/cns/core/aside.json
@@ -5,8 +5,8 @@
   "leaderboard": "排行榜",
   "my_music": "我的音乐",
   "default_list": "试听列表",
-  "love_list": "收藏列表",
+  "love_list": "收藏",
   "other": "其他",
-  "download": "下载管理",
+  "download": "下载",
   "setting": "设置"
 }