lido-player 0.0.2-beta-25-dev → 0.0.2-beta-26-dev

package/dist/esm/{index-BB56Mo3L.js → index-Bc6Y7rds.js}

@@ -1,4 +1,4 @@
-import { c as getAssetPath } from './index-mMpK8062.js';
+import { c as getAssetPath } from './index-Dvjbti-h.js';
 
 const DragMapKey = 'lidoDragMap';
 const SelectedValuesKey = 'lidoSelectedValues';
@@ -19,6 +19,12 @@ const DropTimeAttr = 'drop-time';
 const LidoContainer = 'lido-container';
 const LIDO_COMMON_AUDIO_PATH = '__LIDO_COMMON_AUDIO_PATH__';
 const LIDO_COMMON_AUDIO_READY_EVENT = 'lidoCommonAudioPathReady';
+const GOOD_JOB_AUDIO_FILE = 'goodJob.mp3';
+const resolveCommonAudioPath = (basePath, fileName) => {
+    if (!basePath || !fileName)
+        return undefined;
+    return `${basePath}/${fileName}`;
+};
 const LIDO_INTERACTION_CLEANUP_EVENT = 'lido:interaction-cleanup';
 const TemplateID = 'template-id';
 const CalculatorOk = 'calculator-ok';
@@ -1349,14 +1355,14 @@ async function onClickDropOrDragElement(element, type) {
     if (!document.querySelector('#dynamic-highlight-style')) {
         const style = document.createElement('style');
         style.id = 'dynamic-highlight-style';
-        style.innerHTML = `
-      .highlight {
-        // border: 4px solid #e74c3c; /* Thicker red border for more visibility */
-        // border-radius: 12px; /* Larger rounded corners */
-        // background-color: rgba(231, 76, 60, 0.3); /* Stronger, more noticeable background */
-        // box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 12px 40px rgba(0, 0, 0, 0.2); /* Stronger shadow */
-        // outline: 4px solid rgba(231, 76, 60, 0.6); /* Glow effect */
-      }
+        style.innerHTML = `
+      .highlight {
+        // border: 4px solid #e74c3c; /* Thicker red border for more visibility */
+        // border-radius: 12px; /* Larger rounded corners */
+        // background-color: rgba(231, 76, 60, 0.3); /* Stronger, more noticeable background */
+        // box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 12px 40px rgba(0, 0, 0, 0.2); /* Stronger shadow */
+        // outline: 4px solid rgba(231, 76, 60, 0.6); /* Glow effect */
+      }
     `;
         document.head.appendChild(style);
     }
@@ -1544,34 +1550,34 @@ function highlightSpeakingElement(element) {
     if (!document.getElementById(styleId)) {
         const style = document.createElement('style');
         style.id = styleId;
-        style.innerHTML = `
-      .speaking-highlight {
-        --base-transform: ${element.style.transform};
-        box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9) !important; /* Stronger orange glow effect */
-        // border: 3px solid green !important;
-        // transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out;
-        // transform: scale(1.05); /* Subtle scale effect to pop the element */
-        // animation: pulseEffect 1.5s infinite; /* Pulsing animation */
-        
-      }
-
-      @keyframes pulseEffect {
-        0% {
-          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
-          // transform: var(--base-transform) scale(1.05);
-          // background-color: #FFFF0B;
-        }
-        50% {
-          box-shadow: 0 0 30px 15px rgba(255, 165, 0, 1);
-          // transform: var(--base-transform) scale(1.1);
-          // background-color: #FFFF0B;
-        }
-        100% {
-          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
-          // transform: var(--base-transform) scale(1.05);
-          // background-color: #FFFF0B;
-        }
-      }
+        style.innerHTML = `
+      .speaking-highlight {
+        --base-transform: ${element.style.transform};
+        box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9) !important; /* Stronger orange glow effect */
+        // border: 3px solid green !important;
+        // transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out;
+        // transform: scale(1.05); /* Subtle scale effect to pop the element */
+        // animation: pulseEffect 1.5s infinite; /* Pulsing animation */
+        
+      }
+
+      @keyframes pulseEffect {
+        0% {
+          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
+          // transform: var(--base-transform) scale(1.05);
+          // background-color: #FFFF0B;
+        }
+        50% {
+          box-shadow: 0 0 30px 15px rgba(255, 165, 0, 1);
+          // transform: var(--base-transform) scale(1.1);
+          // background-color: #FFFF0B;
+        }
+        100% {
+          box-shadow: 0 0 20px 10px rgba(255, 165, 0, 0.9);
+          // transform: var(--base-transform) scale(1.05);
+          // background-color: #FFFF0B;
+        }
+      }
     `;
         document.head.appendChild(style);
     }
