@latest-thinking/lt-player 1.0.5 → 1.0.6-a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/.babelrc +2 -1
  2. package/dist/css/lt-player-main.css +1 -1
  3. package/dist/css/lt-player-main.css.map +1 -1
  4. package/dist/js/lt-player-main.js +1 -1
  5. package/dist/js/lt-player-main.js.map +1 -1
  6. package/package.json +5 -3
  7. package/src/assets/sass/abstracts/_mixins.scss +5 -5
  8. package/src/assets/sass/abstracts/_placeholders.scss +5 -5
  9. package/src/assets/sass/abstracts/_variables.scss +7 -7
  10. package/src/assets/sass/components/_modal.scss +61 -19
  11. package/src/assets/sass/sections/_additional-info.scss +6 -6
  12. package/src/assets/sass/sections/_control.scss +12 -11
  13. package/src/assets/sass/sections/_poster.scss +52 -10
  14. package/src/assets/sass/sections/_settings.scss +14 -12
  15. package/src/assets/sass/sections/_share.scss +123 -100
  16. package/src/assets/sass/sections/_subtitles.scss +14 -1
  17. package/src/assets/sass/sections/controllers/_botom.scss +160 -98
  18. package/src/assets/sass/sections/controllers/_mini-player.scss +18 -3
  19. package/src/assets/sass/sections/controllers/_notification-rewind-forward.scss +48 -85
  20. package/src/assets/sass/sections/controllers/_top.scss +39 -13
  21. package/src/components/LTPlayerDevMethode.ts +23 -3
  22. package/src/components/LTPlayerHls.ts +29 -0
  23. package/src/components/LTPlayerSetup.ts +14 -8
  24. package/src/components/LTPlayerType.ts +84 -34
  25. package/src/components/addInfo/LTPlayerAddInfoManager.ts +12 -5
  26. package/src/components/addInfo/LTPlayerAdditionalInfoEvents.ts +37 -12
  27. package/src/components/config/LTPlayerConfig.ts +29 -0
  28. package/src/components/config/LTPlayerConfigProcessor.ts +9 -5
  29. package/src/components/controls/LTPlayerControlsEvents.ts +26 -10
  30. package/src/components/controls/LTPlayerMini.ts +75 -5
  31. package/src/components/controls/settings/LTPlayerDesktopSettingsControllers.ts +2 -2
  32. package/src/components/controls/settings/LTPlayerMobileSettingsControllers.ts +4 -4
  33. package/src/components/events/LTPlayer.ts +10 -1
  34. package/src/components/events/LTPlayerCommon.ts +3 -7
  35. package/src/components/events/LTPlayerDesktop.ts +25 -2
  36. package/src/components/events/LTPlayerMobile.ts +25 -0
  37. package/src/components/poster/LTPlayerPoster.ts +36 -22
  38. package/src/components/poster/LTPlayerPosterEvents.ts +10 -7
  39. package/src/components/poster/LTPlayerPosterManager.ts +3 -10
  40. package/src/components/share/LTPlayerShareEvents.ts +66 -3
  41. package/src/global/controllers/LTPlayerController.ts +2 -0
  42. package/src/services/Helper.ts +24 -0
  43. package/src/services/ResizeService.ts +33 -10
  44. package/src/views/additionalInfo.handlebars +58 -0
  45. package/src/views/background.handlebars +1 -1
  46. package/src/views/controls.handlebars +6 -6
  47. package/src/views/poster.handlebars +2 -1
  48. package/src/views/share.handlebars +69 -69
package/src/views/controls.handlebars CHANGED
@@ -31,14 +31,14 @@
31
31
  </div>
32
32
  </div>
33
33
  </div>
34
- <div class="lt-player-notification">
34
+ <div class="lt-player-notification landscape">
35
35
  <!-- <div class="lt-player-video-content">-->
36
36
  <!-- <div class="content__body">-->
