@magicgol/polyjuice 0.48.0 → 0.50.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicgol/polyjuice",
-  "version": "0.48.0",
+  "version": "0.50.0",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/assets/svg/index.js

@@ -11,10 +11,14 @@ require('./hand-down')
 require('./hand-up')
 require('./magic-coin')
 require('./message')
+require('./microphone')
+require('./pause')
+require('./play')
 require('./plus')
 require('./ribbon-with-check')
 require('./soccer-ball')
 require('./star-c')
 require('./star-stroke-p')
+require('./stop')
 require('./timer')
 require('./x')

package/src/assets/svg/microphone.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'microphone': {
+    width: 800,
+    height: 800,
+    viewBox: '0 0 512 512',
+    data: '<path pid="0" d="M439.5 236c0-11.3-9.1-20.4-20.4-20.4s-20.4 9.1-20.4 20.4c0 70-64 126.9-142.7 126.9-78.7 0-142.7-56.9-142.7-126.9 0-11.3-9.1-20.4-20.4-20.4s-20.4 9.1-20.4 20.4c0 86.2 71.5 157.4 163.1 166.7v57.5H212c-11.3 0-20.4 9.1-20.4 20.4 0 11.3 9.1 20.4 20.4 20.4h88c11.3 0 20.4-9.1 20.4-20.4 0-11.3-9.1-20.4-20.4-20.4h-23.6v-57.5c91.6-9.3 163.1-80.5 163.1-166.7z"/><path pid="1" d="M256 323.5c51 0 92.3-41.3 92.3-92.3V103.3c0-51-41.3-92.3-92.3-92.3s-92.3 41.3-92.3 92.3v127.9c0 51 41.3 92.3 92.3 92.3zm-52.3-220.2c0-28.8 23.5-52.3 52.3-52.3s52.3 23.5 52.3 52.3v127.9c0 28.8-23.5 52.3-52.3 52.3s-52.3-23.5-52.3-52.3V103.3z"/>'
+  }
+})

package/src/assets/svg/pause.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'pause': {
+    width: 16,
+    height: 16,
+    viewBox: '0 0 68 68',
+    data: '<path pid="0" d="M27.333 47.333c.945 0 1.737-.319 2.377-.956.64-.638.959-1.43.956-2.377V23.917c0-.945-.32-1.723-.96-2.334-.64-.61-1.43-.916-2.373-.916-.944 0-1.736.32-2.377.96-.64.64-.958 1.43-.956 2.373v20.083c0 .945.32 1.723.96 2.334.64.61 1.43.916 2.373.916zm13.334 0c.944 0 1.736-.319 2.376-.956.64-.638.96-1.43.957-2.377V23.917c0-.945-.32-1.723-.96-2.334-.64-.61-1.431-.916-2.373-.916-.945 0-1.737.32-2.377.96-.64.64-.96 1.43-.957 2.373v20.083c0 .945.32 1.723.96 2.334.64.61 1.431.916 2.373.916zm-6.667 20c-4.611 0-8.945-.874-13-2.623-4.056-1.749-7.584-4.124-10.584-7.127-3-3-5.374-6.527-7.123-10.583C1.544 42.944.67 38.611.667 34c0-4.611.875-8.944 2.626-13 1.751-4.055 4.126-7.583 7.123-10.583 3-3 6.528-5.376 10.584-7.127C25.055 1.54 29.389.665 34 .667c4.61 0 8.944.875 13 2.626 4.055 1.752 7.583 4.126 10.583 7.124 3 3 5.376 6.528 7.127 10.583 1.75 4.056 2.625 8.389 2.623 13 0 4.611-.875 8.944-2.626 13-1.752 4.056-4.126 7.583-7.124 10.583-3 3-6.528 5.376-10.583 7.127-4.056 1.751-8.39 2.626-13 2.623z" _fill="#FFA318"/>'
+  }
+})