@@ -1747,7 +1753,7 @@ class AudioPlayer {
             return el;
         return el.closest('lido-text');
     }
-    async play(targetElement, suppressHighlight = false, playbackContext) {
+    async play(targetElement, suppressHighlight = false, playbackContext, fallbackAudio) {
         this.registerVisibilityEvents();
         this.playbackHasStarted = false;
         if (!this.isWindowVisible()) {
@@ -1850,7 +1856,12 @@ class AudioPlayer {
                     };
                 });
             }
-            catch (error) { }
+            catch (error) {
+                if (fallbackAudio && fallbackAudio !== audioUrl) {
+                    targetElement.setAttribute('audio', fallbackAudio);
+                    await this.play(targetElement, suppressHighlight, playbackContext);
+                }
+            }
             finally {
                 this.audioElement.onended = null;
                 this.audioElement.onloadedmetadata = null;
@@ -2282,11 +2293,11 @@ function enableReorderDrag(element) {
                     onDropToCategory(element, category);
                 }
                 if (divEl) {
-                    const keyframes = `
-            @keyframes widthDecrease {
-              0% { width: ${divEl.offsetWidth}px; height: ${divEl.offsetHeight}px; }
-              100% { width: 0px; height: 0px;}
-            }
+                    const keyframes = `
+            @keyframes widthDecrease {
+              0% { width: ${divEl.offsetWidth}px; height: ${divEl.offsetHeight}px; }
+              100% { width: 0px; height: 0px;}
+            }
           `;
                     const styleSheet = document.styleSheets[0];
                     styleSheet.insertRule(keyframes, styleSheet.cssRules.length);
@@ -2509,11 +2520,11 @@ function moveWithAnimation(target, overlapped) {
         const dummy = createDummyElement(target);
         dummy.style.visibility = 'hidden';
         dummy.setAttribute('type', 'dummy');
-        const keyframes = `
-      @keyframes widthIncrease {
-        0% { width: 0px; height: 0px; }
-        100% { width: ${target.offsetWidth}px; height: ${target.offsetHeight}px;}
-      }
+        const keyframes = `
+      @keyframes widthIncrease {
+        0% { width: 0px; height: 0px; }
+        100% { width: ${target.offsetWidth}px; height: ${target.offsetHeight}px;}
+      }
     `;
         if (!overlapped) {
             const overlapCategory = findMostoverlappedElement(target, 'category');
@@ -32061,15 +32072,15 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-function toPrimitive(t, e) {
+function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
-  var r;
-  if ("undefined" != typeof Symbol && void 0 !== (r = t[Symbol.toPrimitive])) {
-    var i = r.call(t, e);
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
     if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === e ? String : Number)(t);
+  return ("string" === r ? String : Number)(t);
 }
 
 function toPropertyKey(t) {
@@ -72880,6 +72891,44 @@ class Timer {
 let ACTIVYTY_TIME_SPEND_ARRAY = [];
 
 const gameScore = new GameScore();
+const GOOD_JOB_TEMPLATES = new Set(['flashcardtemplate', 'writeCard', 'drawShape', 'storyTale']);
+const isGoodJobAudioTarget = (element) => {
+    var _a;
+    const templateId = (_a = element === null || element === void 0 ? void 0 : element.closest('lido-container')) === null || _a === void 0 ? void 0 : _a.getAttribute('template-id');
+    if (!GOOD_JOB_TEMPLATES.has(templateId || ''))
+        return false;
+    if ((element === null || element === void 0 ? void 0 : element.id) === 'arrow')
+        return true;
+    return templateId === 'storyTale' && (element === null || element === void 0 ? void 0 : element.id) === 'arrow1' && !!element.closest('#arrow');
+};
+const resetGoodJobAudioTracking = (home) => {
+    home.__lidoGoodJobTemplates = new Set();
+};
+const shouldPlayGoodJobAudio = (element) => {
+    var _a;
+    if (!isGoodJobAudioTarget(element))
+        return false;
+    // Standalone templates and editor previews have no lesson host. Preserve
+    // their existing behavior rather than making them depend on lido-home.
+    const home = element.closest('lido-home');
+    if (!home)
+        return true;
+    const templateId = (_a = element.closest('lido-container')) === null || _a === void 0 ? void 0 : _a.getAttribute('template-id');
+    if (!templateId)
+        return true;
+    const played = home.__lidoGoodJobTemplates || (home.__lidoGoodJobTemplates = new Set());
+    if (played.has(templateId))
+        return false;
+    played.add(templateId);
+    return true;
+};
+const getGoodJobAudio = (element) => {
+    if (!element)
+        return undefined;
+    if (!isGoodJobAudioTarget(element))
+        return undefined;
+    return resolveCommonAudioPath(window[LIDO_COMMON_AUDIO_PATH], GOOD_JOB_AUDIO_FILE);
+};
 function buildDragSelectedMapFromDOM() {
     const map = {};
     const draggedEls = document.querySelectorAll(`[${DropToAttr}]`);
@@ -73101,7 +73150,21 @@ const executeActions = async (actionsString, thisElement, element, options = {})
                     const val = (action.value || '').toString().trim().toLowerCase();
                     if (val === 'true' || val === '1' || val === 'yes') {
                         try {
-                            await AudioPlayer.getI().play(targetElement);
+                            if (isGoodJobAudioTarget(targetElement) && !shouldPlayGoodJobAudio(targetElement))
+                                break;
+                            const isGoodJobTarget = isGoodJobAudioTarget(targetElement);
+                            const currentAudio = targetElement.getAttribute('audio') || undefined;
+                            const originalAudio = isGoodJobTarget
+                                ? (targetElement.getAttribute('data-lido-original-audio') || currentAudio)
+                                : currentAudio;
+                            const localizedAudio = getGoodJobAudio(targetElement);
+                            if (localizedAudio) {
+                                if (currentAudio && !targetElement.hasAttribute('data-lido-original-audio')) {
+                                    targetElement.setAttribute('data-lido-original-audio', currentAudio);
+                                }
+                                targetElement.setAttribute('audio', localizedAudio);
+                            }
+                            await AudioPlayer.getI().play(targetElement, false, undefined, originalAudio);
                         }
                         catch (err) {
                             console.error('Error playing audio for speak action:', err);
@@ -73347,11 +73410,11 @@ const afterDropDragHandling = (dragElement, dropElement) => {
             if (!sourcePlaceholder) {
                 dragElement.replaceWith(dummyElement);
             }
-            const keyframes = `
-      @keyframes widthDecrease {
-        0% { width: ${dragElement.style.width}; height: ${dragElement.style.height}; margin: ${dragElement.style.margin}; }
-        100% { width: 0px; height: 0px; margin: 0px;}
-      }
+            const keyframes = `
+      @keyframes widthDecrease {
+        0% { width: ${dragElement.style.width}; height: ${dragElement.style.height}; margin: ${dragElement.style.margin}; }
+        100% { width: 0px; height: 0px; margin: 0px;}
+      }
     `;
             if (!isInfinite) {
                 dummyElement.style.width = sourcePlaceholder
@@ -74630,4 +74693,4 @@ const updateCalculatorAnswer = (el) => {
     el.setAttribute('string', value);
 };
 
-export { fingerUrl as $, AudioPlayer as A, prevUrl as B, CalculatorOk as C, exitUrl as D, LIDO_COMMON_AUDIO_PATH as E, LidoContainer as F, GameScore as G, getCancelBtnPopup as H, matchStringPattern as I, triggerPrevcontainer as J, setActiveZipAssets as K, LIDO_INTERACTION_CLEANUP_EVENT as L, clearActiveZipAssets as M, NextContainerKey as N, setCancelBtnPopup as O, PrevContainerKey as P, tinycolor as Q, RiveService as R, SelectedValuesKey as S, TemplateID as T, stopHighlightForSpeakingElement as U, DropAction as V, validateObjectiveStatus as W, fraction as X, LIDO_COMMON_AUDIO_READY_EVENT as Y, TraceMode as Z, speakIcon as _, storingEachActivityScore as a, format as a0, executeActions as b, convertUrlToRelative as c, calculateScore as d, equationCheck as e, attachSpeakIcon as f, getDefaultExportFromCjs as g, handlingChildElements as h, initEventsForElement as i, initializePlayModeDragDropElements as j, calculateScale as k, highlightElement as l, Timer as m, handleFloatElementPosition as n, handleElementClick as o, parseProp as p, commonjsGlobal as q, resetFloatState as r, setVisibilityWithDelay as s, triggerNextContainer as t, generateUUIDFallback as u, ActivityScoreKey as v, dispatchActivityChangeEvent as w, dispatchGameExitEvent as x, speakUrl as y, nextUrl as z };
+export { LIDO_COMMON_AUDIO_READY_EVENT as $, AudioPlayer as A, resetGoodJobAudioTracking as B, CalculatorOk as C, speakUrl as D, nextUrl as E, prevUrl as F, GameScore as G, exitUrl as H, LIDO_COMMON_AUDIO_PATH as I, LidoContainer as J, getCancelBtnPopup as K, LIDO_INTERACTION_CLEANUP_EVENT as L, matchStringPattern as M, NextContainerKey as N, triggerPrevcontainer as O, PrevContainerKey as P, setActiveZipAssets as Q, RiveService as R, SelectedValuesKey as S, TemplateID as T, clearActiveZipAssets as U, setCancelBtnPopup as V, tinycolor as W, stopHighlightForSpeakingElement as X, DropAction as Y, validateObjectiveStatus as Z, fraction as _, storingEachActivityScore as a, TraceMode as a0, speakIcon as a1, fingerUrl as a2, format as a3, executeActions as b, convertUrlToRelative as c, calculateScore as d, equationCheck as e, attachSpeakIcon as f, getDefaultExportFromCjs as g, handlingChildElements as h, initEventsForElement as i, initializePlayModeDragDropElements as j, calculateScale as k, highlightElement as l, Timer as m, getGoodJobAudio as n, shouldPlayGoodJobAudio as o, parseProp as p, handleFloatElementPosition as q, resetFloatState as r, setVisibilityWithDelay as s, triggerNextContainer as t, handleElementClick as u, commonjsGlobal as v, generateUUIDFallback as w, ActivityScoreKey as x, dispatchActivityChangeEvent as y, dispatchGameExitEvent as z };

package/dist/esm/{index-mMpK8062.js → index-Dvjbti-h.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'lido-player';
 const BUILD = /* lido-player */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
 
 const globalScripts = () => {};
-const globalStyles = "@font-face{font-family:'Baloo Bhai 2';font-style:normal;font-weight:400 800;font-display:swap;src:url('../assets/offline-assets/fonts/Baloo-Bhai-2/Baloo-Bhai-2-Variable.woff2') format('woff2')}body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:rgb(243, 77, 8) 0px 0px 40px !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}.lido-tts-highlight-overlay{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;background:linear-gradient(\n    180deg,\n    rgba(255, 235, 59, 0.95),\n    rgba(255, 214, 0, 0.95)\n  );border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18),\n    inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:width 25ms ease-out,\n    height 25ms ease-out,\n    opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height;contain:layout paint style}.category-dropped-onCorrect{box-shadow:rgba(129, 193, 39, 1) 0px 8px 8px 0px !important}.category-dropped-onInCorrect{box-shadow:rgba(255, 4, 16, 1) 0px 8px 8px 0px !important}";
+const globalStyles = "@font-face{font-family:'Baloo Bhai 2';font-style:normal;font-weight:400 800;font-display:swap;src:url('../assets/offline-assets/fonts/Baloo-Bhai-2/Baloo-Bhai-2-Variable.woff2') format('woff2')}body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:rgb(243, 77, 8) 0px 0px 40px !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}.lido-tts-highlight-overlay{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;background:linear-gradient(\r\n    180deg,\r\n    rgba(255, 235, 59, 0.95),\r\n    rgba(255, 214, 0, 0.95)\r\n  );border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18),\r\n    inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:width 25ms ease-out,\r\n    height 25ms ease-out,\r\n    opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height;contain:layout paint style}.category-dropped-onCorrect{box-shadow:rgba(129, 193, 39, 1) 0px 8px 8px 0px !important}.category-dropped-onInCorrect{box-shadow:rgba(255, 4, 16, 1) 0px 8px 8px 0px !important}";
 
 /*
  Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { a0 as format } from './index-BB56Mo3L.js';
-import './index-mMpK8062.js';
+export { a3 as format } from './index-Bc6Y7rds.js';
+import './index-Dvjbti-h.js';