import { FC, HTMLAttributes } from "react";

import styles from "./styles.module.css";

type SvgProps = HTMLAttributes<SVGElement>;

/*** MOBILE MENU ICONS ***/

export const AttributesIcon: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 134 144"
    width="1em"
    height="1em"
    aria-labelledby="attributesTitle"
    {...props}
  >
    <title id="attributesTitle">Attributes Icon</title>
    <g>
      <path d="M95.2078222,31.6564445 C102.611927,36.9740755 106.365398,41.8804109 106.365398,41.8804109 L110.739645,44.7774205 C108.552521,43.3289157 104.178274,43.3289157 104.178274,43.3289157 C118.759099,49.122935 120.217182,59.2624686 120.217182,59.2624686 C119.48814,57.8139638 115.113893,57.8139638 115.113893,57.8139638 C124.591429,61.4352258 127.507594,73.0232643 127.507594,73.0232643 C126.049512,71.5747595 120.946223,71.5747595 120.946223,71.5747595 C127.507594,75.1960215 128.965677,85.3355552 128.965677,85.3355552 C126.049512,81.7142932 120.217182,81.7142932 120.217182,81.7142932 C131.1528,89.6810696 133.339924,107.78738 133.339924,107.78738 C131.1528,104.89037 129.694718,104.166118 129.694718,104.166118 C134.798007,115.754156 134.798007,125.169437 132.610883,132.411962 C132.610883,132.411962 132.610883,133.136214 132.610883,134.584719 C131.881842,136.757476 130.423759,141.10299 123.862388,144 C123.862388,144 124.591429,130.963457 113.65581,121.548175 C113.65581,121.548175 115.113893,133.136214 119.48814,137.481728 C119.48814,137.481728 111.468686,137.481728 107.82348,131.687709 C107.82348,131.687709 107.094439,137.481728 110.010604,141.827243 C110.010604,141.827243 94.7007375,138.930233 91.0555312,128.790699 C91.0555312,128.790699 88.8684074,136.033224 93.242655,143.275748 C93.242655,143.275748 71.3714172,142.551495 63.3519633,130.239204 C63.3519633,130.239204 65.5390871,135.308971 60.4357983,142.551495 C60.4357983,142.551495 50.2292206,139.654486 46.5840144,130.963457 C46.5840144,130.963457 43.6678493,137.481728 47.3130556,143.275748 C47.3130556,143.275748 34.9193542,143.275748 23.9837353,131.687709 C23.9837353,131.687709 23.9837353,138.205981 26.8999003,141.827243 C26.8999003,141.827243 19.6094877,137.481728 17.422364,132.411962 C17.422364,132.411962 9.40291011,119.375418 7.94482759,110.684389 L9.40291011,98.3720985 C9.40291011,98.3720985 10.1319514,94.0265841 11.5900339,91.1295744 C13.7771577,91.1295744 16.6933227,91.8538268 18.8804465,92.5780792 C25.4418178,96.1993413 42.2097668,104.166118 57.5196332,104.166118 C58.9777158,104.166118 60.4357983,104.166118 61.8938808,104.166118 C77.2037473,102.717613 84.4941599,91.1295744 87.4103249,85.3355552 C90.3264899,88.9568172 94.7007375,92.5780792 94.7007375,92.5780792 L98.3459438,96.1993413 L97.6169025,91.1295744 C96.8878613,87.5083124 94.7007375,82.4385456 93.242655,78.0930312 L94.7007375,78.8172836 L94.7007375,75.1960215 C94.7007375,73.7475167 93.9716962,72.2990119 93.9716962,70.8505071 C94.7007375,71.5747595 95.4297788,71.5747595 95.4297788,71.5747595 L99.8040263,73.7475167 L97.6169025,69.4020023 C96.15882,65.0564879 93.9716962,62.1594782 92.5136137,59.986721 L96.15882,59.986721 L93.9716962,57.0897114 C93.242655,56.365459 93.242655,56.365459 92.5136137,55.6412066 L98.3459438,56.365459 L94.7007375,52.744197 C93.242655,51.2956922 92.5136137,49.8471874 91.0555312,49.122935 L99.0749851,51.2956922 L95.4297788,46.9501777 C89.5974487,40.4319061 61.1648395,29.56812 56.0615507,27.3953628 C58.5157508,24.3477639 60.9699508,22.3260901 63.8587068,20.4669385 C63.5302449,20.2641653 63.3519633,20.1528388 63.3519633,20.1528388 C63.3519633,20.1528388 95.4297788,-5.19599542 134.068966,14.3588195 C134.068966,14.3588195 123.862388,14.3588195 120.217182,16.5315767 C120.217182,16.5315767 123.862388,15.8073243 125.32047,16.5315767 C125.32047,16.5315767 121.675264,18.7043339 116.571975,17.9800815 C116.571975,17.9800815 116.571975,18.7043339 120.946223,19.4285864 C120.946223,19.4285864 118.030058,22.325596 110.010604,22.325596 C110.010604,22.325596 112.197728,23.7741008 115.113893,23.7741008 C115.113893,23.7741008 112.926769,26.6711104 104.907315,26.6711104 C104.907315,26.6711104 105.636356,27.3953628 107.094439,27.3953628 C107.094439,27.3953628 103.449233,28.8438676 100.533068,28.1196152 C100.533068,28.1196152 101.99115,29.56812 102.720191,29.56812 C102.720191,29.56812 98.5159258,30.2642282 95.2078222,31.6564445 Z" />
      <path d="M27.5139937 20.2690075C34.1884697 12.7639713 49.9667473-1.48054959 72.4965517.125097866 72.4965517.125097866 65.9756795 3.01673626 63.8020554 5.18546506 63.8020554 5.18546506 65.9756795 3.73964586 67.4247622 3.73964586 67.4247622 3.73964586 65.9756795 5.90837466 62.3529727 7.35419386 62.3529727 7.35419386 62.3529727 8.07710346 65.2511381 7.35419386 65.2511381 7.35419386 63.8020554 9.52292266 58.7302659 12.4145611 58.7302659 12.4145611 60.1793486 12.4145611 62.3529727 11.6916515 62.3529727 11.6916515 61.6928611 13.667526 57.2222477 15.733298 59.0313156 15.8896856 60.7620132 16.029109 62.3529727 16.029109 55.1075591 20.3665666 48.5866868 26.872753 45.6885214 38.4393066 39.8921905 60.1265946 28.2995287 60.1265946 18.880491 61.5724138 18.1559496 59.403685 15.2577842 57.9578658 12.3596187 56.5120466L10.1859946 55.789137C8.66754915 41.6488966 13.8672015 27.5086562 27.5139937 20.2690075zM83.1921978 70.2900455L85.3678858 68.8397832C84.6426564 66.6643899 83.9174271 65.2141277 83.9174271 65.2141277L86.0931151 63.7638654C84.6426564 60.8633409 83.1921978 59.4130787 82.4669685 59.4130787L73.7642169 51.4366364 79.5660513 54.3371609 81.0165099 52.1617675C81.0165099 52.1617675 81.0165099 52.1617675 81.7417392 52.1617675 82.4669685 52.1617675 83.1921978 52.8868986 83.9174271 52.8868986 81.0165099 50.7115053 79.5660513 49.2612431 79.5660513 49.2612431L73.7642169 44.1853252 80.2912806 46.3607186C73.0389876 42.0099319 62.160548 37.6591452 57.0839429 36.2088829L57.8091722 34.7586207C55.6334843 37.6591452 54.1830257 41.2848008 52.732567 44.9104563 52.0073377 47.8109808 51.2821084 49.9863742 50.5568791 52.1617675 50.5568791 52.1617675 51.2821084 52.1617675 51.2821084 52.1617675 55.6334843 52.1617675 63.6110066 55.7874231 63.6110066 60.1382098 63.6110066 64.4889965 57.8091722 72.4654388 53.4577964 72.4654388 49.8316498 72.4654388 44.0298154 68.1146521 43.3045861 64.4889965 38.9532103 68.8397832 33.8766051 68.1146521 30.2504586 68.1146521 33.8766051 73.1905699 30.9756879 78.9916189 30.9756879 79.71675L33.1513758 81.8921434 28.8 82.6172745 29.5252293 84.0675367C29.5252293 84.0675367 49.1064205 95.6696346 63.6110066 94.2193724 77.3903634 92.7691101 81.7417392 78.2664878 82.4669685 77.5413567L83.1921978 73.9157011C86.8334533 78.0123091 88.8958241 80.5440338 89.3793103 81.5108753 87.9288517 75.7098264 83.1921978 70.2900455 83.1921978 70.2900455zM7.88605046 92.9161468C7.91608043 92.9212845 7.94640383 92.9269787 7.97703405 92.933244 6.45759237 95.8728302 5.72032862 97.3241379 5.72032862 97.3241379 4.96060778 95.8543448 4.99385226 95.8387558 4.23413142 94.3689627 4.29313889 94.340423 4.35100539 94.3114841 4.4078161 94.2822376 4.34037678 94.3162933 4.27145113 94.3504225 4.20088694 94.3845517-6.43520483 77.481931 6.48004946 60.5793103 6.48004946 60.5793103 10.2786537 62.0491034 13.317537 65.7235862 14.8369787 69.398069 17.8758621 75.2772414 17.8758621 81.8913103 17.8758621 81.8913103 11.7980953 82.6262069 8.75921198 87.7704828 7.99949114 92.9147586 7.96120328 92.9147586 7.92339782 92.9152253 7.88605046 92.9161468z" />
    </g>
  </svg>
);

