<!DOCTYPE html>
<html  lang="en-us">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
  <meta name="description" content="The hub for all of Zakkarii&#039;s creative work, like queer romance fantasy (romantasy) novels and videos on worldbuilding and art.">
  <meta name="author" content="">

  <base href="">

  <title>Zakkarii Aarlen - Romantasy Author &amp; Artist</title>

  <link id="blog-default-css" href="/public/themes/ModdedDefaultBlog/css/style.css" rel="stylesheet">
  <link id="fonts-css" href="/public/themes/ModdedDefaultBlog/css/fonts.css" rel="stylesheet" media="screen">
  <link id="vvvebjs-css" href="/public/themes/ModdedDefaultBlog/css/custom.css" rel="stylesheet" media="screen">

  <link rel="sitemap" type="application/xml" title="Sitemap" href="/public/feed/index">
  <link rel="alternate" type="application/rss+xml" title="Feed" href="/public/feed/posts">
  <link rel="alternate" type="application/rss+xml" title="Comments Feed" href="/public/feed/comments">
  <link rel="alternate" type="application/rss+xml" title="Products" href="/public/feed/products">

  

  <link rel="manifest" href="/public/manifest.webmanifest">

  
  <link rel="stylesheet" href="/public/themes/ModdedDefaultBlog/js/aos.css">
  <noscript>
    <style type="text/css">
      [data-aos] {
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
      }
    </style>
  </noscript>
<link rel="shortcut icon" href="" type="image/png" data-v-global-site.logo><link rel="icon" type="image/x-icon" href="/public/media//new-favicon.png" data-v-global-site.favicon></head>


<body class="error-404">
  <header id="main-header" data-v-save-global="index.html,#main-header">
    <div class="container-fluid">
      <nav class="navbar navbar-expand-lg p-4">

        <div class="d-flex justify-content-between w-100" data-v-component-site >
          
          <span class="d-lg-none d-block">
          </span>

          <div>
            <a class="navbar-brand d-lg-inline-block pb-0" href="//www.zakkarii.art" data-url data-v-url-params='{"host":"*.*.*"}'>
              <img src="" class="logo-default" data-v-site-logo>
              <img src="" class="logo-sticky" data-v-site-logo-sticky>
              <img src="" class="logo-default-dark" data-v-site-logo-dark>
              <img src="" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>

              <span data-v-site-description-title>Zakkarii Aarlen - Romantasy Author &amp; Artist</span>
            </a>
            <small class="d-block text-muted" data-v-site-description-description>The hub for all of Zakkarii&#039;s creative work, like queer romance fantasy (romantasy) novels and videos on worldbuilding and art.</small>
          </div>

          <div class="text-end">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar">
              <span class="navbar-toggler-icon"></span>
            </button>
          </div>
        </div>


        <div class="collapse navbar-collapse flex-grow-1 text-end" id="navbar" data-v-component-menu="header" data-v-slug="main-menu">
          <ul class="navbar-nav ms-auto flex-nowrap" data-v-menu-items>
            <li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="42" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link  " href="/" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url>
                <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Home</span>                <span data-v-menu-item-content></span>
              </a>

                          </li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="46" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link  " href="/blog" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url>
                <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Blog</span>                <span data-v-menu-item-content></span>
              </a>

                          </li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="82" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link  " href="/page/books" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url>
                <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Books</span>                <span data-v-menu-item-content></span>
              </a>

                          </li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="43" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link  " href="/page/store" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url>
                <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Store</span>                <span data-v-menu-item-content>
<p></p>
</span>
              </a>

                          </li><li class="nav-item dropdown  " data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text" data-v-id="49" data-v-component="menu" data-v-type="menu-item">

              <a class="nav-link  " href="/page/contact" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url>
                <span data-v-menu-item-name data-v-if-not="category.type = 'text'" class=" ">Contact</span>                <span data-v-menu-item-content>
