337 lines
51 KiB
TypeScript
337 lines
51 KiB
TypeScript
import { useEffect, useState } from "react";
|
|
|
|
const SequenceWing = () => {
|
|
const [width, setWidth] = useState<number>(0);
|
|
const [top, setTop] = useState<number>(0);
|
|
const [isLeftWingSelected, setIsLeftWingSelected] = useState(false);
|
|
const [isRightWingSelected, setIsRightWingSelected] = useState(false);
|
|
|
|
function handleResize() {
|
|
setWidth(window.innerWidth);
|
|
setTop(window.innerWidth / 2 - window.innerHeight / 2);
|
|
}
|
|
|
|
const handleOnLeftWingClick = () => {
|
|
setIsLeftWingSelected(true);
|
|
setIsRightWingSelected(false);
|
|
};
|
|
|
|
const handleOnRightWingClick = () => {
|
|
setIsRightWingSelected(true);
|
|
setIsLeftWingSelected(false);
|
|
};
|
|
|
|
useEffect(() => {
|
|
handleResize();
|
|
window.addEventListener("resize", handleResize);
|
|
return () => window.removeEventListener("resize", handleResize);
|
|
}, []);
|
|
|
|
return (
|
|
<div className="absolute left-0 overflow-hidden h-screen w-screen">
|
|
<div
|
|
className="absolute left-0"
|
|
style={{ width: `${width}px`, height: `${width}px`, top: `-${top}px` }}
|
|
>
|
|
<img
|
|
width={`${width}px`}
|
|
height={`${width}px`}
|
|
src="/images/sequenceWing.png"
|
|
className={`absolute z-10 duration-300 transition-opacity ease-in-out opacity-100`}
|
|
alt=""
|
|
/>
|
|
<svg
|
|
width="1920"
|
|
height="1920"
|
|
viewBox="0 0 1920 1920"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className={`absolute top-0 left-0 duration-300 transition-opacity ease-in-out w-full h-full opacity-100 z-10 `}
|
|
>
|
|
<svg
|
|
className={`opacity-0 duration-300 ease-in-out transition-opacity ${
|
|
isLeftWingSelected
|
|
? "pointer-events-none opacity-0"
|
|
: "cursor-pointer hover:opacity-50"
|
|
}`}
|
|
onClick={handleOnLeftWingClick}
|
|
width="291"
|
|
height="743"
|
|
viewBox="0 0 291 743"
|
|
x={694}
|
|
y={545}
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
className="fill-[#00BED7]"
|
|
d="M13.6518 716.238C11.9611 715.563 11.979 713.163 13.6796 712.513L16.9973 711.245C17.1909 711.17 17.3187 710.985 17.3187 710.778V692.593C17.3187 692.373 17.1754 692.179 16.9654 692.115L2.06186 687.541C1.222 687.283 0.648701 686.507 0.648701 685.629V674.126C0.648701 673.255 1.21165 672.485 2.0409 672.22L16.5736 667.585C17.0396 667.436 17.0369 666.776 16.5697 666.631L2.05629 662.13C1.21924 661.87 0.648701 661.096 0.648701 660.219V652.921C0.648701 652.043 1.22157 651.267 2.06098 651.009L16.5208 646.564C16.9927 646.419 16.9912 645.75 16.5186 645.607L2.06963 641.236C1.22586 640.981 0.648701 640.204 0.648701 639.322V631.801C0.648701 630.873 1.28704 630.067 2.19034 629.854L17.4803 626.254C17.7062 626.201 17.8658 626 17.8658 625.768V624.612C17.8658 624.385 17.7134 624.187 17.4944 624.129L2.13397 620.037C1.25817 619.804 0.648701 619.011 0.648701 618.105V611.151C0.648701 610.233 1.27463 609.432 2.16623 609.21L17.4864 605.402C17.7093 605.347 17.8658 605.147 17.8658 604.917V603.283C17.8658 603.055 17.712 602.856 17.4918 602.799L2.14466 598.802C1.26361 598.573 0.648701 597.777 0.648701 596.867V590.27C0.648701 589.332 1.30099 588.52 2.21719 588.317L17.4736 584.946C17.7027 584.896 17.8658 584.693 17.8658 584.458V581.96C17.8658 581.728 17.7069 581.527 17.4819 581.473L2.1843 577.821C1.28392 577.606 0.648701 576.802 0.648701 575.876V569.414C0.648701 568.476 1.30098 567.664 2.21718 567.462L17.4736 564.09C17.7027 564.04 17.8658 563.837 17.8658 563.602V560.636C17.8658 560.401 17.7022 560.198 17.4727 560.147L2.22086 556.807C1.30291 556.606 0.648701 555.793 0.648701 554.854V548.611C0.648701 547.68 1.29147 546.872 2.19888 546.662L17.4782 543.135C17.7051 543.083 17.8658 542.881 17.8658 542.648V539.582C17.8658 539.344 17.6988 539.139 17.4663 539.092L2.24671 535.969C1.31647 535.778 0.648701 534.959 0.648701 534.01V527.511C0.648701 526.567 1.30869 525.752 2.23191 525.555L17.47 522.308C17.7008 522.259 17.8658 522.055 17.8658 521.819V518.364C17.8658 518.121 17.6913 517.914 17.4521 517.872L2.30319 515.215C1.34652 515.047 0.648701 514.216 0.648701 513.245V506.521C0.648701 505.569 1.31903 504.75 2.25157 504.561L17.465 501.478C17.6982 501.431 17.8658 501.226 17.8658 500.988V496.943C17.8658 496.699 17.689 496.49 17.4478 496.45L2.32049 493.933C1.35584 493.773 0.648701 492.938 0.648701 491.96V485.92C0.648701 484.961 1.32892 484.137 2.27023 483.956L17.4604 481.029C17.6957 480.983 17.8658 480.777 17.8658 480.538V475.821C17.8658 475.574 17.686 475.364 17.4423 475.327L2.34268 472.989C1.36789 472.838 0.648701 471.999 0.648701 471.012V464.783C0.648701 463.816 1.3406 462.987 2.29214 462.815L17.4549 460.068C17.6928 460.025 17.8658 459.817 17.8658 459.576V454.609C17.8658 454.362 17.6855 454.152 17.4415 454.115L2.34586 451.802C1.36962 451.653 0.648701 450.813 0.648701 449.825V443.704C0.648701 442.741 1.33557 441.914 2.28273 441.738L17.4572 438.913C17.694 438.869 17.8658 438.663 17.8658 438.422V433.264C17.8658 433.013 17.6794 432.801 17.4303 432.769L2.39062 430.811C1.39422 430.682 0.648701 429.833 0.648701 428.828V422.952C0.648701 421.948 1.39244 421.1 2.38741 420.969L17.4311 418.987C17.6798 418.954 17.8658 418.742 17.8658 418.491V411.948C17.8658 411.693 17.6731 411.478 17.419 411.451L2.43579 409.847C1.41944 409.738 0.648701 408.881 0.648701 407.858V402.137C0.648701 401.158 1.35755 400.322 2.32365 400.163L17.447 397.672C17.6885 397.632 17.8658 397.424 17.8658 397.179V390.885C17.8658 390.627 17.6685 390.411 17.4109 390.387L2.46826 389.034C1.43783 388.94 0.648701 388.076 0.648701 387.042V380.933C0.648701 379.913 1.4158 379.057 2.42932 378.945L17.4206 377.291C17.674 377.263 17.8658 377.049 17.8658 376.794V369.628C17.8658 369.365 17.661 369.146 17.3978 369.129L2.52048 368.174C1.46786 368.106 0.648701 367.232 0.648701 366.178V360.152C0.648701 359.106 1.45463 358.237 2.4976 358.158L17.4035 357.028C17.6643 357.009 17.8658 356.791 17.8658 356.53V348.408C17.8658 348.147 17.6657 347.931 17.406 347.91L2.39175 346.698C1.39359 346.617 0.608039 345.812 0.564653 344.811C0.42696 341.636 0.323497 337.41 0.648701 337.41C1.0287 337.41 11.6854 336.756 17.3984 336.403C17.6621 336.387 17.8658 336.168 17.8658 335.904V324.02C17.8658 323.755 17.6578 323.535 17.3924 323.521L2.54194 322.727C1.48037 322.671 0.648701 321.793 0.648701 320.73V306.878C0.648701 305.832 1.45453 304.963 2.49743 304.884L22.9366 303.333C23.1973 303.313 23.3988 303.096 23.3988 302.835V248.403C23.3988 248.127 23.1749 247.903 22.8988 247.903H2.44684C1.34227 247.903 0.446838 247.008 0.446838 245.903V235.695C0.446838 234.59 1.34227 233.695 2.44684 233.695H17.7792C18.0553 233.695 18.2792 233.471 18.2792 233.195V222.632C18.2792 222.356 18.0553 222.132 17.7792 222.132H3.02171C1.91714 222.132 1.02171 221.237 1.02171 220.132V214.135C1.02171 213.031 1.91714 212.135 3.02171 212.135H17.7792C18.0553 212.135 18.2792 211.912 18.2792 211.635V201.623C18.2792 201.347 18.0553 201.123 17.7792 201.123H3.02171C1.91714 201.123 1.02171 200.228 1.02171 199.123V193.27C1.02171 192.175 1.90225 191.284 2.99716 191.27L17.7732 191.089C18.0517 191.085 18.2737 190.855 18.267 190.577L18.0383 181.095C18.0319 180.828 17.8168 180.614 17.5498 180.608L2.97642 180.277C1.88978 180.253 1.02171 179.365 1.02171 178.278V172.321C1.02171 171.242 1.87823 170.357 2.95707 170.322L17.543 169.851C17.8127 169.842 18.0268 169.621 18.0268 169.351V160.217C18.0268 159.949 17.8153 159.728 17.5474 159.717L2.93947 159.116C1.8678 159.072 1.02171 158.19 1.02171 157.118V151.653C1.02171 150.603 1.8336 149.731 2.88095 149.657L17.562 148.622C17.8238 148.603 18.0268 148.385 18.0268 148.123V139.759C18.0268 139.496 17.8221 139.277 17.5591 139.26L2.89262 138.312C1.84037 138.244 1.02171 137.37 1.02171 136.316V130.618C1.02171 129.584 1.81023 128.721 2.84019 128.627L17.5722 127.284C17.8297 127.261 18.0268 127.045 18.0268 126.786V119.002C18.0268 118.743 17.8288 118.527 17.5707 118.504L2.846 117.205C1.81354 117.114 1.02171 116.25 1.02171 115.213V109.622C1.02171 108.588 1.81023 107.724 2.84019 107.63L17.5722 106.288C17.8297 106.264 18.0268 106.048 18.0268 105.79V98.0125C18.0268 97.7506 17.8247 97.5331 17.5635 97.5139L2.87511 96.4344C1.83024 96.3576 1.02171 95.4874 1.02171 94.4397V88.5889C1.02171 87.5702 1.78732 86.7143 2.79967 86.6012L17.5823 84.9498C17.8354 84.9216 18.0268 84.7076 18.0268 84.4529V77.8954C18.0268 77.6421 17.8375 77.4289 17.5861 77.3989L1.79018 75.5124C0.784489 75.3923 0.0273438 74.5394 0.0273438 73.5265V60.3602C0.0273438 59.3776 0.741025 58.5406 1.7112 58.3853L35.3163 53.0057C35.5589 52.9669 35.7373 52.7576 35.7373 52.512V18.724C35.7373 17.7259 36.4732 16.8806 37.4617 16.7431L42.6142 16.0263C43.6028 15.8888 44.3386 15.0435 44.3386 14.0454V7.4533C44.3386 6.50063 45.0106 5.68019 45.9446 5.4925L71.7631 0.304093C72.0023 0.256015 72.2484 0.252127 72.489 0.292621L102.59 5.35776C102.819 5.39628 103.052 5.39466 103.281 5.35298L116.652 2.91228C116.879 2.87071 117.113 2.869 117.341 2.90722L240.168 23.4672L266.594 26.5977L288.068 27.0945C289.154 27.1197 290.021 28.0075 290.021 29.094V685.818C290.021 686.53 289.444 687.107 288.733 687.107C275.804 687.107 262.973 689.344 250.807 693.718L155.551 727.969C145.455 731.599 135.045 734.288 124.454 736.001L81.3311 742.975C80.9733 743.032 80.6064 742.992 80.2697 742.857L13.6518 716.238Z"
|
|
/>
|
|
</svg>
|
|
<svg
|
|
className={`opacity-0 duration-300 ease-in-out transition-opacity ${
|
|
isRightWingSelected
|
|
? "pointer-events-none opacity-0"
|
|
: "cursor-pointer hover:opacity-50"
|
|
}`}
|
|
y={554}
|
|
x={984}
|
|
onClick={handleOnRightWingClick}
|
|
width="281"
|
|
height="736"
|
|
viewBox="0 0 281 736"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
className="fill-[#00BED7]"
|
|
d="M52.1947 13.328C52.1947 14.0983 51.6184 14.7467 50.8535 14.8371L30.2609 17.271L1.96601 18.0838C0.884248 18.1149 0.0234375 19.0008 0.0234375 20.083V676.247C0.0234375 677.274 0.856028 678.107 1.88308 678.107H9.51863C17.0635 678.107 24.5983 678.66 32.0624 679.761C41.2257 681.113 50.2488 683.287 59.0225 686.256L137.388 712.775C154.901 718.702 171.774 726.375 187.752 735.679C188.144 735.907 188.602 735.994 189.05 735.925L259.856 725.064C260.1 725.027 260.28 724.817 260.28 724.57V696.096C260.28 695.914 260.379 695.747 260.538 695.659L265.601 692.854C266.237 692.501 266.632 691.831 266.632 691.104V684.622C266.632 683.656 265.942 682.828 264.992 682.655L260.69 681.868C260.452 681.825 260.28 681.618 260.28 681.376V679.037C260.28 678.779 260.475 678.564 260.731 678.539L266.192 678.007C267.217 677.908 267.998 677.046 267.998 676.017V669.088C267.998 668.334 267.574 667.645 266.902 667.304L258.296 662.943C258.127 662.858 258.021 662.686 258.021 662.497V657.792C258.021 657.536 258.216 657.321 258.471 657.295L265.674 656.566C266.695 656.463 267.473 655.603 267.473 654.576V647.914C267.473 647.196 267.088 646.533 266.464 646.177L258.274 641.501C258.118 641.412 258.021 641.246 258.021 641.067V636.872C258.021 636.624 258.204 636.413 258.45 636.377L265.759 635.321C266.743 635.179 267.473 634.335 267.473 633.341V626.535C267.473 625.817 267.088 625.154 266.464 624.798L258.274 620.122C258.118 620.033 258.021 619.867 258.021 619.688V615.323C258.021 615.06 258.226 614.842 258.489 614.825L265.603 614.362C266.654 614.293 267.473 613.42 267.473 612.366V605.855C267.473 605.092 267.039 604.396 266.355 604.06L258.301 600.102C258.13 600.018 258.021 599.844 258.021 599.653V594.335C258.021 594.079 258.214 593.865 258.468 593.838L265.685 593.067C266.702 592.958 267.473 592.1 267.473 591.078V584.534C267.473 583.733 266.994 583.009 266.257 582.695L258.325 579.311C258.141 579.233 258.021 579.052 258.021 578.852V573.29C258.021 573.037 258.21 572.824 258.461 572.793L265.715 571.909C266.718 571.787 267.473 570.935 267.473 569.924V563.524C267.473 562.702 266.969 561.963 266.204 561.662L258.339 558.574C258.147 558.499 258.021 558.314 258.021 558.108V551.619C258.021 551.357 258.223 551.14 258.484 551.12L265.621 550.589C266.665 550.511 267.473 549.641 267.473 548.594V542.557C267.473 541.756 266.994 541.032 266.257 540.718L258.325 537.334C258.141 537.256 258.021 537.075 258.021 536.875V530.63C258.021 530.368 258.223 530.151 258.484 530.132L265.621 529.6C266.665 529.522 267.473 528.653 267.473 527.606V521.591C267.473 520.747 266.943 519.994 266.148 519.708L258.353 516.911C258.154 516.84 258.021 516.652 258.021 516.44V509.322C258.021 509.06 258.223 508.843 258.484 508.823L265.621 508.292C266.665 508.214 267.473 507.344 267.473 506.297V500.521C267.473 499.685 266.954 498.938 266.171 498.646L258.347 495.733C258.151 495.66 258.021 495.473 258.021 495.264V488.327C258.021 488.068 258.219 487.852 258.478 487.829L265.648 487.198C266.681 487.107 267.473 486.242 267.473 485.206V479.376C267.473 478.523 266.932 477.764 266.125 477.486L258.358 474.804C258.157 474.734 258.021 474.544 258.021 474.331V467.086C258.021 466.825 258.221 466.608 258.481 466.587L265.635 466.006C266.673 465.922 267.473 465.055 267.473 464.013V458.086C267.473 457.224 266.921 456.459 266.102 456.188L258.364 453.621C258.16 453.553 258.021 453.362 258.021 453.146V445.716C258.021 445.455 258.223 445.237 258.484 445.218L265.621 444.686C266.665 444.609 267.473 443.739 267.473 442.692V436.777C267.473 435.855 266.842 435.052 265.946 434.834L258.403 432.995C258.179 432.941 258.021 432.74 258.021 432.51V424.667C258.021 424.404 258.225 424.186 258.488 424.168L265.608 423.686C266.658 423.615 267.473 422.743 267.473 421.691V416.055C267.473 415.128 266.836 414.323 265.934 414.109L258.406 412.325C258.181 412.272 258.021 412.07 258.021 411.839V403.237C258.021 402.971 258.229 402.752 258.494 402.738L265.581 402.354C266.642 402.297 267.473 401.419 267.473 400.357V394.908C267.473 393.995 266.855 393.198 265.971 392.971L258.397 391.022C258.176 390.965 258.021 390.766 258.021 390.538V381.955C258.021 381.679 258.245 381.455 258.521 381.455H265.473C266.577 381.455 267.473 380.56 267.473 379.455V373.528C267.473 372.533 266.74 371.689 265.754 371.548L258.451 370.51C258.205 370.475 258.021 370.264 258.021 370.015V360.767C258.021 360.499 258.233 360.278 258.502 360.268L266.222 359.962C267.295 359.919 268.143 359.037 268.143 357.963V352.722C268.143 351.738 267.426 350.9 266.454 350.747L258.667 349.519C258.423 349.481 258.244 349.271 258.244 349.025V339.118C258.244 338.842 258.468 338.618 258.744 338.618H265.608C266.712 338.618 267.608 337.722 267.608 336.618V331.218C267.608 330.259 266.928 329.436 265.987 329.254L259.006 327.906C258.771 327.861 258.601 327.655 258.601 327.415V315.387C258.601 315.115 258.818 314.893 259.09 314.887L278.272 314.443C279.358 314.417 280.226 313.53 280.226 312.443V298.004C280.226 296.943 279.398 296.068 278.34 296.007L275.407 295.839C274.349 295.778 273.522 294.902 273.522 293.842V287.506C273.522 286.431 274.372 285.548 275.446 285.507L278.301 285.399C279.376 285.359 280.226 284.476 280.226 283.401V276.076C280.226 275.014 279.395 274.137 278.335 274.079L242.978 272.143C241.917 272.085 241.087 271.208 241.087 270.146V240.653C241.087 239.549 241.983 238.653 243.087 238.653H269.495C270.344 238.653 271.032 237.966 271.032 237.117C271.032 236.269 270.344 235.581 269.495 235.581H269.34C268.405 235.581 267.648 234.823 267.648 233.889V226.489C267.648 225.384 266.752 224.489 265.648 224.489H258.527C258.251 224.489 258.027 224.265 258.027 223.989V213.615C258.027 213.347 258.238 213.127 258.505 213.115L265.734 212.802C266.804 212.756 267.648 211.875 267.648 210.804V205.554C267.648 204.449 266.752 203.554 265.648 203.554H258.527C258.251 203.554 258.027 203.33 258.027 203.054V192.766C258.027 192.506 258.227 192.289 258.486 192.268L265.81 191.673C266.848 191.589 267.648 190.722 267.648 189.68V184.264C267.648 183.197 266.811 182.318 265.745 182.266L258.503 181.913C258.236 181.9 258.027 181.68 258.027 181.414V171.822C258.027 171.565 258.221 171.35 258.476 171.324L265.852 170.566C266.872 170.461 267.648 169.601 267.648 168.576V162.999C267.648 161.894 266.752 160.999 265.648 160.999H258.527C258.251 160.999 258.027 160.775 258.027 160.499V150.817C258.027 150.559 258.223 150.344 258.479 150.319L265.84 149.61C266.865 149.511 267.648 148.649 267.648 147.619V141.638C267.648 140.534 266.752 139.638 265.648 139.638H258.527C258.251 139.638 258.027 139.414 258.027 139.138V129.755C258.027 129.502 258.216 129.289 258.468 129.259L265.885 128.374C266.891 128.254 267.648 127.401 267.648 126.388V120.454C267.648 119.35 266.752 118.454 265.648 118.454H258.527C258.251 118.454 258.027 118.231 258.027 117.954V109.074C258.027 108.832 258.199 108.625 258.437 108.582L265.787 107.236C266.737 107.062 267.427 106.234 267.427 105.269V99.0058C267.427 97.9013 266.532 97.0058 265.427 97.0058H258.527C258.251 97.0058 258.027 96.782 258.027 96.5058V88.1471C258.027 87.9091 258.195 87.704 258.428 87.657L266.044 86.1199C266.977 85.9315 267.648 85.1114 267.648 84.1594V77.7337C267.648 76.6292 266.752 75.7337 265.648 75.7337H258.527C258.251 75.7337 258.027 75.5099 258.027 75.2337V67.4037C258.027 67.1661 258.194 66.9613 258.427 66.9138L267.626 65.0366C268.323 64.8943 268.824 64.2807 268.824 63.5688V62.4182C268.824 62.2263 268.669 62.0707 268.477 62.0707C268.285 62.0707 268.129 61.9151 268.129 61.7232V49.1646C268.129 48.1153 267.318 47.2445 266.272 47.1697L243.12 45.516C242.074 45.4412 241.263 44.5704 241.263 43.5211V13.9839C241.263 12.9927 240.537 12.1511 239.556 12.0056L158.949 0.0365825C158.758 0.00814339 158.563 0.00766803 158.371 0.0351716L103.176 7.95563C102.954 7.98741 102.729 7.9818 102.51 7.93905L93.7427 6.23226C93.5242 6.18973 93.3002 6.18396 93.0799 6.21518L53.5011 11.8235C52.7517 11.9297 52.1947 12.5711 52.1947 13.328Z"
|
|
/>
|
|
</svg>
|
|
<svg
|
|
x={695}
|
|
y={610}
|
|
className={`absolute transition-opacity duration-300 ease-in-out top-0 left-0 w-full h-full ${
|
|
isLeftWingSelected
|
|
? "z-20 opacity-100"
|
|
: "pointer-events-none opacity-0"
|
|
}`}
|
|
width="291"
|
|
height="643"
|
|
viewBox="0 0 291 643"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M3.15629 28.0924C1.96965 28.2277 0.929688 27.2996 0.929688 26.1053V12.444C0.929688 11.444 1.66823 10.5977 2.659 10.4624L76.4441 0.383149C76.6109 0.360361 76.7799 0.35873 76.9472 0.378293L255.51 21.2674H288.024C289.128 21.2674 290.024 22.1629 290.024 23.2674V36.6194C290.024 37.724 289.128 38.6194 288.024 38.6194H255.51L79.1066 19.4806C78.9596 19.4646 78.8112 19.4651 78.6643 19.4818L3.15629 28.0924Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.74802 278.959C1.71812 278.865 0.929688 278.002 0.929688 276.967V259.796C0.929688 258.634 1.91589 257.717 3.07442 257.801L85.6953 263.796L255.51 253.214L287.995 252.744C289.11 252.728 290.024 253.628 290.024 254.744V270.566C290.024 271.671 289.128 272.566 288.024 272.566H255.51L79.0516 285.891C78.941 285.899 78.8299 285.899 78.7194 285.888L2.74802 278.959Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M3.13107 49.0227C1.95289 49.1419 0.929688 48.2171 0.929688 47.0329V33.3628C0.929688 32.3544 1.68042 31.5037 2.681 31.3783L78.6575 21.8573C78.8089 21.8383 78.9621 21.8368 79.1139 21.8526L255.51 40.2751H288.024C289.128 40.2751 290.024 41.1705 290.024 42.2751V55.627C290.024 56.7316 289.128 57.627 288.024 57.627H255.51L79.0779 41.3735C78.9499 41.3617 78.821 41.3623 78.6931 41.3752L3.13107 49.0227Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M3.09308 70.0483C1.92798 70.1438 0.929688 69.224 0.929688 68.055V54.377C0.929688 53.3541 1.70153 52.496 2.71872 52.3881L78.693 44.3293C78.821 44.3157 78.95 44.3145 79.0782 44.3257L255.51 59.7552H288.024C289.128 59.7552 290.024 60.6506 290.024 61.7552V75.1071C290.024 76.2117 289.128 77.1071 288.024 77.1071H255.51L79.0421 63.8476C78.9378 63.8398 78.833 63.8402 78.7288 63.8487L3.09308 70.0483Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M3.05489 91.03C1.90333 91.1022 0.929688 90.1878 0.929688 89.0339V75.3495C0.929688 74.312 1.72305 73.4467 2.75668 73.357L78.7287 66.7602C78.833 66.7511 78.9379 66.7503 79.0423 66.7576L255.51 79.1929H288.024C289.128 79.1929 290.024 80.0883 290.024 81.1929V94.5449C290.024 95.6494 289.128 96.5449 288.024 96.5449H255.51L78.8854 86.2736L3.05489 91.03Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M3.01657 111.96C1.87898 112.009 0.929688 111.1 0.929688 109.961V96.272C0.929688 95.2197 1.74499 94.3475 2.79482 94.2765L78.8854 89.1335L255.51 99.0799H288.024C289.128 99.0799 290.024 99.9753 290.024 101.08V114.432C290.024 115.536 289.128 116.432 288.024 116.432H255.51L78.8854 108.661L3.01657 111.96Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.97816 132.714C1.85495 132.741 0.929688 131.838 0.929688 130.714V117.021C0.929688 115.954 1.76733 115.075 2.8331 115.023L78.8854 111.346L255.51 118.793H288.024C289.128 118.793 290.024 119.688 290.024 120.793V134.145C290.024 135.249 289.128 136.145 288.024 136.145H255.51L78.8854 130.873L2.97816 132.714Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.93968 153.453C1.83122 153.459 0.929688 152.562 0.929688 151.453V137.758C0.929688 136.676 1.79005 135.79 2.8715 135.759L78.8854 133.546L255.51 138.493H288.024C289.128 138.493 290.024 139.388 290.024 140.493V153.845C290.024 154.949 289.128 155.845 288.024 155.845H255.51L78.8854 153.073L2.93968 153.453Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.74997 174.777C1.65155 174.768 0.765625 173.876 0.765625 172.777V159.081C0.765625 157.99 1.64134 157.099 2.73307 157.082L78.7213 155.845L255.346 158.291H287.859C288.964 158.291 289.859 159.186 289.859 160.291V173.643C289.859 174.748 288.964 175.643 287.859 175.643H255.346L78.7213 175.372L2.74997 174.777Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.63384 251.384C1.58272 251.315 0.765625 250.442 0.765625 249.389V184.632C0.765625 183.52 1.67253 182.622 2.78438 182.632L78.7213 183.344L255.346 181.791H287.859C288.964 181.791 289.859 182.686 289.859 183.791V245.142C289.859 246.247 288.964 247.142 287.859 247.142H255.346L85.7213 256.871L2.63384 251.384Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.54606 299.837C1.53263 299.726 0.765625 298.869 0.765625 297.85V284.173C0.765625 283.001 1.76956 282.08 2.93767 282.181L78.556 288.71C78.666 288.719 78.7767 288.72 78.8867 288.711L255.346 274.67H287.859C288.964 274.67 289.859 275.566 289.859 276.67V290.022C289.859 291.127 288.964 292.022 287.859 292.022H255.346L78.9228 308.233C78.7888 308.245 78.654 308.244 78.5202 308.229L2.54606 299.837Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.52092 320.973C1.51857 320.85 0.765625 319.998 0.765625 318.988V305.317C0.765625 304.135 1.78618 303.21 2.963 303.327L78.5294 310.821C78.6571 310.834 78.7856 310.834 78.9134 310.822L255.346 294.286H287.859C288.964 294.286 289.859 295.182 289.859 296.286V309.638C289.859 310.743 288.964 311.638 287.859 311.638H255.346L78.9494 330.343C78.7978 330.359 78.645 330.358 78.4938 330.339L2.52092 320.973Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.25297 342.03C1.26737 341.889 0.535156 341.045 0.535156 340.05V326.388C0.535156 325.19 1.58086 324.261 2.77034 324.402L78.2633 333.341C78.4145 333.359 78.5673 333.36 78.7186 333.343L255.115 313.814H287.629C288.734 313.814 289.629 314.71 289.629 315.814V329.166C289.629 330.271 288.734 331.166 287.629 331.166H255.115L78.7544 352.863C78.5795 352.884 78.4025 352.883 78.228 352.858L2.25297 342.03Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.44626 362.82C1.47756 362.663 0.765625 361.827 0.765625 360.845V347.194C0.765625 345.981 1.8367 345.048 3.03836 345.213L78.4613 355.595C78.6339 355.619 78.8089 355.62 78.9818 355.599L255.346 333.577H287.859C288.964 333.577 289.859 334.473 289.859 335.577V348.929C289.859 350.034 288.964 350.929 287.859 350.929H255.346L79.0175 375.117C78.8211 375.144 78.6219 375.142 78.4263 375.11L2.44626 362.82Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.40941 383.819C1.45771 383.647 0.765625 382.818 0.765625 381.851V368.212C0.765625 366.984 1.86229 366.046 3.07563 366.236L78.4262 378.059C78.6219 378.089 78.821 378.091 79.0171 378.063L255.346 353.051H287.859C288.964 353.051 289.859 353.947 289.859 355.051V368.403C289.859 369.508 288.964 370.403 287.859 370.403H255.499C255.397 370.403 255.295 370.411 255.194 370.427L79.0525 397.581C78.8333 397.615 78.6099 397.612 78.3916 397.572L2.40941 383.819Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.38504 404.876C1.44471 404.694 0.765625 403.87 0.765625 402.912V389.282C0.765625 388.044 1.87946 387.103 3.10029 387.311L78.3974 400.09C78.6119 400.127 78.8309 400.128 79.0458 400.094L255.19 372.116C255.294 372.1 255.399 372.092 255.504 372.092H287.859C288.964 372.092 289.859 372.987 289.859 374.092V387.444C289.859 388.548 288.964 389.444 287.859 389.444H255.516C255.403 389.444 255.29 389.453 255.178 389.472L79.081 419.611C78.8432 419.651 78.6 419.649 78.3631 419.603L2.38504 404.876Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.34884 425.829C1.42562 425.632 0.765625 424.817 0.765625 423.873V410.257C0.765625 409.004 1.90535 408.059 3.13699 408.292L78.3657 422.507C78.6009 422.552 78.8421 422.554 79.078 422.513L255.177 392.05C255.289 392.031 255.403 392.021 255.517 392.021H287.859C288.964 392.021 289.859 392.916 289.859 394.021V407.373C289.859 408.478 288.964 409.373 287.859 409.373H255.529C255.407 409.373 255.285 409.384 255.165 409.406L79.113 442.029C78.8544 442.077 78.589 442.073 78.3318 442.019L2.34884 425.829Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.31305 446.665C1.40696 446.454 0.765625 445.647 0.765625 444.716V431.117C0.765625 429.848 1.9314 428.9 3.1733 429.159L78.3343 444.808C78.5899 444.861 78.8533 444.864 79.1099 444.816L255.178 411.866C255.29 411.845 255.403 411.834 255.517 411.832L287.831 411.364C288.946 411.348 289.859 412.248 289.859 413.364V426.715C289.859 427.809 288.982 428.699 287.888 428.715L255.529 429.184C255.407 429.186 255.286 429.199 255.166 429.222L79.1447 464.331C78.8657 464.386 78.578 464.382 78.3009 464.318L2.31305 446.665Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.27771 467.471C1.38876 467.248 0.765625 466.448 0.765625 465.532V451.949C0.765625 450.666 1.95758 449.714 3.20919 449.999L78.3039 467.079C78.5791 467.142 78.8644 467.146 79.1411 467.09L255.68 431.654C255.79 431.632 255.902 431.619 256.015 431.616L287.801 430.681C288.928 430.648 289.859 431.553 289.859 432.68V446.03C289.859 447.112 288.999 447.998 287.918 448.03L256.027 448.967C255.906 448.971 255.786 448.985 255.669 449.01L79.1756 486.604C78.8767 486.668 78.5673 486.662 78.271 486.588L2.27771 467.471Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.24286 488.499C1.37103 488.263 0.765625 487.472 0.765625 486.569V473.005C0.765625 471.706 1.98387 470.752 3.24465 471.063L78.27 489.571C78.5669 489.645 78.8767 489.649 79.1755 489.584L255.164 451.169C255.285 451.142 255.408 451.127 255.532 451.124L287.802 450.189C288.928 450.156 289.859 451.061 289.859 452.188V465.538C289.859 466.62 288.999 467.506 287.917 467.537L255.544 468.475C255.412 468.479 255.281 468.496 255.153 468.526L79.2097 509.097C78.8891 509.171 78.5552 509.165 78.2376 509.079L2.24286 488.499Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.2199 509.892C1.35944 509.648 0.765625 508.862 0.765625 507.968V494.417C0.765625 493.108 2.00145 492.152 3.26802 492.481L78.2452 511.939C78.558 512.02 78.8857 512.024 79.2004 511.951L255.165 471.051C255.285 471.023 255.408 471.006 255.531 471.001L287.773 469.6C288.91 469.55 289.859 470.459 289.859 471.598V484.946C289.859 486.017 289.016 486.898 287.946 486.944L255.543 488.352C255.412 488.358 255.282 488.377 255.154 488.408L79.2344 531.464C78.8981 531.546 78.5462 531.54 78.2132 531.445L2.2199 509.892Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.18589 530.526C1.34246 530.27 0.765625 529.493 0.765625 528.612V515.082C0.765625 513.758 2.02787 512.8 3.30267 513.155L78.2154 534.038C78.5471 534.13 78.897 534.136 79.2313 534.053L255.153 490.673C255.281 490.641 255.412 490.622 255.545 490.617L287.773 489.216C288.91 489.167 289.859 490.076 289.859 491.214V504.562C289.859 505.633 289.016 506.514 287.946 506.56L255.556 507.968C255.416 507.974 255.277 507.995 255.142 508.03L79.2649 553.565C78.9094 553.657 78.5354 553.65 78.1839 553.543L2.18589 530.526Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.16353 551.945C1.33139 551.682 0.765625 550.91 0.765625 550.038V536.522C0.765625 535.189 2.04552 534.229 3.32549 534.602L78.1912 556.432C78.5381 556.533 78.906 556.539 79.2557 556.447L255.168 510.579C255.286 510.549 255.407 510.529 255.529 510.52L287.715 508.188C288.873 508.105 289.859 509.022 289.859 510.183V523.525C289.859 524.573 289.05 525.444 288.004 525.519L255.54 527.871C255.411 527.88 255.283 527.902 255.158 527.936L79.289 575.959C78.9184 576.06 78.5265 576.052 78.1601 575.937L2.16353 551.945Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.13043 572.704C1.31515 572.431 0.765625 571.668 0.765625 570.808V557.316C0.765625 555.968 2.07201 555.006 3.35927 555.406L78.1622 578.657C78.5273 578.77 78.9173 578.777 79.2859 578.675L255.17 530.325C255.287 530.293 255.406 530.271 255.527 530.261L287.686 527.466C288.855 527.364 289.859 528.285 289.859 529.458V542.795C289.859 543.832 289.066 544.698 288.033 544.788L255.539 547.612C255.41 547.623 255.283 547.647 255.16 547.682L79.319 598.186C78.9297 598.298 78.5157 598.289 78.1317 598.16L2.13043 572.704Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.09791 593.618C1.29936 593.335 0.765625 592.58 0.765625 591.732V578.264C0.765625 576.902 2.09852 575.938 3.3925 576.365L78.1336 601.035C78.5165 601.161 78.9286 601.169 79.3159 601.057L255.172 550.226C255.288 550.192 255.406 550.169 255.526 550.157L287.658 546.899C288.836 546.779 289.859 547.704 289.859 548.888V562.22C289.859 563.246 289.082 564.106 288.061 564.21L255.537 567.508C255.41 567.521 255.284 567.546 255.162 567.583L79.3486 620.567C78.9411 620.69 78.505 620.679 78.1038 620.537L2.09791 593.618Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out"
|
|
d="M2.07655 614.881C1.28907 614.592 0.765625 613.842 0.765625 613.003V599.552C0.765625 598.18 2.1162 597.215 3.41435 597.66L78.1077 623.273C78.5066 623.41 78.9385 623.417 79.3417 623.293L255.158 569.487C255.283 569.449 255.411 569.423 255.541 569.41L287.658 566.153C288.836 566.033 289.859 566.958 289.859 568.143V581.474C289.859 582.5 289.082 583.36 288.061 583.464L255.553 586.76C255.415 586.774 255.279 586.803 255.148 586.844L79.3741 642.802C78.951 642.937 78.4951 642.927 78.0783 642.774L2.07655 614.881Z"
|
|
/>
|
|
</svg>
|
|
|
|
<svg
|
|
className={`absolute transition-opacity duration-300 ease-in-out top-0 left-0 w-full h-full ${
|
|
isRightWingSelected
|
|
? "z-20 opacity-100"
|
|
: "pointer-events-none opacity-0"
|
|
}`}
|
|
width="282"
|
|
height="627"
|
|
x={984}
|
|
y={614}
|
|
viewBox="0 0 282 627"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.532 22.7566C267.669 22.8054 268.617 21.8967 268.617 20.7584V7.07758C268.617 6.02135 267.796 5.1472 266.742 5.08146L191.11 0.364718C190.938 0.354041 190.766 0.365433 190.598 0.398613L174.576 3.55751L36.0372 17.2672H3.02343C1.91886 17.2672 1.02344 18.1627 1.02344 19.2672V32.6192C1.02344 33.7238 1.91887 34.6192 3.02344 34.6192H36.0372L174.576 22.3751L189.431 19.5011C189.584 19.4714 189.74 19.4598 189.896 19.4665L266.532 22.7566Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.556 43.7905C267.684 43.8252 268.617 42.9201 268.617 41.7914V28.1054C268.617 27.041 267.784 26.1631 266.721 26.1081L189.892 22.1321C189.739 22.1242 189.586 22.1338 189.435 22.1609L174.611 24.8221L36.0372 36.275H3.02343C1.91886 36.275 1.02344 37.1705 1.02344 38.275V51.627C1.02344 52.7315 1.91887 53.627 3.02344 53.627H36.0372L174.611 43.9334L189.468 41.4555C189.597 41.434 189.727 41.4252 189.858 41.4292L266.556 43.7905Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.568 64.9475C267.692 64.975 268.617 64.0718 268.617 62.9481V49.2611C268.617 48.1919 267.776 47.3117 266.708 47.2632L189.885 43.774C189.737 43.7673 189.588 43.7771 189.441 43.8034L174.611 46.4658L36.0372 55.8075H3.02343C1.91886 55.8075 1.02344 56.7029 1.02344 57.8075V71.1594C1.02344 72.264 1.91887 73.1594 3.02344 73.1594H36.0372L174.611 65.0771L189.505 63.0877C189.609 63.0738 189.714 63.0681 189.819 63.0707L266.568 64.9475Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.581 86.0706C267.7 86.0908 268.617 85.1896 268.617 84.0709V70.3831C268.617 69.3089 267.769 68.4266 266.695 68.3846L189.846 65.3809C189.723 65.3761 189.6 65.3827 189.479 65.4005L174.611 67.5757L36.0372 75.4173H3.02343C1.91886 75.4173 1.02344 76.3127 1.02344 77.4173V90.7693C1.02344 91.8738 1.91887 92.7693 3.02344 92.7693H36.0372L174.611 86.187L189.662 84.6767L266.581 86.0706Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.594 107.246C267.707 107.259 268.617 106.36 268.617 105.246V91.558C268.617 90.4789 267.761 89.5944 266.683 89.559L189.807 87.0411C189.71 87.0379 189.613 87.0418 189.517 87.0527L174.611 88.7383L36.0372 95.08H3.02343C1.91886 95.08 1.02344 95.9754 1.02344 97.08V110.432C1.02344 111.536 1.91887 112.432 3.02344 112.432H36.0372L174.611 107.35L189.662 106.339L266.594 107.246Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.606 128.472C267.715 128.478 268.617 127.581 268.617 126.472V112.783C268.617 111.699 267.754 110.812 266.67 110.784L189.662 108.749L174.611 109.951L36.0372 114.793H3.02343C1.91886 114.793 1.02344 115.688 1.02344 116.793V130.145C1.02344 131.249 1.91887 132.145 3.02344 132.145H36.0372L174.611 128.562L189.662 128.052L266.606 128.472Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.619 149.685C267.723 149.684 268.617 148.789 268.617 147.685V133.995C268.617 132.907 267.746 132.018 266.657 131.996L189.662 130.449L174.611 131.151L36.0372 134.493H3.02343C1.91886 134.493 1.02344 135.388 1.02344 136.493V149.845C1.02344 150.949 1.91887 151.845 3.02344 151.845H36.0372L174.611 149.762L266.619 149.685Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.63 170.996C267.729 170.988 268.616 170.095 268.616 168.996V155.306C268.616 154.212 267.737 153.322 266.643 153.306L189.66 152.248L36.0358 154.291H2.875C1.77043 154.291 0.875 155.187 0.875 156.291V169.643C0.875 170.748 1.77043 171.643 2.875 171.643H36.0358L174.61 171.061L189.66 171.551L266.63 170.996Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.531 297.164C267.604 297.122 268.453 296.24 268.453 295.165V281.004C268.453 279.875 267.52 278.97 266.392 279.005L189.647 281.351C189.548 281.354 189.448 281.35 189.349 281.338L174.447 279.557L35.8731 270.651L2.85937 270.651C1.7548 270.651 0.859375 271.546 0.859375 272.651V286.003C0.859375 287.107 1.75481 288.003 2.85937 288.003L35.8731 288.003L174.447 298.169L189.328 300.136C189.441 300.151 189.555 300.156 189.668 300.152L266.531 297.164Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.556 318.251C267.619 318.196 268.453 317.318 268.453 316.254V302.094C268.453 300.955 267.504 300.047 266.367 300.096L189.725 303.41C189.574 303.416 189.422 303.405 189.273 303.378L174.447 300.621L35.8731 290.215H2.85937C1.7548 290.215 0.859375 291.11 0.859375 292.215V305.567C0.859375 306.671 1.75481 307.567 2.85937 307.567L35.8731 307.567L174.447 319.233L189.253 322.174C189.416 322.206 189.581 322.218 189.746 322.21L266.556 318.251Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.569 339.476C267.627 339.415 268.453 338.539 268.453 337.48V323.321C268.453 322.178 267.496 321.267 266.354 321.324L189.764 325.12C189.587 325.129 189.41 325.114 189.237 325.076L174.447 321.835L35.8731 309.929H2.85937C1.7548 309.929 0.859375 310.824 0.859375 311.929V325.281C0.859375 326.385 1.75481 327.281 2.85937 327.281L35.8731 327.281L174.447 340.447L189.217 343.872C189.403 343.915 189.594 343.931 189.785 343.92L266.569 339.476Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.581 360.751C267.634 360.684 268.453 359.81 268.453 358.756V344.598C268.453 343.45 267.488 342.537 266.342 342.602L189.77 346.882C189.589 346.892 189.408 346.878 189.231 346.839L174.447 343.599L35.8731 329.693H2.85937C1.7548 329.693 0.859375 330.588 0.859375 331.693V345.045C0.859375 346.149 1.75481 347.045 2.85937 347.045L35.8731 347.045L174.447 362.211L189.211 365.634C189.401 365.678 189.596 365.694 189.791 365.682L266.581 360.751Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.594 381.891C267.641 381.817 268.453 380.946 268.453 379.896V365.74C268.453 364.587 267.48 363.672 266.329 363.744L189.809 368.506C189.603 368.519 189.396 368.5 189.195 368.449L174.447 364.728L35.8731 349.029H2.85937C1.7548 349.029 0.859375 349.924 0.859375 351.029V364.381C0.859375 365.485 1.75481 366.381 2.85937 366.381L35.8731 366.381L174.447 383.339L189.176 387.244C189.389 387.3 189.61 387.321 189.829 387.305L266.594 381.891Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.607 402.966C267.649 402.886 268.453 402.017 268.453 400.972V386.818C268.453 385.66 267.472 384.743 266.316 384.823L189.847 390.066C189.616 390.082 189.384 390.058 189.161 389.994L174.593 385.834C174.496 385.806 174.397 385.786 174.297 385.773L35.8731 368.109H2.85937C1.7548 368.109 0.859375 369.005 0.859375 370.109V383.461C0.859375 384.566 1.75481 385.461 2.85937 385.461L35.8731 385.461L174.294 404.382C174.396 404.396 174.497 404.418 174.595 404.447L189.142 408.787C189.377 408.857 189.623 408.883 189.867 408.865L266.607 402.966Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.632 423.816C267.663 423.724 268.453 422.86 268.453 421.824V407.675C268.453 406.506 267.456 405.587 266.291 405.681L189.859 411.89C189.62 411.909 189.379 411.886 189.148 411.82L174.447 407.621L35.8731 387.939H2.85937C1.7548 387.939 0.859375 388.834 0.859375 389.939V403.291C0.859375 404.395 1.75481 405.291 2.85937 405.291L35.7229 405.291C35.8229 405.291 35.9228 405.298 36.0217 405.313L174.447 426.233L189.13 430.613C189.373 430.685 189.627 430.711 189.88 430.688L266.632 423.816Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.644 445.223C267.67 445.124 268.453 444.262 268.453 443.232V429.084C268.453 427.911 267.448 426.99 266.279 427.092L189.928 433.778C189.644 433.803 189.358 433.766 189.09 433.672L174.624 428.58C174.507 428.538 174.385 428.508 174.262 428.489L36.0234 407.358C35.9233 407.342 35.8223 407.335 35.7211 407.335H2.85937C1.7548 407.335 0.859375 408.23 0.859375 409.335V422.715C0.859375 423.808 1.7375 424.699 2.83082 424.715L35.7301 425.185C35.8253 425.186 35.9203 425.194 36.0144 425.209L174.256 447.098C174.383 447.119 174.508 447.151 174.629 447.195L189.072 452.463C189.352 452.565 189.652 452.604 189.948 452.575L266.644 445.223Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.644 466.509C267.67 466.41 268.453 465.548 268.453 464.518V450.37C268.453 449.197 267.448 448.275 266.279 448.378L189.928 455.064C189.644 455.088 189.358 455.052 189.09 454.958L174.611 449.861C174.502 449.823 174.39 449.794 174.277 449.775L36.037 426.648C35.9279 426.63 35.8176 426.621 35.707 426.621H2.85937C1.7548 426.621 0.859375 427.516 0.859375 428.621V442.001C0.859375 443.094 1.7375 443.985 2.83082 444.001L35.716 444.47C35.8206 444.472 35.9249 444.481 36.028 444.499L174.271 468.384C174.388 468.404 174.504 468.435 174.616 468.476L189.072 473.749C189.352 473.851 189.652 473.89 189.948 473.861L266.644 466.509Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.657 488.027C267.677 487.923 268.453 487.063 268.453 486.037V471.892C268.453 470.714 267.44 469.791 266.266 469.901L189.965 477.066C189.658 477.095 189.348 477.052 189.059 476.941L174.623 471.379C174.506 471.334 174.385 471.3 174.262 471.278L36.0505 446.161C35.9325 446.14 35.8128 446.129 35.6929 446.129H2.85937C1.7548 446.129 0.859375 447.024 0.859375 448.129V461.509C0.859375 462.603 1.7375 463.493 2.83082 463.509L35.7019 463.978C35.8159 463.98 35.9294 463.991 36.0414 464.012L174.256 489.887C174.383 489.911 174.508 489.947 174.628 489.995L189.042 495.731C189.341 495.85 189.665 495.895 189.985 495.863L266.657 488.027Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.681 508.927C267.691 508.811 268.453 507.956 268.453 506.94V492.8C268.453 491.612 267.423 490.686 266.241 490.812L190.008 498.935C189.673 498.971 189.335 498.922 189.024 498.792L174.635 492.77C174.51 492.718 174.381 492.679 174.248 492.653L36.0638 465.546C35.937 465.522 35.808 465.509 35.6788 465.509H2.85937C1.7548 465.509 0.859375 466.404 0.859375 467.509V480.889C0.859375 481.983 1.7375 482.874 2.83082 482.889L35.6879 483.358C35.8111 483.36 35.9339 483.373 36.0547 483.398L174.243 511.262C174.379 511.289 174.512 511.331 174.639 511.386L189.008 517.581C189.329 517.72 189.68 517.772 190.028 517.732L266.681 508.927Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.694 530.053C267.698 529.931 268.453 529.079 268.453 528.068V513.931C268.453 512.737 267.415 511.809 266.229 511.943L190.044 520.545C189.686 520.585 189.324 520.528 188.996 520.38L174.649 513.899C174.515 513.839 174.375 513.793 174.231 513.763L36.0737 485.167C35.9403 485.139 35.8045 485.125 35.6683 485.125H2.85937C1.7548 485.125 0.859375 486.021 0.859375 487.125V500.506C0.859375 501.599 1.7375 502.49 2.83082 502.506L35.6774 502.975C35.8076 502.976 35.9372 502.991 36.0645 503.018L174.226 532.372C174.373 532.404 174.516 532.451 174.653 532.515L188.98 539.169C189.318 539.326 189.694 539.385 190.064 539.341L266.694 530.053Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.706 551.47C267.705 551.343 268.453 550.493 268.453 549.486V535.352C268.453 534.154 267.406 533.225 266.216 533.366L190.08 542.444C189.7 542.49 189.314 542.425 188.97 542.258L174.655 535.317C174.517 535.249 174.372 535.199 174.222 535.165L36.0899 504.082C35.9458 504.049 35.7986 504.033 35.6509 504.033H2.85937C1.7548 504.033 0.859375 504.928 0.859375 506.033V519.413C0.859375 520.507 1.7375 521.397 2.83082 521.413L35.6601 521.882C35.8017 521.884 35.9427 521.901 36.0807 521.933L174.217 553.774C174.37 553.809 174.518 553.862 174.659 553.932L188.955 561.047C189.309 561.223 189.707 561.29 190.099 561.24L266.706 551.47Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.719 572.224C267.712 572.091 268.453 571.243 268.453 570.241V556.11C268.453 554.907 267.398 553.976 266.204 554.126L190.086 563.684C189.702 563.732 189.312 563.668 188.964 563.499L174.643 556.554C174.513 556.491 174.377 556.443 174.236 556.409L36.1027 523.332C35.9502 523.295 35.7939 523.277 35.637 523.277H2.85937C1.7548 523.277 0.859375 524.172 0.859375 525.277V538.657C0.859375 539.751 1.7375 540.641 2.83082 540.657L35.6463 541.126C35.797 541.128 35.9471 541.147 36.0935 541.183L174.231 575.018C174.375 575.053 174.514 575.104 174.647 575.17L188.949 582.287C189.306 582.465 189.709 582.532 190.105 582.479L266.719 572.224Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.731 593.631C267.719 593.493 268.453 592.648 268.453 591.651V577.523C268.453 576.315 267.39 575.382 266.192 575.54L190.121 585.574C189.715 585.627 189.303 585.555 188.939 585.367L174.652 577.964C174.516 577.894 174.372 577.839 174.224 577.801L36.1154 542.737C35.9545 542.696 35.7892 542.675 35.6232 542.675H2.85937C1.7548 542.675 0.859375 543.571 0.859375 544.675V558.056C0.859375 559.149 1.7375 560.04 2.83082 560.055L35.6325 560.524C35.7923 560.526 35.9513 560.548 36.1061 560.588L174.22 596.41C174.371 596.449 174.517 596.506 174.655 596.58L188.925 604.155C189.297 604.353 189.722 604.427 190.14 604.369L266.731 593.631Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.743 614.894C267.725 614.751 268.453 613.908 268.453 612.916V598.792C268.453 597.578 267.381 596.644 266.179 596.811L190.183 607.315C189.739 607.377 189.287 607.287 188.9 607.061L174.682 598.749C174.526 598.658 174.359 598.589 174.185 598.543L36.1247 561.996C35.9577 561.952 35.7856 561.929 35.6129 561.929H2.85937C1.7548 561.929 0.859375 562.825 0.859375 563.929V577.31C0.859375 578.403 1.7375 579.294 2.83082 579.31L35.6222 579.778C35.7888 579.78 35.9545 579.803 36.1154 579.847L174.181 617.151C174.358 617.199 174.527 617.271 174.685 617.365L188.886 625.848C189.282 626.084 189.746 626.177 190.202 626.11L266.743 614.894Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M266.682 276.011C267.761 275.976 268.617 275.091 268.617 274.012V256.846C268.617 255.724 267.694 254.821 266.573 254.846L175.315 256.882L158.131 255.141L36.0372 248.758H3.02343C1.91886 248.758 1.02344 249.653 1.02344 250.758V266.581C1.02344 267.697 1.93637 268.597 3.05199 268.581L36.0372 268.11L175.315 276.674L189.502 278.497C189.608 278.511 189.715 278.516 189.822 278.512L266.682 276.011Z"
|
|
/>
|
|
<path
|
|
className="fill-[#00BED7] cursor-pointer opacity-50 hover:opacity-70 transition-opacity duration-300 ease-in-out "
|
|
d="M273.281 213.575C272.177 213.575 271.281 212.679 271.281 211.575L271.281 180.494C271.281 179.383 270.376 178.485 269.266 178.494L188.229 179.132H158.582L36.0372 177.791H3.02344C1.91887 177.791 1.02344 178.686 1.02344 179.791V241.172C1.02344 242.248 1.87506 243.132 2.95055 243.171L154.008 248.68L175.315 250.505L279.348 248.503C280.437 248.482 281.309 247.593 281.309 246.503V215.575C281.309 214.47 280.414 213.575 279.309 213.575H273.281Z"
|
|
/>
|
|
</svg>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SequenceWing;
|