@everymatrix/lottery-program-wof 1.22.2 → 1.22.6

package/index.html

@@ -31,8 +31,8 @@
 
   <div class="webcomponent">
     <lottery-program-wof
-      endpoint="http://jetbull.wofapi.stage.everymatrix.local/v1"
-      session="1b0e37c6-7234-47fb-8602-8422094faa8e"
+      endpoint="https://wofapi-stage-tipico.casino-nonprod-one.everymatrix.local/v1"
+      session="966ea04f-3644-460e-b1d7-db9840f80884"
       spinduration="3"
       spinrotation="3"
     />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/lottery-program-wof",
-  "version": "1.22.2",
+  "version": "1.22.6",
   "main": "dist/lottery-program-wof.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "00526169e334a168f043b392aecfd6de1b1a3261"
+  "gitHead": "83728b06bafc02370fe4a23a8cf59224f31b1599"
 }

package/src/LotteryProgramWof.svelte

@@ -25,6 +25,7 @@
   export let clientstyling: string = ''
   export let clientstylingurl: string = ''
   export let translationurl: string = ''
+  export let programid: string = ''
   export let loginevent: string = ''
   export let loginurl: string = ''
   export let currentinfo: CurrentInfo = CurrentInfo.RemainingTimes
@@ -106,10 +107,10 @@
           <wof-loader />
         {:else}
           {#if bonuses.length}
-            {#each bonuses as _l}
+            {#each bonuses as bonus}
               <lottery-program-wof-private-item {...{
                 ...commonProps,
-                id: _l.program.id,
+                id: bonus.program.id,
                 currentinfo,
                 giftimagesrc,
                 contentdirection,
@@ -124,7 +125,10 @@
       </div>
     </div>
     <div slot="tab-History">
-      <lottery-program-wof-private-outcomes {...commonProps} />
+      <lottery-program-wof-private-outcomes {...{
+        ...commonProps,
+        id: bonuses.find(_bonus => _bonus.program.id === programid)?.program.id,
+      }} />
     </div>
   </lottery-program-wof-private-tabs>
 </div>
@@ -133,12 +137,9 @@
 <style lang="scss">
 
   lottery-program-wof-private-item {
-    width: 480px;
     display: inline-block;
   }
 
-
-
   *,
   *::before,
   *::after {

package/src/business.ts

@@ -122,17 +122,21 @@ export const api = {
 
       let data = await fetcherApi(Api.draw, endpoint, { id, session, guid }) as ApiDrawResult
       
-      // data = getExceptionData(data)
-
       let index = data.item?.result?.wheelOfFortunePartitionIndex
-
-      let message: any
       
-      const option = options[index]
-      const imageSrc = (option.image as SVGAElement)?.href?.baseVal
+      const getOptionAndImageSrc = (_index: number) => {
+        const option = options[_index]
+        return {
+          option, 
+          imageSrc: (option?.image as SVGAElement)?.href?.baseVal
+        } as const
+      }
 
+      let message: any
       if(!index){
         index = options.length - 1
+          
+        const { imageSrc } = getOptionAndImageSrc(index)
         message = {
           mode: 'nogift',
           modeValue: {
@@ -140,6 +144,7 @@ export const api = {
           }
         }
       }else{
+        const { imageSrc, option } = getOptionAndImageSrc(index)
         message = {
           mode: 'gift',
           modeValue: {

package/src/calc.point.ts

@@ -1,7 +1,4 @@
-import { ArrowMode, Point, PointerMode } from "./types"
-
-import { ratioGoldenMean } from "./calc"
-import { mapObjectValueToTuple } from "./util"
+import type { Point } from "./types"
 
 export const getSymmetricalPointFromScalar = 
   (length: number): Point => ({
@@ -55,18 +52,6 @@ export const getTrianglePointsY =
     }
   }
 
-export const getTwoPointsOfLineGradientForBgRing = (radius, angle, center) => {
-  const p1 = getPointOnCircle(radius, angle - Math.PI / 2, center)
-  const p2 = getPointOnCircle(radius, angle + Math.PI / 2, center)
-
-  return {
-    x1: p1.x,
-    y1: p1.y,
-    x2: p2.x,
-    y2: p2.y,
-  }
-}
-
 export const getTwoPointsOfLineGradient = (radius, index, length, angle) => ({
   x1: radius,
   y1: radius,
@@ -74,102 +59,6 @@ export const getTwoPointsOfLineGradient = (radius, index, length, angle) => ({
   y2: radius * (1 + Math.sin(2 * Math.PI / length * index + angle)),
 })
 
-export const getTrianglePoints = 
-
-  (center: number, width: number, height: number, arrowMode: ArrowMode, rCircleCenter: number) => {
-
-    const pointCenter = getSymmetricalPointFromScalar(center)
-
-    const getYAxisMatrix = () => {
-
-      switch(arrowMode){
-        case ArrowMode.DownFromTop:    return getTrianglePointsY(height, false,  0)
-        case ArrowMode.DownFromCenter: return getTrianglePointsY(height, false,  pointCenter.y + rCircleCenter)
-        case ArrowMode.UpFromCenter:   return getTrianglePointsY(height, true,   pointCenter.y - rCircleCenter)
-        case ArrowMode.UpFromBottom:   return getTrianglePointsY(height, true,   pointCenter.y * 2)
-      }
-    }
-
-    const {y1, y2, y3} = getYAxisMatrix()
-
-    const points: Point[] = [
-      {
-        x: pointCenter.x - width/2,
-        y: y1
-      },
-      {
-        x: pointCenter.x,
-        y: y2,
-      },
-      {
-        x: pointCenter.x + width/2,
-        y: y3
-      }
-    ]
-
-    const pointsValue = 
-      points.map(point => 
-        Object.keys(point).map(key => point[key]).join(' ')
-      ).join(', ')
-
-    return pointsValue
-  }
-
-export const getImagePartitionProps = (index, length, radius) => {
-
-  const multiple = 1.5
-  const size = {
-    width:  multiple * 2 * radius * Math.sin(2 * Math.PI / length /2),
-    height: radius,
-  }
-
-  const translate = [
-    size.width / 2,
-    size.height
-    // * (1 - 168/197)
-  ].map(s => `${s * -1}px`).join(',')
-
-  const rotate = 360 / length * index
-
-  return {
-    x: radius - size.width / 2,
-    y: radius - size.height,
-    ...size,
-    style: [
-      `transform-origin: ${radius}px ${radius}px`,
-      `transform: ${[
-        `rotate(${rotate}deg)`,
-        // `translate(${translate})`,
-      ].join(' ')}`,
-      
-    ].join(';'),
-  }
-}
-
-export const getRingCircleProps = (index, length, rRingOuter, rRingInner, r) => {
-  
-  const aver = (rRingOuter + rRingInner) / 2
-  const diff = (rRingOuter - rRingInner) / 2
-
-  const { point } = getPointWithNext(index, length, aver, r)
-
-  const radius = diff * 0.618
-
-  return {
-    cx: point.x,
-    cy: point.y,
-    r: radius,
-    style: `stroke-width: ${radius * ratioGoldenMean(6)}px`,
-    class: "RingCircle",
-    part: "RingCircle",
-  }
-}
-
-
-export const pointMinus = (point1: Point, point2: Point): Point => ({
-  x: point1.x - point2.x,
-  y: point1.y - point2.y
-})
 
 export const pointPlus = (point1: Point, point2: Point): Point => ({
   x: point1.x + point2.x,

package/src/calc.ts

@@ -25,10 +25,4 @@ const randomDirection = () => Math.random() > 0.5 ? 1 : -1
 
 export const randomInSection = (number: number) => {
   return 360 / number / 2 * (1 - 0.2) * Math.random() * randomDirection()
-}
-
-export const getArcLength = (radius: number, degrees: number) => {
-  const circumference = 2 * Math.PI * radius;
-  const arcLength = (degrees / 360) * circumference;
-  return arcLength;
 }

package/src/class.svgcalc.ts

@@ -1,21 +1,7 @@
-import { getColorSchema } from "./business.dom"
-import { getArcLength } from "./calc"
-import { getPointOnCircle, getPointWithNext, getSymmetricalPointFromScalar, getTwoPointsOfLineGradient, pointMinus, pointPlus } from "./calc.point"
-import { renderSvgImageProps, themedImageProps } from "./themes.image.base"
-import { themedCenterImagesUpdater } from "./themes.image.center"
-import { themedPointerImagesUpdater } from "./themes.image.pointer"
-import { partitionStrokeSteps } from "./themes.partitions"
+import { getPointOnCircle, getPointWithNext, getSymmetricalPointFromScalar, getTwoPointsOfLineGradient, pointPlus } from "./calc.point"
 import { ArrowMode, Point, PointerMode, ContentDirection } from "./types"
 import { mapObjectValueToTuple } from "./util"
 
-// @ts-ignore
-import lightSvg from './images/light.svg'
-// @ts-ignore
-import areaSvg from './images/area.svg'
-// @ts-ignore
-import areaSecSvg from './images/areaSec.svg'
-// @ts-ignore
-import backgroundShadowSvg from './images/backgroundShadow.svg'
 import { findDegWithPointerMode } from "./business"
 import { themes } from "./themes"
 
@@ -30,8 +16,6 @@ export class SvgCalc {
   center
   length
   ratio
-  rRingInner
-  rRingOuter
   theme
   themeIndex
   options
@@ -39,6 +23,7 @@ export class SvgCalc {
 
   constructor({
     size,
+    radius,
     options,
     themeIndex,
     contentdirection,
@@ -54,9 +39,7 @@ export class SvgCalc {
     this.themeIndex = themeIndex
     this.theme = themes[themeIndex]
     //
-    this.radius     = this.theme.size.radius     / 2 * this.ratio
-    this.rRingInner = this.theme.size.rRingInner / 2 * this.ratio
-    this.rRingOuter = this.theme.size.rRingOuter / 2 * this.ratio
+    this.radius     = radius
   }
 
   get sizeImage () {
@@ -65,7 +48,10 @@ export class SvgCalc {
     if(this.length <= 3) return getSize(4)
 
     switch(this.length){
-      case 6: return this.ratio * 48
+      case 8: 
+      case 7: return this.ratio * 24
+      case 6: return this.ratio * 36
+      case 5: return this.ratio * 48
       case 4: return this.ratio * 56
       default: return getSize(this.length)
     }
@@ -79,10 +65,16 @@ export class SvgCalc {
     }
   }
 
-  getSvgImageProps (index){
+  getSvgImageProps (index, partitionDivisor: string | number = 1.25){
     const sizeImage = this.getSizeImageByPartition(index)
 
-    let baseRadius = this.radius - sizeImage / 2 - 3 * this.ratio
+    let baseRadius
+    if(this.options[index].name){
+      baseRadius = this.radius - sizeImage / 2 - 3 * this.ratio
+    }else{
+      baseRadius = (this.radius - sizeImage / 2) / Number(partitionDivisor) - 3 * this.ratio;
+    }
+
     return {
       ...this.getPropsForPartitionInfo(index, this.getOffsetImage(sizeImage), baseRadius),
       width: sizeImage,
@@ -105,6 +97,23 @@ export class SvgCalc {
     }
   }
 
+  getSvgTextPropsAdjustedByImage(index) {
+    const props = this.getSvgTextProps(index)
+    const size = this.options[index].image ? 80 : 100
+
+    const objectSize = {
+      width: size,
+      height: size,
+    }
+    
+    return {
+      ...props,
+      ...objectSize,
+      x: this.contentdirection === 'clockwise' ? props.x : props.x - objectSize.width,
+      y: props.y - objectSize.height / 2,
+    }
+  }
+  
   get offsetText (){
     return {
       center: 0,
@@ -180,25 +189,6 @@ export class SvgCalc {
     }
   }
 
-  getRingImageProps (index) {
-  
-    const aver = (this.rRingOuter + this.rRingInner) / 2
-    const diff = (this.rRingOuter - this.rRingInner) / 2 + 4 * this.ratio
-  
-    const { point } = getPointWithNext(index, this.length, aver, this.center)
-  
-    const radius = diff * 2
-  
-    return {
-      x: point.x - diff,
-      y: point.y - diff,
-      width: radius,
-      height: radius,
-      //
-      href: lightSvg
-    }
-  }
-
   getPartitionDraw(
     index: number,
   ){
@@ -209,10 +199,8 @@ export class SvgCalc {
     const { point, pointNext } = getPointWithNext(index, this.length, this.radius, this.center)
 
     const ds = [
-      `M`, 
-        ...mapObjectValueToTuple(rPoint),
-      `L`, 
-        ...mapObjectValueToTuple(point),
+      `M`, ...mapObjectValueToTuple(rPoint),
+      `L`, ...mapObjectValueToTuple(point),
       `A`, 
         ...mapObjectValueToTuple(rRingInnerPoint),
         `0 0 1`,
@@ -224,169 +212,6 @@ export class SvgCalc {
       d: ds.join(' ')
     }
   }
-  
-
-  getBackgroundImageProps(hrefIndex: number) {
-
-    const multiple = 1
-
-    const size = {
-      width:  multiple * 2 * this.radius * Math.sin(2 * Math.PI / this.length /2),
-      height: multiple * this.radius,
-    }
-
-    const hrefs = [
-      areaSecSvg,
-      areaSvg,
-    ]
-
-    return {
-      x: this.center,
-      y: this.center,
-      ...size,
-      href: hrefs[hrefIndex],
-      style: `transform: translate(${[
-        size.width / 2,
-        size.height
-        // * (1 - 168/197)
-      ].map(s => `${s * -1}px`).join(',')})`,
-    }
-  }
-
-  getLinearGradientDef(id, steps, rotation = 0) {
-    return {
-      props: {
-        id,
-        gradientTransform: `rotate(${rotation})`,
-        gradientUnits: "userSpaceOnUse",
-      },
-      steps,
-    }
-  }
-
-  backgroundCircleProps(props){
-
-    const { rotation, ...rest } = props
-
-    return {
-      ...rest,
-      cx: this.center,
-      cy: this.center,
-      ...(rotation ? {
-        style: `transform-origin: ${this.center}px ${this.center}px; transform: rotate(${rotation}deg)`
-      } : {})
-    }
-  }
-
-  backgroundCirclePropsArray(){
-
-    const propsArray = [
-      {
-        fill: `url(#BgRingBaseLinearGradient)`,
-        r: this.theme.size.rBg1 / 2 * this.ratio,
-        rotation: 135,
-      },
-      {
-        fill: `url(#BgRingSmallLinearGradient)`,
-        r: this.rRingOuter,
-      },
-      {
-        fill: `url(#BgRingBaseLinearGradient)`,
-        r: this.rRingInner,
-        rotation: 45,
-      },
-    ]
-
-    return propsArray.map(props => this.backgroundCircleProps(props))
-  }
-
-  getPartitionsGradientDefs() {
-    let defs = []
-
-    for(let index = 0; index < this.length; index++){
-      let defConfig = this.getLinearGradientDef(`grad${index}`, getColorSchema(index, this.length, this.theme.partitions.colorSchema))
-      defConfig = {
-        ...defConfig,
-        props: {
-          ...defConfig.props,
-          ...getTwoPointsOfLineGradient(this.center, index, this.length, -1 * Math.PI / 2)
-        }
-      }
-      defs.push(defConfig)
-    }
-
-    return defs
-  }
-
-  getDefs() {
-    return [
-      this.getLinearGradientDef("BgRingBaseLinearGradient",   this.theme.background.base.linearGradient.steps),
-      this.getLinearGradientDef("BgRingSmallLinearGradient",  this.theme.background.small.linearGradient.steps),
-      this.getLinearGradientDef("LGPartitionStroke", partitionStrokeSteps, 45),
-      ...this.getPartitionsGradientDefs(),
-    ]
-  }
-
-  getThemedPointerImages() {
-    let themedPointerImages = []
-    themedPointerImagesUpdater(
-      this.ratio, 
-      (list) => {
-        themedPointerImages = list[this.themeIndex]
-      }, {
-        x: 0,
-        y: (this.rRingOuter + this.rRingInner) / 2 / this.ratio,
-      }
-    )
-    return themedPointerImages
-  }
-
-  getThemedCenterImages() {
-    let themedCenterImages = []
-    themedCenterImagesUpdater(this.ratio, (list) => {
-      themedCenterImages = list[this.themeIndex]
-    })
-    return themedCenterImages
-  }
-
-  getThemedImageProp(themedData) {
-    return themedImageProps(this.center, themedData)
-  }
-
-  getShadowImage(){
-    const size = (this.rRingInner) * 2
-    return renderSvgImageProps(this.center, backgroundShadowSvg, { 
-      width: size, 
-      height: size,
-    })
-  }
-
-  getShadowSize(){
-    return {
-      cx: this.center,
-      cy: this.center,
-      r: (this.rRingInner)
-    }
-  }
-
-  getPartitionBackgroundProp(index) {
-    return {
-      ...this.getPartitionDraw(index),
-      fill: `url(#grad${index})`,
-      strokeWidth: '0.5px',
-      'stroke-dasharray': `${this.radius} ${getArcLength(this.radius, 360 / this.length)}`,
-      ...((this.themeIndex === 0 || this.themeIndex) === 1 ? {stroke: `url(#LGPartitionStroke)`}: {})
-    }
-  }
-
-  getPartitionFrame(){
-    return {
-      ...this.getPartitionDraw(0),
-      fill: `transparent`,
-      stroke: `url(#GPointerPartitionFrame)`,
-      'stroke-dasharray': `${this.radius} ${getArcLength(this.radius, 360 / this.length)}`,
-    }
-  }
 
   getDeg(index?: number){
     return findDegWithPointerMode(index || this.length - 1, this.length, this.theme.pointerMode)
@@ -417,4 +242,4 @@ export class SvgCalc {
         return - Math.PI / 2
     }
   }
-}
+}

package/src/images/theme.bg.blackring.svg

@@ -0,0 +1,10 @@
+<svg width="294" height="294" viewBox="0 0 294 294" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M147 0.0581055C65.8444 0.0581055 0.0595703 65.8429 0.0595703 146.999C0.0595703 228.154 65.8444 293.954 147 293.954C228.156 293.954 293.956 228.154 293.956 146.999C293.956 65.8429 228.156 0.0581055 147 0.0581055ZM147 270.75C78.6584 270.75 23.2491 215.355 23.2491 146.999C23.2491 78.6422 78.6584 23.2476 147 23.2476C215.342 23.2476 270.751 78.657 270.751 146.999C270.751 215.34 215.357 270.75 147 270.75Z" fill="url(#paint0_linear_4318_345)"/>
+<defs>
+<linearGradient id="paint0_linear_4318_345" x1="246.941" y1="47.0578" x2="35.8266" y2="258.172" gradientUnits="userSpaceOnUse">
+<stop stop-color="#000604"/>
+<stop offset="0.4" stop-color="#303030"/>
+<stop offset="1" stop-color="#000604"/>
+</linearGradient>
+</defs>
+</svg>

package/src/images/theme.bg.halo.svg

@@ -0,0 +1,27 @@
+<svg width="375" height="400" viewBox="0 0 375 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_4318_310)">
+<path d="M337 199.999C337 282.839 269.855 349.999 187 349.999C104.145 349.999 37 282.839 37 199.999C37 117.158 100.302 53.9152 179.817 50.1611C182.197 50.0577 184.606 49.9985 187 49.9985C189.394 49.9985 191.803 50.0429 194.183 50.1611C273.683 53.9152 337 119.552 337 199.984V199.999Z" fill="url(#paint0_linear_4318_310)"/>
+</g>
+<defs>
+<filter id="filter0_d_4318_310" x="-13" y="-0.00146484" width="400" height="400" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<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/>
+<feGaussianBlur stdDeviation="25"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.972917 0 0 0 0 0.729167 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4318_310"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4318_310" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_4318_310" x1="114.86" y1="324.947" x2="267.254" y2="60.9799" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFB915"/>
+<stop offset="0.24" stop-color="#BF8500"/>
+<stop offset="0.41" stop-color="#FFE26A"/>
+<stop offset="0.46" stop-color="#FFDD63"/>
+<stop offset="0.53" stop-color="#FFCF51"/>
+<stop offset="0.58" stop-color="#FFC13F"/>
+<stop offset="0.82" stop-color="#FFB915"/>
+<stop offset="1" stop-color="#FFF100"/>
+</linearGradient>
+</defs>
+</svg>

package/src/images/theme1Bg3.svg

@@ -0,0 +1,15 @@
+<svg width="254" height="254" viewBox="0 0 254 254" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M127 0.29126C57.0325 0.29126 0.292969 57.0308 0.292969 126.998C0.292969 196.966 57.0325 253.705 127 253.705C196.968 253.705 253.707 196.981 253.707 126.998C253.707 57.0161 196.982 0.29126 127 0.29126ZM127 250.749C58.6583 250.749 3.24892 195.355 3.24892 126.998C3.24892 58.6418 58.6583 3.24722 127 3.24722C195.342 3.24722 250.751 58.6566 250.751 126.998C250.751 195.34 195.357 250.749 127 250.749Z" fill="url(#paint0_linear_4318_346)"/>
+<defs>
+<linearGradient id="paint0_linear_4318_346" x1="67.5262" y1="229.999" x2="184.789" y2="26.8949" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFB915"/>
+<stop offset="0.24" stop-color="#BF8500"/>
+<stop offset="0.41" stop-color="#FFE26A"/>
+<stop offset="0.46" stop-color="#FFDD63"/>
+<stop offset="0.53" stop-color="#FFCF51"/>
+<stop offset="0.58" stop-color="#FFC13F"/>
+<stop offset="0.82" stop-color="#FFB915"/>
+<stop offset="1" stop-color="#FFF100"/>
+</linearGradient>
+</defs>
+</svg>

package/src/images/theme2Bg3.svg

@@ -0,0 +1,11 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M128 0C57.3186 0 0 57.3186 0 128C0 198.681 57.3186 256 128 256C198.681 256 256 198.696 256 128C256 57.3036 198.696 0 128 0ZM128 253.014C58.9609 253.014 2.98612 197.054 2.98612 128C2.98612 58.946 58.9609 2.98612 128 2.98612C197.039 2.98612 253.014 58.9609 253.014 128C253.014 197.039 197.054 253.014 128 253.014Z" fill="url(#paint0_linear_4318_393)"/>
+<defs>
+<linearGradient id="paint0_linear_4318_393" x1="182" y1="4.5" x2="77.5" y2="256" gradientUnits="userSpaceOnUse">
+<stop offset="0.00312487" stop-color="#454545"/>
+<stop offset="0.310417"/>
+<stop offset="0.628125" stop-color="#575757"/>
+<stop offset="1"/>
+</linearGradient>
+</defs>
+</svg>

package/src/images/theme2Center.svg

@@ -0,0 +1,36 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_321_83)">
+<path d="M59.9924 30C43.5289 30 30.1875 43.3414 30.1875 59.8049C30.1875 76.2684 43.5289 89.6097 59.9924 89.6097C76.4559 89.6097 89.7972 76.2684 89.7972 59.8049C89.7972 43.3414 76.4559 30 59.9924 30Z" fill="url(#paint0_linear_321_83)"/>
+</g>
+<path d="M41.9866 66.1805C41.3386 66.1805 40.7446 66.1085 40.2046 65.9645C39.6766 65.8205 39.2266 65.6285 38.8546 65.3885V62.9765C39.2146 63.1685 39.5626 63.3365 39.8986 63.4805C40.2466 63.6245 40.5946 63.7385 40.9426 63.8225C41.2906 63.8945 41.6446 63.9305 42.0046 63.9305C42.3046 63.9305 42.5806 63.9065 42.8326 63.8585C43.0846 63.7985 43.3006 63.7085 43.4806 63.5885C43.6726 63.4685 43.8226 63.3245 43.9306 63.1565C44.0386 62.9765 44.0926 62.7665 44.0926 62.5265C44.0926 62.1905 44.0266 61.9085 43.8946 61.6805C43.7626 61.4525 43.5826 61.2425 43.3546 61.0505C43.1266 60.8585 42.8566 60.6545 42.5446 60.4385C42.1846 60.1745 41.8366 59.8805 41.5006 59.5565C41.1646 59.2325 40.8886 58.8545 40.6726 58.4225C40.4566 57.9785 40.3486 57.4625 40.3486 56.8745C40.3486 56.2985 40.4506 55.7765 40.6546 55.3085C40.8586 54.8285 41.1526 54.4145 41.5366 54.0665C41.9326 53.7185 42.4006 53.4485 42.9406 53.2565C43.4806 53.0645 44.0866 52.9685 44.7586 52.9685C45.4306 52.9685 46.0486 53.0405 46.6126 53.1845C47.1766 53.3285 47.7226 53.5445 48.2506 53.8325L47.2966 55.8845C46.8406 55.6685 46.4026 55.5065 45.9826 55.3985C45.5746 55.2905 45.1666 55.2365 44.7586 55.2365C44.5186 55.2365 44.2966 55.2725 44.0926 55.3445C43.9006 55.4045 43.7266 55.5005 43.5706 55.6325C43.4266 55.7525 43.3126 55.9025 43.2286 56.0825C43.1446 56.2625 43.1026 56.4605 43.1026 56.6765C43.1026 56.9765 43.1626 57.2345 43.2826 57.4505C43.4146 57.6665 43.5946 57.8705 43.8226 58.0625C44.0626 58.2425 44.3506 58.4465 44.6866 58.6745C45.1666 58.9865 45.5626 59.3225 45.8746 59.6825C46.1866 60.0305 46.4206 60.4145 46.5766 60.8345C46.7326 61.2425 46.8106 61.6985 46.8106 62.2025C46.8106 62.8745 46.6846 63.4625 46.4326 63.9665C46.1806 64.4585 45.8326 64.8725 45.3886 65.2085C44.9446 65.5325 44.4286 65.7785 43.8406 65.9465C43.2646 66.1025 42.6466 66.1805 41.9866 66.1805ZM48.5076 66.0005L51.2256 53.1485H54.8076C55.8516 53.1485 56.6856 53.3045 57.3096 53.6165C57.9456 53.9285 58.4016 54.3665 58.6776 54.9305C58.9656 55.4945 59.1096 56.1485 59.1096 56.8925C59.1096 57.6605 58.9656 58.3265 58.6776 58.8905C58.4016 59.4545 58.0116 59.9285 57.5076 60.3125C57.0036 60.6845 56.4096 60.9665 55.7256 61.1585C55.0416 61.3385 54.3036 61.4285 53.5116 61.4285H52.1436L51.1896 66.0005H48.5076ZM53.7276 59.1965C54.2676 59.1965 54.7356 59.1125 55.1316 58.9445C55.5396 58.7645 55.8516 58.5065 56.0676 58.1705C56.2956 57.8345 56.4096 57.4325 56.4096 56.9645C56.4096 56.4245 56.2656 56.0285 55.9776 55.7765C55.6896 55.5125 55.2636 55.3805 54.6996 55.3805H53.4396L52.6296 59.1965H53.7276ZM58.5039 66.0005L58.8279 64.4525L60.4659 63.7325L62.2299 55.4165L60.8979 54.6965L61.2219 53.1485H66.9099L66.5859 54.6965L64.9119 55.4165L63.1479 63.7325L64.5159 64.4525L64.1919 66.0005H58.5039ZM66.3845 66.0005L69.1025 53.1485H72.2345L75.2225 62.6165H75.2945C75.3305 62.4245 75.3665 62.1905 75.4025 61.9145C75.4505 61.6385 75.4985 61.3445 75.5465 61.0325C75.6065 60.7085 75.6665 60.3905 75.7265 60.0785C75.7865 59.7665 75.8405 59.4845 75.8885 59.2325L77.1845 53.1485H79.5965L76.8785 66.0005H73.8725L70.7405 56.2805H70.6505C70.6385 56.3525 70.6145 56.5265 70.5785 56.8025C70.5425 57.0665 70.4945 57.3845 70.4345 57.7565C70.3865 58.1285 70.3265 58.5125 70.2545 58.9085C70.1945 59.2925 70.1345 59.6405 70.0745 59.9525L68.7965 66.0005H66.3845Z" fill="url(#paint1_linear_321_83)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M93.7972 59.8053C93.7972 47.716 87.4542 37.1107 77.914 31.1353L72.866 24.5679L71.2409 27.9164C67.7221 26.6755 63.9362 26.0005 59.9924 26.0005C41.3197 26.0005 26.1875 41.1327 26.1875 59.8053C26.1875 70.7672 31.4025 80.5089 39.4874 86.6852L46.2741 94.5956L47.6632 91.2922C51.483 92.7887 55.6416 93.6102 59.9924 93.6102C78.665 93.6102 93.7972 78.478 93.7972 59.8053ZM49.2147 87.6027C52.557 88.8991 56.1915 89.6102 59.9924 89.6102C76.4559 89.6102 89.7972 76.2688 89.7972 59.8053C89.7972 49.1301 84.1879 39.7675 75.7552 34.5037L67.9996 34.5954L69.4813 31.5422C66.5009 30.5423 63.31 30.0005 59.9924 30.0005C43.5289 30.0005 30.1875 43.3418 30.1875 59.8053C30.1875 70.2587 35.5661 79.4534 43.7073 84.7734L50.5947 84.3211L49.2147 87.6027Z" fill="url(#paint2_linear_321_83)"/>
+<defs>
+<filter id="filter0_d_321_83" x="0.1875" y="0" width="119.61" height="119.61" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<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/>
+<feGaussianBlur stdDeviation="15"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_321_83"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_321_83" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_321_83" x1="48.9996" y1="102.5" x2="74.9996" y2="24.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.0604165" stop-color="#FFB915"/>
+<stop offset="0.2375" stop-color="#C48A02"/>
+<stop offset="0.477083" stop-color="#FFE067"/>
+<stop offset="0.721875" stop-color="#FFB915"/>
+<stop offset="1" stop-color="#FFF100"/>
+</linearGradient>
+<linearGradient id="paint1_linear_321_83" x1="71.1177" y1="48.4796" x2="64.6579" y2="74.2794" gradientUnits="userSpaceOnUse">
+<stop stop-color="#170C06"/>
+<stop offset="0.33125" stop-color="#575757"/>
+<stop offset="1" stop-color="#170C06"/>
+</linearGradient>
+<linearGradient id="paint2_linear_321_83" x1="79.4996" y1="28.7109" x2="51.378" y2="93.2576" gradientUnits="userSpaceOnUse">
+<stop stop-color="#170C06"/>
+<stop offset="0.33125" stop-color="#575757"/>
+<stop offset="1" stop-color="#170C06"/>
+</linearGradient>
+</defs>
+</svg>