export const ActionsIcon: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 149 144"
    width="1em"
    height="1em"
    aria-labelledby="actionsTitle"
    {...props}
  >
    <title id="actionsTitle">Actions Icon</title>
    <g opacity=".89" transform="translate(.74)">
      <path d="M132.39628,49.653393 C131.802145,45.5227285 130.482935,41.5048751 128.47568,37.7919268 C126.616052,35.4844132 123.845339,34.099057 120.883551,33.9958627 L120.37741,33.9958627 C116.024895,33.8911513 111.944792,36.1079 109.664073,39.8164943 C106.458508,30.5372265 102.999872,25.3070938 96.6730984,25.3070938 C91.6517967,25.1734503 86.8640495,27.4265078 83.7664805,31.3807963 C80.8077369,35.4487749 79.9911944,40.6934904 81.5731991,45.4684119 C81.5731991,46.5650526 82.5854828,48.5896201 83.4290526,51.2046865 C79.3039463,46.5925507 73.6320228,43.6515533 67.4855835,42.9377025 C64.1399815,42.9905965 61.0145904,44.6157999 59.0498856,47.3242654 C54.4946087,53.5666819 57.6158169,60.6526682 74.3184989,90.8524668 L79.4642746,100.300449 C75.5513209,99.7515725 71.6055386,99.4697309 67.6542975,99.4568787 C63.1649158,99.1352122 58.6572778,99.7381447 54.4102517,101.228375 C49.2943021,103.317841 45.9933934,108.176867 45.7655325,113.515879 L1.77149657,84.6100503 L49.9393318,84.6100503 L0,0 L64.7018032,41.5036339 L53.9884668,9.53233867 L79.1268467,25.3070938 L95.9982426,3.88042105 L116.328275,32.3087231 L136.742664,6.1580595 L132.39628,49.653393 Z M46.0261587,116.928377 C46.9188787,122.365388 51.5679176,126.421047 57.1096751,126.535469 C57.9230483,126.61779 58.7426542,126.61779 59.5560275,126.535469 C65.8189235,126.997519 71.9548286,128.53863 77.692778,131.090746 C78.0978182,131.72624 78.562983,132.346703 79.0838693,132.950268 L68.9196522,135.224238 L5.3144897,143.406865 L46.0261587,116.928377 Z" />
      <path d="M96.6730984,33.7427918 C102.071945,33.7427918 108.398719,75.9212815 110.929428,75.9212815 C113.37578,75.9212815 114.303707,59.5560275 114.472421,54.4946087 C114.641135,49.4331899 115.400348,42.1784897 120.37741,42.1784897 C125.438828,42.1784897 123.582975,65.2079451 122.992476,68.7509382 C122.401977,72.2939314 122.992476,80.0547735 125.776256,80.0547735 C126.619826,80.0547735 127.716467,79.0424897 129.066178,76.2587094 C133.368384,67.8230114 141.719725,60.4839542 145.937574,60.4839542 C146.725159,60.4392854 147.447387,60.9207704 147.709071,61.6649519 C149.311854,66.0515149 134.380668,89.2496842 132.777886,92.0334645 C131.175103,94.8172449 132.777886,114.725492 131.343817,123.836046 C129.909748,132.9466 110.929428,134.971167 110.929428,134.971167 C97.9384531,134.971167 87.0564027,130.078462 84.6100503,125.270114 C82.1636979,120.461767 65.714087,116.834416 59.3029565,116.834416 L57.1096751,116.834416 C53.4823249,116.834416 52.2169703,110.760714 57.8688879,108.398719 C61.0160448,107.640007 64.2761704,107.468421 67.4855835,107.892577 C72.6240604,107.846637 77.7497143,108.413007 82.7541968,109.579716 C83.8186951,109.914848 84.9281127,110.085528 86.044119,110.085858 C89.1653272,110.085858 92.0334645,108.483076 90.177611,103.252943 C87.7312586,96.2513135 62.9303066,56.1817483 65.714087,52.6387551 C66.0388127,51.9329975 66.7126585,51.4516791 67.4855835,51.3734005 C71.7877895,51.3734005 80.5609153,59.3029565 85.6223341,67.7386545 C90.6837529,76.1743524 96.5887414,82.1636979 99.2881648,82.1636979 C99.7158392,82.1915906 100.128564,82.0011021 100.384805,81.6575561 C102.156302,79.2112037 91.1055378,48.7583341 89.5027551,43.3594874 C88.3952186,41.0895358 88.6479264,38.3911426 90.1576753,36.3663029 C91.6674242,34.3414633 94.1814682,33.3291541 96.6730984,33.7427918 Z" />
    </g>
  </svg>
);

