diy-template-components/build/index.es.js

DIY Template Components

import React, { createContext, useContext, forwardRef, useRef, useEffect, useState, useMemo, useLayoutEffect, Suspense, memo, lazy, Fragment } from 'react';
import Slider from 'react-slick';
import axios from 'axios';
import moment from 'moment';
import Countdown from 'react-countdown';
import koreanLocale from 'moment/locale/ko';
import ReactDOMServer from 'react-dom/server';
import { createTheming, createUseStyles as createUseStyles$1, useTheme as useTheme$1 } from 'react-jss';

function _extends() {
  return _extends = Object.assign ? Object.assign.bind() : function (n) {
    for (var e = 1; e < arguments.length; e++) {
      var t = arguments[e];
      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
    }
    return n;
  }, _extends.apply(null, arguments);
}

const PageContext = /*#__PURE__*/createContext({});

const context = /*#__PURE__*/React.createContext({});
const theming = createTheming(context);
const createUseStyles = styles => createUseStyles$1(styles, {
  theming
});
const {
  ThemeProvider,
  useTheme
} = theming;

const useSectionStyles$a = createUseStyles(theme => ({
  section: {
    '&, & *, & *:before, & *:after': {
      fontFamily: theme?.typography?.fontFamily,
      boxSizing: 'border-box'
    }
  },
  listSection: {
    display: 'flex',
    height: '60px'
  },
  headerContainer: {
    background: theme?.colors?.white,
    boxShadow: theme?.shadows?.primary,
    padding: '20px 40px',
    display: 'flex',
    alignItems: 'center',
    position: ({
      isFixed
    } = {}) => isFixed ? 'fixed' : 'relative',
    top: '0',
    left: '0',
    width: '100%',
    zIndex: ({
      isFixed
    } = {}) => isFixed ? '100' : null,
    justifyContent: 'space-between',
    '& img': {
      // maxWidth: '100px',
      maxHeight: '55px'
    }
  },
  headerSection: {
    height: '100px'
  },
  socialBtn: {
    display: 'flex',
    alignItems: 'center',
    marginRight: '24px'
  },
  socialBtnItems: {
    background: 'transparent',
    margin: '0 8px',
    border: 0,
    display: 'flex',
    '&:last-child': {
      marginRight: 0
    }
  },
  imageAnchor: {
    pointerEvents: 'auto',
    cursor: 'default',
    position: 'relative',
    height: '55px',
    width: ({
      isCustomWebsite
    } = {}) => isCustomWebsite ? '100%' : ''
  },
  optionsContainer: {
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'space-between'
  },
  options: {
    margin: '0 20px',
    fontWeight: '400',
    fontSize: '16px',
    lineHeight: '20px',
    display: 'flex',
    alignItems: 'center',
    color: theme?.colors?.headerText,
    padding: '20px',
    '&:hover': {
      cursor: 'pointer',
      background: theme?.colors?.headerHover,
      borderRadius: theme?.shape?.borderRadius?.small
    }
  },
  mobileHeader: {
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'space-between',
    padding: '18px 24px 18px 16px',
    background: theme?.colors?.white,
    boxShadow: theme?.shadows?.primary,
    position: ({
      isFixed
    } = {}) => isFixed ? 'fixed' : 'relative',
    top: '0',
    left: '0',
    width: '100%',
    zIndex: ({
      isFixed
    } = {}) => isFixed ? '100' : null
  },
  imageDiv: {
    display: 'flex',
    position: 'relative',
    maxHeight: '55px',
    alignItems: 'center',
    width: ({
      isCustomWebsite
    } = {}) => isCustomWebsite ? '30%' : ''
  },
  imageDivImageMobile: {},
  imageDivImageNext: {
    objectFit: ({
      isCustomWebsite
    } = {}) => isCustomWebsite ? 'contain' : '',
    objectPosition: ({
      isCustomWebsite
    } = {}) => isCustomWebsite ? 'left' : ''
  },
  imageAnchorMobile: {
    pointerEvents: 'auto',
    cursor: 'default',
    width: ({
      isCustomWebsite
    } = {}) => isCustomWebsite ? '100%' : '',
    maxWidth: '185px',
    cursor: 'default',
    height: '46px',
    position: 'relative',
    display: 'flex',
    alignItems: 'center'
  },
  appNameClass: {
    fontStyle: 'normal',
    fontWeight: '500',
    fontSize: '16px',
    lineHeight: '24px',
    color: '#3C4852',
    marginLeft: '8px'
  },
  mobileContent: {
    display: 'flex',
    alignItems: 'center',
    width: '100%',
    '& img': {
      marginRight: '8px',
      maxWidth: '180px',
      maxHeight: '40px'
    }
  },
  mobileMenu: {
    position: 'fixed',
    top: '0',
    left: '0',
    width: '100vw',
    height: '100vh',
    zIndex: ({
      isFixed
    } = {}) => isFixed ? '100' : null
  },
  backdrop: {
    position: 'absolute',
    background: 'rgba(0,0,0,0.34)',
    width: '100%',
    height: '100%'
  },
  menuContainer: {
    background: theme?.colors?.white,
    boxShadow: theme.shadows.secondary,
    width: '75%',
    height: '100%',
    position: 'absolute',
    padding: '40px',
    display: 'flex',
    flexDirection: 'column'
  },
  optionList: {
    width: '100%',
    display: 'flex',
    alignItems: 'center',
    height: '100%'
  },
  sideDrawerImg: {
    padding: '8px',
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    width: '10%'
  },
  offerPrice: {
    fontSize: theme.typography.fontSize.h4,
    fontWeight: '700'
  },
  originalPrice: {
    textDecoration: 'line-through',
    color: 'rgba(51, 51, 51, 0.6)'
  },
  offerDiscount: {
    color: '#08BD80',
    fontWeight: '600'
  },
  rightNav: {
    marginRight: '120px',
    display: 'flex',
    alignItems: 'center'
  },
  priceBox: {
    marginRight: '16px'
  },
  offerBox: {
    marginRight: '24px',
    display: 'flex',
    flexDirection: 'column',
    backgroundColor: 'rgba(244, 249, 253, 1)',
    justifyContent: 'space-between',
    borderRadius: '8px'
  },
  offerBoxText: {
    color: 'rgba(51, 51, 51, 0.6)',
    fontWeight: '600',
    fontSize: '10px',
    padding: '3px 12px 3px, 12px',
    padding: '4px',
    textAlign: 'center',
    marginTop: '4px'
  },
  offerBoxCountDown: {
    backgroundColor: 'rgba(235, 87, 87, 0.1)',
    border: '0px 1px 1px 1px',
    borderRadius: '8px',
    color: '#EB5757',
    fontSize: '16px',
    fontWeight: '700',
    padding: '6px 16px'
  },
  BottomSheetContainer: {
    display: 'flex',
    flexDirection: 'column',
    borderTop: '1px solid #e5e5e5',
    background: '#021927',
    color: '#FFFFFF'
  },
  BottomSheetPriceContainer: {
    display: 'flex',
    justifyContent: 'space-between',
    padding: '16px 16px 24px',
    alignItems: 'center'
  },
  BottomSheetOfferContainer: {
    padding: '12px 0 ',
    padding: '16px 16px 24px',
    border: '1px solid rgba(0, 0, 0, 1)'
  },
  offerBottom: {
    display: 'flex',
    justifyContent: 'space-between'
  },
  smallText: {
    fontWeight: '400',
    fontSize: '8px'
  },
  '@media screen and (max-width: 767px)': {
    optionsContainer: {
      flexDirection: 'column',
      alignItems: 'flex-start',
      padding: '0',
      width: '100%'
    },
    mobileHeader: {
      height: '80px'
    },
    sideDrawerImg: {
      width: '40px',
      height: '40px'
    },
    menuItem: {
      padding: '0'
    },
    menuContainer: {
      padding: '0',
      overflow: 'auto'
    },
    section: {
      position: 'relative'
    },
    headerSection: {
      height: '80px'
    },
    optionList: {
      height: 'unset',
      margin: '0 0 24px 0',
      flexDirection: 'column',
      '& :nth-child(n)': {
        borderBottom: '1px solid #F3F3F3',
        width: '100%'
      }
    },
    offerPrice: {
      color: '#FFFFFF',
      fontSize: '18px'
    },
    offerDiscount: {
      color: 'rgba(8, 189, 128, 1)'
    },
    originalPrice: {
      color: '#FFFFFF',
      textDecoration: 'line-through'
    },
    BottomSheetContainer: {
      position: 'fixed',
      bottom: 0,
      left: 0,
      width: '100%',
      zIndex: '100'
    }
  },
  mobileAppNameClass: {
    display: '-webkit-box',
    '-webkit-line-clamp': 1,
    '-webkit-box-orient': 'vertical',
    overflow: 'hidden',
    textOverflow: 'ellipsis',
    overflowWrap: 'anywhere',
    marginLeft: '0px'
  }
}));

