const LogoContainer = styled.div` position: absolute; top: 20px; left:10px; display:block; overflow:hidden; pointer-events:auto; @media (max-width: 510px) { width: 280px; top: 10px; left: 20px; } `; const Logo = () => ( <svg xmlns="http://www.w3.org/2000/svg" width="150" height="135" viewBox="0 0 114 92" > <defs> <linearGradient id="a" x1="1" x2="114.428" y1="301.361" y2="301.361" gradientTransform="scale(.2489 .25)" gradientUnits="userSpaceOnUse" > <stop offset="0" style="stop-color:#00c5ff;stop-opacity:1"></stop> <stop offset=".336" style="stop-color:#76a0d6;stop-opacity:1"></stop> <stop offset=".618" style="stop-color:#fec9c4;stop-opacity:1"></stop> <stop offset="1" style="stop-color:#fae2ad;stop-opacity:1"></stop> </linearGradient> <linearGradient id="b" x1="1" x2="114.428" y1="301.361" y2="301.361" gradientTransform="scale(.2489 .25)" gradientUnits="userSpaceOnUse" > <stop offset="0" style="stop-color:#00c5ff;stop-opacity:1"></stop> <stop offset=".336" style="stop-color:#76a0d6;stop-opacity:1"></stop> <stop offset=".618" style="stop-color:#fec9c4;stop-opacity:1"></stop> <stop offset="1" style="stop-color:#fae2ad;stop-opacity:1"></stop> </linearGradient> <linearGradient id="c" x1="1" x2="114.428" y1="301.361" y2="301.361" gradientTransform="scale(.2489 .25)" gradientUnits="userSpaceOnUse" > <stop offset="0" style="stop-color:#00c5ff;stop-opacity:1"></stop> <stop offset=".336" style="stop-color:#76a0d6;stop-opacity:1"></stop> <stop offset=".618" style="stop-color:#fec9c4;stop-opacity:1"></stop> <stop offset="1" style="stop-color:#fae2ad;stop-opacity:1"></stop> </linearGradient> <linearGradient id="d" x1="1" x2="114.428" y1="301.361" y2="301.361" gradientTransform="scale(.2489 .25)" gradientUnits="userSpaceOnUse" > <stop offset="0" style="stop-color:#00c5ff;stop-opacity:1"></stop> <stop offset=".336" style="stop-color:#76a0d6;stop-opacity:1"></stop> <stop offset=".618" style="stop-color:#fec9c4;stop-opacity:1"></stop> <stop offset="1" style="stop-color:#fae2ad;stop-opacity:1"></stop> </linearGradient> <linearGradient id="e" x1="1" x2="114.428" y1="301.361" y2="301.361" gradientTransform="scale(.2489 .25)" gradientUnits="userSpaceOnUse" > <stop offset="0" style="stop-color:#00c5ff;stop-opacity:1"></stop> <stop offset=".336" style="stop-color:#76a0d6;stop-opacity:1"></stop> <stop offset=".618" style="stop-color:#fec9c4;stop-opacity:1"></stop> <stop offset="1" style="stop-color:#fae2ad;stop-opacity:1"></stop> </linearGradient> <linearGradient id="g" x1="4.9" x2="134.957" y1="282.456" y2="328.163" gradientTransform="scale(.2489 .25)" gradientUnits="userSpaceOnUse" > <stop offset="0" style="stop-color:#0094e9;stop-opacity:1"></stop> <stop offset=".479" style="stop-color:#c154c5;stop-opacity:1"></stop> <stop offset="1" style="stop-color:#ff4b3c;stop-opacity:1"></stop> </linearGradient> <linearGradient id="i" x1="4.9" x2="41.044" y1="291.431" y2="362.865" gradientTransform="scale(.2489 .25)" gradientUnits="userSpaceOnUse" > <stop offset="0" style="stop-color:#00758c;stop-opacity:1"></stop> <stop offset=".526" style="stop-color:#00916a;stop-opacity:1"></stop> <stop offset="1" style="stop-color:#25a45b;stop-opacity:1"></stop> </linearGradient> <clipPath id="f"> <path d="M.25 62h29.867v22H.25Zm0 0"></path> </clipPath> <clipPath id="h"> <path d="M.25 71H15v21H.25Zm0 0"></path> </clipPath> </defs> <path d="M.305 20.5V.234H5.78v7.914h7.254V.234h5.477V20.5h-5.477v-7.918H5.781V20.5Zm30.703-6.648V5.3h5.437V20.5h-5.164v-2.89h-.156c-.328.972-.902 1.73-1.723 2.277-.824.539-1.797.812-2.93.812-1.054 0-1.98-.246-2.777-.734a5.011 5.011 0 0 1-1.843-2.02c-.434-.855-.653-1.84-.66-2.949V5.301h5.44v8.55c.005.75.196 1.34.571 1.77.383.43.914.645 1.598.645.453 0 .844-.098 1.172-.29.336-.195.59-.472.77-.831.183-.36.269-.793.265-1.293ZM39.21 20.5V5.3h5.164v2.888h.156c.317-.95.856-1.7 1.617-2.254.762-.555 1.668-.832 2.72-.832 1.062 0 1.98.285 2.75.851a3.35 3.35 0 0 1 1.386 2.234h.16c.254-.93.8-1.675 1.637-2.234.832-.566 1.812-.851 2.933-.851 1.453 0 2.63.468 3.528 1.406.906.937 1.36 2.183 1.36 3.738V20.5h-5.438v-8.867c0-.668-.168-1.188-.504-1.563-.332-.383-.785-.574-1.348-.574-.559 0-1.004.191-1.332.574-.32.375-.48.895-.48 1.563V20.5h-5.204v-8.867c0-.668-.168-1.188-.504-1.563-.335-.383-.785-.574-1.347-.574-.375 0-.7.086-.969.258-.27.172-.476.418-.629.742-.144.316-.215.695-.215 1.137V20.5Zm30.312.238c-.968 0-1.82-.16-2.562-.476a3.842 3.842 0 0 1-1.734-1.465c-.422-.652-.633-1.485-.633-2.492 0-.832.14-1.543.426-2.13a3.816 3.816 0 0 1 1.18-1.452 5.555 5.555 0 0 1 1.765-.864 10.776 10.776 0 0 1 2.187-.382 22.242 22.242 0 0 0 2.04-.239c.519-.101.894-.234 1.124-.406a.848.848 0 0 0 .344-.703v-.04c0-.394-.152-.698-.453-.91-.3-.21-.691-.316-1.164-.316-.52 0-.941.114-1.27.344-.324.227-.515.57-.582 1.04h-5.004a5.187 5.187 0 0 1 .876-2.552c.527-.785 1.292-1.414 2.296-1.883 1.004-.472 2.258-.71 3.762-.71 1.086 0 2.059.128 2.918.386.86.25 1.594.602 2.2 1.059.6.45 1.062.976 1.378 1.582.32.601.48 1.254.48 1.96V20.5h-5.081v-2.137h-.121a4.387 4.387 0 0 1-1.102 1.375 4.115 4.115 0 0 1-1.469.762 6.358 6.358 0 0 1-1.8.238Zm1.774-3.445c.414 0 .8-.086 1.16-.258.367-.172.668-.418.898-.742.23-.32.344-.715.344-1.176v-1.265a7.893 7.893 0 0 1-.976.316 11.373 11.373 0 0 1-1.191.234c-.423.067-.766.176-1.036.328a1.564 1.564 0 0 0-.59.543c-.125.211-.187.45-.187.715 0 .422.148.746.441.969.297.223.676.336 1.137.336Zm15.84-5.344V20.5h-5.442V5.3h5.164v2.888h.16c.329-.961.907-1.72 1.735-2.266.832-.547 1.805-.82 2.914-.82 1.07 0 2 .246 2.789.742a4.93 4.93 0 0 1 1.844 2.02c.437.855.656 1.835.648 2.937V20.5h-5.437v-8.55c.004-.75-.184-1.345-.575-1.77-.378-.43-.91-.645-1.593-.645-.446 0-.84.098-1.172.297a1.922 1.922 0 0 0-.762.832c-.176.356-.265.785-.273 1.285Zm26.332-1.703h-5.008a1.369 1.369 0 0 0-.324-.8 1.879 1.879 0 0 0-.739-.516 2.512 2.512 0 0 0-.984-.188c-.469 0-.867.086-1.203.258-.336.172-.5.418-.492.734-.008.223.09.43.285.621.203.192.594.34 1.172.446l3.074.554c1.55.286 2.703.762 3.46 1.434.763.668 1.145 1.563 1.153 2.684-.008 1.082-.328 2.023-.965 2.82-.632.793-1.496 1.406-2.593 1.84-1.09.43-2.336.644-3.735.644-2.312 0-4.12-.476-5.43-1.425-1.3-.95-2.023-2.204-2.175-3.762h5.398c.075.484.309.855.711 1.12.406.259.918.388 1.535.388.5 0 .91-.086 1.235-.258.328-.172.492-.418.5-.735-.008-.289-.149-.52-.434-.69-.273-.173-.707-.313-1.3-.419l-2.68-.473c-1.543-.27-2.7-.785-3.47-1.543-.765-.761-1.147-1.738-1.14-2.93-.007-1.058.27-1.948.828-2.683.563-.738 1.368-1.3 2.415-1.683 1.05-.387 2.292-.582 3.734-.582 2.187 0 3.91.457 5.172 1.367 1.265.91 1.933 2.168 2 3.777ZM5.152 45.738c-.98 0-1.847-.25-2.601-.75-.75-.5-1.336-1.191-1.758-2.07-.426-.887-.637-1.91-.637-3.066 0-1.168.211-2.196.637-3.079.422-.89 1.008-1.586 1.758-2.078.754-.5 1.62-.75 2.601-.75.98 0 1.844.25 2.594.75.75.496 1.336 1.192 1.758 2.078.43.883.644 1.91.644 3.079 0 1.156-.21 2.18-.636 3.066-.422.879-1.012 1.57-1.766 2.07-.75.5-1.613.75-2.594.75Zm0-1.21c.79 0 1.457-.212 2.004-.637.547-.426.961-.993 1.242-1.7.286-.71.426-1.488.426-2.34 0-.851-.14-1.632-.426-2.343-.28-.715-.695-1.285-1.242-1.715-.547-.43-1.215-.648-2.004-.648-.78 0-1.449.218-2.004.648-.546.43-.96 1-1.246 1.715-.28.71-.422 1.492-.422 2.344 0 .851.141 1.628.422 2.34.286.706.7 1.273 1.246 1.699.547.425 1.215.636 2.004.636Zm12.555-10.426v1.148h-5.582v-1.148ZM13.871 45.5V32.43c0-.614.14-1.13.422-1.551a2.75 2.75 0 0 1 1.113-.957c.461-.219.946-.328 1.457-.328.344 0 .63.031.856.09.234.054.414.109.547.164l-.383 1.156c-.098-.027-.219-.063-.363-.102a1.89 1.89 0 0 0-.54-.062c-.57 0-1.011.164-1.32.484-.312.32-.469.781-.469 1.38L15.187 45.5Zm24.371-15.2v15.2h-1.344l-8.941-12.73h-.117V45.5h-1.383V30.3h1.336l8.973 12.743h.117V30.301Zm4.024 15.2V30.3h8.78v1.247h-7.398v5.723h6.934v1.246h-6.934v5.738h7.547V45.5Zm12.379 0h-1.45l5.508-15.2h1.477l5.504 15.2h-1.446l-4.746-13.398h-.101Zm1.042-5.828h7.508v1.25h-7.508Zm12.59 5.828V30.3h4.887c1.074 0 1.969.196 2.688.587.726.386 1.27.922 1.636 1.61.367.683.551 1.468.551 2.35 0 .887-.184 1.669-.55 2.348a3.847 3.847 0 0 1-1.63 1.586c-.718.383-1.609.574-2.675.574h-4.16v-1.27h4.124c.79 0 1.446-.132 1.965-.394a2.599 2.599 0 0 0 1.176-1.12c.262-.485.39-1.06.39-1.723 0-.66-.128-1.243-.39-1.735a2.698 2.698 0 0 0-1.184-1.16c-.52-.27-1.18-.406-1.98-.406H69.66V45.5Zm6.676-6.86 3.723 6.86h-1.598l-3.683-6.86ZM1.094 57.5v-6.383h2.05c.45 0 .829.086 1.13.262.304.172.53.406.687.703.152.297.23.633.23 1.004 0 .375-.074.707-.23 1.008a1.715 1.715 0 0 1-.68.707c-.304.172-.68.258-1.129.258H1.54v-.524h1.598c.336 0 .61-.062.828-.187.219-.125.383-.297.492-.516.11-.219.164-.465.164-.746 0-.277-.055-.527-.164-.742a1.204 1.204 0 0 0-.492-.516c-.223-.125-.5-.187-.836-.187H1.672V57.5Zm7.148.102c-.414 0-.777-.106-1.094-.317a2.1 2.1 0 0 1-.738-.87c-.18-.372-.265-.802-.265-1.286 0-.492.085-.922.265-1.293.176-.375.422-.664.738-.875a1.95 1.95 0 0 1 1.094-.313c.41 0 .774.106 1.086.313.317.21.563.504.738.875.184.371.274.8.274 1.293 0 .484-.09.914-.27 1.285-.175.371-.425.66-.742.871-.312.211-.676.317-1.086.317Zm0-.512c.328 0 .61-.086.84-.266.23-.18.402-.418.52-.715.12-.297.18-.625.18-.98 0-.36-.06-.688-.18-.984-.118-.301-.29-.54-.52-.723-.23-.18-.512-.27-.84-.27-.332 0-.61.09-.844.27a1.75 1.75 0 0 0-.523.723 2.66 2.66 0 0 0-.176.984c0 .355.059.684.176.98.121.297.297.536.523.715.23.18.512.266.844.266Zm4.203.41-1.437-4.785h.582l1.129 3.945h.043l1.125-3.945h.586l1.117 3.937h.043l1.129-3.937h.586L15.906 57.5h-.57l-1.129-3.922h-.059L13.016 57.5Zm7.739.102c-.446 0-.829-.106-1.153-.313-.324-.21-.578-.5-.754-.871a2.974 2.974 0 0 1-.265-1.285c0-.48.09-.91.265-1.281.176-.38.422-.672.735-.883.312-.215.675-.32 1.09-.32.257 0 .507.046.746.14.242.094.457.238.644.434.195.195.348.437.457.734.113.293.168.64.168 1.04v.276h-3.722v-.492h3.16c0-.304-.063-.582-.188-.828a1.463 1.463 0 0 0-.512-.586 1.332 1.332 0 0 0-.753-.215c-.305 0-.57.082-.797.243-.23.164-.41.378-.543.644a2.078 2.078 0 0 0-.196.871v.293c0 .379.067.711.196.996.133.285.32.504.562.66.242.157.528.23.86.23.226 0 .421-.034.593-.105a1.262 1.262 0 0 0 .7-.68l.523.173a1.56 1.56 0 0 1-.355.558 1.779 1.779 0 0 1-.618.41 2.167 2.167 0 0 1-.843.157Zm3.152-.102v-4.785h.535v.734h.04c.097-.242.26-.437.5-.582.234-.152.503-.226.804-.226.047 0 .098 0 .152.004.055.003.102.003.14.007v.563c-.027-.004-.07-.012-.132-.02a1.608 1.608 0 0 0-.2-.011c-.25 0-.468.054-.663.16a1.18 1.18 0 0 0-.625 1.066v3.09Zm4.894.102c-.445 0-.828-.106-1.152-.313-.328-.21-.578-.5-.754-.871a2.974 2.974 0 0 1-.265-1.285c0-.48.09-.91.265-1.281.176-.38.422-.672.735-.883.312-.215.675-.32 1.09-.32.257 0 .507.046.746.14.242.094.457.238.644.434.195.195.348.437.457.734.113.293.168.64.168 1.04v.276h-3.723v-.492h3.157c0-.304-.059-.582-.184-.828a1.463 1.463 0 0 0-.512-.586 1.332 1.332 0 0 0-.754-.215c-.304 0-.57.082-.796.243-.23.164-.41.378-.543.644a2.079 2.079 0 0 0-.196.871v.293c0 .379.067.711.196.996.132.285.32.504.562.66.242.157.527.23.86.23.226 0 .421-.034.593-.105.172-.07.317-.164.43-.28a1.33 1.33 0 0 0 .27-.4l.523.173a1.52 1.52 0 0 1-.36.558c-.16.172-.367.309-.613.41a2.167 2.167 0 0 1-.844.157Zm4.868 0c-.391 0-.735-.106-1.028-.313a2.06 2.06 0 0 1-.687-.871c-.164-.371-.246-.805-.246-1.3 0-.493.082-.923.246-1.294.164-.37.394-.66.691-.863.293-.211.64-.313 1.031-.313.29 0 .532.051.723.157.195.101.348.226.465.379.113.152.203.3.27.441h.05v-2.508h.555V57.5h-.543v-.887h-.063a2.325 2.325 0 0 1-.273.446 1.447 1.447 0 0 1-.469.386 1.534 1.534 0 0 1-.722.157Zm.066-.512c.305 0 .57-.082.785-.25.219-.172.383-.406.496-.703a2.79 2.79 0 0 0 .176-1.028c0-.382-.059-.718-.172-1.011a1.508 1.508 0 0 0-.496-.692 1.256 1.256 0 0 0-.789-.254c-.32 0-.59.086-.809.262a1.588 1.588 0 0 0-.496.703 2.74 2.74 0 0 0-.168.992c0 .371.059.707.172 1.008.114.297.278.535.496.711.22.176.489.262.805.262Zm6.148.41v-6.383h2.145c.414 0 .758.074 1.031.219.278.144.489.344.625.594.14.254.207.539.207.86 0 .265-.043.491-.133.679-.09.191-.21.343-.363.46-.152.114-.324.2-.511.25v.051c.207.016.402.086.597.22.192.128.348.308.473.542.125.23.187.512.187.836 0 .32-.07.61-.215.863a1.5 1.5 0 0 1-.656.594c-.297.145-.668.215-1.125.215Zm.579-.523h1.683c.492 0 .852-.11 1.086-.329.235-.218.356-.492.356-.82 0-.246-.059-.465-.18-.664a1.222 1.222 0 0 0-.492-.473 1.516 1.516 0 0 0-.746-.175H39.89Zm0-2.977h1.617c.25 0 .472-.05.66-.156.187-.102.336-.246.441-.43.106-.184.157-.39.157-.625 0-.34-.11-.617-.328-.828-.22-.215-.547-.32-.981-.32h-1.566Zm5.347 5.297c-.11 0-.21-.012-.304-.031a1.45 1.45 0 0 1-.227-.07l.148-.489c.188.059.356.078.504.063a.631.631 0 0 0 .391-.2c.113-.117.215-.297.305-.539l.172-.484-1.754-4.832h.597l1.418 4.05h.043l1.414-4.05h.598l-2.016 5.543c-.086.23-.187.422-.312.574a1.219 1.219 0 0 1-.977.465Zm0 0" style="stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1" ></path> <path d="M6.344 76.426V68.55h2.703l1.496 6.863h.191v-6.863h1.403v7.875H9.434l-1.496-6.864h-.196v6.864Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#a)" ></path> <path d="M13.234 76.426V68.55h4.735v1.347h-3.313v1.903h3.055v1.351h-3.055v3.274Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#b)" ></path> <path d="M20.406 76.426v-6.528h-2.195v-1.347h5.812v1.347h-2.195v6.528Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#c)" ></path> <path d="m7.332 85.285-.98-7.812H7.75l.727 6.785h.191l.941-6.785h2.434l.937 6.785h.192l.726-6.785h1.399l-.98 7.812h-2.434l-.961-6.945h-.192l-.96 6.945Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#d)" ></path> <path d="M18.957 85.441c-.512 0-.98-.12-1.398-.359a2.653 2.653 0 0 1-.993-1.059c-.242-.468-.363-1.039-.363-1.707v-1.875c0-1.007.27-1.777.809-2.312.543-.543 1.277-.813 2.199-.813.918 0 1.629.254 2.125.77.508.504.758 1.191.758 2.062v.047h-1.387v-.09c0-.277-.059-.523-.172-.75a1.191 1.191 0 0 0-.488-.523c-.223-.133-.5-.2-.836-.2-.496 0-.887.161-1.172.481-.285.32-.43.754-.43 1.305v1.918c0 .543.145.984.43 1.316.285.328.684.493 1.195.493.512 0 .887-.141 1.121-.422.235-.285.352-.641.352-1.075v-.109h-1.773v-1.25h3.16v3.996h-1.301v-.75h-.191c-.051.13-.133.262-.247.403-.105.14-.27.261-.492.355-.218.098-.523.148-.906.148Zm0 0" style="stroke:none;fill-rule:nonzero;fill:url(#e)" ></path> <g clip-path="url(#f)"> <path d="M5.934 63.805c-2.188 0-3.957 1.855-3.957 4.144 0 .496-.387.903-.864.903-.476 0-.863-.407-.863-.903C.25 64.664 2.793 62 5.934 62h18.359c3.219 0 5.824 2.73 5.824 6.094v14.582c0 .5-.387.906-.863.906-.477 0-.863-.406-.863-.906V68.094c0-2.367-1.832-4.29-4.098-4.29Zm0 0" style="stroke:none;fill-rule:evenodd;fill:url(#g)" ></path> </g> <g clip-path="url(#h)"> <path d="M1.113 71.887c.477 0 .864.406.864.902v13.117c0 2.367 1.832 4.29 4.097 4.29h7.164c.477 0 .86.402.86.902s-.383.902-.86.902H6.074C2.855 92 .25 89.27.25 85.906V72.79c0-.496.387-.902.863-.902Zm0 0" style="stroke:none;fill-rule:evenodd;fill:url(#i)" ></path> </g> </svg> ); return ( <div className="logo"> <Logo /> </div> );