{
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 0;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 0"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(62% - var(--hotspot-size)/2); --top-md: calc(57% - var(--hotspot-size)/2);--left: calc(24% - var(--hotspot-size)/2); --left-md: calc(33% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
    
     {
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 1;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 1"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(23% - var(--hotspot-size)/2); --top-md: calc(9% - var(--hotspot-size)/2);--left: calc(38% - var(--hotspot-size)/2); --left-md: calc(42% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
    
     {
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 2;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 2"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(55% - var(--hotspot-size)/2); --top-md: calc(53% - var(--hotspot-size)/2);--left: calc(60% - var(--hotspot-size)/2); --left-md: calc(58% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
    
     {
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 3;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 3"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(40% - var(--hotspot-size)/2); --top-md: calc(32% - var(--hotspot-size)/2);--left: calc(5% - var(--hotspot-size)/2); --left-md: calc(18% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
    
     {
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 4;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 4"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(65% - var(--hotspot-size)/2); --top-md: calc(65% - var(--hotspot-size)/2);--left: calc(93% - var(--hotspot-size)/2); --left-md: calc(81% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
    
     {
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 5;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 5"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(23% - var(--hotspot-size)/2); --top-md: calc(10% - var(--hotspot-size)/2);--left: calc(70% - var(--hotspot-size)/2); --left-md: calc(66% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
    
     {
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 6;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 6"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(87% - var(--hotspot-size)/2); --top-md: calc(90% - var(--hotspot-size)/2);--left: calc(80% - var(--hotspot-size)/2); --left-md: calc(72% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
    
     {
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 7;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 7"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(46% - var(--hotspot-size)/2); --top-md: calc(39% - var(--hotspot-size)/2);--left: calc(93% - var(--hotspot-size)/2); --left-md: calc(82% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
    
     {
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 8;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 8"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(% - var(--hotspot-size)/2); --top-md: calc(61% - var(--hotspot-size)/2);--left: calc(% - var(--hotspot-size)/2); --left-md: calc(95% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
    
     {
        if ($modal.id === '' && window.innerWidth < 1024) {
          isOpen = $el.dataset.hotspotActive === 'true';
        } else {
          activeIndex = e?.detail?.activeIndex || 0;
          isOpen = activeIndex === 9;
        }
      }"
      x-effect="isOpen = $el.dataset.hotspotActive === 'true' && activeIndex === 9"
      class="group absolute top-[--top] md:top-[--top-md] left-[--left] md:left-[--left-md] z-10 ac:z-[15]"
      :class="isOpen ? 'active' : ''"
      style="--top: calc(% - var(--hotspot-size)/2); --top-md: calc(47% - var(--hotspot-size)/2);--left: calc(% - var(--hotspot-size)/2); --left-md: calc(4% - var(--hotspot-size)/2);">
      
        
          
          
            
              
                
                
              
            
          
        
      
  
 {
          if (window.innerWidth < 1024) {
            $modal.setId('hotspots');
          }
        }"
       x-cloak>
    
    
      
     
  
Recently Viewed
What Families Are Saying About Us
Beloved Brands for Your Little One
Disney
    
  
  
  Snoopy
    
  
  
  Star Wars
    
  
  
  Bedtime Originals