[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/LogisticsInfo/Packages/usePackagesNew.tsx from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```tsx
import { useEffect, useMemo, useState } from 'react'
import { useDispatch, useSelector } from 'react-redux'

import {
  setNextUserRegistrationSections,
  setPrevStep,
} from '../../../contexts/global-context/reducers/checkoutFormSlice'
import {
  selectAddressStore,
  selectItems,
  selectLogisticsInfo,
  selectOrderFormStatus,
  setLogisticsInfo,
} from '../../../contexts/global-context/reducers/orderFormDataSlice'
import { selectSimulationLogistics } from '../../../contexts/global-context/reducers/simulationSlice'
import {
  selectIsMobile,
  selectSettings,
} from '../../../contexts/global-context/reducers/uiSettingsSlice'
import { useValidateStyles } from '../../../hooks/useValidateStyles'
import type { ItemMC, LogisticInfo } from '../../../interfaces/orderForm'
import type { LogisticInfoSimulation } from '../../../interfaces/simulation'
import type {
  PackageManager,
  PackageManagerOptions,
} from './usePackagesManager'

export const usePackages = () => {
  const [itemsToBeProcessed, setItemsToBeProcessed] = useState<
    Array<{ item: ItemMC; logisticInfo: LogisticInfoSimulation }>
  >([])

  const [packageManager, setPackageManager] = useState<PackageManager>({
    delivery: {
      selectedSla: null,
      addressId: '',
      availableSlas: [],
      currentItems: [],
      remainingItems: [],
    },
    pickUp: {
      selectedSla: null,
      addressId: '',
      availableSlas: [],
      currentItems: [],
      remainingItems: [],
    },
  })

  const [selectedLogistics, setSelectedLogistics] = useState<LogisticInfo[]>([])
  const addressAlternative = useSelector(selectAddressStore)
  const [packageNumber, setPackageNumber] = useState(1)
  const [deliveryChannel, setDeliveryChannel] = useState<'delivery' | 'pickUp'>(
    'delivery'
  )

  const dispatch = useDispatch()

  const items = useSelector(selectItems)
  const logisticInfo = useSelector(selectLogisticsInfo)
  const logisticInfoSimulation = useSelector(selectSimulationLogistics)
  const { isLiteVersion } = useSelector(selectSettings)
  const isMobile = useSelector(selectIsMobile)
  const orderFormStatus = useSelector(selectOrderFormStatus)
  const global = useValidateStyles()

  const recalculatePackage = () => {
    const slas: PackageManager = {
      delivery: {
        selectedSla: null,
        addressId: '',
        availableSlas: [],
        availableSlasId: [],
        currentItems: [], // Items for actual package
        currentIndexes: [],
        remainingItems: [], // Items pending for assign a package
      },
      pickUp: {
        selectedSla: null,
        addressId: '',
        availableSlas: [],
        availableSlasId: [],
        currentItems: [],
        currentIndexes: [],
        remainingItems: [],
      },
    }

    const slasResult = itemsToBeProcessed.reduce<PackageManager>(
      (result, current) => {
        // Check if there are slas for delivery
        const deliveriesSlas = current.logisticInfo?.slas.filter(
          (sla) => sla.deliveryChannel === 'delivery'
        )

        // Check if there are slas for pickup-in-point
        const pickupSlas = current.logisticInfo?.slas.filter(
          (sla) => sla.deliveryChannel === 'pickup-in-point'
        )

        if (deliveriesSlas?.length > 0) {
          if (!result.delivery.selectedSla) {
            //
            result.delivery.selectedSla = deliveriesSlas[0]
            result.delivery.availableSlas = deliveriesSlas
            result.delivery.availableSlasId = deliveriesSlas.map(
              (sla) => sla.id
            )
            result.delivery.currentItems.push(current.item)
            result.delivery.currentIndexes.push(current.logisticInfo.itemIndex)
            result.delivery.addressId = current.logisticInfo.addressInternalId
          } else {
            const canShipInSamePackage = deliveriesSlas.some((sla) =>
              result.delivery.availableSlasId.includes(sla.id)
            )

            if (canShipInSamePackage) {
              result.delivery.currentItems.push(current.item)
              result.delivery.currentIndexes.push(
                current.logisticInfo.itemIndex
              )
            } else {
              result.delivery.remainingItems.push(current)
            }
          }
        } else {
          result.delivery.remainingItems.push(current)
        }

        if (pickupSlas?.length > 0) {
          if (!result.pickUp.selectedSla) {
            result.pickUp.selectedSla = pickupSlas[0]
            result.pickUp.availableSlas = pickupSlas
            result.pickUp.availableSlasId = pickupSlas.map((sla) => sla.id)
            result.pickUp.currentItems.push(current.item)
            result.pickUp.currentIndexes.push(current.logisticInfo.itemIndex)
            result.pickUp.addressId = current.logisticInfo.addressInternalId
          } else {
            const canShipInSamePackage = pickupSlas.some((sla) =>
              result.pickUp.availableSlasId.includes(sla.id)
            )

            if (canShipInSamePackage) {
              result.pickUp.currentItems.push(current.item)
              result.pickUp.currentIndexes.push(current.logisticInfo.itemIndex)
            } else {
              result.pickUp.remainingItems.push(current)
            }
          }
        } else {
          result.pickUp.remainingItems.push(current)
        }

        return { ...result }
      },
      slas
    )

    if (
      !slasResult.delivery.availableSlas.length ||
      (addressAlternative?.addressDeliveryType === 'pickup' &&
        addressAlternative.id === slasResult.delivery.addressId)
    ) {
      setDeliveryChannel('pickUp')
    }

    setPackageManager(slasResult)
  }

  const handleContinue = (selectedLogistic: PackageManagerOptions) => {
    if (selectedLogistic.remainingItems.length) {
      setItemsToBeProcessed(selectedLogistic.remainingItems)
      setSelectedLogistics([
        ...selectedLogistics,
        ...selectedLogistic.currentIndexes.map<LogisticInfo>((index) => ({
          itemIndex: index,
          selectedDeliveryChannel: selectedLogistic.selectedSla.deliveryChannel,
          selectedSla: selectedLogistic.selectedSla.id,
          selectedShippingEstimate:
            selectedLogistic.selectedSla.shippingEstimate,
          deliveryWindow: selectedLogistic.selectedSla.deliveryWindow,
          addressId: selectedLogistic.addressId,
          storeName:
            selectedLogistic.selectedSla.deliveryChannel === 'pickup-in-point'
              ? selectedLogistic.selectedSla.pickupStoreInfo.friendlyName.concat(
                  ' ',
                  selectedLogistic.selectedSla.pickupStoreInfo.address.street
                )
              : null,
        })),
      ])
      setPackageNumber(packageNumber + 1)
      setDeliveryChannel('delivery') // TODO: Revisar que pasa cuando cambia a un paquete sin Domicilio
    } else {
      dispatch(
        setLogisticsInfo([
          ...selectedLogistics,
          ...selectedLogistic.currentIndexes.map<LogisticInfo>((index) => ({
            itemIndex: index,
            selectedDeliveryChannel:
              selectedLogistic.selectedSla.deliveryChannel,
            selectedSla: selectedLogistic.selectedSla.id,
            selectedShippingEstimate:
              selectedLogistic.selectedSla.shippingEstimate,
            deliveryWindow: selectedLogistic.selectedSla.deliveryWindow,
            addressId: selectedLogistic.addressId,
            storeName:
              selectedLogistic.selectedSla.deliveryChannel === 'pickup-in-point'
                ? selectedLogistic.selectedSla.pickupStoreInfo.friendlyName.concat(
                    ' ',
                    selectedLogistic.selectedSla.pickupStoreInfo.address.street
                  )
                : null,
          })),
        ])
      )

      if (orderFormStatus === 'complete') {
        dispatch(setPrevStep())
      } else {
        dispatch(setNextUserRegistrationSections())
      }
    }
  }

  const actualItems = useMemo(() => {
    if (!packageManager) return []
    if (deliveryChannel === 'delivery') {
      return packageManager?.delivery.currentItems
    }

    return packageManager?.pickUp.currentItems
  }, [deliveryChannel, packageManager])

  const disable = useMemo(
    () =>
      !!(
        packageManager &&
        packageManager[deliveryChannel].selectedSla &&
        (!packageManager[deliveryChannel].selectedSla.availableDeliveryWindow
          .length ||
          (packageManager[deliveryChannel].selectedSla.availableDeliveryWindow
            .length &&
            packageManager[deliveryChannel].selectedSla.deliveryWindow &&
            packageManager[deliveryChannel].selectedSla.deliveryWindow
              .startDateUtc !== '' &&
            packageManager[deliveryChannel].selectedSla.deliveryWindow
              .endDateUtc !== ''))
      ),
    [packageManager]
  )

  useEffect(() => {
    // TODO: Si hacen un cambio ya sea en los items o en la simulación se deberia reiniciar el proceso
    // de seleccion de paquetes
    setSelectedLogistics([])
    setPackageNumber(1)
    setPackageManager({
      delivery: {
        selectedSla: null,
        addressId: '',
        availableSlas: [],
        currentItems: [],
        remainingItems: [],
      },
      pickUp: {
        selectedSla: null,
        addressId: '',
        availableSlas: [],
        currentItems: [],
        remainingItems: [],
      },
    })

    const reducedItems = items?.reduce((previous, item) => {
      const wasAdded = previous.find(
        (previousItem) => previousItem.id === item.id
      )

      if (!wasAdded) {
        previous.push({
          ...item,
          quantity: items.filter((countItem) => countItem.id === item.id)
            .length,
        })
      }

      return previous
    }, [])

    setItemsToBeProcessed(
      reducedItems.map((item, index) => ({
        item,
        logisticInfo: logisticInfoSimulation[index],
      }))
    )
  }, [logisticInfoSimulation, logisticInfo, items])

  useEffect(() => {
    if (itemsToBeProcessed.length > 0) {
      recalculatePackage()
    }
  }, [itemsToBeProcessed])

  return {
    packageManager,
    actualItems,
    packageNumber,
    deliveryChannel,
    setDeliveryChannel,
    setPackageManager,
    handleContinue,
    isMobile,
    isLiteVersion,
    global,
    disable,
    isEdit: orderFormStatus === 'complete',
  }
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/LogisticsInfo/Packages/Packages.tsx from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```tsx
/* eslint-disable no-loop-func */
import React from 'react'

import styles from '../logisticsInfo-module.css'
import DeliveryChannel from '../DeliveryChannel/DeliveryChannelContainer'
import { Button } from '../../shared'
import useFormatMessage from '../../../i18n/useFormatMessage'
import LogisticsInfo from '../LogisticsInfo'
import globalStyles from '../../../myCheckout-styles.module.css'
import { usePackagesManager } from './usePackagesManager'

interface Props {
  global: any
  isEdit: boolean
}

const Packages = (props: Props) => {
  const { isEdit } = props

  const {
    packageNumber,
    packageManager,
    deliveryChannel,
    actualItems,
    handleContinue,
    disable,
  } = usePackagesManager()

  return (
    <div>
      <div className={`${styles.packagesContainer} ${globalStyles.textBase}`}>
        <p className={globalStyles.regular}>
          {useFormatMessage('store/checkoutless.logistics.shippingSteps', {
            step: packageNumber,
          })}
        </p>
        <p className={`${globalStyles.enphasis} ${globalStyles.regular}`}>
          {deliveryChannel === 'delivery'
            ? useFormatMessage('store/checkoutless.logistics.homeDelivery')
            : useFormatMessage('store/checkoutless.logistics.pickUpInStore')}
        </p>
      </div>
      <div className={styles.imagesContainer}>
        {actualItems.map((item) => (
          <img src={item.imageUrl} key={item.id} />
        ))}
      </div>
      <DeliveryChannel />
      <LogisticsInfo />
      <div className={globalStyles.actionButtonContainer}>
        {!isEdit ? (
          <Button
            value={'store/checkoutless.button.continue'}
            onClick={() => handleContinue(packageManager[deliveryChannel])}
            disabled={!disable}
          />
        ) : (
          <div className={globalStyles.buyButtonContainer}>
            <Button
              value={'store/checkoutless.button.save'}
              onClick={() => handleContinue(packageManager[deliveryChannel])}
              disabled={!disable}
            />
          </div>
        )}
      </div>
    </div>
  )
}

export default Packages

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/LogisticsInfo/Delivery/Delivery.tsx from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

import { Select } from '../../shared'
import ScheduleDelivery from '../ScheduleDelivery/ScheduleDeliveryContainer'
import styles from '../logisticsInfo-module.css'
import gridStyles from '../../../grid.module.css'
import globalStyles from '../../../myCheckout-styles.module.css'

interface Props {
  selectedSla: string
  formatedEstimateTime: any
  selectIcon: () => JSX.Element
  delivery: any
}

const Delivery = (props: Props) => {
  const { formatedEstimateTime, selectIcon, delivery, selectedSla } = props

  return (
    <div
      className={`${styles.shippingContainer} ${gridStyles.gridFormTwoCols} ${globalStyles.bigMarginBottom}`}
    >
      <div data-col="two-col">
        <Select
          options={formatedEstimateTime}
          placeholder="store/checkoutless.register.city"
          icon={selectIcon()}
          {...delivery}
        />
      </div>
      {selectedSla !== '' && <ScheduleDelivery />}
    </div>
  )
}

export default Delivery

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/LogisticsInfo/Delivery/useDelivery.tsx from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React, { useEffect, useState, Fragment } from 'react'
import { useIntl } from 'react-intl'

import { formatter } from '../../../utils'
import { useSelectValue } from '../../../hooks/useSelectValue'
import { Shipping } from '../../Icons'
import useFormatMessage from '../../../i18n/useFormatMessage'
import global from '../../../myCheckout-styles.module.css'
import { usePackagesManager } from '../Packages/usePackagesManager'

const useDelivery = () => {
  const intl = useIntl()
  const { packageManager, setPackageManager } = usePackagesManager()

  const [formatedEstimateTime, setFormatedEstimateTime] = useState([
    {
      label: '',
      value: '',
    },
  ])

  const delivery: any = useSelectValue({
    label: useFormatMessage('store/checkoutless.logistics.chooseShipping'),
    value: packageManager.delivery.selectedSla?.id,
  })

  useEffect(() => {
    setFormatedEstimateTime(
      packageManager.delivery.availableSlas.map((sla) => {
        const { shippingEstimate, id, name } = sla
        let time = ''
        let textTime
        let connector = ''

        if (shippingEstimate === '0bd') {
          textTime = intl.formatMessage({
            id: 'store/checkoutless.logistics.sameDay',
          })
        } else if (shippingEstimate.includes('bd')) {
          time = shippingEstimate.substring(0, shippingEstimate.length - 2)
          textTime = intl.formatMessage({
            id: 'store/checkoutless.logistics.businessDays',
          })
          connector = intl.formatMessage({
            id: 'store/checkoutless.generalMessage.in',
          })
        } else if (shippingEstimate.includes('d')) {
          time = shippingEstimate.substring(0, shippingEstimate.length - 1)
          textTime = intl.formatMessage({
            id: 'store/checkoutless.logistics.days',
          })
          connector = intl.formatMessage({
            id: 'store/checkoutless.generalMessage.in',
          })
        } else if (shippingEstimate.includes('m')) {
          time = shippingEstimate.substring(0, shippingEstimate.length - 1)
          textTime = intl.formatMessage({
            id: 'store/checkoutless.logistics.minutes',
          })
          connector = intl.formatMessage({
            id: 'store/checkoutless.generalMessage.in',
          })
        }

        if (packageManager.delivery.selectedSla.id === sla.id) {
          delivery.setValue({
            label: intl.formatMessage(
              { id: 'store/checkoutless.logistics.deliveryType' },
              {
                type: name,
                days: `${time} ${textTime}`,
                price: formatter.format(sla.price / 100),
                in: connector,
              }
            ),
            value: id,
          })
        }

        return {
          label: intl.formatMessage(
            { id: 'store/checkoutless.logistics.deliveryType' },
            {
              type: name,
              days: `${time} ${textTime}`,
              price: formatter.format(sla.price / 100),
              in: connector,
            }
          ),
          value: id,
        }
      })
    )
  }, [packageManager.delivery.selectedSla?.id])

  useEffect(() => {
    if (delivery.value.value !== packageManager.delivery.selectedSla?.id) {
      const selectedSla = packageManager.delivery.availableSlas.find(
        (sla) => sla.id === delivery.value.value
      )

      setPackageManager({
        ...packageManager,
        delivery: {
          ...packageManager.delivery,
          selectedSla,
        },
      })
    }
  }, [delivery.value.value])

  const selectIcon = () => {
    return (
      <Fragment>
        <Shipping
          fill={
            packageManager.delivery.selectedSla
              ? global.iconAlternativeStrokeSecondary
              : global.iconAlternativeStroke
          }
          width={24}
          height={24}
        />
      </Fragment>
    )
  }

  return {
    formatedEstimateTime,
    selectIcon,
    delivery,
    selectedSla: packageManager.delivery.selectedSla?.id || '',
  }
}

export default useDelivery

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/LogisticsInfo/Delivery/DeliveryContainer.tsx from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

import Delivery from './Delivery'
import useDelivery from './useDelivery'

const DeliveryContainer = () => {
  const delivery = useDelivery()

  return <Delivery {...delivery} />
}

export default DeliveryContainer

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/LogisticsInfo/LogisticsSummary/LogisticsSummary.tsx from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React, { Fragment } from 'react'
import ContentLoader from 'react-content-loader'

import { Alert } from '../../shared'
import { Pickup, Shipping } from '../../Icons'
import InfoItem from '../../shared/InfoItem'
import globalStyles from '../../../myCheckout-styles.module.css'
import type { PackageSummaryMC } from '../../../interfaces/orderForm'
import { messages as packageMessages } from '../../../utils/packages'
import { useDeliveryPromise } from '../../../hooks/useDeliveryPromise'

interface Props {
  className?: string
  emptyCart: boolean
  packages: PackageSummaryMC[]
  isLoading: boolean
  intl: any
  onClick: () => void
  disabledAction?: boolean
  alternativeAction?: () => void
}

const LogisticsSummary = ({
  className,
  emptyCart,
  packages,
  intl,
  onClick,
  disabledAction,
  alternativeAction,
  isLoading,
}: Props) => {
  if (isLoading) {
    return (
      <ContentLoader
        speed={2}
        width={315}
        height={30}
        viewBox="0 0 315 30"
        backgroundColor="#f3f3f3"
        foregroundColor="#ecebeb"
      >
        <rect x="0" y="15" rx="2" ry="2" width="315" height="20" />
      </ContentLoader>
    )
  }

  return (
    <Fragment>
      {emptyCart && (
        <Alert type="error" text="store/checkoutless.userInfo.noProducts" />
      )}
      {packages.length > 0 &&
        packages.map((info) => {
          const { time, textTime } = useDeliveryPromise(
            info.selectedShippingEstimate
          )

          return (
            info.deliveryChannel && (
              <InfoItem key={info.deliveryChannel} className={className}>
                <InfoItem.Icon>
                  {info.deliveryChannel === 'delivery' ? (
                    <Shipping
                      fill={globalStyles.strokeCheckiconAlternative}
                      height={24}
                      width={24}
                    />
                  ) : (
                    <Pickup fill={globalStyles.iconAlternative} />
                  )}
                </InfoItem.Icon>
                <InfoItem.Content>
                  {info.deliveryChannel === 'delivery' ? (
                    <Fragment>{`${intl.formatMessage(
                      packageMessages.homeDelivery
                    )} - ${time} ${textTime}`}</Fragment>
                  ) : (
                    <Fragment>{`${intl.formatMessage(
                      packageMessages.pickUpInStore
                    )} - ${info?.storeName}`}</Fragment>
                  )}
                </InfoItem.Content>
                <InfoItem.Edit
                  style={{ flex: 0, justifyContent: 'end' }}
                  className={globalStyles.cursorPointer}
                  onClick={onClick}
                  disabledAction={disabledAction}
                  alternativeAction={alternativeAction}
                />
              </InfoItem>
            )
          )
        })}
    </Fragment>
  )
}

export default LogisticsSummary

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/LogisticsInfo/LogisticsSummary/useLogisticsSummary.tsx from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```tsx
import { useIntl } from 'react-intl'
import { useSelector } from 'react-redux'

import {
  selectEmptyCart,
  selectPackages,
} from '../../../contexts/global-context/reducers/orderFormDataSlice'
import { selectSimulationStatus } from '../../../contexts/global-context/reducers/simulationSlice'

const useLogisticsSummary = () => {
  const intl = useIntl()
  const packages = useSelector(selectPackages)
  const emptyCart = useSelector(selectEmptyCart)
  const simulationStatus = useSelector(selectSimulationStatus)

  return {
    emptyCart,
    packages,
    intl,
    isLoading:
      simulationStatus === 'loading' || simulationStatus === 'preloading',
  }
}

export default useLogisticsSummary

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/LogisticsInfo/LogisticsSummary/LogisticsSummaryContainer.tsx from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'

import LogisticsSummary from './LogisticsSummary'
import useLogisticsSummary from './useLogisticsSummary'

interface Props {
  className?: string
  onClick: () => void
  disabledAction?: boolean
  alternativeAction?: () => void
}

const LogisticsSummaryContainer = (props: Props) => {
  const logisticsSummary = useLogisticsSummary()

  return <LogisticsSummary {...props} {...logisticsSummary} />
}

export default LogisticsSummaryContainer

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/Animations/MyCheckoutAnimation/MyCheckoutAnimation.tsx from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React from 'react'
import Lottie from 'react-lottie'

import * as animation from './MycheckoutLottie.json'

export const MyCheckoutAnimation = () => {
  const defaultOptions = {
    loop: false,
    autoplay: true,
    animationData: animation,
  }

  return (
    <div
      style={{
        width: '100%',
        height: 200,
        overflow: 'hidden',
        position: 'relative',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
      }}
    >
      <Lottie
        options={defaultOptions}
        width={380}
        height={380}
        style={{
          position: 'absolute',
          top: '-70px',
        }}
      />
    </div>
  )
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/Animations/MyCheckoutAnimation/MycheckoutLottie.json from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "v": "5.7.4",
  "fr": 30,
  "ip": 0,
  "op": 68,
  "w": 375,
  "h": 375,
  "nm": "Comp 9",
  "ddd": 0,
  "assets": [],
  "layers": [
    {
      "ddd": 0,
      "ind": 1,
      "ty": 4,
      "nm": "trazo/Logo MyCheckout contornos",
      "sr": 1,
      "ks": {
        "o": { "a": 0, "k": 100, "ix": 11 },
        "r": { "a": 0, "k": 0, "ix": 10 },
        "p": {
          "a": 1,
          "k": [
            {
              "i": { "x": 0.667, "y": 1 },
              "o": { "x": 0.333, "y": 0 },
              "t": 31,
              "s": [187.5, 187.5, 0],
              "to": [22.5, -5.667, 0],
              "ti": [-22.5, 5.667, 0]
            },
            {
              "i": { "x": 0.667, "y": 0.667 },
              "o": { "x": 0.333, "y": 0.333 },
              "t": 40,
              "s": [322.5, 153.5, 0],
              "to": [0, 0, 0],
              "ti": [0, 0, 0]
            },
            { "t": 45, "s": [322.5, 153.5, 0] }
          ],
          "ix": 2,
          "l": 2
        },
        "a": { "a": 0, "k": [68.5, 60.5, 0], "ix": 1, "l": 2 },
        "s": {
          "a": 1,
          "k": [
            {
              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
              "t": 31,
              "s": [100, 100, 100]
            },
            {
              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
              "t": 40,
              "s": [42, 42, 100]
            },
            {
              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
              "t": 45,
              "s": [42, 42, 100]
            },
            {
              "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] },
              "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] },
              "t": 50,
              "s": [32, 32, 100]
            },
            { "t": 55, "s": [42, 42, 100] }
          ],
          "ix": 6,
          "l": 2
        }
      },
      "ao": 0,
      "shapes": [
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0.741, 0.433],
                    [6.973, 10.075],
                    [-0.349, 11.571],
                    [0, 0],
                    [-2.198, -1.721],
                    [0, 0],
                    [-0.557, -2.901],
                    [0, 0],
                    [-1.433, 2.396],
                    [0, 0]
                  ],
                  "o": [
                    [-8.773, -5.128],
                    [-9.62, -13.9],
                    [0, 0],
                    [-2.786, 0.18],
                    [0, 0],
                    [2.326, 1.821],
                    [0, 0],
                    [0.526, 2.742],
                    [0, 0],
                    [-0.743, -0.388]
                  ],
                  "v": [
                    [37.834, 14.169],
                    [13.546, -9.257],
                    [-0.53, -49.339],
                    [-36.185, -47.038],
                    [-37.863, -41.613],
                    [1.666, -10.669],
                    [6.137, -3.344],
                    [15.594, 45.955],
                    [21.187, 46.943],
                    [40.061, 15.395]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.148703810748, 0.619411274031, 0.799582926432, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 3.301, "ix": 5 },
              "lc": 2,
              "lj": 2,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [48.313, 62.704], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 1",
          "np": 2,
          "cix": 2,
          "bm": 0,
          "ix": 1,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [-8.83, -12.758],
                    [-8.668, -4.479],
                    [-0.052, -0.027],
                    [0, 0],
                    [2.443, -0.158],
                    [0, 0]
                  ],
                  "o": [
                    [7.014, 10.134],
                    [0.053, 0.027],
                    [0, 0],
                    [1.257, -2.102],
                    [0, 0],
                    [-0.464, 10.145]
                  ],
                  "v": [
                    [-23.973, 9.353],
                    [0.355, 32.016],
                    [0.512, 32.092],
                    [36.069, -27.341],
                    [33.266, -31.934],
                    [-36.862, -27.408]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.148703810748, 0.619411274031, 0.799582926432, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 3.301, "ix": 5 },
              "lc": 2,
              "lj": 2,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [91.248, 40.345], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 2",
          "np": 2,
          "cix": 2,
          "bm": 0,
          "ix": 2,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "tm",
          "s": { "a": 0, "k": 0, "ix": 1 },
          "e": {
            "a": 1,
            "k": [
              {
                "i": { "x": [0.667], "y": [1] },
                "o": { "x": [0.333], "y": [0] },
                "t": 1,
                "s": [0]
              },
              { "t": 31, "s": [100] }
            ],
            "ix": 2
          },
          "o": { "a": 0, "k": 0, "ix": 3 },
          "m": 1,
          "ix": 3,
          "nm": "Recortar trazados 1",
          "mn": "ADBE Vector Filter - Trim",
          "hd": false
        }
      ],
      "ip": 0,
      "op": 150,
      "st": 0,
      "bm": 0
    },
    {
      "ddd": 0,
      "ind": 2,
      "ty": 4,
      "nm": "by/Logo MyCheckout contornos",
      "sr": 1,
      "ks": {
        "o": {
          "a": 1,
          "k": [
            {
              "i": { "x": [0.833], "y": [0.833] },
              "o": { "x": [0.167], "y": [0.167] },
              "t": 31,
              "s": [0]
            },
            { "t": 40, "s": [100] }
          ],
          "ix": 11
        },
        "r": { "a": 0, "k": 0, "ix": 10 },
        "p": { "a": 0, "k": [170.698, 177.5, 0], "ix": 2, "l": 2 },
        "a": { "a": 0, "k": [206.5, 40.5, 0], "ix": 1, "l": 2 },
        "s": { "a": 0, "k": [70.071, 70.071, 100], "ix": 6, "l": 2 }
      },
      "ao": 0,
      "shapes": [
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0.768, -0.857],
                    [1.603, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [-0.681, 0.461],
                    [-1.032, 2.502],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "o": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [-0.813, 1.953],
                    [-0.922, 1.053],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [1.032, 0],
                    [0.988, -0.681],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "v": [
                    [5.631, -10.603],
                    [5.697, -10.801],
                    [6.421, -10.801],
                    [6.224, -10.34],
                    [0.329, 4.807],
                    [0.264, 5.005],
                    [0.23, 5.005],
                    [-2.141, 9.22],
                    [-5.928, 10.801],
                    [-6.257, 10.801],
                    [-6.257, 10.141],
                    [-5.928, 10.141],
                    [-3.359, 9.451],
                    [-0.329, 4.676],
                    [-6.224, -10.34],
                    [-6.421, -10.801],
                    [-5.697, -10.801],
                    [-5.631, -10.603],
                    [0.033, 3.786]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 1.087, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [25.438, 20.432], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 1",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 1,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [-1.12, -1.383],
                    [-1.976, 0],
                    [-1.23, 1.142],
                    [0, 2.239],
                    [1.076, 1.383],
                    [2.02, 0],
                    [1.23, -1.12],
                    [0, -2.26]
                  ],
                  "o": [
                    [1.295, 1.625],
                    [1.602, 0],
                    [1.558, -1.448],
                    [0, -1.8],
                    [-1.295, -1.646],
                    [-1.58, 0],
                    [-1.58, 1.471],
                    [0, 1.801]
                  ],
                  "v": [
                    [-4.906, 8.265],
                    [0, 10.702],
                    [4.248, 8.989],
                    [6.586, 3.458],
                    [4.972, -1.317],
                    [0, -3.786],
                    [-4.215, -2.107],
                    [-6.585, 3.49]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ind": 1,
              "ty": "sh",
              "ix": 2,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [-0.527, 0.637],
                    [-2.129, 0],
                    [-1.383, -1.273],
                    [0, -2.415],
                    [1.252, -1.515],
                    [2.151, 0],
                    [0.856, 0.352],
                    [0.812, 1.91],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "o": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0.307, -0.725],
                    [1.427, -1.712],
                    [1.778, 0],
                    [1.668, 1.58],
                    [0, 2.02],
                    [-1.427, 1.734],
                    [-0.9, 0],
                    [-1.822, -0.79],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "v": [
                    [-7.244, -11.031],
                    [-7.244, -11.36],
                    [-6.585, -11.36],
                    [-6.585, -11.031],
                    [-6.585, 0.165],
                    [-5.334, -1.877],
                    [0, -4.445],
                    [4.742, -2.535],
                    [7.244, 3.458],
                    [5.367, 8.759],
                    [0, 11.36],
                    [-2.634, 10.833],
                    [-6.585, 6.783],
                    [-6.585, 11.031],
                    [-6.585, 11.36],
                    [-7.244, 11.36],
                    [-7.244, 11.031],
                    [-7.244, 3.49]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 2",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "mm",
              "mm": 1,
              "nm": "Combinar trazados 1",
              "mn": "ADBE Vector Filter - Merge",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 1.087, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [9.962, 14.077], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 2",
          "np": 5,
          "cix": 2,
          "bm": 0,
          "ix": 2,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [0, 0],
                    [-5.416, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0.78, 0.098],
                    [0.049, 5.661],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "o": [
                    [0, 0],
                    [0.39, 4.001],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [-0.781, 0],
                    [-6.147, -0.634],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "v": [
                    [-0.659, 12.551],
                    [-0.659, 13.21],
                    [8.05, 19.212],
                    [9.514, 19.212],
                    [9.514, 22.139],
                    [8.05, 22.139],
                    [5.708, 21.993],
                    [-3.587, 12.551],
                    [-3.587, -10.063],
                    [-8.051, -10.063],
                    [-9.514, -10.063],
                    [-9.514, -12.99],
                    [-8.051, -12.99],
                    [-3.587, -12.99],
                    [-3.587, -20.675],
                    [-3.587, -22.139],
                    [-0.659, -22.139],
                    [-0.659, -20.675],
                    [-0.659, -12.99],
                    [8.05, -12.99],
                    [9.514, -12.99],
                    [9.514, -10.063],
                    [8.05, -10.063],
                    [-0.659, -10.063]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [396.477, 38.278], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 3",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 3,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [-1.463, -1.805],
                    [-3.758, 0],
                    [-2.001, 1.367],
                    [0, 3.366],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [2.049, -2.391],
                    [4.537, 0],
                    [2.683, 2.099],
                    [0, 3.952],
                    [0, 0]
                  ],
                  "o": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 2.195],
                    [2.293, 2.733],
                    [2.488, 0],
                    [2.975, -1.999],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 3.025],
                    [-2.831, 3.269],
                    [-3.465, 0],
                    [-3.318, -2.635],
                    [0, 0],
                    [0, 0]
                  ],
                  "v": [
                    [-14.161, -17.528],
                    [-11.161, -17.528],
                    [-11.234, -16.064],
                    [-11.307, 4.501],
                    [-9.112, 10.502],
                    [-0.036, 14.6],
                    [6.697, 12.551],
                    [11.16, 4.501],
                    [11.16, -16.137],
                    [11.233, -17.528],
                    [14.234, -17.528],
                    [14.161, -16.064],
                    [14.089, 4.501],
                    [11.014, 12.625],
                    [-0.036, 17.528],
                    [-9.259, 14.381],
                    [-14.234, 4.501],
                    [-14.234, -16.137]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [367.021, 42.889], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 4",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 4,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [-2.049, -2.781],
                    [-4.099, 0],
                    [-2.44, 2.196],
                    [0, 4.636],
                    [2.05, 2.781],
                    [4.098, 0],
                    [2.439, -2.196],
                    [0, -4.634]
                  ],
                  "o": [
                    [2.635, 3.465],
                    [3.122, 0],
                    [3.22, -2.927],
                    [0, -3.513],
                    [-2.634, -3.463],
                    [-3.123, 0],
                    [-3.221, 2.927],
                    [0, 3.513]
                  ],
                  "v": [
                    [-10.1, 9.441],
                    [0, 14.637],
                    [8.343, 11.344],
                    [13.173, -0.001],
                    [10.099, -9.441],
                    [0, -14.637],
                    [-8.343, -11.343],
                    [-13.174, -0.001]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ind": 1,
              "ty": "sh",
              "ix": 2,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [-2.831, 3.416],
                    [-4.684, 0],
                    [-3.074, -2.879],
                    [0, -5.317],
                    [2.829, -3.414],
                    [4.684, 0],
                    [3.074, 2.879],
                    [0, 5.319]
                  ],
                  "o": [
                    [3.22, -3.756],
                    [4, 0],
                    [3.659, 3.512],
                    [0, 4.538],
                    [-3.22, 3.758],
                    [-4.001, 0],
                    [-3.659, -3.513],
                    [0, -4.537]
                  ],
                  "v": [
                    [-11.856, -11.929],
                    [0, -17.564],
                    [10.612, -13.247],
                    [16.101, -0.001],
                    [11.856, 11.929],
                    [0, 17.564],
                    [-10.612, 13.247],
                    [-16.101, -0.001]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 2",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "mm",
              "mm": 1,
              "nm": "Combinar trazados 1",
              "mn": "ADBE Vector Filter - Merge",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [329.368, 42.853], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 5",
          "np": 5,
          "cix": 2,
          "bm": 0,
          "ix": 5,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "o": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "v": [
                    [-11.38, 9.514],
                    [-11.38, 24.151],
                    [-11.38, 25.615],
                    [-14.308, 25.615],
                    [-14.308, 24.151],
                    [-14.308, 9.514],
                    [-14.308, 6.586],
                    [-14.308, -24.151],
                    [-14.308, -25.615],
                    [-11.38, -25.615],
                    [-11.38, -24.151],
                    [-11.38, 6.586],
                    [-7.647, 6.586],
                    [9.551, -9.148],
                    [9.99, -9.514],
                    [14.308, -9.514],
                    [11.6, -6.953],
                    [-4.793, 8.05],
                    [11.6, 23.053],
                    [14.308, 25.615],
                    [9.99, 25.615],
                    [9.551, 25.249],
                    [-7.647, 9.514]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [295.373, 34.802], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 6",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 6,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [5.61, -0.047],
                    [2.976, 2.83],
                    [0, 5.368],
                    [-2.733, 3.366],
                    [-4.734, 0],
                    [-2.976, -4.245],
                    [0, 0],
                    [4.878, 0.049],
                    [2.39, -2.147],
                    [0, -4.684],
                    [-1.952, -2.732],
                    [-4.099, 0],
                    [-2.733, 3.659]
                  ],
                  "o": [
                    [-3.123, 4.537],
                    [-3.952, 0],
                    [-3.659, -3.513],
                    [0, -4.489],
                    [3.122, -3.854],
                    [5.806, 0.049],
                    [0, 0],
                    [-2.245, -3.367],
                    [-3.074, 0],
                    [-3.172, 2.927],
                    [0, 3.513],
                    [2.586, 3.512],
                    [4.439, -0.048],
                    [0, 0]
                  ],
                  "v": [
                    [14.454, 10.686],
                    [1.354, 17.564],
                    [-9.039, 13.321],
                    [-14.527, 0.001],
                    [-10.429, -11.782],
                    [1.354, -17.564],
                    [14.527, -11.123],
                    [12.039, -9.514],
                    [1.354, -14.636],
                    [-6.843, -11.416],
                    [-11.6, 0.001],
                    [-8.673, 9.369],
                    [1.354, 14.637],
                    [12.112, 9.076]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [257.538, 42.852], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 7",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 7,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [2.05, 2.538],
                    [4, 0],
                    [2.293, -1.707],
                    [0.39, -4.488]
                  ],
                  "o": [
                    [0, -2.928],
                    [-2.733, -3.317],
                    [-2.733, 0],
                    [-3.319, 2.587],
                    [0, 0]
                  ],
                  "v": [
                    [13.173, -1.464],
                    [10.099, -9.66],
                    [0, -14.637],
                    [-7.538, -12.076],
                    [-13.1, -1.464]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ind": 1,
              "ty": "sh",
              "ix": 2,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [5.756, 0],
                    [3.074, 2.831],
                    [0, 5.368],
                    [-2.781, 3.366],
                    [-4.782, 0],
                    [-3.074, -2.878],
                    [0, -5.317],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [-1.659, -2.342],
                    [-4.148, 0],
                    [-2.977, 3.904]
                  ],
                  "o": [
                    [-3.513, 4.683],
                    [-3.952, 0],
                    [-3.708, -3.513],
                    [0, -4.489],
                    [3.171, -3.854],
                    [4, 0],
                    [3.659, 3.513],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0.292, 2.927],
                    [2.635, 3.512],
                    [4.732, 0],
                    [0, 0]
                  ],
                  "v": [
                    [13.905, 10.539],
                    [0, 17.565],
                    [-10.539, 13.319],
                    [-16.101, 0],
                    [-11.929, -11.783],
                    [0, -17.565],
                    [10.612, -13.246],
                    [16.101, 0],
                    [16.101, 1.465],
                    [14.637, 1.465],
                    [-13.1, 1.465],
                    [-10.173, 9.368],
                    [0, 14.638],
                    [11.563, 8.783]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 2",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "mm",
              "mm": 1,
              "nm": "Combinar trazados 1",
              "mn": "ADBE Vector Filter - Merge",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [221.055, 42.852], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 8",
          "np": 5,
          "cix": 2,
          "bm": 0,
          "ix": 8,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [-0.195, 0.195],
                    [-4.245, 0],
                    [-2.635, -2.243],
                    [0, -4.684],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [1.512, 2.148],
                    [3.61, 0],
                    [2, -1.61],
                    [0, -3.953],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "o": [
                    [2.781, -3.464],
                    [3.268, 0],
                    [3.367, 2.977],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, -2.683],
                    [-2.196, -3.122],
                    [-2.441, 0],
                    [-2.88, 2.392],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0.097, -0.146]
                  ],
                  "v": [
                    [-10.575, -6.697],
                    [-0.036, -11.893],
                    [8.819, -8.526],
                    [13.869, 2.965],
                    [13.869, 21.772],
                    [13.942, 23.31],
                    [11.088, 23.31],
                    [11.015, 21.845],
                    [10.942, 2.965],
                    [8.673, -4.281],
                    [-0.036, -8.966],
                    [-6.696, -6.551],
                    [-11.014, 2.965],
                    [-11.014, 4.427],
                    [-11.014, 21.772],
                    [-11.014, 23.237],
                    [-13.942, 23.237],
                    [-13.942, 21.772],
                    [-13.942, 4.427],
                    [-13.942, 2.965],
                    [-13.942, -21.845],
                    [-13.942, -23.31],
                    [-11.014, -23.31],
                    [-11.014, -21.845],
                    [-11.014, -6.185]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [182.304, 37.181], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 9",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 9,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [5.61, -0.047],
                    [2.976, 2.83],
                    [0, 5.368],
                    [-2.733, 3.366],
                    [-4.733, 0],
                    [-2.976, -4.245],
                    [0, 0],
                    [4.878, 0.049],
                    [2.39, -2.147],
                    [0, -4.684],
                    [-1.952, -2.732],
                    [-4.098, 0],
                    [-2.733, 3.659]
                  ],
                  "o": [
                    [-3.123, 4.537],
                    [-3.952, 0],
                    [-3.659, -3.513],
                    [0, -4.489],
                    [3.122, -3.854],
                    [5.806, 0.049],
                    [0, 0],
                    [-2.245, -3.367],
                    [-3.074, 0],
                    [-3.172, 2.927],
                    [0, 3.513],
                    [2.586, 3.512],
                    [4.439, -0.048],
                    [0, 0]
                  ],
                  "v": [
                    [14.454, 10.686],
                    [1.354, 17.564],
                    [-9.039, 13.321],
                    [-14.527, 0.001],
                    [-10.429, -11.782],
                    [1.354, -17.564],
                    [14.527, -11.123],
                    [12.039, -9.514],
                    [1.354, -14.636],
                    [-6.843, -11.416],
                    [-11.6, 0.001],
                    [-8.673, 9.369],
                    [1.354, 14.637],
                    [12.112, 9.076]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [144.834, 42.852], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 10",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 10,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [1.854, -2.195],
                    [3.464, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [-1.318, 0.976],
                    [-2.147, 5.659],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "o": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [-1.952, 5.171],
                    [-2.001, 2.342],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [1.903, 0],
                    [1.902, -1.463],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "v": [
                    [11.051, -23.42],
                    [11.417, -24.37],
                    [14.564, -24.37],
                    [13.832, -22.395],
                    [1.464, 9.807],
                    [-4.245, 20.857],
                    [-12.442, 24.37],
                    [-13.905, 24.37],
                    [-13.905, 21.443],
                    [-12.442, 21.443],
                    [-7.611, 19.979],
                    [-1.537, 9.294],
                    [-13.832, -22.395],
                    [-14.564, -24.37],
                    [-11.417, -24.37],
                    [-11.051, -23.42],
                    [0.073, 5.196]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [110.547, 49.659], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 11",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 11,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "o": [
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0],
                    [0, 0]
                  ],
                  "v": [
                    [-19.761, 24.883],
                    [-22.688, 24.883],
                    [-22.688, 23.419],
                    [-22.688, -23.42],
                    [-22.688, -24.883],
                    [-20.273, -24.883],
                    [-19.907, -24.005],
                    [-0.001, 19.833],
                    [19.833, -24.005],
                    [20.199, -24.883],
                    [22.614, -24.883],
                    [22.614, -23.42],
                    [22.688, 23.419],
                    [22.688, 24.883],
                    [19.759, 24.883],
                    [19.759, 23.419],
                    [19.686, -16.613],
                    [1.317, 24.005],
                    [0.951, 24.883],
                    [-0.952, 24.883],
                    [-1.318, 24.005],
                    [-19.761, -16.613],
                    [-19.761, 23.419]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 2.415, "ix": 5 },
              "lc": 1,
              "lj": 1,
              "ml": 10,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "fl",
              "c": {
                "a": 0,
                "k": [0.255850399242, 0.256411174699, 0.254158349131, 1],
                "ix": 4
              },
              "o": { "a": 0, "k": 100, "ix": 5 },
              "r": 1,
              "bm": 0,
              "nm": "Relleno 1",
              "mn": "ADBE Vector Graphic - Fill",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [65.173, 35.534], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 12",
          "np": 3,
          "cix": 2,
          "bm": 0,
          "ix": 12,
          "mn": "ADBE Vector Group",
          "hd": false
        }
      ],
      "ip": 0,
      "op": 150,
      "st": 0,
      "bm": 0
    }
  ],
  "markers": []
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of mycheckout-sdk/src/components/Animations/MycheckoutSymbolAnimation/MycheckoutSymbolLottie.json from the mycheckout-sdk VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "v": "5.7.4",
  "fr": 30,
  "ip": 0,
  "op": 53,
  "w": 375,
  "h": 667,
  "nm": "Comp 12",
  "ddd": 0,
  "assets": [],
  "layers": [
    {
      "ddd": 0,
      "ind": 1,
      "ty": 4,
      "nm": "trazo/Logo MyCheckout contornos",
      "sr": 1,
      "ks": {
        "o": { "a": 0, "k": 100, "ix": 11 },
        "r": { "a": 0, "k": 0, "ix": 10 },
        "p": { "a": 0, "k": [187.5, 333.5, 0], "ix": 2, "l": 2 },
        "a": { "a": 0, "k": [68.5, 60.5, 0], "ix": 1, "l": 2 },
        "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
      },
      "ao": 0,
      "shapes": [
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0.741, 0.433],
                    [6.973, 10.075],
                    [-0.349, 11.571],
                    [0, 0],
                    [-2.198, -1.721],
                    [0, 0],
                    [-0.557, -2.901],
                    [0, 0],
                    [-1.433, 2.396],
                    [0, 0]
                  ],
                  "o": [
                    [-8.773, -5.128],
                    [-9.62, -13.9],
                    [0, 0],
                    [-2.786, 0.18],
                    [0, 0],
                    [2.326, 1.821],
                    [0, 0],
                    [0.526, 2.742],
                    [0, 0],
                    [-0.743, -0.388]
                  ],
                  "v": [
                    [37.834, 14.169],
                    [13.546, -9.257],
                    [-0.53, -49.339],
                    [-36.185, -47.038],
                    [-37.863, -41.613],
                    [1.666, -10.669],
                    [6.137, -3.344],
                    [15.594, 45.955],
                    [21.187, 46.943],
                    [40.061, 15.395]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.148703810748, 0.619411274031, 0.799582926432, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 3.301, "ix": 5 },
              "lc": 2,
              "lj": 2,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [48.313, 62.704], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 1",
          "np": 2,
          "cix": 2,
          "bm": 0,
          "ix": 1,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [-8.83, -12.758],
                    [-8.668, -4.479],
                    [-0.052, -0.027],
                    [0, 0],
                    [2.443, -0.158],
                    [0, 0]
                  ],
                  "o": [
                    [7.014, 10.134],
                    [0.053, 0.027],
                    [0, 0],
                    [1.257, -2.102],
                    [0, 0],
                    [-0.464, 10.145]
                  ],
                  "v": [
                    [-23.973, 9.353],
                    [0.355, 32.016],
                    [0.512, 32.092],
                    [36.069, -27.341],
                    [33.266, -31.934],
                    [-36.862, -27.408]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.148703810748, 0.619411274031, 0.799582926432, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 3.301, "ix": 5 },
              "lc": 2,
              "lj": 2,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [91.248, 40.345], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 2",
          "np": 2,
          "cix": 2,
          "bm": 0,
          "ix": 2,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "tm",
          "s": {
            "a": 1,
            "k": [
              {
                "i": { "x": [0.667], "y": [1] },
                "o": { "x": [0.333], "y": [0] },
                "t": 0,
                "s": [0]
              },
              {
                "i": { "x": [0.667], "y": [1] },
                "o": { "x": [0.333], "y": [0] },
                "t": 20,
                "s": [100]
              },
              {
                "i": { "x": [0.667], "y": [1] },
                "o": { "x": [0.333], "y": [0] },
                "t": 25,
                "s": [100]
              },
              { "t": 50, "s": [0] }
            ],
            "ix": 1
          },
          "e": { "a": 0, "k": 100, "ix": 2 },
          "o": { "a": 0, "k": 0, "ix": 3 },
          "m": 1,
          "ix": 3,
          "nm": "Recortar trazados 1",
          "mn": "ADBE Vector Filter - Trim",
          "hd": false
        }
      ],
      "ip": 0,
      "op": 150,
      "st": 0,
      "bm": 0
    },
    {
      "ddd": 0,
      "ind": 2,
      "ty": 4,
      "nm": "trazo/Logo MyCheckout contornos",
      "sr": 1,
      "ks": {
        "o": { "a": 0, "k": 100, "ix": 11 },
        "r": { "a": 0, "k": 0, "ix": 10 },
        "p": { "a": 0, "k": [187.5, 333.5, 0], "ix": 2, "l": 2 },
        "a": { "a": 0, "k": [68.5, 60.5, 0], "ix": 1, "l": 2 },
        "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
      },
      "ao": 0,
      "shapes": [
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [0.741, 0.433],
                    [6.973, 10.075],
                    [-0.349, 11.571],
                    [0, 0],
                    [-2.198, -1.721],
                    [0, 0],
                    [-0.557, -2.901],
                    [0, 0],
                    [-1.433, 2.396],
                    [0, 0]
                  ],
                  "o": [
                    [-8.773, -5.128],
                    [-9.62, -13.9],
                    [0, 0],
                    [-2.786, 0.18],
                    [0, 0],
                    [2.326, 1.821],
                    [0, 0],
                    [0.526, 2.742],
                    [0, 0],
                    [-0.743, -0.388]
                  ],
                  "v": [
                    [37.834, 14.169],
                    [13.546, -9.257],
                    [-0.53, -49.339],
                    [-36.185, -47.038],
                    [-37.863, -41.613],
                    [1.666, -10.669],
                    [6.137, -3.344],
                    [15.594, 45.955],
                    [21.187, 46.943],
                    [40.061, 15.395]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.785018382353, 0.785018382353, 0.785018382353, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 3.301, "ix": 5 },
              "lc": 2,
              "lj": 2,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [48.313, 62.704], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 1",
          "np": 2,
          "cix": 2,
          "bm": 0,
          "ix": 1,
          "mn": "ADBE Vector Group",
          "hd": false
        },
        {
          "ty": "gr",
          "it": [
            {
              "ind": 0,
              "ty": "sh",
              "ix": 1,
              "ks": {
                "a": 0,
                "k": {
                  "i": [
                    [-8.83, -12.758],
                    [-8.668, -4.479],
                    [-0.052, -0.027],
                    [0, 0],
                    [2.443, -0.158],
                    [0, 0]
                  ],
                  "o": [
                    [7.014, 10.134],
                    [0.053, 0.027],
                    [0, 0],
                    [1.257, -2.102],
                    [0, 0],
                    [-0.464, 10.145]
                  ],
                  "v": [
                    [-23.973, 9.353],
                    [0.355, 32.016],
                    [0.512, 32.092],
                    [36.069, -27.341],
                    [33.266, -31.934],
                    [-36.862, -27.408]
                  ],
                  "c": true
                },
                "ix": 2
              },
              "nm": "Trazado 1",
              "mn": "ADBE Vector Shape - Group",
              "hd": false
            },
            {
              "ty": "st",
              "c": {
                "a": 0,
                "k": [0.785018382353, 0.785018382353, 0.785018382353, 1],
                "ix": 3
              },
              "o": { "a": 0, "k": 100, "ix": 4 },
              "w": { "a": 0, "k": 3.301, "ix": 5 },
              "lc": 2,
              "lj": 2,
              "bm": 0,
              "nm": "Trazo 1",
              "mn": "ADBE Vector Graphic - Stroke",
              "hd": false
            },
            {
              "ty": "tr",
              "p": { "a": 0, "k": [91.248, 40.345], "ix": 2 },
              "a": { "a": 0, "k": [0, 0], "ix": 1 },
              "s": { "a": 0, "k": [100, 100], "ix": 3 },
              "r": { "a": 0, "k": 0, "ix": 6 },
              "o": { "a": 0, "k": 100, "ix": 7 },
              "sk": { "a": 0, "k": 0, "ix": 4 },
              "sa": { "a": 0, "k": 0, "ix": 5 },
              "nm": "Transformar"
            }
          ],
          "nm": "Grupo 2",
          "np": 2,
          "cix": 2,
          "bm": 0,
          "ix": 2,
          "mn": "ADBE Vector Group",
          "hd": false
        }
      ],
      "ip": 0,
      "op": 150,
      "st": 0,
      "bm": 0
    }
  ],
  "markers": []
}

```