export const EquipmentIcon: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 172 135"
    width="1em"
    height="1em"
    aria-labelledby="equipmentTitle"
    {...props}
  >
    <title id="equipmentTitle">Equipment Icon</title>
    <defs>
      <polygon
        id="icon---equipment-copy@2x-a"
        points="0 .614 77.491 .614 77.491 134.399 0 134.399"
      />
    </defs>
    <g fill="none" fillRule="evenodd">
      <path d="M9.023232 60.475968L8.984832 61.704768 8.984832 61.935168 40.434432 63.509568 67.237632 64.815168 67.237632 60.475968C67.237632 60.130368 67.237632 59.784768 67.199232 59.435328L58.063872 54.907968 66.124032 49.493568C62.706432 29.909568 51.378432 15.317568 38.360832 15.163968L38.130432 15.163968C27.032832 15.163968 17.202432 25.570368 12.325632 40.661568L31.141632 42.888768 11.404032 43.810368C9.983232 48.955968 9.176832 54.600768 9.023232 60.475968M171.2256 59.3232C170.6496 38.5872 161.2416 20.7312 147.7248 11.976 156.5952 23.496 162.3552 40.5456 162.7776 59.9376L162.7776 64.008 171.264 63.8928 171.264 59.3232 171.2256 59.3232z" />
      <polygon points="162.777 103.714 162.815 127.752 162.815 129.365 171.263 128.866 171.263 67.733 162.777 67.848" />
      <g transform="translate(0 .226)">
        <mask id="icon---equipment-copy@2x-b" fill="#fff">
          <use xlinkHref="#icon---equipment-copy@2x-a" />
        </mask>
        <path
          d="M44.2752,0.959232 L40.704,0.767232 L40.6272,0.767232 L38.1312,0.613632 C17.5488,0.613632 0.768,26.341632 0.0384,58.559232 L0,58.559232 L0,126.412032 L76.2624,134.399232 L77.4912,134.322432 L77.4912,127.064832 L77.4912,68.696832 L76.2624,68.696832 L73.4208,68.735232 L71.1168,68.620032 L71.1168,124.108032 L70.4256,124.031232 L68.4672,123.839232 L5.1456,117.234432 L5.2608,58.290432 C6.4896,31.679232 20.6976,11.096832 38.1312,11.096832 L38.208,11.096832 C54.1056,11.135232 67.3536,28.338432 70.4256,51.608832 C70.7328,53.797632 70.9248,56.024832 71.04,58.290432 L71.1168,58.290432 L71.1168,64.780032 L73.4976,64.895232 L76.2624,64.856832 L77.4912,64.856832 L77.4912,59.749632 C77.2224,47.500032 74.6112,36.133632 70.4256,26.687232 C64.3584,13.016832 54.9504,3.340032 44.2752,0.959232"
          mask="url(#icon---equipment-copy@2x-b)"
        />
      </g>
      <path d="M131.520768,74.9136 C134.554368,74.9136 136.973568,77.3712 136.973568,80.4048 C136.973568,82.2096 136.086528,83.8224 134.707968,84.8208 L134.707968,91.9248 L128.099328,92.5776 L128.099328,84.6288 C126.874368,83.6304 126.067968,82.0944 126.067968,80.4048 C126.067968,77.3712 128.487168,74.9136 131.520768,74.9136 Z M144.269568,98.3376 L144.269568,69 L116.045568,69.4224 L116.045568,100.0656 L144.269568,98.3376 Z" />
      <polygon points="67.276 102.791 67.237 68.654 40.588 67.348 8.984 65.774 8.984 87.124 31.141 90.618 8.984 93.114 8.984 95.457 23.768 96.302 8.984 99.45 8.984 114.004 65.356 119.879 67.276 120.071 67.276 108.782 56.101 107.322 56.101 107.284 38.13 104.942 53.528 103.828" />
      <polygon points="158.937 92.04 158.937 91.464 158.937 67.886 150.758 68.002 148.112 68.002 148.112 101.986 112.204 104.136 112.204 68.462 108.786 68.501 93.81 68.693 93.81 83.323 103.986 84.59 93.81 85.819 93.81 114.235 108.825 116.462 108.825 116.539 93.81 117.998 93.81 118.536 93.81 120.494 100.377 120.878 93.81 122.837 93.81 129.941 93.81 133.55 158.975 129.595 158.975 127.214 158.975 114.926 150.335 113.851 158.975 110.357" />
      <path d="M88.283136,44.077248 C85.322496,29.062848 78.794496,16.429248 70.427136,8.749248 C67.163136,5.715648 63.588096,3.450048 59.828736,2.106048 L55.562496,1.875648 C61.249536,5.562048 66.314496,11.168448 70.427136,18.157248 C76.874496,29.216448 80.948736,43.808448 81.328896,59.936448 L81.328896,65.005248 L86.128896,64.966848 L89.968896,64.928448 L89.968896,59.974848 C89.853696,54.483648 89.243136,49.184448 88.283136,44.115648 L88.283136,44.077248 Z" />
      <path d="M93.810816,64.852416 L108.786816,64.660416 L149.375616,64.161216 L158.937216,64.046016 L158.937216,59.975616 C158.860416,55.905216 158.476416,51.911616 157.900416,48.071616 L143.692416,48.263616 L143.500416,47.687616 L157.405056,44.961216 C157.251456,44.193216 157.094016,43.386816 156.902016,42.618816 L148.492416,41.658816 L156.210816,39.623616 C152.758656,25.799616 146.226816,14.356416 138.051456,7.521216 C135.052416,6.638016 131.942016,6.177216 128.716416,6.177216 L90.051456,3.911616 L90.009216,3.911616 L70.425216,2.759616 L69.238656,2.682816 C69.657216,2.951616 70.045056,3.258816 70.425216,3.566016 C77.682816,9.095616 83.711616,17.774016 87.858816,28.449216 L94.310016,28.871616 L104.758656,29.524416 L116.390016,30.254016 L105.330816,31.329216 L92.390016,32.596416 L89.433216,32.865216 C89.817216,34.170816 90.239616,35.476416 90.585216,36.820416 C92.505216,43.962816 93.618816,51.758016 93.810816,59.937216 L93.810816,64.852416 Z" />
      <polygon points="81.331 68.846 81.331 127.905 81.331 134.318 89.971 133.78 89.971 129.288 89.971 117.998 89.971 68.769 86.131 68.808" />
    </g>
  </svg>
);

