maxnes3/price-builder-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

start normal front

Browse Source
This commit is contained in:
maxnes3 2024-11-05 23:20:46 +04:00
parent 233386b4fd
commit bd9b192656
18 changed files with 739 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/home/home.page.tsx
View File

@ -1,9 +1,11 @@
import Form from '@/widgets/form/form.widget'; import Form from '@/widgets/form/form.widget';
import classes from './styles.module.scss'; import classes from './styles.module.scss';
import Laptop from '@shared/assets/icons/laptop.svg';
const HomePage = () => { const HomePage = () => {
return ( return (
<div className={classes.home}> <div className={classes.home}>
<Laptop width={250} height={250} />
<div className={classes.container}> <div className={classes.container}>
<Form /> <Form />
</div> </div>

2
src/pages/home/styles.module.scss
View File

@ -2,9 +2,9 @@
.home { .home {
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
height: 1000px;
.container { .container {
padding: 15px; padding: 15px;

BIN
src/shared/assets/fonts/Urbanist-Medium.ttf Normal file
View File

Binary file not shown.

BIN
src/shared/assets/fonts/Urbanist-SemiBold.ttf Normal file
View File

Binary file not shown.

BIN
src/shared/assets/icons/background.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 115 KiB

1
src/shared/assets/icons/display.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1{fill:#f55b4b;}.cls-2{fill:#e5e5e5;}.cls-3{fill:#ccc;}.cls-4{fill:#fff;}.cls-5{fill:#3e436d;}.cls-6{fill:#32314b;}.cls-7{fill:#27273d;}.cls-8{fill:#7cc8fb;}.cls-9{fill:#41c0e3;}.cls-10{fill:#a2dcfc;}</style></defs><title>50-Computer-Hardware</title><g id="BULINE"><circle class="cls-1" cx="256" cy="256" r="256"/></g><g id="Icons"><polygon class="cls-2" points="311.48 436.61 200.52 436.61 203.99 398.26 205.66 379.94 306.34 379.94 308.01 398.26 311.48 436.61"/><polygon class="cls-3" points="308.01 398.26 203.99 398.26 205.66 379.94 306.34 379.94 308.01 398.26"/><path class="cls-4" d="M182,436.61H330a10.62,10.62,0,0,1,10.62,10.62v5.14a3.42,3.42,0,0,1-3.42,3.42H174.84a3.42,3.42,0,0,1-3.42-3.42v-5.14A10.62,10.62,0,0,1,182,436.61Z"/><rect class="cls-5" x="44.88" y="108.75" width="422.24" height="271.92" rx="15.24"/><path class="cls-6" d="M127.94,380.66H60.13a15.24,15.24,0,0,1-15.25-15.23V124a15.24,15.24,0,0,1,15.25-15.24h67.81A15.24,15.24,0,0,0,112.69,124V365.43A15.24,15.24,0,0,0,127.94,380.66Z"/><circle class="cls-7" cx="258" cy="118.81" r="5.14"/><rect class="cls-8" x="60.45" y="128.36" width="391.1" height="232.71" rx="13.57"/><path class="cls-9" d="M112.69,128.35V361.06H74a13.56,13.56,0,0,1-13.57-13.57V141.93A13.58,13.58,0,0,1,74,128.35Z"/><circle class="cls-10" cx="425.68" cy="189.7" r="15.03"/><circle class="cls-10" cx="425.68" cy="158.39" r="10.65"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
src/shared/assets/icons/gpu.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

659
src/shared/assets/icons/laptop.svg Normal file
View File

@ -0,0 +1,659 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="3000" height="3000" viewBox="0 0 3000 3000">
<defs>
<clipPath id="clip-0">
<path clip-rule="nonzero" d="M 300 300 L 2700 300 L 2700 2700 L 300 2700 Z M 300 300 "/>
</clipPath>
<clipPath id="clip-1">
<path clip-rule="nonzero" d="M 2700 1500 C 2700 1818.261719 2573.570312 2123.484375 2348.53125 2348.527344 C 2123.480469 2573.570312 1818.261719 2700 1500 2700 C 1181.738281 2700 876.515625 2573.570312 651.472656 2348.527344 C 426.429688 2123.484375 300 1818.261719 300 1500 C 300 1181.738281 426.429688 876.519531 651.472656 651.46875 C 876.515625 426.429688 1181.738281 300 1500 300 C 1818.261719 300 2123.480469 426.429688 2348.53125 651.46875 C 2573.570312 876.519531 2700 1181.738281 2700 1500 Z M 2700 1500 "/>
</clipPath>
<clipPath id="clip-2">
<path clip-rule="nonzero" d="M 2700 1500 C 2700 1818.261719 2573.570312 2123.484375 2348.53125 2348.527344 C 2123.480469 2573.570312 1818.261719 2700 1500 2700 C 1181.738281 2700 876.515625 2573.570312 651.472656 2348.527344 C 426.429688 2123.484375 300 1818.261719 300 1500 C 300 1181.738281 426.429688 876.519531 651.472656 651.46875 C 876.515625 426.429688 1181.738281 300 1500 300 C 1818.261719 300 2123.480469 426.429688 2348.53125 651.46875 C 2573.570312 876.519531 2700 1181.738281 2700 1500 Z M 2700 1500 "/>
</clipPath>
<linearGradient id="linear-pattern-0" gradientUnits="userSpaceOnUse" x1="4652.361032" y1="-2777.842995" x2="5380.842116" y2="-1928.13493" gradientTransform="matrix(3.02362, 0, 0, 3.02362, -13546.6, 8510.21)">
<stop offset="0" stop-color="rgb(83.528137%, 100%, 90.194702%)" stop-opacity="1"/>
<stop offset="0.125" stop-color="rgb(83.528137%, 100%, 90.194702%)" stop-opacity="1"/>
<stop offset="0.15625" stop-color="rgb(83.528137%, 99.998474%, 90.194702%)" stop-opacity="1"/>
<stop offset="0.171875" stop-color="rgb(83.528137%, 99.957275%, 90.309143%)" stop-opacity="1"/>
<stop offset="0.1875" stop-color="rgb(83.528137%, 99.876404%, 90.534973%)" stop-opacity="1"/>
<stop offset="0.203125" stop-color="rgb(83.528137%, 99.795532%, 90.760803%)" stop-opacity="1"/>
<stop offset="0.21875" stop-color="rgb(83.528137%, 99.714661%, 90.985107%)" stop-opacity="1"/>
<stop offset="0.234375" stop-color="rgb(83.528137%, 99.632263%, 91.210938%)" stop-opacity="1"/>
<stop offset="0.25" stop-color="rgb(83.528137%, 99.551392%, 91.436768%)" stop-opacity="1"/>
<stop offset="0.265625" stop-color="rgb(83.528137%, 99.47052%, 91.662598%)" stop-opacity="1"/>
<stop offset="0.28125" stop-color="rgb(83.528137%, 99.389648%, 91.888428%)" stop-opacity="1"/>
<stop offset="0.296875" stop-color="rgb(83.528137%, 99.308777%, 92.114258%)" stop-opacity="1"/>
<stop offset="0.3125" stop-color="rgb(83.528137%, 99.226379%, 92.338562%)" stop-opacity="1"/>
<stop offset="0.328125" stop-color="rgb(83.528137%, 99.145508%, 92.564392%)" stop-opacity="1"/>
<stop offset="0.34375" stop-color="rgb(83.528137%, 99.064636%, 92.790222%)" stop-opacity="1"/>
<stop offset="0.359375" stop-color="rgb(83.528137%, 98.983765%, 93.016052%)" stop-opacity="1"/>
<stop offset="0.375" stop-color="rgb(83.528137%, 98.901367%, 93.241882%)" stop-opacity="1"/>
<stop offset="0.390625" stop-color="rgb(83.528137%, 98.820496%, 93.467712%)" stop-opacity="1"/>
<stop offset="0.40625" stop-color="rgb(83.528137%, 98.739624%, 93.692017%)" stop-opacity="1"/>
<stop offset="0.421875" stop-color="rgb(83.528137%, 98.658752%, 93.917847%)" stop-opacity="1"/>
<stop offset="0.4375" stop-color="rgb(83.528137%, 98.577881%, 94.143677%)" stop-opacity="1"/>
<stop offset="0.453125" stop-color="rgb(83.528137%, 98.495483%, 94.369507%)" stop-opacity="1"/>
<stop offset="0.461593" stop-color="rgb(83.528137%, 98.414612%, 94.595337%)" stop-opacity="1"/>
<stop offset="0.46875" stop-color="rgb(83.528137%, 98.374939%, 94.708252%)" stop-opacity="1"/>
<stop offset="0.484375" stop-color="rgb(83.528137%, 98.33374%, 94.821167%)" stop-opacity="1"/>
<stop offset="0.5" stop-color="rgb(83.528137%, 98.252869%, 95.046997%)" stop-opacity="1"/>
<stop offset="0.515625" stop-color="rgb(83.528137%, 98.170471%, 95.271301%)" stop-opacity="1"/>
<stop offset="0.53125" stop-color="rgb(83.528137%, 98.0896%, 95.497131%)" stop-opacity="1"/>
<stop offset="0.538407" stop-color="rgb(83.528137%, 98.008728%, 95.722961%)" stop-opacity="1"/>
<stop offset="0.546875" stop-color="rgb(83.528137%, 97.969055%, 95.835876%)" stop-opacity="1"/>
<stop offset="0.5625" stop-color="rgb(83.528137%, 97.927856%, 95.948792%)" stop-opacity="1"/>
<stop offset="0.578125" stop-color="rgb(83.528137%, 97.846985%, 96.174622%)" stop-opacity="1"/>
<stop offset="0.59375" stop-color="rgb(83.528137%, 97.764587%, 96.400452%)" stop-opacity="1"/>
<stop offset="0.609375" stop-color="rgb(83.528137%, 97.683716%, 96.624756%)" stop-opacity="1"/>
<stop offset="0.625" stop-color="rgb(83.528137%, 97.602844%, 96.850586%)" stop-opacity="1"/>
<stop offset="0.640625" stop-color="rgb(83.528137%, 97.521973%, 97.076416%)" stop-opacity="1"/>
<stop offset="0.65625" stop-color="rgb(83.528137%, 97.439575%, 97.302246%)" stop-opacity="1"/>
<stop offset="0.671875" stop-color="rgb(83.528137%, 97.358704%, 97.528076%)" stop-opacity="1"/>
<stop offset="0.6875" stop-color="rgb(83.528137%, 97.277832%, 97.753906%)" stop-opacity="1"/>
<stop offset="0.703125" stop-color="rgb(83.528137%, 97.19696%, 97.97821%)" stop-opacity="1"/>
<stop offset="0.71875" stop-color="rgb(83.528137%, 97.114563%, 98.204041%)" stop-opacity="1"/>
<stop offset="0.734375" stop-color="rgb(83.528137%, 97.033691%, 98.429871%)" stop-opacity="1"/>
<stop offset="0.75" stop-color="rgb(83.528137%, 96.95282%, 98.655701%)" stop-opacity="1"/>
<stop offset="0.765625" stop-color="rgb(83.528137%, 96.871948%, 98.881531%)" stop-opacity="1"/>
<stop offset="0.78125" stop-color="rgb(83.528137%, 96.791077%, 99.107361%)" stop-opacity="1"/>
<stop offset="0.796875" stop-color="rgb(83.528137%, 96.708679%, 99.331665%)" stop-opacity="1"/>
<stop offset="0.8125" stop-color="rgb(83.528137%, 96.627808%, 99.557495%)" stop-opacity="1"/>
<stop offset="0.875" stop-color="rgb(83.528137%, 96.528625%, 99.835205%)" stop-opacity="1"/>
<stop offset="1" stop-color="rgb(83.528137%, 96.469116%, 100%)" stop-opacity="1"/>
</linearGradient>
<clipPath id="clip-3">
<path clip-rule="nonzero" d="M 1209 821 L 2167 821 L 2167 1733 L 1209 1733 Z M 1209 821 "/>
</clipPath>
<clipPath id="clip-4">
<path clip-rule="nonzero" d="M 1259.878906 823.929688 L 2117.769531 1095.539062 C 2144.691406 1104.058594 2166.289062 1135.121094 2166.199219 1165.179688 L 2164.660156 1691.890625 C 2164.570312 1721.941406 2142.820312 1739.28125 2115.898438 1730.761719 L 1258.011719 1459.160156 C 1231.089844 1450.628906 1209.488281 1419.570312 1209.578125 1389.519531 L 1211.128906 862.808594 C 1211.21875 832.75 1232.960938 815.410156 1259.878906 823.929688 Z M 1259.878906 823.929688 "/>
</clipPath>
<clipPath id="clip-5">
<path clip-rule="nonzero" d="M 1259.878906 823.929688 L 2117.769531 1095.539062 C 2144.691406 1104.058594 2166.289062 1135.121094 2166.199219 1165.179688 L 2164.660156 1691.890625 C 2164.570312 1721.941406 2142.820312 1739.28125 2115.898438 1730.761719 L 1258.011719 1459.160156 C 1231.089844 1450.628906 1209.488281 1419.570312 1209.578125 1389.519531 L 1211.128906 862.808594 C 1211.21875 832.75 1232.960938 815.410156 1259.878906 823.929688 Z M 1259.878906 823.929688 "/>
</clipPath>
<linearGradient id="linear-pattern-1" gradientUnits="userSpaceOnUse" x1="-49.62878" y1="533.022734" x2="-648.259826" y2="592.741732" gradientTransform="matrix(1.77878, 0.563152, -0.00547818, 1.862, 2316.79, 482.89)">
<stop offset="0" stop-color="rgb(10.195923%, 10.195923%, 10.195923%)" stop-opacity="1"/>
<stop offset="0.0625" stop-color="rgb(10.195923%, 10.195923%, 10.195923%)" stop-opacity="1"/>
<stop offset="0.09375" stop-color="rgb(10.241699%, 10.235596%, 10.235596%)" stop-opacity="1"/>
<stop offset="0.0976563" stop-color="rgb(10.494995%, 10.455322%, 10.455322%)" stop-opacity="1"/>
<stop offset="0.101563" stop-color="rgb(10.702515%, 10.635376%, 10.635376%)" stop-opacity="1"/>
<stop offset="0.105469" stop-color="rgb(10.908508%, 10.813904%, 10.813904%)" stop-opacity="1"/>
<stop offset="0.109375" stop-color="rgb(11.116028%, 10.993958%, 10.993958%)" stop-opacity="1"/>
<stop offset="0.113281" stop-color="rgb(11.322021%, 11.172485%, 11.172485%)" stop-opacity="1"/>
<stop offset="0.117188" stop-color="rgb(11.529541%, 11.352539%, 11.352539%)" stop-opacity="1"/>
<stop offset="0.121094" stop-color="rgb(11.737061%, 11.531067%, 11.531067%)" stop-opacity="1"/>
<stop offset="0.125" stop-color="rgb(11.94458%, 11.711121%, 11.711121%)" stop-opacity="1"/>
<stop offset="0.128906" stop-color="rgb(12.150574%, 11.889648%, 11.889648%)" stop-opacity="1"/>
<stop offset="0.132813" stop-color="rgb(12.358093%, 12.069702%, 12.069702%)" stop-opacity="1"/>
<stop offset="0.136719" stop-color="rgb(12.564087%, 12.24823%, 12.24823%)" stop-opacity="1"/>
<stop offset="0.140625" stop-color="rgb(12.771606%, 12.428284%, 12.428284%)" stop-opacity="1"/>
<stop offset="0.144531" stop-color="rgb(12.9776%, 12.606812%, 12.606812%)" stop-opacity="1"/>
<stop offset="0.148438" stop-color="rgb(13.18512%, 12.786865%, 12.786865%)" stop-opacity="1"/>
<stop offset="0.152344" stop-color="rgb(13.391113%, 12.966919%, 12.966919%)" stop-opacity="1"/>
<stop offset="0.15625" stop-color="rgb(13.598633%, 13.146973%, 13.146973%)" stop-opacity="1"/>
<stop offset="0.160156" stop-color="rgb(13.804626%, 13.3255%, 13.3255%)" stop-opacity="1"/>
<stop offset="0.164062" stop-color="rgb(14.012146%, 13.505554%, 13.505554%)" stop-opacity="1"/>
<stop offset="0.167969" stop-color="rgb(14.219666%, 13.684082%, 13.684082%)" stop-opacity="1"/>
<stop offset="0.171875" stop-color="rgb(14.427185%, 13.864136%, 13.864136%)" stop-opacity="1"/>
<stop offset="0.175781" stop-color="rgb(14.633179%, 14.042664%, 14.042664%)" stop-opacity="1"/>
<stop offset="0.179688" stop-color="rgb(14.840698%, 14.222717%, 14.222717%)" stop-opacity="1"/>
<stop offset="0.183594" stop-color="rgb(15.046692%, 14.401245%, 14.401245%)" stop-opacity="1"/>
<stop offset="0.1875" stop-color="rgb(15.254211%, 14.581299%, 14.581299%)" stop-opacity="1"/>
<stop offset="0.191406" stop-color="rgb(15.460205%, 14.759827%, 14.759827%)" stop-opacity="1"/>
<stop offset="0.195312" stop-color="rgb(15.667725%, 14.93988%, 14.93988%)" stop-opacity="1"/>
<stop offset="0.199219" stop-color="rgb(15.873718%, 15.118408%, 15.118408%)" stop-opacity="1"/>
<stop offset="0.203125" stop-color="rgb(16.081238%, 15.298462%, 15.298462%)" stop-opacity="1"/>
<stop offset="0.207031" stop-color="rgb(16.288757%, 15.47699%, 15.47699%)" stop-opacity="1"/>
<stop offset="0.210938" stop-color="rgb(16.496277%, 15.657043%, 15.657043%)" stop-opacity="1"/>
<stop offset="0.214844" stop-color="rgb(16.702271%, 15.835571%, 15.835571%)" stop-opacity="1"/>
<stop offset="0.21875" stop-color="rgb(16.90979%, 16.015625%, 16.015625%)" stop-opacity="1"/>
<stop offset="0.222656" stop-color="rgb(17.115784%, 16.195679%, 16.195679%)" stop-opacity="1"/>
<stop offset="0.226563" stop-color="rgb(17.323303%, 16.375732%, 16.375732%)" stop-opacity="1"/>
<stop offset="0.230469" stop-color="rgb(17.529297%, 16.55426%, 16.55426%)" stop-opacity="1"/>
<stop offset="0.234375" stop-color="rgb(17.736816%, 16.734314%, 16.734314%)" stop-opacity="1"/>
<stop offset="0.238281" stop-color="rgb(17.94281%, 16.912842%, 16.912842%)" stop-opacity="1"/>
<stop offset="0.242188" stop-color="rgb(18.15033%, 17.092896%, 17.092896%)" stop-opacity="1"/>
<stop offset="0.246094" stop-color="rgb(18.356323%, 17.271423%, 17.271423%)" stop-opacity="1"/>
<stop offset="0.25" stop-color="rgb(18.563843%, 17.451477%, 17.451477%)" stop-opacity="1"/>
<stop offset="0.253906" stop-color="rgb(18.771362%, 17.630005%, 17.630005%)" stop-opacity="1"/>
<stop offset="0.257812" stop-color="rgb(18.978882%, 17.810059%, 17.810059%)" stop-opacity="1"/>
<stop offset="0.261719" stop-color="rgb(19.184875%, 17.988586%, 17.988586%)" stop-opacity="1"/>
<stop offset="0.265625" stop-color="rgb(19.392395%, 18.16864%, 18.16864%)" stop-opacity="1"/>
<stop offset="0.269531" stop-color="rgb(19.598389%, 18.347168%, 18.347168%)" stop-opacity="1"/>
<stop offset="0.273438" stop-color="rgb(19.805908%, 18.527222%, 18.527222%)" stop-opacity="1"/>
<stop offset="0.277344" stop-color="rgb(20.011902%, 18.70575%, 18.70575%)" stop-opacity="1"/>
<stop offset="0.28125" stop-color="rgb(20.219421%, 18.885803%, 18.885803%)" stop-opacity="1"/>
<stop offset="0.285156" stop-color="rgb(20.425415%, 19.064331%, 19.064331%)" stop-opacity="1"/>
<stop offset="0.289063" stop-color="rgb(20.632935%, 19.244385%, 19.244385%)" stop-opacity="1"/>
<stop offset="0.292969" stop-color="rgb(20.840454%, 19.422913%, 19.422913%)" stop-opacity="1"/>
<stop offset="0.296875" stop-color="rgb(21.047974%, 19.602966%, 19.602966%)" stop-opacity="1"/>
<stop offset="0.300781" stop-color="rgb(21.253967%, 19.78302%, 19.78302%)" stop-opacity="1"/>
<stop offset="0.304688" stop-color="rgb(21.461487%, 19.963074%, 19.963074%)" stop-opacity="1"/>
<stop offset="0.308594" stop-color="rgb(21.66748%, 20.141602%, 20.141602%)" stop-opacity="1"/>
<stop offset="0.3125" stop-color="rgb(21.875%, 20.321655%, 20.321655%)" stop-opacity="1"/>
<stop offset="0.316406" stop-color="rgb(22.080994%, 20.500183%, 20.500183%)" stop-opacity="1"/>
<stop offset="0.320312" stop-color="rgb(22.288513%, 20.680237%, 20.680237%)" stop-opacity="1"/>
<stop offset="0.324219" stop-color="rgb(22.494507%, 20.858765%, 20.858765%)" stop-opacity="1"/>
<stop offset="0.328125" stop-color="rgb(22.702026%, 21.038818%, 21.038818%)" stop-opacity="1"/>
<stop offset="0.332031" stop-color="rgb(22.90802%, 21.217346%, 21.217346%)" stop-opacity="1"/>
<stop offset="0.335938" stop-color="rgb(23.11554%, 21.3974%, 21.3974%)" stop-opacity="1"/>
<stop offset="0.339844" stop-color="rgb(23.323059%, 21.575928%, 21.575928%)" stop-opacity="1"/>
<stop offset="0.34375" stop-color="rgb(23.530579%, 21.755981%, 21.755981%)" stop-opacity="1"/>
<stop offset="0.347656" stop-color="rgb(23.736572%, 21.934509%, 21.934509%)" stop-opacity="1"/>
<stop offset="0.351562" stop-color="rgb(23.944092%, 22.114563%, 22.114563%)" stop-opacity="1"/>
<stop offset="0.355469" stop-color="rgb(24.150085%, 22.293091%, 22.293091%)" stop-opacity="1"/>
<stop offset="0.359375" stop-color="rgb(24.357605%, 22.473145%, 22.473145%)" stop-opacity="1"/>
<stop offset="0.363281" stop-color="rgb(24.563599%, 22.651672%, 22.651672%)" stop-opacity="1"/>
<stop offset="0.367188" stop-color="rgb(24.771118%, 22.831726%, 22.831726%)" stop-opacity="1"/>
<stop offset="0.371094" stop-color="rgb(24.977112%, 23.01178%, 23.01178%)" stop-opacity="1"/>
<stop offset="0.375" stop-color="rgb(25.184631%, 23.191833%, 23.191833%)" stop-opacity="1"/>
<stop offset="0.378906" stop-color="rgb(25.392151%, 23.370361%, 23.370361%)" stop-opacity="1"/>
<stop offset="0.382813" stop-color="rgb(25.59967%, 23.550415%, 23.550415%)" stop-opacity="1"/>
<stop offset="0.386719" stop-color="rgb(25.805664%, 23.728943%, 23.728943%)" stop-opacity="1"/>
<stop offset="0.390625" stop-color="rgb(26.013184%, 23.908997%, 23.908997%)" stop-opacity="1"/>
<stop offset="0.394531" stop-color="rgb(26.219177%, 24.087524%, 24.087524%)" stop-opacity="1"/>
<stop offset="0.398438" stop-color="rgb(26.426697%, 24.267578%, 24.267578%)" stop-opacity="1"/>
<stop offset="0.402344" stop-color="rgb(26.63269%, 24.446106%, 24.446106%)" stop-opacity="1"/>
<stop offset="0.40625" stop-color="rgb(26.84021%, 24.62616%, 24.62616%)" stop-opacity="1"/>
<stop offset="0.410156" stop-color="rgb(27.046204%, 24.804688%, 24.804688%)" stop-opacity="1"/>
<stop offset="0.414063" stop-color="rgb(27.253723%, 24.984741%, 24.984741%)" stop-opacity="1"/>
<stop offset="0.417969" stop-color="rgb(27.459717%, 25.163269%, 25.163269%)" stop-opacity="1"/>
<stop offset="0.421875" stop-color="rgb(27.667236%, 25.343323%, 25.343323%)" stop-opacity="1"/>
<stop offset="0.425781" stop-color="rgb(27.874756%, 25.521851%, 25.521851%)" stop-opacity="1"/>
<stop offset="0.429688" stop-color="rgb(28.082275%, 25.701904%, 25.701904%)" stop-opacity="1"/>
<stop offset="0.433594" stop-color="rgb(28.288269%, 25.880432%, 25.880432%)" stop-opacity="1"/>
<stop offset="0.4375" stop-color="rgb(28.495789%, 26.060486%, 26.060486%)" stop-opacity="1"/>
<stop offset="0.441406" stop-color="rgb(28.701782%, 26.239014%, 26.239014%)" stop-opacity="1"/>
<stop offset="0.445313" stop-color="rgb(28.909302%, 26.419067%, 26.419067%)" stop-opacity="1"/>
<stop offset="0.449219" stop-color="rgb(29.115295%, 26.599121%, 26.599121%)" stop-opacity="1"/>
<stop offset="0.453125" stop-color="rgb(29.322815%, 26.779175%, 26.779175%)" stop-opacity="1"/>
<stop offset="0.457031" stop-color="rgb(29.528809%, 26.957703%, 26.957703%)" stop-opacity="1"/>
<stop offset="0.460938" stop-color="rgb(29.736328%, 27.137756%, 27.137756%)" stop-opacity="1"/>
<stop offset="0.464844" stop-color="rgb(29.943848%, 27.316284%, 27.316284%)" stop-opacity="1"/>
<stop offset="0.46875" stop-color="rgb(30.151367%, 27.496338%, 27.496338%)" stop-opacity="1"/>
<stop offset="0.472656" stop-color="rgb(30.357361%, 27.674866%, 27.674866%)" stop-opacity="1"/>
<stop offset="0.476562" stop-color="rgb(30.56488%, 27.854919%, 27.854919%)" stop-opacity="1"/>
<stop offset="0.480469" stop-color="rgb(30.770874%, 28.033447%, 28.033447%)" stop-opacity="1"/>
<stop offset="0.484375" stop-color="rgb(30.978394%, 28.213501%, 28.213501%)" stop-opacity="1"/>
<stop offset="0.488281" stop-color="rgb(31.184387%, 28.392029%, 28.392029%)" stop-opacity="1"/>
<stop offset="0.492188" stop-color="rgb(31.391907%, 28.572083%, 28.572083%)" stop-opacity="1"/>
<stop offset="0.496094" stop-color="rgb(31.5979%, 28.75061%, 28.75061%)" stop-opacity="1"/>
<stop offset="0.5" stop-color="rgb(31.80542%, 28.930664%, 28.930664%)" stop-opacity="1"/>
<stop offset="0.503906" stop-color="rgb(32.011414%, 29.109192%, 29.109192%)" stop-opacity="1"/>
<stop offset="0.507812" stop-color="rgb(32.218933%, 29.289246%, 29.289246%)" stop-opacity="1"/>
<stop offset="0.511719" stop-color="rgb(32.426453%, 29.467773%, 29.467773%)" stop-opacity="1"/>
<stop offset="0.515625" stop-color="rgb(32.633972%, 29.647827%, 29.647827%)" stop-opacity="1"/>
<stop offset="0.519531" stop-color="rgb(32.839966%, 29.827881%, 29.827881%)" stop-opacity="1"/>
<stop offset="0.523438" stop-color="rgb(33.047485%, 30.007935%, 30.007935%)" stop-opacity="1"/>
<stop offset="0.527344" stop-color="rgb(33.253479%, 30.186462%, 30.186462%)" stop-opacity="1"/>
<stop offset="0.53125" stop-color="rgb(33.460999%, 30.366516%, 30.366516%)" stop-opacity="1"/>
<stop offset="0.535156" stop-color="rgb(33.666992%, 30.545044%, 30.545044%)" stop-opacity="1"/>
<stop offset="0.539063" stop-color="rgb(33.874512%, 30.725098%, 30.725098%)" stop-opacity="1"/>
<stop offset="0.542969" stop-color="rgb(34.080505%, 30.903625%, 30.903625%)" stop-opacity="1"/>
<stop offset="0.546875" stop-color="rgb(34.288025%, 31.083679%, 31.083679%)" stop-opacity="1"/>
<stop offset="0.550781" stop-color="rgb(34.494019%, 31.262207%, 31.262207%)" stop-opacity="1"/>
<stop offset="0.554688" stop-color="rgb(34.701538%, 31.442261%, 31.442261%)" stop-opacity="1"/>
<stop offset="0.558594" stop-color="rgb(34.909058%, 31.620789%, 31.620789%)" stop-opacity="1"/>
<stop offset="0.5625" stop-color="rgb(35.116577%, 31.800842%, 31.800842%)" stop-opacity="1"/>
<stop offset="0.566406" stop-color="rgb(35.322571%, 31.97937%, 31.97937%)" stop-opacity="1"/>
<stop offset="0.570313" stop-color="rgb(35.53009%, 32.159424%, 32.159424%)" stop-opacity="1"/>
<stop offset="0.574219" stop-color="rgb(35.736084%, 32.337952%, 32.337952%)" stop-opacity="1"/>
<stop offset="0.578125" stop-color="rgb(35.943604%, 32.518005%, 32.518005%)" stop-opacity="1"/>
<stop offset="0.582031" stop-color="rgb(36.149597%, 32.696533%, 32.696533%)" stop-opacity="1"/>
<stop offset="0.585938" stop-color="rgb(36.357117%, 32.876587%, 32.876587%)" stop-opacity="1"/>
<stop offset="0.589844" stop-color="rgb(36.56311%, 33.055115%, 33.055115%)" stop-opacity="1"/>
<stop offset="0.59375" stop-color="rgb(36.77063%, 33.235168%, 33.235168%)" stop-opacity="1"/>
<stop offset="0.597656" stop-color="rgb(36.978149%, 33.415222%, 33.415222%)" stop-opacity="1"/>
<stop offset="0.601563" stop-color="rgb(37.185669%, 33.595276%, 33.595276%)" stop-opacity="1"/>
<stop offset="0.605469" stop-color="rgb(37.391663%, 33.773804%, 33.773804%)" stop-opacity="1"/>
<stop offset="0.609375" stop-color="rgb(37.599182%, 33.953857%, 33.953857%)" stop-opacity="1"/>
<stop offset="0.613281" stop-color="rgb(37.805176%, 34.132385%, 34.132385%)" stop-opacity="1"/>
<stop offset="0.617188" stop-color="rgb(38.012695%, 34.312439%, 34.312439%)" stop-opacity="1"/>
<stop offset="0.621094" stop-color="rgb(38.218689%, 34.490967%, 34.490967%)" stop-opacity="1"/>
<stop offset="0.625" stop-color="rgb(38.426208%, 34.671021%, 34.671021%)" stop-opacity="1"/>
<stop offset="0.628906" stop-color="rgb(38.632202%, 34.849548%, 34.849548%)" stop-opacity="1"/>
<stop offset="0.632813" stop-color="rgb(38.839722%, 35.029602%, 35.029602%)" stop-opacity="1"/>
<stop offset="0.636719" stop-color="rgb(39.045715%, 35.20813%, 35.20813%)" stop-opacity="1"/>
<stop offset="0.640625" stop-color="rgb(39.253235%, 35.388184%, 35.388184%)" stop-opacity="1"/>
<stop offset="0.644531" stop-color="rgb(39.460754%, 35.566711%, 35.566711%)" stop-opacity="1"/>
<stop offset="0.648438" stop-color="rgb(39.668274%, 35.746765%, 35.746765%)" stop-opacity="1"/>
<stop offset="0.652344" stop-color="rgb(39.874268%, 35.925293%, 35.925293%)" stop-opacity="1"/>
<stop offset="0.65625" stop-color="rgb(40.081787%, 36.105347%, 36.105347%)" stop-opacity="1"/>
<stop offset="0.660156" stop-color="rgb(40.287781%, 36.283875%, 36.283875%)" stop-opacity="1"/>
<stop offset="0.664063" stop-color="rgb(40.4953%, 36.463928%, 36.463928%)" stop-opacity="1"/>
<stop offset="0.667969" stop-color="rgb(40.701294%, 36.643982%, 36.643982%)" stop-opacity="1"/>
<stop offset="0.671875" stop-color="rgb(40.908813%, 36.824036%, 36.824036%)" stop-opacity="1"/>
<stop offset="0.675781" stop-color="rgb(41.114807%, 37.002563%, 37.002563%)" stop-opacity="1"/>
<stop offset="0.679688" stop-color="rgb(41.322327%, 37.182617%, 37.182617%)" stop-opacity="1"/>
<stop offset="0.683594" stop-color="rgb(41.529846%, 37.361145%, 37.361145%)" stop-opacity="1"/>
<stop offset="0.6875" stop-color="rgb(41.737366%, 37.541199%, 37.541199%)" stop-opacity="1"/>
<stop offset="0.691406" stop-color="rgb(41.943359%, 37.719727%, 37.719727%)" stop-opacity="1"/>
<stop offset="0.695312" stop-color="rgb(42.150879%, 37.89978%, 37.89978%)" stop-opacity="1"/>
<stop offset="0.699219" stop-color="rgb(42.356873%, 38.078308%, 38.078308%)" stop-opacity="1"/>
<stop offset="0.703125" stop-color="rgb(42.564392%, 38.258362%, 38.258362%)" stop-opacity="1"/>
<stop offset="0.707031" stop-color="rgb(42.770386%, 38.43689%, 38.43689%)" stop-opacity="1"/>
<stop offset="0.710938" stop-color="rgb(42.977905%, 38.616943%, 38.616943%)" stop-opacity="1"/>
<stop offset="0.714844" stop-color="rgb(43.183899%, 38.795471%, 38.795471%)" stop-opacity="1"/>
<stop offset="0.71875" stop-color="rgb(43.391418%, 38.975525%, 38.975525%)" stop-opacity="1"/>
<stop offset="0.722656" stop-color="rgb(43.597412%, 39.154053%, 39.154053%)" stop-opacity="1"/>
<stop offset="0.726563" stop-color="rgb(43.804932%, 39.334106%, 39.334106%)" stop-opacity="1"/>
<stop offset="0.730469" stop-color="rgb(44.012451%, 39.512634%, 39.512634%)" stop-opacity="1"/>
<stop offset="0.734375" stop-color="rgb(44.219971%, 39.692688%, 39.692688%)" stop-opacity="1"/>
<stop offset="0.738281" stop-color="rgb(44.425964%, 39.871216%, 39.871216%)" stop-opacity="1"/>
<stop offset="0.742188" stop-color="rgb(44.633484%, 40.05127%, 40.05127%)" stop-opacity="1"/>
<stop offset="0.746094" stop-color="rgb(44.839478%, 40.231323%, 40.231323%)" stop-opacity="1"/>
<stop offset="0.75" stop-color="rgb(45.046997%, 40.411377%, 40.411377%)" stop-opacity="1"/>
<stop offset="0.753906" stop-color="rgb(45.252991%, 40.589905%, 40.589905%)" stop-opacity="1"/>
<stop offset="0.757813" stop-color="rgb(45.46051%, 40.769958%, 40.769958%)" stop-opacity="1"/>
<stop offset="0.761719" stop-color="rgb(45.666504%, 40.948486%, 40.948486%)" stop-opacity="1"/>
<stop offset="0.765625" stop-color="rgb(45.874023%, 41.12854%, 41.12854%)" stop-opacity="1"/>
<stop offset="0.769531" stop-color="rgb(46.081543%, 41.307068%, 41.307068%)" stop-opacity="1"/>
<stop offset="0.773438" stop-color="rgb(46.289062%, 41.487122%, 41.487122%)" stop-opacity="1"/>
<stop offset="0.777344" stop-color="rgb(46.495056%, 41.665649%, 41.665649%)" stop-opacity="1"/>
<stop offset="0.78125" stop-color="rgb(46.702576%, 41.845703%, 41.845703%)" stop-opacity="1"/>
<stop offset="0.785156" stop-color="rgb(46.908569%, 42.024231%, 42.024231%)" stop-opacity="1"/>
<stop offset="0.789063" stop-color="rgb(47.116089%, 42.204285%, 42.204285%)" stop-opacity="1"/>
<stop offset="0.792969" stop-color="rgb(47.322083%, 42.382812%, 42.382812%)" stop-opacity="1"/>
<stop offset="0.796875" stop-color="rgb(47.529602%, 42.562866%, 42.562866%)" stop-opacity="1"/>
<stop offset="0.800781" stop-color="rgb(47.735596%, 42.741394%, 42.741394%)" stop-opacity="1"/>
<stop offset="0.804688" stop-color="rgb(47.943115%, 42.921448%, 42.921448%)" stop-opacity="1"/>
<stop offset="0.808594" stop-color="rgb(48.149109%, 43.099976%, 43.099976%)" stop-opacity="1"/>
<stop offset="0.8125" stop-color="rgb(48.356628%, 43.280029%, 43.280029%)" stop-opacity="1"/>
<stop offset="0.816406" stop-color="rgb(48.564148%, 43.460083%, 43.460083%)" stop-opacity="1"/>
<stop offset="0.820313" stop-color="rgb(48.771667%, 43.640137%, 43.640137%)" stop-opacity="1"/>
<stop offset="0.824219" stop-color="rgb(48.977661%, 43.818665%, 43.818665%)" stop-opacity="1"/>
<stop offset="0.828125" stop-color="rgb(49.185181%, 43.998718%, 43.998718%)" stop-opacity="1"/>
<stop offset="0.832031" stop-color="rgb(49.391174%, 44.177246%, 44.177246%)" stop-opacity="1"/>
<stop offset="0.835938" stop-color="rgb(49.598694%, 44.3573%, 44.3573%)" stop-opacity="1"/>
<stop offset="0.839844" stop-color="rgb(49.804688%, 44.535828%, 44.535828%)" stop-opacity="1"/>
<stop offset="0.84375" stop-color="rgb(50.012207%, 44.715881%, 44.715881%)" stop-opacity="1"/>
<stop offset="0.847656" stop-color="rgb(50.218201%, 44.894409%, 44.894409%)" stop-opacity="1"/>
<stop offset="0.851563" stop-color="rgb(50.42572%, 45.074463%, 45.074463%)" stop-opacity="1"/>
<stop offset="0.855469" stop-color="rgb(50.63324%, 45.252991%, 45.252991%)" stop-opacity="1"/>
<stop offset="0.859375" stop-color="rgb(50.840759%, 45.433044%, 45.433044%)" stop-opacity="1"/>
<stop offset="0.863281" stop-color="rgb(51.046753%, 45.611572%, 45.611572%)" stop-opacity="1"/>
<stop offset="0.867188" stop-color="rgb(51.254272%, 45.791626%, 45.791626%)" stop-opacity="1"/>
<stop offset="0.871094" stop-color="rgb(51.460266%, 45.970154%, 45.970154%)" stop-opacity="1"/>
<stop offset="0.875" stop-color="rgb(51.667786%, 46.150208%, 46.150208%)" stop-opacity="1"/>
<stop offset="0.878906" stop-color="rgb(51.873779%, 46.328735%, 46.328735%)" stop-opacity="1"/>
<stop offset="0.882812" stop-color="rgb(52.081299%, 46.508789%, 46.508789%)" stop-opacity="1"/>
<stop offset="0.886719" stop-color="rgb(52.287292%, 46.687317%, 46.687317%)" stop-opacity="1"/>
<stop offset="0.890625" stop-color="rgb(52.494812%, 46.867371%, 46.867371%)" stop-opacity="1"/>
<stop offset="0.894531" stop-color="rgb(52.700806%, 47.047424%, 47.047424%)" stop-opacity="1"/>
<stop offset="0.898438" stop-color="rgb(52.908325%, 47.227478%, 47.227478%)" stop-opacity="1"/>
<stop offset="0.902344" stop-color="rgb(53.115845%, 47.406006%, 47.406006%)" stop-opacity="1"/>
<stop offset="0.90625" stop-color="rgb(53.323364%, 47.58606%, 47.58606%)" stop-opacity="1"/>
<stop offset="0.910156" stop-color="rgb(53.529358%, 47.764587%, 47.764587%)" stop-opacity="1"/>
<stop offset="0.914062" stop-color="rgb(53.736877%, 47.944641%, 47.944641%)" stop-opacity="1"/>
<stop offset="0.917969" stop-color="rgb(53.942871%, 48.123169%, 48.123169%)" stop-opacity="1"/>
<stop offset="0.921875" stop-color="rgb(54.150391%, 48.303223%, 48.303223%)" stop-opacity="1"/>
<stop offset="0.925781" stop-color="rgb(54.356384%, 48.48175%, 48.48175%)" stop-opacity="1"/>
<stop offset="0.929687" stop-color="rgb(54.563904%, 48.661804%, 48.661804%)" stop-opacity="1"/>
<stop offset="0.933594" stop-color="rgb(54.769897%, 48.840332%, 48.840332%)" stop-opacity="1"/>
<stop offset="0.9375" stop-color="rgb(54.977417%, 49.020386%, 49.020386%)" stop-opacity="1"/>
<stop offset="0.941406" stop-color="rgb(55.184937%, 49.198914%, 49.198914%)" stop-opacity="1"/>
<stop offset="0.945312" stop-color="rgb(55.392456%, 49.378967%, 49.378967%)" stop-opacity="1"/>
<stop offset="0.949219" stop-color="rgb(55.59845%, 49.557495%, 49.557495%)" stop-opacity="1"/>
<stop offset="0.953125" stop-color="rgb(55.805969%, 49.737549%, 49.737549%)" stop-opacity="1"/>
<stop offset="0.957031" stop-color="rgb(56.011963%, 49.916077%, 49.916077%)" stop-opacity="1"/>
<stop offset="0.960937" stop-color="rgb(56.219482%, 50.09613%, 50.09613%)" stop-opacity="1"/>
<stop offset="0.964844" stop-color="rgb(56.425476%, 50.276184%, 50.276184%)" stop-opacity="1"/>
<stop offset="0.96875" stop-color="rgb(56.632996%, 50.456238%, 50.456238%)" stop-opacity="1"/>
<stop offset="0.972656" stop-color="rgb(56.838989%, 50.634766%, 50.634766%)" stop-opacity="1"/>
<stop offset="0.976562" stop-color="rgb(57.046509%, 50.814819%, 50.814819%)" stop-opacity="1"/>
<stop offset="0.980469" stop-color="rgb(57.252502%, 50.993347%, 50.993347%)" stop-opacity="1"/>
<stop offset="0.984375" stop-color="rgb(57.460022%, 51.173401%, 51.173401%)" stop-opacity="1"/>
<stop offset="0.988281" stop-color="rgb(57.667542%, 51.351929%, 51.351929%)" stop-opacity="1"/>
<stop offset="0.992188" stop-color="rgb(57.875061%, 51.531982%, 51.531982%)" stop-opacity="1"/>
<stop offset="0.996094" stop-color="rgb(58.081055%, 51.71051%, 51.71051%)" stop-opacity="1"/>
<stop offset="1" stop-color="rgb(58.288574%, 51.890564%, 51.890564%)" stop-opacity="1"/>
</linearGradient>
<clipPath id="clip-6">
<path clip-rule="nonzero" d="M 1144 1826 L 1535 1826 L 1535 2045 L 1144 2045 Z M 1144 1826 "/>
</clipPath>
<clipPath id="clip-7">
<path clip-rule="nonzero" d="M 1286.238281 1828.109375 L 1524.558594 1906.070312 C 1536.539062 1909.988281 1538.441406 1921.210938 1528.851562 1931.230469 L 1432.128906 2032.226562 C 1422.539062 2042.246094 1405.179688 2047.160156 1393.210938 2043.246094 L 1154.878906 1965.28125 C 1142.910156 1961.371094 1141 1950.148438 1150.589844 1940.128906 L 1247.308594 1839.121094 C 1256.910156 1829.109375 1274.269531 1824.191406 1286.238281 1828.109375 Z M 1286.238281 1828.109375 "/>
</clipPath>
<clipPath id="clip-8">
<path clip-rule="nonzero" d="M 1286.238281 1828.109375 L 1524.558594 1906.070312 C 1536.539062 1909.988281 1538.441406 1921.210938 1528.851562 1931.230469 L 1432.128906 2032.226562 C 1422.539062 2042.246094 1405.179688 2047.160156 1393.210938 2043.246094 L 1154.878906 1965.28125 C 1142.910156 1961.371094 1141 1950.148438 1150.589844 1940.128906 L 1247.308594 1839.121094 C 1256.910156 1829.109375 1274.269531 1824.191406 1286.238281 1828.109375 Z M 1286.238281 1828.109375 "/>
</clipPath>
<linearGradient id="linear-pattern-2" gradientUnits="userSpaceOnUse" x1="-237.88728" y1="1086.114431" x2="-526.74055" y2="1123.758321" gradientTransform="matrix(1.71797, 0.561997, -1.46079, 1.52549, 3592.55, 488.3)">
<stop offset="0" stop-color="rgb(69.978333%, 60.03418%, 60.03418%)" stop-opacity="1"/>
<stop offset="0.015625" stop-color="rgb(70.118713%, 60.165405%, 60.165405%)" stop-opacity="1"/>
<stop offset="0.03125" stop-color="rgb(70.397949%, 60.429382%, 60.429382%)" stop-opacity="1"/>
<stop offset="0.046875" stop-color="rgb(70.677185%, 60.694885%, 60.694885%)" stop-opacity="1"/>
<stop offset="0.0625" stop-color="rgb(70.957947%, 60.958862%, 60.958862%)" stop-opacity="1"/>
<stop offset="0.078125" stop-color="rgb(71.237183%, 61.222839%, 61.222839%)" stop-opacity="1"/>
<stop offset="0.0781669" stop-color="rgb(71.516418%, 61.486816%, 61.486816%)" stop-opacity="1"/>
<stop offset="0.09375" stop-color="rgb(71.656799%, 61.619568%, 61.619568%)" stop-opacity="1"/>
<stop offset="0.109375" stop-color="rgb(71.79718%, 61.750793%, 61.750793%)" stop-opacity="1"/>
<stop offset="0.125" stop-color="rgb(72.076416%, 62.016296%, 62.016296%)" stop-opacity="1"/>
<stop offset="0.140625" stop-color="rgb(72.357178%, 62.280273%, 62.280273%)" stop-opacity="1"/>
<stop offset="0.15625" stop-color="rgb(72.636414%, 62.54425%, 62.54425%)" stop-opacity="1"/>
<stop offset="0.171875" stop-color="rgb(72.915649%, 62.808228%, 62.808228%)" stop-opacity="1"/>
<stop offset="0.1875" stop-color="rgb(73.196411%, 63.072205%, 63.072205%)" stop-opacity="1"/>
<stop offset="0.203125" stop-color="rgb(73.475647%, 63.337708%, 63.337708%)" stop-opacity="1"/>
<stop offset="0.21875" stop-color="rgb(73.756409%, 63.601685%, 63.601685%)" stop-opacity="1"/>
<stop offset="0.234375" stop-color="rgb(74.035645%, 63.865662%, 63.865662%)" stop-opacity="1"/>
<stop offset="0.25" stop-color="rgb(74.31488%, 64.129639%, 64.129639%)" stop-opacity="1"/>
<stop offset="0.265625" stop-color="rgb(74.595642%, 64.393616%, 64.393616%)" stop-opacity="1"/>
<stop offset="0.28125" stop-color="rgb(74.874878%, 64.659119%, 64.659119%)" stop-opacity="1"/>
<stop offset="0.296875" stop-color="rgb(75.154114%, 64.923096%, 64.923096%)" stop-opacity="1"/>
<stop offset="0.3125" stop-color="rgb(75.434875%, 65.187073%, 65.187073%)" stop-opacity="1"/>
<stop offset="0.328125" stop-color="rgb(75.714111%, 65.45105%, 65.45105%)" stop-opacity="1"/>
<stop offset="0.34375" stop-color="rgb(75.994873%, 65.715027%, 65.715027%)" stop-opacity="1"/>
<stop offset="0.359375" stop-color="rgb(76.274109%, 65.98053%, 65.98053%)" stop-opacity="1"/>
<stop offset="0.375" stop-color="rgb(76.553345%, 66.244507%, 66.244507%)" stop-opacity="1"/>
<stop offset="0.390625" stop-color="rgb(76.834106%, 66.508484%, 66.508484%)" stop-opacity="1"/>
<stop offset="0.40625" stop-color="rgb(77.113342%, 66.772461%, 66.772461%)" stop-opacity="1"/>
<stop offset="0.421875" stop-color="rgb(77.394104%, 67.036438%, 67.036438%)" stop-opacity="1"/>
<stop offset="0.4375" stop-color="rgb(77.67334%, 67.301941%, 67.301941%)" stop-opacity="1"/>
<stop offset="0.453125" stop-color="rgb(77.952576%, 67.565918%, 67.565918%)" stop-opacity="1"/>
<stop offset="0.46875" stop-color="rgb(78.233337%, 67.829895%, 67.829895%)" stop-opacity="1"/>
<stop offset="0.484375" stop-color="rgb(78.512573%, 68.093872%, 68.093872%)" stop-opacity="1"/>
<stop offset="0.5" stop-color="rgb(78.791809%, 68.357849%, 68.357849%)" stop-opacity="1"/>
<stop offset="0.515625" stop-color="rgb(79.072571%, 68.623352%, 68.623352%)" stop-opacity="1"/>
<stop offset="0.53125" stop-color="rgb(79.351807%, 68.887329%, 68.887329%)" stop-opacity="1"/>
<stop offset="0.546875" stop-color="rgb(79.632568%, 69.151306%, 69.151306%)" stop-opacity="1"/>
<stop offset="0.5625" stop-color="rgb(79.911804%, 69.415283%, 69.415283%)" stop-opacity="1"/>
<stop offset="0.578125" stop-color="rgb(80.19104%, 69.67926%, 69.67926%)" stop-opacity="1"/>
<stop offset="0.59375" stop-color="rgb(80.471802%, 69.943237%, 69.943237%)" stop-opacity="1"/>
<stop offset="0.609375" stop-color="rgb(80.751038%, 70.20874%, 70.20874%)" stop-opacity="1"/>
<stop offset="0.625" stop-color="rgb(81.031799%, 70.472717%, 70.472717%)" stop-opacity="1"/>
<stop offset="0.640625" stop-color="rgb(81.311035%, 70.736694%, 70.736694%)" stop-opacity="1"/>
<stop offset="0.65625" stop-color="rgb(81.590271%, 71.000671%, 71.000671%)" stop-opacity="1"/>
<stop offset="0.671875" stop-color="rgb(81.871033%, 71.264648%, 71.264648%)" stop-opacity="1"/>
<stop offset="0.6875" stop-color="rgb(82.150269%, 71.530151%, 71.530151%)" stop-opacity="1"/>
<stop offset="0.703125" stop-color="rgb(82.43103%, 71.794128%, 71.794128%)" stop-opacity="1"/>
<stop offset="0.71875" stop-color="rgb(82.710266%, 72.058105%, 72.058105%)" stop-opacity="1"/>
<stop offset="0.734375" stop-color="rgb(82.989502%, 72.322083%, 72.322083%)" stop-opacity="1"/>
<stop offset="0.75" stop-color="rgb(83.270264%, 72.58606%, 72.58606%)" stop-opacity="1"/>
<stop offset="0.765625" stop-color="rgb(83.5495%, 72.851562%, 72.851562%)" stop-opacity="1"/>
<stop offset="0.78125" stop-color="rgb(83.828735%, 73.11554%, 73.11554%)" stop-opacity="1"/>
<stop offset="0.796875" stop-color="rgb(84.109497%, 73.379517%, 73.379517%)" stop-opacity="1"/>
<stop offset="0.8125" stop-color="rgb(84.388733%, 73.643494%, 73.643494%)" stop-opacity="1"/>
<stop offset="0.828125" stop-color="rgb(84.669495%, 73.907471%, 73.907471%)" stop-opacity="1"/>
<stop offset="0.84375" stop-color="rgb(84.94873%, 74.172974%, 74.172974%)" stop-opacity="1"/>
<stop offset="0.859375" stop-color="rgb(85.227966%, 74.436951%, 74.436951%)" stop-opacity="1"/>
<stop offset="0.875" stop-color="rgb(85.508728%, 74.700928%, 74.700928%)" stop-opacity="1"/>
<stop offset="0.890625" stop-color="rgb(85.787964%, 74.964905%, 74.964905%)" stop-opacity="1"/>
<stop offset="0.90625" stop-color="rgb(86.068726%, 75.228882%, 75.228882%)" stop-opacity="1"/>
<stop offset="0.921833" stop-color="rgb(86.347961%, 75.494385%, 75.494385%)" stop-opacity="1"/>
<stop offset="0.921875" stop-color="rgb(86.488342%, 75.627136%, 75.627136%)" stop-opacity="1"/>
<stop offset="0.9375" stop-color="rgb(86.627197%, 75.758362%, 75.758362%)" stop-opacity="1"/>
<stop offset="0.953125" stop-color="rgb(86.907959%, 76.022339%, 76.022339%)" stop-opacity="1"/>
<stop offset="0.96875" stop-color="rgb(87.187195%, 76.286316%, 76.286316%)" stop-opacity="1"/>
<stop offset="0.984375" stop-color="rgb(87.466431%, 76.550293%, 76.550293%)" stop-opacity="1"/>
<stop offset="1" stop-color="rgb(87.747192%, 76.815796%, 76.815796%)" stop-opacity="1"/>
</linearGradient>
<clipPath id="clip-9">
<path clip-rule="nonzero" d="M 1209 821 L 2167 821 L 2167 1733 L 1209 1733 Z M 1209 821 "/>
</clipPath>
<clipPath id="clip-10">
<path clip-rule="nonzero" d="M 1259.878906 823.929688 L 2117.769531 1095.539062 C 2144.691406 1104.058594 2166.289062 1135.121094 2166.199219 1165.179688 L 2164.660156 1691.890625 C 2164.570312 1721.941406 2142.820312 1739.28125 2115.898438 1730.761719 L 1258.011719 1459.160156 C 1231.089844 1450.628906 1209.488281 1419.570312 1209.578125 1389.519531 L 1211.128906 862.808594 C 1211.21875 832.75 1232.960938 815.410156 1259.878906 823.929688 Z M 1259.878906 823.929688 "/>
</clipPath>
<clipPath id="clip-11">
<path clip-rule="nonzero" d="M 1259.878906 823.929688 L 2117.769531 1095.539062 C 2144.691406 1104.058594 2166.289062 1135.121094 2166.199219 1165.179688 L 2164.660156 1691.890625 C 2164.570312 1721.941406 2142.820312 1739.28125 2115.898438 1730.761719 L 1258.011719 1459.160156 C 1231.089844 1450.628906 1209.488281 1419.570312 1209.578125 1389.519531 L 1211.128906 862.808594 C 1211.21875 832.75 1232.960938 815.410156 1259.878906 823.929688 Z M 1259.878906 823.929688 "/>
</clipPath>
<linearGradient id="linear-pattern-3" gradientUnits="userSpaceOnUse" x1="-59.187398" y1="535.320573" x2="-641.460303" y2="576.207185" gradientTransform="matrix(1.77878, 0.563152, -0.00547818, 1.862, 2316.79, 482.89)">
<stop offset="0" stop-color="rgb(10.195923%, 10.195923%, 10.195923%)" stop-opacity="1"/>
<stop offset="0.0625" stop-color="rgb(10.195923%, 10.195923%, 10.195923%)" stop-opacity="1"/>
<stop offset="0.078125" stop-color="rgb(10.195923%, 10.195923%, 10.195923%)" stop-opacity="1"/>
<stop offset="0.0789909" stop-color="rgb(10.334778%, 10.316467%, 10.316467%)" stop-opacity="1"/>
<stop offset="0.0859375" stop-color="rgb(10.473633%, 10.437012%, 10.437012%)" stop-opacity="1"/>
<stop offset="0.09375" stop-color="rgb(10.614014%, 10.557556%, 10.557556%)" stop-opacity="1"/>
<stop offset="0.101562" stop-color="rgb(10.89325%, 10.800171%, 10.800171%)" stop-opacity="1"/>
<stop offset="0.109375" stop-color="rgb(11.174011%, 11.042786%, 11.042786%)" stop-opacity="1"/>
<stop offset="0.117187" stop-color="rgb(11.453247%, 11.2854%, 11.2854%)" stop-opacity="1"/>
<stop offset="0.125" stop-color="rgb(11.732483%, 11.528015%, 11.528015%)" stop-opacity="1"/>
<stop offset="0.132812" stop-color="rgb(12.013245%, 11.77063%, 11.77063%)" stop-opacity="1"/>
<stop offset="0.140625" stop-color="rgb(12.29248%, 12.013245%, 12.013245%)" stop-opacity="1"/>
<stop offset="0.148438" stop-color="rgb(12.573242%, 12.255859%, 12.255859%)" stop-opacity="1"/>
<stop offset="0.15625" stop-color="rgb(12.852478%, 12.498474%, 12.498474%)" stop-opacity="1"/>
<stop offset="0.164062" stop-color="rgb(13.13324%, 12.741089%, 12.741089%)" stop-opacity="1"/>
<stop offset="0.171875" stop-color="rgb(13.412476%, 12.983704%, 12.983704%)" stop-opacity="1"/>
<stop offset="0.179688" stop-color="rgb(13.691711%, 13.226318%, 13.226318%)" stop-opacity="1"/>
<stop offset="0.1875" stop-color="rgb(13.972473%, 13.468933%, 13.468933%)" stop-opacity="1"/>
<stop offset="0.195312" stop-color="rgb(14.251709%, 13.711548%, 13.711548%)" stop-opacity="1"/>
<stop offset="0.203125" stop-color="rgb(14.532471%, 13.954163%, 13.954163%)" stop-opacity="1"/>
<stop offset="0.210937" stop-color="rgb(14.811707%, 14.196777%, 14.196777%)" stop-opacity="1"/>
<stop offset="0.21875" stop-color="rgb(15.092468%, 14.439392%, 14.439392%)" stop-opacity="1"/>
<stop offset="0.226562" stop-color="rgb(15.371704%, 14.682007%, 14.682007%)" stop-opacity="1"/>
<stop offset="0.234375" stop-color="rgb(15.65094%, 14.926147%, 14.926147%)" stop-opacity="1"/>
<stop offset="0.242188" stop-color="rgb(15.931702%, 15.168762%, 15.168762%)" stop-opacity="1"/>
<stop offset="0.25" stop-color="rgb(16.210938%, 15.411377%, 15.411377%)" stop-opacity="1"/>
<stop offset="0.257812" stop-color="rgb(16.491699%, 15.653992%, 15.653992%)" stop-opacity="1"/>
<stop offset="0.265625" stop-color="rgb(16.770935%, 15.896606%, 15.896606%)" stop-opacity="1"/>
<stop offset="0.273438" stop-color="rgb(17.051697%, 16.139221%, 16.139221%)" stop-opacity="1"/>
<stop offset="0.28125" stop-color="rgb(17.330933%, 16.381836%, 16.381836%)" stop-opacity="1"/>
<stop offset="0.289062" stop-color="rgb(17.610168%, 16.624451%, 16.624451%)" stop-opacity="1"/>
<stop offset="0.296875" stop-color="rgb(17.89093%, 16.867065%, 16.867065%)" stop-opacity="1"/>
<stop offset="0.304688" stop-color="rgb(18.170166%, 17.10968%, 17.10968%)" stop-opacity="1"/>
<stop offset="0.3125" stop-color="rgb(18.450928%, 17.352295%, 17.352295%)" stop-opacity="1"/>
<stop offset="0.320312" stop-color="rgb(18.730164%, 17.59491%, 17.59491%)" stop-opacity="1"/>
<stop offset="0.328125" stop-color="rgb(19.010925%, 17.837524%, 17.837524%)" stop-opacity="1"/>
<stop offset="0.335938" stop-color="rgb(19.290161%, 18.080139%, 18.080139%)" stop-opacity="1"/>
<stop offset="0.34375" stop-color="rgb(19.569397%, 18.322754%, 18.322754%)" stop-opacity="1"/>
<stop offset="0.351563" stop-color="rgb(19.850159%, 18.565369%, 18.565369%)" stop-opacity="1"/>
<stop offset="0.359375" stop-color="rgb(20.129395%, 18.807983%, 18.807983%)" stop-opacity="1"/>
<stop offset="0.367188" stop-color="rgb(20.410156%, 19.050598%, 19.050598%)" stop-opacity="1"/>
<stop offset="0.375" stop-color="rgb(20.689392%, 19.293213%, 19.293213%)" stop-opacity="1"/>
<stop offset="0.382812" stop-color="rgb(20.968628%, 19.535828%, 19.535828%)" stop-opacity="1"/>
<stop offset="0.390625" stop-color="rgb(21.24939%, 19.778442%, 19.778442%)" stop-opacity="1"/>
<stop offset="0.398438" stop-color="rgb(21.528625%, 20.021057%, 20.021057%)" stop-opacity="1"/>
<stop offset="0.40625" stop-color="rgb(21.809387%, 20.263672%, 20.263672%)" stop-opacity="1"/>
<stop offset="0.414062" stop-color="rgb(22.088623%, 20.506287%, 20.506287%)" stop-opacity="1"/>
<stop offset="0.421875" stop-color="rgb(22.369385%, 20.748901%, 20.748901%)" stop-opacity="1"/>
<stop offset="0.429687" stop-color="rgb(22.648621%, 20.991516%, 20.991516%)" stop-opacity="1"/>
<stop offset="0.4375" stop-color="rgb(22.927856%, 21.234131%, 21.234131%)" stop-opacity="1"/>
<stop offset="0.445312" stop-color="rgb(23.208618%, 21.476746%, 21.476746%)" stop-opacity="1"/>
<stop offset="0.453125" stop-color="rgb(23.487854%, 21.71936%, 21.71936%)" stop-opacity="1"/>
<stop offset="0.460938" stop-color="rgb(23.768616%, 21.961975%, 21.961975%)" stop-opacity="1"/>
<stop offset="0.46875" stop-color="rgb(24.047852%, 22.20459%, 22.20459%)" stop-opacity="1"/>
<stop offset="0.476562" stop-color="rgb(24.328613%, 22.447205%, 22.447205%)" stop-opacity="1"/>
<stop offset="0.484375" stop-color="rgb(24.607849%, 22.689819%, 22.689819%)" stop-opacity="1"/>
<stop offset="0.492188" stop-color="rgb(24.887085%, 22.932434%, 22.932434%)" stop-opacity="1"/>
<stop offset="0.5" stop-color="rgb(25.167847%, 23.175049%, 23.175049%)" stop-opacity="1"/>
<stop offset="0.507812" stop-color="rgb(25.447083%, 23.417664%, 23.417664%)" stop-opacity="1"/>
<stop offset="0.515625" stop-color="rgb(25.727844%, 23.660278%, 23.660278%)" stop-opacity="1"/>
<stop offset="0.523438" stop-color="rgb(26.00708%, 23.902893%, 23.902893%)" stop-opacity="1"/>
<stop offset="0.53125" stop-color="rgb(26.287842%, 24.145508%, 24.145508%)" stop-opacity="1"/>
<stop offset="0.539062" stop-color="rgb(26.567078%, 24.388123%, 24.388123%)" stop-opacity="1"/>
<stop offset="0.546875" stop-color="rgb(26.846313%, 24.630737%, 24.630737%)" stop-opacity="1"/>
<stop offset="0.554688" stop-color="rgb(27.127075%, 24.873352%, 24.873352%)" stop-opacity="1"/>
<stop offset="0.5625" stop-color="rgb(27.406311%, 25.115967%, 25.115967%)" stop-opacity="1"/>
<stop offset="0.570313" stop-color="rgb(27.687073%, 25.360107%, 25.360107%)" stop-opacity="1"/>
<stop offset="0.578125" stop-color="rgb(27.966309%, 25.602722%, 25.602722%)" stop-opacity="1"/>
<stop offset="0.585938" stop-color="rgb(28.245544%, 25.845337%, 25.845337%)" stop-opacity="1"/>
<stop offset="0.59375" stop-color="rgb(28.526306%, 26.087952%, 26.087952%)" stop-opacity="1"/>
<stop offset="0.601562" stop-color="rgb(28.805542%, 26.330566%, 26.330566%)" stop-opacity="1"/>
<stop offset="0.609375" stop-color="rgb(29.086304%, 26.573181%, 26.573181%)" stop-opacity="1"/>
<stop offset="0.617188" stop-color="rgb(29.36554%, 26.815796%, 26.815796%)" stop-opacity="1"/>
<stop offset="0.625" stop-color="rgb(29.646301%, 27.058411%, 27.058411%)" stop-opacity="1"/>
<stop offset="0.632812" stop-color="rgb(29.925537%, 27.301025%, 27.301025%)" stop-opacity="1"/>
<stop offset="0.640625" stop-color="rgb(30.204773%, 27.54364%, 27.54364%)" stop-opacity="1"/>
<stop offset="0.648438" stop-color="rgb(30.485535%, 27.786255%, 27.786255%)" stop-opacity="1"/>
<stop offset="0.65625" stop-color="rgb(30.764771%, 28.02887%, 28.02887%)" stop-opacity="1"/>
<stop offset="0.664062" stop-color="rgb(31.045532%, 28.271484%, 28.271484%)" stop-opacity="1"/>
<stop offset="0.671875" stop-color="rgb(31.324768%, 28.514099%, 28.514099%)" stop-opacity="1"/>
<stop offset="0.679688" stop-color="rgb(31.60553%, 28.756714%, 28.756714%)" stop-opacity="1"/>
<stop offset="0.6875" stop-color="rgb(31.884766%, 28.999329%, 28.999329%)" stop-opacity="1"/>
<stop offset="0.695312" stop-color="rgb(32.164001%, 29.241943%, 29.241943%)" stop-opacity="1"/>
<stop offset="0.703125" stop-color="rgb(32.444763%, 29.484558%, 29.484558%)" stop-opacity="1"/>
<stop offset="0.710937" stop-color="rgb(32.723999%, 29.727173%, 29.727173%)" stop-opacity="1"/>
<stop offset="0.71875" stop-color="rgb(33.004761%, 29.969788%, 29.969788%)" stop-opacity="1"/>
<stop offset="0.726563" stop-color="rgb(33.283997%, 30.212402%, 30.212402%)" stop-opacity="1"/>
<stop offset="0.734375" stop-color="rgb(33.564758%, 30.455017%, 30.455017%)" stop-opacity="1"/>
<stop offset="0.742188" stop-color="rgb(33.843994%, 30.697632%, 30.697632%)" stop-opacity="1"/>
<stop offset="0.75" stop-color="rgb(34.12323%, 30.940247%, 30.940247%)" stop-opacity="1"/>
<stop offset="0.757812" stop-color="rgb(34.403992%, 31.182861%, 31.182861%)" stop-opacity="1"/>
<stop offset="0.765625" stop-color="rgb(34.683228%, 31.425476%, 31.425476%)" stop-opacity="1"/>
<stop offset="0.773438" stop-color="rgb(34.963989%, 31.668091%, 31.668091%)" stop-opacity="1"/>
<stop offset="0.78125" stop-color="rgb(35.243225%, 31.910706%, 31.910706%)" stop-opacity="1"/>
<stop offset="0.789062" stop-color="rgb(35.523987%, 32.15332%, 32.15332%)" stop-opacity="1"/>
<stop offset="0.796875" stop-color="rgb(35.803223%, 32.395935%, 32.395935%)" stop-opacity="1"/>
<stop offset="0.804687" stop-color="rgb(36.082458%, 32.63855%, 32.63855%)" stop-opacity="1"/>
<stop offset="0.8125" stop-color="rgb(36.36322%, 32.881165%, 32.881165%)" stop-opacity="1"/>
<stop offset="0.820313" stop-color="rgb(36.642456%, 33.123779%, 33.123779%)" stop-opacity="1"/>
<stop offset="0.828125" stop-color="rgb(36.923218%, 33.366394%, 33.366394%)" stop-opacity="1"/>
<stop offset="0.835938" stop-color="rgb(37.202454%, 33.609009%, 33.609009%)" stop-opacity="1"/>
<stop offset="0.84375" stop-color="rgb(37.481689%, 33.851624%, 33.851624%)" stop-opacity="1"/>
<stop offset="0.851562" stop-color="rgb(37.762451%, 34.094238%, 34.094238%)" stop-opacity="1"/>
<stop offset="0.859375" stop-color="rgb(38.041687%, 34.336853%, 34.336853%)" stop-opacity="1"/>
<stop offset="0.867188" stop-color="rgb(38.322449%, 34.579468%, 34.579468%)" stop-opacity="1"/>
<stop offset="0.875" stop-color="rgb(38.601685%, 34.822083%, 34.822083%)" stop-opacity="1"/>
<stop offset="0.882812" stop-color="rgb(38.882446%, 35.064697%, 35.064697%)" stop-opacity="1"/>
<stop offset="0.890625" stop-color="rgb(39.161682%, 35.307312%, 35.307312%)" stop-opacity="1"/>
<stop offset="0.898437" stop-color="rgb(39.440918%, 35.549927%, 35.549927%)" stop-opacity="1"/>
<stop offset="0.90625" stop-color="rgb(39.72168%, 35.794067%, 35.794067%)" stop-opacity="1"/>
<stop offset="0.914063" stop-color="rgb(40.000916%, 36.036682%, 36.036682%)" stop-opacity="1"/>
<stop offset="0.921009" stop-color="rgb(40.281677%, 36.279297%, 36.279297%)" stop-opacity="1"/>
<stop offset="0.921875" stop-color="rgb(40.422058%, 36.401367%, 36.401367%)" stop-opacity="1"/>
<stop offset="0.929688" stop-color="rgb(40.560913%, 36.521912%, 36.521912%)" stop-opacity="1"/>
<stop offset="0.9375" stop-color="rgb(40.841675%, 36.764526%, 36.764526%)" stop-opacity="1"/>
<stop offset="0.945312" stop-color="rgb(41.120911%, 37.007141%, 37.007141%)" stop-opacity="1"/>
<stop offset="0.953125" stop-color="rgb(41.400146%, 37.249756%, 37.249756%)" stop-opacity="1"/>
<stop offset="0.960938" stop-color="rgb(41.680908%, 37.492371%, 37.492371%)" stop-opacity="1"/>
<stop offset="0.96875" stop-color="rgb(41.960144%, 37.734985%, 37.734985%)" stop-opacity="1"/>
<stop offset="0.976562" stop-color="rgb(42.240906%, 37.9776%, 37.9776%)" stop-opacity="1"/>
<stop offset="0.984375" stop-color="rgb(42.520142%, 38.220215%, 38.220215%)" stop-opacity="1"/>
<stop offset="0.992187" stop-color="rgb(42.800903%, 38.46283%, 38.46283%)" stop-opacity="1"/>
<stop offset="1" stop-color="rgb(43.080139%, 38.705444%, 38.705444%)" stop-opacity="1"/>
</linearGradient>
<clipPath id="clip-12">
<path clip-rule="nonzero" d="M 1231 845 L 2145 845 L 2145 1710 L 1231 1710 Z M 1231 845 "/>
</clipPath>
<clipPath id="clip-13">
<path clip-rule="nonzero" d="M 1241.878906 845.578125 C 1229.089844 852.328125 1231.449219 870.019531 1232.761719 881.160156 C 1233.121094 1054.929688 1228.648438 1229.800781 1233.429688 1402.890625 C 1243.390625 1434.410156 1277.371094 1443.28125 1306.050781 1449.871094 C 1580.910156 1536.320312 1854.800781 1625.128906 2130.46875 1709.621094 C 2143.859375 1708.691406 2145.488281 1690.660156 2143.390625 1681.019531 C 2142.238281 1505.050781 2147.070312 1328 2142.609375 1152.589844 C 2132.949219 1120.570312 2098.660156 1111.28125 2069.648438 1104.800781 C 1794.730469 1018.570312 1521.128906 929.140625 1245.199219 845.371094 L 1243.699219 845.28125 Z M 1241.878906 845.578125 "/>
</clipPath>
<clipPath id="clip-14">
<path clip-rule="nonzero" d="M 1241.878906 845.578125 C 1229.089844 852.328125 1231.449219 870.019531 1232.761719 881.160156 C 1233.121094 1054.929688 1228.648438 1229.800781 1233.429688 1402.890625 C 1243.390625 1434.410156 1277.371094 1443.28125 1306.050781 1449.871094 C 1580.910156 1536.320312 1854.800781 1625.128906 2130.46875 1709.621094 C 2143.859375 1708.691406 2145.488281 1690.660156 2143.390625 1681.019531 C 2142.238281 1505.050781 2147.070312 1328 2142.609375 1152.589844 C 2132.949219 1120.570312 2098.660156 1111.28125 2069.648438 1104.800781 C 1794.730469 1018.570312 1521.128906 929.140625 1245.199219 845.371094 L 1243.699219 845.28125 Z M 1241.878906 845.578125 "/>
</clipPath>
<linearGradient id="linear-pattern-4" gradientUnits="userSpaceOnUse" x1="-1281.330541" y1="189.201" x2="-774.332235" y2="189.201" gradientTransform="matrix(1.81529, -0.29009, -0.00358234, 1.87834, 3554.35, 623.81)">
<stop offset="0" stop-color="rgb(95.684814%, 84.312439%, 84.312439%)" stop-opacity="1"/>
<stop offset="0.03125" stop-color="rgb(95.524597%, 84.439087%, 84.47113%)" stop-opacity="1"/>
<stop offset="0.0625" stop-color="rgb(95.187378%, 84.707642%, 84.809875%)" stop-opacity="1"/>
<stop offset="0.09375" stop-color="rgb(94.828796%, 84.991455%, 85.168457%)" stop-opacity="1"/>
<stop offset="0.125" stop-color="rgb(94.471741%, 85.275269%, 85.525513%)" stop-opacity="1"/>
<stop offset="0.15625" stop-color="rgb(94.114685%, 85.559082%, 85.884094%)" stop-opacity="1"/>
<stop offset="0.1875" stop-color="rgb(93.756104%, 85.842896%, 86.24115%)" stop-opacity="1"/>
<stop offset="0.21875" stop-color="rgb(93.399048%, 86.126709%, 86.599731%)" stop-opacity="1"/>
<stop offset="0.25" stop-color="rgb(93.040466%, 86.410522%, 86.956787%)" stop-opacity="1"/>
<stop offset="0.28125" stop-color="rgb(92.683411%, 86.694336%, 87.315369%)" stop-opacity="1"/>
<stop offset="0.3125" stop-color="rgb(92.324829%, 86.978149%, 87.672424%)" stop-opacity="1"/>
<stop offset="0.34375" stop-color="rgb(91.967773%, 87.261963%, 88.031006%)" stop-opacity="1"/>
<stop offset="0.375" stop-color="rgb(91.609192%, 87.545776%, 88.388062%)" stop-opacity="1"/>
<stop offset="0.40625" stop-color="rgb(91.252136%, 87.82959%, 88.745117%)" stop-opacity="1"/>
<stop offset="0.4375" stop-color="rgb(90.893555%, 88.111877%, 89.103699%)" stop-opacity="1"/>
<stop offset="0.46875" stop-color="rgb(90.536499%, 88.395691%, 89.460754%)" stop-opacity="1"/>
<stop offset="0.5" stop-color="rgb(90.179443%, 88.679504%, 89.819336%)" stop-opacity="1"/>
<stop offset="0.53125" stop-color="rgb(89.820862%, 88.963318%, 90.176392%)" stop-opacity="1"/>
<stop offset="0.5625" stop-color="rgb(89.463806%, 89.247131%, 90.534973%)" stop-opacity="1"/>
<stop offset="0.59375" stop-color="rgb(89.105225%, 89.530945%, 90.892029%)" stop-opacity="1"/>
<stop offset="0.625" stop-color="rgb(88.748169%, 89.814758%, 91.25061%)" stop-opacity="1"/>
<stop offset="0.65625" stop-color="rgb(88.389587%, 90.098572%, 91.607666%)" stop-opacity="1"/>
<stop offset="0.6875" stop-color="rgb(88.032532%, 90.382385%, 91.966248%)" stop-opacity="1"/>
<stop offset="0.71875" stop-color="rgb(87.67395%, 90.666199%, 92.323303%)" stop-opacity="1"/>
<stop offset="0.75" stop-color="rgb(87.316895%, 90.950012%, 92.680359%)" stop-opacity="1"/>
<stop offset="0.78125" stop-color="rgb(86.958313%, 91.233826%, 93.03894%)" stop-opacity="1"/>
<stop offset="0.8125" stop-color="rgb(86.601257%, 91.517639%, 93.395996%)" stop-opacity="1"/>
<stop offset="0.84375" stop-color="rgb(86.244202%, 91.801453%, 93.754578%)" stop-opacity="1"/>
<stop offset="0.875" stop-color="rgb(85.88562%, 92.085266%, 94.111633%)" stop-opacity="1"/>
<stop offset="0.90625" stop-color="rgb(85.528564%, 92.36908%, 94.470215%)" stop-opacity="1"/>
<stop offset="0.9375" stop-color="rgb(85.169983%, 92.652893%, 94.827271%)" stop-opacity="1"/>
<stop offset="0.96875" stop-color="rgb(84.812927%, 92.936707%, 95.185852%)" stop-opacity="1"/>
<stop offset="1" stop-color="rgb(84.472656%, 93.205261%, 95.524597%)" stop-opacity="1"/>
</linearGradient>
</defs>
<rect x="-300" y="-300" width="3600" height="3600" fill="rgb(100%, 100%, 100%)" fill-opacity="1"/>
<g clip-path="url(#clip-0)">
<g clip-path="url(#clip-1)">
<g clip-path="url(#clip-2)">
<path fill-rule="nonzero" fill="url(#linear-pattern-0)" d="M 300 300 L 300 2700 L 2700 2700 L 2700 300 Z M 300 300 "/>
</g>
</g>
</g>
<path fill-rule="nonzero" fill="rgb(100%, 100%, 100%)" fill-opacity="1" d="M 2411.769531 1817.839844 C 2411.769531 1788.488281 2435.550781 1764.699219 2464.890625 1764.699219 C 2494.238281 1764.710938 2518.03125 1788.488281 2518.03125 1817.839844 C 2518.03125 1831.929688 2512.429688 1845.441406 2502.46875 1855.410156 C 2492.5 1865.371094 2478.988281 1870.960938 2464.890625 1870.960938 C 2450.808594 1870.960938 2437.289062 1865.371094 2427.328125 1855.410156 C 2417.359375 1845.441406 2411.769531 1831.929688 2411.769531 1817.839844 Z M 2411.769531 1817.839844 "/>
<path fill-rule="nonzero" fill="rgb(100%, 100%, 100%)" fill-opacity="1" d="M 643.265625 910.820312 C 643.265625 904.78125 645.664062 898.980469 649.933594 894.710938 C 654.203125 890.441406 659.996094 888.039062 666.035156 888.039062 C 672.074219 888.039062 677.863281 890.441406 682.136719 894.710938 C 686.40625 898.980469 688.804688 904.78125 688.804688 910.820312 C 688.804688 923.390625 678.609375 933.589844 666.035156 933.589844 C 653.460938 933.589844 643.265625 923.390625 643.265625 910.820312 Z M 643.265625 910.820312 "/>
<path fill-rule="nonzero" fill="rgb(87.109375%, 52.929688%, 52.929688%)" fill-opacity="1" d="M 495.257812 455.410156 C 495.257812 417.679688 525.839844 387.101562 563.566406 387.101562 C 601.292969 387.101562 631.878906 417.679688 631.878906 455.410156 C 631.878906 493.140625 601.292969 523.71875 563.566406 523.71875 C 545.449219 523.71875 528.074219 516.519531 515.265625 503.710938 C 502.453125 490.898438 495.257812 473.519531 495.257812 455.410156 Z M 495.257812 455.410156 "/>
<path fill-rule="nonzero" fill="rgb(55.271912%, 82.8125%, 37.255859%)" fill-opacity="1" d="M 426.945312 611 C 426.945312 594.238281 440.539062 580.640625 457.304688 580.640625 C 474.074219 580.640625 487.664062 594.238281 487.664062 611 C 487.664062 627.769531 474.074219 641.371094 457.304688 641.371094 C 449.253906 641.371094 441.53125 638.171875 435.835938 632.46875 C 430.144531 626.78125 426.945312 619.058594 426.945312 611 Z M 426.945312 611 "/>
<path fill-rule="nonzero" fill="rgb(87.109375%, 52.929688%, 52.929688%)" fill-opacity="1" d="M 669.828125 425.050781 C 669.828125 421.019531 671.429688 417.160156 674.273438 414.308594 C 677.121094 411.460938 680.984375 409.871094 685.007812 409.871094 C 689.035156 409.871094 692.898438 411.460938 695.742188 414.308594 C 698.589844 417.160156 700.191406 421.019531 700.191406 425.050781 C 700.191406 433.429688 693.394531 440.230469 685.007812 440.230469 C 676.625 440.230469 669.832031 433.429688 669.828125 425.050781 Z M 669.828125 425.050781 "/>
<path fill-rule="nonzero" fill="rgb(50.193787%, 89.84375%, 100%)" fill-opacity="1" d="M 2360.089844 2256.980469 C 2360.089844 2214.179688 2394.789062 2179.484375 2437.589844 2179.484375 C 2480.390625 2179.484375 2515.078125 2214.183594 2515.078125 2256.980469 C 2515.078125 2299.78125 2480.390625 2334.476562 2437.589844 2334.476562 C 2394.789062 2334.476562 2360.089844 2299.78125 2360.089844 2256.980469 Z M 2360.089844 2256.980469 "/>
<path fill-rule="nonzero" fill="rgb(33.325195%, 86.71875%, 100%)" fill-opacity="1" d="M 571.15625 2360.53125 C 571.15625 2352.480469 574.355469 2344.757812 580.050781 2339.0625 C 585.742188 2333.367188 593.464844 2330.171875 601.519531 2330.171875 C 618.285156 2330.171875 631.878906 2343.761719 631.878906 2360.53125 C 631.878906 2368.582031 628.679688 2376.304688 622.988281 2382 C 617.292969 2387.691406 609.570312 2390.890625 601.519531 2390.890625 C 593.464844 2390.890625 585.742188 2387.695312 580.050781 2382 C 574.355469 2376.304688 571.15625 2368.582031 571.15625 2360.53125 Z M 571.15625 2360.53125 "/>
<path fill-rule="nonzero" fill="rgb(55.271912%, 82.8125%, 37.255859%)" fill-opacity="1" d="M 2252.398438 2622.105469 C 2252.398438 2612.96875 2256.03125 2604.207031 2262.488281 2597.75 C 2268.949219 2591.289062 2277.710938 2587.660156 2286.851562 2587.660156 C 2295.980469 2587.660156 2304.738281 2591.289062 2311.199219 2597.75 C 2317.660156 2604.207031 2321.289062 2612.96875 2321.289062 2622.105469 C 2321.289062 2641.125 2305.871094 2656.546875 2286.851562 2656.546875 C 2267.820312 2656.546875 2252.398438 2641.125 2252.398438 2622.105469 Z M 2252.398438 2622.105469 "/>
<path fill-rule="nonzero" fill="rgb(55.271912%, 82.8125%, 37.255859%)" fill-opacity="1" d="M 2423.148438 459.199219 C 2423.148438 451.148438 2426.351562 443.429688 2432.039062 437.730469 C 2437.738281 432.039062 2445.460938 428.839844 2453.511719 428.839844 C 2461.558594 428.839844 2469.289062 432.039062 2474.980469 437.730469 C 2480.671875 443.429688 2483.871094 451.148438 2483.871094 459.199219 C 2483.871094 467.25 2480.671875 474.980469 2474.980469 480.671875 C 2469.289062 486.359375 2461.558594 489.558594 2453.511719 489.558594 C 2445.460938 489.558594 2437.730469 486.359375 2432.039062 480.671875 C 2426.351562 474.980469 2423.148438 467.25 2423.148438 459.199219 Z M 2423.148438 459.199219 "/>
<path fill-rule="nonzero" fill="rgb(78.514099%, 71.679688%, 74.414062%)" fill-opacity="1" d="M 1251.238281 1476.679688 C 1229.910156 1475.5 1203.078125 1486.25 1186.210938 1503.820312 L 886.8125 1815.710938 C 857.484375 1814.890625 826.113281 1837.058594 816.375 1865.480469 C 809.820312 1884.671875 814.644531 1902.738281 828.929688 1912.511719 C 831.765625 1915.089844 835.480469 1917.160156 840.066406 1918.570312 L 1722.390625 2190.167969 C 1744.621094 2197.011719 1778.609375 2185.761719 1798.589844 2164.941406 L 2148.800781 1800.121094 C 2157 1791.578125 2161.539062 1782.78125 2162.488281 1774.921875 C 2170.429688 1747.25 2154.410156 1724.640625 2126.03125 1723.441406 C 2114.101562 1722.949219 2101.179688 1726.359375 2089.339844 1733.128906 L 1262.429688 1478.589844 C 1258.949219 1477.519531 1255.191406 1476.890625 1251.238281 1476.679688 Z M 1251.238281 1476.679688 "/>
<path fill-rule="nonzero" fill="rgb(100%, 89.451599%, 88.28125%)" fill-opacity="1" d="M 1261.960938 1454.921875 L 2134.058594 1723.371094 C 2159.121094 1731.089844 2163.210938 1754.058594 2143.230469 1774.878906 L 1793.019531 2139.695312 C 1773.03125 2160.515625 1736.761719 2171.0625 1711.691406 2163.347656 L 839.605469 1894.890625 C 814.539062 1887.179688 810.449219 1864.210938 830.433594 1843.390625 L 1180.640625 1478.570312 C 1200.628906 1457.75 1236.898438 1447.199219 1261.960938 1454.921875 Z M 1261.960938 1454.921875 "/>
<path fill-rule="nonzero" fill="rgb(78.514099%, 71.679688%, 74.414062%)" fill-opacity="1" d="M 1269.699219 808.851562 C 1254.351562 805.980469 1239.609375 809.21875 1228.730469 817.871094 C 1217.839844 826.511719 1211.699219 839.851562 1211.660156 854.941406 C 1211.628906 871.320312 1218.78125 888.25 1231.28125 901.378906 L 1229.878906 1376.511719 C 1229.789062 1406.570312 1253.300781 1438.230469 1282.589844 1447.5 L 2079.589844 1699.828125 C 2090.359375 1717.039062 2107.988281 1729.390625 2126.851562 1732.941406 C 2158.808594 1738.921875 2184.800781 1718.28125 2184.890625 1686.851562 C 2184.890625 1685.640625 2184.851562 1684.429688 2184.769531 1683.210938 C 2184.890625 1681.800781 2184.949219 1680.359375 2184.949219 1678.878906 L 2186.5 1152.171875 C 2186.589844 1122.109375 2163.078125 1090.449219 2133.800781 1081.179688 L 1284.460938 812.28125 C 1282.171875 811.558594 1279.910156 810.988281 1277.699219 810.578125 C 1276.960938 810.441406 1276.21875 810.320312 1275.480469 810.210938 C 1273.558594 809.660156 1271.628906 809.210938 1269.699219 808.851562 Z M 1269.699219 808.851562 "/>
<g clip-path="url(#clip-3)">
<g clip-path="url(#clip-4)">
<g clip-path="url(#clip-5)">
<path fill-rule="nonzero" fill="url(#linear-pattern-1)" d="M 1210.378906 512.773438 L 1206.773438 1738.421875 L 2165.398438 2041.914062 L 2169.003906 816.269531 Z M 1210.378906 512.773438 "/>
</g>
</g>
</g>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1248.988281 1472.679688 L 1297.488281 1488.550781 L 1248.761719 1539.441406 L 1200.261719 1523.570312 Z M 1248.988281 1472.679688 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1310.371094 1492.761719 L 1358.871094 1508.621094 L 1310.140625 1559.519531 L 1261.640625 1543.648438 Z M 1310.371094 1492.761719 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1371.738281 1512.839844 L 1420.25 1528.699219 L 1371.519531 1579.589844 L 1323.011719 1563.730469 Z M 1371.738281 1512.839844 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1433.121094 1532.910156 L 1481.621094 1548.78125 L 1432.890625 1599.671875 L 1384.390625 1583.808594 Z M 1433.121094 1532.910156 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1494.488281 1552.988281 L 1543 1568.859375 L 1494.269531 1619.75 L 1445.769531 1603.878906 Z M 1494.488281 1552.988281 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1555.871094 1573.070312 L 1604.371094 1588.941406 L 1555.640625 1639.820312 L 1507.140625 1623.960938 Z M 1555.871094 1573.070312 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1617.25 1593.148438 L 1665.75 1609.019531 L 1617.019531 1659.898438 L 1568.519531 1644.03125 Z M 1617.25 1593.148438 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1678.621094 1613.230469 L 1727.121094 1629.089844 L 1678.390625 1679.980469 L 1629.890625 1664.109375 Z M 1678.621094 1613.230469 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1740 1633.308594 L 1788.5 1649.171875 L 1739.769531 1700.058594 L 1691.269531 1684.191406 Z M 1740 1633.308594 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1801.371094 1653.378906 L 1849.878906 1669.25 L 1801.140625 1720.140625 L 1752.640625 1704.269531 Z M 1801.371094 1653.378906 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1862.75 1673.460938 L 1911.25 1689.320312 L 1862.519531 1740.210938 L 1814.019531 1724.351562 Z M 1862.75 1673.460938 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1924.128906 1693.539062 L 1972.628906 1709.398438 L 1923.890625 1760.289062 L 1875.390625 1744.429688 Z M 1924.128906 1693.539062 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1187.378906 1537.019531 L 1297.261719 1572.960938 L 1248.53125 1623.851562 L 1138.648438 1587.910156 Z M 1187.378906 1537.019531 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1310.128906 1577.179688 L 1358.628906 1593.039062 L 1309.910156 1643.929688 L 1261.398438 1628.070312 Z M 1310.128906 1577.179688 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1371.511719 1597.25 L 1420.011719 1613.121094 L 1371.28125 1664.011719 L 1322.78125 1648.140625 Z M 1371.511719 1597.25 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1432.878906 1617.328125 L 1481.390625 1633.199219 L 1432.660156 1684.089844 L 1384.148438 1668.21875 Z M 1432.878906 1617.328125 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1494.261719 1637.410156 L 1542.761719 1653.28125 L 1494.03125 1704.160156 L 1445.53125 1688.300781 Z M 1494.261719 1637.410156 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1555.640625 1657.488281 L 1604.140625 1673.359375 L 1555.410156 1724.238281 L 1506.910156 1708.371094 Z M 1555.640625 1657.488281 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1617.011719 1677.570312 L 1665.511719 1693.429688 L 1616.78125 1744.320312 L 1568.28125 1728.449219 Z M 1617.011719 1677.570312 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1678.390625 1697.640625 L 1726.890625 1713.511719 L 1678.160156 1764.398438 L 1629.660156 1748.53125 Z M 1678.390625 1697.640625 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1739.761719 1717.71875 L 1788.269531 1733.589844 L 1739.539062 1784.480469 L 1691.03125 1768.609375 Z M 1739.761719 1717.71875 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1801.140625 1737.800781 L 1849.640625 1753.660156 L 1785.039062 1821.128906 L 1736.53125 1805.269531 Z M 1801.140625 1737.800781 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1862.511719 1757.871094 L 1911.019531 1773.738281 L 1862.289062 1824.628906 L 1813.789062 1808.769531 Z M 1862.511719 1757.871094 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1923.628906 1777.871094 L 1972.128906 1793.730469 L 1923.398438 1844.621094 L 1874.898438 1828.761719 Z M 1923.628906 1777.871094 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1985 1797.941406 L 2033.5 1813.808594 L 1984.769531 1864.699219 L 1936.269531 1848.839844 Z M 1985 1797.941406 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1984.820312 1713.96875 L 2094.699219 1749.910156 L 2045.96875 1800.800781 L 1936.089844 1764.859375 Z M 1984.820312 1713.96875 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1126.648438 1600.441406 L 1297.910156 1656.460938 L 1249.179688 1707.351562 L 1077.921875 1651.328125 Z M 1126.648438 1600.441406 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1310.78125 1660.671875 L 1359.28125 1676.539062 L 1310.550781 1727.429688 L 1262.050781 1711.558594 Z M 1310.78125 1660.671875 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1372.160156 1680.75 L 1420.660156 1696.621094 L 1371.929688 1747.5 L 1323.429688 1731.640625 Z M 1372.160156 1680.75 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1433.53125 1700.828125 L 1482.039062 1716.691406 L 1433.308594 1767.578125 L 1384.800781 1751.710938 Z M 1433.53125 1700.828125 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1494.910156 1720.910156 L 1543.410156 1736.769531 L 1494.679688 1787.660156 L 1446.179688 1771.789062 Z M 1494.910156 1720.910156 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1556.28125 1740.980469 L 1604.789062 1756.851562 L 1556.058594 1807.738281 L 1507.558594 1791.871094 Z M 1556.28125 1740.980469 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1617.660156 1761.058594 L 1666.160156 1776.929688 L 1617.429688 1827.820312 L 1568.929688 1811.949219 Z M 1617.660156 1761.058594 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1801.789062 1821.289062 L 1850.289062 1837.160156 L 1801.558594 1888.050781 L 1753.058594 1872.179688 Z M 1801.789062 1821.289062 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1862.898438 1841.28125 L 1972.78125 1877.230469 L 1924.050781 1928.121094 L 1814.171875 1892.179688 Z M 1862.898438 1841.28125 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1679.039062 1781.140625 L 1788.910156 1817.078125 L 1740.179688 1867.96875 L 1630.308594 1832.03125 Z M 1679.039062 1781.140625 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1065.78125 1664.011719 L 1114.28125 1679.871094 L 1065.550781 1730.761719 L 1017.050781 1714.898438 Z M 1065.78125 1664.011719 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1127.160156 1684.089844 L 1175.660156 1699.949219 L 1126.929688 1750.839844 L 1078.429688 1734.980469 Z M 1127.160156 1684.089844 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1188.53125 1704.160156 L 1237.03125 1720.03125 L 1188.300781 1770.921875 L 1139.800781 1755.050781 Z M 1188.53125 1704.160156 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1249.910156 1724.238281 L 1298.410156 1740.109375 L 1249.679688 1791 L 1201.179688 1775.128906 Z M 1249.910156 1724.238281 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1311.28125 1744.320312 L 1666.660156 1860.570312 L 1617.929688 1911.460938 L 1262.550781 1795.210938 Z M 1311.28125 1744.320312 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1679.539062 1864.78125 L 1728.039062 1880.648438 L 1679.308594 1931.539062 L 1630.808594 1915.679688 Z M 1679.539062 1864.78125 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1740.910156 1884.859375 L 1789.410156 1900.730469 L 1740.679688 1951.621094 L 1692.179688 1935.75 Z M 1740.910156 1884.859375 "/>
<path fill-rule="nonzero" fill="rgb(0%, 0%, 0%)" fill-opacity="1" d="M 1801.609375 1905.289062 L 1911.480469 1941.238281 L 1862.75 1992.121094 L 1752.878906 1956.179688 Z M 1801.609375 1905.289062 "/>
<g clip-path="url(#clip-6)">
<g clip-path="url(#clip-7)">
<g clip-path="url(#clip-8)">
<path fill-rule="nonzero" fill="url(#linear-pattern-2)" d="M 1235.800781 1725.1875 L 978.417969 1993.972656 L 1443.636719 2146.160156 L 1701.023438 1877.375 Z M 1235.800781 1725.1875 "/>
</g>
</g>
</g>
<g clip-path="url(#clip-9)">
<g clip-path="url(#clip-10)">
<g clip-path="url(#clip-11)">
<path fill-rule="nonzero" fill="url(#linear-pattern-3)" d="M 1210.378906 512.773438 L 1206.773438 1738.421875 L 2165.398438 2041.914062 L 2169.003906 816.269531 Z M 1210.378906 512.773438 "/>
</g>
</g>
</g>
<g clip-path="url(#clip-12)">
<g clip-path="url(#clip-13)">
<g clip-path="url(#clip-14)">
<path fill-rule="nonzero" fill="url(#linear-pattern-4)" d="M 1228.648438 845.28125 L 1226.722656 1856.695312 L 2147.070312 1709.621094 L 2149 698.203125 Z M 1228.648438 845.28125 "/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

1
src/shared/assets/icons/os.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1{fill:#80dbff;}.cls-2{fill:#707789;}.cls-3{fill:#fff;}.cls-4{fill:#5b6272;}.cls-5{fill:#ff7045;}.cls-6{fill:#ffe4c2;}.cls-7{fill:#23a8fe;}.cls-8{fill:#505560;}.cls-9{fill:none;stroke:#595f6b;stroke-linecap:round;stroke-miterlimit:10;stroke-width:10px;}.cls-10{fill:#f92814;}.cls-11{fill:#ffda45;}.cls-12{fill:#76d67b;}.cls-13{fill:#ddbd36;}</style></defs><title>Development</title><g id="BULINE"><circle class="cls-1" cx="256" cy="256" r="256"/></g><g id="Icons"><path class="cls-2" d="M107.42,69.27H402.9a32,32,0,0,1,32,32V301a0,0,0,0,1,0,0H75.42a0,0,0,0,1,0,0V101.27A32,32,0,0,1,107.42,69.27Z"/><path class="cls-3" d="M125.14,88.9h260A28.77,28.77,0,0,1,414,117.68v153.5a29.8,29.8,0,0,1-29.8,29.8h-258a29.8,29.8,0,0,1-29.8-29.8V117.68A28.77,28.77,0,0,1,125.14,88.9Z"/><rect class="cls-2" x="32.16" y="300.97" width="436" height="63.2" rx="22"/><path class="cls-4" d="M201.83,301H308.49a0,0,0,0,1,0,0v10.79a19.6,19.6,0,0,1-19.6,19.6H221.42a19.6,19.6,0,0,1-19.6-19.6V301A0,0,0,0,1,201.83,301Z"/><path class="cls-5" d="M86.49,284.51h8.67a8.67,8.67,0,0,1,8.67,8.67V301a0,0,0,0,1,0,0h-26a0,0,0,0,1,0,0v-7.8A8.67,8.67,0,0,1,86.49,284.51Z"/><path class="cls-5" d="M119.16,284.51h8.67a8.67,8.67,0,0,1,8.67,8.67V301a0,0,0,0,1,0,0h-26a0,0,0,0,1,0,0v-7.8A8.67,8.67,0,0,1,119.16,284.51Z"/><path class="cls-5" d="M151.83,284.51h8.67a8.67,8.67,0,0,1,8.67,8.67V301a0,0,0,0,1,0,0h-26a0,0,0,0,1,0,0v-7.8a8.67,8.67,0,0,1,8.67-8.67Z"/><path class="cls-5" d="M184.49,284.51h8.67a8.67,8.67,0,0,1,8.67,8.67V301a0,0,0,0,1,0,0h-26a0,0,0,0,1,0,0v-7.8a8.67,8.67,0,0,1,8.67-8.67Z"/><path class="cls-5" d="M227.52,284.51h55.29a15.85,15.85,0,0,1,15.85,15.85V301a0,0,0,0,1,0,0h-87a0,0,0,0,1,0,0v-.62A15.85,15.85,0,0,1,227.52,284.51Z"/><path class="cls-5" d="M320.83,284.51h8.67a8.67,8.67,0,0,1,8.67,8.67V301a0,0,0,0,1,0,0h-26a0,0,0,0,1,0,0v-7.8a8.67,8.67,0,0,1,8.67-8.67Z"/><path class="cls-5" d="M353.49,284.51h8.67a8.67,8.67,0,0,1,8.67,8.67V301a0,0,0,0,1,0,0h-26a0,0,0,0,1,0,0v-7.8A8.67,8.67,0,0,1,353.49,284.51Z"/><path class="cls-5" d="M386.16,284.51h8.67a8.67,8.67,0,0,1,8.67,8.67V301a0,0,0,0,1,0,0h-26a0,0,0,0,1,0,0v-7.8A8.67,8.67,0,0,1,386.16,284.51Z"/><path class="cls-5" d="M418.83,284.51h8.67a8.67,8.67,0,0,1,8.67,8.67V301a0,0,0,0,1,0,0h-26a0,0,0,0,1,0,0v-7.8A8.67,8.67,0,0,1,418.83,284.51Z"/><path class="cls-6" d="M387.65,127.35V242.89a18.55,18.55,0,0,1-18.54,18.55H141.21a18.55,18.55,0,0,1-18.54-18.55V127.35a18.54,18.54,0,0,1,18.54-18.54h227.9A18.54,18.54,0,0,1,387.65,127.35Z"/><path class="cls-7" d="M387.65,127.35v10.81h-265V127.35a18.54,18.54,0,0,1,18.54-18.54h227.9A18.54,18.54,0,0,1,387.65,127.35Z"/><path class="cls-8" d="M214.68,180.31l6-2.33a4.44,4.44,0,0,0,2.84-4.14v0a4.45,4.45,0,0,0-6.15-4.11l-23,9.51a4.46,4.46,0,0,0-2.74,4.11v2.25a4.45,4.45,0,0,0,2.74,4.11l23,9.51a4.45,4.45,0,0,0,6.15-4.11v0a4.46,4.46,0,0,0-2.84-4.15l-6-2.31A4.45,4.45,0,0,1,214.68,180.31Z"/><path class="cls-8" d="M257.72,161.3a4.46,4.46,0,0,0-4.34,3.48l-8.55,38.43a4.65,4.65,0,0,0-.11,1,4.45,4.45,0,0,0,8.8,1l8.54-38.43A4.44,4.44,0,0,0,257.72,161.3Z"/><path class="cls-8" d="M312.54,179.21l-23-9.51a4.45,4.45,0,0,0-6.15,4.11v0a4.45,4.45,0,0,0,2.84,4.14l6,2.33a4.45,4.45,0,0,1,0,8.29l-6,2.31a4.46,4.46,0,0,0-2.84,4.15v0a4.45,4.45,0,0,0,6.15,4.11l23-9.51a4.45,4.45,0,0,0,2.74-4.11v-2.25A4.46,4.46,0,0,0,312.54,179.21Z"/><line class="cls-9" x1="170.14" y1="229.48" x2="260.14" y2="229.48"/><line class="cls-9" x1="170.14" y1="247.41" x2="224.18" y2="247.41"/><line class="cls-9" x1="238.18" y1="247.41" x2="265.2" y2="247.41"/><line class="cls-9" x1="282.35" y1="229.48" x2="332.5" y2="229.48"/><line class="cls-9" x1="282.35" y1="247.41" x2="332.5" y2="247.41"/><circle class="cls-10" cx="146.8" cy="123.48" r="7.39"/><circle class="cls-11" cx="170.14" cy="123.48" r="7.39"/><circle class="cls-12" cx="193.48" cy="123.48" r="7.39"/><path class="cls-11" d="M488.08,364.17a256.07,256.07,0,0,1-440.17,41,254.5,254.5,0,0,1-24-41Z"/><path class="cls-13" d="M464.09,405.14a256,256,0,0,1-416.18,0Z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

1
src/shared/assets/icons/processor.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1{fill:#27273d;}.cls-2{fill:#00b564;}.cls-3{fill:#4acc97;}.cls-4{fill:#02a054;}.cls-5{fill:#42b785;}.cls-6{fill:#fff;}.cls-7{fill:#e2e2e2;}.cls-8{fill:#32314b;}.cls-9{fill:#212133;}.cls-10{fill:#f6d372;}.cls-11{fill:#ccc;}.cls-12{fill:#edc35a;}.cls-13{fill:#f7bb38;}</style></defs><title>50-Computer-Hardware</title><g id="BULINE"><circle class="cls-1" cx="256" cy="256" r="256"/></g><g id="Icons"><path class="cls-2" d="M423.54,82.16v347.5a7.55,7.55,0,0,1-7.55,7.55H176.29a5.63,5.63,0,0,1-5.62-5.63h0c0-9.07-7.4-17.2-16.48-17.5a17.05,17.05,0,0,0-17.65,17.05v.45a5.63,5.63,0,0,1-5.62,5.63H95.51A7.55,7.55,0,0,1,88,429.66V82.16a7.55,7.55,0,0,1,7.55-7.55h35.41a5.62,5.62,0,0,1,5.62,5.62h0c0,9.57,7.83,17.69,17.4,17.5a17.06,17.06,0,0,0,16.73-17v-.46a5.62,5.62,0,0,1,5.62-5.62H416A7.55,7.55,0,0,1,423.54,82.16Z"/><path class="cls-3" d="M404.48,197.6l-11.26-2.78V113.55a6.19,6.19,0,0,0-6.18-6.19H124.46a6.19,6.19,0,0,0-6.19,6.19v81.27L107,197.6a11.84,11.84,0,0,0-9,11.51v93.6a11.84,11.84,0,0,0,9,11.5L118.27,317v81.27a6.19,6.19,0,0,0,6.19,6.19H387a6.19,6.19,0,0,0,6.18-6.19V317l11.26-2.78a11.84,11.84,0,0,0,9-11.5v-93.6A11.84,11.84,0,0,0,404.48,197.6Z"/><path class="cls-4" d="M352.65,437.21H176.29a5.62,5.62,0,0,1-5.62-5.62,17.76,17.76,0,0,0-4.84-12,16.78,16.78,0,0,0-11.64-5.47,17.05,17.05,0,0,0-17.65,17.05v.46a5.63,5.63,0,0,1-5.63,5.62H95.51A7.55,7.55,0,0,1,88,429.66V82.16a7.55,7.55,0,0,1,7.55-7.55h35.4a5.63,5.63,0,0,1,5.63,5.62h0c0,9.57,7.83,17.69,17.39,17.51a17.07,17.07,0,0,0,16.74-17.06v-.46a5.62,5.62,0,0,1,5.62-5.62h20.09A269.48,269.48,0,0,0,177.18,140q-1.86,11.64-2.7,23.6-.69,9.56-.69,19.29A271.37,271.37,0,0,0,179.84,240a268.72,268.72,0,0,0,50.48,108.25c1.08,1.41,2.19,2.8,3.31,4.19q8.13,10.06,17.17,19.31a270.54,270.54,0,0,0,101.85,65.43Z"/><path class="cls-5" d="M289.34,404.45H124.46a6.19,6.19,0,0,1-6.19-6.18V317L107,314.22a11.86,11.86,0,0,1-9-11.51v-93.6a11.86,11.86,0,0,1,9-11.51l11.26-2.77V113.55a6.19,6.19,0,0,1,6.19-6.18h60.05A265.65,265.65,0,0,0,177.18,140q-1.86,11.64-2.7,23.6-.69,9.56-.69,19.29A271.37,271.37,0,0,0,179.84,240a268.72,268.72,0,0,0,50.48,108.25c1.08,1.41,2.19,2.8,3.31,4.19q8.13,10.06,17.17,19.31A270.47,270.47,0,0,0,289.34,404.45Z"/><rect class="cls-6" x="139.87" y="140.03" width="231.75" height="231.75" rx="15.82"/><path class="cls-7" d="M233.63,352.47q8.13,10.06,17.17,19.31H155.7A15.82,15.82,0,0,1,139.87,356V155.86A15.83,15.83,0,0,1,155.7,140h21.48q-1.86,11.64-2.7,23.6-.69,9.56-.69,19.29A271.37,271.37,0,0,0,179.84,240a268.72,268.72,0,0,0,50.48,108.25C231.4,349.69,232.51,351.08,233.63,352.47Z"/><circle class="cls-3" cx="407.71" cy="146.13" r="9.22"/><circle class="cls-3" cx="407.71" cy="126.91" r="6.53"/><path class="cls-8" d="M276.62,352.42H234.88a18.88,18.88,0,0,0-18.29,14.16l-1.34,5.2h81l-1.34-5.2A18.89,18.89,0,0,0,276.62,352.42Z"/><path class="cls-9" d="M250.8,371.78H215.25l1.34-5.19a18.88,18.88,0,0,1,17-14.12Q241.76,362.54,250.8,371.78Z"/><rect class="cls-7" x="163.37" y="163.53" width="184.75" height="184.75" rx="12.61"/><path class="cls-10" d="M209.08,267.77l16.64,1q-1.17,10.92-8.06,16.73a25.3,25.3,0,0,1-16.93,5.83q-12.07,0-19.51-8t-7.43-22.07q0-13.95,7-22.51t19.64-8.57q11.78,0,18.1,6.52t7.15,17.3l-17,.91q0-6-2.28-8.6a6.88,6.88,0,0,0-5.37-2.65q-8.61,0-8.6,17.29,0,9.69,2.23,13.17A7.08,7.08,0,0,0,201,277.6Q208.21,277.6,209.08,267.77Z"/><path class="cls-10" d="M250.84,268.86v21.56H232.37V231.1H257.7q9.48,0,14.41,2.17a17.55,17.55,0,0,1,7.82,6.65,18.07,18.07,0,0,1,2.89,10,17.39,17.39,0,0,1-5.91,13.69q-5.91,5.21-15.77,5.21Zm-.26-12.73h6.08q8,0,8-5.91,0-5.57-7.43-5.56h-6.69Z"/><path class="cls-10" d="M337.71,231.1v39.28q0,11.17-6.63,16.06t-17.27,4.89q-11.22,0-18-4.7T289,271.34V231.1h18.52v38.11c0,2.84.59,4.91,1.79,6.21s3.12,2,5.75,2a9.49,9.49,0,0,0,5.39-1.41,5.5,5.5,0,0,0,2.52-3.2,37.88,37.88,0,0,0,.41-6.95V231.1Z"/><path class="cls-11" d="M196.3,291a269.55,269.55,0,0,0,34,57.24H176a12.61,12.61,0,0,1-12.62-12.61V176.15a12.6,12.6,0,0,1,11.11-12.52q-.69,9.56-.69,19.29A271.37,271.37,0,0,0,179.84,240,267.75,267.75,0,0,0,196.3,291Z"/><path class="cls-12" d="M179.84,240q-6.06,8.29-6.05,21.23,0,14.08,7.43,22.08A24.41,24.41,0,0,0,196.3,291,267.75,267.75,0,0,1,179.84,240Z"/><circle class="cls-13" cx="107" cy="93.94" r="9"/><circle class="cls-13" cx="401.17" cy="93.94" r="9"/><circle class="cls-13" cx="107" cy="420.92" r="9"/><circle class="cls-13" cx="401.17" cy="420.92" r="9"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

1
src/shared/assets/icons/ram.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

1
src/shared/assets/icons/ssd.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1{fill:#a99bd4;}.cls-2{fill:#3e436d;}.cls-3{fill:#32314b;}.cls-4{fill:#4f4f74;}.cls-5{fill:#f6c752;}.cls-6{fill:#e88032;}.cls-7{fill:#43b584;}.cls-8{fill:#4acc97;}.cls-9{fill:#fff;}.cls-10{fill:#d8d8d8;}.cls-11{fill:#27273d;}</style></defs><title>50-Computer-Hardware</title><g id="BULINE"><circle class="cls-1" cx="256" cy="256" r="256"/></g><g id="Icons"><path class="cls-2" d="M402.09,72.76v370a27.54,27.54,0,0,1-27.55,27.55H135.31a27.54,27.54,0,0,1-27.55-27.55v-370A27.55,27.55,0,0,1,135.31,45.2h128.1c5.61,0,7,1.4,7,7v36c0,4.77-.72,11.77-5.48,11.77h32.87c-4.76,0-5-3.86-5-8.62v-36c0-5.6,1-10.15,6.56-10.15h75.19A27.56,27.56,0,0,1,402.09,72.76Z"/><path class="cls-3" d="M215.14,470.26H135.31a27.54,27.54,0,0,1-27.55-27.55v-370A27.54,27.54,0,0,1,135.31,45.2h79.83a27.54,27.54,0,0,0-27.55,27.55v370A27.54,27.54,0,0,0,215.14,470.26Z"/><circle class="cls-4" cx="378.34" cy="229.62" r="15.77"/><circle class="cls-4" cx="378.34" cy="196.77" r="11.17"/><path class="cls-5" d="M273.56,52.39V100H160.39a8.62,8.62,0,0,1-8.62-8.62V45.2H266.38A7.19,7.19,0,0,1,273.56,52.39Z"/><path class="cls-5" d="M355.47,45.2V91.37a8.62,8.62,0,0,1-8.62,8.62H289.19V52.39a7.19,7.19,0,0,1,7.18-7.19Z"/><path class="cls-6" d="M169.51,72.6h9.25a3.73,3.73,0,0,1,3.73,3.73V100a0,0,0,0,1,0,0H165.78a0,0,0,0,1,0,0V76.32A3.73,3.73,0,0,1,169.51,72.6Z"/><path class="cls-6" d="M194,72.6h9.25A3.73,3.73,0,0,1,207,76.32V100a0,0,0,0,1,0,0H190.3a0,0,0,0,1,0,0V76.32A3.73,3.73,0,0,1,194,72.6Z"/><path class="cls-6" d="M218.55,72.6h9.25a3.73,3.73,0,0,1,3.73,3.73V100a0,0,0,0,1,0,0H214.82a0,0,0,0,1,0,0V76.32A3.73,3.73,0,0,1,218.55,72.6Z"/><path class="cls-6" d="M243.07,72.6h9.25A3.73,3.73,0,0,1,256,76.32V100a0,0,0,0,1,0,0H239.34a0,0,0,0,1,0,0V76.32A3.73,3.73,0,0,1,243.07,72.6Z"/><path class="cls-6" d="M305.45,72.6h9.25a3.73,3.73,0,0,1,3.73,3.73V100a0,0,0,0,1,0,0H301.72a0,0,0,0,1,0,0V76.32A3.73,3.73,0,0,1,305.45,72.6Z"/><path class="cls-6" d="M330,72.6h9.25a3.73,3.73,0,0,1,3.73,3.73V100a0,0,0,0,1,0,0H326.24a0,0,0,0,1,0,0V76.32A3.73,3.73,0,0,1,330,72.6Z"/><path class="cls-7" d="M107.76,133.94h29.91a9.61,9.61,0,0,1,9.61,9.61v0a9.61,9.61,0,0,1-9.61,9.61H107.76a0,0,0,0,1,0,0V133.94A0,0,0,0,1,107.76,133.94Z"/><path class="cls-8" d="M362.57,133.94h29.91a9.61,9.61,0,0,1,9.61,9.61v0a9.61,9.61,0,0,1-9.61,9.61H362.57a0,0,0,0,1,0,0V133.94A0,0,0,0,1,362.57,133.94Z" transform="translate(764.66 287.1) rotate(180)"/><path class="cls-7" d="M107.76,394.95h29.91a9.61,9.61,0,0,1,9.61,9.61v0a9.61,9.61,0,0,1-9.61,9.61H107.76a0,0,0,0,1,0,0V394.95A0,0,0,0,1,107.76,394.95Z"/><path class="cls-8" d="M362.57,394.95h29.91a9.61,9.61,0,0,1,9.61,9.61v0a9.61,9.61,0,0,1-9.61,9.61H362.57a0,0,0,0,1,0,0V394.95a0,0,0,0,1,0,0Z" transform="translate(764.66 809.12) rotate(180)"/><path class="cls-9" d="M343,171.66V376.45A18.51,18.51,0,0,0,324.44,395H184.29a18.51,18.51,0,0,0-18.51-18.5V171.66a18.51,18.51,0,0,0,18.51-18.5H324.44A18.51,18.51,0,0,0,343,171.66Z"/><path class="cls-10" d="M187.59,153.16V395h-3.3a18.51,18.51,0,0,0-18.51-18.5V171.66a18.51,18.51,0,0,0,18.51-18.5Z"/><path class="cls-11" d="M179.5,287.5l14.75-2.66q1.86,6.26,9.56,6.26,6,0,6-3.19a2.94,2.94,0,0,0-1.39-2.59,14.83,14.83,0,0,0-4.94-1.65q-13.62-2.61-17.49-6.82a14.2,14.2,0,0,1-3.86-9.9,15.48,15.48,0,0,1,5.55-12.17q5.57-4.86,16-4.86,15.81,0,20.89,12.7l-13.16,4q-2-5.19-8.3-5.19-5.21,0-5.2,3.22a2.54,2.54,0,0,0,1.18,2.24,14.16,14.16,0,0,0,4.55,1.51,96.13,96.13,0,0,1,13.2,3.48,14.3,14.3,0,0,1,6.52,5.17,14.48,14.48,0,0,1,2.61,8.63,15.28,15.28,0,0,1-6.37,12.73q-6.37,4.88-16.72,4.88Q183.95,303.27,179.5,287.5Z"/><path class="cls-11" d="M226.67,287.5l14.75-2.66q1.86,6.26,9.56,6.26,6,0,6-3.19a2.94,2.94,0,0,0-1.39-2.59,14.82,14.82,0,0,0-5-1.65q-13.6-2.61-17.48-6.82a14.2,14.2,0,0,1-3.86-9.9,15.48,15.48,0,0,1,5.55-12.17q5.55-4.86,16-4.86,15.81,0,20.89,12.7l-13.15,4c-1.37-3.46-4.13-5.19-8.31-5.19q-5.19,0-5.19,3.22a2.54,2.54,0,0,0,1.18,2.24,14.16,14.16,0,0,0,4.55,1.51A95.48,95.48,0,0,1,264,271.86,14.2,14.2,0,0,1,270.5,277a14.42,14.42,0,0,1,2.62,8.63,15.3,15.3,0,0,1-6.37,12.73q-6.37,4.88-16.72,4.88Q231.1,303.27,226.67,287.5Z"/><path class="cls-11" d="M279.19,302.47V250.72h20q13,0,19.52,7.73a27,27,0,0,1,6.49,17.9q0,11.59-7,18.86t-18.07,7.26Zm15.88-11.9h4.14q3.93,0,6.65-3.83t2.71-10.43a18.81,18.81,0,0,0-2.41-9.74,7.63,7.63,0,0,0-7-4.1h-4.14Z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

4
src/shared/assets/styles/_colors.scss
View File

@ -1,5 +1,7 @@
:root { :root {
--primary-black: #000000; --primary-black: #040404;
--transparent-black: rgba(0, 0, 0, 0.8); --transparent-black: rgba(0, 0, 0, 0.8);
--primary-white: #ffffff; --primary-white: #ffffff;
--secondary-gray: #D9D9D9;
--active-color: #007AFF;
} }

20
src/shared/assets/styles/_fonts.scss
View File

@ -0,0 +1,20 @@
// Fonts
@font-face {
font-family: 'Urbanist';
src: url('../fonts/Urbanist-Medium.ttf') format('truetype');
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: 'Urbanist';
src: url('../fonts/Urbanist-SemiBold.ttf') format('truetype');
font-style: normal;
font-weight: 600;
}
@mixin urbanist-font($size: 14px, $weight: 500) {
font-family: 'Urbanist', sans-serif;
font-weight: $weight;
font-size: $size;
}

2
src/shared/assets/styles/globals.scss
View File

@ -5,6 +5,4 @@
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-image: url('../icons/background.jpg');
background-size: cover;
} }

16
src/shared/components/button/styles.module.scss
View File

@ -1,20 +1,22 @@
@use '../../assets/styles/fonts' as fonts;
.button { .button {
background-color: rgba(255, 255, 255, 0.2); // прозрачный белый фон background-color: var(--primary-white);
border: 2px solid var(--primary-white); // белая обводка border: 2px solid var(--secondary-gray); // белая обводка
border-radius: 8px; // закруглённые углы border-radius: 8px; // закруглённые углы
color: var(--primary-white); // белый текст color: var(--primary-black); // белый текст
padding: 10px 20px; // внутренних отступов padding: 10px 20px; // внутренних отступов
font-size: 16px; // размер шрифта
cursor: pointer; // курсор при наведении cursor: pointer; // курсор при наведении
transition: background-color 0.3s ease; // плавный переход фона transition: 0.3s ease; // плавный переход фона
@include fonts.urbanist-font(20px, 600);
&:hover { &:hover {
background-color: rgba(255, 255, 255, 0.4); // изменение цвета фона при наведении background-color: var(--active-color);
color: var(--primary-white); // белый текст
} }
&:focus { &:focus {
outline: none; // убираем стандартный контур при фокусировке outline: none; // убираем стандартный контур при фокусировке
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); // добавляем тень при фокусировке
} }
} }

37
src/shared/constants/index.ts Normal file
View File

@ -0,0 +1,37 @@
// MockUp Selectors data options
export const mockUpOptions: { [key: string]: string[] | number[] } = {
brand: [
'Dell',
'HP',
'Lenovo',
'Apple',
'Asus',
'Acer',
'MSI',
'Microsoft',
'Samsung',
'Toshiba',
],
processor: [
'Intel Core i3 10th Gen',
'Intel Core i5 10th Gen',
'Intel Core i7 10th Gen',
'AMD Ryzen 3 4000 Series',
'AMD Ryzen 5 4000 Series',
'AMD Ryzen 7 4000 Series',
],
os: ['Windows 10', 'Windows 11', 'macOS', 'Linux'],
gpu: [
'Integrated',
'NVIDIA GeForce GTX 1650',
'NVIDIA GeForce RTX 3060',
'AMD Radeon RX 5600M',
],
display: [13.3, 14.0, 15.6, 17.3],
display_type: ['HD', 'Full HD', '4K', 'OLED'],
ram: [4, 8, 16, 32],
ssd: [0, 256, 512, 1024],
weight: [1.2, 1.5, 2.0, 2.5, 3.0],
battery_size: [45, 60, 70, 90, 100],
release_year: [2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024],
};

41
src/widgets/form/form.widget.tsx
View File

@ -7,44 +7,7 @@ import { FormEvent, useCallback, useState } from 'react';
import classes from './styles.module.scss'; import classes from './styles.module.scss';
import { Button } from '@/shared/components/button'; import { Button } from '@/shared/components/button';
import { Selector } from '@/shared/components/selector'; import { Selector } from '@/shared/components/selector';
import { mockUpOptions } from '@/shared/constants';
// MockUp Selectors data options
const mockUpOptions: { [key: string]: string[] | number[] } = {
brand: [
'Dell',
'HP',
'Lenovo',
'Apple',
'Asus',
'Acer',
'MSI',
'Microsoft',
'Samsung',
'Toshiba',
],
processor: [
'Intel Core i3 10th Gen',
'Intel Core i5 10th Gen',
'Intel Core i7 10th Gen',
'AMD Ryzen 3 4000 Series',
'AMD Ryzen 5 4000 Series',
'AMD Ryzen 7 4000 Series',
],
os: ['Windows 10', 'Windows 11', 'macOS', 'Linux'],
gpu: [
'Integrated',
'NVIDIA GeForce GTX 1650',
'NVIDIA GeForce RTX 3060',
'AMD Radeon RX 5600M',
],
display: [13.3, 14.0, 15.6, 17.3],
display_type: ['HD', 'Full HD', '4K', 'OLED'],
ram: [4, 8, 16, 32],
ssd: [0, 256, 512, 1024],
weight: [1.2, 1.5, 2.0, 2.5, 3.0],
battery_size: [45, 60, 70, 90, 100],
release_year: [2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024],
};
const Form = () => { const Form = () => {
const [request, setRequest] = useState<PredictRequestType>({ const [request, setRequest] = useState<PredictRequestType>({
@ -101,7 +64,7 @@ const Form = () => {
</div> </div>
<Button <Button
onClick={(e: FormEvent) => handleGetPredict(e)} onClick={(e: FormEvent) => handleGetPredict(e)}
label={'Отправить'} label={'Submit'}
/> />
{response && ( {response && (
<span style={{ color: 'white' }}> <span style={{ color: 'white' }}>