andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(app): all the rest of the things

Browse Source
This commit is contained in:
rektdeckard
2023-03-22 01:29:34 -06:00
parent bdc1996a07
commit 1e95c69d43
18 changed files with 369 additions and 359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/assets/synth.svg
View File

@@ -1,153 +1,149 @@
<svg width="676" height="452" viewBox="0 0 676 452" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M25 4C13.402 4 4 13.402 4 25V431C4 442.598 13.402 452 25 452H53C56.866 452 60 448.866 60 445C60 448.866 63.134 452 67 452H109C112.866 452 116 448.866 116 445C116 448.866 119.134 452 123 452H165C168.866 452 172 448.866 172 445C172 448.866 175.134 452 179 452H221C224.866 452 228 448.866 228 445C228 448.866 231.134 452 235 452H277C280.866 452 284 448.866 284 445C284 448.866 287.134 452 291 452H333C336.866 452 340 448.866 340 445C340 448.866 343.134 452 347 452H389C392.866 452 396 448.866 396 445C396 448.866 399.134 452 403 452H445C448.866 452 452 448.866 452 445C452 448.866 455.134 452 459 452H501C504.866 452 508 448.866 508 445C508 448.866 511.134 452 515 452H557C560.866 452 564 448.866 564 445C564 448.866 567.134 452 571 452H613C616.86 452 619.99 448.876 620 445.019C620.01 448.876 623.14 452 627 452H655C666.598 452 676 442.598 676 431V25C676 13.402 666.598 4 655 4H25Z" fill="#343330"/>
<path d="M22 0.5C10.1259 0.5 0.5 10.1259 0.5 22V428C0.5 439.874 10.1259 449.5 22 449.5H50C53.191 449.5 55.9165 447.507 57 444.698C58.0835 447.507 60.809 449.5 64 449.5H106C109.191 449.5 111.917 447.507 113 444.698C114.083 447.507 116.809 449.5 120 449.5H162C165.191 449.5 167.917 447.507 169 444.698C170.083 447.507 172.809 449.5 176 449.5H218C221.191 449.5 223.917 447.507 225 444.698C226.083 447.507 228.809 449.5 232 449.5H274C277.191 449.5 279.917 447.507 281 444.698C282.083 447.507 284.809 449.5 288 449.5H330C333.191 449.5 335.917 447.507 337 444.698C338.083 447.507 340.809 449.5 344 449.5H386C389.191 449.5 391.917 447.507 393 444.698C394.083 447.507 396.809 449.5 400 449.5H442C445.191 449.5 447.917 447.507 449 444.698C450.083 447.507 452.809 449.5 456 449.5H498C501.191 449.5 503.917 447.507 505 444.698C506.083 447.507 508.809 449.5 512 449.5H554C557.191 449.5 559.917 447.507 561 444.698C562.083 447.507 564.809 449.5 568 449.5H610C613.191 449.5 615.917 447.507 617 444.698C618.083 447.507 620.809 449.5 624 449.5H652C663.874 449.5 673.5 439.874 673.5 428V22C673.5 10.1259 663.874 0.5 652 0.5H22Z" stroke="#343330"/>
<mask id="mask0_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="672" height="448">
<path d="M1 22C1 10.402 10.402 1 22 1L652 1C663.598 1 673 10.402 673 22V428C673 439.598 663.598 449 652 449H624C620.134 449 617 445.866 617 442V239H57L57 442C57 445.866 53.866 449 50 449H22C10.402 449 1 439.598 1 428L1 22Z" fill="#31351F"/>
</mask>
<g mask="url(#mask0_215_32182)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 1C10.402 1 1 10.402 1 22V428C1 439.598 10.402 449 22 449H50C53.866 449 57 445.866 57 442C57 445.866 60.134 449 64 449H106C109.866 449 113 445.866 113 442C113 445.866 116.134 449 120 449H162C165.866 449 169 445.866 169 442C169 445.866 172.134 449 176 449H218C221.866 449 225 445.866 225 442C225 445.866 228.134 449 232 449H274C277.866 449 281 445.866 281 442C281 445.866 284.134 449 288 449H330C333.866 449 337 445.866 337 442C337 445.866 340.134 449 344 449H386C389.866 449 393 445.866 393 442C393 445.866 396.134 449 400 449H442C445.866 449 449 445.866 449 442C449 445.866 452.134 449 456 449H498C501.866 449 505 445.866 505 442C505 445.866 508.134 449 512 449H554C557.866 449 561 445.866 561 442C561 445.866 564.134 449 568 449H610C613.86 449 616.99 445.876 617 442.019C617.01 445.876 620.14 449 624 449H652C663.598 449 673 439.598 673 428V22C673 10.402 663.598 1 652 1H22Z" fill="#3E3D3A"/>
<path d="M1 22C1 10.402 10.402 1 22 1L652 1C663.598 1 673 10.402 673 22V428C673 439.598 663.598 449 652 449H624C620.134 449 617 445.866 617 442V239H57L57 442C57 445.866 53.866 449 50 449H22C10.402 449 1 439.598 1 428L1 22Z" fill="#3E3D3A"/>
<rect x="1" y="442" width="56" height="7" fill="#343330"/>
<rect x="617" y="442" width="56" height="7" fill="#343330"/>
</g>
<mask id="mask1_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="57" y="239" width="56" height="210">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.9999 449H49.9999C53.8659 449 56.9999 445.866 56.9999 442H6.34717C10.1924 446.296 15.7804 449 21.9999 449Z" fill="#343330"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M624 449H652C658.219 449 663.807 446.296 667.653 442H617C617 445.866 620.134 449 624 449Z" fill="#343330"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M113 239H57V442C57 445.866 60.134 449 64 449H106C109.866 449 113 445.866 113 442C113 445.866 116.134 449 120 449H162C165.866 449 169 445.866 169 442C169 445.866 172.134 449 176 449H218C221.866 449 225 445.866 225 442C225 445.866 228.134 449 232 449H274C277.866 449 281 445.866 281 442C281 445.866 284.134 449 288 449H330C333.866 449 337 445.866 337 442C337 445.866 340.134 449 344 449H386C389.866 449 393 445.866 393 442C393 445.866 396.134 449 400 449H442C445.866 449 449 445.866 449 442C449 445.866 452.134 449 456 449H498C501.866 449 505 445.866 505 442C505 445.866 508.134 449 512 449H554C557.866 449 561 445.866 561 442C561 445.866 564.134 449 568 449H610C613.866 449 617 445.866 617 442V239H561H505H449H393H337H281H225H169H113Z" fill="#C5C5C4"/>
<mask id="mask0_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="57" y="239" width="56" height="210">
<path d="M57 239H113V442C113 445.866 109.866 449 106 449H64C60.134 449 57 445.866 57 442V239Z" fill="white"/>
</mask>
<g mask="url(#mask1_215_32182)">
<g mask="url(#mask0_215_32182)">
<path d="M57 239H113V449H57V239Z" fill="white"/>
<path opacity="0.3" d="M60.5 445.5H109.5L113 449H57L60.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M60.5 239H57V449L60.5 445.5V239Z" fill="#3E3D3A"/>
</g>
<mask id="mask2_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="113" y="239" width="56" height="210">
<mask id="mask1_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="113" y="239" width="56" height="210">
<path d="M113 239H169L169 442C169 445.866 165.866 449 162 449H120C116.134 449 113 445.866 113 442L113 239Z" fill="white"/>
</mask>
<g mask="url(#mask2_215_32182)">
<g mask="url(#mask1_215_32182)">
<path d="M113 239H169L169 449H113L113 239Z" fill="white"/>
<path opacity="0.3" d="M116.5 445.5H165.5L169 449H113L116.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M116.5 239H113L113 449L116.5 445.5L116.5 239Z" fill="#3E3D3A"/>
</g>
<mask id="mask3_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="169" y="239" width="56" height="210">
<mask id="mask2_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="169" y="239" width="56" height="210">
<path d="M169 239H225V442C225 445.866 221.866 449 218 449H176C172.134 449 169 445.866 169 442V239Z" fill="white"/>
</mask>
<g mask="url(#mask3_215_32182)">
<g mask="url(#mask2_215_32182)">
<path d="M169 239H225V449H169V239Z" fill="white"/>
<path opacity="0.3" d="M172.5 445.5H221.5L225 449H169L172.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M172.5 239H169L169 449L172.5 445.5V239Z" fill="#3E3D3A"/>
</g>
<mask id="mask4_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="225" y="239" width="56" height="210">
<mask id="mask3_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="225" y="239" width="56" height="210">
<path d="M225 239H281V442C281 445.866 277.866 449 274 449H232C228.134 449 225 445.866 225 442V239Z" fill="white"/>
</mask>
<g mask="url(#mask4_215_32182)">
<g mask="url(#mask3_215_32182)">
<path d="M225 239H281V449H225V239Z" fill="white"/>
<path opacity="0.3" d="M228.5 445.5H277.5L281 449H225L228.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M228.5 239H225L225 449L228.5 445.5V239Z" fill="#3E3D3A"/>
</g>
<mask id="mask5_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="281" y="239" width="56" height="210">
<mask id="mask4_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="281" y="239" width="56" height="210">
<path d="M281 239H337V442C337 445.866 333.866 449 330 449H288C284.134 449 281 445.866 281 442V239Z" fill="white"/>
</mask>
<g mask="url(#mask5_215_32182)">
<g mask="url(#mask4_215_32182)">
<path d="M281 239H337V449H281V239Z" fill="white"/>
<path opacity="0.3" d="M284.5 445.5H333.5L337 449H281L284.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M284.5 239H281V449L284.5 445.5V239Z" fill="#3E3D3A"/>
</g>
<mask id="mask6_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="337" y="239" width="56" height="210">
<mask id="mask5_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="337" y="239" width="56" height="210">
<path d="M337 239H393V442C393 445.866 389.866 449 386 449H344C340.134 449 337 445.866 337 442V239Z" fill="white"/>
</mask>
<g mask="url(#mask6_215_32182)">
<g mask="url(#mask5_215_32182)">
<path d="M337 239H393V449H337V239Z" fill="white"/>
<path opacity="0.3" d="M340.5 445.5H389.5L393 449H337L340.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M340.5 239H337V449L340.5 445.5V239Z" fill="#3E3D3A"/>
</g>
<mask id="mask7_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="393" y="239" width="56" height="210">
<mask id="mask6_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="393" y="239" width="56" height="210">
<path d="M393 239H449V442C449 445.866 445.866 449 442 449H400C396.134 449 393 445.866 393 442V239Z" fill="white"/>
</mask>
<g mask="url(#mask7_215_32182)">
<g mask="url(#mask6_215_32182)">
<path d="M393 239H449V449H393V239Z" fill="white"/>
<path opacity="0.3" d="M396.5 445.5H445.5L449 449H393L396.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M396.5 239H393V449L396.5 445.5V239Z" fill="#3E3D3A"/>
</g>
<mask id="mask8_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="449" y="239" width="56" height="210">
<mask id="mask7_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="449" y="239" width="56" height="210">
<path d="M449 239H505V442C505 445.866 501.866 449 498 449H456C452.134 449 449 445.866 449 442V239Z" fill="white"/>
</mask>
<g mask="url(#mask8_215_32182)">
<g mask="url(#mask7_215_32182)">
<path d="M449 239H505V449H449V239Z" fill="white"/>
<path opacity="0.3" d="M452.5 445.5H501.5L505 449H449L452.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M452.5 239H449V449L452.5 445.5V239Z" fill="#3E3D3A"/>
</g>
<mask id="mask9_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="505" y="239" width="56" height="210">
<mask id="mask8_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="505" y="239" width="56" height="210">
<path d="M505 239H561V442C561 445.866 557.866 449 554 449H512C508.134 449 505 445.866 505 442V239Z" fill="white"/>
</mask>
<g mask="url(#mask9_215_32182)">
<g mask="url(#mask8_215_32182)">
<path d="M505 239H561V449H505V239Z" fill="white"/>
<path opacity="0.3" d="M508.5 445.5H557.5L561 449H505L508.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M508.5 239H505V449L508.5 445.5V239Z" fill="#3E3D3A"/>
</g>
<mask id="mask10_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="561" y="239" width="56" height="210">
<mask id="mask9_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="561" y="239" width="56" height="210">
<path d="M561 239H617V442C617 445.866 613.866 449 610 449H568C564.134 449 561 445.866 561 442V239Z" fill="white"/>
</mask>
<g mask="url(#mask10_215_32182)">
<g mask="url(#mask9_215_32182)">
<path d="M561 239H617V449H561V239Z" fill="white"/>
<path opacity="0.3" d="M564.5 445.5H613.5L617 449H561L564.5 445.5Z" fill="#3E3D3A"/>
<path opacity="0.3" d="M564.5 239H561V449L564.5 445.5V239Z" fill="#3E3D3A"/>
</g>
<mask id="mask11_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="95" y="239" width="36" height="126">
<path d="M95.5 239H130.5V358C130.5 361.866 127.366 365 123.5 365H102.5C98.634 365 95.5 361.866 95.5 358V239Z" fill="white"/>
<mask id="mask10_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="95" y="225" width="36" height="140">
<path d="M95 225H131V358C131 361.866 127.866 365 124 365H102C98.134 365 95 361.866 95 358V225Z" fill="white"/>
</mask>
<g mask="url(#mask11_215_32182)">
<path d="M95.5 239H130.5V365H95.5V239Z" fill="#3E3D3A"/>
<g mask="url(#mask10_215_32182)">
<path d="M95 225H131V365H95V225Z" fill="#3E3D3A"/>
<path opacity="0.1" d="M100.75 351H125.25L130.5 365H95.5L100.75 351Z" fill="white"/>
<path opacity="0.3" d="M125.25 351L130.5 365V239H125.25V351Z" fill="white"/>
<path opacity="0.2" d="M100.75 351L95.5 365L95.5 239H100.75V351Z" fill="#343330"/>
</g>
<mask id="mask12_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="151" y="238" width="36" height="127">
<path d="M151.5 238.998H186.5V357.998C186.5 361.864 183.366 364.998 179.5 364.998H158.5C154.634 364.998 151.5 361.864 151.5 357.998V238.998Z" fill="white"/>
<mask id="mask11_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="151" y="225" width="36" height="140">
<path d="M151 225H187V358C187 361.866 183.866 365 180 365H158C154.134 365 151 361.866 151 358V225Z" fill="white"/>
</mask>
<g mask="url(#mask12_215_32182)">
<path d="M151.5 238.998H186.5V364.998H151.5V238.998Z" fill="#3E3D3A"/>
<g mask="url(#mask11_215_32182)">
<path d="M151 225H187V365H151V225Z" fill="#3E3D3A"/>
<path opacity="0.1" d="M156.75 350.998H181.25L186.5 364.998H151.5L156.75 350.998Z" fill="white"/>
<path opacity="0.3" d="M181.25 350.998L186.5 364.998V238.998H181.25V350.998Z" fill="white"/>
<path opacity="0.2" d="M156.75 350.998L151.5 364.998V238.998H156.75V350.998Z" fill="#343330"/>
</g>
<mask id="mask13_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="263" y="239" width="36" height="126">
<path d="M263.5 239H298.5V358C298.5 361.866 295.366 365 291.5 365H270.5C266.634 365 263.5 361.866 263.5 358V239Z" fill="white"/>
<mask id="mask12_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="264" y="225" width="35" height="140">
<path d="M264 225H299V358C299 361.866 295.866 365 292 365H271C267.134 365 264 361.866 264 358V225Z" fill="white"/>
</mask>
<g mask="url(#mask13_215_32182)">
<path d="M263.5 239H298.5V365H263.5V239Z" fill="#3E3D3A"/>
<g mask="url(#mask12_215_32182)">
<path d="M264 225H299V365H264V225Z" fill="#3E3D3A"/>
<path opacity="0.1" d="M268.75 351H293.25L298.5 365H263.5L268.75 351Z" fill="white"/>
<path opacity="0.3" d="M293.25 351L298.5 365V239H293.25V351Z" fill="white"/>
<path opacity="0.2" d="M268.75 351L263.5 365V239H268.75V351Z" fill="#343330"/>
</g>
<mask id="mask14_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="319" y="239" width="36" height="126">
<path d="M319.5 239H354.5V358C354.5 361.866 351.366 365 347.5 365H326.5C322.634 365 319.5 361.866 319.5 358V239Z" fill="white"/>
<mask id="mask13_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="320" y="225" width="35" height="140">
<path d="M320 225H355V358C355 361.866 351.866 365 348 365H327C323.134 365 320 361.866 320 358V225Z" fill="white"/>
</mask>
<g mask="url(#mask14_215_32182)">
<path d="M319.5 239H354.5V365H319.5V239Z" fill="#3E3D3A"/>
<g mask="url(#mask13_215_32182)">
<path d="M320 225H355V365H320V225Z" fill="#3E3D3A"/>
<path opacity="0.1" d="M324.75 351H349.25L354.5 365H319.5L324.75 351Z" fill="white"/>
<path opacity="0.3" d="M349.25 351L354.5 365V239H349.25V351Z" fill="white"/>
<path opacity="0.2" d="M324.75 351L319.5 365V239H324.75V351Z" fill="#343330"/>
</g>
<mask id="mask15_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="375" y="239" width="36" height="126">
<path d="M375.499 239H410.499V358C410.499 361.866 407.365 365 403.499 365H382.499C378.633 365 375.499 361.866 375.499 358V239Z" fill="white"/>
<mask id="mask14_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="375" y="225" width="35" height="140">
<path d="M375 225H410V358C410 361.866 406.866 365 403 365H382C378.134 365 375 361.866 375 358V225Z" fill="white"/>
</mask>
<g mask="url(#mask15_215_32182)">
<path d="M375.499 239H410.499V365H375.499V239Z" fill="#3E3D3A"/>
<g mask="url(#mask14_215_32182)">
<path d="M375 225H410V365H375V225Z" fill="#3E3D3A"/>
<path opacity="0.1" d="M380.749 351H405.249L410.499 365H375.499L380.749 351Z" fill="white"/>
<path opacity="0.3" d="M405.249 351L410.499 365L410.499 239H405.249V351Z" fill="white"/>
<path opacity="0.2" d="M380.749 351L375.499 365V239H380.749V351Z" fill="#343330"/>
</g>
<mask id="mask16_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="487" y="239" width="36" height="126">
<path d="M487.5 239H522.5V358C522.5 361.866 519.366 365 515.5 365H494.5C490.634 365 487.5 361.866 487.5 358V239Z" fill="white"/>
<mask id="mask15_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="487" y="225" width="36" height="140">
<path d="M487 225H523V358C523 361.866 519.866 365 516 365H494C490.134 365 487 361.866 487 358V225Z" fill="white"/>
</mask>
<g mask="url(#mask16_215_32182)">
<path d="M487.5 239H522.5V365H487.5V239Z" fill="#3E3D3A"/>
<g mask="url(#mask15_215_32182)">
<path d="M487 225H523V365H487V225Z" fill="#3E3D3A"/>
<path opacity="0.1" d="M492.75 351H517.25L522.5 365H487.5L492.75 351Z" fill="white"/>
<path opacity="0.3" d="M517.25 351L522.5 365V239H517.25V351Z" fill="white"/>
<path opacity="0.2" d="M492.75 351L487.5 365V239H492.75V351Z" fill="#343330"/>
</g>
<mask id="mask17_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="543" y="239" width="36" height="126">
<path d="M543.5 239H578.5V358C578.5 361.866 575.366 365 571.5 365H550.5C546.634 365 543.5 361.866 543.5 358V239Z" fill="white"/>
<mask id="mask16_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="544" y="225" width="35" height="140">
<path d="M544 225H579V358C579 361.866 575.866 365 572 365H551C547.134 365 544 361.866 544 358V225Z" fill="white"/>
</mask>
<g mask="url(#mask17_215_32182)">
<path d="M543.5 239H578.5V365H543.5V239Z" fill="#3E3D3A"/>
<g mask="url(#mask16_215_32182)">
<path d="M544 225H579V365H544V225Z" fill="#3E3D3A"/>
<path opacity="0.1" d="M548.75 351H573.25L578.5 365H543.5L548.75 351Z" fill="white"/>
<path opacity="0.3" d="M573.25 351L578.5 365V239H573.25V351Z" fill="white"/>
<path opacity="0.2" d="M548.75 351L543.5 365V239H548.75V351Z" fill="#343330"/>
@@ -171,10 +167,10 @@
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M505 183C539.794 183 568 154.794 568 120C568 85.2061 539.794 57 505 57C470.206 57 442 85.2061 442 120C442 154.794 470.206 183 505 183ZM505 179.5C537.861 179.5 564.5 152.861 564.5 120C564.5 87.1391 537.861 60.5 505 60.5C472.139 60.5 445.5 87.1391 445.5 120C445.5 152.861 472.139 179.5 505 179.5Z" fill="url(#paint0_radial_215_32182)"/>
<rect x="449" y="118.25" width="35" height="3.5" rx="1.75" fill="#F8C666"/>
<rect x="289.75" y="37.75" width="66.5" height="66.5" rx="10.5" fill="#343330"/>
<mask id="mask18_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="295" y="43" width="56" height="56">
<mask id="mask17_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="295" y="43" width="56" height="56">
<rect x="295" y="43" width="56" height="56" rx="7" fill="#C0A9B0"/>
</mask>
<g mask="url(#mask18_215_32182)">
<g mask="url(#mask17_215_32182)">
<rect x="295" y="43" width="56" height="56" fill="#3E3D3A"/>
<path d="M329.125 80.6257C329.125 80.8578 329.033 81.0803 328.869 81.2444C328.705 81.4085 328.482 81.5007 328.25 81.5007H317.75C317.518 81.5007 317.295 81.4085 317.131 81.2444C316.967 81.0803 316.875 80.8578 316.875 80.6257C316.875 80.3936 316.967 80.1711 317.131 80.007C317.295 79.8429 317.518 79.7507 317.75 79.7507H328.25C328.482 79.7507 328.705 79.8429 328.869 80.007C329.033 80.1711 329.125 80.3936 329.125 80.6257ZM334.119 69.5066L323.619 59.0066C323.538 58.9253 323.441 58.8607 323.335 58.8167C323.229 58.7727 323.115 58.75 323 58.75C322.885 58.75 322.771 58.7727 322.665 58.8167C322.559 58.8607 322.462 58.9253 322.381 59.0066L311.881 69.5066C311.758 69.629 311.675 69.785 311.641 69.9548C311.607 70.1246 311.625 70.3007 311.691 70.4606C311.757 70.6206 311.869 70.7573 312.013 70.8534C312.157 70.9496 312.327 71.0008 312.5 71.0007H316.875V73.6257C316.875 73.8578 316.967 74.0803 317.131 74.2444C317.295 74.4085 317.518 74.5007 317.75 74.5007H328.25C328.482 74.5007 328.705 74.4085 328.869 74.2444C329.033 74.0803 329.125 73.8578 329.125 73.6257V71.0007H333.5C333.673 71.0008 333.842 70.9496 333.986 70.8534C334.13 70.7573 334.243 70.6206 334.309 70.4606C334.375 70.3007 334.393 70.1246 334.359 69.9548C334.325 69.785 334.242 69.629 334.119 69.5066ZM328.25 76.2507H317.75C317.518 76.2507 317.295 76.3429 317.131 76.507C316.967 76.6711 316.875 76.8936 316.875 77.1257C316.875 77.3578 316.967 77.5803 317.131 77.7444C317.295 77.9085 317.518 78.0007 317.75 78.0007H328.25C328.482 78.0007 328.705 77.9085 328.869 77.7444C329.033 77.5803 329.125 77.3578 329.125 77.1257C329.125 76.8936 329.033 76.6711 328.869 76.507C328.705 76.3429 328.482 76.2507 328.25 76.2507Z" fill="#F8C666"/>
<path opacity="0.05" d="M295 43L300.25 48.25V93.75L295 99V43Z" fill="white"/>
@@ -183,10 +179,10 @@
<path opacity="0.2" d="M295 43H351L345.75 48.25H300.25L295 43Z" fill="white"/>
</g>
<rect x="289.75" y="121.75" width="66.5" height="66.5" rx="10.5" fill="#343330"/>
<mask id="mask19_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="295" y="127" width="56" height="56">
<mask id="mask18_215_32182" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="295" y="127" width="56" height="56">
<rect x="295" y="127" width="56" height="56" rx="7" fill="#C0A9B0"/>
</mask>
<g mask="url(#mask19_215_32182)">
<g mask="url(#mask18_215_32182)">
<rect x="295" y="127" width="56" height="56" fill="#3E3D3A"/>
<path d="M316.875 145.375C316.875 145.143 316.967 144.92 317.131 144.756C317.295 144.592 317.518 144.5 317.75 144.5H328.25C328.482 144.5 328.705 144.592 328.869 144.756C329.033 144.92 329.125 145.143 329.125 145.375C329.125 145.607 329.033 145.83 328.869 145.994C328.705 146.158 328.482 146.25 328.25 146.25H317.75C317.518 146.25 317.295 146.158 317.131 145.994C316.967 145.83 316.875 145.607 316.875 145.375ZM334.308 155.54C334.242 155.38 334.13 155.244 333.986 155.148C333.842 155.051 333.673 155 333.5 155H329.125V152.375C329.125 152.143 329.033 151.92 328.869 151.756C328.705 151.592 328.482 151.5 328.25 151.5H317.75C317.518 151.5 317.295 151.592 317.131 151.756C316.967 151.92 316.875 152.143 316.875 152.375V155H312.5C312.327 155 312.157 155.051 312.013 155.147C311.869 155.243 311.757 155.38 311.691 155.54C311.625 155.7 311.607 155.876 311.641 156.046C311.675 156.216 311.758 156.372 311.881 156.494L322.381 166.994C322.462 167.075 322.559 167.14 322.665 167.184C322.771 167.228 322.885 167.251 323 167.251C323.115 167.251 323.229 167.228 323.335 167.184C323.441 167.14 323.538 167.075 323.619 166.994L334.119 156.494C334.241 156.372 334.325 156.216 334.358 156.046C334.392 155.876 334.375 155.7 334.308 155.54ZM317.75 149.75H328.25C328.482 149.75 328.705 149.658 328.869 149.494C329.033 149.33 329.125 149.107 329.125 148.875C329.125 148.643 329.033 148.42 328.869 148.256C328.705 148.092 328.482 148 328.25 148H317.75C317.518 148 317.295 148.092 317.131 148.256C316.967 148.42 316.875 148.643 316.875 148.875C316.875 149.107 316.967 149.33 317.131 149.494C317.295 149.658 317.518 149.75 317.75 149.75Z" fill="#F8C666"/>
<path opacity="0.05" d="M295 127L300.25 132.25V177.75L295 183V127Z" fill="white"/>
@@ -221,6 +217,7 @@
<path d="M229.461 208.158C228.705 208.158 228.058 207.994 227.519 207.665C226.98 207.332 226.565 206.87 226.274 206.279C225.987 205.687 225.844 205.001 225.844 204.221C225.844 203.44 225.987 202.754 226.274 202.163C226.565 201.571 226.98 201.111 227.519 200.782C228.058 200.449 228.705 200.283 229.461 200.283C230.217 200.283 230.865 200.449 231.404 200.782C231.946 201.111 232.361 201.571 232.648 202.163C232.938 202.754 233.084 203.44 233.084 204.221C233.084 205.001 232.938 205.687 232.648 206.279C232.361 206.87 231.946 207.332 231.404 207.665C230.865 207.994 230.217 208.158 229.461 208.158ZM229.461 206.966C229.969 206.97 230.39 206.858 230.726 206.63C231.066 206.403 231.32 206.083 231.488 205.67C231.659 205.257 231.745 204.774 231.745 204.221C231.745 203.668 231.659 203.188 231.488 202.782C231.32 202.373 231.066 202.054 230.726 201.827C230.39 201.599 229.969 201.482 229.461 201.475C228.954 201.471 228.532 201.583 228.196 201.811C227.86 202.038 227.606 202.359 227.435 202.772C227.267 203.185 227.183 203.668 227.183 204.221C227.183 204.774 227.267 205.255 227.435 205.664C227.603 206.07 227.855 206.387 228.191 206.615C228.53 206.842 228.954 206.959 229.461 206.966Z" fill="#F8C666"/>
<path d="M238.434 208.001V200.441H239.699V206.814H243.038V208.001H238.434Z" fill="#F8C666"/>
</g>
<path d="M22 0.5C10.1259 0.5 0.5 10.1259 0.5 22V428C0.5 439.874 10.1259 449.5 22 449.5H50C53.191 449.5 55.9165 447.507 57 444.698C58.0835 447.507 60.809 449.5 64 449.5H106C109.191 449.5 111.917 447.507 113 444.698C114.083 447.507 116.809 449.5 120 449.5H162C165.191 449.5 167.917 447.507 169 444.698C170.083 447.507 172.809 449.5 176 449.5H218C221.191 449.5 223.917 447.507 225 444.698C226.083 447.507 228.809 449.5 232 449.5H274C277.191 449.5 279.917 447.507 281 444.698C282.083 447.507 284.809 449.5 288 449.5H330C333.191 449.5 335.917 447.507 337 444.698C338.083 447.507 340.809 449.5 344 449.5H386C389.191 449.5 391.917 447.507 393 444.698C394.083 447.507 396.809 449.5 400 449.5H442C445.191 449.5 447.917 447.507 449 444.698C450.083 447.507 452.809 449.5 456 449.5H498C501.191 449.5 503.917 447.507 505 444.698C506.083 447.507 508.809 449.5 512 449.5H554C557.191 449.5 559.917 447.507 561 444.698C562.083 447.507 564.809 449.5 568 449.5H610C613.191 449.5 615.917 447.507 617 444.698C618.083 447.507 620.809 449.5 624 449.5H652C663.874 449.5 673.5 439.874 673.5 428V22C673.5 10.1259 663.874 0.5 652 0.5H22Z" stroke="#343330"/>
<defs>
<radialGradient id="paint0_radial_215_32182" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(568 57) rotate(116.565) scale(140.872)">
<stop stop-color="white"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 29 KiB