export const SkillsIcon: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 146 144"
    width="1em"
    height="1em"
    aria-labelledby="skillsTitle"
    {...props}
  >
    <title id="skillsTitle">Skills Icon</title>
    <g fill="none">
      <polygon points="70.124 83.965 64.12 107.979 40.107 113.983 64.12 119.986 70.124 144 76.127 119.986 100.141 113.983 76.127 107.979" />
      <polygon points="112.148 20.442 120.525 45.571 145.654 53.948 120.525 62.324 112.148 87.454 103.772 62.324 78.642 53.948 103.772 45.571" />
      <path d="M27.7357796,31.981862 L37.104806,0.751773927 L46.4738324,31.981862 L73.3633378,41.940938 L46.4738324,51.9000141 L37.104806,83.1301022 L27.7357796,51.9000141 L0.846274211,41.940938 L27.7357796,31.981862 Z M37.104806,23.0953598 L32.9660154,36.8913285 L19.3320697,41.940938 L32.9660154,46.9905476 L37.104806,60.7865163 L41.2435966,46.9905476 L54.8775423,41.940938 L41.2435966,36.8913285 L37.104806,23.0953598 Z" />
    </g>
  </svg>
);

export const SpellsIcon: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 102 139"
    width="1em"
    height="1em"
    aria-labelledby="spellsTitle"
    {...props}
  >
    <title id="spellsTitle">Spells Icon</title>
    <defs>
      <polygon
        id="icon---spells-copy@2x-a"
        points="0 .146 101.843 .146 101.843 105.6 0 105.6"
      />
      <polygon
        id="icon---spells-copy@2x-c"
        points=".774 .803 94.086 .803 94.086 68.055 .774 68.055"
      />
    </defs>
    <g fill="none" fillRule="evenodd" transform="translate(0 -1)">
      <g transform="translate(0 33.598)">
        <mask id="icon---spells-copy@2x-b" fill="#fff">
          <use xlinkHref="#icon---spells-copy@2x-a" />
        </mask>
        <path
          d="M100.96928,73.6752 C92.78688,61.0512 100.36768,53.1216 99.41728,45.7808 C99.03648,42.8784 96.75168,38.5104 94.02528,34.1168 C94.02528,34.1168 94.02208,34.1136 94.02208,34.1136 C89.85248,27.4 84.64928,20.6352 83.59968,18.9904 C80.55008,14.2064 81.39488,11.096 78.54688,9.8192 C75.70208,8.5424 72.35488,16.424 72.58208,20.2608 C72.95328,26.5136 77.99968,33.7264 78.82848,35.4736 C79.66048,37.2208 79.57088,39.7008 78.19168,43.5664 C76.81248,47.4352 73.03008,46.8144 68.23328,44.712 C63.43328,42.6064 53.87808,34.5776 48.87648,28.9648 C43.87488,23.3552 36.01888,7.2144 34.93728,4.3216 C33.85568,1.4256 29.56448,-3.6496 27.45888,4.8016 C25.20928,13.8384 33.11648,27.976 38.06688,34.0976 C43.02048,40.2192 41.92608,43.2816 40.68128,44.5552 C39.43648,45.8288 32.57248,42.1072 28.39008,38.6384 C24.21408,35.1696 18.43808,25.0544 16.38368,21.5472 C14.33248,18.0432 10.11488,15.4224 8.66528,15.0384 C8.47328,14.9872 8.23008,14.9616 7.96768,14.9584 C7.94848,14.9552 7.93248,14.952 7.91328,14.952 C7.88448,14.952 7.84608,14.9648 7.81728,14.968 C7.45568,14.9744 7.06528,15.0352 6.66848,15.1504 C6.63008,15.1632 6.59168,15.1664 6.55008,15.1824 C6.13408,15.3168 5.74368,15.5344 5.38848,15.816 C5.35328,15.8448 5.30848,15.8512 5.27968,15.8768 C5.28288,15.8864 5.28288,15.896 5.28608,15.9056 C4.48928,16.6 3.97088,17.7008 4.32608,19.4352 C5.15168,23.4256 14.12128,42.7376 15.23488,44.0592 C16.35168,45.3808 30.31008,55.5024 30.32608,56.568 C30.34528,57.6304 30.92768,56.9776 26.41568,54.4432 C21.90368,51.912 12.47328,44.3952 11.06528,42.0432 C9.65728,39.6944 6.79008,35.5024 5.74368,34.7344 C4.69728,33.9632 2.32928,32.4592 0.54688,34.8624 C-1.23232,37.2688 1.75968,42.9552 3.36928,45.1152 C4.97568,47.272 8.98208,54.44 11.72128,57.1344 C14.46048,59.8256 26.90208,68.0272 28.46368,68.8464 C30.01888,69.6656 32.87648,70.4496 32.53408,71.7808 C32.19168,73.112 25.17728,68.5936 22.95328,67.8 C20.72608,67.0064 13.90688,60.8112 12.62688,59.96 C11.34368,59.1088 9.23808,60.1488 8.07648,61.1888 C6.91168,62.2256 8.51168,64.7792 13.00448,70.3408 C17.49408,75.9024 40.57888,86.3696 44.24288,87.9408 C47.91328,89.512 62.86048,100.0624 71.43968,105.0256 C79.76608,109.8416 107.04608,83.0544 100.96928,73.6752"
          mask="url(#icon---spells-copy@2x-b)"
        />
      </g>
      <g transform="translate(4.2 .398)">
        <mask id="icon---spells-copy@2x-d" fill="#fff">
          <use xlinkHref="#icon---spells-copy@2x-c" />
        </mask>
        <path
          d="M5.0128,45.11136 C4.9456,42.25696 5.2848,39.31616 6.2448,36.36256 C7.8384,39.64256 10.1328,43.85056 12.2192,45.77696 L16.8656,50.06816 L15.672,43.85376 C15.6336,43.66176 12.4784,26.45536 22.5584,16.42336 C21.9952,20.38816 21.9952,25.39616 24.7344,28.23136 L25.3392,28.85216 L26.2032,28.86176 C26.6064,28.88416 35.88,28.89376 40.8048,22.23776 C43.6112,18.44256 44.3792,13.37696 43.0992,7.14016 C45.1248,8.25376 47.5696,10.11296 49.1248,13.05696 C51.4864,17.51776 51.3168,23.37376 48.6192,30.45856 C46.8752,35.04096 47.192,39.24576 49.4864,42.00096 C51.1408,43.97856 53.5696,44.88096 55.9696,44.44256 C58.5168,43.96576 60.5296,42.07456 61.4864,39.25216 C61.9184,37.98176 62.024,36.17376 62.1616,33.88256 C62.4208,29.44096 62.7792,23.38016 65.7712,19.07936 C64.664,23.93056 64.3312,30.36896 68.2832,35.15296 L71.0992,38.56096 L71.9312,34.21856 C71.9376,34.17696 72.568,31.01536 74.728,28.54816 C75.0032,33.19456 76.7504,40.79136 83.992,48.74976 C87.208,52.28256 88.9168,56.69856 89.5728,61.07936 C91.2048,63.49536 92.6928,65.83456 93.9856,68.05536 C94.5616,60.68256 92.7248,52.17056 87.0672,45.94976 C77.1056,35.00256 78.936,25.20416 79.016,24.80416 L79.8448,20.90656 L76.1712,22.45536 C72.904,23.83776 70.856,26.40736 69.6112,28.71776 C67.9344,22.21856 71.8352,14.05856 71.88,13.95936 L74.3088,8.96736 L69.2016,11.13376 C59.08,15.42816 58.4112,26.82656 58.0112,33.63936 C57.8992,35.45696 57.8,37.17536 57.5504,37.91136 C57.08,39.29056 56.2512,40.15776 55.2112,40.34976 C54.2992,40.51296 53.3552,40.14176 52.68,39.33536 C51.3776,37.77056 51.3136,35.07616 52.5072,31.94016 C55.6592,23.65536 55.7488,16.63136 52.776,11.06016 C48.8016,3.61056 40.8304,1.70016 40.4944,1.62336 L36.9392,0.80096 L38.0464,4.28256 C40.216,11.07616 40.0208,16.27936 37.4736,19.74496 C34.616,23.62976 29.384,24.47136 27.2208,24.65376 C25.6336,21.81856 26.6736,15.54656 27.8096,11.94336 L29.4384,6.79776 L24.7792,9.51776 C13.3712,16.18016 11.0992,28.38816 10.984,36.51616 C9.7392,34.11936 8.648,31.70016 8.104,30.39776 L6.408,26.34016 L4.3472,30.22816 C1.5888,35.44096 0.6384,40.64096 0.7888,45.55936 C1.6912,45.17536 2.6832,44.95136 3.7136,44.95136 C4.1744,44.95136 4.6,45.02496 5.0128,45.11136"
          mask="url(#icon---spells-copy@2x-d)"
        />
      </g>
    </g>
  </svg>
);