package/src/assets/svg/play.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'play': {
+    width: 16,
+    height: 16,
+    viewBox: '0 0 28 28',
+    data: '<path pid="0" d="M10.666 10.433v7.134c0 .51.234.9.7 1.166.467.267.923.245 1.367-.066l5.534-3.534c.422-.266.633-.644.633-1.133s-.211-.867-.633-1.133l-5.534-3.534c-.444-.31-.9-.333-1.367-.066-.466.266-.7.655-.7 1.166zM14 27.333c-1.845 0-3.578-.35-5.2-1.049a13.445 13.445 0 01-4.234-2.85c-1.2-1.2-2.15-2.612-2.849-4.234-.7-1.622-1.05-3.355-1.05-5.2 0-1.844.35-3.578 1.05-5.2.7-1.622 1.65-3.033 2.85-4.233 1.2-1.2 2.61-2.15 4.233-2.85 1.622-.701 3.355-1.051 5.2-1.05 1.844 0 3.578.35 5.2 1.05 1.622.7 3.033 1.65 4.233 2.85 1.2 1.2 2.15 2.61 2.85 4.233.701 1.622 1.051 3.356 1.05 5.2 0 1.845-.35 3.578-1.05 5.2a13.485 13.485 0 01-2.85 4.233c-1.2 1.2-2.61 2.15-4.233 2.851-1.622.7-3.356 1.05-5.2 1.05z" _fill="#D81159"/>'
+  }
+})

package/src/assets/svg/ribbon-with-check.js

@@ -5,6 +5,6 @@ icon.register({
     width: 16,
     height: 16,
     viewBox: '0 0 32 32',
-    data: '<path pid="0" d="M13.972 1.86a3 3 0 014.056 0l.968.889a3 3 0 002.37.77l1.304-.15a3 3 0 013.282 2.384l.26 1.287a3 3 0 001.465 2.016l1.143.646a3 3 0 011.254 3.858l-.545 1.194a3 3 0 000 2.492l.545 1.194a3 3 0 01-1.254 3.858l-1.143.646a3 3 0 00-1.464 2.016l-.261 1.287a3 3 0 01-3.282 2.384l-1.305-.15a3 3 0 00-2.37.77l-.967.888a3 3 0 01-4.056 0l-.968-.887a3 3 0 00-2.37-.77l-1.304.149a3 3 0 01-3.282-2.384l-.26-1.287a3 3 0 00-1.465-2.016l-1.144-.646a3 3 0 01-1.253-3.858l.545-1.194a3 3 0 000-2.492l-.545-1.194a3 3 0 011.253-3.858l1.144-.646A3 3 0 005.787 7.04l.261-1.287A3 3 0 019.33 3.37l1.305.15a3 3 0 002.37-.77l.967-.888z" _fill="#075169"/><path pid="1" d="M21.39 11.5a.864.864 0 00-1.228 0l-6.443 6.451-2.708-2.716a.881.881 0 00-1.25.022.884.884 0 00.022 1.25l3.321 3.32a.865.865 0 001.229 0l7.057-7.057a.865.865 0 000-1.27z" fill="white"/>'
+    data: '<path pid="0" d="M13.972 1.86a3 3 0 014.056 0l.968.889a3 3 0 002.37.77l1.304-.15a3 3 0 013.282 2.384l.26 1.287a3 3 0 001.465 2.016l1.143.646a3 3 0 011.254 3.858l-.545 1.194a3 3 0 000 2.492l.545 1.194a3 3 0 01-1.254 3.858l-1.143.646a3 3 0 00-1.464 2.016l-.261 1.287a3 3 0 01-3.282 2.384l-1.305-.15a3 3 0 00-2.37.77l-.967.888a3 3 0 01-4.056 0l-.968-.887a3 3 0 00-2.37-.77l-1.304.149a3 3 0 01-3.282-2.384l-.26-1.287a3 3 0 00-1.465-2.016l-1.144-.646a3 3 0 01-1.253-3.858l.545-1.194a3 3 0 000-2.492l-.545-1.194a3 3 0 011.253-3.858l1.144-.646A3 3 0 005.787 7.04l.261-1.287A3 3 0 019.33 3.37l1.305.15a3 3 0 002.37-.77l.967-.888z" _fill="#075169"/><path pid="1" d="M21.39 11.5a.864.864 0 00-1.228 0l-6.443 6.451-2.708-2.716a.881.881 0 00-1.25.022.884.884 0 00.022 1.25l3.321 3.32a.865.865 0 001.229 0l7.057-7.057a.865.865 0 000-1.27z" _fill="#f9f9f9"/>'
   }
 })