var arrowDown = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.41%208.58984L12%2013.1698L16.59%208.58984L18%209.99984L12%2015.9998L6%209.99984L7.41%208.58984Z%22%20fill%3D%22%231676F3%22%2F%3E%3C%2Fsvg%3E";

const colors = {
  white: '#FFFFFF',
  black: '#0A1629',
  // blue theme
  blue: '#00ADE7',
  lightBlue: '#B3E6F8',
  lightestBlue: '#F2FCFF',
  // red theme
  red: '#F41828',
  lightRed: '#FCBABF',
  lightestRed: '#FFF2F3',
  // orange theme
  orange: '#FF9000',
  lightOrange: '#FFE8CA',
  lightestOrange: '#FFF6EA',
  // green theme
  green: '#8ECE19',
  lightGreen: '#DDF0BA',
  lightestGreen: '#F4FAEB',
  // purple theme
  purple: '#6269C9',
  lightPurple: '#D0D2EF',
  lightestPurple: '#F4F6FF',
  // pink theme
  pink: '#F72585',
  lightPink: '#FDBEDA',
  lightestPink: '#FEE9F3',
  // rust theme
  rust: '#9B2226',
  lightRust: '#E1BDBE',
  lightestRust: '#FFF0F0',
  // shades of grey
  darkGrey: '#333333',
  grey: '#666666',
  lightGrey: '#9999',
  blueGrey: '#9497A5'
};
const alpha = {
  tenPercent: 0.1,
  twentyPercent: 0.2,
  sixtyPercent: 0.6,
  seventyPercent: 0.7,
  eightyPercent: 0.8
};
const getRGBFromHex = hex => {
  const r = parseInt(hex?.slice(1, 3), 16);
  const g = parseInt(hex?.slice(3, 5), 16);
  const b = parseInt(hex?.slice(5, 7), 16);
  return [r, g, b];
};
const hexToRgbA = (hex, alpha = null) => {
  const values = getRGBFromHex(hex);
  if (alpha !== null) {
    values.push(alpha);
  }
  return `rgba(${values.join(',')})`;
};
const colorMixer = (hex1, weightage = 1, hex2 = colors.white) => {
  const rgb1 = getRGBFromHex(hex1);
  const rgb2 = getRGBFromHex(hex2);
  const hex1Weightage = weightage;
  const hex2Weightage = 1 - weightage;
  const effectiveRGB = rgb1.map((color, i) => {
    const weightedColor = color * hex1Weightage + rgb2[i] * hex2Weightage;
    const sanitisedColor = Math.max(0, Math.min(255, Math.floor(weightedColor)));
    return sanitisedColor;
  });
  return {
    color: `rgb(${effectiveRGB.join(',')})`,
    colorValues: effectiveRGB
  };
};