37
37
  <!-- <h4 class="poster-title">{{videoParagraph}}</h4>-->
38
38
  <!-- <p class="poster-paragraph">{{videoTitle}}</p>-->
39
39
  <!-- </div>-->
40
40
  <!-- </div>-->
41
- <div class="lt-player-notification__notification-button-state">
41
+ <div class="lt-player-notification__notification-button-state landscape">
42
42
  <div class="player-state">
43
43
  <img class="player-state__icon filter" src="" alt="">
44
44
  </div>
@@ -167,7 +167,7 @@
167
167
  </div>
168
168
  {{#mobile}}
169
169
  <div class="plyr__controls__mobile-background d-none">
170
- <div class="lt-player-notification">
170
+ <div class="lt-player-notification portrait">
171
171
  <div class="lt-player-rewind-area">
172
172
  </div>
173
173
  <div class="lt-player-rewind lt-player-notify">
@@ -222,8 +222,8 @@
222
222
  </div>
223
223
  </div>
224
224
  </div>
225
- <div class="lt-player-notification">
226
- <div class="lt-player-notification__notification-button-state">
225
+ <div class="lt-player-notification portrait">
226
+ <div class="lt-player-notification__notification-button-state portrait">
227
227
  <div class="player-state">
228
228
  <img class="player-state__icon filter" src="" alt="">
229
229
  </div>
@@ -334,7 +334,7 @@
334
334
  </div>
335
335
  {{#mobile}}
336
336
  <div class="plyr__controls__mobile-background d-none">
337
- <div class="lt-player-notification">
337
+ <div class="lt-player-notification portrait">
338
338
  <div class="lt-player-rewind-area">
339
339
  </div>
340
340
  <div class="lt-player-rewind lt-player-notify">
package/src/views/poster.handlebars CHANGED
@@ -1,6 +1,7 @@
1
1
  <div class="lt-player__poster">
2
2
  <div class="lt-player__poster__image-body lt-player__poster__background__grey" >
3
- <img class="lt-player__poster__img lt-player__poster__img__set-default" alt="" src="{{logoBig}}">
3
+ <img class="lt-player__poster__img lt-player__poster__img__set-default d-none" alt="" src="{{logoBig}}">
4
+ <img class="lt-player__poster__img--set-custom d-none" alt="" src="{{config.configData.posterImage}}">
4
5
  </div>
5
6
  <div class="lt-player__poster__body">
6
7
  <div class="content">
package/src/views/share.handlebars CHANGED
@@ -1,96 +1,96 @@
1
1
  <div class="share-controller">
2
2
  <div class="share-controller-wrapper share-inactive">
3
3
  <div class="share-controller-content">
4
+ <span class="line-button"></span>
4
5
  <div class="share-controller-frame">
5
- <div class="player-lt__close-button-e">
6
- <span class="player-lt__close-button">×</span>
6
+ <!-- <div class="player-lt__close-button-e">-->
7
+ <!-- <span class="player-lt__close-button">×</span>-->
8
+ <!-- </div>-->
9
+ <div class="share-controller-top">
10
+ <div class="share-controller-title">
11
+ <h3>Share this video</h3>
12
+ </div>
13
+ <div class="share-controller-link-wrapper">
14
+ <span class="share-controller-url" data-lt-player-copy=""></span>
15
+ <button class="share-controller-link" type="button">Copy</button>
16
+ </div>
17
+ <hr class="share-controller-hr">
7
18
  </div>
8
- <div class="share-controller-title">
9
- <span>Share this video</span>
10
- </div>
11
- {{#canonicalUrl}}
12
- <div class="share-controller-link-wrapper">
13
- <input type="text" class="share-controller-url"
14
- value="{{canonicalUrl}}">
15
- <a href="javascript:void(0);" class="share-controller-link"
16
- data-copy="{{canonicalUrl}}"> COPY </a>
17
- </div>
18
- {{/canonicalUrl}}
19
- {{#embedUrl}}
20
- <div class="share-controller-link-wrapper">
21
- <input type="text" class="share-controller-url"
22
- value='<iframe width="560" height="315" src="{{embedUrl}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>'>
23
- <a href="javascript:void(0);" class="share-controller-link"
24
- data-copy='<iframe width="560" height="315" src="{{embedUrl}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>'> COPY </a>
25
- </div>
26
- {{/embedUrl}}
27
- <hr class="share-controller-hr">
28
19
  <div class="share-controller-via">
29
- You can also share via:
20
+ <h3>You can also share via:</h3>
30
21
  </div>
31
- <div class="a2a_kit a2a_kit_size_32 a2a_default_style share-controller-icons"
32
- data-a2a-url="{{canonicalUrl}}"
33
- data-a2a-title="{{title}}">
34
- <!-- <a class="lt-plyr-embed-frame-toggle">-->
35
- <!-- <span class="lt-plyr-embed-frame-toggle share-icon__icon share-icon__icon--embed">-->
36
- <!-- <svg class="lt-plyr-embed-frame-toggle" width="24" height="24" viewBox="0 0 24 24" fill="none"-->
37
- <!-- xmlns="http://www.w3.org/2000/svg">-->
38
- <!-- <path class="lt-plyr-embed-frame-toggle" d="M7 8L3 12L7 16" stroke="#181818" stroke-width="1.6"-->
39
- <!-- stroke-linecap="round"-->
40
- <!-- stroke-linejoin="round"></path>-->
41
- <!-- <path class="lt-plyr-embed-frame-toggle" d="M17.0001 8L21.0001 12L17.0001 16" stroke="#181818" stroke-width="1.6"-->
42
- <!-- stroke-linecap="round" stroke-linejoin="round"></path>-->
43
- <!-- </svg>-->
44
- <!-- </span>-->
45
- <!-- <span class="lt-plyr-embed-frame-toggle share-icon__text">Embed</span>-->
46
- <!-- </a>-->
47
- <a class="a2a_button_facebook">
22
+ <div class="a2a_kit a2a_kit_size_32 a2a_default_style share-controller-icons" data-a2a-url="{{canonicalUrl}}" data-a2a-title="{{title}}">
23
+ <a class="a2a_button_embed">
48
24
  <span class="share-icon__icon">
49
- <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
50
- <path
51
- d="M0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20Z"
52
- fill="#3B5998"/>
53
- <path
54
- d="M22.0847 31.7596V20.8785H25.0883L25.4864 17.1288H22.0847L22.0898 15.2521C22.0898 14.2741 22.1827 13.7501 23.5873 13.7501H25.4651V10H22.461C18.8527 10 17.5826 11.819 17.5826 14.878V17.1293H15.3334V20.8789H17.5826V31.7596H22.0847Z"
55
- fill="white"/>
25
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
26
+ <path d="M8.00028 17.0003C7.74428 17.0003 7.48825 16.9023 7.29325 16.7073L3.29325 12.7073C2.90225 12.3163 2.90225 11.6843 3.29325 11.2933L7.29325 7.29325C7.68425 6.90225 8.31631 6.90225 8.70731 7.29325C9.09831 7.68425 9.09831 8.31631 8.70731 8.70731L5.41434 12.0003L8.70731 15.2933C9.09831 15.6843 9.09831 16.3163 8.70731 16.7073C8.51231 16.9023 8.25628 17.0003 8.00028 17.0003Z" fill="#27282A"/>
27
+ <path d="M16.0007 17.0003C16.2567 17.0003 16.5127 16.9023 16.7077 16.7073L20.7077 12.7073C21.0987 12.3163 21.0987 11.6843 20.7077 11.2933L16.7077 7.29325C16.3167 6.90225 15.6847 6.90225 15.2937 7.29325C14.9027 7.68425 14.9027 8.31631 15.2937 8.70731L18.5866 12.0003L15.2937 15.2933C14.9027 15.6843 14.9027 16.3163 15.2937 16.7073C15.4887 16.9023 15.7447 17.0003 16.0007 17.0003Z" fill="#27282A"/>
56
28
  </svg>
57
29
  </span>
58
- <span class="share-icon__text">
59
- Facebook
30
+ </a>
31
+ <a class="a2a_button_facebook">
32
+ <span class="share-icon__icon">
33
+ <svg width="10" height="20" viewBox="0 0 10 20" fill="none" xmlns="http://www.w3.org/2000/svg">
34
+ <path d="M2.55277 20V10.6154H0V7.23652H2.55277V4.3505C2.55277 2.08264 4.0607 0 7.53529 0C8.9421 0 9.98237 0.1311 9.98237 0.1311L9.9004 3.28642C9.9004 3.28642 8.83949 3.27638 7.68178 3.27638C6.42879 3.27638 6.22804 3.83768 6.22804 4.7693V7.23652H10L9.83588 10.6154H6.22804V20H2.55277Z" fill="white"/>
35
+ </svg>
60
36
  </span>
61
37
  </a>
62
38
 
63
39
  <a class="a2a_button_twitter">
64
40
  <span class="share-icon__icon">
65
- <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
66
- <path
67
- d="M0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20Z"
68
- fill="#55ACEE"/>
69
- <path
70
- d="M19.401 16.2563L19.443 16.9483L18.7435 16.8636C16.1974 16.5387 13.973 15.4371 12.0844 13.5869L11.1611 12.6689L10.9233 13.3468C10.4197 14.858 10.7414 16.454 11.7907 17.5274C12.3503 18.1205 12.2243 18.2053 11.2591 17.8522C10.9233 17.7392 10.6295 17.6545 10.6016 17.6968C10.5036 17.7957 10.8394 19.0809 11.1052 19.5894C11.4689 20.2955 12.2104 20.9876 13.0218 21.3972L13.7072 21.722L12.8958 21.7361C12.1124 21.7361 12.0844 21.7502 12.1684 22.0468C12.4482 22.9649 13.5534 23.9394 14.7844 24.3631L15.6518 24.6597L14.8964 25.1116C13.7772 25.7613 12.4622 26.1285 11.1471 26.1567C10.5176 26.1709 10 26.2273 10 26.2697C10 26.411 11.7067 27.2019 12.7 27.5126C15.6798 28.4306 19.2191 28.0351 21.8772 26.4674C23.7658 25.3517 25.6543 23.1343 26.5357 20.9876C27.0113 19.8436 27.487 17.7533 27.487 16.7506C27.487 16.1009 27.5289 16.0162 28.3124 15.2394C28.774 14.7874 29.2077 14.2931 29.2916 14.1519C29.4315 13.8835 29.4175 13.8835 28.7041 14.1236C27.515 14.5473 27.3471 14.4908 27.9346 13.8553C28.3683 13.4033 28.8859 12.5842 28.8859 12.3441C28.8859 12.3017 28.6761 12.3723 28.4383 12.4994C28.1865 12.6407 27.6269 12.8525 27.2072 12.9796L26.4518 13.2197L25.7663 12.7537C25.3885 12.4994 24.8569 12.217 24.5771 12.1322C23.8637 11.9345 22.7725 11.9627 22.129 12.1887C20.3803 12.8243 19.2751 14.4626 19.401 16.2563Z"
71
- fill="white"/>
41
+ <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
42
+ <path d="M18 1.65729C17.3377 1.93837 16.626 2.12834 15.879 2.2138C16.6415 1.7764 17.227 1.08375 17.5027 0.258472C16.7778 0.670159 15.9847 0.960219 15.1577 1.11612C14.484 0.429261 13.5243 0 12.4621 0C10.4226 0 8.76909 1.58246 8.76909 3.53422C8.76909 3.81126 8.80179 4.08097 8.86472 4.33971C5.79558 4.19228 3.07448 2.78525 1.25304 0.646953C0.935227 1.16894 0.753117 1.77613 0.753117 2.42375C0.753117 3.64996 1.40513 4.73169 2.39597 5.36553C1.80953 5.34795 1.23599 5.19636 0.723234 4.92341C0.723023 4.93822 0.723023 4.95302 0.723023 4.96789C0.723023 6.68029 1.99596 8.10878 3.68529 8.43347C3.14148 8.57502 2.57107 8.59573 2.01762 8.49404C2.48752 9.89817 3.85137 10.9199 5.46729 10.9485C4.20342 11.8964 2.61105 12.4615 0.880945 12.4615C0.58282 12.4615 0.288914 12.4447 0 12.4121C1.63427 13.4149 3.57539 14 5.66086 14C12.4535 14 16.1679 8.61449 16.1679 3.9441C16.1679 3.79081 16.1644 3.63839 16.1573 3.48684C16.8802 2.98665 17.5042 2.3671 18 1.65729Z" fill="white"/>
72
43
  </svg>
73
44
  </span>
74
- <span class="share-icon__text">
75
- Twitter
76
- </span>
77
45
  </a>
46
+
78
47
  <a class="a2a_button_linkedin">
79
48
  <span class="share-icon__icon">
80
- <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
81
- <path
82
- d="M0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20Z"
83
- fill="#0077B5"/>
84
- <path fill-rule="evenodd" clip-rule="evenodd"
85
- d="M14.4322 12.3522C14.4322 13.6598 13.448 14.7061 11.8676 14.7061H11.8386C10.317 14.7061 9.33325 13.6598 9.33325 12.3522C9.33325 11.017 10.3469 10 11.8974 10C13.448 10 14.4028 11.017 14.4322 12.3522ZM14.1337 16.5649V30.183H9.60124V16.5649H14.1337ZM30.4792 30.183L30.4794 22.3748C30.4794 18.1919 28.2434 16.2451 25.2609 16.2451C22.8545 16.2451 21.7771 17.5669 21.1755 18.4941V16.5652H16.6425C16.7023 17.8431 16.6425 30.1833 16.6425 30.1833H21.1755V22.5779C21.1755 22.1709 21.2049 21.7649 21.3248 21.4735C21.6523 20.6604 22.3982 19.8185 23.6504 19.8185C25.2911 19.8185 25.947 21.0673 25.947 22.8973V30.183H30.4792Z"
86
- fill="white"/>
49
+ <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
50
+ <path d="M3.85913 16V5.20483H0.215002V16H3.85913ZM2.03754 3.73004C3.30831 3.73004 4.09931 2.9011 4.09931 1.8652C4.07563 0.805935 3.30836 0 2.06165 0C0.815143 0 0 0.805951 0 1.8652C0 2.90115 0.7908 3.73004 2.01375 3.73004H2.03743H2.03754ZM5.87615 16H9.52028V9.97145C9.52028 9.64881 9.54396 9.3265 9.64019 9.09586C9.90363 8.45124 10.5032 7.78359 11.5099 7.78359C12.8286 7.78359 13.3561 8.77354 13.3561 10.2247V15.9999H17V9.81007C17 6.49422 15.2022 4.95139 12.8046 4.95139C10.8387 4.95139 9.97556 6.03334 9.49604 6.77025H9.52036V5.2046H5.87623C5.92405 6.21756 5.87623 15.9998 5.87623 15.9998L5.87615 16Z" fill="white"/>
87
51
  </svg>
88
52
  </span>
89
- <span class="share-icon__text">
90
- Linkedin
91
- </span>
92
53
  </a>
93
54
 
55
+ <a class="a2a_button_whatsapp">
56
+ <span class="share-icon__icon">
57
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
58
+ <g clip-path="url(#clip0_11_828)">
59
+ <path d="M0 16L1.13085 11.8935C0.431709 10.6882 0.0649474 9.3232 0.0687679 7.92776C0.0687679 3.55513 3.6447 0 8.03438 0C10.1662 0 12.1681 0.825095 13.6695 2.32319C15.1748 3.82129 16.0038 5.81369 16 7.93156C16 12.3042 12.4241 15.8593 8.03056 15.8593H8.02674C6.6934 15.8593 5.383 15.5247 4.21776 14.8935L0 16ZM4.42024 13.4601L4.66093 13.6046C5.67717 14.2053 6.8424 14.5209 8.03056 14.5247H8.03438C11.6829 14.5247 14.6552 11.5703 14.6552 7.93536C14.6552 6.17491 13.9675 4.52091 12.7182 3.27377C11.4689 2.02662 9.80324 1.34221 8.03438 1.34221C4.38586 1.3384 1.41356 4.29278 1.41356 7.92776C1.41356 9.17111 1.76122 10.384 2.42598 11.4335L2.58261 11.6844L1.91404 14.1141L4.42024 13.4601Z" fill="white"/>
60
+ <path d="M0.278809 15.7225L1.37145 11.7567C0.695236 10.597 0.339936 9.27759 0.339936 7.93158C0.343756 3.71105 3.79361 0.277588 8.03429 0.277588C10.0935 0.277588 12.0228 1.07607 13.4746 2.52093C14.9264 3.9658 15.7248 5.88976 15.7248 7.93538C15.7248 12.1559 12.2712 15.5894 8.03429 15.5894H8.03047C6.74299 15.5894 5.47842 15.2662 4.35521 14.6578L0.278809 15.7225Z" fill="#27282A"/>
61
+ <path d="M0 16L1.13085 11.8935C0.431709 10.6882 0.0649474 9.3232 0.0687679 7.92776C0.0687679 3.55513 3.6447 0 8.03438 0C10.1662 0 12.1681 0.825095 13.6695 2.32319C15.1748 3.82129 16.0038 5.81369 16 7.93156C16 12.3042 12.4241 15.8593 8.03056 15.8593H8.02674C6.6934 15.8593 5.383 15.5247 4.21776 14.8935L0 16ZM4.42024 13.4601L4.66093 13.6046C5.67717 14.2053 6.8424 14.5209 8.03056 14.5247H8.03438C11.6829 14.5247 14.6552 11.5703 14.6552 7.93536C14.6552 6.17491 13.9675 4.52091 12.7182 3.27377C11.4689 2.02662 9.80324 1.34221 8.03438 1.34221C4.38586 1.3384 1.41356 4.29278 1.41356 7.92776C1.41356 9.17111 1.76122 10.384 2.42598 11.4335L2.58261 11.6844L1.91404 14.1141L4.42024 13.4601Z" fill="white"/>
62
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.04392 4.61218C5.89492 4.28138 5.73829 4.27378 5.59693 4.26998C5.48232 4.26617 5.3486 4.26617 5.21489 4.26617C5.08117 4.26617 4.86723 4.3156 4.68384 4.51332C4.50046 4.71104 3.98853 5.19013 3.98853 6.16732C3.98853 7.1407 4.70295 8.08367 4.80228 8.21675C4.90161 8.34983 6.18146 10.4145 8.20247 11.2091C9.88346 11.8707 10.2273 11.7377 10.5902 11.7034C10.9532 11.6692 11.7669 11.2244 11.935 10.7605C12.0993 10.2966 12.0993 9.90116 12.0496 9.81751C12 9.73386 11.8663 9.68443 11.6676 9.58557C11.4689 9.48671 10.4909 9.00762 10.3075 8.93918C10.1241 8.87454 9.99043 8.84032 9.86054 9.03804C9.72682 9.23576 9.34478 9.68062 9.23016 9.8137C9.11555 9.94678 8.99712 9.96199 8.79845 9.86313C8.59979 9.76427 7.95796 9.55515 7.19769 8.87834C6.60552 8.35363 6.20438 7.70344 6.08976 7.50572C5.97515 7.308 6.0783 7.20154 6.17764 7.10268C6.26551 7.01522 6.3763 6.87074 6.47563 6.75667C6.57496 6.6426 6.60934 6.55895 6.67429 6.42587C6.73924 6.29279 6.70868 6.17872 6.65901 6.07986C6.60934 5.98481 6.21966 5.00382 6.04392 4.61218Z" fill="white"/>
63
+ </g>
64
+ <defs>
65
+ <clipPath id="clip0_11_828">
66
+ <rect width="16" height="16" fill="white"/>
67
+ </clipPath>
68
+ </defs>
69
+ </svg>
70
+ </span>
71
+ </a>
72
+ <a class="a2a_button_messenger">
73
+ <span class="share-icon__icon">
74
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
75
+ <g clip-path="url(#clip0_11_831)">
76
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 -0.000732422C3.494 -0.000732422 0 3.30127 0 7.75927C0 10.0913 0.956 12.1073 2.512 13.4993C2.642 13.6153 2.722 13.7793 2.726 13.9553L2.77 15.3793C2.784 15.8333 3.252 16.1293 3.668 15.9453L5.256 15.2453C5.39 15.1853 5.542 15.1753 5.684 15.2133C6.414 15.4133 7.19 15.5213 8 15.5213C12.506 15.5213 16 12.2193 16 7.76127C16 3.30327 12.506 -0.000732422 8 -0.000732422Z" fill="white"/>
77
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3.19601 10.0293L5.546 6.30129C5.92 5.70729 6.72 5.56129 7.282 5.98129L9.152 7.38329C9.324 7.51129 9.56 7.51129 9.72999 7.38129L12.254 5.46529C12.59 5.20929 13.03 5.61329 12.806 5.97129L10.454 9.69729C10.08 10.2913 9.28 10.4373 8.718 10.0173L6.848 8.61529C6.676 8.48729 6.44 8.48729 6.27 8.61729L3.74601 10.5333C3.41001 10.7893 2.97001 10.3873 3.19601 10.0293Z" fill="#27282A"/>
78
+ </g>
79
+ <defs>
80
+ <clipPath id="clip0_11_831">
81
+ <rect width="16" height="16" fill="white"/>
82
+ </clipPath>
83
+ </defs>
84
+ </svg>
85
+ </span>
86
+ </a>
87
+ <a class="a2a_button_email">
88
+ <span class="share-icon__icon">
89
+ <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
90
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7045 0.25C12.7102 0.25 13.6777 0.6475 14.3895 1.36075C15.102 2.0725 15.5002 3.0325 15.5002 4.0375V9.9625C15.5002 12.055 13.7977 13.75 11.7045 13.75H4.29524C2.20199 13.75 0.500244 12.055 0.500244 9.9625V4.0375C0.500244 1.945 2.19449 0.25 4.29524 0.25H11.7045ZM12.8977 5.155L12.9577 5.095C13.137 4.8775 13.137 4.5625 12.9495 4.345C12.8452 4.23325 12.702 4.165 12.5527 4.15C12.3952 4.14175 12.2452 4.195 12.132 4.3L8.75025 7C8.31525 7.36075 7.692 7.36075 7.25025 7L3.87524 4.3C3.64199 4.1275 3.31949 4.15 3.12524 4.3525C2.92274 4.555 2.90024 4.8775 3.07199 5.1025L3.17024 5.2L6.58275 7.8625C7.00275 8.1925 7.512 8.3725 8.04525 8.3725C8.577 8.3725 9.09525 8.1925 9.5145 7.8625L12.8977 5.155Z" fill="white"/>
91
+ </svg>
92
+ </span>
93
+ </a>
94
94
  </div>
95
95
  </div>
96
96
  </div>