package/src/assets/svg/stop.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'stop': {
+    width: 16,
+    height: 16,
+    viewBox: '0 0 68 68',
+    data: '<path pid="0" d="M34 67.333c-4.611 0-8.945-.874-13-2.623-4.056-1.749-7.584-4.124-10.584-7.127-3-3-5.374-6.527-7.123-10.583C1.544 42.944.67 38.611.667 34c0-4.611.875-8.944 2.626-13 1.751-4.055 4.126-7.583 7.123-10.583 3-3 6.528-5.376 10.584-7.127C25.055 1.54 29.389.665 34 .667c4.61 0 8.944.875 13 2.626 4.055 1.752 7.583 4.126 10.583 7.124 3 3 5.376 6.528 7.127 10.583 1.75 4.056 2.625 8.389 2.623 13 0 4.611-.875 8.944-2.626 13-1.752 4.056-4.126 7.583-7.124 10.583-3 3-6.528 5.376-10.583 7.127-4.056 1.751-8.39 2.626-13 2.623zm-10-20h20c.944 0 1.736-.319 2.377-.956.64-.638.958-1.43.956-2.377V24c0-.944-.32-1.737-.96-2.377-.64-.64-1.43-.959-2.373-.956H24c-.945 0-1.737.32-2.377.96-.64.64-.959 1.43-.957 2.373v20c0 .944.32 1.737.96 2.377.64.64 1.432.959 2.374.956z" _fill="#FF2218"/>'
+  }
+})

package/src/components/audio/player/AudioPlayer.stories.js

@@ -0,0 +1,22 @@
+import MgAudioPlayer from './AudioPlayer.vue';
+
+// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
+export default {
+  title: 'Audio/Player',
+  component: MgAudioPlayer,
+  // More on argTypes: https://storybook.js.org/docs/vue/api/argtypes
+  argTypes: {
+  },
+};
+
+// More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { MgAudioPlayer },
+  template: `<mg-audio-player v-bind="$props"><template v-if="${'default' in args}" v-slot>${args.default}</template></mg-audio-player>`,
+});
+
+export const Default = Template.bind({});
+// More on args: https://storybook.js.org/docs/vue/writing-stories/args
+Default.args = {
+};

package/src/components/audio/player/AudioPlayer.vue

