FIX: optimize style of media file panel

Change-Id: I2e5319538adae84b9b0348874d7b468b0dbc2db1

resources/images/media_empty.svg

@@ -1,11 +1,18 @@
-<svg width="272" height="181" viewBox="0 0 272 181" fill="none" xmlns="http://www.w3.org/2000/svg">
-<ellipse cx="148.5" cy="171" rx="54.5" ry="10" fill="#DEDEDE"/>
-<path d="M118 62L196.5 34V112L118 140V62Z" fill="#C3C3C3"/>
-<rect x="42" y="62.5" width="76" height="77" fill="#AEACAC"/>
-<path d="M116 36.5L41 63H121.5L196.5 35L116 36.5Z" fill="#E4E4E4"/>
-<path d="M84.4247 78.4554L33.1782 74.4793C30.2816 74.2546 28.1192 77.0953 29.1071 79.8275L57.0758 157.178C58.0147 159.775 61.24 160.662 63.3747 158.91L97.9325 130.555C97.9775 130.518 98.0185 130.486 98.0635 130.45C98.8161 129.836 106 123.505 106 105.5C106 88.3036 88.7977 80.118 85.5318 78.7188C85.18 78.5681 84.8063 78.485 84.4247 78.4554Z" fill="#8D8B8B"/>
-<path d="M82.1864 103.688C90.8229 127.171 82.7743 151.036 65.1697 157.511C47.5652 163.986 25.9713 151.022 17.3347 127.539C8.69823 104.057 16.7468 80.191 34.3514 73.7163C51.9559 67.2416 73.5499 80.2054 82.1864 103.688Z" fill="#C4C4C4" stroke="#D8D8D8" stroke-width="3"/>
-<ellipse cx="65.7356" cy="108.611" rx="14.2976" ry="18.3001" transform="rotate(-20.1927 65.7356 108.611)" fill="#AEACAC"/>
-<path d="M222.098 14.75H221.848V15V17.5854V17.8354H222.098H236.77L220.803 38.4069L220.75 38.4746V38.5602V41V41.25H221H242H242.25V41V38.4146V38.1646H242H225.388L241.319 17.6294L241.372 17.5618V17.4762V15V14.75H241.122H222.098Z" fill="#B8B8B8" stroke="#B8B8B8" stroke-width="0.5"/>
-<path d="M259.627 0.75H259.377V1V2.4916V2.7416H259.627H267.796L258.802 14.4401L258.75 14.5074V14.5924V16V16.25H259H271H271.25V16V14.5084V14.2584H271H261.723L270.696 2.5809L270.748 2.51353V2.42857V1V0.75H270.498H259.627Z" fill="#B8B8B8" stroke="#B8B8B8" stroke-width="0.5"/>
+<svg width="240" height="160" viewBox="0 0 240 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6645_29335)">
+<ellipse cx="131.03" cy="150.882" rx="48.0882" ry="8.82353" fill="#DEDEDE"/>
+<path d="M104.117 54.7059L173.382 30V98.8235L104.117 123.529V54.7059Z" fill="#C3C3C3"/>
+<rect x="37.0586" y="55.1484" width="67.0588" height="67.9412" fill="#AEACAC"/>
+<path d="M102.352 32.2063L36.1758 55.5887H107.205L173.382 30.8828L102.352 32.2063Z" fill="#E4E4E4"/>
+<path d="M74.493 69.2261L29.2756 65.7179C26.7198 65.5196 24.8118 68.0261 25.6834 70.4368L50.3617 138.688C51.1902 140.979 54.036 141.761 55.9195 140.216L86.4118 115.197C86.4514 115.164 86.4876 115.136 86.5273 115.103C87.1914 114.562 93.5301 108.976 93.5301 93.089C93.5301 77.9158 78.3516 70.6931 75.4699 69.4586C75.1595 69.3256 74.8297 69.2522 74.493 69.2261Z" fill="#8D8B8B"/>
+<path d="M72.5174 91.4895C80.1378 112.209 73.0361 133.267 57.5027 138.98C41.9693 144.693 22.9158 133.255 15.2954 112.535C7.67491 91.8149 14.7766 70.7569 30.3101 65.0439C45.8435 59.331 64.897 70.7696 72.5174 91.4895Z" fill="#C4C4C4" stroke="#D8D8D8" stroke-width="2.64706"/>
+<ellipse cx="58.0016" cy="95.8333" rx="12.6155" ry="16.1471" transform="rotate(-20.1927 58.0016 95.8333)" fill="#AEACAC"/>
+<path d="M195.968 13.0157H195.748V13.2363V15.5176V15.7382H195.968H208.915L194.826 33.8895L194.779 33.9492V34.0248V36.1775V36.3981H195H213.529H213.75V36.1775V33.8962V33.6756H213.529H198.872L212.929 15.5564L212.975 15.4967V15.4212V13.2363V13.0157H212.755H195.968Z" fill="#B8B8B8" stroke="#B8B8B8" stroke-width="0.441176"/>
+<path d="M229.083 0.662224H228.862V0.882812V2.19893V2.41952H229.083H236.29L228.354 12.7417L228.309 12.8011V12.8761V14.1181V14.3387H228.529H239.118H239.338V14.1181V12.802V12.5814H239.118H230.932L238.85 2.27772L238.895 2.21828V2.14332V0.882812V0.662224H238.675H229.083Z" fill="#B8B8B8" stroke="#B8B8B8" stroke-width="0.441176"/>
+</g>
+<defs>
+<clipPath id="clip0_6645_29335">
+<rect width="240" height="159.706" fill="white"/>
+</clipPath>
+</defs>
 </svg>