export const FeatureTraitsIcon: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 139 139"
    width="1em"
    height="1em"
    aria-labelledby="featureTraitsTitle"
    {...props}
  >
    <title id="featureTraitsTitle">Features and Traits Icon</title>
    <g fillRule="evenodd" transform="translate(.353)">
      <path
        fillRule="nonzero"
        d="M127.527552,75.108096 C127.354752,77.129856 127.066752,79.082496 126.605952,80.989056 C126.433152,81.910656 126.202752,82.889856 125.972352,83.811456 C125.511552,85.712256 124.935552,87.492096 124.244352,89.341056 C123.898752,90.199296 123.553152,91.120896 123.207552,91.990656 C122.861952,92.848896 122.458752,93.712896 122.055552,94.582656 C120.557952,97.629696 118.829952,100.509696 116.929152,103.222656 C116.122752,104.311296 115.316352,105.411456 114.452352,106.442496 L114.394752,106.500096 C111.975552,109.443456 109.325952,112.093056 106.388352,114.448896 C105.121152,115.491456 103.796352,116.470656 102.471552,117.392256 C99.764352,119.293056 96.884352,120.963456 93.889152,122.340096 C92.391552,123.031296 90.893952,123.670656 89.338752,124.240896 C83.002752,126.550656 76.205952,127.812096 69.121152,127.812096 C62.036352,127.812096 55.239552,126.550656 48.961152,124.240896 C47.405952,123.670656 45.908352,123.031296 44.410752,122.340096 C41.415552,120.900096 38.535552,119.293056 35.828352,117.392256 C35.194752,116.931456 34.561152,116.470656 33.927552,115.952256 C33.236352,115.549056 32.602752,115.030656 31.969152,114.448896 C30.471552,113.302656 29.089152,112.029696 27.764352,110.653056 C27.073152,110.019456 26.381952,109.380096 25.805952,108.631296 C25.114752,107.940096 24.538752,107.248896 23.905152,106.500096 L23.847552,106.442496 C22.983552,105.411456 22.177152,104.311296 21.370752,103.222656 C18.721152,99.530496 16.532352,95.498496 14.804352,91.241856 C14.458752,90.372096 14.113152,89.508096 13.825152,88.649856 C13.364352,87.319296 12.903552,85.942656 12.557952,84.560256 C12.212352,83.229696 11.866752,81.910656 11.636352,80.522496 C11.405952,79.600896 11.233152,78.679296 11.117952,77.763456 C11.002752,76.841856 10.887552,75.862656 10.772352,74.941056 C10.657152,74.192256 10.599552,73.380096 10.599552,72.579456 C10.541952,72.170496 10.541952,71.773056 10.541952,71.369856 C10.426752,70.621056 10.426752,69.872256 10.426752,69.123456 C10.426752,67.971456 10.484352,66.819456 10.599552,65.719296 C10.599552,64.573056 10.657152,63.472896 10.887552,62.378496 C11.060352,60.189696 11.405952,58.000896 11.981952,55.869696 C12.154752,54.948096 12.385152,54.032256 12.673152,53.162496 C13.594752,49.879296 14.804352,46.711296 16.244352,43.721856 C17.050752,41.988096 17.972352,40.323456 18.951552,38.710656 C19.930752,37.092096 20.967552,35.542656 22.119552,34.039296 C32.833152,19.702656 49.882752,10.429056 69.121152,10.429056 C88.359552,10.429056 105.466752,19.702656 116.180352,34.039296 C117.332352,35.542656 118.369152,37.092096 119.348352,38.710656 C120.327552,40.323456 121.249152,41.988096 122.055552,43.721856 C123.495552,46.711296 124.705152,49.879296 125.626752,53.162496 C125.914752,54.032256 126.145152,54.948096 126.317952,55.869696 C126.893952,58.000896 127.239552,60.189696 127.412352,62.378496 C127.642752,63.472896 127.700352,64.573056 127.700352,65.719296 C127.815552,66.819456 127.873152,67.971456 127.873152,69.123456 C127.873152,70.160256 127.873152,71.139456 127.757952,72.170496 C127.757952,73.149696 127.642752,74.128896 127.527552,75.108096 M69.121152,0.003456 C31.047552,0.003456 0.001152,30.992256 0.001152,69.123456 C0.001152,87.209856 7.028352,103.620096 18.433152,115.952256 C18.663552,116.240256 18.893952,116.522496 19.181952,116.752896 C31.796352,129.949056 49.479552,138.243456 69.121152,138.243456 C88.877952,138.243456 106.676352,129.891456 119.290752,116.580096 C119.405952,116.413056 119.521152,116.292096 119.636352,116.119296 C131.156352,103.792896 138.241152,87.261696 138.241152,69.123456 C138.241152,30.992256 107.252352,0.003456 69.121152,0.003456"
      />
      <path d="M114.393024,106.500672 C111.973824,109.444032 109.324224,112.093632 106.386624,114.449472 C99.589824,111.799872 92.044224,109.611072 87.378624,108.228672 C84.441024,107.364672 83.404224,107.082432 82.655424,106.731072 C80.581824,105.809472 79.084224,104.202432 78.450624,102.065472 C77.183424,97.745472 79.775424,92.964672 82.713024,88.471872 L83.173824,87.780672 C85.132224,84.785472 85.535424,84.272832 86.111424,81.329472 C86.514624,79.083072 88.185024,75.454272 90.316224,73.150272 C91.180224,71.710272 92.159424,67.563072 91.871424,66.065472 C91.065024,64.395072 89.740224,61.630272 89.970624,58.583232 C90.316224,54.142272 89.855424,49.943232 88.703424,46.308672 C87.436224,42.161472 83.289024,38.192832 78.450624,36.401472 C75.109824,35.191872 71.999424,35.082432 69.177024,35.082432 C66.239424,35.082432 63.186624,35.191872 59.788224,36.401472 C55.007424,38.192832 50.860224,42.161472 49.535424,46.308672 C48.383424,49.943232 47.980224,54.032832 48.268224,58.635072 C48.556224,61.803072 47.058624,64.804032 46.425024,66.065472 C46.137024,67.505472 47.116224,71.710272 47.922624,73.150272 C50.053824,75.454272 51.666624,78.973632 52.185024,81.214272 C52.761024,84.209472 53.106624,84.785472 55.065024,87.780672 L55.468224,88.299072 C58.521024,92.964672 61.113024,97.745472 59.845824,102.065472 C59.212224,104.202432 57.714624,105.809472 55.641024,106.731072 C54.892224,107.082432 53.855424,107.364672 50.917824,108.228672 C48.037824,109.092672 44.005824,110.244672 39.801024,111.684672 C38.937024,111.972672 38.073024,112.260672 37.209024,112.548672 C36.575424,112.721472 35.941824,112.951872 35.365824,113.182272 C34.213824,113.585472 33.119424,113.988672 32.025024,114.391872 C30.585024,113.182272 29.145024,111.972672 27.762624,110.653632 C27.129024,110.014272 26.437824,109.323072 25.804224,108.631872 C25.113024,107.940672 24.537024,107.249472 23.903424,106.500672 C32.140224,102.871872 42.220224,99.934272 47.980224,98.263872 C48.383424,98.148672 48.729024,98.033472 49.074624,97.924032 C48.671424,97.054272 47.980224,95.902272 46.885824,94.231872 L46.425024,93.483072 C44.178624,90.142272 42.969024,88.241472 41.989824,83.345472 C41.874624,82.711872 40.953024,80.868672 40.261824,80.183232 C37.554624,77.355072 34.732224,68.139072 36.575424,62.609472 C36.690624,62.379072 36.805824,61.981632 37.093824,61.463232 C37.727424,60.132672 37.900224,59.562432 37.900224,59.332032 C37.497024,53.451072 38.073024,48.042432 39.628224,43.204032 C41.932224,35.883072 48.268224,29.552832 56.217024,26.672832 C60.997824,24.939072 65.202624,24.708672 69.119424,24.708672 C73.036224,24.708672 77.298624,24.939072 82.021824,26.672832 C90.028224,29.604672 96.364224,35.940672 98.668224,43.204032 C100.223424,48.094272 100.799424,53.508672 100.338624,59.332032 C100.396224,59.614272 100.684224,60.363072 101.202624,61.463232 C101.490624,62.033472 101.663424,62.442432 101.721024,62.672832 C103.564224,68.202432 100.741824,77.355072 97.977024,80.183232 C97.343424,80.868672 96.421824,82.654272 96.306624,83.345472 C95.327424,88.241472 94.117824,90.142272 91.871424,93.483072 L91.525824,94.001472 C90.373824,95.792832 89.682624,97.054272 89.221824,97.924032 C89.567424,98.033472 89.913024,98.148672 90.316224,98.263872 C96.076224,99.934272 106.156224,102.871872 114.393024,106.500672" />
    </g>
  </svg>
);

