@jstnmthw/react-fluentui-emoji/icons/NightWithStarsIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const NightWithStarsIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <rect
      x={2}
      y={2}
      width={28}
      height={28}
      rx={4}
      fill="url(#paint0_linear_18_7696)"
    />
    <rect
      x={2}
      y={2}
      width={28}
      height={28}
      rx={4}
      fill="url(#paint1_linear_18_7696)"
    />
    <rect
      x={2}
      y={2}
      width={28}
      height={28}
      rx={4}
      fill="url(#paint2_linear_18_7696)"
    />
    <rect
      x={2}
      y={2}
      width={28}
      height={28}
      rx={4}
      fill="url(#paint3_linear_18_7696)"
    />
    <rect
      x={2}
      y={2}
      width={28}
      height={28}
      rx={4}
      fill="url(#paint4_radial_18_7696)"
    />
    <g filter="url(#filter0_ii_18_7696)">
      <path
        d="M18 30H26C26.7286 30 27.4117 29.8052 28 29.4649V17.25C28 16.5596 27.4404 16 26.75 16H19.25C18.5596 16 18 16.5596 18 17.25V30Z"
        fill="#2D2934"
      />
      <path
        d="M18 30H26C26.7286 30 27.4117 29.8052 28 29.4649V17.25C28 16.5596 27.4404 16 26.75 16H19.25C18.5596 16 18 16.5596 18 17.25V30Z"
        fill="url(#paint5_linear_18_7696)"
      />
    </g>
    <path
      d="M18 30H26C26.7286 30 27.4117 29.8052 28 29.4649V17.25C28 16.5596 27.4404 16 26.75 16H19.25C18.5596 16 18 16.5596 18 17.25V30Z"
      fill="url(#paint6_linear_18_7696)"
    />
    <g filter="url(#filter1_ii_18_7696)">
      <path
        d="M6 30H13V7.25C13 6.55964 12.4404 6 11.75 6H10.25C9.55964 6 9 6.55964 9 7.25V8H5.25C4.55964 8 4 8.55964 4 9.25V29.4649C4.58835 29.8052 5.27143 30 6 30Z"
        fill="#2D2934"
      />
      <path
        d="M6 30H13V7.25C13 6.55964 12.4404 6 11.75 6H10.25C9.55964 6 9 6.55964 9 7.25V8H5.25C4.55964 8 4 8.55964 4 9.25V29.4649C4.58835 29.8052 5.27143 30 6 30Z"
        fill="url(#paint7_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter2_i_18_7696)">
      <path
        d="M23 30H26C28.2091 30 30 28.2091 30 26V19H24.25C23.5596 19 23 19.5596 23 20.25V30Z"
        fill="url(#paint8_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter3_ii_18_7696)">
      <path
        d="M23 30H26C28.2091 30 30 28.2091 30 26V19H24.25C23.5596 19 23 19.5596 23 20.25V30Z"
        fill="url(#paint9_linear_18_7696)"
      />
    </g>
    <path
      d="M23 30H26C28.2091 30 30 28.2091 30 26V19H24.25C23.5596 19 23 19.5596 23 20.25V30Z"
      fill="url(#paint10_linear_18_7696)"
    />
    <g filter="url(#filter4_ii_18_7696)">
      <path
        d="M2 14V26C2 28.2091 3.79086 30 6 30H7V15.25C7 14.5596 6.44036 14 5.75 14H2Z"
        fill="url(#paint11_linear_18_7696)"
      />
    </g>
    <path
      d="M2 14V26C2 28.2091 3.79086 30 6 30H7V15.25C7 14.5596 6.44036 14 5.75 14H2Z"
      fill="url(#paint12_linear_18_7696)"
    />
    <g filter="url(#filter5_ii_18_7696)">
      <path
        d="M9 30H21V24.25C21 23.5596 20.4404 23 19.75 23H19V12.25C19 11.5596 18.4404 11 17.75 11H10.25C9.55964 11 9 11.5596 9 12.25V30Z"
        fill="url(#paint13_linear_18_7696)"
      />
    </g>
    <path
      d="M9 30H21V24.25C21 23.5596 20.4404 23 19.75 23H19V12.25C19 11.5596 18.4404 11 17.75 11H10.25C9.55964 11 9 11.5596 9 12.25V30Z"
      fill="url(#paint14_linear_18_7696)"
    />
    <g filter="url(#filter6_i_18_7696)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M30 25H25C24.4477 25 24 25.4477 24 26C24 26.5523 24.4477 27 25 27H29.874C29.9562 26.6804 30 26.3453 30 26V25Z"
        fill="url(#paint15_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter7_i_18_7696)">
      <path
        d="M24 22C24 21.4477 24.4477 21 25 21H30V23H25C24.4477 23 24 22.5523 24 22Z"
        fill="url(#paint16_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter8_i_18_7696)">
      <rect
        x={15.0195}
        y={13.0156}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint17_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter9_i_18_7696)">
      <rect
        x={11.0195}
        y={13.0156}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint18_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter10_i_18_7696)">
      <rect
        x={3.01953}
        y={16.02}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint19_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter11_i_18_7696)">
      <rect
        x={3.01953}
        y={20.02}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint20_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter12_i_18_7696)">
      <rect
        x={3.01953}
        y={24.02}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint21_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter13_i_18_7696)">
      <rect
        x={15.0195}
        y={17.02}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint22_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter14_i_18_7696)">
      <rect
        x={15.0195}
        y={21.0244}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint23_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter15_i_18_7696)">
      <rect
        x={15.0195}
        y={25.0288}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint24_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter16_i_18_7696)">
      <rect
        x={11.0195}
        y={17.02}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint25_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter17_i_18_7696)">
      <rect
        x={11.0195}
        y={21.0244}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint26_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter18_i_18_7696)">
      <rect
        x={11.0195}
        y={25.0288}
        width={1.96094}
        height={1.96}
        rx={0.3}
        fill="url(#paint27_linear_18_7696)"
      />
    </g>
    <g filter="url(#filter19_ii_18_7696)">
      <path
        d="M27.0745 11.8509L27.2764 11.4472C27.3685 11.263 27.6315 11.263 27.7236 11.4472L27.9255 11.8509C27.9738 11.9477 28.0523 12.0262 28.1491 12.0745L28.5528 12.2764C28.737 12.3685 28.737 12.6315 28.5528 12.7236L28.1491 12.9255C28.0523 12.9738 27.9738 13.0523 27.9255 13.1491L27.7236 13.5528C27.6315 13.737 27.3685 13.737 27.2764 13.5528L27.0745 13.1491C27.0262 13.0523 26.9477 12.9738 26.8509 12.9255L26.4472 12.7236C26.263 12.6315 26.263 12.3685 26.4472 12.2764L26.8509 12.0745C26.9477 12.0262 27.0262 11.9477 27.0745 11.8509Z"
        fill="#D9CEDD"
      />
    </g>
    <path
      d="M27.0745 11.8509L27.2764 11.4472C27.3685 11.263 27.6315 11.263 27.7236 11.4472L27.9255 11.8509C27.9738 11.9477 28.0523 12.0262 28.1491 12.0745L28.5528 12.2764C28.737 12.3685 28.737 12.6315 28.5528 12.7236L28.1491 12.9255C28.0523 12.9738 27.9738 13.0523 27.9255 13.1491L27.7236 13.5528C27.6315 13.737 27.3685 13.737 27.2764 13.5528L27.0745 13.1491C27.0262 13.0523 26.9477 12.9738 26.8509 12.9255L26.4472 12.7236C26.263 12.6315 26.263 12.3685 26.4472 12.2764L26.8509 12.0745C26.9477 12.0262 27.0262 11.9477 27.0745 11.8509Z"
      fill="url(#paint28_radial_18_7696)"
    />
    <path
      d="M27.0745 11.8509L27.2764 11.4472C27.3685 11.263 27.6315 11.263 27.7236 11.4472L27.9255 11.8509C27.9738 11.9477 28.0523 12.0262 28.1491 12.0745L28.5528 12.2764C28.737 12.3685 28.737 12.6315 28.5528 12.7236L28.1491 12.9255C28.0523 12.9738 27.9738 13.0523 27.9255 13.1491L27.7236 13.5528C27.6315 13.737 27.3685 13.737 27.2764 13.5528L27.0745 13.1491C27.0262 13.0523 26.9477 12.9738 26.8509 12.9255L26.4472 12.7236C26.263 12.6315 26.263 12.3685 26.4472 12.2764L26.8509 12.0745C26.9477 12.0262 27.0262 11.9477 27.0745 11.8509Z"
      fill="url(#paint29_radial_18_7696)"
    />
    <g filter="url(#filter20_ii_18_7696)">
      <path
        d="M21.0745 3.85093L21.2764 3.44721C21.3685 3.26295 21.6315 3.26295 21.7236 3.44721L21.9255 3.85093C21.9738 3.94769 22.0523 4.02615 22.1491 4.07454L22.5528 4.27639C22.737 4.36852 22.737 4.63148 22.5528 4.72361L22.1491 4.92546C22.0523 4.97385 21.9738 5.05231 21.9255 5.14907L21.7236 5.55279C21.6315 5.73705 21.3685 5.73705 21.2764 5.55279L21.0745 5.14907C21.0262 5.05231 20.9477 4.97385 20.8509 4.92546L20.4472 4.72361C20.263 4.63148 20.263 4.36852 20.4472 4.27639L20.8509 4.07454C20.9477 4.02615 21.0262 3.94769 21.0745 3.85093Z"
        fill="#D9CEDD"
      />
    </g>
    <path
      d="M21.0745 3.85093L21.2764 3.44721C21.3685 3.26295 21.6315 3.26295 21.7236 3.44721L21.9255 3.85093C21.9738 3.94769 22.0523 4.02615 22.1491 4.07454L22.5528 4.27639C22.737 4.36852 22.737 4.63148 22.5528 4.72361L22.1491 4.92546C22.0523 4.97385 21.9738 5.05231 21.9255 5.14907L21.7236 5.55279C21.6315 5.73705 21.3685 5.73705 21.2764 5.55279L21.0745 5.14907C21.0262 5.05231 20.9477 4.97385 20.8509 4.92546L20.4472 4.72361C20.263 4.63148 20.263 4.36852 20.4472 4.27639L20.8509 4.07454C20.9477 4.02615 21.0262 3.94769 21.0745 3.85093Z"
      fill="url(#paint30_radial_18_7696)"
    />
    <path
      d="M21.0745 3.85093L21.2764 3.44721C21.3685 3.26295 21.6315 3.26295 21.7236 3.44721L21.9255 3.85093C21.9738 3.94769 22.0523 4.02615 22.1491 4.07454L22.5528 4.27639C22.737 4.36852 22.737 4.63148 22.5528 4.72361L22.1491 4.92546C22.0523 4.97385 21.9738 5.05231 21.9255 5.14907L21.7236 5.55279C21.6315 5.73705 21.3685 5.73705 21.2764 5.55279L21.0745 5.14907C21.0262 5.05231 20.9477 4.97385 20.8509 4.92546L20.4472 4.72361C20.263 4.63148 20.263 4.36852 20.4472 4.27639L20.8509 4.07454C20.9477 4.02615 21.0262 3.94769 21.0745 3.85093Z"
      fill="url(#paint31_radial_18_7696)"
    />
    <g filter="url(#filter21_ii_18_7696)">
      <path
        d="M15.9079 6.68426L16.2764 5.94721C16.3685 5.76295 16.6315 5.76295 16.7236 5.94721L17.0921 6.68426C17.1405 6.78103 17.219 6.85949 17.3157 6.90787L18.0528 7.27639C18.237 7.36852 18.237 7.63148 18.0528 7.72361L17.3157 8.09213C17.219 8.14051 17.1405 8.21897 17.0921 8.31574L16.7236 9.05279C16.6315 9.23705 16.3685 9.23705 16.2764 9.05279L15.9079 8.31574C15.8595 8.21897 15.781 8.14051 15.6843 8.09213L14.9472 7.72361C14.763 7.63148 14.763 7.36852 14.9472 7.27639L15.6843 6.90787C15.781 6.85949 15.8595 6.78103 15.9079 6.68426Z"
        fill="#D9CEDD"
      />
    </g>
    <path
      d="M15.9079 6.68426L16.2764 5.94721C16.3685 5.76295 16.6315 5.76295 16.7236 5.94721L17.0921 6.68426C17.1405 6.78103 17.219 6.85949 17.3157 6.90787L18.0528 7.27639C18.237 7.36852 18.237 7.63148 18.0528 7.72361L17.3157 8.09213C17.219 8.14051 17.1405 8.21897 17.0921 8.31574L16.7236 9.05279C16.6315 9.23705 16.3685 9.23705 16.2764 9.05279L15.9079 8.31574C15.8595 8.21897 15.781 8.14051 15.6843 8.09213L14.9472 7.72361C14.763 7.63148 14.763 7.36852 14.9472 7.27639L15.6843 6.90787C15.781 6.85949 15.8595 6.78103 15.9079 6.68426Z"
      fill="url(#paint32_radial_18_7696)"
    />
    <path
      d="M15.9079 6.68426L16.2764 5.94721C16.3685 5.76295 16.6315 5.76295 16.7236 5.94721L17.0921 6.68426C17.1405 6.78103 17.219 6.85949 17.3157 6.90787L18.0528 7.27639C18.237 7.36852 18.237 7.63148 18.0528 7.72361L17.3157 8.09213C17.219 8.14051 17.1405 8.21897 17.0921 8.31574L16.7236 9.05279C16.6315 9.23705 16.3685 9.23705 16.2764 9.05279L15.9079 8.31574C15.8595 8.21897 15.781 8.14051 15.6843 8.09213L14.9472 7.72361C14.763 7.63148 14.763 7.36852 14.9472 7.27639L15.6843 6.90787C15.781 6.85949 15.8595 6.78103 15.9079 6.68426Z"
      fill="url(#paint33_radial_18_7696)"
    />
    <g filter="url(#filter22_ii_18_7696)">
      <path
        d="M5.07454 3.85099L5.2764 3.44728C5.36853 3.26302 5.63148 3.26302 5.72361 3.44728L5.92547 3.85099C5.97385 3.94776 6.05231 4.02622 6.14908 4.0746L6.55279 4.27646C6.73705 4.36859 6.73705 4.63154 6.55279 4.72367L6.14908 4.92553C6.05231 4.97391 5.97385 5.05237 5.92547 5.14914L5.72361 5.55285C5.63148 5.73711 5.36853 5.73711 5.2764 5.55285L5.07454 5.14914C5.02616 5.05237 4.9477 4.97391 4.85093 4.92553L4.44722 4.72367C4.26296 4.63154 4.26296 4.36859 4.44722 4.27646L4.85093 4.0746C4.9477 4.02622 5.02616 3.94776 5.07454 3.85099Z"
        fill="#D9CEDD"
      />
    </g>
    <path
      d="M5.07454 3.85099L5.2764 3.44728C5.36853 3.26302 5.63148 3.26302 5.72361 3.44728L5.92547 3.85099C5.97385 3.94776 6.05231 4.02622 6.14908 4.0746L6.55279 4.27646C6.73705 4.36859 6.73705 4.63154 6.55279 4.72367L6.14908 4.92553C6.05231 4.97391 5.97385 5.05237 5.92547 5.14914L5.72361 5.55285C5.63148 5.73711 5.36853 5.73711 5.2764 5.55285L5.07454 5.14914C5.02616 5.05237 4.9477 4.97391 4.85093 4.92553L4.44722 4.72367C4.26296 4.63154 4.26296 4.36859 4.44722 4.27646L4.85093 4.0746C4.9477 4.02622 5.02616 3.94776 5.07454 3.85099Z"
      fill="url(#paint34_radial_18_7696)"
    />
    <path
      d="M5.07454 3.85099L5.2764 3.44728C5.36853 3.26302 5.63148 3.26302 5.72361 3.44728L5.92547 3.85099C5.97385 3.94776 6.05231 4.02622 6.14908 4.0746L6.55279 4.27646C6.73705 4.36859 6.73705 4.63154 6.55279 4.72367L6.14908 4.92553C6.05231 4.97391 5.97385 5.05237 5.92547 5.14914L5.72361 5.55285C5.63148 5.73711 5.36853 5.73711 5.2764 5.55285L5.07454 5.14914C5.02616 5.05237 4.9477 4.97391 4.85093 4.92553L4.44722 4.72367C4.26296 4.63154 4.26296 4.36859 4.44722 4.27646L4.85093 4.0746C4.9477 4.02622 5.02616 3.94776 5.07454 3.85099Z"
      fill="url(#paint35_radial_18_7696)"
    />
    <g filter="url(#filter23_i_18_7696)">
      <path
        d="M22.0117 9.33589C23.9404 9.33589 25.5039 7.77238 25.5039 5.8437C25.5039 5.54775 25.4716 5.31734 25.4023 5.04292C25.3658 4.89839 25.5237 4.81219 25.6367 4.89839C26.4729 5.53641 27 6.46068 27 7.5937C27 9.52238 25.4365 11.0859 23.5078 11.0859C22.1792 11.0859 21.0238 10.3439 20.4336 9.25171C20.366 9.1267 20.5064 8.99889 20.637 9.05489C21.0589 9.23574 21.5236 9.33589 22.0117 9.33589Z"
        fill="url(#paint36_linear_18_7696)"
      />
    </g>
    <path
      d="M22.0117 9.33589C23.9404 9.33589 25.5039 7.77238 25.5039 5.8437C25.5039 5.54775 25.4716 5.31734 25.4023 5.04292C25.3658 4.89839 25.5237 4.81219 25.6367 4.89839C26.4729 5.53641 27 6.46068 27 7.5937C27 9.52238 25.4365 11.0859 23.5078 11.0859C22.1792 11.0859 21.0238 10.3439 20.4336 9.25171C20.366 9.1267 20.5064 8.99889 20.637 9.05489C21.0589 9.23574 21.5236 9.33589 22.0117 9.33589Z"
      fill="url(#paint37_radial_18_7696)"
    />
    <defs>
      <filter
        id="filter0_ii_18_7696"
        x={17.8}
        y={15.8}
        width={10.4}
        height={14.4}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.27451 0 0 0 0 0.266667 0 0 0 0 0.282353 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.2} dy={-0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.0509804 0 0 0 0 0.027451 0 0 0 0 0.0823529 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_7696"
          result="effect2_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter1_ii_18_7696"
        x={3.8}
        y={5.8}
        width={9.4}
        height={24.4}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.27451 0 0 0 0 0.266667 0 0 0 0 0.282353 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.2} dy={-0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.0509804 0 0 0 0 0.027451 0 0 0 0 0.0823529 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_7696"
          result="effect2_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter2_i_18_7696"
        x={23}
        y={19}
        width={7.2}
        height={11}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.356863 0 0 0 0 0.501961 0 0 0 0 0.666667 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter3_ii_18_7696"
        x={22.8}
        y={19}
        width={7.4}
        height={11}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.34902 0 0 0 0 0.329412 0 0 0 0 0.364706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.215686 0 0 0 0 0.133333 0 0 0 0 0.290196 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_7696"
          result="effect2_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter4_ii_18_7696"
        x={1.8}
        y={14}
        width={5.4}
        height={16}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.34902 0 0 0 0 0.329412 0 0 0 0 0.364706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.215686 0 0 0 0 0.133333 0 0 0 0 0.290196 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_7696"
          result="effect2_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter5_ii_18_7696"
        x={8.8}
        y={11}
        width={12.4}
        height={19}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.34902 0 0 0 0 0.329412 0 0 0 0 0.364706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.2} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.215686 0 0 0 0 0.133333 0 0 0 0 0.290196 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_7696"
          result="effect2_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter6_i_18_7696"
        x={24}
        y={25}
        width={6.1}
        height={2.2}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.1} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.854902 0 0 0 0 0.580392 0 0 0 0 0.403922 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter7_i_18_7696"
        x={24}
        y={21}
        width={6.1}
        height={2.2}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.1} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.854902 0 0 0 0 0.580392 0 0 0 0 0.403922 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter8_i_18_7696"
        x={14.8195}
        y={13.0156}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.0392157 0 0 0 0 0.0196078 0 0 0 0 0.0588235 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter9_i_18_7696"
        x={10.8195}
        y={13.0156}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.85098 0 0 0 0 0.572549 0 0 0 0 0.356863 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter10_i_18_7696"
        x={2.81953}
        y={16.02}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.0392157 0 0 0 0 0.0196078 0 0 0 0 0.0588235 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter11_i_18_7696"
        x={2.81953}
        y={20.02}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.85098 0 0 0 0 0.572549 0 0 0 0 0.356863 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter12_i_18_7696"
        x={2.81953}
        y={24.02}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.85098 0 0 0 0 0.572549 0 0 0 0 0.356863 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter13_i_18_7696"
        x={14.8195}
        y={17.02}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.85098 0 0 0 0 0.572549 0 0 0 0 0.356863 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter14_i_18_7696"
        x={14.8195}
        y={21.0244}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.85098 0 0 0 0 0.572549 0 0 0 0 0.356863 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter15_i_18_7696"
        x={14.8195}
        y={25.0288}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.0392157 0 0 0 0 0.0196078 0 0 0 0 0.0588235 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter16_i_18_7696"
        x={10.8195}
        y={17.02}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.85098 0 0 0 0 0.572549 0 0 0 0 0.356863 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter17_i_18_7696"
        x={10.8195}
        y={21.0244}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.0392157 0 0 0 0 0.0196078 0 0 0 0 0.0588235 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter18_i_18_7696"
        x={10.8195}
        y={25.0288}
        width={2.16094}
        height={2.15996}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.2} dy={0.2} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.85098 0 0 0 0 0.572549 0 0 0 0 0.356863 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter19_ii_18_7696"
        x={26.159}
        y={11.1591}
        width={2.68196}
        height={2.68184}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.682353 0 0 0 0 0.603922 0 0 0 0 0.733333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_7696"
          result="effect2_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter20_ii_18_7696"
        x={20.159}
        y={3.15908}
        width={2.68196}
        height={2.68184}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.682353 0 0 0 0 0.603922 0 0 0 0 0.733333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_7696"
          result="effect2_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter21_ii_18_7696"
        x={14.659}
        y={5.65908}
        width={3.68196}
        height={3.68184}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.682353 0 0 0 0 0.603922 0 0 0 0 0.733333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_7696"
          result="effect2_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter22_ii_18_7696"
        x={4.15902}
        y={3.15908}
        width={2.68196}
        height={2.68208}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.682353 0 0 0 0 0.603922 0 0 0 0 0.733333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_7696"
          result="effect2_innerShadow_18_7696"
        />
      </filter>
      <filter
        id="filter23_i_18_7696"
        x={20.416}
        y={4.71401}
        width={6.73398}
        height={6.37192}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.466667 0 0 0 0 0.192157 0 0 0 0 0.301961 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_7696"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_7696"
        x1={2.5625}
        y1={17.75}
        x2={30}
        y2={17.75}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#503B75" />
        <stop offset={1} stopColor="#544380" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_7696"
        x1={2}
        y1={12}
        x2={5.9375}
        y2={12}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#211438" />
        <stop offset={1} stopColor="#211438" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_7696"
        x1={16}
        y1={1.74998}
        x2={16}
        y2={3.43748}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#44315D" />
        <stop offset={1} stopColor="#44315D" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_7696"
        x1={30}
        y1={12.8125}
        x2={26.4375}
        y2={12.8125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#624D82" />
        <stop offset={1} stopColor="#624D82" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_7696"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(29.3125 3.12498) rotate(136.507) scale(3.35992 3.9267)"
      >
        <stop stopColor="#634D82" />
        <stop offset={1} stopColor="#634D82" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_18_7696"
        x1={21.063}
        y1={28.8454}
        x2={21.0506}
        y2={19.6615}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#210B39" />
        <stop offset={0.51672} stopColor="#180D25" />
        <stop offset={1} stopColor="#180D25" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_7696"
        x1={23}
        y1={16}
        x2={23}
        y2={16.4368}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#1F1B26" />
        <stop offset={1} stopColor="#1F1B26" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_7696"
        x1={6.79465}
        y1={25.7593}
        x2={6.6422}
        y2={12.2785}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#210B39" />
        <stop offset={0.51672} stopColor="#180D25" />
        <stop offset={1} stopColor="#180D25" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_7696"
        x1={27.0833}
        y1={19}
        x2={27.0833}
        y2={25.8661}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4791CD" />
        <stop offset={1} stopColor="#A1A0B4" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_7696"
        x1={27.0833}
        y1={19}
        x2={27.0833}
        y2={25.8661}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#533D69" />
        <stop offset={1} stopColor="#43364F" />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_7696"
        x1={26.5}
        y1={19}
        x2={26.5}
        y2={19.2393}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3E2C51" />
        <stop offset={1} stopColor="#3E2C51" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_7696"
        x1={4.91667}
        y1={14}
        x2={4.91667}
        y2={23.987}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#533D69" />
        <stop offset={1} stopColor="#43364F" />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_7696"
        x1={4.5}
        y1={14}
        x2={4.5}
        y2={14.348}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3E2C51" />
        <stop offset={1} stopColor="#3E2C51" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint13_linear_18_7696"
        x1={16}
        y1={11}
        x2={16}
        y2={22.8596}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#533D69" />
        <stop offset={1} stopColor="#43364F" />
      </linearGradient>
      <linearGradient
        id="paint14_linear_18_7696"
        x1={15}
        y1={11}
        x2={15}
        y2={11.4133}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3E2C51" />
        <stop offset={1} stopColor="#3E2C51" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint15_linear_18_7696"
        x1={27}
        y1={25.5556}
        x2={27}
        y2={27}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD77A" />
        <stop offset={1} stopColor="#FFF670" />
      </linearGradient>
      <linearGradient
        id="paint16_linear_18_7696"
        x1={27}
        y1={21.5556}
        x2={27}
        y2={23}
        gradientUnits="userSpaceOnUse"
      >
        <stop