<p></p>
</span>
              </a>

                          </li>            

            
            
            
            
            <li class="nav-item ms-3">
              <a id="color-theme-switch" class="nav-link" href="#" role="button" title="Switch sidebar color theme">
                <i class="la la-sun la-lg"></i>
              </a>
            </li>
            <li>
              <div class="dropdown nav-item">
                <a class="dropdown-toggle nav-link " href="/user" role="button" id="user-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="user/index">
                  <i class="la la-lg la-user"></i>
                  <span class="visually-hidden">User</span>
                </a>

                <div class="dropdown-menu dropdown-menu-end login-box user-box p-4" aria-labelledby="user-dropdown">

                  <div data-v-component-user>
                    <div class="notifications " data-v-notifications>

                      
                      
                      
                    </div>


                    <form action="/user/login" method="post" enctype="multipart/form-data" data-v-url="user/login/index" data-v-vvveb-action="login" data-v-vvveb-on="submit" class="login-form">

                      <input type="hidden" name="csrf" data-v-csrf value="bIbHPZw0AY0NYrOH">

                      <div class="login-form " data-v-if-not="component.user_id">

                        <div class="mb-3">
                          <label class="form-label" for="input-email">E-Mail Address</label>
                          <input type="email" name="email" value="" placeholder="E-Mail Address" id="user-email" class="form-control" data-v-user-email required="">
                        </div>

                        <div class="mb-3">
                          <label class="form-label" for="input-password">Password</label>

                          <div class="input-group">
                            <input type="password" minlength="4" autocorrect="off" autocomplete="current-password" class="form-control" placeholder="Password" id="user-password" name="password" value="" aria-label="Password" required="">
                            <div class="input-group-append">
                              <button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'user-password')">
                                <i class="la la-eye-slash"></i>
                              </button>
                            </div>
                          </div>
                        </div>

                        <button type="submit" value="Login" class="btn btn-primary btn-login w-100">

                          <span class="loading d-none">
                            <span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
                            </span>
                            <span>Authenticating</span>... </span>

                          <span class="button-text">
 Login <i class="la la-arrow-right float-end ms-2"></i>
                          </span>

                        </button>
                        <div class="my-2"></div>
                        <a href="/user/reset" data-v-url="user/reset/index" class="my-2">Forgotten Password</a>

                        <div class="my-2"></div>

                        <hr>
                        <span>Don’t have an account?</span>
                        <br>
                        <a href="/user/signup" data-v-url="user/signup/index">Register Account</a>
                        <span class="text-body-tertiary">|</span>
                        <a href="/user/login" data-v-url="user/login/index">Login</a>

                      </div>

                                          </form>


                  </div>
                </div>
              </div>

            </li>
          </ul>


          <button class="btn btn-outline-secondary border-0" type="submit" title="Search" data-bs-toggle="modal" data-bs-target="#searchModal">
            <div class="la-flip-horizontal">
              <i class="la la-search la-lg" aria-hidden="true"></i>
            </div>
          </button>

        </div>



      </nav>
    </div>

  </header>


  <section class="inner-page-hero">
    <div>
      <div class="title-container">
        <div class="container text-center">
          <h1>Not found</h1>

        </div>
      </div>

    </div>
  </section>


  <main id="site-content" role="main">

    
    <div class="container">

      <div class="row">

        
        <div class="col-md-8">

          <div class="text-center">
            <div class=" display-2">
              <i class="la la-map-signs bg-warning me-2 bg-opacity-50" style="border-radius:100px;  width: 80px;height: 80px;display: inline-block;font-size: 80%;line-height:1.5"></i>
            </div>
            <h1>Page not found!</h1>
            <p class="text-muted mb-2 fw-normal">(error 404)</p>

            <p class="lead">The page you are looking for has been moved or it does not exist</p>

            <div class="col-lg-6 mt-4 mb-5 mx-auto">
              <form action="/search" method="get">
                <input type="hidden" name="route" value="search">
                <div class="input-group">
                  <input type="search" name="search" class="form-control" id="headerSearch" placeholder="Type for search" data-v-vvveb-action="search" data-selector=".search-results" data-v-vvveb-on="keyup">
                  <button class="btn btn-outline-primary border" type="submit" title="Search">
                    <div class="la-flip-horizontal">
                      <i class="la la-search la-lg" aria-hidden="true"></i>
                    </div>
                  </button>
                </div>
              </form>
            </div>

            <a href="/public/" class="btn btn-outline-primary btn-sm" data-url>
              <i class="la la-home"></i>
              <span>Go to homepage</span>
              <i class="la la-arrow-right ms-2"></i>
            </a>

          </div>

          

        </div>

        
        <aside class="col-md-5 col-lg-4 col-xl-3 sidebar" role="sidebar" data-v-save-global="content/index.html,aside.sidebar">

          <div class="sidebar-sticky">
            
            <div class="card">
              
              <div class="card-body">
                <form method="get" action="/search">
                  <input type="hidden" name="type" class="posts">
                  <div class="input-group">
                    <input type="text" name="search" class="form-control" placeholder="Search for...">
                    <button class="btn btn-secondary" type="submit">
                      <div class="la-flip-horizontal">
                        <i class="la la-search  la-flip-horizontal"></i>
                      </div>
                    </button>
                  </div>
                </form>
              </div>
            </div>

            
            <div class="card" data-v-component-site >
              <h6 class="card-header">About</h6>
              <div class="card-body" data-v-site-description-description>The hub for all of Zakkarii&#039;s creative work, like queer romance fantasy (romantasy) novels and videos on worldbuilding and art.</div>
            </div>

            
            <div class="card archives-widget" data-v-component-posts="recent-posts-sidebar" data-v-page="1" data-v-limit="4">              <div>
                <h6 class="card-header">Recent posts</h6>
                <div class="card-body">
                  <div data-v-post >
                    <i class="la la-comment"></i>
                    <a href="/test" data-v-post-url title="Test">
                      <span data-v-post-name>Test</span>
                    </a>
                  </div><div data-v-post >
                    <i class="la la-comment"></i>
                    <a href="/hello-world-6" data-v-post-url title="Mauris viverra cursus ante laoreet eleifend">
                      <span data-v-post-name>Mauris viverra cursus ante laoreet eleifend</span>
                    </a>
                  </div><div data-v-post >
                    <i class="la la-comment"></i>
                    <a href="/hello-world-5" data-v-post-url title="Sed viverra pellentesque dictum">
                      <span data-v-post-name>Sed viverra pellentesque dictum</span>
                    </a>
                  </div><div data-v-post >
                    <i class="la la-comment"></i>
                    <a href="/hello-world-4" data-v-post-url title="Aenean ligula justo, viverra in lacus porttitor">
                      <span data-v-post-name>Aenean ligula justo, viverra in lacus porttitor</span>
                    </a>
                  </div>                  
                </div>
              </div>
            </div>

            
            <div class="card archives-widget" data-v-component-comments="recent-comments-sidebar" data-v-page="1" data-v-limit="4" data-v-post_title="true" data-v-order="desc">              <div>
                <h6 class="card-header">Recent comments</h6>
                <div class="card-body">
                  <div data-v-comment data-comment_id="1" class=" level-0" id="comment-1">
                    <span data-v-comment-author>John Doe</span>
                    <span>on</span>
                    <a href="/hello-world-1#comment-1" data-v-comment-url>
                      <span data-v-comment-name>Begin each day by telling yourself</span>
                    </a>
                  </div>                  
                </div>
              </div>
            </div>

            
            <div class="card categories-widget" data-v-component-content-categories="sidebar" data-v-type="categories" data-v-post_type="post">              <div>
                <h6 class="card-header">Categories</h6>
                <div class="card-body">
                  <ul data-v-cats>
                    <li data-v-cat class=" ">
                      <a href="/cat/toys" data-v-cat-url data-v-cat-name>Toys</a>
                    <ul data-v-cats>
                                        
                    
                  </ul></li><li data-v-cat class=" ">
                      <a href="/cat/computers" data-v-cat-url data-v-cat-name>Computers</a>
                    <ul data-v-cats>
                                        
                    
                  </ul></li><li data-v-cat class=" ">
                      <a href="/cat/electronics" data-v-cat-url data-v-cat-name>Electronics</a>
                    <ul data-v-cats>
                                        
                    
                  </ul></li><li data-v-cat class=" ">
                      <a href="/cat/tablets" data-v-cat-url data-v-cat-name>Tablets</a>
                    <ul data-v-cats>
                                        
                    
                  </ul></li><li data-v-cat class=" ">
                      <a href="/cat/home-kitchen" data-v-cat-url data-v-cat-name>Home and Kitchen</a>
                    <ul data-v-cats>
                                        
                    
                  </ul></li><li data-v-cat class=" ">
                      <a href="/cat/books" data-v-cat-url data-v-cat-name>Books</a>
                    <ul data-v-cats>
                                        
                    
                  </ul></li><li data-v-cat class=" ">
                      <a href="/cat/category-1" data-v-cat-url data-v-cat-name>category 1</a>
                    <ul data-v-cats>
                                        
                    
                  </ul></li>                    
                    
                  </ul>                </div>
              </div>
            </div>

            
            <div class="card archives-widget" data-v-component-content-archives="sidebar">
              <div>
                <h6 class="card-header">Archives</h6>
                <div class="card-body">
                  <ul data-v-archives>
                    <li data-v-archive>
                      <a href="/2022/05" data-v-archive-url>
                        <span data-v-archive-name>December 2022 </span>
                      </a>
                    </li><li data-v-archive>
                      <a href="/2022/06" data-v-archive-url>
                        <span data-v-archive-name>May 2022 </span>
                      </a>
                    </li><li data-v-archive>
                      <a href="/2025/12" data-v-archive-url>
                        <span data-v-archive-name>June 2025 </span>
                      </a>
                    </li>                    
                    
                    
                  </ul>
                </div>
              </div>
            </div>

            
            <div class="card tags-widget" data-v-component-content-categories="sidebar" data-v-type="tags" data-v-post_type="post">              <div>
                <h6 class="card-header">Popular tags</h6>
                <div class="card-body">
                  <ul data-v-cats class="tags">
                    <li data-v-cat class=" ">
                      <a href="/cat/tag-1" data-v-cat-url data-v-cat-name>Tag 1</a>
                    <ul data-v-cats class="tags">
                                        
                    
                    
                  </ul></li><li data-v-cat class=" ">
                      <a href="/cat/tag-2" data-v-cat-url data-v-cat-name>Tag 2</a>
                    <ul data-v-cats class="tags">
                                        
                    
                    
                  </ul></li><li data-v-cat class=" ">
                      <a href="/cat/tag-3" data-v-cat-url data-v-cat-name>Tag 3</a>
                    <ul data-v-cats class="tags">
                                        
                    
                    
                  </ul></li><li data-v-cat class=" ">
                      <a href="/cat/asdf" data-v-cat-url data-v-cat-name>asdf</a>
                    <ul data-v-cats class="tags">
                                        
                    
                    
                  </ul></li>                    
                    
                    
                  </ul>                </div>
              </div>
            </div>


            
            <div class="card archives-widget" data-v-component-content-archives="sidebar">
              <div>
                <h6 class="card-header">Archives</h6>
                <div class="card-body">
                  <select class="form-control" onchange="window.location.href = this.value" data-v-archives>
                    <option class="text-muted">
                      <span>Select month</span>
                    </option>

                    <option data-v-archive value="/2022/05">
                      <span data-v-archive-name>December 2022 </span>
                    </option><option data-v-archive value="/2022/06">
                      <span data-v-archive-name>May 2022 </span>
                    </option><option data-v-archive value="/2025/12">
                      <span data-v-archive-name>June 2025 </span>
                    </option>
                    

                    

                    
                  </select>

                </div>
              </div>
            </div>

          </div>

        </aside>



      </div>
      

    </div>
    
  </main>

  <footer class="site-footer" data-v-save-global="index.html,.site-footer">
    <div class="container" data-v-component-menu="footer" data-v-menu_id="5">

      <div class="row" data-v-menu-items>

        <div class="col-md">

          <div data-v-component-site >
            <img src="" class="logo-default-dark" data-v-site-logo-dark>
            <img src="" class="logo-default" data-v-site-logo>
          </div>

        </div>


        <div class="col-md  " data-v-menu-item data-v-if="category.children &gt; 0" data-v-id="53" data-v-component="menu" data-v-type="menu-item">
          <h6 data-v-menu-item-name>Information</h6>
                  <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0" data-v-id="78" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/vendor" data-v-menu-item-url>
                <span data-v-menu-item-name>Vendors</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="77" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/brand" data-v-menu-item-url>
                <span data-v-menu-item-name>Brands</span>
              </a>
            </div>            
          </nav></div><div class="col-md  " data-v-menu-item data-v-if="category.children &gt; 0" data-v-id="56" data-v-component="menu" data-v-type="menu-item">
          <h6 data-v-menu-item-name>Contact us</h6>
                  <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0" data-v-id="76" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/page/about" data-v-menu-item-url>
                <span data-v-menu-item-name>About us</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="73" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/user/return-form" data-v-menu-item-url>
                <span data-v-menu-item-name>Returns</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="58" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/page/portfolio" data-v-menu-item-url>
                <span data-v-menu-item-name>Portfolio</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="57" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/page/contact" data-v-menu-item-url>
                <span data-v-menu-item-name>Contact us</span>
              </a>
            </div>            
          </nav></div><div class="col-md  " data-v-menu-item data-v-if="category.children &gt; 0" data-v-id="69" data-v-component="menu" data-v-type="menu-item">
          <h6 data-v-menu-item-name>My account</h6>
                  <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0" data-v-id="79" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/cart/compare" data-v-menu-item-url>
                <span data-v-menu-item-name>Compare</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="72" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/user/orders" data-v-menu-item-url>
                <span data-v-menu-item-name>Order history</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="71" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/user/wishlist" data-v-menu-item-url>
                <span data-v-menu-item-name>Wishlist</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="70" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/user/order-tracking" data-v-menu-item-url>
                <span data-v-menu-item-name>Order tracking</span>
              </a>
            </div>            
          </nav></div><div class="col-md  " data-v-menu-item data-v-if="category.children &gt; 0" data-v-id="50" data-v-component="menu" data-v-type="menu-item">
          <h6 data-v-menu-item-name>Vvveb</h6>
                  <nav data-v-menu-item-recursive>
            <div data-v-menu-item data-v-if="category.children == 0" data-v-id="51" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/" data-v-menu-item-url>
                <span data-v-menu-item-name>Home</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="52" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/?route=product/index&amp;" data-v-menu-item-url>
                <span data-v-menu-item-name>Shop</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="75" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/page/services" data-v-menu-item-url>
                <span data-v-menu-item-name>Services</span>
              </a>
            </div><div data-v-menu-item data-v-if="category.children == 0" data-v-id="74" data-v-component="menu" data-v-type="menu-item" class="  ">
              <a href="/blog" data-v-menu-item-url>
                <span data-v-menu-item-name>Blog</span>
              </a>
            </div>            
          </nav></div>
        

        



      </div>
      

    </div>

    <div class="footer-copyright">
      <div class="container">
        <div class="d-flex flex-column flex-md-row">
          <div class="text-muted flex-grow-1">
            <a class="btn-link text-muted" href="/public/themes/ModdedDefaultBlog/content/page.html">Terms and conditions</a> |
            <a class="btn-link text-muted" href="/public/themes/ModdedDefaultBlog/content/page.html">Privacy Policy</a>
          </div>
          <div class="text-muted">
 © <span data-v-year>2025</span>
            <span data-v-global-site.description.title>Zakkarii Aarlen - Romantasy Author &amp; Artist</span>. <span>Powered by</span>
            <a href="https://vvveb.com" class="btn-link text-muted" target="_blank">Vvveb</a>
          </div>
        </div>
      </div>
    </div>

  </footer>


  <div class="bg-image"></div>

  <div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
    <div class="container">

      <div class="message">
 Product was added to cart. </div>


      <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
    </div>
  </div>

  <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable">
      <div class="modal-content shadow">
        <div class="modal-body p-0">

          <form action="/search" method="get">
            <input type="hidden" name="route" value="search">
            <div class="d-flex">
              <div class="input-group">
                <input type="search" name="search" class="form-control border-0 p-3 px-4" id="headerSearch" placeholder="Start typing to search" data-v-vvveb-action="search" data-selector=".search-results" data-v-vvveb-on="keyup">
                <button class="btn btn-outline-primary border-0" type="submit" title="Search">
                  <div class="la-flip-horizontal">
                    <i class="la la-search la-lg" aria-hidden="true"></i>
                  </div>
                </button>
              </div>
            </div>

            <div class="loading d-none d-flex justify-content-center m-5">
              <div class="spinner-border" role="status">
                <span class="visually-hidden">Loading...</span>
              </div>
            </div>
          </form>

          <div class="search-results">
          </div>

        </div>
      </div>
      <button type="button" class="btn-close btn-close-white small" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>

  </div>

  <div id="page-loading-status" class="progress progress-bar"></div>

  
  <script id="popper-js" src="/public/themes/ModdedDefaultBlog/js/popper.min.js"  ></script>
  
  
  <script id="bootstrap-js" src="/public/themes/ModdedDefaultBlog/js/bootstrap.min.js"  ></script>
  
  <script id="app-js" src="/public/js/app.js"  ></script>

  

  <link rel="stylesheet" href="/public/themes/ModdedDefaultBlog/js/aos.css">
  <noscript>
    <style type="text/css">
      [data-aos] {
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
      }
    </style>
  </noscript>

  <script src="/public/themes/ModdedDefaultBlog/js/aos.js"  ></script>
  <script  >
	AOS.init();
</script>

  <script id="cart-js" src="/public/js/app/cart.js"  ></script>

  <link id="glightbox-css" rel="stylesheet" href="/public/js/libs/glightbox/glightbox.css">
  <script id="glightbox-js" src="/public/js/libs/glightbox/glightbox.min.js"  ></script>

  <script id="theme-js" src="/public/js/app/theme.js"  ></script>

  <script type="speculationrules"  >
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/public\/*","\/themes\/*","\/plugins\/*","\/cart\/*","\/checkout\/*","\/user\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>



</body>

</html>