@@ -0,0 +1,198 @@
+<template>
+  <div
+    class="d-inline-flex align-items-center p-1"
+    :class="classes"
+  >
+    <span
+      v-if="active"
+      class="pause"
+      @click="$emit('pause')"
+    >
+      <svgicon
+        name="pause"
+      ></svgicon>
+    </span>
+    <span
+      v-else
+      class="play"
+      @click="$emit('play')"
+    >
+      <svgicon
+        name="play"
+      ></svgicon>
+    </span>
+    <div class="flex-fill text-center mx-3 h-100">
+      <div class="d-inline-flex justify-content-between waves h-100">
+        <div
+          v-for="(wave, index) in waves"
+          :key="'wave-'+ index"
+          class="wave"
+          :class="'wave-' + wave"
+        ></div>
+      </div>
+    </div>
+    <div class="pr-3">{{ currentTimeMinutes }}:{{ currentTimeSeconds }} / {{ totalTimeMinutes }}:{{ totalTimeSeconds }}</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'mg-audio-player',
+
+  data () {
+    return {
+      waves: [1, 2, 3, 4, 5, 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, 1, 2, 3, 4, 5]
+    }
+  },
+
+  props: {
+    currentTime: {
+      type: Number,
+      default: 0,
+      validator: function (value) {
+        return value >= 0;
+      }
+    },
+
+    totalTime: {
+      type: Number,
+      default: 0,
+      validator: function (value) {
+        return value >= 0;
+      }
+    },
+
+    active: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  computed: {
+    classes() {
+      return {
+        'mg-audio-player': true,
+        'mg-audio-player--active': this.active === true,
+      };
+    },
+
+    currentTimeMinutes () {
+      let minutes = Math.floor(this.currentTime / 60);
+      return minutes < 10 ? '0' + minutes : minutes;
+    },
+
+    currentTimeSeconds () {
+      let seconds = this.currentTime % 60;
+      return seconds < 10 ? '0' + seconds : seconds;
+    },
+
+    totalTimeMinutes () {
+      let minutes = Math.floor(this.totalTime / 60);
+      return minutes < 10 ? '0' + minutes : minutes;
+    },
+
+    totalTimeSeconds () {
+      let seconds = this.totalTime % 60;
+      return seconds < 10 ? '0' + seconds : seconds;
+    }
+  },
+}
+</script>
+
+<style lang="scss">
+  .mg-audio-player {
+    border: 1px solid #c8c8c8;
+    border-radius: 41px;
+    font-family: Ubuntu, sans-serif;
+    font-weight: 500;
+    font-size: 16px;
+    height: 2.5rem;
+
+    svg {
+      height: 1.875rem;
+      width: 1.875rem;
+    }
+
+    .play svg {
+      fill: #D81159;
+    }
+
+    .pause svg {
+      fill: #FFA318;
+    }
+
+    .wave {
+      transform: scaleY(.4);
+      height: 100%;
+      width: 4px;
+      background: #ccc;
+      animation-duration: 1.2s;
+      animation-timing-function: ease-in-out;
+      animation-iteration-count: infinite;
+      border-radius: 8px;
+      margin: 0 2px;
+    }
+
+    &--active {
+      .wave {
+        background-color: #000;
+      }
+
+      .wave-1 {
+        animation-name: quiet;
+      }
+
+      .wave-2{
+        animation-name: normal;
+      }
+
+      .wave-3{
+        animation-name: quiet;
+      }
+
+      .wave-4{
+        animation-name: loud;
+      }
+
+      .wave-5{
+        animation-name: quiet;
+      }
+    }
+  }
+
+  @keyframes quiet {
+    25%{
+      transform: scaleY(.6);
+    }
+    50%{
+      transform: scaleY(.4);
+    }
+    75%{
+      transform: scaleY(.8);
+    }
+  }
+
+  @keyframes normal {
+    25%{
+      transform: scaleY(1);
+    }
+    50%{
+      transform: scaleY(.4);
+    }
+    75%{
+      transform: scaleY(.6);
+    }
+  }
+
+  @keyframes loud {
+    25%{
+      transform: scaleY(1);
+    }
+    50%{
+      transform: scaleY(.4);
+    }
+    75%{
+      transform: scaleY(1.2);
+    }
+  }
+</style>

package/src/components/color/text/Text.stories.js

@@ -0,0 +1,40 @@
+import MgText from './Text.vue';
+
+// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
+export default {
+  title: 'Color/Text',
+  component: MgText,
+  // More on argTypes: https://storybook.js.org/docs/vue/api/argtypes
+  argTypes: {
+    theme: {
+      control: { type: 'select' },
+      options: [null, 'club'],
+      defaultValue: null
+    },
+    default: {
+      description: "The default Vue slot",
+      control: {
+        type: 'text',
+      },
+      table: {
+        category: 'Slots',
+        type: {
+          summary: 'html',
+        },
+      }
+    }
+  },
+};
+
+// More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { MgText },
+  template: `<mg-text v-bind="$props"><template v-if="${'default' in args}" v-slot>${args.default}</template></mg-text>`,
+});
+
+export const Default = Template.bind({});
+// More on args: https://storybook.js.org/docs/vue/writing-stories/args
+Default.args = {
+  default: 'testo libero'
+};

package/src/components/color/text/Text.vue