export const ProficienciesSvg: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 145 144"
    width="1em"
    height="1em"
    aria-labelledby="proficienciesTitle"
    {...props}
  >
    <title id="proficienciesTitle">Proficiencies Icon</title>
    <defs>
      <polygon
        id="icon---prof@2x-a"
        points=".789 .79 42.018 .79 42.018 41.998 .789 41.998"
      />
      <polygon
        id="icon---prof@2x-c"
        points="0 0 124.418 0 124.418 124.416 0 124.416"
      />
    </defs>
    <g fill="none" fillRule="evenodd">
      <g transform="translate(102 102)">
        <mask id="icon---prof@2x-b" fill="#fff">
          <use xlinkHref="#icon---prof@2x-a" />
        </mask>
        <path
          fill="none"
          d="M38.571,38.5722 C36.315,40.8342 33.273,41.9982 30.315,41.9982 C27.357,41.9982 24.315,40.8342 22.059,38.5722 L0.789,17.3082 C7.185,12.7902 12.789,7.1802 17.307,0.7902 L38.571,22.0602 C43.173,26.6562 43.173,33.9762 38.571,38.5722"
          mask="url(#icon---prof@2x-b)"
        />
      </g>
      <path
        fill="none"
        d="M66.1038 73.8924L58.3098 73.8924 52.4478 38.6784C51.4398 32.6484 56.0898 27.1524 62.2098 27.1524 68.3238 27.1524 72.9798 32.6484 71.9718 38.6784L66.1038 73.8924zM70.0008 89.4726C70.0008 93.7746 66.5088 97.2606 62.2068 97.2606 57.9048 97.2606 54.4188 93.7746 54.4188 89.4726 54.4188 85.1706 57.9048 81.6786 62.2068 81.6786 66.5088 81.6786 70.0008 85.1706 70.0008 89.4726"
      />
      <mask id="icon---prof@2x-d" fill="#fff">
        <use xlinkHref="#icon---prof@2x-c" />
      </mask>
      <path
        fill="none"
        d="M108.6198,62.25 C108.6198,87.762 87.7578,108.618 62.1678,108.618 C36.6558,108.618 15.7998,87.762 15.7998,62.25 C15.7998,36.654 36.6558,15.798 62.1678,15.798 C87.7578,15.798 108.6198,36.654 108.6198,62.25 M62.1678,0 C27.8838,0 -0.0042,27.882 -0.0042,62.166 C-0.0042,96.534 27.8838,124.416 62.1678,124.416 C96.5298,124.416 124.4178,96.534 124.4178,62.166 C124.4178,27.882 96.5298,0 62.1678,0"
        mask="url(#icon---prof@2x-d)"
      />
    </g>
  </svg>
);