const buttonStyles = createUseStyles(theme => ({
  primary: {
    width: ({
      fluid
    } = {}) => fluid ? '100%' : '',
    borderRadius: theme?.shape?.borderRadius?.regular,
    fontWeight: '700',
    fontSize: '14px',
    lineHeight: '18px',
    textAlign: 'center',
    color: ({
      disabled
    } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.colors?.CtaTextColor,
    background: theme?.colors?.ctaColor,
    opacity: ({
      disabled
    } = {}) => disabled ? 0.5 : 1,
    border: 'none',
    textDecoration: 'none',
    cursor: ({
      disabled
    } = {}) => disabled ? 'not-allowed' : 'pointer',
    maxWidth: '100%',
    display: 'inline-block',
    wordBreak: 'break-word',
    flexShrink: '0'
  },
  secondary: {
    width: ({
      fluid
    } = {}) => fluid ? '100%' : '',
    borderRadius: theme?.shape?.borderRadius?.regular,
    fontSize: '14px',
    fontWeight: '700',
    display: 'inline-block',
    textDecoration: 'none',
    lineHeight: '18px',
    color: ({
      disabled
    } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme?.colors?.CtaTextColor,
    background: theme?.colors?.ctaColor,
    opacity: ({
      disabled
    } = {}) => disabled ? 0.5 : 1,
    border: ({
      disabled
    } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.colors?.ctaColor}`,
    cursor: ({
      disabled
    } = {}) => disabled ? 'not-allowed' : 'pointer',
    maxWidth: '100%',
    display: 'inline-block',
    wordBreak: 'break-word',
    flexShrink: '0'
  },
  tertiary: {
    width: ({
      fluid
    } = {}) => fluid ? '100%' : '',
    fontWeight: '400',
    fontSize: '16px',
    lineHeight: '20px',
    display: 'flex',
    alignItems: 'center',
    border: 'none',
    color: ({
      disabled
    } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme.palette.primary.main,
    background: ({
      disabled
    } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
    cursor: ({
      disabled
    } = {}) => disabled ? 'not-allowed' : 'pointer',
    maxWidth: '100%',
    display: 'inline-block',
    wordBreak: 'break-word',
    flexShrink: '0',
    '&:hover': {
      background: theme.palette.primary.lightest,
      borderRadius: '4px'
    },
    '&$active': {
      fontWeight: '700',
      background: theme.palette.primary.lightest,
      borderRadius: theme.shape.borderRadius.small,
      color: theme.palette.primary.main
    }
  },
  anchorClass: {
    textDecoration: 'none'
  },
  active: {},
  large: {
    padding: '20px 24px'
  },
  medium: {
    padding: '16px 24px'
  },
  small: {
    padding: '12px 16px'
  },
  '@media screen and (max-width: 767px)': {
    active: {
      fontWeight: 'initial',
      background: theme?.palette?.background?.default,
      borderRadius: '0',
      color: theme.palette.primary.main
    }
  }
}));

function useLinkBuilder(data) {
  const {
    templateId,
    navList,
    isPreview,
    isEdit,
    basePath,
    isMasterTemplate
  } = useContext(PageContext);
  if (isEdit || !data.isLink) {
    return null;
  }
  if (data?.isExistingLink === false) {
    return data.link;
  }
  if (data?.isExternal) {
    return data.link;
  }
  if (!isPreview) {
    const link = data.link === '/' ? '' : '/' + data.link;
    return basePath ? `//${basePath}${link}` : null;
  }

  // courses in preview: special case
  if (data.link === 'courses') {
    return `//${basePath}/courses`;
  }
  const {
    pageId
  } = navList.find(el => el.slug === data?.link) || {};
  return `//${basePath}?templateId=${templateId}&pageId=${pageId}${isMasterTemplate ? '&mld=true' : ''}`;
}

const Button = /*#__PURE__*/forwardRef(function Button({
  fluid,
  disabled,
  data,
  styling,
  type,
  size,
  active,
  onClick,
  ...elementProps
}, ref) {
  const {
    isEdit
  } = useContext(PageContext);
  const link = useLinkBuilder(data);
  const classes = buttonStyles({
    fluid,
    disabled
  });
  return data?.isLink ? /*#__PURE__*/React.createElement("a", _extends({
    ref: ref,
    href: link,
    target: data?.isExternal ? '_blank' : null,
    rel: data?.isExternal ? 'nofollow noopener' : null,
    className: (active ? classes.active : '') + ' ' + classes[type] + ' ' + classes[size] + ' ' + classes.anchorClass,
    style: styling
  }, elementProps), data?.value) : /*#__PURE__*/React.createElement("button", _extends({
    ref: ref,
    className: (active ? classes.active : '') + ' ' + classes[type] + ' ' + classes[size],
    onClick: isEdit ? null : onClick,
    style: styling
  }, elementProps, {
    disabled: disabled
  }), /*#__PURE__*/React.createElement("span", {
    dangerouslySetInnerHTML: {
      __html: data?.value
    }
  }));
});

var liveTv = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40.2727%2012.4H26.1277L32.2591%206.3135L30.9545%205L23.5%2012.4L16.0455%205L14.7223%206.3135L20.8723%2012.4H6.72727C4.67727%2012.4%203%2014.0465%203%2016.1V38.3C3%2040.335%204.67727%2042%206.72727%2042H40.2727C42.3227%2042%2044%2040.335%2044%2038.3V16.1C44%2014.0465%2042.3227%2012.4%2040.2727%2012.4ZM40.2727%2038.3H6.72727V16.1H40.2727V38.3ZM17.9091%2019.8V34.6L30.9545%2027.2L17.9091%2019.8Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var liveTv2 = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M42%206H6C3.78%206%202%207.78%202%2010V34C2%2036.2%203.78%2038%206%2038H16V42H32V38H42C44.2%2038%2045.98%2036.2%2045.98%2034L46%2010C46%207.78%2044.2%206%2042%206ZM42%2034H6V10H42V34ZM32%2022L18%2030V14L32%2022Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var doc1 = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M28%204H12C9.8%204%208.02%205.8%208.02%208L8%2040C8%2042.2%209.78%2044%2011.98%2044H36C38.2%2044%2040%2042.2%2040%2040V16L28%204ZM32%2036H16V32H32V36ZM32%2028H16V24H32V28ZM26%2018V7L37%2018H26Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var doc2 = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40.82%2016.82L31.16%207.16C30.42%206.42%2029.4%206%2028.34%206H10C7.8%206%206%207.8%206%2010V38C6%2040.2%207.8%2042%2010%2042H38C40.2%2042%2042%2040.2%2042%2038V19.66C42%2018.6%2041.58%2017.58%2040.82%2016.82ZM14%2014H28V18H14V14ZM34%2034H14V30H34V34ZM34%2026H14V22H34V26Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var angle = "data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2218%22%20viewBox%3D%220%200%2012%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.884766%2015.885L7.75477%209L0.884766%202.115L2.99977%200L11.9998%209L2.99977%2018L0.884766%2015.885Z%22%20fill%3D%22%231676F3%22%2F%3E%3C%2Fsvg%3E";

var bookmark = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%204H12C9.8%204%208%205.8%208%208V40C8%2042.2%209.8%2044%2012%2044H36C38.2%2044%2040%2042.2%2040%2040V8C40%205.8%2038.2%204%2036%204ZM12%208H22V24L17%2021L12%2024V8Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var group1 = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M32%2022C35.32%2022%2037.98%2019.32%2037.98%2016C37.98%2012.68%2035.32%2010%2032%2010C28.68%2010%2026%2012.68%2026%2016C26%2019.32%2028.68%2022%2032%2022ZM16%2022C19.32%2022%2021.98%2019.32%2021.98%2016C21.98%2012.68%2019.32%2010%2016%2010C12.68%2010%2010%2012.68%2010%2016C10%2019.32%2012.68%2022%2016%2022ZM16%2026C11.34%2026%202%2028.34%202%2033V38H30V33C30%2028.34%2020.66%2026%2016%2026ZM32%2026C31.42%2026%2030.76%2026.04%2030.06%2026.1C32.38%2027.78%2034%2030.04%2034%2033V38H46V33C46%2028.34%2036.66%2026%2032%2026Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var chat1 = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40%204H8C5.8%204%204.02%205.8%204.02%208L4%2044L12%2036H40C42.2%2036%2044%2034.2%2044%2032V8C44%205.8%2042.2%204%2040%204ZM12%2018H36V22H12V18ZM28%2028H12V24H28V28ZM36%2016H12V12H36V16Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var location$1 = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%202C15.7071%202%209%208.886%209%2017.4C9%2028.95%2024%2046%2024%2046C24%2046%2039%2028.95%2039%2017.4C39%208.886%2032.2929%202%2024%202ZM24%2022.9C21.0429%2022.9%2018.6429%2020.436%2018.6429%2017.4C18.6429%2014.364%2021.0429%2011.9%2024%2011.9C26.9571%2011.9%2029.3571%2014.364%2029.3571%2017.4C29.3571%2020.436%2026.9571%2022.9%2024%2022.9Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var tablet = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36.5263%203H11.4737C9.00421%203%207%204.96%207%207.375V40.625C7%2043.04%209.00421%2045%2011.4737%2045H36.5263C38.9958%2045%2041%2043.04%2041%2040.625V7.375C41%204.96%2038.9958%203%2036.5263%203ZM24%2043.25C22.5147%2043.25%2021.3158%2042.0775%2021.3158%2040.625C21.3158%2039.1725%2022.5147%2038%2024%2038C25.4853%2038%2026.6842%2039.1725%2026.6842%2040.625C26.6842%2042.0775%2025.4853%2043.25%2024%2043.25ZM37.4211%2036.25H10.5789V8.25H37.4211V36.25Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var laptop = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40%2036C42.2%2036%2043.98%2034.2%2043.98%2032L44%2010C44%207.8%2042.2%206%2040%206H8C5.8%206%204%207.8%204%2010V32C4%2034.2%205.8%2036%208%2036H0C0%2038.2%201.8%2040%204%2040H44C46.2%2040%2048%2038.2%2048%2036H40ZM8%2010H40V32H8V10ZM24%2038C22.9%2038%2022%2037.1%2022%2036C22%2034.9%2022.9%2034%2024%2034C25.1%2034%2026%2034.9%2026%2036C26%2037.1%2025.1%2038%2024%2038Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var rocket = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M43.8345%206.57961C43.666%205.27541%2042.655%204.30789%2041.391%204.13956C38.1047%203.76088%2029.5522%203.63471%2020.9153%2010.8707C20.2833%2011.3755%2019.4828%2011.6281%2018.7245%2011.5017C15.5226%2010.9129%2012.6155%2011.7542%2010.5089%2013.8576L6.97002%2017.3915C6.38018%2018.0232%206.08517%2018.8632%206.25368%2019.7049C6.42218%2020.5466%206.97002%2021.2616%207.77038%2021.6399L11.773%2023.45L10.3404%2025.4267C9.11857%2027.1101%209.32924%2029.3401%2010.7618%2030.8118L17.2499%2037.2903C18.7245%2038.7203%2020.9575%2038.932%2022.6427%2037.712L24.6229%2036.2803L26.4766%2040.277C26.8558%2041.0771%2027.572%2041.6237%2028.4147%2041.7921C29.2572%2041.9604%2030.142%2041.6654%2030.7319%2041.0354L34.2286%2037.5003C36.2932%2035.4403%2037.1357%2032.5369%2036.588%2029.3401C36.4617%2028.5818%2036.6724%2027.7401%2037.22%2027.1101C44.4244%2018.4015%2044.2559%209.86101%2043.8345%206.57961ZM34.9872%2025.2167C33.8916%2026.5201%2033.4703%2028.2034%2033.7231%2029.8018C34.0181%2031.4002%2033.976%2033.6302%2032.2064%2035.3969L28.9624%2038.7203L26.5188%2033.4619C26.3503%2033.0835%2025.9711%2032.7885%2025.5498%2032.6635C25.1284%2032.5369%2024.6649%2032.6202%2024.3279%2032.8735L20.9153%2035.3553C20.4098%2035.7336%2019.7356%2035.6503%2019.3143%2035.2286L12.8262%2028.7918C12.4048%2028.3718%2012.3206%2027.6984%2012.6998%2027.1934L15.1855%2023.7433C15.4382%2023.4083%2015.5225%2022.945%2015.3962%2022.5233C15.3119%2022.2716%2015.1855%2022.0616%2015.017%2021.8516C14.8905%2021.725%2014.7642%2021.6399%2014.5957%2021.5566L9.32925%2019.1582L12.5733%2015.9192C14.385%2014.1101%2016.6179%2014.0681%2018.2189%2014.3624C19.82%2014.657%2021.5052%2014.1943%2022.8112%2013.1004C30.5634%206.62178%2038.1469%206.70578%2040.9696%206.95829C41.2225%209.23%2041.6438%2017.1812%2034.9872%2025.2167Z%22%20fill%3D%22%23549BF6%22%2F%3E%3Cpath%20d%3D%22M32.8807%2015.1621C31.8696%2014.1526%2030.4794%2013.5635%2029.0468%2013.5635C27.6145%2013.5635%2026.2241%2014.1526%2025.2129%2015.1621C23.1064%2017.2656%2023.1064%2020.7149%2025.2129%2022.8182C27.3195%2024.9216%2030.7742%2024.9216%2032.8807%2022.8182C34.9873%2020.7149%2034.9873%2017.2656%2032.8807%2015.1621ZM30.8164%2020.7582C29.8473%2021.7249%2028.2463%2021.7249%2027.2773%2020.7582C26.3083%2019.7898%2026.3083%2018.1915%2027.2773%2017.2236C27.7408%2016.7608%2028.3728%2016.5084%2029.0468%2016.4663C29.721%2016.4663%2030.3529%2016.7188%2030.8164%2017.1814C31.7854%2018.1915%2031.7854%2019.7898%2030.8164%2020.7582Z%22%20fill%3D%22%23549BF6%22%2F%3E%3Cpath%20d%3D%22M8.86572%2033.7569C9.45557%2033.1686%209.45557%2032.2852%208.86572%2031.6969C8.27588%2031.1069%207.39119%2031.1069%206.80134%2031.6969L4.44196%2034.0519C3.85211%2034.6403%203.85211%2035.5253%204.44196%2036.1136C5.0318%2036.702%205.91666%2036.702%206.50634%2036.1136L8.86572%2033.7569Z%22%20fill%3D%22%23549BF6%22%2F%3E%3Cpath%20d%3D%22M12.6152%2035.4402C12.0253%2034.8502%2011.1405%2034.8502%2010.5506%2035.4402L6.92737%2039.057C6.33752%2039.647%206.33752%2040.5304%206.92737%2041.1187C7.51722%2041.7087%208.40207%2041.7087%208.99192%2041.1187L12.6152%2037.5003C13.205%2036.9119%2013.205%2035.9869%2012.6152%2035.4402Z%22%20fill%3D%22%23549BF6%22%2F%3E%3Cpath%20d%3D%22M14.3007%2039.1419L11.9413%2041.4969C11.3514%2042.0869%2011.3514%2042.9703%2011.9413%2043.5586C12.5311%2044.147%2013.416%2044.147%2014.0058%2043.5586L16.3651%2041.2036C16.9549%2040.6136%2016.9549%2039.7302%2016.3651%2039.1419C15.7752%2038.5519%2014.8905%2038.5952%2014.3007%2039.1419Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var rising = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M42%2014L26%2030L18%2022L6%2034M26%2014H42H26ZM42%2014V30V14Z%22%20stroke%3D%22%23549BF6%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";

var book = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21.6%2011.5296C18.9833%2010.2556%2016.1103%209.59562%2013.2%209.6C10.188%209.6%207.33679%2010.296%204.79999%2011.5296V35.5296C7.4167%2034.2557%2010.2896%2033.5957%2013.2%2033.6C17.2056%2033.6%2020.9232%2034.824%2024%2036.924C27.1826%2034.7526%2030.9472%2033.5939%2034.8%2033.6C37.812%2033.6%2040.6632%2034.296%2043.2%2035.5296V11.5296C40.5833%2010.2556%2037.7103%209.59562%2034.8%209.6C31.788%209.6%2028.9368%2010.296%2026.4%2011.5296V28.8C26.4%2029.4365%2026.1471%2030.047%2025.697%2030.4971C25.247%2030.9471%2024.6365%2031.2%2024%2031.2C23.3635%2031.2%2022.753%2030.9471%2022.3029%2030.4971C21.8528%2030.047%2021.6%2029.4365%2021.6%2028.8V11.5296Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var instagram = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40.0575%2035.9758L40.0583%2035.9737C40.3478%2035.2214%2040.6856%2034.109%2040.7771%2032.1035C40.8754%2029.9841%2040.8992%2029.3403%2040.8992%2024.0025C40.8992%2018.6537%2040.8754%2018.0149%2040.7771%2015.8954C40.6856%2013.8897%2040.3477%2012.7787%2040.0588%2012.0216L40.0574%2012.018C39.6688%2011.0221%2039.1968%2010.3001%2038.4438%209.55118C37.6981%208.80254%2036.972%208.33077%2035.9758%207.94251C35.2204%207.64653%2034.1032%207.31339%2032.1006%207.218L32.0988%207.21792C29.9798%207.12449%2029.3467%207.10075%2023.9975%207.10075C18.6533%207.10075%2018.0152%207.12449%2015.8962%207.21792L15.8944%207.218C13.8916%207.3134%2012.7794%207.64662%2012.0242%207.94247C11.022%208.33116%2010.3013%208.80328%209.55297%209.55044C8.79855%2010.2997%208.32579%2011.0225%207.94171%2012.0202L7.9412%2012.0215C7.6527%2012.7774%207.3095%2013.8885%207.22285%2015.8953C7.11955%2018.0151%207.10075%2018.6556%207.10075%2024.0025C7.10075%2029.3384%207.11955%2029.9839%207.22285%2032.1037C7.30948%2034.1101%207.65255%2035.2225%207.94165%2035.9736C8.3254%2036.9716%208.79786%2037.6986%209.5528%2038.4484C10.3013%2039.1967%2011.0224%2039.6681%2012.025%2040.0529C12.7786%2040.3471%2013.8905%2040.6855%2015.8944%2040.781L15.8962%2040.7811C18.0157%2040.8745%2018.6541%2040.8943%2023.9975%2040.8943C29.3459%2040.8943%2029.9794%2040.8745%2032.0988%2040.7811L32.1006%2040.781C34.1041%2040.6855%2035.2208%2040.3472%2035.9747%2040.053C36.9714%2039.6686%2037.698%2039.1976%2038.4439%2038.4478C39.1974%2037.6982%2039.6691%2036.972%2040.0575%2035.9758ZM42.4789%2011.0792L42.4801%2011.0823C42.9562%2012.2919%2043.2832%2013.6926%2043.379%2015.7771C43.4763%2017.8977%2043.5%2018.5707%2043.5%2024.0025C43.5%2029.4293%2043.4763%2030.1013%2043.379%2032.2218C43.2833%2034.3021%2042.9563%2035.7021%2042.4798%2036.9185L42.4791%2036.9202C41.9941%2038.1715%2041.3497%2039.2306%2040.2886%2040.287L40.2878%2040.2878C39.23%2041.3456%2038.1748%2041.9949%2036.9192%2042.4845C35.7031%2042.9564%2034.3065%2043.2833%2032.2219%2043.379C30.1013%2043.4763%2029.4293%2043.5%2023.9975%2043.5C18.5707%2043.5%2017.8937%2043.4763%2015.7732%2043.379C13.6939%2043.2833%2012.2979%2042.9566%2011.0753%2042.4843C9.82478%2041.9947%208.76971%2041.3453%207.7122%2040.2878L7.71141%2040.287C6.65054%2039.2309%206.00582%2038.1716%205.51563%2036.9195C5.04357%2035.7024%204.71672%2034.3018%204.61608%2032.2218C4.52371%2030.1015%204.5%2029.4281%204.5%2024.0025C4.5%2018.5718%204.52371%2017.8975%204.61608%2015.7771C4.71675%2013.6927%205.04374%2012.2913%205.51553%2011.0808C6.00544%209.82435%206.65004%208.76938%207.7122%207.70723C8.76901%206.65042%209.82384%206.00566%2011.0755%205.51468C12.2987%205.04213%2013.6944%204.71183%2015.7721%204.6211L15.7743%204.621C17.8937%204.51879%2018.5696%204.5%2023.9975%204.5C29.4303%204.5%2030.1013%204.51878%2032.2207%204.621L32.223%204.6211C34.3062%204.71186%2035.7026%205.04232%2036.9194%205.51462C38.176%206.00559%2039.2309%206.65029%2040.2878%207.70723C41.35%208.7694%2041.9942%209.82399%2042.4789%2011.0792ZM34.6753%2011.4219C35.724%2011.4219%2036.5771%2012.2718%2036.5771%2013.3247C36.5771%2014.372%2035.7247%2015.2226%2034.6753%2015.2226C33.6256%2015.2226%2032.7724%2014.3717%2032.7724%2013.3247C32.7724%2012.2721%2033.6263%2011.4219%2034.6753%2011.4219ZM16.8317%2024.0024C16.8317%2027.9589%2020.042%2031.1634%2023.9975%2031.1634C27.9536%2031.1634%2031.1683%2027.9593%2031.1683%2024.0024C31.1683%2020.0403%2027.9543%2016.8317%2023.9975%2016.8317C20.0413%2016.8317%2016.8317%2020.0407%2016.8317%2024.0024ZM14.2309%2024.0024C14.2309%2018.6055%2018.6018%2014.226%2023.9975%2014.226C29.3935%2014.226%2033.7691%2018.6058%2033.7691%2024.0024C33.7691%2029.3937%2029.394%2033.7691%2023.9975%2033.7691C18.6013%2033.7691%2014.2309%2029.394%2014.2309%2024.0024Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E";

var facebook = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36%204H30C27.3478%204%2024.8043%205.05357%2022.9289%206.92893C21.0536%208.8043%2020%2011.3478%2020%2014V20H14V28H20V44H28V28H34L36%2020H28V14C28%2013.4696%2028.2107%2012.9609%2028.5858%2012.5858C28.9609%2012.2107%2029.4696%2012%2030%2012H36V4Z%22%20stroke%3D%22%23549BF6%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";

var youtube = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36.8618%207.99994H11.1382C6.09132%207.99994%202%2012.2049%202%2017.3919V30.608C2%2035.795%206.09132%2039.9999%2011.1382%2039.9999H36.8618C41.9087%2039.9999%2046%2035.795%2046%2030.608V17.3919C46%2012.2049%2041.9087%207.99994%2036.8618%207.99994ZM30.6816%2024.6429L18.6499%2030.5407C18.3293%2030.6978%2017.959%2030.4576%2017.959%2030.0926V17.9285C17.959%2017.5583%2018.339%2017.3183%2018.6603%2017.4857L30.692%2023.7521C31.0498%2023.9383%2031.0436%2024.4656%2030.6816%2024.6429Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var telegram = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M41.1078%208.04624C40.6332%207.65146%2040.0605%207.39273%2039.4506%207.29758C38.8407%207.20243%2038.2165%207.27442%2037.6442%207.50589L7.77606%2019.5648C7.13731%2019.8276%206.59359%2020.2785%206.21706%2020.8575C5.84053%2021.4365%205.64901%2022.1164%205.6679%2022.8069C5.6868%2023.4973%205.91522%2024.1657%206.32286%2024.7232C6.73049%2025.2808%207.29806%2025.7013%207.95022%2025.9287L13.9919%2028.03L17.3594%2039.166C17.4052%2039.3148%2017.4716%2039.4564%2017.5567%2039.5867C17.5696%2039.6067%2017.5878%2039.6216%2017.6016%2039.641C17.6999%2039.7782%2017.8187%2039.8995%2017.9539%2040.0006C17.9924%2040.0299%2018.0292%2040.0574%2018.0703%2040.0834C18.2285%2040.1884%2018.4038%2040.2651%2018.5882%2040.3103L18.6079%2040.3119L18.6191%2040.3167C18.73%2040.3393%2018.8429%2040.3507%2018.956%2040.3509C18.9669%2040.3509%2018.9766%2040.3457%2018.9874%2040.3455C19.1581%2040.3425%2019.3274%2040.3131%2019.4892%2040.2583C19.5268%2040.2455%2019.5591%2040.224%2019.5956%2040.2086C19.7162%2040.1586%2019.8305%2040.0945%2019.9361%2040.0176C20.0206%2039.9464%2020.1052%2039.8752%2020.1898%2039.804L24.6934%2034.8317L31.4105%2040.0351C32.0018%2040.4955%2032.7297%2040.7458%2033.4792%2040.7464C34.2645%2040.7454%2035.0255%2040.4744%2035.6348%2039.979C36.2441%2039.4835%2036.6645%2038.7936%2036.8255%2038.025L42.2634%2011.3308C42.3866%2010.73%2042.3441%2010.1069%2042.1406%209.5284C41.937%208.94985%2041.58%208.43753%2041.1078%208.04624ZM19.6169%2028.5606C19.3858%2028.7908%2019.2278%2029.0841%2019.1628%2029.4037L18.6469%2031.9103L17.3402%2027.5886L24.1156%2024.0603L19.6169%2028.5606ZM33.4532%2037.4L25.5153%2031.2509C25.1832%2030.9943%2024.7666%2030.8723%2024.3486%2030.9091C23.9305%2030.9459%2023.5416%2031.1388%2023.2595%2031.4495L21.8171%2033.0415L22.3268%2030.5641L34.1318%2018.7591C34.4136%2018.4777%2034.5853%2018.1047%2034.6158%2017.7076C34.6463%2017.3106%2034.5335%2016.9157%2034.298%2016.5946C34.0625%2016.2735%2033.7198%2016.0474%2033.3319%2015.9571C32.944%2015.8669%2032.5367%2015.9186%2032.1836%2016.1028L15.2415%2024.9239L9.03421%2022.6524L38.9984%2010.665L33.4532%2037.4Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var linkedin = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M36.25%203H11.75C6.91825%203%203%206.91825%203%2011.75V36.25C3%2041.0817%206.91825%2045%2011.75%2045H36.25C41.0835%2045%2045%2041.0817%2045%2036.25V11.75C45%206.91825%2041.0835%203%2036.25%203ZM17%2036.25H11.75V17H17V36.25ZM14.375%2014.781C12.6845%2014.781%2011.3125%2013.3985%2011.3125%2011.694C11.3125%209.9895%2012.6845%208.607%2014.375%208.607C16.0655%208.607%2017.4375%209.9895%2017.4375%2011.694C17.4375%2013.3985%2016.0673%2014.781%2014.375%2014.781ZM38%2036.25H32.75V26.443C32.75%2020.549%2025.75%2020.9953%2025.75%2026.443V36.25H20.5V17H25.75V20.0888C28.193%2015.5633%2038%2015.229%2038%2024.4218V36.25Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var group2 = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%2025.9375C27.1242%2025.9375%2029.8842%2026.685%2032.1267%2027.6625C34.1967%2028.5825%2035.5%2030.6525%2035.5%2032.895V36H12.5V32.9142C12.5%2030.6525%2013.8033%2028.5825%2015.8733%2027.6817C18.1158%2026.685%2020.8758%2025.9375%2024%2025.9375ZM8.66667%2026.4167C10.775%2026.4167%2012.5%2024.6917%2012.5%2022.5833C12.5%2020.475%2010.775%2018.75%208.66667%2018.75C6.55833%2018.75%204.83333%2020.475%204.83333%2022.5833C4.83333%2024.6917%206.55833%2026.4167%208.66667%2026.4167ZM10.8325%2028.525C10.1233%2028.41%209.41417%2028.3333%208.66667%2028.3333C6.76917%2028.3333%204.9675%2028.7358%203.33833%2029.445C1.92%2030.0583%201%2031.4383%201%2032.9908V36H9.625V32.9142C9.625%2031.3233%2010.0658%2029.8283%2010.8325%2028.525ZM39.3333%2026.4167C41.4417%2026.4167%2043.1667%2024.6917%2043.1667%2022.5833C43.1667%2020.475%2041.4417%2018.75%2039.3333%2018.75C37.225%2018.75%2035.5%2020.475%2035.5%2022.5833C35.5%2024.6917%2037.225%2026.4167%2039.3333%2026.4167ZM47%2032.9908C47%2031.4383%2046.08%2030.0583%2044.6617%2029.445C43.0325%2028.7358%2041.2308%2028.3333%2039.3333%2028.3333C38.5858%2028.3333%2037.8767%2028.41%2037.1675%2028.525C37.9342%2029.8283%2038.375%2031.3233%2038.375%2032.9142V36H47V32.9908ZM24%2013C27.1817%2013%2029.75%2015.5683%2029.75%2018.75C29.75%2021.9317%2027.1817%2024.5%2024%2024.5C20.8183%2024.5%2018.25%2021.9317%2018.25%2018.75C18.25%2015.5683%2020.8183%2013%2024%2013Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var avatar = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%2024C28.9725%2024%2033%2019.9725%2033%2015C33%2010.0275%2028.9725%206%2024%206C19.0275%206%2015%2010.0275%2015%2015C15%2019.9725%2019.0275%2024%2024%2024ZM24%2028.5C17.9925%2028.5%206%2031.515%206%2037.5V42H42V37.5C42%2031.515%2030.0075%2028.5%2024%2028.5Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var chat2 = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40%204H8C5.8%204%204.02%205.8%204.02%208L4%2044L12%2036H40C42.2%2036%2044%2034.2%2044%2032V8C44%205.8%2042.2%204%2040%204ZM18%2022H14V18H18V22ZM26%2022H22V18H26V22ZM34%2022H30V18H34V22Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var email = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%200H2C0.9%200%200.00999999%200.9%200.00999999%202L0%2014C0%2015.1%200.9%2016%202%2016H18C19.1%2016%2020%2015.1%2020%2014V2C20%200.9%2019.1%200%2018%200ZM18%204L10%209L2%204V2L10%207L18%202V4Z%22%20fill%3D%22%23999999%22%2F%3E%3C%2Fsvg%3E";

var phone = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.62%207.79C5.06%2010.62%207.38%2012.93%2010.21%2014.38L12.41%2012.18C12.68%2011.91%2013.08%2011.82%2013.43%2011.94C14.55%2012.31%2015.76%2012.51%2017%2012.51C17.55%2012.51%2018%2012.96%2018%2013.51V17C18%2017.55%2017.55%2018%2017%2018C7.61%2018%200%2010.39%200%201C0%200.45%200.45%200%201%200H4.5C5.05%200%205.5%200.45%205.5%201C5.5%202.25%205.7%203.45%206.07%204.57C6.18%204.92%206.1%205.31%205.82%205.59L3.62%207.79Z%22%20fill%3D%22%23999999%22%2F%3E%3C%2Fsvg%3E";

var facebook2 = "data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.45882%204.66715H0.125488V7.00049H2.45882V14.0005H5.95882V7.00049H8.08216L8.29216%204.66715H5.95882V3.69532C5.95882%203.13765%206.07082%202.91715%206.60982%202.91715H8.29216V0.000488281H5.48749C3.38982%200.000488281%202.45882%200.924488%202.45882%202.69315V4.66715Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";

var twitter = "data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2213%22%20viewBox%3D%220%200%2015%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.5005%202.0975C13.986%202.32617%2013.4318%202.48017%2012.8508%202.55017C13.4447%202.19433%2013.8985%201.632%2014.1143%200.961167C13.559%201.29017%2012.9442%201.52933%2012.2897%201.65767C11.767%201.09883%2011.0192%200.75%2010.1943%200.75C8.33932%200.75%206.97665%202.48017%207.39549%204.27683C5.00965%204.15667%202.89215%203.01333%201.47582%201.27617C0.723322%202.5665%201.08615%204.25583%202.36482%205.111C1.89465%205.09583%201.45249%204.96633%201.06515%204.75167C1.03365%206.08167%201.98799%207.3265%203.36932%207.60417C2.96565%207.71383%202.52232%207.7395%202.07199%207.65317C2.43715%208.79417%203.49999%209.62367%204.75532%209.647C3.54549%2010.5943%202.02532%2011.0178%200.500488%2010.8382C1.77215%2011.6537%203.28065%2012.1285%204.90232%2012.1285C10.2363%2012.1285%2013.2487%207.624%2013.0667%203.58383C13.629%203.18017%2014.1155%202.67383%2014.5005%202.0975Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";

var menu = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%2018H21V16H3V18ZM3%2013H21V11H3V13ZM3%206V8H21V6H3Z%22%20fill%3D%22%231676F3%22%2F%3E%3C%2Fsvg%3E";

var clpLogo = "478367302082f28d.svg";

var videoPlay = "data:image/svg+xml,%3Csvg%20width%3D%2297%22%20height%3D%2266%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%3E%3Cpath%20d%3D%22M8%200.5C3.86%200.5%200.5%203.86%200.5%208C0.5%2012.14%203.86%2015.5%208%2015.5C12.14%2015.5%2015.5%2012.14%2015.5%208C15.5%203.86%2012.14%200.5%208%200.5ZM6.5%2011.375V4.625L11%208L6.5%2011.375Z%22%20fill%3D%22%234E93FF%22%2F%3E%3C%2Fsvg%3E";

var stockGrowth = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M44%205.5H4C3.18%205.5%202.5%204.82%202.5%204C2.5%203.18%203.18%202.5%204%202.5H44C44.82%202.5%2045.5%203.18%2045.5%204C45.5%204.82%2044.82%205.5%2044%205.5Z%22%20fill%3D%22%23549BF6%22%2F%3E%3Cpath%20d%3D%22M33.34%2044.68C33.08%2045.2%2032.54%2045.5%2032%2045.5C31.78%2045.5%2031.54%2045.44%2031.34%2045.34L24%2041.68L16.66%2045.34C16.46%2045.44%2016.22%2045.5%2016%2045.5C15.46%2045.5%2014.92%2045.2%2014.66%2044.68C14.28%2043.92%2014.58%2043.02%2015.34%2042.66L22.5%2039.08V34H25.5V39.08L32.66%2042.66C33.42%2043.02%2033.72%2043.92%2033.34%2044.68Z%22%20fill%3D%22%23549BF6%22%2F%3E%3Cpath%20d%3D%22M6%204V28.2C6%2032%208%2034%2011.8%2034H36.2C40%2034%2042%2032%2042%2028.2V4H6ZM33.96%2017.16L27.66%2022.42C27.08%2022.9%2026.34%2023.1%2025.64%2022.98C24.92%2022.86%2024.3%2022.42%2023.92%2021.78L21.82%2018.28L15.96%2023.16C15.68%2023.4%2015.34%2023.5%2015%2023.5C14.58%2023.5%2014.14%2023.32%2013.84%2022.96C13.3%2022.32%2013.4%2021.38%2014.04%2020.84L20.34%2015.58C20.92%2015.1%2021.66%2014.9%2022.36%2015.02C23.08%2015.14%2023.7%2015.58%2024.08%2016.22L26.18%2019.72L32.04%2014.84C32.68%2014.3%2033.62%2014.4%2034.16%2015.04C34.68%2015.68%2034.6%2016.62%2033.96%2017.16Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var money = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M43.84%2033.4999C43.18%2038.8199%2038.82%2043.1799%2033.5%2043.8399C30.28%2044.2399%2027.28%2043.3599%2024.94%2041.6399C23.6%2040.6599%2023.92%2038.5799%2025.52%2038.0999C31.54%2036.2799%2036.28%2031.5199%2038.12%2025.4999C38.6%2023.9199%2040.68%2023.5999%2041.66%2024.9199C43.36%2027.2799%2044.24%2030.2799%2043.84%2033.4999Z%22%20fill%3D%22%23549BF6%22%2F%3E%3Cpath%20d%3D%22M19.98%204C11.16%204%204%2011.16%204%2019.98C4%2028.8%2011.16%2035.96%2019.98%2035.96C28.8%2035.96%2035.96%2028.8%2035.96%2019.98C35.94%2011.16%2028.8%204%2019.98%204ZM18.1%2017.74L22.92%2019.42C24.66%2020.04%2025.5%2021.26%2025.5%2023.14C25.5%2025.3%2023.78%2027.08%2021.68%2027.08H21.5V27.18C21.5%2028%2020.82%2028.68%2020%2028.68C19.18%2028.68%2018.5%2028%2018.5%2027.18V27.06C16.28%2026.96%2014.5%2025.1%2014.5%2022.78C14.5%2021.96%2015.18%2021.28%2016%2021.28C16.82%2021.28%2017.5%2021.96%2017.5%2022.78C17.5%2023.5%2018.02%2024.08%2018.66%2024.08H21.66C22.12%2024.08%2022.48%2023.66%2022.48%2023.14C22.48%2022.44%2022.36%2022.4%2021.9%2022.24L17.08%2020.56C15.36%2019.96%2014.5%2018.74%2014.5%2016.84C14.5%2014.68%2016.22%2012.9%2018.32%2012.9H18.5V12.82C18.5%2012%2019.18%2011.32%2020%2011.32C20.82%2011.32%2021.5%2012%2021.5%2012.82V12.94C23.72%2013.04%2025.5%2014.9%2025.5%2017.22C25.5%2018.04%2024.82%2018.72%2024%2018.72C23.18%2018.72%2022.5%2018.04%2022.5%2017.22C22.5%2016.5%2021.98%2015.92%2021.34%2015.92H18.34C17.88%2015.92%2017.52%2016.34%2017.52%2016.86C17.5%2017.54%2017.62%2017.58%2018.1%2017.74Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var split = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M43.34%2013.9001C42.06%209.56005%2038.44%205.94005%2034.1%204.66005C30.8%203.70005%2028.52%203.78005%2026.94%204.96005C25.04%206.38005%2024.82%208.94005%2024.82%2010.7601V15.7401C24.82%2020.66%2027.06%2023.16%2031.46%2023.16H37.2C39%2023.16%2041.58%2022.9401%2043%2021.0401C44.22%2019.4801%2044.32%2017.2%2043.34%2013.9001Z%22%20fill%3D%22%23549BF6%22%2F%3E%3Cpath%20d%3D%22M37.82%2026.7201C37.3%2026.1201%2036.54%2025.7801%2035.76%2025.7801H28.6C25.08%2025.7801%2022.22%2022.9201%2022.22%2019.4001V12.2401C22.22%2011.4601%2021.88%2010.7001%2021.28%2010.1801C20.7%209.66006%2019.9%209.42006%2019.14%209.52006C14.44%2010.1201%2010.12%2012.7001%207.29998%2016.5801C4.45998%2020.4801%203.41998%2025.2401%204.31998%2030.0001C5.61998%2036.8801%2011.12%2042.3801%2018.02%2043.6801C19.12%2043.9001%2020.22%2044.0001%2021.32%2044.0001C24.94%2044.0001%2028.44%2042.8801%2031.42%2040.7001C35.3%2037.8801%2037.88%2033.5601%2038.48%2028.8601C38.58%2028.0801%2038.34%2027.3001%2037.82%2026.7201Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var chart = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M32.38%204H15.62C8.34%204%204%208.34%204%2015.62V32.36C4%2039.66%208.34%2044%2015.62%2044H32.36C39.64%2044%2043.98%2039.66%2043.98%2032.38V15.62C44%208.34%2039.66%204%2032.38%204ZM15.26%2036.3C15.26%2037.12%2014.58%2037.8%2013.76%2037.8C12.94%2037.8%2012.26%2037.12%2012.26%2036.3V32.16C12.26%2031.34%2012.94%2030.66%2013.76%2030.66C14.58%2030.66%2015.26%2031.34%2015.26%2032.16V36.3ZM25.5%2036.3C25.5%2037.12%2024.82%2037.8%2024%2037.8C23.18%2037.8%2022.5%2037.12%2022.5%2036.3V28C22.5%2027.18%2023.18%2026.5%2024%2026.5C24.82%2026.5%2025.5%2027.18%2025.5%2028V36.3ZM35.74%2036.3C35.74%2037.12%2035.06%2037.8%2034.24%2037.8C33.42%2037.8%2032.74%2037.12%2032.74%2036.3V23.86C32.74%2023.04%2033.42%2022.36%2034.24%2022.36C35.06%2022.36%2035.74%2023.04%2035.74%2023.86V36.3ZM35.74%2017.54C35.74%2018.36%2035.06%2019.04%2034.24%2019.04C33.42%2019.04%2032.74%2018.36%2032.74%2017.54V15.6C27.64%2020.84%2021.26%2024.54%2014.12%2026.32C14%2026.36%2013.88%2026.36%2013.76%2026.36C13.08%2026.36%2012.48%2025.9%2012.3%2025.22C12.1%2024.42%2012.58%2023.6%2013.4%2023.4C20.14%2021.72%2026.14%2018.18%2030.9%2013.18H28.4C27.58%2013.18%2026.9%2012.5%2026.9%2011.68C26.9%2010.86%2027.58%2010.18%2028.4%2010.18H34.26C34.34%2010.18%2034.4%2010.22%2034.48%2010.22C34.58%2010.24%2034.68%2010.24%2034.78%2010.28C34.88%2010.32%2034.96%2010.38%2035.06%2010.44C35.12%2010.48%2035.18%2010.5%2035.24%2010.54C35.26%2010.56%2035.26%2010.58%2035.28%2010.58C35.36%2010.66%2035.42%2010.74%2035.48%2010.82C35.54%2010.9%2035.6%2010.96%2035.62%2011.04C35.66%2011.12%2035.66%2011.2%2035.68%2011.3C35.7%2011.4%2035.74%2011.5%2035.74%2011.62C35.74%2011.64%2035.76%2011.66%2035.76%2011.68V17.54H35.74Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var women = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.85%2013.9314L15.0938%2023.7095C14.5031%2025.847%2017.0344%2026.6814%2017.6531%2024.6751L20.1188%2015.6564H20.8125L16.575%2031.5001H20.5313V43.4064C20.5313%2045.5626%2023.5313%2045.5626%2023.5313%2043.4064V31.5001H24.4688V43.4064C24.4688%2045.5626%2027.375%2045.5626%2027.375%2043.4064V31.5001H31.4438L27.1125%2015.6564H27.9L30.3656%2024.6751C30.975%2026.7282%2033.4875%2025.847%2032.925%2023.7189L30.1688%2013.9314C29.7938%2012.8251%2028.4625%2010.8751%2026.2313%2010.7813H21.7969C19.4906%2010.8751%2018.1688%2012.8064%2017.85%2013.9314ZM27.4313%206.4876C27.4313%204.55635%2025.8938%202.99072%2024%202.99072C22.1063%202.99072%2020.5688%204.55635%2020.5688%206.4876C20.5688%208.41885%2022.1063%209.98447%2024%209.98447C25.8938%209.98447%2027.4313%208.41885%2027.4313%206.4876Z%22%20fill%3D%22%23549BF6%22%2F%3E%3C%2Fsvg%3E";

var leaders = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.7279%204.9657C12.4001%204.96285%2012.075%205.02575%2011.7713%205.15076C11.4677%205.27578%2011.1916%205.46043%2010.9589%205.69404C10.7262%205.92765%2010.5416%206.2056%2010.4157%206.51182C10.2898%206.81805%2010.2251%207.14648%2010.2254%207.47813V8.71004C10.2254%209.38563%2010.4907%2010.0335%2010.9628%2010.5113C11.435%2010.989%2012.0754%2011.2573%2012.7432%2011.2573C13.4109%2011.2573%2014.0514%2010.989%2014.5235%2010.5113C14.9957%2010.0335%2015.261%209.38563%2015.261%208.71004V7.47813C15.2589%207.14538%2015.192%206.8163%2015.0639%206.50978C14.9359%206.20326%2014.7493%205.92533%2014.5149%205.69191C14.2805%205.4585%2014.0028%205.27419%2013.6979%205.14957C13.3929%205.02495%2013.0666%204.96247%2012.7377%204.9657H12.7279ZM19.2647%2014.6438C19.0464%2014.3707%2018.7769%2014.144%2018.4717%2013.9766C18.1665%2013.8092%2017.8316%2013.7044%2017.4863%2013.6682C17.3979%2013.6593%2017.3096%2013.6354%2017.2212%2013.6354H15.8282L13.186%2016.1633C13.1753%2016.1734%2013.1631%2016.1999%2013.1518%2016.209C13.1386%2016.2203%2013.1248%2016.231%2013.1105%2016.2409C13.0952%2016.2505%2013.0793%2016.2592%2013.0631%2016.267C13.0486%2016.2751%2013.0336%2016.2824%2013.0184%2016.289C13.0015%2016.2953%2012.9843%2016.3008%2012.9669%2016.3053C12.9513%2016.3097%2012.936%2016.3142%2012.9201%2016.3176C12.9026%2016.3205%2012.8849%2016.3224%2012.8671%2016.3235C12.851%2016.3249%2012.8351%2016.3267%2012.8189%2016.3265C12.8014%2016.326%2012.7839%2016.3245%2012.7666%2016.3222C12.7503%2016.3204%2012.734%2016.319%2012.7178%2016.3157C12.7017%2016.3125%2012.6842%2016.3063%2012.6673%2016.301C12.6504%2016.2957%2012.6356%2016.2911%2012.6201%2016.2846C12.6037%2016.2768%2012.5876%2016.2681%2012.5721%2016.2586C12.5575%2016.2507%2012.5427%2016.2407%2