@@ -0,0 +1,44 @@
+<template>
+  <div v-bind:class="classes"><span><slot></slot></span></div>
+</template>
+
+<script>
+export default {
+  name: 'mg-text',
+
+  props: {
+    theme: {
+      type: String,
+      default: null,
+      validator: function (value) {
+        return ['club'].indexOf(value) !== -1;
+      },
+    }
+  },
+
+  computed: {
+    classes() {
+      return {
+        'mg-text': true,
+        'mg-text--theme-club': this.theme === 'club',
+      };
+    }
+  },
+};
+</script>
+
+<style lang="scss">
+  @import '../../../assets/palette';
+
+  .mg-text{
+    &--theme {
+      &-club {
+        > span {
+          background: map-get($palette, 'club');
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
+      }
+    }
+  }
+</style>

package/src/svg/microphone.svg

@@ -0,0 +1,11 @@
+<?xml version='1.0' encoding='utf-8'?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 512 512">
+  <g>
+    <g>
+      <path d="m439.5,236c0-11.3-9.1-20.4-20.4-20.4s-20.4,9.1-20.4,20.4c0,70-64,126.9-142.7,126.9-78.7,0-142.7-56.9-142.7-126.9 0-11.3-9.1-20.4-20.4-20.4s-20.4,9.1-20.4,20.4c0,86.2 71.5,157.4 163.1,166.7v57.5h-23.6c-11.3,0-20.4,9.1-20.4,20.4 0,11.3 9.1,20.4 20.4,20.4h88c11.3,0 20.4-9.1 20.4-20.4 0-11.3-9.1-20.4-20.4-20.4h-23.6v-57.5c91.6-9.3 163.1-80.5 163.1-166.7z"/>
+      <path d="m256,323.5c51,0 92.3-41.3 92.3-92.3v-127.9c0-51-41.3-92.3-92.3-92.3s-92.3,41.3-92.3,92.3v127.9c0,51 41.3,92.3 92.3,92.3zm-52.3-220.2c0-28.8 23.5-52.3 52.3-52.3s52.3,23.5 52.3,52.3v127.9c0,28.8-23.5,52.3-52.3,52.3s-52.3-23.5-52.3-52.3v-127.9z"/>
+    </g>
+  </g>
+</svg>

package/src/svg/pause.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.3332 47.3334C28.2776 47.3334 29.0698 47.0145 29.7098 46.3768C30.3498 45.739 30.6687 44.9468 30.6665 44.0001V23.9168C30.6665 22.9723 30.3465 22.1945 29.7065 21.5834C29.0665 20.9723 28.2754 20.6667 27.3332 20.6667C26.3887 20.6667 25.5965 20.9868 24.9565 21.6268C24.3165 22.2668 23.9976 23.0579 23.9998 24.0001V44.0834C23.9998 45.0279 24.3198 45.8056 24.9598 46.4168C25.5998 47.0279 26.3909 47.3334 27.3332 47.3334ZM40.6665 47.3334C41.6109 47.3334 42.4032 47.0145 43.0432 46.3768C43.6832 45.739 44.0021 44.9468 43.9998 44.0001V23.9168C43.9998 22.9723 43.6798 22.1945 43.0398 21.5834C42.3998 20.9723 41.6087 20.6667 40.6665 20.6667C39.7221 20.6667 38.9298 20.9868 38.2898 21.6268C37.6498 22.2668 37.3309 23.0579 37.3332 24.0001V44.0834C37.3332 45.0279 37.6532 45.8056 38.2932 46.4168C38.9332 47.0279 39.7243 47.3334 40.6665 47.3334ZM33.9998 67.3334C29.3887 67.3334 25.0554 66.459 20.9998 64.7101C16.9443 62.9612 13.4165 60.5856 10.4165 57.5834C7.4165 54.5834 5.04206 51.0556 3.29317 47.0001C1.54428 42.9445 0.668726 38.6112 0.666504 34.0001C0.666504 29.389 1.54206 25.0556 3.29317 21.0001C5.04428 16.9445 7.41873 13.4168 10.4165 10.4168C13.4165 7.41675 16.9443 5.0412 20.9998 3.29008C25.0554 1.53897 29.3887 0.66453 33.9998 0.666752C38.6109 0.666752 42.9443 1.54231 46.9998 3.29342C51.0554 5.04453 54.5832 7.41897 57.5832 10.4168C60.5832 13.4168 62.9587 16.9445 64.7098 21.0001C66.4609 25.0556 67.3354 29.389 67.3332 34.0001C67.3332 38.6112 66.4576 42.9445 64.7065 47.0001C62.9554 51.0556 60.5809 54.5834 57.5832 57.5834C54.5832 60.5834 51.0554 62.959 46.9998 64.7101C42.9443 66.4612 38.6109 67.3356 33.9998 67.3334Z" fill="#FFA318"/>
+</svg>

package/src/svg/play.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6665 10.4334V17.5668C10.6665 18.0779 10.8998 18.4668 11.3665 18.7334C11.8332 19.0001 12.2887 18.9779 12.7332 18.6667L18.2665 15.1334C18.6887 14.8668 18.8998 14.489 18.8998 14.0001C18.8998 13.5112 18.6887 13.1334 18.2665 12.8668L12.7332 9.33342C12.2887 9.02231 11.8332 9.00008 11.3665 9.26675C10.8998 9.53342 10.6665 9.92231 10.6665 10.4334ZM13.9998 27.3334C12.1554 27.3334 10.4221 26.9836 8.79984 26.2841C7.17762 25.5845 5.7665 24.6343 4.5665 23.4334C3.3665 22.2334 2.41673 20.8223 1.71717 19.2001C1.01762 17.5779 0.667393 15.8445 0.666504 14.0001C0.666504 12.1556 1.01673 10.4223 1.71717 8.80008C2.41762 7.17786 3.36739 5.76675 4.5665 4.56675C5.7665 3.36675 7.17762 2.41653 8.79984 1.71608C10.4221 1.01564 12.1554 0.665861 13.9998 0.66675C15.8443 0.66675 17.5776 1.01697 19.1998 1.71742C20.8221 2.41786 22.2332 3.36764 23.4332 4.56675C24.6332 5.76675 25.5834 7.17786 26.2838 8.80008C26.9843 10.4223 27.3341 12.1556 27.3332 14.0001C27.3332 15.8445 26.9829 17.5779 26.2825 19.2001C25.5821 20.8223 24.6323 22.2334 23.4332 23.4334C22.2332 24.6334 20.8221 25.5836 19.1998 26.2841C17.5776 26.9845 15.8443 27.3343 13.9998 27.3334Z" fill="#D81159"/>
+</svg>

package/src/svg/stop.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.9998 67.3334C29.3887 67.3334 25.0554 66.459 20.9998 64.7101C16.9443 62.9612 13.4165 60.5856 10.4165 57.5834C7.4165 54.5834 5.04206 51.0556 3.29317 47.0001C1.54428 42.9445 0.668726 38.6112 0.666504 34.0001C0.666504 29.389 1.54206 25.0556 3.29317 21.0001C5.04428 16.9445 7.41873 13.4168 10.4165 10.4168C13.4165 7.41675 16.9443 5.0412 20.9998 3.29008C25.0554 1.53897 29.3887 0.66453 33.9998 0.666752C38.6109 0.666752 42.9443 1.54231 46.9998 3.29342C51.0554 5.04453 54.5832 7.41897 57.5832 10.4168C60.5832 13.4168 62.9587 16.9445 64.7098 21.0001C66.4609 25.0556 67.3354 29.389 67.3332 34.0001C67.3332 38.6112 66.4576 42.9445 64.7065 47.0001C62.9554 51.0556 60.5809 54.5834 57.5832 57.5834C54.5832 60.5834 51.0554 62.959 46.9998 64.7101C42.9443 66.4612 38.6109 67.3356 33.9998 67.3334ZM23.9998 47.3334H43.9998C44.9443 47.3334 45.7365 47.0145 46.3765 46.3768C47.0165 45.739 47.3354 44.9468 47.3332 44.0001V24.0001C47.3332 23.0556 47.0132 22.2634 46.3732 21.6234C45.7332 20.9834 44.9421 20.6645 43.9998 20.6667H23.9998C23.0554 20.6667 22.2632 20.9868 21.6232 21.6268C20.9832 22.2668 20.6643 23.0579 20.6665 24.0001V44.0001C20.6665 44.9445 20.9865 45.7368 21.6265 46.3768C22.2665 47.0168 23.0576 47.3356 23.9998 47.3334Z" fill="#FF2218"/>
+</svg>