export const DescriptionIcon: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 139 136"
    width="1em"
    height="1em"
    aria-labelledby="descriptionTitle"
    {...props}
  >
    <title id="descriptionTitle">Description Icon</title>
    <defs>
      <polygon
        id="icon---description-copy@2x-a"
        points="0 .828 129.209 .828 129.209 125.717 0 125.717"
      />
      <polygon
        id="icon---description-copy@2x-c"
        points=".621 .796 81.849 .796 81.849 99.777 .621 99.777"
      />
    </defs>
    <g fill="none" fillRule="evenodd" transform="translate(0 -1)">
      <g transform="translate(0 10.483)">
        <mask id="icon---description-copy@2x-b" fill="#fff">
          <use xlinkHref="#icon---description-copy@2x-a" />
        </mask>
        <path
          d="M109.708992,79.00928 L110.400192,78.83648 C114.720192,77.73632 118.412352,78.25472 121.292352,80.32832 C126.821952,84.36608 126.873792,92.48768 126.361152,95.36768 C120.422592,96.68672 117.542592,96.34688 115.641792,95.59808 C117.029952,92.54528 117.893952,88.91648 116.511552,85.74848 C115.180992,82.80512 112.882752,80.50688 109.708992,79.00928 M17.093952,44.04608 C12.710592,44.21888 9.260352,43.06688 6.950592,40.47488 C2.521152,35.57888 2.751552,26.93888 3.033792,23.82848 C8.620992,23.76512 12.422592,25.66592 14.150592,26.76608 C12.249792,29.46752 11.564352,32.98688 12.313152,36.38528 C12.940992,39.37472 14.611392,41.96672 17.093952,44.04608 M122.668992,78.42752 C119.212992,75.89888 114.892992,75.26528 109.829952,76.52672 L100.320192,79.00928 L105.273792,80.04608 C109.651392,80.96768 112.819392,83.32928 114.322752,86.66432 C115.589952,89.54432 114.553152,92.94848 112.992192,95.53472 L112.421952,96.57728 L93.753792,103.77728 L108.211392,94.78592 C105.331392,93.23648 102.629952,90.98432 100.383552,87.64928 C96.121152,82.00448 95.660352,74.56832 96.691392,66.33728 C87.129792,74.33792 76.243392,82.69568 64.153152,91.04768 L44.050752,114.60608 L52.742592,89.02592 C52.972992,87.58592 56.832192,67.42592 65.932992,45.25568 C66.341952,44.21888 67.090752,43.40672 68.069952,42.88832 C67.781952,41.79392 67.891392,40.70528 68.300352,39.72608 C72.902592,29.29472 78.092352,20.31488 83.731392,12.76928 L73.081152,14.83712 L85.753152,10.23488 L95.481792,6.65792 C94.502592,5.73632 93.523392,4.93568 92.549952,4.29632 C83.270592,-1.80352 71.813952,1.99808 71.813952,1.99808 L0.441792,21.00608 L0.268992,22.15808 C0.211392,22.72832 -1.568448,35.34848 4.819392,42.37568 C7.762752,45.65888 11.909952,47.15648 17.203392,46.92608 L25.042752,45.65888 L22.450752,43.92512 C18.470592,42.14528 15.820992,39.26528 15.072192,35.74592 C14.444352,32.75648 15.250752,29.64608 17.260992,27.39392 L18.240192,26.35712 C21.523392,28.89728 23.833152,32.06528 25.382592,35.22752 L42.201792,33.32672 L26.880192,38.68928 C27.461952,40.35392 27.922752,41.91488 28.210752,43.29728 L43.699392,38.91392 L28.780992,46.97792 C29.011392,48.59648 29.011392,49.57568 29.011392,49.57568 C29.011392,65.46752 22.329792,74.74688 20.204352,91.21472 L40.531392,84.82688 L19.743552,95.24672 C19.570752,97.32608 19.513152,99.56672 19.513152,101.92832 C19.513152,111.43808 24.230592,125.71712 43.301952,125.71712 C61.042752,125.71712 120.192192,100.89728 128.083392,97.55648 L128.140992,97.55648 C128.492352,97.32608 128.780352,97.26848 128.889792,97.20512 L129.120192,96.22592 C129.183552,95.70752 130.272192,83.95712 122.668992,78.42752"
          mask="url(#icon---description-copy@2x-b)"
        />
      </g>
      <g transform="translate(56.84 .963)">
        <mask id="icon---description-copy@2x-d" fill="#fff">
          <use xlinkHref="#icon---description-copy@2x-c" />
        </mask>
        <path
          d="M73.467904,33.156672 L73.467904,33.208512 C67.949824,35.679552 61.573504,37.488192 55.243264,36.964032 C59.384704,39.394752 63.284224,41.059392 66.947584,42.297792 C63.670144,46.439232 59.666944,50.955072 54.817024,55.810752 C51.153664,55.338432 46.868224,54.048192 42.110464,51.525312 C44.155264,55.240512 47.110144,58.091712 50.203264,60.286272 C47.962624,62.475072 45.491584,64.709952 42.870784,67.042752 C40.111744,66.178752 37.444864,65.228352 35.405824,64.139712 C36.120064,66.564672 37.398784,68.707392 38.827264,70.469952 C29.357824,78.603072 16.127104,90.071232 2.187904,99.776832 C2.187904,99.684672 3.426304,97.829952 3.754624,97.357632 C3.800704,97.305792 3.800704,97.259712 3.852544,97.259712 C3.852544,97.207872 3.852544,97.207872 3.950464,97.207872 C23.695744,67.417152 57.673984,20.357952 74.994304,9.840192 C73.231744,10.462272 46.009984,20.928192 1.093504,99.114432 L0.995584,99.114432 C0.897664,99.298752 0.805504,99.684672 0.621184,99.776832 C0.621184,99.776832 4.324864,78.885312 13.465984,56.571072 C15.464704,58.379712 17.843584,60.142272 20.550784,61.611072 C18.845824,60.712512 17.181184,56.144832 15.793024,51.145152 C20.510464,40.679232 26.356864,30.155712 33.591424,21.452352 C35.590144,24.735552 38.349184,27.874752 42.254464,29.971392 C40.347904,28.116672 40.163584,20.830272 40.399744,14.223552 C43.867264,11.032512 47.582464,8.273472 51.625984,6.084672 C52.340224,8.987712 53.670784,12.172992 55.767424,15.698112 C55.295104,10.842432 56.723584,6.510912 58.952704,2.847552 C65.236864,0.802752 72.183424,0.180672 79.705984,1.465152 C79.705984,1.465152 87.464704,11.130432 73.467904,33.156672"
          mask="url(#icon---description-copy@2x-d)"
        />
      </g>
      <path d="M60.68736,98.2112 C53.32032,109.33376 47.90016,117.98528 46.09152,121.38368 C50.1408,113.78048 54.06912,106.71296 57.85344,100.10048 L57.9168,100.07744 C58.84992,99.44384 59.78304,98.81024 60.68736,98.2112" />
      <path d="M75.68352,73.702976 C70.07904,81.150656 60.21216,96.420416 57.91392,100.078016 L60.68448,98.211776 L75.68352,73.702976 Z" />
    </g>
  </svg>
);

export const NotesIcon: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 157 143"
    width="1em"
    height="1em"
    aria-labelledby="notesTitle"
    {...props}
  >
    <title id="notesTitle">Notes Icon</title>
    <g transform="translate(.76)">
      <polygon points="142.167 41.629 142.167 100.538 69.905 100.538 50.269 117.033 104.465 117.033 132.742 142.167 132.742 117.033 155.52 117.033 155.52 41.629" />
      <path d="M22.7781818,120.174545 L22.7781818,87.9709091 L0,87.9709091 L0,0 L128.029091,0 L128.029091,87.9709091 L58.9090909,87.9709091 L22.7781818,120.174545 Z M11.7818182,76.1890909 L34.56,76.1890909 L34.56,94.2545455 L54.9818182,76.1890909 L117.032727,76.1890909 L117.032727,11.7818182 L12.5672727,11.7818182 L12.5672727,76.1890909 L11.7818182,76.1890909 Z" />
    </g>
  </svg>
);

export const ExtrasIcon: FC<SvgProps> = (props) => (
  <svg
    viewBox="0 0 21.41 4.34"
    width="1em"
    height="1em"
    aria-labelledby="extrasTitle"
    {...props}
  >
    <title id="extrasTitle">Extras Icon</title>
    <circle cx="10.7" cy="2.17" r="2.17" />
    <circle cx="2.17" cy="2.17" r="2.17" />
    <circle cx="19.24" cy="2.17" r="2.17" />
  </svg>
);

/**
 * This component is a simple SVG that is used to render the top and bottom borders of the pane.
 */
export const PaneBorder: FC<SvgProps> = (props) => (
  <svg viewBox="0 0 340 18" {...props}>
    <path
      className={styles.borderBg}
      d="M328.1,6.19H201a57,57,0,0,1-30.15,9.14A54.55,54.55,0,0,1,141,6.19H12A30.25,30.25,0,0,1,.4,17.26V18H340v-.27A28.68,28.68,0,0,1,328.1,6.19Z"
    />
    <path
      className={styles.borderStroke}
      fill="none"
      strokeMiterlimit="10px"
      strokeWidth="3px"
      d="M-46,22.28"
    />
    <path
      className={styles.borderStroke}
      fill="none"
      strokeMiterlimit="10px"
      strokeWidth="1.5px"
      d="M168.15,3"
    />
    <path
      className={styles.borderStroke}
      fill="none"
      strokeMiterlimit="10px"
      strokeWidth="2px"
      d="M339.6,17.09C328.4,12.16,325.17,1,325.17,1H169.42"
    />
    <path
      className={styles.borderStroke}
      fill="none"
      strokeMiterlimit="10px"
      strokeWidth="2px"
      d="M.4,17.09C11.6,12.16,14.83,1,14.83,1H170.41"
    />
    <path
      className={styles.borderStroke}
      fill="none"
      strokeMiterlimit="10px"
      strokeWidth="1.5px"
      d="M171.85,3.56"
    />
    <path
      className={styles.borderStroke}
      fill="none"
      strokeMiterlimit="10px"
      strokeWidth="2px"
      d="M200.23,6.19c-7.16,6.12-20.56,8.32-30.35,8.32"
    />
    <path
      className={styles.borderStroke}
      fill="none"
      strokeMiterlimit="10px"
      strokeWidth="2px"
      d="M170.12,14.51c-9.79,0-23.19-2.2-30.35-8.32"
    />
    <path
      className={styles.borderFill}
      d="M167.12,14.51a3,3,0,1,0,3-3,3,3,0,0,0-3,3"
    />
    <path
      className={styles.borderStroke}
      fill="none"
      strokeMiterlimit="10px"
      strokeWidth="3px"
      d="M1.5,18V10.89A5.44,5.44,0,0,1,7,5.5h326.1a5.44,5.44,0,0,1,5.45,5.39V18"
    />
  </svg>
);
