<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <b:with value='data:skin.vars' var='vars'>
  <!--[ <head> Open ]-->
  <head>
   
  <b:if cond='data:view.isMultipleItems'>
    <b:if cond='data:view.isHomepage'>
      <!--[ Homepage title ]-->
      <title><b:if cond='data:vars.hometitle_status == &quot;2px&quot;'><b:with value='snippet(data:vars.home_title)' var='title'><data:title/></b:with><b:else/><data:blog.title.escaped/></b:if></title>
      <b:elseif cond='data:view.search.query'/>
      <!--[ Search title ]-->
      <title><data:messages.search/>: <data:view.search.query/></title>
      <b:elseif cond='data:view.search.label'/>
      <!--[ Label title ]-->
      <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
      <b:elseif cond='data:view.isArchive'/>
      <!--[ Archive title ]-->
      <title>Blog archive: <data:blog.pageName.escaped/></title>
      <b:else/>
      <title>Blog: <data:blog.title.escaped/></title>
    </b:if>
    <b:elseif cond='data:view.isError'/>
    <!--[ Error title ]-->
    <title>Error 404: Not Found</title>
    <b:else/>
    <!--[ SingleItem title ]-->
    <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
  </b:if>

  <!--[ Meta for browser ]-->
  <meta charset='UTF-8'/>
  <meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/>
  <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
  <meta content='max-image-preview:large' name='robots'/>  

  <!--[ Link Canonical ]-->
  <link expr:href='data:blog.url.canonical' rel='canonical'/>

  <b:if cond='!data:view.isError'>
    <!--[ Browser data, description and keyword ]-->
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription.escaped' name='description'/>
      <b:elseif cond='data:view.isSingleItem'/>
      <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='description'/>
      <b:else/>
      <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='description'/>
    </b:if>
    <!--[ Keywords ]-->
    <b:if cond='data:vars.meta_keywords == &quot;2px&quot;'>
    <b:with value='snippet(data:vars.keywords)' var='keywords'>
      <meta expr:content='(data:blog.title + (data:blog.pageName ? &quot;, &quot; + data:blog.pageName : &quot;&quot;) + (data:keywords ? &quot;, &quot; + data:keywords : &quot;&quot;)).escaped' name='keywords'/>
      </b:with>
    </b:if>
    <b:tag cond='data:view.isPost' expr:href='resizeImage(data:blog.postImageUrl, 0)' name='link' rel='image_src'/>
  
    <!--[ Generator and rrs ]-->
    <meta content='blogger' name='generator'/>
    <link expr:href='data:blog.homepageUrl.canonical + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
    <link expr:href='data:blog.homepageUrl.canonical + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - Feed&quot;' rel='alternate' type='application/rss+xml'/>
    <link expr:href='data:blog.homepageUrl.canonical + &quot;feeds/comments/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - Comments Feed&quot;' rel='alternate' type='application/rss+xml'/>
  
    <!--[ Theme Color ]-->
    <meta expr:content='data:skin.vars.themeColor' name='theme-color'/>
    <meta expr:content='data:skin.vars.themeColor' name='msapplication-navbutton-color'/>
    <meta expr:content='data:skin.vars.themeColor' name='apple-mobile-web-app-status-bar-style'/>
    <meta expr:content='yes' name='apple-mobile-web-app-capable'/>
  
    <!--[ Favicon ]-->
    <b:with value='snippet(data:vars.favicon)' var='icon'>
    <b:if cond='data:icon'>
      <meta expr:content='resizeImage(data:icon, 144, &quot;1:1&quot;)' name='msapplication-TileImage'/>
      <link expr:href='resizeImage(data:icon, 57, &quot;1:1&quot;)' rel='apple-touch-icon' sizes='57x57'/>
      <link expr:href='resizeImage(data:icon, 60, &quot;1:1&quot;)' rel='apple-touch-icon' sizes='60x60'/>
      <link expr:href='resizeImage(data:icon, 72, &quot;1:1&quot;)' rel='apple-touch-icon' sizes='72x72'/>
      <link expr:href='resizeImage(data:icon, 76, &quot;1:1&quot;)' rel='apple-touch-icon' sizes='76x76'/>
      <link expr:href='resizeImage(data:icon, 114, &quot;1:1&quot;)' rel='apple-touch-icon' sizes='114x114'/>
      <link expr:href='resizeImage(data:icon, 120, &quot;1:1&quot;)' rel='apple-touch-icon' sizes='120x120'/>
      <link expr:href='resizeImage(data:icon, 144, &quot;1:1&quot;)' rel='apple-touch-icon' sizes='144x144'/>
      <link expr:href='resizeImage(data:icon, 152, &quot;1:1&quot;)' rel='apple-touch-icon' sizes='152x152'/>
      <link expr:href='resizeImage(data:icon, 180, &quot;1:1&quot;)' rel='apple-touch-icon' sizes='180x180'/>
      <link expr:href='resizeImage(data:icon, 16, &quot;1:1&quot;)' rel='icon' sizes='16x16' type='image/png'/>
      <link expr:href='resizeImage(data:icon, 32, &quot;1:1&quot;)' rel='icon' sizes='32x32' type='image/png'/>
      <link expr:href='resizeImage(data:icon, 96, &quot;1:1&quot;)' rel='icon' sizes='96x96' type='image/png'/>
      <link expr:href='resizeImage(data:icon, 192, &quot;1:1&quot;)' rel='icon' sizes='192x192' type='image/png'/>
      <b:else/>
      <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
      <link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>
    </b:if>
  </b:with>
    
    <!--[ Open graph ]-->
    <b:if cond='data:vars.opengraph == &quot;2px&quot;'>
      <meta expr:content='data:blog.locale.language' property='og:locale'/>
      <meta expr:content='data:blog.title.escaped' property='og:site_name'/>
<meta expr:content='(data:blog.pageName ? data:blog.pageName : (data:view.isHomepage and data:vars.hometitle_status == &quot;2px&quot; ? snippet(data:vars.home_title) : data:blog.title)).escaped' property='og:title'/>
      <meta expr:content='data:blog.url.canonical' property='og:url'/>
      <meta expr:content='(data:view.isMultipleItems ? &quot;website&quot; : &quot;article&quot;).escaped' property='og:type'/>
      <b:with value='data:blog.metaDescription ? data:blog.metaDescription : (data:view.isSingleItem and data:post.snippet ? snippet(data:post.snippet, { length: 147, links: false, linebreaks: false, ellipsis: false }) : (data:blog.pageName ? data:blog.pageName : data:blog.title))' var='description'>
        <meta expr:content='data:description.escaped' property='og:description'/>
      </b:with>
      <b:with value='data:view.isSingleItem and data:widgets.Blog.first.posts.first.featuredImage ? data:widgets.Blog.first.posts.first.featuredImage : snippet(data:skin.vars.opengraph_image)' var='imageUrl'>
        <b:with value='resizeImage(data:imageUrl, 1280, &quot;16:9&quot;)' var='image'>
          <b:comment><!--[ Ensure image url begins with valid protocol ]--></b:comment>
          <meta expr:content='(data:image not contains &quot;http://&quot; and data:image not contains &quot;https://&quot; ? &quot;https:&quot; + data:image : data:image).escaped' property='og:image'/>
          <b:if cond='data:image.width'>
            <meta expr:content='data:image.width' property='og:image:width'/>
          </b:if>
          <b:if cond='data:image.height'>
            <meta expr:content='data:image.height' property='og:image:height'/>
          </b:if>
          <meta expr:content='(data:blog.pageName ? data:blog.pageName : data:blog.title).escaped' property='og:image:alt'/>
        </b:with>
      </b:with>
    </b:if>
    
    <!--[ Twitter Card ]-->
   <b:if cond='data:vars.twittercard == &quot;2px&quot;'>
      <meta expr:content='(data:blog.pageName ? data:blog.pageName : data:blog.title).escaped' name='twitter:title'/>
      <meta expr:content='data:blog.url.canonical' name='twitter:url'/>
      <b:with value='data:blog.metaDescription ? data:blog.metaDescription : (data:view.isSingleItem and data:post.snippet ? snippet(data:post.snippet, { length: 147, links: false, linebreaks: false, ellipsis: false }) : (data:blog.pageName ? data:blog.pageName : data:blog.title))' var='description'>
        <meta expr:content='data:description.escaped' name='twitter:description'/>
      </b:with>
      <meta content='summary_large_image' name='twitter:card'/>
      <meta expr:content='(data:blog.pageName ? data:blog.pageName : data:blog.title).escaped' name='twitter:image:alt'/>
      <b:with value='data:view.isSingleItem and data:widgets.Blog.first.posts.first.featuredImage ? data:widgets.Blog.first.posts.first.featuredImage : snippet(data:skin.vars.twitter_image)' var='imageUrl'>
        <b:with value='resizeImage(data:imageUrl, 1280, &quot;16:9&quot;)' var='image'>
          <b:comment><!--[ Ensure image url begins with valid protocol ]--></b:comment>
          <meta expr:content='(data:image not contains &quot;http://&quot; and data:image not contains &quot;https://&quot; ? &quot;https:&quot; + data:image : data:image).escaped' name='twitter:image'/>
          <b:if cond='data:image.width'>
            <meta expr:content='data:image.width' name='twitter:image:width'/>
          </b:if>
          <b:if cond='data:image.height'>
            <meta expr:content='data:image.height' name='twitter:image:height'/>
          </b:if>
        </b:with>
      </b:with>
    </b:if>
    
    <link href='https://blogger.googleusercontent.com' rel='preconnect'/>
    <link href='https://blogger.googleusercontent.com' rel='dns-prefetch'/>
  
    <!--[ Add Custom Meta Tags Below ]-->
    
  </b:if>

  <!--[ CSS stylesheet ]-->
  <b:skin version='1.3.0'><![CDATA[
/*
=================================
     Custom Homepage Title
=================================
<Variable name="home_title" description="Enter Your Custom Title in Value (Enable Custom Title)" type="string" default="" value="Lantro UI - A Modern Blogger Theme"/>
=================================
       AdSense Settings
=================================
<Variable name="adsense.clientId" description="AdSense Client Id" type="string" default="" value=""/>
{Use only numbers}

<Variable name="adsense.hostId" description="AdSense Host Id" type="string" default="" value=""/>
=================================
      SEO Settings
=================================
<Variable name="favicon" description="Favicon URL" type="string" default="" value="https://blogger.googleusercontent.com/img/a/AVvXsEg1fhdNH2BNQhxc92u5tQyX3W6gNhQ65JSuSs3na3YPPxU0PzNpLShyW10uk86lzqQNR0DTTkKqT5l56X4EzuESV-pw7vAUEe-t0lx6U-1i1y7b0FvyJfhbdBXTuQ0F1inZjYJokEwckor8ICQUY_NV6mIdXD-tcrQiL4pAdNPS1NoktquHPX22oQw3vFJ_=s512"/> 
{Recommends 1:1 image ratio}

<Variable name="opengraph_image" description="Open Graph Image URL" type="string" default="" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8TjxmavPyyV980QFB6_4N_Ion-kRKA1sQnMXBi3pcFODP-5t22aRku1kFuewZWgqX21yiPCc2DmSgwTWfDs2G6Om-4w5eJzvvampEfe4WTJcs2D8Y4Qio40-E83mF4R7KPqmVeF-AQeWvYtxOVOPRX6ok1AAf03b5_kftQWLvkOIvJlbzJdsYC1wqDqmR/s1600/A%20Modern%20Blogger%20Theme.png"/> {Recommends 16:9 image ratio}

<Variable name="twitter_image" description="Twitter Card Image URL" type="string" default="" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8TjxmavPyyV980QFB6_4N_Ion-kRKA1sQnMXBi3pcFODP-5t22aRku1kFuewZWgqX21yiPCc2DmSgwTWfDs2G6Om-4w5eJzvvampEfe4WTJcs2D8Y4Qio40-E83mF4R7KPqmVeF-AQeWvYtxOVOPRX6ok1AAf03b5_kftQWLvkOIvJlbzJdsYC1wqDqmR/s1600/A%20Modern%20Blogger%20Theme.png"/> {Recommends 16:9 image ratio}

<Variable name="organization_logo" description="Organization Logo" type="string" default="" value="https://blogger.googleusercontent.com/img/a/AVvXsEjO7jJ9OEz54uG30hRLAV3N0cCqnVmrfuRkNyeuhoabYA6oolKDQQZ2nFW52UclwnZj6mvRws2AJRrxXDAMjTwGPdzNdBMvj9m9L5Q_l98nD2YMoSEC7Evzs62JpQ09mUbMS8U3iNHwf3flQKq9_pc4idKKOjOqIbwWp5hZAZUNqXpL2elnSM8Lvo4ziC6t"/>
{Recommends 1:1 image ratio} {If URL created with = at the end (e.g. =s512) remove it}

<Variable name="default_thumbnail" description="Metadata Default Thumbnail" type="string" default="" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8TjxmavPyyV980QFB6_4N_Ion-kRKA1sQnMXBi3pcFODP-5t22aRku1kFuewZWgqX21yiPCc2DmSgwTWfDs2G6Om-4w5eJzvvampEfe4WTJcs2D8Y4Qio40-E83mF4R7KPqmVeF-AQeWvYtxOVOPRX6ok1AAf03b5_kftQWLvkOIvJlbzJdsYC1wqDqmR/s1600/A%20Modern%20Blogger%20Theme.png"/>
{Recommends 16:9 image ratio} {If URL created with = at the end (e.g. =s512) remove it}

<Variable name="keywords" description="Keywords Meta Tag content" type="string" default="" value="coshix, lantro ui download"/> 
{Separate with commas then space}

*/

/*
<Group description="Theme Color">
<Variable name="themeColor" description="Address bar color" type="color" default="#204ecf" value="#204ecf"/>
</Group>
<Group description="Theme Popup">
<Variable name="bg_pattern" description="Background pattern | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="palette" description="Accent color picker | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="theme_reset" description="Theme reset button | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
</Group>

<Group description="Basic colors and Background">
<Variable name="head.color" description="Heading colors" type="color" default="#262d3d" value="#08102b"/>
<Variable name="body.color" description="Body colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="body.colorAlt" description="Alternative body colors" type="color" default="#272626" value="#272626"/>
<Variable name="body.bgColor" description="Main page bakground color" type="color" default="#fdfcff" value="#fdfcff"/>
<Variable name="link.color" description="Link colors" type="color" default="#204ecf" value="#204ecf"/>
<Variable name="link.bgColor" description="Button link colors" type="color" default="#204ecf" value="#204ecf"/>
</Group>

<Group description="Icon colors">
<Variable name="icon.color" description="Icon colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="icon.colorAlt" description="Alternative icon colors" type="color" default="#767676" value="#08102b"/>
<Variable name="icon.colorSec" description="Secondary icon colors" type="color" default="#767676" value="#767676"/>
</Group>

<Group description="SEO Features">
<Variable name="hometitle_status" description="Custom homepage title | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="opengraph" description="Open graph | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="meta_keywords" description="Keywords | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="twittercard" description="Twitter card | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="metadata_defaultPostType" description="Post schema default | (1) BlogPosting (2) Article (3) NewsArticle" type="length" min="1px" max="3px" default="1px" value="1px"/>
</Group>

<Group description="Features">
<Variable name="post_timeAgo" description="TimeAgo Script | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="read_time" description="Post reading time | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="font_resize" description="Font resizer | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="1px" value="2px"/>
<Variable name="code_highlight" description="HighlightJS and Copy button | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="post_style" description="Blog Post Style | (1) List (2) Grid" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="ad_blocker" description="AD Blocker (Post Only) | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="1px" value="2px"/>
<Variable name="text_speech" description="Text to Speech (Post) | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="hero_label" description="Labels Hero Section | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
</Group>

<Group description="Google Analytics">
  <Variable name="analytics.loadType" description="Load Type | (1) Normal (2) Defer (3) Lazy (4) Effecient" type="length" min="1px" max="4px" default="4px" value="4px"/>
</Group>

<Group description="Google Adsense">
  <Variable name="adsense.status" description="Enable Script | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
  <Variable name="adsense.loadType" description="Load Type | (1) Normal (2) Lazy (3) Effecient" type="length" min="1px" max="3px" default="3px" value="3px"/>
</Group>

<Group description="Header colors, background and height">
<Variable name="header.height" description="Header height" type="length" max="80px" default="60px" value="60px"/>
<Variable name="header.heightM" description="Header height(mobile)" type="length" max="80px" default="60px" value="60px"/>
<Variable name="header.titleSize" description="Header title font size" type="length" max="20px" default="16px" value="16px"/>
<Variable name="header.text" description="Header text colors" type="color" default="#48525c" value="#48525c"/>
<Variable name="header.dark.text" description="Header dark text colors" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="header.icon" description="Header icon colors" type="color" default="#262d3d" value="#262d3d"/>
<Variable name="header.bgColor" description="Header background color" type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="header.dark.bgColor" description="Header dark background color" type="color" default="#0f1115" value="#0f1115"/>
<Variable name="header.border" description="Header border" type="length" max="1px" default="1px" value="1px"/>
<Variable name="head_blur" description="Header glass effect" type="length" min="1px" max="2px" default="1px" value="1px"/>
</Group>

<Group description="Hero posts section">
<Variable name="hero.padding" description="Hero post padding" type="length" max="25px" default="0px" value="0px"/>
<Variable name="hero.shadow.horizontal" description="Hero horizontal shadow" type="length" max="10px" default="0px" value="0px"/>
<Variable name="hero.shadow.vertical" description="Hero vertical shadow" type="length" max="10px" default="0px" value="0px"/>
<Variable name="hero.shadow.blur" description="Hero shadow blur" type="length" max="20px" default="0px" value="0px"/>
<Variable name="hero.border" description="Hero post border" type="length" max="2px" default="0px" value="0px"/>
<Variable name="hero.border.radius" description="Hero post border radius" type="length" max="20px" default="5px" value="5px"/>
<Variable name="grid_story" description="Hero mobile grid story style | (1) List view (2) Same as desktop" type="length" min="1px" max="2px" default="2px" value="2px"/>
<Variable name="hero.background" description="Hero post background" type="color" default="transparent" value="transparent"/>
<Variable name="hero.dark.background" description="Hero post dark background" type="color" default="transparent" value="transparent"/>
</Group>

<Group description="Searchbar colors">
<Variable name="search.icon" description="Searchbar icon color" type="color" default="#48525c" value="#08102b"/>
<Variable name="search.bg" description="Searchbar background color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="search.dark.icon" description="Searchbar dark icon color" type="color" default="#989b9f" value="#989b9f"/>
<Variable name="search.dark.bg" description="Searchbar dark background color" type="color" default="#151821" value="#151821"/>
</Group>

<Group description="Border Radius">
<Variable name="border.radius" description="Border radius" type="length" max="15px" default="5px" value="5px"/>
<Variable name="border.thumb.radius" description="Thumbnail border radius" type="length" max="20px" default="5px" value="5px"/>
<Variable name="border.button.radius" description="Button border radius" type="length" max="30px" default="30px" value="30px"/>
</Group>

<Group description="Post Section">
<Variable name="post.bg" description="Post background color" type="color" default="transparent" value="transparent"/>
<Variable name="post.dark.bg" description="Post dark background color" type="color" default="transparent" value="transparent"/>
<Variable name="post.border" description="Post border" type="length" max="2px" default="0px" value="0px"/>
<Variable name="post.padding" description="Post padding" type="length" max="40px" default="0px" value="0px"/>
<Variable name="post.mob.padding" description="Post mobile padding" type="length" max="50px" default="0px" value="0px"/>
<Variable name="post.radius" description="Post border radius" type="length" max="20px" default="5px" value="5px"/>
<Variable name="post.shadow.horizontal" description="Post horizontal shadow" type="length" max="10px" default="0px" value="0px"/>
<Variable name="post.shadow.vertical" description="Post vertical shadow" type="length" max="10px" default="0px" value="0px"/>
<Variable name="post.shadow.blur" description="Post shadow blur" type="length" max="20px" default="0px" value="0px"/>
</Group>

<Group description="Content Section">
<Variable name="content.bg" description="Content background color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="content.border" description="Content border color" type="color" default="#eceff1" value="#e6e6e6"/>
<Variable name="content.maxWidth" description="Max width of main content" type="length" max="1440px" default="1024px" value="1200px"/>
<Variable name="sidebar.maxWidth" description="Max width of sidebar" type="length" max="360px" default="300px" value="300px"/>
<Variable name="post.maxContent" description="Post max width" type="length" max="900px" default="720px" value="780px"/>
<Variable name="page.maxContent" description="Static page max width" type="length" max="900px" default="780px" value="780px"/>
</Group>

<Group description="Post font size">
<Variable name="post.titleSize" description="Post title font size" type="length" max="42px" default="28px" value="36px"/>
<Variable name="post.titleSizeMobile" description="Post title size (onMobile)" type="length" max="38px" default="22px" value="28px"/>
<Variable name="post.fontSize" description="Post font size (Default)" type="length" max="18px" default="16px" value="16px"/>
<Variable name="post.fontSizeMobile" description="Post font size (Default onMobile)" type="length" max="18px" default="16px" value="15px"/>
<Variable name="post.fontSizeS" description="Post font size (Small)" type="length" max="16px" default="14px" value="15px"/>
<Variable name="post.fontSizeSMobile" description="Post font size (Small onMobile)" type="length" max="16px" default="14px" value="14px"/>
<Variable name="post.fontSizeL" description="Post font size (Large)" type="length" max="20px" default="18px" value="17px"/>
<Variable name="post.fontSizeLMobile" description="Post font size (Large onMobile)" type="length" max="20px" default="18px" value="16px"/>
</Group>

<Group description="Widget title font size">
<Variable name="widget.titleSize" description="Widget title font size" type="length" max="18px" default="14px" value="15px"/>
<Variable name="widget.titleAfter" description="Widget title border" type="length" max="40px" default="25px" value="25px"/>
<Variable name="widget.titleAfterC" description="Widget title border color" type="color" default="#989b9f" value="#989b9f"/>
</Group>

<Group description="Mobile menu colors">
<Variable name="mob.border" description="Mobile menu border" type="length" max="2px" default="0px" value="0px"/>
<Variable name="mob.borderR" description="Mobile corder radius" type="length" max="20px" default="0px" value="12px"/>
<Variable name="mob.text" description="Mobile text colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="mob.bg" description="Mobile background color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="mob.hovBg" description="Mobile hover background color" type="color" default="#f6f6f6" value="#f1f1f0"/>
</Group>

<Group description="Footer colors">
<Variable name="foot.border" description="Footer border" type="length" max="4px" default="3px" value="3px"/>
<Variable name="foot.text" description="Footer text colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="foot.bg" description="Footer background color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="footer.dark.background" description="Footer dark background color" type="color" default="transparent" value="transparent"/>
<Variable name="footer.dark.text" description="Footer dark text color" type="color" default="#fffdfc" value="#fffdfc"/>
</Group>

<Group description="Dark mode colors and background">
<Variable name="dark.text" description="Dark mode text color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="dark.textAlt" description="Alternative text colors" type="color" default="#989b9f" value="#989b9f"/>
<Variable name="dark.link" description="Dark mode link colors" type="color" default="#8b5cf6" value="#00a003"/>
<Variable name="dark.bg" description="Dark mode background color" type="color" default="#0f1115" value="#0f1115"/>
<Variable name="dark.bgAlt" description="Alternative background color" type="color" default="#1b1f2a" value="#1b1f2a"/>
<Variable name="dark.bgSec" description="Secondary background color" type="color" default="#252526" value="#151821"/>
</Group>

<Group description="(Do not edit) New Blogger comment required">
<Variable name="body.background" description="Background" color="#505050" type="background" default="$(color) none repeat scroll center center"  value="$(color) url() no-repeat scroll center center"/>
<Variable name="body.text.font" description="Font Blogger comment" type="font" default="&#39;Roboto&#39;, sans-serif" value="400 14px &#39;Roboto&#39;, sans-serif"/>
<Variable name="body.text.color" description="Color" type="color" default="#505050"  value="#505050"/>
<Variable name="body.link.color" description="Link color" type="color" default="#262d3d"  value="#989b9f"/>
<Variable name="posts.title.color" description="Post title color" type="color" default="#262d3d"  value="#989b9f"/>
<Variable name="posts.text.color" description="Post text color" type="color" default="#48525c"  value="#989b9f"/>
<Variable name="posts.icons.color" description="Post info color" type="color" default="#262d3d" value="#989b9f"/>
<Variable name="posts.background.color" description="Post background color" type="color" default="#f7f7fc"  value="transparent"/>
<Variable name="tabs.font" description="Font" type="font" default="&#39;Roboto&#39;, sans-serif" value="400 14px &#39;Roboto&#39;, sans-serif"/>
<Variable name="tabs.color" description="Text color" type="color" default="#4d4d4d"  value="#08102b"/>
<Variable name="tabs.selected.color" description="Selected color" type="color" default="#fff"  value="#fffdfc"/>
<Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="$(posts.background.color)"  value="#fffdfc"/>
<Variable name="tabs.overflow.color" description="Popup text color" type="color" default="#48525c"  value="#08102b"/>
<Variable name="tabs.overflow.selected.color" description="Popup selected color" type="color" default="#262d3d"  value="#989b9f"/>
<Variable name="labels.background.color" description="Labels background color" type="color" default="#fff" value="#fffdfc"/>
<Variable name="blog.title.font" description="Blog title font" type="font" default="&#39;Roboto&#39;, sans-serif" value="400 14px &#39;Roboto&#39;, sans-serif"/>
<Variable name="blog.title.color" description="Blog title color" type="color" default="#fff" value="#fffdfc"/>
</Group>
*/

/* Variable color */
/*
THEME DETAILS:

Name			: Lantro UI
Version         : v2.0 (The Avenger)
Demo site		: the-lantro-ui.blogspot.com
Design by	    : www.coshix.in
Type            : Free version
For			    : blogger.com
AMP             : N/A
RTL             : Supported
CSS             : Vanilla
JavaScript      : Vanilla, Module, Highlight.js (11.11.1)
Browser         : Modern 
============================================================================
NOTE:
This theme is officially distributed only via coshix.in based domains 
and lantro-ui.eu.org. 

Downloading it from other sources may include modified or unsafe scripts.
============================================================================
*/

:root{
--headC: $(head.color) ;
--bodyC: $(body.color) ;
--bodyCa: $(body.colorAlt) ;
--bodyB: $(body.bgColor) ;
--linkC: $(link.color) ;
--linkB: $(link.bgColor) ;
--heroAccentLight: var(--linkC);

--iconC: $(icon.color) ;
--iconCa: $(icon.colorAlt) ;
--iconCs: $(icon.colorSec) ;

--headerC: $(header.text) ;
--headerT: $(header.titleSize) ;
--headerW: 400 ; /* write 400(normal) or 700(bold) */
--headerB: $(header.bgColor) ;
--headerDb: $(header.dark.bgColor) ;
--headerL: $(header.border) ;
--headerI: $(header.icon) ;
--headerH: $(header.height) ;
--headerHi: -$(header.height) ;
--headerHm: $(header.heightM) ;

--heroB: $(hero.background) ;
--heroL: $(hero.border) ;
--heroP: $(hero.padding) ;
--heroSv:$(hero.shadow.vertical);
--heroSh: $(hero.shadow.horizontal);
--heroSb:$(hero.shadow.blur);
--heroDb: $(hero.dark.background);
--heroR: $(hero.border.radius);

--contentB: $(content.bg) ;
--contentL: $(content.border) ;
--contentW: $(content.maxWidth) ;
--contentR: $(border.radius) ;
--contentTr: $(border.thumb.radius) ;
--contentBr: $(border.button.radius) ;
--sideW: $(sidebar.maxWidth) ;
--transB: rgba(0,0,0,.05);

--postB: $(post.bg);
--postP: $(post.padding);
--postMp: $(post.mob.padding);
--postL: $(post.border);
--postR: $(post.radius);
--postSv:$(post.shadow.vertical);
--postSh: $(post.shadow.horizontal);
--postSb:$(post.shadow.blur);
--postDb:$(post.dark.bg);


--pageW: $(page.maxContent) ;
--postW: $(post.maxContent) ;
--postT: $(post.titleSize) ;
--postTm: $(post.titleSizeMobile) ;
--postF: $(post.fontSize) ;
--postFm: $(post.fontSizeMobile) ;
--postFS: $(post.fontSizeS) ;
--postFSm: $(post.fontSizeSMobile) ;
--postFL: $(post.fontSizeL) ;
--postFLm: $(post.fontSizeLMobile) ;

--widgetT: $(widget.titleSize) ;
--widgetTw: 700 ; /* write 400(normal) or 700(bold) */
--widgetTa: $(widget.titleAfter) ;
--widgetTac: $(widget.titleAfterC);

--srchI: $(search.icon) ;
--srchB: $(search.bg) ;

--mobT: $(mob.text) ;
--mobHv: $(mob.hovBg) ;
--mobB: $(mob.bg) ;
--mobL: $(mob.border) ;
--mobBr: $(mob.borderR) ;

--fotT: $(foot.text) ;
--fotB: $(foot.bg) ;
--fotL: $(foot.border) ;

--fontH: 'Inter', sans-serif ;
--fontB: 'Inter', sans-serif ;
--fontBa: 'Inter', sans-serif ;
--fontC: 'JetBrains Mono', monospace;

--trans-1:opacity .1s ease,transform .1s ease;
--trans-2:opacity .2s ease,transform .2s ease;
--trans-4:opacity .4s ease,transform .4s ease;

--synxBg: #f6f6f6 ;
--synxC: #2f3337 ;
--synxOrange: #b75501 ;
--synxBlue: #015692 ;
--synxGreen: #54790d ;
--synxRed: #f15a5a ;
--synxGray: #656e77 ;

--scrollT: rgba(0,0,0,.05);
--scrollB: rgba(0,0,0,.15);
--scrollBh: rgba(0,0,0,.25);
--scrollBa: rgba(0,0,0,.25);
--scrollH: 8px;
--scrollV: var(--scrollH);
--scrollR: 2px;

--darkT: $(dark.text) ;
--darkTa: $(dark.textAlt) ;
--darkU: $(dark.link) ;
--darkB: $(dark.bg) ;
--darkBa: $(dark.bgAlt) ;
--darkBs: $(dark.bgSec) ;
--heroAccentDark: var(--darkU);
}

.drK {
--contentL: rgba(255,255,255,.15);
--contentB: var(--darkBa);
--linkC: var(--darkU);
--bodyCa: var(--darkTa);
--bodyC: var(--darkT);
--heroAccentLight: var(--darkU);
--linkB: var(--darkU);
--heroB: var(--heroDb);
--postB: var(--postDb);
--iconC: var(--darkT);
--synxBg: var(--darkBs);
--bodyB: var(--darkB);
--synxC: #e6e6e6;
--synxOrange: #ff8a3d;
--synxBlue: #4da3ff;
--synxGreen: #8bc34a;
--synxRed: #ff6b6b;
--synxGray: #9aa0a6;
--headC: $(header.dark.text);
--headerB: var(--headerDb);
--headerI: var(--darkT);
--headerC: var(--darkT);
--fotB: $(footer.dark.background);
--fotT: $(footer.dark.text);
--srchB: $(search.dark.bg);
--srchI: $(search.dark.icon);
--scrollT: rgba(255,255,255,.05);
--scrollB: rgba(255,255,255,.15);
--scrollBh: rgba(255,255,255,.25);
--scrollBa: rgba(255,255,255,.25);
--iconCa: var(--darkT);
--iconCs: var(--darkT);
}
]]></b:skin>
    
<b:if cond='data:view.isLayoutMode'>
    <!--[ CSS Layout ]-->
    <b:template-skin><![CDATA[body#layout::before{content:'Lantro UI v2.0 • The Avenger';position:absolute;top:15px;right:15px;font-size:.75rem;font-family:Roboto,sans-serif;color:#666;background:#fff;padding:6px 12px;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.08)}body#layout{width:1025px;margin:0 auto!important;padding:70px 10px 0!important;border:0!important;text-align:left!important;position:relative;background:#f5f7fb}body#layout .section{border-radius:10px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.06);padding:15px;transition:.2s}body#layout .section:hover{box-shadow:0 8px 20px rgba(0,0,0,.1)}body#layout div.layout-title{font-size:15px!important;font-weight:600;color:#222}body#layout div.layout-widget-description{font-size:12px!important;line-height:1.5;color:#666}body#layout .add_widget a{font-size:13px!important;color:#2962ff}body#layout .Blog .widget-content{height:auto!important}body#layout #anchor-ad,body#layout #notif-widget .widget-content,body#layout #side-sticky,body#layout #HTML91 .widget-content,body#layout #HTML92 .widget-content,body#layout #HTML93 .widget-content,body#layout #HTML01 .widget-content,body#layout #HTML02 .widget-content,body#layout #HTML94 .widget-content{background:#f9fbff!important;border:1px dashed #dbe3ff}body#layout .headIn,body#layout .blogM{display:flex;gap:15px;flex-wrap:wrap}body#layout .headL{flex:1 1 30%}body#layout .headM,body#layout .headR{flex:1 1 35%}body#layout .mainbar{flex:1 1 55%}body#layout .sidebar{flex:1 1 45%}body#layout .fotIn .section{flex:1 1 calc(20% - 15px);min-width:150px}body#layout header,body#layout .mainIn,body#layout footer,body#layout .erroP{border-top:1px solid #e5e5e5;padding:30px 0;position:relative}body#layout header::before,body#layout .mainIn::before,body#layout footer::before,body#layout .erroP::before{position:absolute;top:-12px;left:15px;padding:4px 12px;border-radius:20px;font-size:.7rem;font-family:Roboto,sans-serif;color:#fff;background:#2962ff}body#layout header::before{content:'Header'}body#layout .mainIn::before{content:'Main'}body#layout footer::before{content:'Footer'}body#layout .erroP::before{content:'Error'}body#layout #notif-widget{padding:0!important;margin-bottom:25px!important}body#layout #notif-widget h4,body#layout #notif-widget .layout-widget-description{display:none!important}body#layout .mainIn,body#layout .erroP{margin-top:35px;padding-bottom:0}@media(max-width:991px){body#layout{width:100%!important}body#layout .mainbar,body#layout .sidebar{flex:1 1 100%}body#layout .fotIn .section{flex:1 1 calc(33.33% - 15px)}}@media(max-width:768px){body#layout .headL,body#layout .headM,body#layout .headR{flex:1 1 100%}body#layout .fotIn .section{flex:1 1 calc(50% - 15px)}}@media(max-width:480px){body#layout{padding:70px 5px 0!important}body#layout .section{padding:12px}body#layout .fotIn .section{flex:1 1 100%}}]]></b:template-skin>
  </b:if>

<style>/*<![CDATA[*/
/* Standar CSS */*{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--linkC)} *, ::after, ::before{-webkit-box-sizing:border-box;box-sizing:border-box} h1, h2, h3, h4, h5, h6{margin:0;font-weight:600;font-family:var(--fontH);color:var(--headC)} h1{font-size:1.9rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.4rem} h5{font-size:1.3rem} h6{font-size:1.2rem} a{color:var(--linkC);text-decoration:none} a:hover{opacity:.9;transition:opacity .1s} table{border-spacing:0} iframe{max-width:100%;border:0;margin-left:auto;margin-right:auto} input, button, select, textarea{font:inherit;font-size:100%;color:var(--bodyC);line-height:normal} input::placeholder{color:rgba(0,0,0,.5)} img{display:block;position:relative;max-width:100%;height:100%} svg{width:22px;height:22px;fill:var(--iconC)}.svg-c{stroke:var(--linkC)}svg.line, svg .line{fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round; stroke-width:1} svg.c-1{fill:var(--iconCa)} svg.c-2{fill:var(--iconCs); opacity:.4} .hidden{display:none} .invisible{visibility:hidden} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both} .fullC{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;transition:var(--trans-1);background:transparent;opacity:0;visibility:hidden} .free::after, .new::after{display:inline-block;content:'Free!';color:var(--linkC);font-size:12px;font-weight:400;margin:0 5px} .new::after{content:'New!'}input::placeholder{color:var(--bodyCa)}

/* Main Element */ html{scroll-behavior:smooth;overflow-x:hidden} body{position:relative;margin:0;padding:0!important;width:100%;font-family:var(--fontB);font-size:14px;color:var(--bodyC);background:var(--bodyB);-webkit-font-smoothing: antialiased;} .secIn{margin:0 auto;padding-left:20px;padding-right:20px;max-width:var(--contentW)}body{transition:background-image .2s ease}body.pattern-box{background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,color-mix(in srgb,var(--contentL) 40%,transparent) 24px,color-mix(in srgb,var(--contentL) 40%,transparent) 26px),repeating-linear-gradient(90deg,transparent,transparent 24px,color-mix(in srgb,var(--contentL) 40%,transparent) 24px,color-mix(in srgb,var(--contentL) 40%,transparent) 26px);background-size:26px 26px}body.pattern-dots{background-image:radial-gradient(color-mix(in srgb,var(--contentL) 45%,transparent) 1.8px,transparent 1.8px);background-size:24px 24px}body.pattern-crosshatch{background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,color-mix(in srgb,var(--contentL) 40%,transparent) 20px,color-mix(in srgb,var(--contentL) 40%,transparent) 22px),repeating-linear-gradient(135deg,transparent,transparent 20px,color-mix(in srgb,var(--contentL) 40%,transparent) 20px,color-mix(in srgb,var(--contentL) 40%,transparent) 22px);background-size:22px 22px}body.pattern-stripes{background-image:repeating-linear-gradient(90deg,transparent,transparent 30px,color-mix(in srgb,var(--contentL) 40%,transparent) 30px,color-mix(in srgb,var(--contentL) 40%,transparent) 32px);background-size:32px 100%}body.pattern-zigzag{background-image:repeating-linear-gradient(135deg,transparent,transparent 15px,color-mix(in srgb,var(--contentL) 60%,transparent) 15px,color-mix(in srgb,var(--contentL) 60%,transparent) 17px,transparent 17px,transparent 30px),repeating-linear-gradient(45deg,transparent,transparent 15px,color-mix(in srgb,var(--contentL) 60%,transparent) 15px,color-mix(in srgb,var(--contentL) 60%,transparent) 17px,transparent 17px,transparent 30px);background-size:40px 40px}body.pattern-box,body.pattern-crosshatch,body.pattern-stripes,body.pattern-zigzag{background-color:var(--bodyB)}.drK body.pattern-box{background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,color-mix(in srgb,var(--darkT) 25%,transparent) 24px,color-mix(in srgb,var(--darkT) 25%,transparent) 26px),repeating-linear-gradient(90deg,transparent,transparent 24px,color-mix(in srgb,var(--darkT) 25%,transparent) 24px,color-mix(in srgb,var(--darkT) 25%,transparent) 26px)}.drK body.pattern-dots{background-image:radial-gradient(color-mix(in srgb,var(--darkT) 30%,transparent) 1.8px,transparent 1.8px)}.drK body.pattern-crosshatch{background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,color-mix(in srgb,var(--darkT) 25%,transparent) 20px,color-mix(in srgb,var(--darkT) 25%,transparent) 22px),repeating-linear-gradient(135deg,transparent,transparent 20px,color-mix(in srgb,var(--darkT) 25%,transparent) 20px,color-mix(in srgb,var(--darkT) 25%,transparent) 22px)}.drK body.pattern-stripes{background-image:repeating-linear-gradient(90deg,transparent,transparent 30px,color-mix(in srgb,var(--darkT) 25%,transparent) 30px,color-mix(in srgb,var(--darkT) 25%,transparent) 32px)}.drK body.pattern-zigzag{background-image:repeating-linear-gradient(135deg,transparent,transparent 15px,color-mix(in srgb,var(--darkT) 40%,transparent) 15px,color-mix(in srgb,var(--darkT) 40%,transparent) 17px,transparent 17px,transparent 30px),repeating-linear-gradient(45deg,transparent,transparent 15px,color-mix(in srgb,var(--darkT) 40%,transparent) 15px,color-mix(in srgb,var(--darkT) 40%,transparent) 17px,transparent 17px,transparent 30px);background-size:40px 40px}.drK body.pattern-box,.drK body.pattern-dots,.drK body.pattern-crosshatch,.drK body.pattern-stripes,.drK body.pattern-zigzag{background-color:var(--darkB)}

/* Fixed/Pop-up Element */ .fixL{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;margin-bottom:-100%;z-index:999;transition:var(--trans-1);width:100%;height:100%;opacity:0;visibility:hidden} .fixLi, .fixL .cmBri{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:var(--contentR);transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .popXls{padding:60px 20px 20px;overflow-y:scroll;overflow-x:hidden;width:100%;background:var(--bodyB)} .fixH, .mnH, .srhB .BlogSearch{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2} .fixH .cl, .srhB .c{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px} .fixH .c::after, .mnH .c::before, .srhB .c::after{content:'\2715';line-height:18px;font-size:14px} .fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7} .fixT .c::before, .mnH .c::after{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:.6} .fixi:checked ~ .fixL, #comment:target .fixL{margin-bottom:0;opacity:1;visibility:visible} .fixi:checked ~ .fixL .fullC, #comment:target .fixL .fullC{opacity:1;visibility:visible;background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .shBri, .tmBr{max-width:520px} .fnBr{max-width:480px}/* Theme settings popup */.theme-settings{padding:10px 0 20px}.settings-group{margin-bottom:28px}.settings-group h4{font-size:1rem;margin-bottom:15px;font-weight:600;color:var(--headC)}.mode-options{display:flex;gap:12px;flex-wrap:wrap}.mode-btn{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:var(--contentBr,30px);background:var(--contentB);border:1px solid var(--contentL);cursor:pointer;transition:var(--trans-2);font-size:.9rem;color:var(--bodyC)}.mode-btn svg{width:18px;height:18px;fill:none;stroke:currentColor}.mode-btn.active{background:var(--linkB);border-color:var(--linkC)!important;color:#fff;box-shadow:0 0 0 1px var(--linkC)}.mode-btn.active svg{stroke:#fff}.settings-note{font-size:.75rem;text-align:center;margin-top:25px;opacity:.6;border-top:1px solid var(--contentL);padding-top:18px}@media(max-width:480px){.mode-btn{padding:8px 10px;font-size:.8rem}.accent-preview{flex-direction:column;align-items:stretch}}

/* Header */header{width:100%;z-index:20;position:-webkit-sticky;position:sticky;top:0;border-bottom:var(--headerL) solid var(--contentL)}header a{color:inherit}header svg{width:20px;height:20px;fill:var(--headerI);opacity:.8}header svg.line{fill:none;stroke:var(--headerI)}.headCn{position:relative;height:var(--headerH);color:var(--headerC);background:var(--headerB)}.headIn{display:flex;justify-content:space-between;height:100%}.headL{display:flex;align-items:center;min-width:200px;max-width:220px}.headL .headIc{flex:0 0 35px;padding-right:5px}.headI .headP{display:flex;justify-content:flex-end;align-items:center;position:relative;height:100%}.headI{height:100%;position:relative;width:calc(100% + 15px);left:-7.5px;right:-7.5px;flex-shrink:0}.headI>*{margin:0 7.5px}.headIc{font-size:11px;display:flex;list-style:none;margin:0;padding:0}.headIc>*{position:relative}.headIc svg{z-index:1}ul.headIc{position:relative;width:calc(100% + 14px);left:-7px;right:-7px;justify-content:flex-end}ul.headIc li{margin:0 2px}.headN .Header{display:flex;align-items:center;gap:8px}.headN .Header>a{display:flex;align-items:center;flex-shrink:0}.headN img{height:32px;width:auto}.headN .headInnr{display:flex;align-items:center;margin:0;flex:1;min-width:0}.headN .headH{margin:0;font-size:18px;font-weight:600;min-width:0}.headN .headTtl{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit}.headN .headDsc{display:none}.Header{background-repeat:no-repeat;background-size:100%;background-position:center}.Header img{max-width:160px;max-height:45px}.Header .headH{display:block;color:inherit;font-size:var(--headerT);font-weight:var(--headerW);min-width:0}.Header .headH.hasSub{display:flex;align-items:baseline;min-width:0}.Header .headTtl{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Header .headSub{font:400 11px var(--fontB);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:60px;opacity:.6}.Header .headSub::before{content:attr(data-text);margin:0 5px}.tIc{width:30px;height:30px;justify-content:center}.tIc::after{content:'';background:var(--transB);border-radius:var(--contentR);position:absolute;left:0;right:0;top:0;bottom:0;transition:var(--trans-1);opacity:0;visibility:hidden}.tIc:hover::after{opacity:1;visibility:visible;transform:scale(1.3,1.3)}.tDL .d2,.drK .tDL .d1{display:none}.drK .tDL .d2{display:block}.mnBr ul{display:flex;list-style:none;margin:0;padding:0}.mnMn svg{flex-shrink:0}.mnMn svg.d{width:14px;height:14px}

/* Lantro Ticker */.ticker{background:var(--bodyB);border-bottom:2px dotted var(--contentL)}.lantro-ticker{display:flex;align-items:center;height:44px;padding:0 10px;background:var(--bodyB);overflow:hidden}.coshix-label{flex-shrink:0;color:var(--linkC);font-size:13px;font-weight:700;margin-right:14px;display:flex;align-items:center;gap:6px}.coshix-label svg{fill:var(--linkC)!important}.coshix-mask{flex:1;overflow:hidden}.coshix-track{display:flex;gap:22px;align-items:center;white-space:nowrap}.coshix-item{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--bodyC);flex:0 0 auto;position:relative;padding-right:18px}.coshix-item img,.coshix-item .thumb{width:22px;height:22px;border-radius:4px;flex-shrink:0;object-fit:cover}.coshix-item .line{width:80px;height:6px;border-radius:4px;background:linear-gradient(90deg,#d1d5db,#e5e7eb,#d1d5db);background-size:200% 100%;animation:coshixShimmer 1.2s infinite}.coshix-item span{white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.coshix-item:after{content:"";position:absolute;right:6px;top:50%;width:1px;height:14px;background:var(--contentL);transform:translateY(-50%)}.coshix-item:last-child:after{display:none}@keyframes coshixShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media screen and (max-width:500px){.ticker .secIn{padding-left:6px;padding-right:6px}}

/* Display Flex */ .bIc{display:flex;align-items:center}

/* mainIn Section */ .blogCont{flex-grow:1;padding:20px 0 0;position:relative;transition:var(--trans-1)} .blogCont .section:not(.no-items), .blogCont .widget:not(:first-child){margin-top:40px} .blogCont .section:first-child, .blogCont footer .widget:not(:first-child){margin-top:0} .blogAd .section:not(.no-items){margin-bottom:40px} .blogM{flex-wrap:wrap;justify-content:center;padding-bottom:40px} .sidebar{max-width:500px;margin:50px auto 0} .sideSticky{position:-webkit-sticky;position:sticky;top:calc(var(--headerH) + 10px)} .onPs .mainbar, .onHm .mainbar{max-width:var(--postW)} .onPg .mainbar, .onMl .mainbar{max-width:var(--pageW)}

/* Footer */ footer{font-size:97%;line-height:1.8em; padding:30px 0; border-top:var(--fotL) dashed var(--contentL); color:var(--fotT); background:var(--fotB)} footer .LinkList a, footer .sL li >*{display:inline-block;color:inherit;line-height:20px} footer .LinkList a:hover{text-decoration:underline} footer .LinkList ul:not(.sL) li::before{content:'\2013'; opacity:.3} footer .sL{display:flex;flex-wrap:wrap;align-items:baseline;font-size:13px;opacity:.8} footer .sL li{display:inline-flex;align-items:baseline} footer .sL li:not(:first-child)::before{content:'/';margin:0 5px} footer .sL li >*::before{content:attr(data-text)} .fotIn ul{list-style:none;margin:0;padding:0} .fotIn{display:flex;flex-wrap:nowrap;position:relative;width:calc(100% + 30px);left:-15px;right:-15px} .fotIn >*{width:calc(21.666% - 30px);margin:0 15px} .fotIn >*:first-child{width:calc(35% - 30px)} .fotIn .widget{margin-bottom:30px} .fotIn .widget .title{color:inherit;margin-bottom:12px;font-weight:700;font-size:14px} .abtU{max-width:calc(100% - 25px)} .abtU::before{content:attr(data-text);font-size:13px; opacity:.6;display:block;margin-bottom:3px} .abtT .tl{color:inherit; font-size:1.3rem} .abtD{line-height:1.6em;margin:20px 0 0} /* Footer Credit and Backtop */ .credit a{color:var(--bodyC);text-decoration:underline}.cdtIn{display:flex;align-items:baseline;justify-content:space-between; position:relative;width:calc(100% + 20px);left:-10px;right:-10px;padding-top:20px;border-top:1px solid var(--contentL)} .cdtIn >*{margin:0 10px} .cdtIn .HTML{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .fotCd{display:inline-flex} .tTop svg{width:20px;height:20px;stroke:var(--fotT)} .toTop{display:flex;align-items:center; white-space:nowrap} .toTop::before{content:attr(data-text); opacity:.7;margin:0 5px}.toTopF{display:flex;align-items:center;justify-content:center;position:fixed;bottom:50px;right:30px;width:36px;height:36px;border-radius:18px;background:var(--linkB);cursor:pointer;transition:all 0.25s cubic-bezier(0.2,0.9,0.4,1.1);z-index:10;opacity:0;visibility:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.12);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.toTopF.show{opacity:1;visibility:visible}.toTopF:hover{transform:translateY(-3px);background:var(--linkC);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.toTopF:active{transform:scale(0.9) translateY(-2px);transition:transform 0.1s}.toTopF svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none;transition:transform 0.2s}.toTopF:hover svg{transform:translateY(-2px)}

/* Article*/ .onId .ntry{display:flex;flex-wrap:wrap;align-items:center;position:relative; width:calc(100% + 22px);left:-11px;right:-11px} .onId .ntry >*{flex:0 0 calc(50% - 22px);width:calc(50% - 22px); margin-bottom:0;margin-left:11px;margin-right:11px} .onId .ntry >*:last-child{flex-grow:1} .onId div.ntry >*{flex:0 0 calc(100% - 25px);width:calc(100% - 25px)} .onId .ntry{margin-bottom:40px; position:relative} .onId .BlogP.mty{display:block;width:100%;left:0;right:0} .onId .BlogP.mty .noPosts{width:100%;margin:0} .BlogP .ntry.noAd .widget, .Blog ~ .HTML{display:none} .onId .ntry{padding:var(--postP);border:var(--postL) solid var(--contentL);box-shadow:var(--postSh) var(--postSv) var(--postSb) rgba(0,0,0,.05);border-radius:var(--postR);background:var(--postB)}.onId .ntry >*{margin-left:0}

/* Blog title */ .blogTtl{font-size:14px; margin:0 0 30px;width:calc(100% + 16px);display:flex;align-items:center;justify-content:space-between;position:relative;left:-8px;right:-8px} .blogTtl .t, .blogTtl.hm .title{margin:0 8px;flex-grow:1} .blogTtl .t span{font-weight:400;font-size:90%; opacity:.7} .blogTtl .t span::before{content:attr(data-text)} .blogTtl .t span::after{content:''; margin:0 4px} .blogTtl .t span.hm::after{content:'/'; margin:0 8px} .blogTtl .g{position:relative;flex-shrink:0;margin:0 2px;font-size:12px} .blogTtl .g svg{width:20px;height:20px} /* Thumbnail */ .pThmb{flex:0 0 calc(50% - 12.5px);overflow:hidden;position:relative;border-radius:var(--contentTr); margin-bottom:20px; background:var(--transB)} .pThmb .thmb{display:block;position:relative;padding-top:52.335%; color:inherit; transition:var(--trans-1)} .pThmb .thmb amp-img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-height:108%;text-align:center;transform:translate(-50%, -50%)} .pThmb div.thmb span::before{content:attr(data-text); opacity:.7; white-space:nowrap} .pThmb:not(.nul)::before{position:absolute;top:0;right:0;bottom:0;left:0; transform:translateX(-100%); background-image:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 20%, rgba(255,255,255,.6) 60%, rgba(255,255,255, 0)); animation:shimmer 2s infinite;content:''} .pThmb.iyt:not(.nul) .thmb::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.4) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11.9999V8.43989C4 4.01989 7.13 2.2099 10.96 4.4199L14.05 6.1999L17.14 7.9799C20.97 10.1899 20.97 13.8099 17.14 16.0199L14.05 17.7999L10.96 19.5799C7.13 21.7899 4 19.9799 4 15.5599V11.9999Z'/></svg>") center / 35px no-repeat; opacity:0;transition:var(--trans-1)} .pThmb.iyt:not(.nul):hover .thmb::after{opacity:1} /* sponsored */ .tTag{z-index:10;display:flex;justify-content:flex-end;position:absolute;top:0;left:0;right:0;padding:10px 6px;font-size:13px;line-height:16px} .tTag >*{border:none;display:flex;align-items:center;margin:0 5px;padding:5px 2.5px;border-radius:var(--contentR);background:var(--contentB);color:inherit;box-shadow:0 8px 25px 0 rgba(0,0,0,.1)} .tTag >* svg{width:16px;height:16px;stroke-width:1.5;margin:0 2.5px;opacity:.7} .tTag .cmnt{padding:5px;color:var(--bodyC)} .tTag .cmnt::after{content:attr(data-text);margin:0 2.5px;opacity:.7} /* Label */ .pLbls::before, .pLbls >*::before{content:attr(data-text)} .pLbls::before{opacity:.7} .pLbls a:hover{text-decoration:underline} .pLbls >*{color:inherit;display:inline} .pLbls >*:not(:last-child)::after{content:'/'} /* Profile Images and Name */ .im{width:35px;height:35px;border-radius:16px; background-color:var(--transB);background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center} .im svg{width:18px;height:18px;opacity:.4} .nm::after{content:attr(data-text)} /* Title and Entry */ .pTtl{font-size:1.2rem;line-height:1.5em} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:900; line-height:1.3em} .pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:inherit; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .pEnt{margin-top:40px; font-size:var(--postF);font-family:var(--fontBa); line-height:1.8em} /* Snippet, Description, Headers and Info */ .pHdr.nHdr{margin:0} .pHdr{width:calc(100% + 8px);position:relative;left:-4px;right:-4px;margin-bottom:8px; display:flex;align-items:center} .pHdr .aIm{flex-shrink:0;margin:0 4px} .pHdr .aIm .im{width:18px; height:18px} .pHdr .aNm{flex-grow:1; opacity:.8;margin:0 2px; display:inline-flex;flex-wrap:wrap;max-width:calc(100% - 30px)} .pHdr .nm, .pHdr .pLbls{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 2px} .pHdr .pLbls{opacity:.8} .pSml{font-size:93%} .pSnpt{-webkit-line-clamp:2;margin:12px 0 0;font-family:var(--fontBa);font-size:14px;line-height:1.5em; opacity:.8} .pSnpt.nTag{color:var(--linkC);opacity:1} .pDesc{font-size:16px;line-height:1.5em;margin:8px 0 25px;opacity:.7} .pInf{display:flex;align-items:baseline;justify-content:space-between; margin-top:15px} .pInf.nTm{margin:0} .pInf.nSpr .pJmp{opacity:1} .pInf.nSpr .pJmp::before{content:attr(aria-label)} .pInf.ps{justify-content:flex-start;align-items:center; margin-top:25px; position:relative;left:-4px;right:-4px;width:calc(100% + 8px)} .pInf.ps .pTtmp{opacity:1} .pInf.ps .pTtmp::before{content:attr(data-date) ' '} .pInf.ps .pTtmp::after{display:inline} .pInf.ps.nul{display:none} .pInf .pIm{flex-shrink:0; margin:0 4px} .pInf .pNm{flex-grow:1;width:calc(100% - 108px);display:inline-flex;flex-wrap:wrap;align-items:baseline} .pInf .pNm.l{display:none} .pInf .pCm{flex-shrink:0;max-width:24px;margin:0 2px} .pInf .pCm.l{max-width:58px} .pInf .pIc{display:inline-flex;justify-content:flex-end;position:relative;width:calc(100% + 10px);left:-5px;right:-5px} .pInf .pIc >*{display:flex;align-items:center;border:none;background:none;position:relative;margin:0 2px;color:inherit} .pInf .pIc svg{width:20px;height:20px;opacity:.8;z-index:1} .pInf .pIc .cmnt::before{content:attr(data-text);font-size:11px;line-height:18px;padding:0 5px;border-radius:var(--contentR);background:var(--contentB);border:1px solid var(--linkC);color:var(--bodyC);position:absolute;top:-5px;right:0;z-index:2} .pInf .pIc .cmnt svg{height:18px} .pInf .pDr{opacity:.7;display:inline-block;margin:0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%} .pInf .pDr >*:not(:first-child)::before{content:'\00B7';margin:0 5px} .pInf .pIn{display:inline} .pInf .nm{margin:0 4px} .pInf .n .nm::before, .pHdr .n .nm::before{content:attr(data-write) ' ';opacity:.7} .pInf .im{width:28px;height:28px} .aTtmp{opacity:.8} .aTtmp, .pJmp{overflow:hidden} .pTtmp::after, .pJmp::before, .iTtmp::before{content:attr(data-text); display:block;line-height:18px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .pJmp{display:inline-flex;align-items:center; opacity:0; transition:var(--trans-2)} .pJmp::before{content:attr(aria-label)} .pJmp svg{height:18px;width:18px;stroke:var(--linkC); flex-shrink:0} .ntry:hover .pJmp, .itm:hover .pJmp{opacity:1}.pInf.ps{display:flex;flex-wrap:wrap;align-items:center;margin-top:25px;position:relative;left:-4px;right:-4px;width:calc(100% + 8px)}.pInf .pDr{flex-basis:100%;margin-top:4px}

/* Breadcrumb */ .brdCmb{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .brdCmb a{color:inherit} .brdCmb >*:not(:last-child)::after{content:'/'; margin:0 4px;font-size:90%;opacity:.6} .brdCmb >*{display:inline} .brdCmb .tl::before{content:attr(data-text)} .brdCmb .hm a{font-size:90%;opacity:.7}

/* Widget Style */ .widget .imgThm{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:108%; font-size:12px;text-align:center;transform:translate(-50%,-50%)}.widget .title{margin:0 0 24px;font-size:var(--widgetT,1.35rem);font-weight:var(--widgetTw,600);letter-spacing:-.01em;position:relative;display:inline-block;padding-bottom:10px;color:var(--bodyC,#111827)}.widget .title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:2px;background:var(--linkC,#2563eb);border-radius:6px;animation:wAnim 5s ease-in-out infinite}@keyframes wAnim{0%{width:30px;opacity:.6}50%{width:50px;opacity:1}100%{width:30px;opacity:.6}}.widget input[type=text], .widget input[type=email], .widget textarea{display:block;width:100%;outline:0;border:0;border-bottom:1px solid rgba(0,0,0,.25);border-radius:4px 4px 0 0;background:#f3f3f4; padding:25px 16px 8px 16px; line-height:1.6em; transition:var(--trans-1)} .widget input[type=text]:hover, .widget input[type=email]:hover, .widget textarea:hover{border-color:rgba(0,0,0,.42);background:var(--contentB)} .widget input[type=text]:focus, .widget input[type=email]:focus, .widget textarea:focus, .widget input[data-text=fl], .widget textarea[data-text=fl]{border-color:var(--linkB);background:var(--contentB)} .widget input[type=button], .widget input[type=submit]{display:inline-flex;align-items:center; padding:12px 30px; outline:0;border:0;border-radius:var(--contentR); color:#fffdfc; background:var(--linkB); font-size:14px; white-space:nowrap;overflow:hidden;max-width:100%} .widget input[type=button]:hover, .widget input[type=submit]:hover{opacity:.7}

/* Widget BlogSearch */ .srhB .c{border-left:1px solid var(--contentL);padding:0 20px} .srhB .BlogSearch{padding:0} .srhB .BlogSearch:last-child{border:0} .srhB .Label{padding:20px 0} .srhBs{padding-bottom:0} .BlogSearch{border-bottom:1px solid var(--contentL)} .BlogSearch form{position:relative;flex-grow:1} .BlogSearch input{position:relative;display:block;background:var(--srchB);border:0;outline:0;padding:10px 55px;width:100%;height:60px;transition:var(--trans-1);z-index:2} .BlogSearch input[type=search]::-ms-clear,.BlogSearch input[type=search]::-ms-reveal{display:none;appearance:none;width:0;height:0} .BlogSearch input[type=search]::-webkit-search-decoration, .BlogSearch input[type=search]::-webkit-search-cancel-button, .BlogSearch input[type=search]::-webkit-search-results-button, .BlogSearch input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none;appearance:none} .BlogSearch input:focus ~ button.sb{opacity:.7} .BlogSearch .sb{position:absolute;left:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0} .BlogSearch .sb svg{width:18px;height:18px;stroke:var(--srchI)} .BlogSearch button.sb{left:auto;right:0;opacity:0;font-size:12px;padding:0 15px} .BlogSearch button.sb::before{content:attr(data-text)}

/* Widget Popular */.popularP{background:var(--postB,#fff);border:var(--postL,none) solid var(--contentL);border-radius:var(--postR,10px);padding:0;box-shadow:var(--postSv) var(--postSh) var(--postSb) rgba(0,0,0,0.03);overflow:hidden;color:var(--bodyC,#111827)}.widget.PopularPosts>.popularP{display:flex;flex-direction:column;gap:0;padding:0}.widget.PopularPosts .itm{display:flex;flex-direction:column;background:var(--postB,#fff);transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,0.04);padding:1rem 1.25rem}.widget.PopularPosts .itm:last-child{border-bottom:none}.widget.PopularPosts .itm:hover{background:rgba(0,0,0,0.01)}.widget.PopularPosts .iThmb{position:relative;margin-bottom:.75rem;overflow:hidden}.widget.PopularPosts .thmb{display:block;line-height:0}.widget.PopularPosts .thmb img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s cubic-bezier(0.2,0,0,1)}.widget.PopularPosts .iCtnt{flex:1}.widget.PopularPosts .iTtl{font-size:1rem;font-weight:600;margin:0 0 .3rem 0;line-height:1.4}.widget.PopularPosts .iTtl a{color:var(--bodyC,#2563eb);text-decoration:none;transition:color .15s}.widget.PopularPosts .iTtl a:hover{color:var(--bodyCa,#111827);text-decoration:underline}.widget.PopularPosts .iInf{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.7rem;color:var(--bodyCa,#6b7280);margin-bottom:.5rem}.widget.PopularPosts .aTtmp{font-size:.7rem;color:var(--bodyCa,#6b7280)}.widget.PopularPosts .pSnpt{font-size:.8rem;line-height:1.5;color:var(--bodyCa,#4b5563);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.widget.PopularPosts .mostP{background:var(--postB,#fff);padding-bottom:1rem}.widget.PopularPosts .mostP .iThmb{margin-bottom:1rem}.widget.PopularPosts .mostP .iTtl{font-size:1.15rem}.widget.PopularPosts .nThmb .iCtnt{padding-left:0}@media (max-width:768px){.widget.PopularPosts .itm{padding:10px}.widget.PopularPosts .iTtl{font-size:.95rem}.widget.PopularPosts .mostP .iTtl{font-size:1rem}.widget.PopularPosts .pSnpt{font-size:.75rem;-webkit-line-clamp:2}}@media (max-width:480px){.widget.PopularPosts .thmb img{aspect-ratio:4/3}}

/* Widget Label */ /* List Label */ .wL ul{display:flex;flex-wrap:wrap; list-style:none;margin:0;padding:0; position:relative;width:calc(100% + 30px);left:-15px;right:-15px; font-size:13px} .wL li{width:calc(50% - 10px); margin:0 5px} .wL li >*{display:flex;align-items:baseline;justify-content:space-between; color:inherit;width:100%; padding:8px 10px;border-radius:var(--contentR);line-height:20px} .wL li >* svg{width:18px;height:18px;opacity:.8} .wL li >*:hover svg, .wL li >div svg{/*fill:var(--linkC) !important;*/stroke:var(--linkC)} .wL li >*:hover .lbC, .wL li >div .lbC{color:var(--linkC)} .wL .lbR{display:inline-flex;align-items:center} .wL .lbR .lbC{margin:0 5px} .wL .lbAl{max-height:0; overflow:hidden; transition:var(--trans-4)} .wL .lbM{display:inline-block; margin-top:10px;line-height:20px; color:var(--linkC)} .wL .lbM::before{content:attr(data-show)} .wL .lbM::after, .wL .lbC::after{content:attr(data-text)} .wL .lbM::after{margin:0 8px} .wL .lbT{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7} .wL .lbC, .wL .lbM::after{flex-shrink:0;font-size:12px;opacity:.7} .lbIn:checked ~ .lbAl{max-height:1000vh} .lbIn:checked ~ .lbM::before{content:attr(data-hide)} .lbIn:checked ~ .lbM::after{visibility:hidden} .wL.bg ul{width:calc(100% + 10px);left:-5px;right:-5px} .wL.bg li{margin-bottom:10px} .wL.bg li >*{background:var(--contentB);border:1px solid var(--contentL)} /* Cloud Label */ .wL.cl{display:flex;flex-wrap:wrap} .wL.cl >*, .wL.cl .lbAl >*{display:block;max-width:100%} .wL.cl .lbAl{display:flex;flex-wrap:wrap} .wL.cl .lbC::before{content:'';margin:0 4px;flex:0 0} .wL.cl .lbN{display:flex;justify-content:space-between; margin:0 0 8px;padding:9px 13px; border:1px solid var(--contentL);border-radius:var(--contentR); color:inherit;line-height:20px} .wL.cl .lbN:hover .lbC, .wL.cl div.lbN .lbC{color:var(--linkB); opacity:1} .wL.cl .lbN:not(div):hover, .wL.cl div.lbN{border-color:var(--linkB)} .wL.cl .lbSz{display:flex} .wL.cl .lbSz::after{content:'';margin:0 4px;flex:0 0}

/* Blog pager */.blogPg{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;font-size:90%;font-family:var(--fontB);line-height:20px; color:#fffdfc; margin:30px 0 50px; max-width:100%} .blogPg >*{display:flex;align-items:center; padding:10px 13px;margin-bottom:10px; color:inherit;background:var(--linkB); border-radius:var(--contentBr)} .blogPg >* svg{width:18px;height:18px; stroke:var(--darkT); stroke-width:1.5} .blogPg >*::before{content:attr(data-text)} .blogPg .jsLd{margin-left:auto;margin-right:auto} .blogPg .nwLnk::before, .blogPg .jsLd::before{display:none} .blogPg .nwLnk::after, .blogPg .jsLd::after{content:attr(data-text); margin:0 8px} .blogPg .olLnk::before{margin:0 8px} .blogPg .nPst, .blogPg .current{background:var(--contentL); color:var(--bodyCa)} .blogPg .nPst.jsLd svg{fill:var(--darkTa);stroke:var(--darkTa)} .blogPg .nPst svg.line{stroke:var(--darkTa)}

/* Keyframes Animation */ @keyframes shimmer{100%{transform:translateX(100%)}} @keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}} @-webkit-keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @-webkit-keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @-webkit-keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @-webkit-keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @-webkit-keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @-webkit-keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}}

/* Noscript Option */ .lantro-lazy:not([lazied]){display:none} .noJs{display:flex;justify-content:flex-end;align-items:center;position:fixed;top:20px;left:20px;right:20px;z-index:99;max-width:640px;border-radius:12px;margin:auto;padding:10px 5px;background:#ffdfdf;font-size:13px;box-shadow:0 10px 20px -10px rgba(0,0,0,.1);color:#48525c} .noJs::before{content:attr(data-text);padding:0 10px;flex-grow:1} .noJs label{flex-shrink:0;padding:10px} .noJs label::after{content:'\2715';line-height:18px;font-size:14px} .nJs:checked ~ .noJs{display:none}

/* Hide Scroll */ .scrlH::-webkit-scrollbar{width:0;height:0} .scrlH::-webkit-scrollbar-track{background:transparent} .scrlH::-webkit-scrollbar-thumb{background:transparent;border:none}

/* --- This section CSS are safe to remove --- */

/* Dummy Ad Slots */.dumAd{min-height:70px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--darkTa);border:3px dotted var(--contentL);background:var(--contentB);border-radius:3px} .dumAd::before{content:attr(data-text)}#HTML95 .dumAd{height:250px}

/* Article Style RTL */ .Rtl .note{padding:20px 50px 20px 20px} .Rtl .note::before{left:auto;right:-12px} .Rtl .note::after{left:auto;right:18px} .Rtl .pS hr::before{text-indent:-0.6em} .Rtl .dropCap{margin:0;line-height:inherit;font-size:inherit;float:none} .Rtl blockquote, .Rtl .cmC i[rel=quote]{border-left:0;border-right:2px solid var(--contentL)} .Rtl blockquote.s-1{padding:25px 45px 25px 25px;border-right:0} .Rtl blockquote.s-1::before{left:auto;right:0}

/* RTL Mode */ .Rtl .ntfT{padding:0 0 0 15px} .Rtl .cmHr.a .n::after{margin:0 3px 0 0} .Rtl .cmCn li li .cmHr{padding:0 26px 0 0} .Rtl .cmAc a::before{content:'\2935'} .Rtl .cmHl >li >.cmIn::before{right:-24px;left:auto} .Rtl .BlogSearch .sb{left:auto;right:0} .Rtl .BlogSearch button.sb{left:0;right:auto} .Rtl .srhB .c{border-left:0;border-right:1px solid var(--contentL)} .Rtl .toTopF{right:auto;left:20px} .Rtl .tGr::before{right:auto;left:32px} @media screen and (min-width:897px){.Rtl .mnMn ul{border-radius:5px;} .Rtl .mnMn >li:last-child ul{left:-15px;right:auto;border-radius:5px 16px 16px 16px}} @media screen and (max-width:896px){.Rtl .headR{padding:0 0 0 20px} .Rtl .headL{padding:0 15px 0 0} .Rtl .headL .headIc{padding-right:0;padding-left:5px} .Rtl .headM{left:auto;right:0;margin-left:0;margin-right:-100%} .Rtl .navi:checked ~ .mainWrp .headM{margin-left:0;margin-right:0} .Rtl .mnMn li:not(.mr) ul{padding-left:0;padding-right:30px}}

/* ================= Custom Global CSS here ================== */

/*]]>*/</style>
    

<b:if cond='data:view.isHomepage'><style>/*<![CDATA[*/
/* Widget Featured */#FeaturedPost1 .itemFt{display:block}#FeaturedPost1 .itm{position:relative;overflow:hidden;margin:0;border-radius:var(--postR);border:var(--postL);background:0 0!important}#FeaturedPost1 .iThmb{position:relative;display:block;width:100%;height:0;padding-bottom:56.25%}#FeaturedPost1 .imgThm,#FeaturedPost1 .thmb{transform:none;position:absolute;top:0;left:0;width:100%;height:100%!important;display:block;object-fit:cover;object-position:center;filter:brightness(.7) contrast(1.1)}#FeaturedPost1 .iCtnt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:40px 24px;color:#fff}@media(min-width:768px){#FeaturedPost1 .iThmb{padding-bottom:42.85%}#FeaturedPost1 .iCtnt{padding:60px 48px}}#FeaturedPost1 .pTtl{font-size:1.8rem;font-weight:700;line-height:1.25;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#FeaturedPost1 .pTtl a{color:#fff;text-decoration:none}#FeaturedPost1 .pTtl a:hover{opacity:.85}#FeaturedPost1 .pSnpt{display:none!important}#FeaturedPost1 .pInf{font-size:.8rem;opacity:.85}#FeaturedPost1 .itm::before{content:"★ For You";position:absolute;top:14px;left:14px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:gold;font-size:.75rem;padding:5px 10px;border-radius:30px;z-index:2;font-weight:600}@media(max-width:640px){#FeaturedPost1 .iCtnt{padding:28px 16px}#FeaturedPost1 .pTtl{font-size:1.4rem}#FeaturedPost1 .itm::before{top:10px;left:10px;font-size:.7rem;padding:4px 8px}}.itemFt .pJmp{display:none}

/* ======== Custom Homepage CSS here ======== */

/*]]>*/</style></b:if>
<b:if cond='data:view.isSingleItem'><style>/*<![CDATA[*/
/* Article Style */ .pS h1, .pS h2, .pS h3, .pS h4, .pS h5, .pS h6{margin:1.5em 0 18px; font-family:var(--fontBa);font-weight:900; line-height:1.5em} .pS h1:target, .pS h2:target, .pS h3:target, .pS h4:target, .pS h5:target, .pS h6:target{padding-top:var(--headerH);margin-top:0} /* Paragraph */ .pS p{margin:1.7em 0} .pIndent{text-indent:2.5rem} .onIt:not(.Rtl) .dropCap{float:left;margin:4px 8px 0 0; font-size:55px;line-height:45px;opacity:.8} .pS hr{margin:3em 0; border:0} .pS hr::before{content:'\2027 \2027 \2027'; display:block;text-align:center; font-size:24px;letter-spacing:0.6em;text-indent:0.6em;opacity:.8;clear:both} .pRef{display:block;font-size:14px;line-height:1.5em; opacity:.7; word-break:break-word} /* Img and Ad */ .pS img{display:inline-block;border-radius:var(--contentTr);height:auto !important} .pS img.full{display:block !important; margin-bottom:10px; position:relative; width:100%;max-width:none} .pS .widget, .ps .pAd >*{margin:40px 0} /* Note */.note{position:relative;padding:1rem 1rem 1rem 3rem;margin:1rem 0;border-radius:var(--contentR);font-size:.875rem;line-height:1.5;border:1px solid transparent}.note::before{content:'';position:absolute;left:1rem;top:1rem;width:1.5rem;height:1.5rem;background-size:contain;background-repeat:no-repeat;background-position:center}.note-info{background:#e0f2fe;color:#075985;border-color:#7dd3fc}.note-info::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230285c1' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.note-warning,.note.wr{background:#fef3c7;color:#92400e;border-color:#fcd34d}.note-warning::before,.note.wr::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d97706' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3E%3C/svg%3E")}.note-error{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.note-error::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.note-success{background:#dcfce7;color:#166534;border-color:#86efac}.note-success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2316a34a' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.note-tip{background:#fef9c3;color:#854d0e;border-color:#fde047}.note-tip::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ca8a04' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z'/%3E%3C/svg%3E")}.note-outline{background:transparent;border-width:1.5px}.note-outline.note-info{color:#0284c7;border-color:#0284c7}.note-outline.note-warning{color:#d97706;border-color:#d97706}.note-outline.note-error{color:#dc2626;border-color:#dc2626}.note-outline.note-success{color:#16a34a;border-color:#16a34a}.note-outline.note-tip{color:#ca8a04;border-color:#ca8a04}/* Ext link */ .extL::after{content:''; width:14px;height:14px; display:inline-block;margin:0 5px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M13 11L21.2 2.80005'/><path d='M22 6.8V2H17.2'/><path d='M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13'/></svg>") center / 14px no-repeat} /* Scroll img */ .psImg{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center; margin:2em 0; position:relative;left:-7px;right:-7px; width:calc(100% + 14px)} .psImg >*{width:calc(50% - 14px); margin:0 7px 14px; position:relative} .psImg img{display:block} .scImg >*{width:calc(33.3% - 14px); margin:0 7px} .btImg label{position:absolute;top:0;left:0;right:0;bottom:0; border-radius:var(--contentR); display:flex;align-items:center;justify-content:center; background:rgba(0,0,0,.6); transition:var(--trans-1); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px); color:var(--darkT); font-size:13px;font-family:var(--fontB)} .hdImg .shImg{width:100%;margin:0; left:0;right:0; transition:var(--trans-1); max-height:0;opacity:0;visibility:hidden} .inImg:checked ~ .hdImg .shImg{max-height:1000vh;opacity:1;visibility:visible} .inImg:checked ~ .hdImg .btImg label{opacity:0;visibility:hidden} /* Post related */ .pRelate{margin:40px 0;padding:20px 0; border:1px solid #989b9f;border-left:0;border-right:0; font-size:14px;line-height:1.8em} .pRelate b{font-weight:400; margin:0;opacity:.8} .pRelate ul, .pRelate ol{margin:8px 0 0;padding:0 20px} /* Blockquote */ blockquote,.cmC i[rel=quote]{position:relative;margin:20px 0;padding:18px 22px 18px 50px;font-size:.95rem;line-height:1.7em;border-radius:var(--contentR);background:var(--contentB,#fff);border:1px solid var(--contentL);box-shadow:0 4px 20px rgba(0,0,0,.04);color:var(--bodyC);transition:.25s}blockquote:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.06)}blockquote:before{content:"“";position:absolute;left:15px;top:10px;font-size:38px;font-weight:700;color:var(--linkC);opacity:.25}blockquote:after{content:"”";position:absolute;right:15px;bottom:5px;font-size:30px;color:var(--linkC);opacity:.15}/* TOC */.sp.toc{border-bottom:3px dotted var(--contentL);border-top:3px dotted var(--contentL)}/* Blockquote */blockquote.s-1{padding:16px 20px;border-radius:var(--contentR);background:rgba(0,0,0,.02);border:1px solid var(--contentL);border-left:4px solid var(--linkC);box-shadow:none}blockquote.s-1:before{left:10px;top:8px;font-size:28px;opacity:.4}blockquote.s-1:after{display:none} /* Table */ .ps table{margin:0 auto; font-size:14px;font-family:var(--fontB)} .ps table:not(.tr-caption-container){min-width:90%;border:1px solid var(--contentL);border-radius:5px;overflow:hidden} .ps table:not(.tr-caption-container) td{padding:16px} .ps table:not(.tr-caption-container) tr:not(:last-child) td{border-bottom:1px solid var(--contentL)} .ps table:not(.tr-caption-container) tr:nth-child(2n+1) td{background:rgba(0,0,0,.01)} .ps table th{padding:16px; text-align:inherit; border-bottom:1px solid var(--contentL)} .ps .table{display:block; overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth} /* Img caption */ figure{margin-left:0;margin-right:0} .ps .tr-caption, .psCaption, figcaption{display:block; font-size:14px;line-height:1.6em; font-family:var(--fontB);opacity:.7}/* Syntax */.tb .pre .copy-btn{top:1!important}.tb .pre{margin:0!important}.tb .pre:not(.tb)::before,.cmC i[rel=pre]::before{display:none}.copy-btn{opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.pre:hover .copy-btn{opacity:1;transform:translateY(0);pointer-events:auto}code{background:var(--synxBg);color:var(--bodyCa);padding:3px;border:1px solid var(--contentL);border-radius:3px}pre code{background:transparent;padding:0;border:none;border-radius:0}.pre .copy-btn{position:absolute;top:4px;left:8px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.06);border:1px solid var(--contentL);border-radius:var(--contentR);cursor:pointer;color:var(--synxGray,#6c7086);transition:all .2s ease;z-index:4;backdrop-filter:blur(4px);font-size:12px}.pre .copy-btn:hover{background:rgba(0,0,0,0.12);color:var(--synxC,#cdd6f4)}.pre .copy-btn:active{transform:scale(.96)}.pre .copy-btn svg{width:18px;height:18px;stroke-width:2}.pre .copy-btn::after{content:"Copied!";position:absolute;left:26px;opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;background:#28a745;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;pointer-events:none}.pre .copy-btn.copied::after{opacity:1;transform:translateX(0)}.pre .copy-btn.copied .svg-c{stroke:var(--iconC)}.pre .copy-btn.copied{background:#28a745;color:#fff}.pre{background:var(--synxBg);color:var(--synxC);direction:ltr}.pre:not(.tb){position:relative;border-radius:var(--contentR);overflow:hidden;margin:1.7em auto;font-family:var(--fontC)}.pre pre{margin:0;color:inherit;background:inherit}.pre:not(.tb)::before,.cmC i[rel=pre]::before{content:attr(data-comment);display:flex;justify-content:flex-end;position:absolute;right:0;top:0;width:100%;background:inherit;color:var(--synxGray);font-size:10px;padding:0 10px;z-index:2;line-height:30px;pointer-events:none;text-transform:lowercase}.pre:not(.tb)::before{content:attr(data-comment)}pre,.cmC i[rel=pre]{display:block;position:relative;font-family:var(--fontC);font-size:13px;line-height:1.6em;border-radius:var(--contentR);background:var(--synxBg);color:var(--synxC);padding:30px 20px 20px;margin:1.7em auto;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;overflow:auto;direction:ltr;white-space:pre}/* highlight overrides */.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:var(--synxBlue);font-weight:bold}.hljs-string,.hljs-title,.hljs-name,.hljs-type,.hljs-attribute,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:var(--synxOrange)}.hljs-number,.hljs-regexp,.hljs-meta,.hljs-meta-string,.hljs-comment{color:var(--synxGreen)}.hljs-comment{font-style:italic}.hljs-built_in,.hljs-class .hljs-title{color:var(--synxBlue)}.hljs-attr,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:var(--synxRed)}.hljs-operator,.hljs-punctuation{color:var(--synxGray)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}/* Multi syntax */ .pre.tb{border-radius:5px} .pre.tb pre{margin:0;background:inherit} .pre.tb .preH{font-size:13px;border-color:var(--contentL);margin:0} .pre.tb .preH >*{padding:13px 20px} .pre.tb .preH::after{content:'</>';font-size:10px;font-family:var(--fontC);color:var(--synxGray);padding:15px;margin-left:auto} .pre.tb >:not(.preH){display:none} .pS input[id*="1"]:checked ~ div[class*="C-1"], .pS input[id*="2"]:checked ~ div[class*="C-2"], .pS input[id*="3"]:checked ~ div[class*="C-3"], .pS input[id*="4"]:checked ~ div[class*="C-4"]{display:block} /* ToC */.pS details summary{list-style:none;outline:none}.pS details summary::-webkit-details-marker{display:none}details.sp{padding:20px 15px;border:3px dotted var(--contentL);border-right:0;border-left:0}details.sp summary{display:flex;justify-content:space-between;align-items:baseline}details.sp summary::after{content:attr(data-show);font-size:12px;opacity:.7;cursor:pointer}details.sp[open] summary::after{content:attr(data-hide)}details.toc a:hover{text-decoration:underline}details.toc a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit}details.toc ol{list-style:none;padding:0;margin:0;line-height:1.6em}details.toc>div>ol{counter-reset:toc-count}details.toc ol ol{counter-reset:toc-count}details.toc ol ol ol ol{display:none}details.toc ol ol,.tocIn li:not(:last-child){margin-bottom:5px}details.toc li li:first-child{margin-top:5px}details.toc li{position:relative;padding-left:45px;margin-bottom:10px}details.toc li::before{position:absolute;left:0;top:0;content:counters(toc-count,'.');counter-increment:toc-count;width:28px;height:28px;border:1.5px solid var(--contentL);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}details.toc li a{display:inline}details.toc ol ol li{padding-left:55px;margin-bottom:6px}details.toc ol ol ol li{padding-left:70px;margin-bottom:5px}details.toc ol ol li a{font-size:.95em}details.toc .toC>ol{margin-top:1em}/* Accordian */.showH{margin:1.7em 0;font-size:.93rem;font-family:var(--fontB);line-height:1.7em}details.ac{padding:18px 0;border-bottom:1px solid var(--contentL)}details.ac:first-child{border-top:1px solid var(--contentL)}details.ac summary{font-weight:700;cursor:default;display:flex;align-items:baseline;transition:var(--trans-1)}details.ac summary::before{content:'\203A';flex:0 0 25px;display:flex;align-items:center;justify-content:flex-start;padding:0 5px;font-weight:400;font-size:1.33rem;color:inherit}details.ac[open] summary{color:var(--linkC)}details.ac:not(.alt)[open] summary::before{transform:rotate(90deg);padding:0 0 0 5px;justify-content:center}details.ac.alt summary::before{content:'\002B';padding:0 2px}details.ac.alt[open] summary::before{content:'\2212'}details.ac .aC{padding:0 25px;opacity:.9} /* Tabs */ .tbHd{display:flex; border-bottom:1px solid var(--contentL);margin-bottom:30px;font-size:14px;font-family:var(--fontB);line-height:1.6em; overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .tbHd >*{padding:12px 15px; border-bottom:1px solid transparent; transition:var(--trans-1);opacity:.6;white-space:nowrap; scroll-snap-align:start} .tbHd >*::before{content:attr(data-text)} .tbCn >*{display:none;width:100%} .tbCn >* p:first-child{margin-top:0} .pS input[id*="1"]:checked ~ .tbHd label[for*="1"], .pS input[id*="2"]:checked ~ .tbHd label[for*="2"], .pS input[id*="3"]:checked ~ .tbHd label[for*="3"], .pS input[id*="4"]:checked ~ .tbHd label[for*="4"]{border-color:var(--linkB);opacity:1} .pS input[id*="1"]:checked ~ .tbCn div[class*="Text-1"], .pS input[id*="2"]:checked ~ .tbCn div[class*="Text-2"], .pS input[id*="3"]:checked ~ .tbCn div[class*="Text-3"], .pS input[id*="4"]:checked ~ .tbCn div[class*="Text-4"]{display:block} .tbHd.stick{position:-webkit-sticky;position:sticky;top:var(--headerH);background:var(--bodyB)} /* Split */ .ps .blogPg{font-size:13px; justify-content:center; position:relative;width:calc(100% + 8px);left:-4px;right:-4px} .ps .blogPg >*{padding:8px 15px;margin:0 4px 8px} /* Youtube fullpage */ .videoYt{position:relative;padding-bottom:56.25%; overflow:hidden;border-radius:5px} .videoYt iframe{position:absolute;width:100%;height:100%;left:0;right:0} /* Lazy Youtube */ .lantro-lazyYt{background:var(--synxBg);position:relative;overflow:hidden;padding-top:56.25%;border-radius:5px} .lantro-lazyYt img{width:100%;top:-16.84%;left:0;opacity:.95} .lantro-lazyYt img, .lantro-lazyYt iframe, .lantro-lazyYt .play{position:absolute} .lantro-lazyYt iframe{width:100%;height:100%;bottom:0;right:0} .lantro-lazyYt .play{top:50%;left:50%; transform:translate3d(-50%,-50%,0); transition:all .5s ease;display:block;width:70px;height:70px;z-index:1} .lantro-lazyYt .play svg{width:inherit;height:inherit; fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:8} .lantro-lazyYt .play .c{stroke:rgba(255,255,255,.85);stroke-dasharray:650;stroke-dashoffset:650; transition:all .4s ease-in-out; opacity:.3} .lantro-lazyYt .play .t{stroke:rgba(255,255,255,.75);stroke-dasharray:240;stroke-dashoffset:480; transition:all .6s ease-in-out; transform:translateY(0)} .lantro-lazyYt .play:hover .t{animation:nudge .6s ease-in-out;-webkit-animation:nudge .6s ease-in-out} .lantro-lazyYt .play:hover .t, .lantro-lazyYt .play:hover .c{stroke-dashoffset:0; opacity:.7;stroke:#FF0000} .nAmp .lantro-lazyYt{display:none} /* Button */ .button{display:inline-flex;align-items:center; margin:10px 0;padding:12px 15px;outline:0;border:0; border-radius:var(--contentBr);line-height:20px; color:#fffdfc; background:var(--linkB); font-size:14px;font-family:var(--fontB); white-space:nowrap;overflow:hidden;max-width:320px} .button.ln{color:inherit;background:transparent; border:1px solid var(--bodyCa)} .button.ln:hover{border-color:var(--linkB);box-shadow:0 0 0 1px var(--linkB) inset} .btnF{display:flex;justify-content:center; margin:10px 0;width:calc(100% + 12px);left:-6px;right:-6px;position:relative} .btnF >*{margin:0 6px} /* Download btn */.tmr .icon::after{display:none} .dlBox{max-width:500px;background:var(--contentB);border-radius:var(--contentR);border:1px solid var(--contentL);padding:12px;margin:1.7em 0; display:flex;align-items:center; font-size:14px} .dlBox .fT{flex-shrink:0;display:flex;align-items:center;justify-content:center; width:45px;height:45px; padding:10px; background:rgba(0,0,0,.1);border-radius:var(--contentR)} .dlBox .fT::before{content:attr(data-text);opacity:.7} .dlBox a{flex-shrink:0;margin:0;padding:10px 12px;border-radius:5px;font-size:13px} .dlBox a::after{content:attr(aria-label)} .dlBox .fN{flex-grow:1; width:calc(100% - 200px);padding:0 15px} .dlBox .fN >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dlBox .fS{line-height:16px;font-size:12px;opacity:.8} /* Icon btn */ .icon{flex-shrink:0;display:inline-flex} .icon::before{content:'';width:18px;height:18px;background-size:18px;background-repeat:no-repeat;background-position:center} .icon::after{content:'';padding:0 6px} .icon.dl::before, .drK .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")} .icon.demo::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M7.39999 6.32003L15.89 3.49003C19.7 2.22003 21.77 4.30003 20.51 8.11003L17.68 16.6C15.78 22.31 12.66 22.31 10.76 16.6L9.91999 14.08L7.39999 13.24C1.68999 11.34 1.68999 8.23003 7.39999 6.32003Z'/><path d='M10.11 13.6501L13.69 10.0601'/></svg>")} .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308102b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")} /* Lightbox image */ .zmImg.s{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;margin:0;background:rgba(0,0,0,.75); display:flex;align-items:center;justify-content:center;z-index:999; -webkit-backdrop-filter:saturate(180%) blur(15px); backdrop-filter:saturate(180%) blur(15px)} .zmImg.s img{display:block;max-width:92%;max-height:92%;width:auto;margin:auto;border-radius:10px;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .zmImg.s img.full{left:auto;right:auto;border-radius:10px;width:auto} .zmImg::after{content:'\2715';line-height:16px;font-size:14px;color:#fffdfc;background:var(--linkB); position:fixed;bottom:-20px;right:-20px; display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%; transition:var(--trans-1);opacity:0;visibility:hidden} .zmImg.s::after{bottom:20px;right:20px;opacity:1;visibility:visible;cursor:pointer}/* List */.noList,.steps,.pros,.cons{list-style:none;margin:0 0 25px;padding:0}.steps{--sz:32px;counter-reset:num;line-height:1.7}.steps>li{position:relative;padding:0 0 18px 50px;counter-increment:num}.steps>li:last-child{padding-bottom:0}.steps>li::before{content:counter(num);position:absolute;left:0;top:0;width:var(--sz);height:var(--sz);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--linkC);color:#fff;font-size:13px;font-weight:600;box-shadow:0 6px 16px rgba(0,0,0,.15)}.steps>li::after{content:'';position:absolute;left:15px;top:34px;width:2px;height:calc(100% - 34px);background:linear-gradient(var(--linkC),transparent)}.steps>li:last-child::after{display:none}.steps>li span{display:block;padding:12px 14px;border-radius:12px;background:var(--contentB);border:1px solid var(--contentL);transition:.25s}.steps>li:hover span{border-color:var(--linkC);box-shadow:0 8px 20px rgba(0,0,0,.08)}.pros,.cons{display:grid;gap:10px;margin:10px 0 20px}.pros li,.cons li{position:relative;padding:12px 14px 12px 40px;border-radius:12px;background:var(--contentB);border:1px solid var(--contentL);transition:.25s}.pros li::before,.cons li::before{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:700;color:#fff}.pros li::before{content:'+';background:#22c55e}.cons li::before{content:'−';background:#ef4444}.pros li:hover,.cons li:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.1)}.drK .steps>li span,.drK .pros li,.drK .cons li{background:rgba(255,255,255,.04)}/* mark */mark{color:var(--bodyC);background:var(--linkB);color:var(--darkT);padding:.1rem .35rem;border-radius:4px}mark.y{background:linear-gradient(90deg,#fff59d,#ffe082);color:#3e2a1f}mark.g{background:rgba(46,125,50,.12);color:#1b5e20;border-left:3px solid #2e7d32}mark.r{background:rgba(244,67,54,.12);color:#b71c1c;text-decoration:underline wavy #f44336}mark.b{background:rgba(25,118,210,.12);color:#0d47a1;box-shadow:inset 0 -2px 0 #1976d2}mark.p{background:rgba(156,39,176,.12);color:#4a148c;border-radius:999px;padding:0 .6rem}mark.u{color:var(--bodyC);background:0;text-decoration:none;position:relative;font-weight:600}mark.u:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:#ff9800;animation:blinkU 1.2s infinite}mark.u2{background:0;text-decoration:none;position:relative;font-weight:600;color:var(--bodyC)}mark.u2:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:4px;border-bottom:3px double #2196f3;animation:blinkU 1.4s infinite}@keyframes blinkU{0%,100%{opacity:1}50%{opacity:.3}}mark.blink{background:rgba(255,152,0,.15);color:#bf6f00;animation:pulse 1.2s infinite;border-radius:999px;padding:0 .6rem}@keyframes pulse{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}mark.shine{background:#2d2d2d;color:#ffd966;background-image:linear-gradient(120deg,transparent 0,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%,transparent 100%);background-size:200% auto;animation:shine 2s linear infinite;border-radius:6px;padding:0 .6rem}@keyframes shine{0%{background-position:200% center}100%{background-position:-200% center}}mark[data-text]{color:var(--bodyC);position:relative;padding:.1rem .35rem;border-radius:4px;background:rgba(0,0,0,.04);font-family:var(--fontC);font-size:.85rem}mark[data-text]::before{content:attr(data-text);display:inline;margin-right:.25rem;padding:0 .3rem;border-radius:3px;background:rgba(59,130,246,.12);color:var(--linkC);font-size:.7rem;font-weight:500;letter-spacing:.2px}mark.t{background:rgba(13,110,253,.08);color:#0d6efd;border-radius:999px;padding:0 .5rem;font-family:var(--fontC);font-size:.75rem}

/* Article Style Responsive */ @media screen and (max-width: 640px){.pS img.full{width:calc(100% + 40px);left:-20px;right:-20px; border-radius:0} .note{font-size:13px} .scImg{flex-wrap:nowrap;justify-content:flex-start;position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 13px; overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .scImg >*{flex:0 0 80%;scroll-snap-align:center} .ps .table{position:relative; width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px; display:flex}} @media screen and (max-width:500px){.hdImg{width:100%;left:0;right:0} .hdImg >*, .shImg >*{width:100%;margin:0 0 16px} .ps .tr-caption, .psCaption, figcaption{font-size:13px} .btnF >*{flex-grow:1;justify-content:center}.btnF >*:first-child{flex:0 0 auto} .dlBox a{width:42px;height:42px;justify-content:center} .dlBox a::after, .dlBox .icon::after{display:none} .pS .separator a{display:block!important;margin:0!important}}

/* Author Profile */.admPs{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:30px 0;padding:12px 12px 15px;border-top:3px dotted var(--contentL);border-bottom:3px dotted var(--contentL)}.admIm{padding:5px 0 8px;display:flex;justify-content:center;align-items:center}.admIm .im{width:34px;height:34px}.admI{width:100%;padding:0;text-align:center}.admN::before{content:attr(data-write) ' ';opacity:.7;font-size:90%}.admN::after{content:attr(data-text)}.admA{margin:5px 0 0;font-size:90%;opacity:.9;line-height:1.5em;text-align:center}/* Share btn */ .pSh{margin:15px 0;padding:18px 0;border:3px dotted var(--contentL);border-left:0;border-right:0} .pShc{display:flex;align-items:center;flex-wrap:wrap; position:relative;width:calc(100% + 18px);left:-9px;right:-9px;font-size:13px;opacity:.8} .pShc::before{content:attr(data-text);margin:0 9px;flex-shrink:0} .pShc >*{margin:0 5px; display:flex;align-items:center; color:inherit} .pShc a::after{content:attr(data-text);margin:0 3px} .pShc svg, .cpL svg{width:18px;height:18px; margin:0 3px} .shL{position:relative;width:calc(100% + 20px);left:-10px;right:-10px;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center} .shL >*{margin:0 10px 20px;text-align:center} .shL >*::after{content:attr(data-text);font-size:90%;opacity:.7;display:block} .shL a{display:flex;align-items:center;border:1px solid var(--linkC);justify-content:center;flex-wrap:wrap; width:65px;height:65px; color:inherit;margin:0 auto 5px;padding:8px;border-radius:26px;background:var(--contentB)} .shL svg{opacity:.8} .cpL{padding-bottom:15px} .cpL::before{content:attr(data-text);display:block;margin:0 0 15px;opacity:.8} .cpL svg{margin:0 4px;opacity:.7} .cpL input{border:0;outline:0; background:transparent;color:var(--bodyC); padding:18px 8px;flex-grow:1} .cpL label{color:var(--linkC);display:flex;align-items:center;align-self:stretch; flex-shrink:0;padding:0 8px} .cpLb{display:flex;align-items:center;position:relative;background:var(--contentB);border-radius:4px 4px 0 0;border:1px solid var(--contentL); padding:0 8px} .cpLb:hover{border-color:var(--linkC)} .cpLn span{display:block;padding:5px 14px 0;font-size:90%;color:#2e7b32; transition:var(--trans-1);animation:fadein 2s ease forwards; opacity:0;height:22px} /* Entry font */ .fnIn:checked ~ .fnB .fullC{-webkit-backdrop-filter:none;backdrop-filter:none} .fnC{display:flex;list-style:none;margin:0;padding:0} .fnC li{flex:0 0 33.33%;display:flex;justify-content:center;align-items:baseline;padding-bottom:17px;position:relative} .fnC li:nth-child(1) label::before{font-size:25px;line-height:38px} .fnC li:nth-child(1) label::after{content:'Small'} .fnC li:nth-child(3) label::before{font-size:40px;line-height:27px} .fnC li:nth-child(3) label::after{content:'Large'} .fnC label{display:inline-flex;flex-direction:column;align-items:center;opacity:.6} .fnC label:hover{opacity:1} .fnC label::before{content:'A';font-size:32px;font-weight:700;line-height:34px} .fnC label::after{content:'Default';font-size:12px;position:absolute;bottom:0} .fontS1:checked ~ .fnB .fnt1, .fontS2:checked ~ .fnB .fnt2, .fontS3:checked ~ .fnB .fnt3{opacity:1} .fontS1:checked ~ .pInr .pEnt{font-size:var(--postFS)} .fontS3:checked ~ .pInr .pEnt{font-size:var(--postFL)}.fontS1:checked ~ .pInr .pEnt{font-size:var(--postFSm)} .fontS3:checked ~ .pInr .pEnt{font-size:var(--postFLm)}}/* Comments */ .pCmnts{margin-top:50px} .cmDis{text-align:center;margin-top:20px;opacity:.7} .cmMs{margin-bottom:20px} .cm iframe{width:100%} .cm:not(.cmBr) .cmBrs{background:transparent;position:relative;padding:60px 20px 0;width:calc(100% + 40px);left:-20px;right:-20px} .cmH h3.title{margin:0;flex-grow:1;padding:16px 10px} .cmH .s{margin:0 14px} .cmH .s::before{content:attr(data-text);margin:0 6px;opacity:.7;font-size:90%} .cmH .s::after{content:'\296E';line-height:18px;font-size:17px} .cmAv{flex-shrink:0;padding:0 6px;width:47px} .cmAv .im{width:35px;height:35px;border-radius:50%;position:relative} .cmIn{flex-grow:1;padding:0 6px;width:calc(100% - 47px);position:relative} .cmBd.del .cmCo{font-style:italic;font-size:90%;line-height:normal;border:1px dashed rgba(0,0,0,.2);border-radius:var(--contentR);margin:.5em 0;padding:15px;opacity:.7; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr{line-height:24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr .d{font-size:90%;opacity:.7} .cmHr .d::before{content:'\00B7';margin:0 4px} .cmHr.a .n{display:inline-flex;align-items:center} .cmHr.a .n::after{content:'\2714';display:flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:8px;background:#519bd6;color:#fefefe;border-radius:50%;margin-left:3px} .cmCo{line-height:1.6em;opacity:.9} .cmC i[rel=image]{font-size:90%; display:block;position:relative; min-height:50px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:1em auto} .cmC i[rel=image]::before{content:'This feature isn\0027t available!';border:1px dashed rgba(0,0,0,.2);border-radius:3px;padding:10px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--contentB)} .cmC i[rel=pre], .cmC i[rel=quote]{margin-top:1em;margin-bottom:1em; font-style:normal;line-height:inherit;padding:20px} .cmC i[rel=pre]::before{display:block;width:auto} .cmC i[rel=pre]{text-align:left} .cmC i[rel=quote]{display:block;font-style:italic;font-size:inherit;padding:5px 15px} .cmCo img{margin-top:1em;margin-bottom:1em} .cmAc{margin-top:10px} .cmAc a{font-size:90%;color:inherit;opacity:.7;display:inline-flex} .cmAc a::before{content:'\2934';line-height:18px;font-size:16px;transform:rotate(90deg)} .cmAc a::after{content:attr(data-text);margin:0 6px} .cmR{margin:10px 0 0} .cmRp ~ .cmAc, .cmBd.del ~ .cmAc, .onIt:not(.Rtl) .cmHr .date{display:none} .cmRi:checked ~ .cmRp .thTg{margin-bottom:0} .cmRi:checked ~ .cmRp .thTg::before{content:attr(aria-label)} .cmRi:checked ~ .cmRp .thCh, .cmRi:checked ~ .cmRp .cmR{display:none} .cmAl:checked ~ .cm .cmH .s::before{content:attr(data-new)} .cmAl:checked ~ .cm .cmCn >ol{flex-direction:column-reverse} .thTg{display:inline-flex;align-items:center;margin:15px 0 18px;font-size:90%} .thTg::after{content:'';width:20px;border-bottom:1px solid var(--widgetTac);opacity:.5;margin:0 10px} .thTg::before{content:attr(data-text);opacity:.7} .cmCn ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .cmCn li{display:flex;flex-wrap:wrap;padding-bottom:20px;position:relative;width:calc(100% + 12px);left:-6px;right:-6px} .cmCn li .cmRbox{margin-top:20px;padding:0 6px;flex-grow:1} .cmCn li li{padding-bottom:15px;display:block;width:100%;left:0;right:0} .cmCn li li:last-child{padding-bottom:0} .cmCn li li .cmAv{width:20px;margin:2px 0;padding:0;position:absolute} .cmCn li li .cmAv .im{width:20px;height:20px} .cmCn li li .cmIn{width:100%;padding:0} .cmCn li li .cmHr{padding:0 0 0 26px} .cmHl >li >.cmIn::before{content:'';border-left:1px solid var(--contentL);position:absolute;left:-24px;top:40px;height:calc(100% - 25px)} /* Comments Show/Hide */ #comment:target{margin:0;padding-top:60px} .cmSh:checked ~ .cmShw, .cmShw ~ .cm:not(.cmBr), #comment:target .cmShw, #comment:target .cmSh:checked ~ .cm:not(.cmBr){display:none} .cmSh:checked ~ .cm:not(.cmBr), #comment:target .cm:not(.cmBr), #comment:target .cmSh:checked ~ .cmShw{display:block} .cmBtn{display:block;padding:20px;text-align:center;max-width:100%} .cmBtn.ln:hover{color:var(--linkB)} /* Comments Pop-up */ #comment:target .cmSh:checked ~ .cm.cmBr{bottom:-100%;opacity:0;visibility:hidden} #comment:target .cmSh:checked ~ .cm.cmBr .fullC{opacity:0;visibility:hidden}

/* ======== Custom SingleItem CSS here ======== */

/*]]>*/</style></b:if>
<b:if cond='data:view.isPage'><style>/*<![CDATA[*/
/* Widget ContactForm */.blogger-form{max-width:600px;margin:auto;border:3px dotted var(--contentL);padding:10px;border-radius:var(--contentR)}.blogger-form .input-field{position:relative;margin:18px 0}.blogger-form .input-field>input,.blogger-form .input-field>textarea{width:100%;padding:20px 15px 15px;border:none;border-bottom:1.5px solid var(--contentL);background:var(--contentL);font-size:14px;color:var(--bodyC);outline:none;transition:.25s}.blogger-form .input-field>label{position:absolute;left:12px;top:12px;font-size:13px;color:var(--bodyC);opacity:.6;pointer-events:none;transition:.25s}.blogger-form .input-field>input:focus,.blogger-form .input-field>textarea:focus{border-color:var(--linkC)}.blogger-form .input-field>input:focus+label,.blogger-form .input-field>input:not(:placeholder-shown)+label,.blogger-form .input-field>textarea:focus+label,.blogger-form .input-field>textarea:not(:placeholder-shown)+label{top:-6px;font-size:11px;color:var(--linkC);opacity:1}.blogger-form .submit-button{border:none;background:var(--linkC);color:#fff;padding:10px 18px;border-radius:var(--contentBr);font-size:13px;cursor:pointer;transition:.2s}.blogger-form .submit-button:hover{transform:translateY(-1px)}.blogger-form .submit-button:active{transform:scale(.96)}.form-notification{background:var(--contentB);border:1px solid var(--contentL);border-radius:var(--contentR);padding:12px;font-size:12px;margin:12px 0}.error .form-notification{border-color:#ffb4b4}.success .form-notification{border-color:#8ee0a1}

/* ======= Custom Page CSS here ========== */

/*]]>*/</style></b:if>
    
<b:if cond='data:blog.isMobileRequest'><style>/*<![CDATA[*/
/* Sticky Ad */.ancrA{position:fixed;bottom:0;left:0;right:0;min-height:70px;max-height:200px;padding:5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1);transition:var(--trans-1);display:flex;align-items:center;justify-content:center;background:var(--contentB);z-index:50;border-top:1px solid var(--contentL)}.ancrC{width:40px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;border:1px solid var(--contentL);border-bottom:0;border-right:0;position:absolute;right:0;top:-30px;background:inherit;color:#333}.ancrC::after{content:"";display:block;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E")}.ancrCn{flex-grow:1;overflow:hidden;display:block;position:relative}.ancrI:checked~.ancrA{padding:0;min-height:0}.ancrI:checked~.ancrA .ancrCn{display:none}.ancrI:checked~.ancrA .ancrC::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.drK .ancrC::after{content:"";display:block;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E")}.drK .ancrI:checked~.ancrA .ancrC::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}

/* ======== Custom Mobile CSS here ======== */

/*]]>*/</style></b:if>
    
<style>/*<![CDATA[*//* Responsive */@media (hover:hover){.tIc:hover::after{transform:scale(1.3)}.grid-story:hover{transform:translateY(-5px)}.featured-story:hover{transform:translateY(-2px)}}@media (max-width:768px){.fixi:checked~.fixL .fullC{backdrop-filter:none!important;}.fixi:checked~.fixL .fullC{background:rgba(0,0,0,.4)}.header .headCn:before{background:rgba(255,255,255,.9)}.drK .header .headCn:before{background:rgba(0,0,0,.8)}}@media screen and (min-width:897px){.headM,.mnMn>li{align-items:center}.headL,.headR,.mnMn ul{z-index:1}.headL .headN{width:100%}.headL .headIc,.headM .HTML+.PageList,.mnH,.mnMn svg:not(.d),.mnMob{display:none}.blogM,.headM,.mainIn,.sidebar{display:flex}.mnMn .a,.mnMn>li{display:inline-flex}.headM{justify-content:center;max-width:calc(100% - 350px);height:100%;position:absolute;left:0;right:0;margin:0 auto}.mnMn,.mnMn>li{position:relative}.blogCont{padding-top:40px;padding-bottom:30px}.mainbar{flex:1 0 calc(100% - var(--sideW) - 50px);width:calc(100% - var(--sideW) - 50px);transition:var(--trans-2)}.sidebar{flex:0 0 calc(var(--sideW) + 50px);width:calc(var(--sideW) + 50px);margin:0}.sidebar::before{content:'';flex:0 0 50px}.sidebar .sideIn{width:calc(100% - 50px)}.mnMn{display:block;width:calc(100% + 25px);left:-12.5px;right:-12.5px}.mnMn>li{margin:0 12.5px;white-space:nowrap;height:var(--headerH)}.mnMn .a::after,.mnMn ul{position:absolute;opacity:0}.mnMn>li:hover ul{max-height:100vh;opacity:1;visibility:visible}.mnMn>li:last-child ul{left:auto}.mnMn ul{display:block;top:calc(var(--headerH) - 15px);left:-15px;right:-15px;min-width:180px;max-height:0;background:var(--contentB);box-shadow:0 10px 20px -10px rgba(0,0,0,.1);border-radius:5px;border:1px solid var(--contentL);transition:var(--trans-1);visibility:hidden;overflow:hidden}.mnMn ul li>*{display:block;padding:10px 15px}.mnMn ul li>:hover{background:var(--transB)}.mnMn .a{align-items:center}.mnMn .a:hover{color:var(--linkC)}.mnMn .a:hover::after{opacity:1}.mnMn .a::after{content:'';border-bottom:1px solid var(--linkC);bottom:-1px;left:0;right:0}.mnMn .drp .n::after{content:'';padding:0 3px;flex:0 0}}@media screen and (max-width:1100px) and (min-width:897px){.mainbar{flex:1 0 calc(100% - var(--sideW) - 25px);width:calc(100% - var(--sideW) - 25px)}.sidebar{flex:0 0 calc(var(--sideW) + 25px);width:calc(var(--sideW) + 25px)}.sidebar::before{content:'';flex:0 0 25px}.sidebar .sideIn{width:calc(100% - 25px)}}@media(min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:var(--scrollV);height:var(--scrollH)}::-webkit-scrollbar-track{background:var(--scrollT)}::-webkit-scrollbar-thumb{background:var(--scrollB);border-radius:var(--scrollR);border:none}::-webkit-scrollbar-thumb:hover{background:var(--scrollBh)}::-webkit-scrollbar-thumb:active{background:var(--scrollBa)}}@media screen and (max-width:896px){.mnBr ul{display:block}.navI li::before,.navI ul::after{padding:10px;content:''}.headM,.mnBr,.mnBrs{height:100%}.headM,.mnMob{left:0;bottom:0}.mnMn .drp.mr svg.d,.mnMn li ul{display:none}.mainbar{margin:0 auto}.headIn,.navI .secIn{padding:0}.headL{padding:0 0 0 15px;flex-grow:1;width:50%;max-width:none}.headR{padding:0 20px 0 0;flex-grow:0}.headIc .isSrh{display:block}.headL .headN{width:calc(100% - 40px)}.navI li{margin:0;padding:8px 0;display:flex}.navI ul::after{display:block;scroll-snap-align:start}.mSoc>*,.mnMn>li,.navI .l{position:relative}.navI .l::after{bottom:-8px}.navI .l.a::after,.navI a.l:hover::after{opacity:1}.headM{display:flex;justify-content:flex-start;position:fixed;top:0;margin-left:-100%;z-index:20;transition:var(--trans-1);width:100%}.mnBr{width:83%;max-width:480px;transition:inherit;z-index:3;overflow:hidden;position:relative;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)}.mSoc svg,.mnMob{z-index:1}.mnBrs{padding:60px 0 0;overflow-y:scroll;overflow-x:hidden;width:100%;background:var(--contentB)}.mnH{padding:0 15px}.mnH label{padding:15px 10px}.mnH .c::after{margin:0 13px}.navi:checked~.mainWrp .headM{margin-left:0}.navi:checked~.mainWrp .headM .fullC{opacity:1;visibility:visible;background:rgba(0,0,0,.2);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}.mnMob{align-self:flex-end;position:absolute;right:0;background:inherit;padding:15px 20px 20px}.mnMob .mSoc{display:flex;position:relative;width:calc(100% + 14px);left:-7px;right:-7px;margin-top:5px}.mnMob:not(.no-items)+.mnMen{padding-bottom:100px}.mnBr .mMenu{margin-bottom:5px}.mnMen{padding:0 15px 20px}.mMenu>*{display:inline}.mMenu>:not(:last-child)::after{content:'\00B7';font-size:90%;opacity:.6}.mMenu a:hover{text-decoration:underline}.mSoc svg,.mnMn svg{width:20px;height:20px;opacity:.8}.mMenu span,.mSoc span{opacity:.7}.mnMn li:not(.mr) .a:hover,.mnMn ul li>:hover{background:var(--transB)}.mnMn li:not(.mr) .a:hover,.mnMn ul li a:hover{color:var(--linkC)}.mnMn li:not(.mr) ul{padding-left:30px}.mnMn>li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 5px}.mnMn li ul{opacity:0;visibility:hidden}.mnMn .a,.mnMn ul li>*{display:flex;align-items:center;padding:10px 5px;position:relative;width:calc(100% + 10px);left:-5px;right:-5px;border-radius:8px;transition:var(--trans-1)}.mnMn ul li>*{padding:10px}.mnMn .a>*{margin:0 5px}.mnMn .a:hover svg:not(.d){fill:var(--linkC)}.mnMn .a:hover svg.line:not(.d){fill:none;stroke:var(--linkC)}.mnMn .n,.mnMn ul li>*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)}.mnMn .drp.mr .a{font-size:13px;padding-bottom:0;opacity:.7}.mnMn .drpI:checked~.a svg.d{transform:rotate(180deg)}.mnMn .drpI:checked~ul{display:block;opacity:1;visibility:visible}.pTtl{font-size:1.1rem}}@media screen and (max-width:640px){.themeBri.fixLi{max-height:500px}.headCn{height:var(--headerHm)}.fixL{align-items:flex-end}.fixL .cmBri,.fixL .fixLi{border-radius:12px 12px 0 0;max-width:680px}.fixL .cmBri:not(.mty){border-radius:0;height:100%;max-height:100%}.onId .ntry{align-items:flex-start}.onId .ntry>*{flex:0 0 calc(40% - 22px);width:calc(40% - 22px)}.onId .ntry .pInf{margin-top:10px}.ntry .tTag{padding:8px 3px}.ntry .tTag .cmnt{padding:3px}.ntry .tTag>* svg{padding:1px}.fotIn>*,.fotIn>:first-child{width:calc(50% - 30px)}.fotIn{flex-wrap:wrap}}@media screen and (max-width:500px){.onId .BlogP .pThmb .thmb{padding-top:76%}#FeaturedPost1 .itm::before,.ntry .pSnpt,.onId .nm,.onId .ntry .aIm,.pShc a::after{display:none}.fotIn{flex-wrap:wrap}.crdtIn,.tTag,.ntry .pSml,.pInf.ps .pDr{font-size:12px}.brdCmb,.navI{font-size:13px}.pDesc{font-size:14px}.pEnt{font-size:var(--postFm)}.pTtl.itm{font-size:var(--postTm)}.onId .ntry{padding:var(--postMp);width:calc(100% + 15px);left:-7.5px;right:-7.5px}.onId .ntry>*{flex:0 0 calc(40% - 7.5px);width:calc(40% - 7.5px);margin-left:7.5px;margin-right:7.5px}.onId .ntry .pThmb{margin-left:0}.onId .ntry .pTtl{font-size:1rem}.onId .ntry .pInf{margin-top:12px}.ntry .pSnpt{font-size:13px}.pInf.ps .pTtmp::after{content:attr(data-time)}.fotIn>:first-child{width:calc(100% - 30px)}.fotIn>:not(:first-child){width:calc(50% - 30px)}}/*]]>*/</style>
    
<b:if cond='data:vars.head_blur == &quot;2px&quot;'><style>.header .headCn:before{content:&quot;&quot;;position:absolute;inset:0;background:rgba(255,255,255,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:-1;border-radius:inherit}.drK .header .headCn:before{background:rgba(0,0,0,.5)}</style></b:if>
    
  <b:defaultmarkups>
    <!--[ Blogger defaultmarkups ]-->
    <b:defaultmarkup type='Common'>
       
      <!--[ In-feed ad ]-->
      <b:includable id='post-adIn'>
        <div class='ntry pAdin'>
          <!--[ InFeed Ad ]-->
          
          <!--<ins class='adsbygoogle'/>
          <script>...</script>-->
          
        </div>
      </b:includable>
      
      <!--[ Top article ad ]-->
      <b:includable id='post-adTop'>
        <div class='pAd'>
          <!--[ Top article Ad ]-->
          
          <!--<ins class='adsbygoogle'/>
          <script>...</script>-->
          
        </div>
      </b:includable>
      
      <!--[ Bottom article ad ]-->
      <b:includable id='post-dumAdot'>
        <div class='pAd'>
          <!--[ Bottom article Ad ]-->
          
          <!--<ins class='adsbygoogle'/>
          <script>...</script>-->
          
        </div>
      </b:includable>
      
      <!--[ Matched content Ad ]-->
      <b:includable id='post-relatedAd'>
        <div class='relatedPosts'>
          <!--[ Matched content Ad ]-->
          
          <!--<ins class='adsbygoogle'/>
          <script>...</script>-->
          
        </div>
      </b:includable>
      
      <!--[ Index title ]-->
      <b:includable id='titlePost'>
        <div class='blogTtl'>
          <b:class cond='data:view.isHomepage' name='hm'/>
          <b:if cond='data:view.isHomepage'>
            
            <!--[ Change <data:messages.latestPosts/> to replace 'Latest Posts' with your special text ]-->
            <h3 class='title'><data:messages.latestPosts/></h3>

            <b:else/>
            <div class='t'>
              <b:class cond='data:view.search or data:view.isArchive and data:view.url != data:blog.homepageUrl.canonical path &quot;search&quot;' name='srch'/>
              <b:if cond='data:view.search.label'>
                <span class='hm' expr:data-text='data:messages.home'/><data:blog.pageName/>
                
                <b:elseif cond='data:view.search.query'/>
                <span expr:data-text='data:messages.search + &quot;:&quot;'/><data:view.search.query/>
                
                <b:elseif cond='data:view.isArchive'/>
                <span expr:data-text='data:messages.blogArchive + &quot;:&quot;'/><data:blog.pageName/>
                
                <b:else/>

                <!--[ Change all <data:messages.posts/> to replace 'Posts' with your special text ]-->
                <span class='hm' expr:data-text='data:messages.home'/><data:messages.posts/>
             
              </b:if>
            </div>
          </b:if></div>
      </b:includable>
      
      <!--[ Related post ]-->
      <b:includable id='post-related'>
        <style>/*<![CDATA[*/ /* Related Posts */.rPst{margin:40px 0 40px 0}.rPst ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none;margin:0;padding:0;counter-reset:rp-cnt}.rPst ul li{background:var(--postB);border:var(--postL) solid var(--contentL);border-radius:var(--postR);padding:var(--postP);box-shadow:var(--postSv) var(--postSh) var(--postSb) rgba(0,0,0,0.03)}.rPst .iF{display:flex;gap:10px;align-items:flex-start}.rPst .pThmb{flex:0 0 90px;border-radius:var(--contentTr);overflow:hidden;background:var(--postDb);position:relative}.rPst .thmb{display:block;padding-top:56.25%;position:relative}.rPst .thmb div{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center}.rPst .thmb::before{content:'No image';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--bodyCa,#6b7280);white-space:nowrap}.rPst .pCtnt{flex:1;display:flex;gap:8px}.rPst .pCtnt::before{content:"0" counter(rp-cnt);counter-increment:rp-cnt;font-size:1rem;font-weight:700;color:var(--linkC,#2563eb);opacity:.6;line-height:1.2;flex-shrink:0}.rPst .pInr{flex:1}.rPst .iTtl{font-size:.9rem;font-weight:600;margin:0 0 4px;line-height:1.4}.rPst .iTtl a{color:var(--bodyC);text-decoration:none;transition:color .2s}.rPst .iTtl a:hover{color:var(--linkC,#2563eb)}.rPst .pInf{margin-top:6px;font-size:.65rem;color:var(--bodyCa,#6b7280)}.rPst .pInf::before{content:attr(data-date)}.rPst .pSnpt{font-size:.75rem;line-height:1.4;color:var(--bodyCa,#4b5563);margin-top:6px;display:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:480px){.rPst ul{gap:12px}.rPst ul li{padding:10px}.rPst .pThmb{flex-basis:75px}.rPst .iTtl{font-size:.85rem}.rPst .pSnpt{font-size:.7rem;-webkit-line-clamp:2}.rPst .pCtnt::before{font-size:.9rem}}/*]]>*/</style>

        <div class='rPst' id='rPst'>
          <script>
              var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if>];
              var relatedPostConfig = {
                homePage: &quot;<data:blog.homepageUrl.canonical/>&quot;,
            
                // Replace <data:messages.youMayLikeThesePosts/> to change Related Posts title
                widgetTitle: &quot;<h2 class='title'><data:messages.youMayLikeThesePosts/></h2>&quot;,
            
                numPosts: 6,
                summaryLength: 180,
                titleLength:&quot;auto&quot;,
                thumbnailSize: 1600,
                noImage: &quot;data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=&quot;,
                containerId: &quot;rPst&quot;,
                newTabLink: false,
                moreText: &quot;Read more&quot;,
            
                // Change the related post style, there are 4 styles available
                widgetStyle: 4,
            
                callBack:function(){}
              }
            </script>
          <script>/*<![CDATA[*/ /*! Related Posts by Taufik Nurrohman dte.web.id */ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h3 class='title'>Related Posts</h3>",widgetStyle:1,homePage:"http://www.jagodesain.com",numPosts:7,summaryLength:320,titleLength:"auto",thumbnailSize:200,noImage:"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",containerId:"related-posts",newTabLink:false,moreText:"Read more",callBack:function(){}}; for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.async="async";b.rel="preload";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="s-'+A+' scrlH">',b=d.newTabLink?' target="_blank"':"",y=d.moreText,v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t; r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/, "/s"+d.thumbnailSize).replace(/\=s[0-9]+(\-c)?/, "=s"+d.thumbnailSize):d.noImage; month=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];date=x[q].published.$t.substring(0,10); Y=date.substring(0, 4); m=date.substring(5, 7); D=date.substring(9, 10); M=month[parseInt(m-1)]; u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"} if(A==2){c+='<li><div class="i"><div class="pThmb"><a class="thmb" aria-label="'+w+'" href="'+v+'" title="'+t+'"><div class="lantro-lazy" data-style="background-image: url('+r+')"></div></a></div><div class="iTtl aTtl"><a href="'+v+'" '+b+'>'+w+'</a></div></div></li>'} else{if(A==3){c+='<li><div class="i"><div class="pThmb"><a class="thmb" aria-label="'+w+'" href="'+v+'" title="'+t+'"><div class="lantro-lazy" data-style="background-image: url('+r+')"></div></a></div><div class="iTtl aTtl"><a href="'+v+'" '+b+' data-date="'+M+' '+D+', '+Y+'" data-text="'+y+'">'+w+'</a></div></div></li>'} else{if(A==4){c+='<li><div class="i"><div class="pThmb"><a class="thmb" aria-label="'+w+'" href="'+v+'" title="'+t+'"><div class="lantro-lazy" data-style="background-image: url('+r+')"></div></a></div><div class="iTtl aTtl"><a href="'+v+'" '+b+'>'+w+'</a></div><div class="pSnpt">'+u+'</div><div class="pInf pSml" data-date="'+M+' '+D+', '+Y+'"></div></div></li>'} else{c+='<li><div class="iF"><div class="pThmb"><a class="thmb" aria-label="'+w+'" href="'+v+'" title="'+t+'"><div class="lantro-lazy" data-style="background-image: url('+r+')"></div></a></div><div class="pCtnt"><div class="pInr"><div class="iTtl aTtl"><a href="'+v+'" '+b+'>'+w+'</a></div><div class="pSnpt">'+u+'</div><div class="pInf pSml" data-date="'+M+' '+D+', '+Y+'"></div></div></div></div></li>'} }}}s.innerHTML=c+="</ul>";d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); /*]]>*/</script>
        </div>
      </b:includable>
      
      <!--[ Post authors ]-->
      <b:includable id='post-authorProfile'>
        <div class='admPs'>
          <div class='admIm'>
            <b:include name='post-authorImage'/>
          </div>
          <div class='admI'>
            <bdi class='admN' expr:data-text='data:post.author.name' expr:data-write='data:messages.postedBy'/>
            <div class='admA'>
              <b:eval expr='data:post.author.aboutMe snippet {length: 200, links: true, linebreaks: true}'/>
              <!--<data:post.author.aboutMe/>-->
            </div>
          </div>
        </div>
      </b:includable>
      
      <b:includable id='post-authorImage'>
        <b:if cond='data:post.author.authorPhoto.image'>
          <b:if cond='!data:view.isPost'>
            <div class='im' expr:data-style='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,20,&quot;1:1&quot;) + &quot;)&quot;'>
              <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lantro-lazy'/>
              <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,20,&quot;1:1&quot;) + &quot;)&quot;' name='style'/>
            </div>
            <noscript><div class='im' expr:style='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,20,&quot;1:1&quot;) + &quot;)&quot;'/></noscript>
            <b:else/>
            <div class='im lantro-lazy' expr:data-style='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,40,&quot;1:1&quot;) + &quot;)&quot;'>
              <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lantro-lazy'/>
              <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,20,&quot;1:1&quot;) + &quot;)&quot;' name='style'/>
            </div>
            <noscript><div class='im' expr:style='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,40,&quot;1:1&quot;) + &quot;)&quot;'/></noscript>
          </b:if>
          <b:elseif cond='!data:view.isMultipleItems'/>
          <div class='im'><b:include name='profile-icon'/></div>
        </b:if>
      </b:includable>
      
      <b:includable id='post-authorName'>
        <bdi class='nm' expr:data-text='data:post.author.name' expr:data-write='data:widgets.Blog.first.allBylineItems.author.label'/>
        
        <!--[ Post Author with Link ]-->
        <!--<b:tag class='nm' expr:data-text='data:post.author.name' expr:data-write='data:widgets.Blog.first.allBylineItems.author.label' expr:name='data:post.author.profileUrl ? &quot;a&quot; : &quot;span&quot;'>
          <b:attr cond='data:post.author.profileUrl' expr:value='data:post.author.name' name='aria-label'/>
          <b:attr cond='data:post.author.profileUrl' expr:value='data:post.author.profileUrl' name='href'/>
          <b:attr cond='data:post.author.profileUrl' value='author noreferrer' name='rel'/>
          <b:attr cond='data:post.author.profileUrl' value='_blank' name='target'/>
        </b:tag>-->
      </b:includable>
      
      <!--[ Post article ]-->
      <b:includable id='postHeaders'>
        <div class='pHdr pSml'>
          <b:class cond='!data:widgets.Blog.first.allBylineItems.author and !data:widgets.Blog.first.allBylineItems.labels' name='nHdr'/>
          <b:if cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label =&gt; label.name in [&quot;Sponsored&quot; ])'>
            <b:tag class='aIm' cond='data:post.author.authorPhoto.image' name='div'><b:include name='post-authorImage'/></b:tag>
          </b:if>
          <div class='aNm'>
            <b:class cond='!data:post.author.authorPhoto.image' name='n'/>
            <b:include cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label =&gt; label.name in [&quot;Sponsored&quot; ])' name='post-authorName'/>
            <b:include name='postLabelorSponsor'/>
          </div>
        </div>
      </b:includable>
      
      <b:includable id='postCommentsLinks'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <a class='cmnt' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' expr:href='data:post.url.canonical fragment &quot;comment&quot;' role='button'>
            <b:include name='chat-icon'/>
          </a>
        </b:if>
      </b:includable>
      
      <b:includable id='postCommentsUrl'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <a class='cmnt' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' expr:href='data:post.url.canonical fragment &quot;comment&quot;' role='button'>
            <b:class cond='data:view.isSingleItem' name='tIc'/>
            <b:include name='chat-icon'/>
          </a>
        </b:if>
      </b:includable>
      
      <b:includable id='postCommentsLabel'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <label class='cmnt' expr:data-text='data:post.numberOfComments' id='scrollBottomBtn' onclick='setTimeout(function(){var e=document.querySelector(&apos;.cmBtn&apos;);if(!e)return;window.scrollTo({top:e.offsetTop-20,behavior:&apos;smooth&apos;})},200)'>
            <b:class cond='data:view.isSingleItem' name='tIc'/>
            <b:include name='chat-icon'/>
          </label>
        </b:if>
      </b:includable>
      
      <b:includable id='postCommentsLabela'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <label class='cmnt' expr:data-text='data:post.numberOfComments' id='scrollBottomBtn' onclick='setTimeout(function(){var e=document.querySelector(&apos;.cmBtn&apos;);if(!e)return;var t=e.offsetTop;while(e.offsetParent)e=e.offsetParent,t+=e.offsetTop;window.scrollTo({top:t-20,behavior:&apos;smooth&apos;})},200)'>
            <b:class cond='data:view.isSingleItem' name='tIc'/>
            <b:include name='chat-icon'/>
          </label>
        </b:if>
      </b:includable>
      
      <b:includable id='postsponsored'>
        <div class='spnr'>
          <b:include name='tag-icon'/>
        </div>
      </b:includable>
      
      <b:includable id='postLabelsponsored'>
        <div class='pLbls nSpr'>
          <b:loop index='s' values='data:post.labels' var='label'>
            <b:if cond='data:s == 0'>
              <b:tag expr:data-text='data:label.name' name='span'/>
            </b:if>
          </b:loop>
        </div>
      </b:includable>
      
      <b:includable id='postLabel'>
        <b:if cond='data:widgets.Blog.first.allBylineItems.labels'>
          <div class='pLbls'>
            <b:attr cond='data:post.labels' expr:value='data:widgets.Blog.first.allBylineItems.labels.label' name='data-text'/>
            <b:loop index='i' values='data:post.labels' var='label'>
              <b:if cond='data:i &lt;= 0'>
                <b:tag expr:data-text='data:label.name' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;span&quot;'>
                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url.canonical' name='href'/>
                  <b:attr cond='data:blog.url != data:label.url' name='rel' value='tag'/>
                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                </b:tag>
              </b:if>
            </b:loop>
          </div>
        </b:if>
      </b:includable>
      
      <b:includable id='postLabelorSponsor'>
        <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
          <!--[ Post labels ]-->
          <b:include cond='data:post.labels' name='postLabel'/>
          <b:else/>
          <b:include name='postLabelsponsored'/>
        </b:if>
      </b:includable>
      
      <b:includable id='postJumpLinks'>
        <a class='pJmp' expr:aria-label='data:blog.jumpLinkMessage' expr:data-text='data:messages.keepReading' expr:href='data:post.url.canonical'/>
      </b:includable>
      
      <b:includable id='postTimestampPublish'>
        <time class='aTtmp pTtmp pbl' expr:data-text='format(data:post.date, &quot;MMM d, y&quot;)' expr:datetime='data:post.date.iso8601' expr:title='&quot;Published: &quot; + data:post.date format &quot;MMMM d, y&quot;'/>
      </b:includable>
      
      <b:includable id='postTimestamps'>
        <b:if cond='data:post.lastUpdated != data:post.date'>
          <time class='aTtmp pTtmp upd' data-date='Updated:' expr:data-text='format(data:post.lastUpdated, &quot;MMMM d, y&quot;)' expr:data-time='format(data:post.lastUpdated, &quot;MMM d, y&quot;)' expr:datetime='data:post.lastUpdated.iso8601' expr:title='&quot;Last updated: &quot; + data:post.lastUpdated format &quot;MMMM d, y&quot;'/>
          <b:else/>
          <time class='aTtmp pTtmp pbl' expr:data-text='format(data:post.date, &quot;MMMM d, y&quot;)' expr:data-time='format(data:post.lastUpdated, &quot;MMM d, y&quot;)' expr:datetime='data:post.date.iso8601' expr:title='&quot;Published: &quot; + data:post.date format &quot;MMMM d, y&quot;'/>
        </b:if>
      </b:includable>
      
      <b:includable id='postFontInput'>
        <input class='fnti fontS1 hidden' id='fontS1' name='entryFont' type='radio'/>
        <input checked='checked' class='fnti fontS2 hidden' id='fontS2' name='entryFont' type='radio'/>
        <input class='fnti fontS3 hidden' id='fontS3' name='entryFont' type='radio'/>
      </b:includable>
      
      <b:includable id='postFontEntry'>
        <input class='fnIn fixi hidden' id='forFont' type='checkbox'/>
        <div class='fnB fixL'>
          <div class='fnBr fixLi'>
            <div class='fnBs popXls'>
              <div class='fnH fixH fixT' data-text='Change font size'>
                <label aria-label='Close' class='c cl' for='forFont'/>
              </div>
              <ul class='fnC'>
                <li><label class='fnt1' for='fontS1'/></li>
                <li><label class='fnt2' for='fontS2'/></li>
                <li><label class='fnt3' for='fontS3'/></li>
              </ul>
            </div>
          </div>
          
          <label class='fullC' for='forFont'/>
        </div>
      </b:includable>
      
      <b:includable id='postEntrySnippet'>
        <b:eval expr='snippet(data:post.snippets.long, {length: 150, links: false, linebreaks: false})'/>
        <!--<b:eval expr='snippet(data:post.body, {length: 90, links: false, linebreaks: false})'/>-->
      </b:includable>
      
     <b:includable id='postEntryThumbnail'>
        <b:if cond='data:post.featuredImage.isYoutube'>
          <img class='imgThm lantro-lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, &quot;18:9&quot;) : data:post.featuredImage.youtubeMaxResDefaultUrl' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
          <noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, &quot;18:9&quot;) : data:post.featuredImage.youtubeMaxResDefaultUrl'/></noscript>
          <b:else/>          
          <img class='imgThm lantro-lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, &quot;18:9&quot;) : data:post.featuredImage' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
          <noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, &quot;18:9&quot;) : data:post.featuredImage'/></noscript>
        </b:if>
      </b:includable>
      
      <!--[ Comment button ]-->
      <b:includable id='post-commentButton'>
        <!--[ Show/hide Comment ]-->
        <div class='cmShw'>
          <label class='cmBtn button' for='forComments'>
            <!--[ Delete tag bellow to change button style ]-->
            <b:class name='ln'/>
          
            <b:if cond='data:post.numberOfComments &gt; 0'>
              <span><data:messages.joinTheConversation/> (<data:post.numberOfComments/>)</span>
              <b:else/>
              <data:messages.postAComment/>
            </b:if>
          </label>
        </div>
        <div class='cmLoader hidden' id='cmLoader'><div class='spinner'/></div>
      </b:includable>
      
      <!--[ Theme ]-->
      <b:includable id='popup-theme'>
<input class='themeIn fixi hidden' id='offSet' type='checkbox'/>
<div class='themeBr fixL'>
<div class='themeBri fixLi'>
<div class='themeBrs popXls'>

<div class='themeH fixH fixT' data-text='Theme Settings'>
<label aria-label='Close' class='c cl' for='offSet'/>
</div>

<div class='theme-settings'>

<div class='settings-group'>
<div class='mode-options'>

<button class='mode-btn' data-mode='light'>
<svg fill='none' stroke='currentColor' stroke-width='1.5' viewBox='0 0 24 24'><circle cx='12' cy='12' r='5'/><path d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/></svg>
<span>Light</span>
</button>

<button class='mode-btn' data-mode='dark'>
<svg fill='none' stroke='currentColor' stroke-width='1.5' viewBox='0 0 24 24'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg>
<span>Dark</span>
</button>

<button class='mode-btn' data-mode='system'>
<svg fill='none' stroke='currentColor' stroke-width='1.5' viewBox='0 0 24 24'><rect height='14' rx='2' width='20' x='2' y='3'/><line x1='8' x2='16' y1='21' y2='21'/><line x1='12' x2='12' y1='17' y2='21'/></svg>
<span>System</span>
</button>

</div>
</div>

<div class='settings-note'>&#10024; Changes are saved automatically</div>
<script>/*<![CDATA[*/!function(){function e(e){var t=document.querySelector('meta[name="theme-color"]'),n=document.querySelector('meta[name="msapplication-navbutton-color"]'),o=document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');e=e||getComputedStyle(document.documentElement).getPropertyValue('--linkC').trim(),e&&(t&&t.setAttribute("content",e),n&&n.setAttribute("content",e),o&&o.setAttribute("content",e))}document.documentElement.style.visibility="hidden";var t=function(){var t=localStorage.getItem("themeMode")||"system",n=document.getElementById("mainCont");if(!n)return void(document.documentElement.style.visibility="");function o(t){var o="dark"===t||"system"===t&&window.matchMedia("(prefers-color-scheme: dark)").matches;o?n.classList.add("drK"):n.classList.remove("drK"),document.querySelectorAll(".mode-btn").forEach(function(e){e.classList.toggle("active",e.getAttribute("data-mode")===t)}),localStorage.setItem("themeMode",t)}o(t);var a=window.matchMedia("(prefers-color-scheme: dark)");a.addEventListener("change",function(){"system"===localStorage.getItem("themeMode")&&o("system")}),document.querySelectorAll(".mode-btn").forEach(function(e){e.addEventListener("click",function(t){t.preventDefault(),o(this.getAttribute("data-mode"))})}),e(),document.documentElement.style.visibility=""};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",t):t()}();/*]]>*/</script>
</div>
</div>
</div>
<label class='fullC' for='offSet'/>
</div>
</b:includable>
      
      <!--[ Bookmark ]-->
      <b:includable id='popup-bookmark'><input class='bkmIn fixi hidden' id='offBkm' type='checkbox'/><div class='bkmBr fixL'><div class='bkmBri fixLi'><div class='bkmBrs popXls'><div class='bkmH fixH fixT' data-text='Saved Posts'><label aria-label='Close' class='c cl' for='offBkm'/></div><div class='bookmark-container' id='bookmarkList'><div class='bookmark-empty'>No bookmarks yet. Click the bookmark icon on any post to save it.</div></div></div></div><label class='fullC' for='offBkm'/></div><script async='async'>/*<![CDATA[*/!function(){var K='blogBookmarks';function get(){try{var d=localStorage.getItem(K);return d?JSON.parse(d):[]}catch(e){return[]}}function save(b){try{localStorage.setItem(K,JSON.stringify(b))}catch(e){}}function exists(id){for(var b=get(),i=0;i<b.length;i++)if(b[i].id==id)return!0;return!1}function updateBadge(){var b=get(),c=document.getElementById('bookmarkCount');if(c){var l=b.length;if(l>0){c.innerText=l>99?'99+':l;c.style.display='inline-flex'}else{c.style.display='none'}}}function updateIcon(btn,a){var s=btn.querySelector('svg');if(a){btn.classList.add('active');s&&(s.innerHTML='<path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" fill="currentColor" stroke="currentColor"/>')}else{btn.classList.remove('active');s&&(s.innerHTML='<path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" fill="none" stroke="currentColor"/>')}}function toggle(id,t,u,l,d){var b=get(),f=!1;for(var i=0;i<b.length;i++)if(b[i].id==id){b.splice(i,1);f=!0;break}f||b.push({id:id,title:t,url:u,thumbnail:l,date:d});save(b);var btns=document.querySelectorAll('.bmk-save[data-id="'+id+'"]');for(var i=0;i<btns.length;i++)updateIcon(btns[i],!f);render();updateBadge()}function escapeHtml(str){return str.replace(/[&<>]/g,function(m){return m==='&'?'&amp;':m==='<'?'&lt;':m==='>'?'&gt;':m})}function render(){var c=document.getElementById('bookmarkList');if(!c)return;var b=get();if(b.length===0){c.innerHTML='<div class="bookmark-empty">No bookmarks yet. Click the bookmark icon on any post to save it.</div>';return}var h='';for(var i=0;i<b.length;i++){var m=b[i];h+='<div class="bookmark-item" data-id="'+m.id+'"><div class="bookmark-thumb"><img src="'+(m.thumbnail||'data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=')+'" alt="'+escapeHtml(m.title)+'" loading="lazy" onerror="this.src=\'data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=\'"></div><div class="bookmark-info"><div class="bookmark-title"><a href="'+m.url+'" target="_blank">'+escapeHtml(m.title)+'</a></div><div class="bookmark-date">'+(m.date||'')+'</div></div><div class="bookmark-remove" data-id="'+m.id+'"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg></div></div>'}c.innerHTML=h}function refresh(){var btns=document.querySelectorAll('.bmk-save');for(var i=0;i<btns.length;i++){var b=btns[i],id=b.getAttribute('data-id');id&&updateIcon(b,exists(id))}}document.addEventListener('click',function(e){var btn=e.target.closest('.bmk-save');if(btn){e.preventDefault();e.stopPropagation();var id=btn.getAttribute('data-id'),t=btn.getAttribute('data-title'),u=btn.getAttribute('data-url'),l=btn.getAttribute('data-thumb'),d=btn.getAttribute('data-date');if(id&&t&&u) toggle(id,t,u,l,d);return}var rm=e.target.closest('.bookmark-remove');if(rm){e.preventDefault();var id=rm.getAttribute('data-id');if(id){var b=get();b=b.filter(function(b){return b.id!=id});save(b);refresh();render();updateBadge()}}});document.addEventListener('DOMContentLoaded',function(){refresh();render();updateBadge()})}();/*]]>*/</script></b:includable>
      
      <!--[ Post TimeAgo ]-->
      <b:includable id='post-timeAgo'><style>.pTtmp::after,.iTtmp::after,.iTtmp::before{content:none!important}</style><script>/*<![CDATA[*/lazy.then(function(){!function(){function t(t){if(!t)return null;if("number"==typeof t)return t;if(t instanceof Date)return isNaN(t)?null:t.getTime();if("string"==typeof t){let e=Date.parse(t);if(!isNaN(e))return e;let n=t.match(/(\w{3})\s+(\d{1,2}),?\s+(\d{4})(?:\s+(\d{1,2}):(\d{2})(?::(\d{2}))?)?/);if(n){let[,t,r,a,o,i,u]=n,s={jan:0,feb:1,mar:2,apr:3,may:4,jun:5,jul:6,aug:7,sep:8,oct:9,nov:10,dec:11}[t.toLowerCase()];if(void 0!==s)return new Date(a,s,r,o||0,i||0,u||0).getTime()}}return null}function e(t){let e=Math.floor((Date.now()-t)/1e3);if(e<60)return"just now";let n=[["year",31536e3],["month",2592e3],["week",604800],["day",86400],["hour",3600],["minute",60]];for(let t=0;t<n.length;t++){let[r,a]=n[t],o=Math.floor(e/a);if(o>=1)return o+" "+r+(o>1?"s":"")+" ago"}return"just now"}function n(n){if(!n)return;n.querySelectorAll("time,.aTtmp,.pTtmp,.nm").forEach(n=>{if(n.dataset.done)return;let r=n.getAttribute("datetime")||n.getAttribute("data-time")||n.textContent.trim(),a=t(r);if(!a)return;n.textContent=e(a),n.title=new Date(a).toLocaleString(),n.dataset.done=1})}n(document);if(window.MutationObserver){let r=!1;new MutationObserver(()=>{if(!r){r=!0;requestAnimationFrame(()=>{n(document),r=!1})}}).observe(document.body,{childList:1,subtree:1})}}()} );/*]]>*/</script></b:includable>
      
      <!--[ Main JS ]-->
      <b:includable id='main-js'><script>/*<![CDATA[*/var _0x16e248=_0x95fe;(function(_0x259c9d,_0x58c552){var _0x455fc5=_0x95fe,_0x5b2443=_0x259c9d();while(!![]){try{var _0xb808d7=parseInt(_0x455fc5(0x1ff,'Kqwl'))/(0x1942+0x21*-0x7f+-0x8e2)+-parseInt(_0x455fc5(0x1ee,'VZDO'))/(0x16a5+-0x1*0xf22+-0x781)+parseInt(_0x455fc5(0x2bf,'QGe3'))/(0xd45+0x192*-0x7+-0x244)+parseInt(_0x455fc5(0x200,'VZDO'))/(0x1a*0x2a+0x1*-0x234f+0x1f0f)*(-parseInt(_0x455fc5(0x27c,'Wxba'))/(-0xa6c+0x1cc+0x1*0x8a5))+parseInt(_0x455fc5(0x281,'5VK7'))/(-0x90*-0x16+-0x4*-0x32e+-0x1912)*(parseInt(_0x455fc5(0x228,'CJ3Q'))/(-0x1cf1+0x15ef*-0x1+0x53*0x9d))+-parseInt(_0x455fc5(0x1ce,'hbaT'))/(0x1*-0x220f+-0x2*-0x85e+0x115b)*(-parseInt(_0x455fc5(0x20e,'ATQF'))/(0x3*0x5b7+-0x7b9+-0x1*0x963))+-parseInt(_0x455fc5(0x274,'[75S'))/(-0x74f+-0x104e+0x17a7)*(parseInt(_0x455fc5(0x232,'$0Zf'))/(0x55e*0x5+-0x1*-0x1f36+0x1*-0x3a01));if(_0xb808d7===_0x58c552)break;else _0x5b2443['push'](_0x5b2443['shift']());}catch(_0x24fe2){_0x5b2443['push'](_0x5b2443['shift']());}}}(_0x4ed4,-0xc6d9+0xb99*0xe+0x39e57),!(function(){var _0x943483=_0x95fe;for(var _0x1b4420=document['que'+'ryS'+'ele'+_0x943483(0x25a,'mSE2')+'rAl'+'l']('.la'+_0x943483(0x22d,'2MzS')+_0x943483(0x224,'WxSw')+_0x943483(0x252,'WxSw')+'Yt'),_0x385a6b=-0x8*0x397+0x1cb8+0x0;_0x385a6b<_0x1b4420[_0x943483(0x264,'5VK7')+_0x943483(0x276,'Lg*y')];_0x385a6b++){var _0xc3abbc='htt'+'ps:'+_0x943483(0x271,'b0iq')+_0x943483(0x270,'Go@v')+_0x943483(0x249,'YE6l')+_0x943483(0x227,'mSE2')+'e.c'+'om/'+'vi/'+_0x1b4420[_0x385a6b][_0x943483(0x2bd,'G5]t')+'ase'+'t']['emb'+'ed']+('/sd'+'def'+'aul'+_0x943483(0x29c,'ZO%^')+'pg'),_0x12d28f=new Image();_0x12d28f['set'+'Att'+_0x943483(0x213,'Wxba')+'ute']('cla'+'ss','lan'+'tro'+'-la'+'zy'),_0x12d28f['set'+_0x943483(0x1de,'YE6l')+'rib'+'ute']('dat'+_0x943483(0x244,'#vtK')+'rc',_0xc3abbc),_0x12d28f[_0x943483(0x217,'FrP7')+_0x943483(0x286,'6kH2')+_0x943483(0x238,'MUW&')+_0x943483(0x22f,']gad')]('src','dat'+'a:i'+'mag'+_0x943483(0x225,'6kH2')+_0x943483(0x2c9,'SY]X')+_0x943483(0x1d4,'SY]X')+'e64'+_0x943483(0x1cd,'Lg*y')+'lGO'+_0x943483(0x289,'$u5G')+_0x943483(0x1f2,'Wla8')+_0x943483(0x1dd,'T3De')+'D/A'+'CwA'+'AAA'+'AAQ'+'ABA'+_0x943483(0x1d5,'SF5s')+'ADs'+'='),_0x12d28f[_0x943483(0x263,'Kqwl')+'Att'+_0x943483(0x233,'I4cV')+'ute'](_0x943483(0x279,'yhc*'),'You'+_0x943483(0x1f0,'!SZE')+'e\x20v'+'ide'+'o'),_0x12d28f[_0x943483(0x206,'Go@v')+_0x943483(0x1fb,'Lg*y')+_0x943483(0x1e1,'$0Zf')+'ist'+_0x943483(0x283,'Go@v')+'r'](_0x943483(0x2a3,'Lg*y')+'d',function(_0x476a23){return function(){var _0x3bf353=_0x95fe;_0x1b4420[_0x476a23][_0x3bf353(0x25f,'G5]t')+'end'+_0x3bf353(0x236,'Kqwl')+'ld'](this);};}(_0x385a6b)),_0x1b4420[_0x385a6b]['add'+'Eve'+'ntL'+_0x943483(0x2be,'ewHV')+_0x943483(0x26c,'KSNO')+'r'](_0x943483(0x298,'G5]t')+'ck',function(){var _0xd57d8a=_0x943483,_0x23a857=document[_0xd57d8a(0x295,'ewHV')+_0xd57d8a(0x1d2,'LEGf')+_0xd57d8a(0x2ca,'nk6r')+_0xd57d8a(0x268,'#vtK')+'t'](_0xd57d8a(0x23d,'Qqcc')+'ame');_0x23a857[_0xd57d8a(0x223,'SF5s')+'Att'+'rib'+_0xd57d8a(0x203,'Lg*y')](_0xd57d8a(0x1e8,'VZDO')+_0xd57d8a(0x1d6,'[75S')+_0xd57d8a(0x1f3,'Go@v')+'er','0'),_0x23a857[_0xd57d8a(0x1f7,'[75S')+'Att'+'rib'+'ute'](_0xd57d8a(0x272,'VZDO')+_0xd57d8a(0x1f4,'ccAq')+_0xd57d8a(0x218,'LEGf')+'scr'+_0xd57d8a(0x285,'6kH2'),''),_0x23a857[_0xd57d8a(0x26a,'I4cV')+'Att'+'rib'+_0xd57d8a(0x261,'kguG')]('src',_0xd57d8a(0x293,'tQq(')+_0xd57d8a(0x262,'SY]X')+'//w'+'ww.'+_0xd57d8a(0x222,'vbky')+'tub'+'e.c'+'om/'+_0xd57d8a(0x2b3,'kguG')+_0xd57d8a(0x29d,'VZDO')+this[_0xd57d8a(0x2bd,'G5]t')+_0xd57d8a(0x245,'7L7s')+'t'][_0xd57d8a(0x253,']gad')+'ed']+(_0xd57d8a(0x214,'NGiS')+_0xd57d8a(0x297,'mSE2')+_0xd57d8a(0x26d,'T3De')+_0xd57d8a(0x230,'9QYc')+'nfo'+_0xd57d8a(0x29f,'!frv')+_0xd57d8a(0x251,'LEGf')+'opl'+_0xd57d8a(0x1ed,'5VK7')+'1')),this[_0xd57d8a(0x266,'Qqcc')+'erH'+'TML']='',this['app'+'end'+'Chi'+'ld'](_0x23a857);});}}()));for(var _0x21a809=document['que'+'ryS'+_0x16e248(0x1ea,'7L7s')+'cto'+'rAl'+'l']('.pS'+_0x16e248(0x25b,'MUW&')+_0x16e248(0x1e2,'Go@v')+'rat'+'or\x20'+_0x16e248(0x2a0,'vbky')+_0x16e248(0x1df,'Wxba')+'pS\x20'+'.tr'+_0x16e248(0x23c,'EGAU')+_0x16e248(0x29a,'SY]X')+_0x16e248(0x20d,'Wxba')+_0x16e248(0x273,'ewHV')+_0x16e248(0x24e,'I4cV')+_0x16e248(0x2a2,'YE6l')+'\x20im'+_0x16e248(0x1d1,'G5]t')+'.pS'+_0x16e248(0x2b6,'QGe3')+'sIm'+_0x16e248(0x20c,'FrP7')+_0x16e248(0x21d,'CJ3Q')+',\x20.'+_0x16e248(0x1da,'vbky')+'.bt'+'Img'+'\x20>i'+'mg'),_0x1fb6e5=0x12*-0x49+-0x17*-0xc7+-0xcbf;_0x1fb6e5<_0x21a809['len'+_0x16e248(0x28b,'Kqwl')];_0x1fb6e5++)_0x21a809[_0x1fb6e5]['set'+_0x16e248(0x21b,'[75S')+_0x16e248(0x1d8,'!frv')+_0x16e248(0x2c1,'CJ3Q')](_0x16e248(0x1f1,'mSE2')+'lic'+'k',_0x16e248(0x242,'6kH2')+'urn'+_0x16e248(0x267,'mSE2')+_0x16e248(0x20a,'YE6l'));function _0x79c35f(_0x214ab4,_0x881801,_0x385681){var _0x54ecc1=_0x16e248;for(var _0x11615c=document[_0x54ecc1(0x26b,'[75S')+_0x54ecc1(0x207,'I4cV')+_0x54ecc1(0x27e,'VZDO')+'cto'+_0x54ecc1(0x290,'CJ3Q')+'l'](_0x881801),_0xb86f75=-0x2f6*0x7+-0x1a3d+-0x2ef7*-0x1;_0xb86f75<_0x11615c['len'+'gth'];_0xb86f75++){var _0x141510=_0x214ab4+_0x11615c[_0xb86f75]['out'+_0x54ecc1(0x275,'G5]t')+'TML']+_0x385681;_0x11615c[_0xb86f75]['out'+_0x54ecc1(0x24d,'Qqcc')+_0x54ecc1(0x1e9,'$u5G')]=_0x141510;}}_0x79c35f(_0x16e248(0x292,'VZDO')+'v\x20c'+'las'+'s=\x22'+_0x16e248(0x2b1,'KSNO')+'mg\x22'+'>',_0x16e248(0x24f,'MUW&')+_0x16e248(0x29e,'kguG')+_0x16e248(0x1e5,'b0iq')+_0x16e248(0x2a1,'[75S')+'or\x20'+'>a','</d'+'iv>'),_0x79c35f('<di'+'v\x20c'+_0x16e248(0x1dc,'5VK7')+_0x16e248(0x27b,'I4cV')+_0x16e248(0x2a4,'2MzS')+_0x16e248(0x2b8,'yhc*')+'>',_0x16e248(0x23a,'Qqcc')+_0x16e248(0x259,'SF5s')+'r-c'+_0x16e248(0x23f,'KSNO')+_0x16e248(0x221,'$u5G')+_0x16e248(0x209,'[75S')+_0x16e248(0x21a,'[75S')+_0x16e248(0x277,'b0iq')+'r\x20t'+_0x16e248(0x2a6,'ATQF')+'a','</d'+_0x16e248(0x254,'ccAq')),_0x79c35f(_0x16e248(0x1e0,'hbaT')+_0x16e248(0x1e4,'ATQF')+'las'+'s=\x22'+'zmI'+_0x16e248(0x240,'kguG')+'>',_0x16e248(0x24f,'MUW&')+'\x20.s'+_0x16e248(0x1e5,'b0iq')+_0x16e248(0x239,'#vtK')+_0x16e248(0x26f,'EGAU')+'>im'+'g',_0x16e248(0x1db,'ATQF')+'iv>'),_0x79c35f('<di'+_0x16e248(0x23b,'YE6l')+_0x16e248(0x1fd,'9QYc')+'s=\x22'+'zmI'+_0x16e248(0x215,'6kH2')+'>',_0x16e248(0x2af,'mSE2')+_0x16e248(0x1f6,'5VK7')+'r-c'+'apt'+'ion'+'-co'+_0x16e248(0x2c2,'KSNO')+_0x16e248(0x20f,'!SZE')+'r\x20t'+_0x16e248(0x21e,'2MzS')+_0x16e248(0x25c,'FrP7'),_0x16e248(0x1cb,'!frv')+'iv>'),_0x79c35f('<di'+'v\x20c'+'las'+'s=\x22'+_0x16e248(0x28d,'Wxba')+'mg\x22'+'>','.pS'+_0x16e248(0x246,'WxSw')+_0x16e248(0x248,'G5]t')+_0x16e248(0x1fe,'CJ3Q')+_0x16e248(0x2b9,'nk6r'),'</d'+_0x16e248(0x284,'I4cV')),_0x79c35f('<di'+'v\x20c'+_0x16e248(0x256,'ewHV')+'s=\x22'+_0x16e248(0x28d,'Wxba')+_0x16e248(0x2b7,'#vtK')+'>',_0x16e248(0x22e,'2MzS')+_0x16e248(0x1d3,'ZO%^')+_0x16e248(0x280,'MZ$i')+_0x16e248(0x243,'SY]X')+_0x16e248(0x235,'6kH2'),_0x16e248(0x27d,'ewHV')+'iv>');for(var _0x25430a=document['get'+'Ele'+'men'+'tsB'+_0x16e248(0x229,'nk6r')+'ass'+'Nam'+'e'](_0x16e248(0x2c4,'QGe3')+'mg'),_0x1fb6e5=0x10f*-0xf+0x21*-0x61+-0x2a*-0xad;_0x1fb6e5<_0x25430a['len'+'gth'];_0x1fb6e5++)_0x25430a[_0x1fb6e5]['onc'+_0x16e248(0x22c,'Go@v')+'k']=function(){var _0x5213e8=_0x16e248;this['cla'+_0x5213e8(0x201,'ZO%^')+'ist']['tog'+_0x5213e8(0x219,'SF5s')]('s');};function _0x95fe(_0xc5d407,_0x14ea79){_0xc5d407=_0xc5d407-(-0x37e*0x2+0x1c5*-0xf+0x2352);var _0x29b276=_0x4ed4();var _0x42ee4c=_0x29b276[_0xc5d407];if(_0x95fe['afZyNI']===undefined){var _0x58be6a=function(_0x53ffb1){var _0x3bcf95='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x4ea38c='',_0x2e392e='',_0x2b40b5=_0x4ea38c+_0x58be6a;for(var _0x449ca3=0x1*0x25fe+-0x4cb*0x8+0x5a,_0x26432a,_0x563f16,_0x34ce48=0x1cb8+0x1d7b+-0x3a33;_0x563f16=_0x53ffb1['charAt'](_0x34ce48++);~_0x563f16&&(_0x26432a=_0x449ca3%(0x12*-0x49+-0x17*-0xc7+-0xcbb)?_0x26432a*(-0x2f6*0x7+-0x1a3d+-0x2f37*-0x1)+_0x563f16:_0x563f16,_0x449ca3++%(0x10f*-0xf+0x21*-0x61+-0xa*-0x2d7))?_0x4ea38c+=_0x2b40b5['charCodeAt'](_0x34ce48+(-0x149b+0x1f2f+0x2*-0x545))-(-0x254a+-0x1079+0x35cd)!==0xd*-0x219+0x75e+-0x5*-0x3fb?String['fromCharCode'](-0xac6*0x1+-0x1eb9+0x6*0x715&_0x26432a>>(-(-0xf31+0x2069+0x1136*-0x1)*_0x449ca3&-0x720+-0x619+0xd3f)):_0x449ca3:0x876+0x3*0x3f1+-0x1449){_0x563f16=_0x3bcf95['indexOf'](_0x563f16);}for(var _0x293fc7=-0xb7f+-0xd17+0x1896,_0x430ad9=_0x4ea38c['length'];_0x293fc7<_0x430ad9;_0x293fc7++){_0x2e392e+='%'+('00'+_0x4ea38c['charCodeAt'](_0x293fc7)['toString'](-0x10bc+0x719+-0xd*-0xbf))['slice'](-(-0x12e*0xa+-0x201a+0x2be8));}return decodeURIComponent(_0x2e392e);};var _0x441c94=function(_0x2b7534,_0x26c47c){var _0x1bc973=[],_0x1cbeb4=0x73*0x17+0x2562+-0x2fb7,_0x28b42b,_0x7da30f='';_0x2b7534=_0x58be6a(_0x2b7534);var _0x507107;for(_0x507107=-0x1853+0x3*0x5ed+0x1a3*0x4;_0x507107<-0x26ed+-0x6*0x4ae+-0x4401*-0x1;_0x507107++){_0x1bc973[_0x507107]=_0x507107;}for(_0x507107=0x1785+0x2180+-0x3905;_0x507107<0x3*0xc2b+-0x187a*-0x1+-0x5*0xbff;_0x507107++){_0x1cbeb4=(_0x1cbeb4+_0x1bc973[_0x507107]+_0x26c47c['charCodeAt'](_0x507107%_0x26c47c['length']))%(0x972*0x1+0x4*-0x6a1+0x3*0x606),_0x28b42b=_0x1bc973[_0x507107],_0x1bc973[_0x507107]=_0x1bc973[_0x1cbeb4],_0x1bc973[_0x1cbeb4]=_0x28b42b;}_0x507107=-0x13df*0x1+-0x17f9*-0x1+0x19*-0x2a,_0x1cbeb4=-0x3c3*0x3+-0x1b87+-0x4da*-0x8;for(var _0x55c7fc=0x26b*-0xb+0xf+0x1a8a;_0x55c7fc<_0x2b7534['length'];_0x55c7fc++){_0x507107=(_0x507107+(0x4*-0x563+0x1*0x5ac+-0x10f*-0xf))%(-0x1cae+0xfd6+0xdd8),_0x1cbeb4=(_0x1cbeb4+_0x1bc973[_0x507107])%(0x1807+-0x1aea+0x3e3),_0x28b42b=_0x1bc973[_0x507107],_0x1bc973[_0x507107]=_0x1bc973[_0x1cbeb4],_0x1bc973[_0x1cbeb4]=_0x28b42b,_0x7da30f+=String['fromCharCode'](_0x2b7534['charCodeAt'](_0x55c7fc)^_0x1bc973[(_0x1bc973[_0x507107]+_0x1bc973[_0x1cbeb4])%(-0x22df*0x1+0x18f1+0x2*0x577)]);}return _0x7da30f;};_0x95fe['hbsXim']=_0x441c94,_0x95fe['MtcrTI']={},_0x95fe['afZyNI']=!![];}var _0x345f60=_0x29b276[0x1ce2+-0x6*0x566+0x382],_0x451158=_0xc5d407+_0x345f60,_0x61e48e=_0x95fe['MtcrTI'][_0x451158];if(!_0x61e48e){if(_0x95fe['qkuROr']===undefined){var _0x485213=function(_0x53b494){this['sUbFGq']=_0x53b494,this['ShITpI']=[0x1742+0x657+0x3b3*-0x8,0x1942+0x21*-0x7f+-0x8e3,0x16a5+-0x1*0xf22+-0x783],this['beANAH']=function(){return'newState';},this['WIXOmA']='\x5cw+\x20*\x5c(\x5c)\x20*{\x5cw+\x20*',this['cplIgu']='[\x27|\x22].+[\x27|\x22];?\x20*}';};_0x485213['prototype']['ygvFzp']=function(){var _0x3cae76=new RegExp(this['WIXOmA']+this['cplIgu']),_0x2e41a6=_0x3cae76['test'](this['beANAH']['toString']())?--this['ShITpI'][0xd45+0x192*-0x7+-0x246]:--this['ShITpI'][0x1a*0x2a+0x1*-0x234f+0x1f0b];return this['VFNTsS'](_0x2e41a6);},_0x485213['prototype']['VFNTsS']=function(_0x59b707){if(!Boolean(~_0x59b707))return _0x59b707;return this['JCFqrE'](this['sUbFGq']);},_0x485213['prototype']['JCFqrE']=function(_0x34c323){for(var _0x2a5c7f=-0xa6c+0x1cc+0x20*0x45,_0x3409cf=this['ShITpI']['length'];_0x2a5c7f<_0x3409cf;_0x2a5c7f++){this['ShITpI']['push'](Math['round'](Math['random']())),_0x3409cf=this['ShITpI']['length'];}return _0x34c323(this['ShITpI'][-0x90*-0x16+-0x4*-0x32e+-0x1918]);},new _0x485213(_0x95fe)['ygvFzp'](),_0x95fe['qkuROr']=!![];}_0x42ee4c=_0x95fe['hbsXim'](_0x42ee4c,_0x14ea79),_0x95fe['MtcrTI'][_0x451158]=_0x42ee4c;}else _0x42ee4c=_0x61e48e;return _0x42ee4c;}function _0x1beeda(){var _0x20ae06=_0x16e248;typeof Defer!=_0x20ae06(0x216,'mSE2')+'efi'+_0x20ae06(0x1f5,'KSNO')&&Defer[_0x20ae06(0x260,'tQq(')]&&Defer['dom']('.la'+_0x20ae06(0x22d,'2MzS')+_0x20ae06(0x2ac,'ewHV')+'azy',-0x149b+0x1f2f+0x4*-0x28c,'loa'+'ded',null,{'rootMargin':_0x20ae06(0x1e7,'ccAq')});}lazy[_0x16e248(0x1e6,'Wla8')+'n'](_0x1beeda),console['log']('⚡Po'+'wer'+'ed\x20'+'by\x20'+_0x16e248(0x204,'tQq(')+'tro'+_0x16e248(0x220,'ATQF')+_0x16e248(0x1cc,'$0Zf')+'.0'),!(function(){var _0x2284f5=_0x16e248,_0x3c4c1c=(function(){var _0x456323=!![];return function(_0x8b55bf,_0x372662){var _0x38c326=_0x456323?function(){if(_0x372662){var _0x3b54fa=_0x372662['app'+'ly'](_0x8b55bf,arguments);return _0x372662=null,_0x3b54fa;}}:function(){};return _0x456323=![],_0x38c326;};}()),_0x5d5057=_0x3c4c1c(this,function(){var _0x55f184=_0x95fe;return _0x5d5057['toS'+_0x55f184(0x22b,'FrP7')+'ng']()[_0x55f184(0x226,'!frv')+'rch'](_0x55f184(0x2a7,'!SZE')+'.+)'+'+)+'+')+$')['toS'+'tri'+'ng']()[_0x55f184(0x294,'ZO%^')+_0x55f184(0x291,'6kH2')+'uct'+'or'](_0x5d5057)[_0x55f184(0x205,'5VK7')+_0x55f184(0x288,'ewHV')]('((('+'.+)'+'+)+'+_0x55f184(0x26e,'$0Zf'));});_0x5d5057();var _0x5db354='htt'+'ps:'+_0x2284f5(0x2a5,'7L7s')+_0x2284f5(0x282,'!SZE')+'cos'+'hix'+'.in',_0x4e0ae8=-0x254a+-0x1079+0x494b;function _0x18ace2(){var _0x28616f=_0x2284f5,_0x490a67=document['que'+'ryS'+'ele'+_0x28616f(0x269,'7L7s')+'r'](_0x28616f(0x234,'kguG')+_0x28616f(0x299,'!SZE')+_0x28616f(0x29b,'Qqcc')+'a');if(!_0x490a67||_0x490a67[_0x28616f(0x2c3,'YE6l')+'f'][_0x28616f(0x25e,'ccAq')+_0x28616f(0x2bb,'QGe3')+'f'](_0x5db354)===-(0xd*-0x219+0x75e+-0xe*-0x16c))return!(-0xac6*0x1+-0x1eb9+0x4*0xa60);var _0x2d4d9=window[_0x28616f(0x1f9,'9QYc')+'Com'+_0x28616f(0x287,'tQq(')+'edS'+_0x28616f(0x24c,'Wxba')+'e'](_0x490a67['par'+_0x28616f(0x2ae,'QGe3')+'Ele'+'men'+'t']);return!(_0x28616f(0x231,'$0Zf')+'e'===_0x2d4d9['dis'+'pla'+'y']||'0'===_0x2d4d9['opa'+'cit'+'y']);}function _0x25eff3(){var _0x48627b=_0x2284f5;if(!document['get'+_0x48627b(0x2ad,'[75S')+'men'+_0x48627b(0x255,'5VK7')+'Id'](_0x48627b(0x1d7,'9QYc')+'dit'+_0x48627b(0x2b5,'cAk)')+'rt')){var _0xd6bae4=document[_0x48627b(0x28a,'SY]X')+'ate'+_0x48627b(0x1d0,'ewHV')+_0x48627b(0x202,'MZ$i')+'t'](_0x48627b(0x2b2,'yhc*'));_0xd6bae4['id']=_0x48627b(0x2aa,'I4cV')+_0x48627b(0x2c5,'Wla8')+_0x48627b(0x28c,'Qqcc')+'rt',_0xd6bae4['inn'+'erH'+'TML']=_0x48627b(0x1eb,'yhc*')+'me\x20'+_0x48627b(0x21c,'CJ3Q')+_0x48627b(0x24b,'ewHV')+_0x48627b(0x2ab,'b0iq')+'ssi'+_0x48627b(0x2c0,'KSNO')+_0x48627b(0x296,'Kqwl')+_0x48627b(0x23e,'WxSw')+_0x48627b(0x2c7,'nk6r')+_0x48627b(0x1cf,'Wxba')+'edi'+'rec'+'tin'+_0x48627b(0x20b,'LEGf')+'.',_0xd6bae4[_0x48627b(0x2c6,'tQq(')+'le']=_0x48627b(0x258,'!SZE')+'iti'+_0x48627b(0x1f8,'cAk)')+'fix'+'ed;'+'bot'+'tom'+':20'+'px;'+_0x48627b(0x1fc,'YE6l')+_0x48627b(0x257,'Go@v')+_0x48627b(0x2bc,'MUW&')+_0x48627b(0x25d,'SY]X')+'ckg'+'rou'+'nd:'+'#00'+'0;c'+'olo'+'r:#'+'fff'+_0x48627b(0x27f,'MZ$i')+_0x48627b(0x212,'Wxba')+'ng:'+'12p'+'x\x201'+_0x48627b(0x265,'cAk)')+';fo'+'nt-'+'siz'+'e:1'+_0x48627b(0x241,'vbky')+_0x48627b(0x250,'ZO%^')+_0x48627b(0x22a,'YE6l')+_0x48627b(0x208,'ZO%^')+_0x48627b(0x28f,'G5]t')+_0x48627b(0x211,'!frv')+_0x48627b(0x278,'tQq(')+'er-'+_0x48627b(0x2c8,'KSNO')+_0x48627b(0x247,'cAk)')+_0x48627b(0x2a8,'T3De')+'x;',document[_0x48627b(0x210,'!frv')+'y']['app'+'end'+_0x48627b(0x2b0,'MZ$i')+'ld'](_0xd6bae4);}}function _0x11fff2(){_0x18ace2()||(_0x25eff3(),setTimeout(function(){var _0x12ca7f=_0x95fe;location[_0x12ca7f(0x2c3,'YE6l')+'f']=_0x5db354;},_0x4e0ae8));}document[_0x2284f5(0x1fa,'ZO%^')+_0x2284f5(0x28e,'6kH2')+'ntL'+'ist'+'ene'+'r']('DOM'+_0x2284f5(0x1ec,'ewHV')+'ten'+_0x2284f5(0x237,'G5]t')+_0x2284f5(0x24a,'$u5G')+'d',function(){var _0x30626c=_0x2284f5;_0x11fff2(),setInterval(_0x11fff2,-0xf31+0x2069+0x160*-0x4),new MutationObserver(_0x11fff2)['obs'+_0x30626c(0x21f,'9QYc')+'e'](document[_0x30626c(0x2a9,'EGAU')+'y'],{'childList':!(-0x720+-0x619+0xd39),'subtree':!(0x876+0x3*0x3f1+-0x1449)});});}());function _0x4ed4(){var _0x1bdbaa=['W4ZcQ8oV','W59UWQ0','WQHzWQ0','W4SMCa','WPuuWQ4','WQLjW6O','WOHbvW','k3Lj','kCk2tW','WPxcNCkH','tCopWRq','CmoBfG','rqKf','WP46WQq','qLrU','WPW2xG','aSoeBG','WObjua','ctnH','nGC3','WO1opW','Fmk0W5S','q8krWPq','WOWXWR4','rmovWO8','WPWUba','W5KFBq','WPddPSoN','g0pdTW','d8oeW5q','W6aHW5e','gSoJEq','W7DCWQy','jCkQAq','p8kMW5u','W70Llq','W47cRmoL','WPlcMCk8','mSk0tW','WRP4oG','w8kRqa','W4fUW5S','tY7cGa','eg59','W4eicG','W45BjG','WO9htq','CSoXFNdcJmo5WPVdHa','W50Dvq','lrSv','WODjbG','WPVdU8oU','W6KCWRW','tmkgW5ZcL0FdG8kzWOe9WOldV8kKsW','WPldGCoQ','AKfVc8k7W4/dJW','W5ahrW','W4PBlW','W714hW','WRjbeW','rCkWuXldNq5ODG','mr9Q','ggC2','WOJcISo2','f18V','m041','WOtdVmo+','WP5lsW','WOXbW6C','hmofWOS','W7qWW40','dCkOyG','jw1S','n0WK','WOfwja','WP7dHmkz','au4Z','WPntiW','WPZdVCo+','kmoovq','WO9ArG','W7W2WOu','C8o9WOq','W5SdDa','iWKW','d8odWOC','i8k2jW','p8kpuq','W4Ptzq','tHNdOq','hftdIa','bSoPpG','mCkGxG','WOiEWQK','jGaC','AYOY','WOldT8o9','i8ooWRi','BKbS','r8oUwa','qJpdHa','WOlcJSkT','W45kcG','WOmftW','bSkTtW','yCkOjq','mCkWW6C','WOvGfW','WQv7fG','W6WzWR4','c1RdSa','WP5uEGuLmCo1WRddKSkBwSog','WObaWRS','jmoOiq','W70Nyq','W6uxW6O','cmoklW','fGW6WRnSgSkqW4xcILX5na','yCk+hG','u8opWP8','W5WoAq','WOvBvW','m8oYzCotvCoTmmkmoKFdNIe','WRfXFW','WPNdSCkq','WRfIpG','WOqjWR4','FSkRga','W4VcVWK','WOFdVCoZ','bCocjG','WQ13oW','eCoqW5u','jmollq','huVcIG','W4GZW40','zJ1n','jbVcVmo/eSkiW4PTW5v6w8ooW7W','Csb3','WQLerG','W59dpq','rqGu','A8kpwq','hCowWP0','W6WHca','lSkKsa','WQVdMmkg','uW3cJa','W7yyW6RdGmo+xmoRkhq2lfm','h8oxEq','E8obW6G','gSoNza','p8kzAq','WQ0pWQ8','CYal','k07dPW','WOyXWRm','ghKY','eLlcQSkFu0dcSmo3','mCooW68','WOTxaG','W5VcVHG','W4qWga','W4LfkW','WPXGW4m','W4JcTmoV','W5WyWQ0','WQ9htq','f8o/kG','WPWdE8koh8ksxCk/W4zZFMW','W5v5Bmotdeiw','mH0M','CmkUW5C','W67cHZW','eNS3','WPO3bG','WRfZoW','vSkOyW','mmkKxG','WQ5cW6q','WQ/dJ8kx','kSofxW','dXKy','WOaEWR0','WQtdI8kq','WOVcPCol','WQjXWPmyoWxdTLD9W6/dSxW','WP4bEmkif8kCi8k0W41bC23cPW','omosDW','WQTTea','pXSy','WRJdQmoK','bCoJDG','hg03','WPpcHCkB','lSozaq','BSkIrq','WOaiWR4','q1jF','WOj8W6C','mg4i','FSk/W4pdNWhdMLC','lWyH','qWVcIG','gf/cJa','o2rm','lwLh','W4ankW','h11J','ASkUW5a','WPy5WQ0','uraD','W4OmlG','lCk1sW','aSk1xG','WO/dT8kq','WOxdQmks','DwDf','WQ3dMmkv','z8k7W4u','WQfcW6e','fSoRla','W54fpW','WPbTWRe','fXuX','uGhcJW','A8k1W5y','W5/cT8ofWQpdP8owa8k3cmkcrte','gmoKja','WOuvWR8','WPeUWRa','ewaW','FZmj','pZCO','uK1P','WQFdNCkk','WOyQWPe','W5P8W4ZcIHxdICkHuxLIFMiy','WPpcLCkQ','qftdOa','g1CM','W5aSW4W','W4WJCG','eCowWOu','W6iHnW','ySk0va','WPPBWRG','dt/dGq','jCkIDq','WPCPWRK','WR5MkW','a1dcSa','w8o0iq','af81','gmkxW5a','W7fTma'];_0x4ed4=function(){return _0x1bdbaa;};return _0x4ed4();}/*]]>*/</script></b:includable>
        
      <!--[ Single page condition ]-->
      <b:includable id='post-singlePage'><style>/*<![CDATA[*/ .mainbar{flex-basis:100%} .sidebar{display:none; flex:0 0 530px;margin:50px auto 0} .sidebar::before{display:none} .sideIn{width:100%} /*]]>*/</style></b:includable>
        
      <!--[ SVG Icon ]-->      
      <b:includable id='back-icon'>
        <!--[ Back icon ]-->
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
      </b:includable>
      
      <b:includable id='forward-icon'>
        <!--[ Forward icon ]-->
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
      </b:includable>
      
      <b:includable id='arrow-right-icon'>
        <!--[ Arrow right icon ]-->
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line x1='6.7743' x2='6.7743' y1='15.7501' y2='0.7501'/><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'/></g></svg>
      </b:includable>
      
      <b:includable id='arrow-left-icon'>
        <!--[ Arrow left icon ]-->
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line x1='6.7743' x2='6.7743' y1='15.7501' y2='0.7501'/><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'/></g></svg>
      </b:includable>
      
      <b:includable id='arow-down-icon'>
        <!--[ Arrow down icon ]-->
        <svg class='line d' viewBox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
      </b:includable>
      
      <b:includable id='arow-up-icon'>
        <!--[ Arrow up icon ]-->
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-180.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
      </b:includable>
      
      <!--[ Profile icon ]-->
      <b:includable id='profile-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z'/><path d='M20.5899 22C20.5899 18.13 16.7399 15 11.9999 15C7.25991 15 3.40991 18.13 3.40991 22'/></svg>
      </b:includable>
      
      <!--[ Profile Circle icon ]-->
      <b:includable id='profile-circle-icon'>
        <svg class='line' viewBox='0 0 24 24'><path class='svg-c' d='M12.12 12.78c-.07-.01-.16-.01-.24 0-1.76-.06-3.16-1.5-3.16-3.27 0-1.81 1.46-3.28 3.28-3.28 1.81 0 3.28 1.47 3.28 3.28-.01 1.77-1.4 3.21-3.16 3.27Z'/><path class='svg-c' d='M18.74 19.38C16.96 21.01 14.6 22 12 22s-4.96-.99-6.74-2.62c.1-.94.7-1.86 1.77-2.58 2.74-1.82 7.22-1.82 9.94 0 1.07.72 1.67 1.64 1.77 2.58Z'/><path d='M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z'/></svg>
      </b:includable>
      
      <!--[ Profiles icon ]-->
      <b:includable id='profiles-icon'>
       <svg class='line' viewBox='0 0 24 24'><path d='M12.68 3.96c.48.71.76 1.56.76 2.48-.01 2.4-1.9 4.35-4.28 4.43-.1-.01-.22-.01-.33 0-2.38-.08-4.27-2.03-4.27-4.43C4.56 3.99 6.54 2 9 2'/><path class='svg-c' d='M16.41 4c1.94 0 3.5 1.57 3.5 3.5 0 1.89-1.5 3.43-3.37 3.5-.08-.01-.17-.01-.26 0'/><path d='M4.16 14.56c-2.42 1.62-2.42 4.26 0 5.87 2.75 1.84 7.26 1.84 10.01 0 2.42-1.62 2.42-4.26 0-5.87-2.74-1.83-7.25-1.83-10.01 0Z'/><path d='M18.34 20c.72-.15 1.4-.44 1.96-.87 1.56-1.17 1.56-3.1 0-4.27-.55-.42-1.22-.7-1.93-.86'/></svg>
      </b:includable>
      
      <!--[ Share icon ]-->
      <b:includable id='share-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M16.44 8.9C20.04 9.21 21.51 11.06 21.51 15.11v.13c0 4.47-1.79 6.26-6.26 6.26H8.74c-4.47 0-6.26-1.79-6.26-6.26v-.13c0-4.02 1.45-5.87 4.99-6.2'/><path class='svg-c' d='M12 15V3.62'/><path class='svg-c' d='M15.35 5.85 12 2.5 8.65 5.85'/></svg>
      </b:includable>
      
      <!--[ Share icon ]-->
      <b:includable id='share-alt-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M92.30583,264.72053a3.42745,3.42745,0,0,1-.37,1.57,3.51,3.51,0,1,1,0-3.13995A3.42751,3.42751,0,0,1,92.30583,264.72053Z' transform='translate(-83.28571 -252.73452)'/><circle cx='18.48892' cy='5.49436' r='3.51099'/><circle cx='18.48892' cy='18.50564' r='3.51099'/><line class='cls-3' x1='12.53012' x2='8.65012' y1='8.476' y2='10.416'/><line class='cls-3' x1='12.53012' x2='8.65012' y1='15.496' y2='13.556'/></svg>
      </b:includable>
      
      <!--[ Font icon ]-->
      <b:includable id='font-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M10.4 2.57h6.36c1.02 0 1.85.83 1.85 1.85v1.51M1.99 5.93V4.42c0-1.02.83-1.85 1.85-1.85h2.75'/><path d='M10.3 18.1V2.57M6.9 18.1h5.58'/><path d='M13.68 10.34h7.01c.73 0 1.32.59 1.32 1.32v.8'/><path class='svg-c' d='M16.08 21.43V10.87M13.94 21.43h4.28'/></svg>
      </b:includable>
      
      <!--[ Instagram icon ]-->
      <b:includable id='instagram-icon'>
        <svg viewBox='0 0 32 32'><path d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'/><path d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/><circle cx='23' cy='9' r='1'/></svg>
      </b:includable>
      
      <!--[ Github icon ]-->
      <b:includable id='github-icon'>
        <svg viewBox='0 0 24 24'><path d='M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21' fill='none' stroke='var(--headerI)'/></svg>
      </b:includable>
      
      <!--[ Facebook icon ]-->
      <b:includable id='facebook-icon'>
        <svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/></svg>
      </b:includable>
      
      <!--[ Facebook rounded icon ]-->
      <b:includable id='facebook-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'/></svg>
      </b:includable>
      
      <!--[ Twitter icon ]-->
      <b:includable id='twitter-icon'>
        <svg class='c-1' viewBox='0 0 24 24'><path d='M14.1 10.32 22.29 1h-1.94l-7.12 8.09L7.55 1H1l8.59 12.23L1 23h1.94l7.51-8.54L16.45 23H23L14.1 10.32ZM11.44 13.34l-.87-1.22-6.92-9.69h2.98l5.59 7.82.87 1.22 7.27 10.17h-2.98l-5.94-8.3Z'/></svg>
      </b:includable>
      
      <!--[ Twitter rounded icon ]-->
      <b:includable id='twitter-r-icon'>
        <svg viewBox='0 0 16 16'><path d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.6.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/></svg>
      </b:includable>
      
      <!--[ Telegram icon ]-->
      <b:includable id='telegram-icon'>
        <svg viewBox='0 0 32 32'><path d='M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z'/></svg>
      </b:includable>
      
      <!--[ Telegram rounded icon ]-->
      <b:includable id='telegram-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'/></svg>
      </b:includable>
      
      <!--[ Tiktok icon ]-->
      <b:includable id='tiktok-icon'>
        <svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path d='M22,12a3,3,0,0,1-3-3,1,1,0,0,0-2,0V19a3,3,0,1,1-3-3,1,1,0,0,0,0-2,5,5,0,1,0,5,5V13a4.92,4.92,0,0,0,3,1,1,1,0,0,0,0-2Z'/></svg>
      </b:includable>
      
      <!--[ Tumblr icon ]-->
      <b:includable id='tumblr-icon'>
        <svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/><path d='M20,19a1,1,0,0,0-1,1,1,1,0,0,1-1,1H17a1,1,0,0,1-1-1V15h3a1,1,0,0,0,0-2H16V10a1,1,0,0,0-2,0v3H12a1,1,0,0,0,0,2h2v5a3,3,0,0,0,3,3h1a3,3,0,0,0,3-3A1,1,0,0,0,20,19Z'/></svg>
      </b:includable>
      
      <!--[ line icon ]-->
      <b:includable id='line-icon'>
        <svg viewBox='0 0 32 32'><path d='M16,2C8.28,2,2,7.38,2,14c0,5.48,4.34,10.24,10.44,11.6L12,28.87a1,1,0,0,0,.37.91A1,1,0,0,0,13,30a1,1,0,0,0,.35-.06C14,29.68,30,23.58,30,14,30,7.38,23.72,2,16,2ZM14.22,27.4l.33-2.47a1,1,0,0,0-.83-1.12C8.09,22.91,4,18.78,4,14,4,8.49,9.38,4,16,4S28,8.49,28,14C28,20.61,18.14,25.66,14.22,27.4Z'/><path d='M10,15.25H8.75V12a.75.75,0,0,0-1.5,0v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5Z'/><path d='M24,12.75a.75.75,0,0,0,0-1.5H22a.76.76,0,0,0-.75.75v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5H22.75v-.5H24a.75.75,0,0,0,0-1.5H22.75v-.5Z'/><path d='M13,11.25a.76.76,0,0,0-.75.75v4a.75.75,0,0,0,1.5,0V12A.76.76,0,0,0,13,11.25Z'/><path d='M19,11.25a.76.76,0,0,0-.75.75v1.75l-1.65-2.2a.75.75,0,0,0-1.35.45v4a.75.75,0,0,0,1.5,0V14.25l1.65,2.2a.75.75,0,0,0,.6.3.67.67,0,0,0,.24,0,.75.75,0,0,0,.51-.71V12A.76.76,0,0,0,19,11.25Z'/></svg>
      </b:includable>
      
      <!--[ Line rounded icon ]-->
      <b:includable id='line-r-icon'>
        <svg viewBox='0 0 24 24'><path d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'/></svg>
      </b:includable>
      
      <!--[ Youtube icon ]-->
      <b:includable id='youtube-icon'>
        <svg viewBox='0 0 32 32'><path d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'/><path d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'/></svg>        
      </b:includable>
      
      <!--[ LinkedIn icon ]-->
      <b:includable id='linkedIn-icon'>
        <svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path d='M11,14a1,1,0,0,0-1,1v6a1,1,0,0,0,2,0V15A1,1,0,0,0,11,14Z'/><path d='M19,13a4,4,0,0,0-4,4v4a1,1,0,0,0,2,0V17a2,2,0,0,1,4,0v4a1,1,0,0,0,2,0V17A4,4,0,0,0,19,13Z'/><circle cx='11' cy='11' r='1'/></svg>        
      </b:includable>
      
      <!--[ LinkedIn rounded icon ]-->
      <b:includable id='linkedIn-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M8,54.7C8,55.4,8.6,56,9.3,56h9.3c0.7,0,1.3-0.6,1.3-1.3V23.9c0-0.7-0.6-1.3-1.3-1.3H9.3 c-0.7,0-1.3,0.6-1.3,1.3V54.7z'/><path d='M46.6,22.3c-4.5,0-7.7,1.8-9.4,3.7c-0.4,0.4-1.1,0.1-1.1-0.5l0-1.6c0-0.7-0.6-1.3-1.3-1.3h-9.4 c-0.7,0-1.3,0.6-1.3,1.3c0.1,5.7,0,25.4,0,30.7c0,0.7,0.6,1.3,1.3,1.3h9.5c0.7,0,1.3-0.6,1.3-1.3V37.9c0-1,0-2,0.3-2.7 c0.8-2,2.6-4.1,5.7-4.1c4.1,0,6,3.1,6,7.6v15.9c0,0.7,0.6,1.3,1.3,1.3h9.3c0.7,0,1.3-0.6,1.3-1.3V37.4C60,27.1,54.1,22.3,46.6,22.3 z'/><path d='M13.9,18.9L13.9,18.9c3.8,0,6.1-2.4,6.1-5.4C19.9,10.3,17.7,8,14,8c-3.7,0-6,2.3-6,5.4 C8,16.5,10.3,18.9,13.9,18.9z'/></svg>
      </b:includable>
      
      <!--[ Whatsapp icon ]-->
      <b:includable id='whatsapp-icon'>
        <svg viewBox='0 0 32 32'><path d='M16,2A13,13,0,0,0,8,25.23V29a1,1,0,0,0,.51.87A1,1,0,0,0,9,30a1,1,0,0,0,.51-.14l3.65-2.19A12.64,12.64,0,0,0,16,28,13,13,0,0,0,16,2Zm0,24a11.13,11.13,0,0,1-2.76-.36,1,1,0,0,0-.76.11L10,27.23v-2.5a1,1,0,0,0-.42-.81A11,11,0,1,1,16,26Z'/><path d='M19.86,15.18a1.9,1.9,0,0,0-2.64,0l-.09.09-1.4-1.4.09-.09a1.86,1.86,0,0,0,0-2.64L14.23,9.55a1.9,1.9,0,0,0-2.64,0l-.8.79a3.56,3.56,0,0,0-.5,3.76,10.64,10.64,0,0,0,2.62,4A8.7,8.7,0,0,0,18.56,21a2.92,2.92,0,0,0,2.1-.79l.79-.8a1.86,1.86,0,0,0,0-2.64Zm-.62,3.61c-.57.58-2.78,0-4.92-2.11a8.88,8.88,0,0,1-2.13-3.21c-.26-.79-.25-1.44,0-1.71l.7-.7,1.4,1.4-.7.7a1,1,0,0,0,0,1.41l2.82,2.82a1,1,0,0,0,1.41,0l.7-.7,1.4,1.4Z'/></svg>
      </b:includable>
      
      <!--[ Whatsapp rounded icon ]-->
      <b:includable id='whatsapp-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M6.9,48.4c-0.4,1.5-0.8,3.3-1.3,5.2c-0.7,2.9,1.9,5.6,4.8,4.8l5.1-1.3c1.7-0.4,3.5-0.2,5.1,0.5 c4.7,2.1,10,3,15.6,2.1c12.3-1.9,22-11.9,23.5-24.2C62,17.3,46.7,2,28.5,4.2C16.2,5.7,6.2,15.5,4.3,27.8c-0.8,5.6,0,10.9,2.1,15.6 C7.1,44.9,7.3,46.7,6.9,48.4z M21.3,19.8c0.6-0.5,1.4-0.9,1.8-0.9s2.3-0.2,2.9,1.2c0.6,1.4,2,4.7,2.1,5.1c0.2,0.3,0.3,0.7,0.1,1.2 c-0.2,0.5-0.3,0.7-0.7,1.1c-0.3,0.4-0.7,0.9-1,1.2c-0.3,0.3-0.7,0.7-0.3,1.4c0.4,0.7,1.8,2.9,3.8,4.7c2.6,2.3,4.9,3,5.5,3.4 c0.7,0.3,1.1,0.3,1.5-0.2c0.4-0.5,1.7-2,2.2-2.7c0.5-0.7,0.9-0.6,1.6-0.3c0.6,0.2,4,1.9,4.7,2.2c0.7,0.3,1.1,0.5,1.3,0.8 c0.2,0.3,0.2,1.7-0.4,3.2c-0.6,1.6-2.1,3.1-3.2,3.5c-1.3,0.5-2.8,0.7-9.3-1.9c-7-2.8-11.8-9.8-12.1-10.3c-0.3-0.5-2.8-3.7-2.8-7.1 C18.9,22.1,20.7,20.4,21.3,19.8z'/></svg>
      </b:includable>
      
      <!--[ Pinterest icon ]-->
      <b:includable id='pinterest-icon'>
        <svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26a12,12,0,0,1-3.81-.63l1.2-4.81A7.93,7.93,0,0,0,16,23a8.36,8.36,0,0,0,1.4-.12,8,8,0,1,0-9.27-6.49,1,1,0,0,0,2-.35,6,6,0,1,1,3.79,4.56L15,16.24A1,1,0,1,0,13,15.76l-2.7,10.81A12,12,0,1,1,16,28Z'/></svg>
      </b:includable>
      
      <!--[ Pinteres rounded icon ]-->
      <b:includable id='pinterest-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M14.4,53.8c2.4,2,6.1,0.6,6.8-2.4l0-0.1c0.4-1.8,2.4-10.2,3.2-13.7c0.2-0.9,0.2-1.8-0.1-2.7 C24.2,34,24,32.8,24,31.5c0-4.1,2.4-7.2,5.4-7.2c2.5,0,3.8,1.9,3.8,4.2c0,2.6-1.6,6.4-2.5,9.9c-0.7,3,1.5,5.4,4.4,5.4 c5.3,0,8.9-6.8,8.9-14.9c0-6.1-4.1-10.7-11.6-10.7c-8.5,0-13.8,6.3-13.8,13.4c0,2.4,0.7,4.2,1.8,5.5c0.5,0.6,0.6,0.9,0.4,1.6 c-0.1,0.5-0.4,1.8-0.6,2.2c-0.2,0.7-0.8,1-1.4,0.7c-3.9-1.6-5.7-5.9-5.7-10.7c0-8,6.7-17.5,20-17.5c10.7,0,17.7,7.7,17.7,16 c0,11-6.1,19.2-15.1,19.2c-1.9,0-3.8-0.7-5.2-1.6c-0.9-0.6-2.1-0.1-2.4,0.9c-0.5,1.9-1.1,4.3-1.3,4.9c-0.1,0.5-0.3,0.9-0.4,1.4 c-1,2.7,0.9,5.5,3.7,5.7c2.1,0.1,4.2,0,6.3-0.3c12.4-2,22.1-12.2,23.4-24.7C61.5,18.1,48.4,4,32,4C16.5,4,4,16.5,4,32 C4,40.8,8.1,48.6,14.4,53.8z'/></svg>
      </b:includable>
      
      <!--[ Mail rounded icon ]-->
      <b:includable id='mail-r-icon'>
        <svg viewBox='0 0 500 500'><path d='M468.051,222.657c0-12.724-5.27-24.257-13.717-32.527 L282.253,45.304c-17.811-17.807-46.702-17.807-64.505,0L45.666,190.129c-8.448,8.271-13.717,19.803-13.717,32.527v209.054 c0,20.079,16.264,36.341,36.34,36.341h363.421c20.078,0,36.34-16.262,36.34-36.341V222.657z M124.621,186.402h250.758 c11.081,0,19.987,8.905,19.987,19.991v34.523c-0.088,4.359-1.818,8.631-5.181,11.997l-55.966,56.419l83.224,83.127 c6.904,6.904,6.904,18.081,0,24.985s-18.085,6.904-24.985,0l-85.676-85.672H193.034l-85.492,85.672 c-6.907,6.904-18.081,6.904-24.985,0c-6.906-6.904-6.906-18.081,0-24.985l83.131-83.127l-55.875-56.419 c-3.638-3.638-5.363-8.358-5.181-13.177v-33.343C104.632,195.307,113.537,186.402,124.621,186.402z'/></svg>
      </b:includable>
      
      <!--[ Circle icon ]-->
      <b:includable id='circle-icon'>
        <svg viewBox='0 0 32 32'><path class='svg-c' d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/><path d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/></svg>
      </b:includable>
      
      <!--[ Home icon ]-->
      <b:includable id='home-icon'>
        <svg class='line' viewBox='0 0 24 24'><path class='svg-c' d='M22.28 6.91 20.89 7.23c-.99.23-1.77 1-2 2l-.32 1.39c-.03.14-.25.14-.28 0l-.32-1.39c-.23-.99-1-1.77-2-2l-1.39-.32c-.14-.03-.14-.25 0-.28l1.39-.32c.99-.23 1.77-1 2-2l.32-1.39c.03-.14.25-.14.28 0l.32 1.39c.23.99 1 1.77 2 2l1.39.32c.14.03.14.25 0 .28Z'/><path d='M14.46 3.02c-1.44-1.12-3.47-1.12-4.91 0l-6 4.67A3.99 3.99 0 0 0 2.01 10.85V12m20  -1.15V18a4 4 0 0 1-4 4h-12a4 4 0 0 1-4-4v-1.5'/><path d='M12 15v3'/></svg>
      </b:includable>
      
      <!--[ Home alt icon ]-->
      <b:includable id='home-alt-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M10.07 2.82 3.14 8.37c-.78.62-1.28 1.93-1.11 2.91l1.33 7.96c.24 1.42 1.6 2.57 3.04 2.57h11.2c1.43 0 2.8-1.16 3.04-2.57l1.33-7.96c.16-.98-.34-2.29-1.11-2.91l-6.93-5.54c-1.07-.86-2.8-.86-3.86 0Z'/><path d='M12 15.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/></svg>
      </b:includable>
      
      <!--[ Folder icon ]-->
      <b:includable id='folder-icon'>
        <svg class='line' viewBox='0 0 24 24'><path class='svg-c' d='M14.43 14.55h-5'/><path d='M2 13.02V7c0-4 1-5 5-5h1.5c1.5 0 1.83.44 2.4 1.2l1.5 2c.38.5.6.8 1.6.8h3c4 0 5 1 5 5'/><path d='M22 14.99V17c0 4-1 5-5 5H7c-4 0-5-1-5-5'/></svg>
      </b:includable>
      
      <!--[ Message icon ]-->
      <b:includable id='message-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M21.99 19.02c0 1.65-1.34 2.98-3 2.98H5c-1.66 0-3-1.33-3-2.98v-8.49c0-.9.41-1.76 1.13-2.32l7-5.56c1.1-.87 2.65-.87 3.75 0l7 5.56c.71.57 1.12 1.42 1.12 2.32v4.62'/><path d='M2 10.96c0 .69.37 1.34.97 1.7l7.49 4.45c.95.57 2.14.57 3.09 0l7.49-4.45c.6-.36.97-1 .97-1.7'/><path class='svg-c' d='M12 7v6'/><path class='svg-c' d='m9.4 8.5 5.2 3'/><path class='svg-c' d='m9.4 11.5 5.2-3'/></svg>
      </b:includable>
      
      <!--[ Speech icon ]-->
      <b:includable id='speech-icon'>
        <svg class='line' viewBox='0 0 24 24'><path class='svg-c' d='M6 9.86v4.29M9 8.43v7.14M12 14.99V17M12 7v4.95M15 8.43v7.14M18 9.86v4.29'/><path d='M4 6c-1.25 1.67-2 3.75-2 6 0 5.52 4.48 10 10 10s10-4.48 10-10S17.52 2 12 2c-1.43 0-2.8.3-4.03.85'/></svg>
        </b:includable>
      
      <!--[ Paper icon ]-->
      <b:includable id='paper-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M15 22.75H9c-5.43 0-7.75-2.32-7.75-7.75V9c0-5.43 2.32-7.75 7.75-7.75h5c.41 0 .75.34.75.75s-.34.75-.75.75H9c-4.61 0-6.25 1.64-6.25 6.25v6c0 4.61 1.64 6.25 6.25 6.25h6c4.61 0 6.25-1.64 6.25-6.25v-5c0-.41.34-.75.75-.75s.75.34.75.75v5c0 5.43-2.32 7.75-7.75 7.75Z'/><path class='svg-c' d='M22 10.75h-4c-3.42 0-4.75-1.33-4.75-4.75v-4c0-.3.18-.58.46-.69.28-.12.6-.05.82.16l8 8c.21.21.28.54.16.82-.12.28-.39.46-.69.46Zm-7.25-6.94V6c0 2.58.67 3.25 3.25 3.25h2.19l-5.44-5.44Z'/><path d='M13 13.75H7M11 17.75H7'/></svg>
      </b:includable>
      
      <!--[ Document icon ]-->
      <b:includable id='document-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M3 7c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5v10c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5v-5.98'/><path class='svg-c' d='M14.5 4.5v2c0 1.1.9 2 2 2h2'/><path d='M8 13h4M8 17h8'/></svg>
      </b:includable>
      
      <!--[ Buy icon ]-->
      <b:includable id='buy-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M18.19 17.75H7.54c-.99 0-1.94-.42-2.61-1.15-.67-.73-1.01-1.71-.93-2.7l.83-9.96c.03-.31-.08-.61-.29-.84-.21-.23-.5-.35-.81-.35H2a.75.75 0 0 1 0-1.5h1.74c.73 0 1.42.31 1.91.84.27.3.47.65.58 1.04h12.49c1.01 0 1.94.4 2.62 1.12.67.73 1.01 1.68.93 2.69l-.54 7.5c-.11 1.83-1.71 3.31-3.54 3.31ZM6.28 4.62l-.78 9.4c-.05.58.14 1.13.53 1.56.39.43.93.66 1.51.66h10.65c1.04 0 1.98-.88 2.06-1.92l.54-7.5c.04-.59-.15-1.15-.54-1.56-.39-.42-.93-.65-1.52-.65H6.28Z'/><path d='M16.25 22.75a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/><path d='M8.25 22.75a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/><path class='svg-c' d='M21 8.75H9'/></svg>
      </b:includable>
      
      <!--[ Download icon ]-->
      <b:includable id='download-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><line x1='9.8791' x2='9.8791' y1='12.791' y2='0.75'/><polyline points='12.7951 9.8642 9.8791 12.7922 6.9631 9.8642'/><path d='M14.3703,5.2587 C17.9493,5.5887 19.2503,6.9287 19.2503,12.2587 C19.2503,19.3587 16.9393,19.3587 10.0003,19.3587 C3.0593,19.3587 0.7503,19.3587 0.7503,12.2587 C0.7503,6.9287 2.0503,5.5887 5.6303,5.2587'/></g></svg>
      </b:includable>
      
      <!--[ Download alt icon ]-->
      <b:includable id='download-alt-icon'>
        <svg class='line' viewBox='0 0 24 24'><polyline class='svg-c' points='8 17 12 21 16 17'/><line class='svg-c' x1='12' x2='12' y1='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>
      </b:includable>
      
      <!--[ Lock icon ]-->
      <b:includable id='lock-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M6 10V8c0-3.31 1-6 6-6s6 2.69 6 6v2'/><path d='M22 17v-2c0-4-1-5-5-5H7c-4 0-5 1-5 5v2c0 4 1 5 5 5h10c1.76 0 2.94-.19 3.71-.75'/><path class='svg-c' d='M16 16h.01M12 16h.01M8 16h.01'/></svg>
      </b:includable>
      
      <!--[ Shield icon ]-->
      <b:includable id='shield-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M20.59 7.12c0-1.23-.94-2.59-2.09-3.02l-4.99-1.87c-.83-.31-2.19-.31-3.02 0L5.5 4.11c-1.15.43-2.09 1.79-2.09 3.01v7.43c0 1.18.78 2.73 1.73 3.44l4.3 3.21c1.41 1.06 3.73 1.06 5.14 0l4.3-3.21c.95-.71 1.73-2.26 1.73-3.44v-3.52'/></svg>
      </b:includable>
      
      <!--[ Search icon ]-->
      <b:includable id='search-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M11.5 2C16.75 2 21 6.25 21 11.5S16.75 21 11.5 21 2 16.75 2 11.5c0-3.7 2.11-6.9 5.2-8.47'/><path d='m22 22-2-2'/></svg>
      </b:includable>
      
      <!--[ Plus icon ]-->
      <b:includable id='plus-icon'>
        <svg viewBox='0 0 512 512'><path d='M417.4,224H288V94.6c0-16.9-14.3-30.6-32-30.6c-17.7,0-32,13.7-32,30.6V224H94.6C77.7,224,64,238.3,64,256 c0,17.7,13.7,32,30.6,32H224v129.4c0,16.9,14.3,30.6,32,30.6c17.7,0,32-13.7,32-30.6V288h129.4c16.9,0,30.6-14.3,30.6-32 C448,238.3,434.3,224,417.4,224z'/></svg>
      </b:includable>
      
      <!--[ Tune icon ]-->
      <b:includable id='tune-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M22 6.5h-6M6 6.5H2'/><path class='svg-c' d='M13.5 6.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0'/><path d='M22 17.5h-4M8 17.5H2'/><path class='svg-c' d='M14 21a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z'/></svg>
      </b:includable>
      
      <!--[ Moon icon ]-->
      <b:includable id='moon-sun-icon'>
        <svg class='line d1' viewBox='0 0 24 24'><path d='M2.03 12.42C2.39 17.57 6.76 21.76 11.99 21.99c3.69.16 6.99-1.56 8.97-4.27.82-1.11.38-1.85-.99-1.6-.67.12-1.36.17-2.08.14-4.89-.2-8.89-4.29-8.91-9.12-.01-1.3.26-2.53.75-3.65.54-1.24-.11-1.83-1.36-1.3-3.96 1.67-6.67 5.66-6.34 10.23Z'/></svg>

        <svg class='line d2' viewBox='0 0 24 24'><path d='M18.5 12a6.5 6.5 0 1 0-13 0'/><path d='M4.99 4.99l-.13-.13M19.01 4.99l.13-.13-.13.13ZM12 2.08V2v.08ZM2.08 12H2h.08ZM22 12h-.08.08Z'/><path class='svg-c c-2' d='M4 15h16'/><path class='svg-c' d='M6 18h12'/><path class='svg-c' d='M9 21h6'/></svg>

      </b:includable>

      <!--[ Chat icon ]-->
      <b:includable id='chat-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M2 8c0-4 2-6 6-6h8c4 0 6 2 6 6v5c0 4-2 6-6 6h-.5c-.31 0-.61.15-.8.4l-1.5 2c-.66.88-1.74.88-2.4 0l-1.5-2c-.16-.22-.53-.4-.8-.4H8c-4 0-6-1-6-6v-1'/><path class='svg-c' d='M16 11h.01M12 11h.01M8 11h.01'/></svg>
      </b:includable>
      
      <!--[ Messages icon ]-->
      <b:includable id='messages-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M22 10V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H14'/><path d='M19.5 7C20.8807 7 22 5.88071 22 4.5C22 3.11929 20.8807 2 19.5 2C18.1193 2 17 3.11929 17 4.5C17 5.88071 18.1193 7 19.5 7Z'/></svg>
      </b:includable>
      
      <!--[ Hamburger menu icon ]-->
      <b:includable id='ham-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M3 7h18M9.49 12H21M3 12h2.99M3 17h18'/></svg>
      </b:includable>
      
      <!--[ Calendar icon ]-->
      <b:includable id='calendar-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.749800, 2.050100)'><path d='M-1.0658141e-14,10.7255 C-1.0658141e-14,3.7695 2.319,1.4515 9.274,1.4515 C16.23,1.4515 18.549,3.7695 18.549,10.7255 C18.549,17.6815 16.23,19.9995 9.274,19.9995 C2.319,19.9995 -1.0658141e-14,17.6815 -1.0658141e-14,10.7255 Z'/><line x1='0.2754' x2='18.2834' y1='7.2739' y2='7.2739'/><line x1='13.2832' x2='13.2832' y1='2.84217094e-14' y2='3.262'/><line x1='5.2749' x2='5.2749' y1='2.84217094e-14' y2='3.262'/></g></svg>
      </b:includable>
      
      <!--[ Time square icon ]-->
      <b:includable id='time-square-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z'/><polyline points='13.3902 12.0181 9.9992 9.9951 9.9992 5.6341'/></g></svg>
      </b:includable>
      
      <!--[ Bookmark icon ]-->
      <b:includable id='bookmark-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/></g></svg>
      </b:includable>
      
      <!--[ Bookmark ALT icon ]-->
      <b:includable id='bookmark-alt-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M22 9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7h6c5 0 7-2 7-7v-2.03'/><path class='svg-c' d='M7 4.99V2.44M17 2.44v9.98c0 1.97-1.41 2.74-3.14 1.7l-1.32-.79c-.3-.18-.78-.18-1.08 0l-1.32.79C8.41 15.15 7 14.39 7 12.42V9'/></svg>
      </b:includable>
      
      <!--[ Link icon ]-->
      <b:includable id='link-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M13 11L21.2 2.80005'/><path d='M22 6.8V2H17.2'/><path d='M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13'/></svg>
      </b:includable>
      
      <!--[ Tag icon ]-->
      <b:includable id='tag-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M7.2 7.76c0 .22-.19.41-.41.38-.22 0-.41-.19-.41-.41s.19-.41.41-.41c.21 0 .41.2.41.41'/><path class='svg-c' d='M22.69 13.79l-1.08.25c-.77.18-1.38.78-1.56 1.56l-.25 1.08c-.02.11-.19.11-.22 0l-.25-1.08c-.18-.77-.78-1.38-1.56-1.56l-1.08-.25c-.11-.02-.11-.19 0-.22l1.08-.25c.77-.18 1.38-.78 1.56-1.56l.25-1.08c.02-.11.19-.11.22 0l.25 1.08c.18.77.78 1.38 1.56 1.56l1.08.25c.11.02.11.19 0 .22Z'/><path d='M17.56 18.86 15.46 20.96c-1.17 1.17-3.07 1.17-4.24 0L6.66 16.4M17.27 9.33 11.12 3.07c-.57-.58-1.35-.9-2.16-.9l-2.69.02c-.79.01-1.54.32-2.1.88L2.1 5.14c-.56.56-.88 1.32-.88 2.12v2.46c0 .79.32 1.56.88 2.12l1.01 1.01'/></svg>
      </b:includable>
      
      <!--[ Link icon alt ]-->
      <b:includable id='link-alt-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M13.0601 10.9399C15.3101 13.1899 15.3101 16.8299 13.0601 19.0699C10.8101 21.3099 7.17009 21.3199 4.93009 19.0699C2.69009 16.8199 2.68009 13.1799 4.93009 10.9399'/><path d='M10.59 13.4099C8.24996 11.0699 8.24996 7.26988 10.59 4.91988C12.93 2.56988 16.73 2.57988 19.08 4.91988C21.43 7.25988 21.42 11.0599 19.08 13.4099'/></svg>
      </b:includable>
      
      <!--[ Location icon ]-->
      <b:includable id='location-icon'>
        <svg class='line' viewBox='0 0 24 24'><path class='svg-c' d='M12 13.43a3.12 3.12 0 1 0 0-6.24 3.12 3.12 0 0 0 0 6.24Z'/><path d='M3.62 8.49C5.59-.17 18.42-.16 20.38 8.5c1.15 5.08-2.01 9.38-4.78 12.04-2.01 1.94-5.19 1.94-7.21 0C5.63 17.88 2.47 13.57 3.62 8.49Z'/></svg>
      </b:includable>
      
    </b:defaultmarkup>
  </b:defaultmarkups>
 
  <b:if cond='!data:view.isError and !data:view.isPreview'>
    <script>/*<![CDATA[*//*@shinsenter/defer.js*/ !function(c,i,t){var f,o=/^data-(.+)/,u='IntersectionObserver',r=/p/.test(i.readyState),s=[],a=s.slice,d='lazied',n='load',e='pageshow',l='forEach',m='hasAttribute',h='shift';function p(e){i.head.appendChild(e)}function v(e,n){a.call(e.attributes)[l](n)}function y(e,n,t,o){return o=(o=n?i.getElementById(n):o)||i.createElement(e),n&&(o.id=n),t&&(o.onload=t),o}function b(e,n){return a.call((n||i).querySelectorAll(e))}function g(t,e){b('source',t)[l](g),v(t,function(e,n){(n=o.exec(e.name))&&(t[n[1]]=e.value)}),e&&(t.className+=' '+e),n in t&&t[n]()}function I(e){f(function(o){o=b(e||'[type=deferjs]'),function e(n,t){(n=o[h]())&&(n.parentNode.removeChild(n),(t=y(n.nodeName)).text=n.text,v(n,function(e){'type'!=e.name&&(t[e.name]=e.value)}),t.src&&!t[m]('async')?(t.onload=t.onerror=e,p(t)):(p(t),e()))}()})}(f=function(e,n){r?t(e,n):s.push(e,n)}).all=I,f.js=function(n,t,e,o){f(function(e){(e=y('SCRIPT',t,o)).src=n,p(e)},e)},f.css=function(n,t,e,o){f(function(e){(e=y('LINK',t,o)).rel='stylesheet',e.href=n,p(e)},e)},f.dom=function(e,n,t,o,i){function r(e){o&&!1===o(e)||g(e,t)}f(function(t){t=u in c&&new c[u](function(e){e[l](function(e,n){e.isIntersecting&&(n=e.target)&&(t.unobserve(n),r(n))})},i),b(e||'[data-src]')[l](function(e){e[m](d)||(e.setAttribute(d,''),t?t.observe(e):r(e))})},n)},f.reveal=g,c.Defer=f,c.addEventListener('on'+e in c?e:n,function(){for(I();s[0];t(s[h](),s[h]()))r=1})}(this,document,setTimeout),function(e,n){e.defer=n=e.Defer,e.deferscript=n.js,e.deferstyle=n.css,e.deferimg=e.deferiframe=n.dom}(this);/*]]>*/</script>
    <script>/*<![CDATA[*/if(!window.IntersectionObserver){var s=document.createElement("script");s.src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver";s.async=true;document.head.appendChild(s);}/*]]>*/</script>
    
    <script>/*<![CDATA[*//*@fineshopdesign/lazy.js*/function _0x23fd(_0x2c31e8,_0x1e16f3){_0x2c31e8=_0x2c31e8-(-0x7c1*0x2+0x687*-0x1+0x171c);var _0x1dd3f4=_0x56f0();var _0x5190f3=_0x1dd3f4[_0x2c31e8];if(_0x23fd['ugiWJP']===undefined){var _0x30c0cb=function(_0x11b0ec){var _0x405520='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x53dfe8='',_0x2cad8e='',_0x2c6df3=_0x53dfe8+_0x30c0cb;for(var _0x16a0d1=-0x1c*-0x100+-0x72a+-0x14d6,_0x3173d7,_0x3a3119,_0x145b88=0x4*0x2dd+-0x2*-0xfa6+-0x2ac*0x10;_0x3a3119=_0x11b0ec['charAt'](_0x145b88++);~_0x3a3119&&(_0x3173d7=_0x16a0d1%(0x1537+0x143b+-0x296e)?_0x3173d7*(0x7f1+0xb*-0x1d5+-0x6e*-0x1d)+_0x3a3119:_0x3a3119,_0x16a0d1++%(0x2378+-0x161c+-0xd58))?_0x53dfe8+=_0x2c6df3['charCodeAt'](_0x145b88+(-0x249a+-0x2558+0x49fc))-(-0x1f4a+0x3*0xced+0x773*-0x1)!==0x14ff+0x2*0xce3+0x1*-0x2ec5?String['fromCharCode'](-0x1*0x135+0x247d*0x1+-0x43*0x83&_0x3173d7>>(-(0x1*-0x1e1f+0x1*0xb35+0x12ec)*_0x16a0d1&-0x6e2+0x4e8+0x200)):_0x16a0d1:-0x25*-0x2b+-0x70b+0xd4*0x1){_0x3a3119=_0x405520['indexOf'](_0x3a3119);}for(var _0x5efacc=-0x493*-0x8+0x1d*-0x10d+-0x61f*0x1,_0xf17a3c=_0x53dfe8['length'];_0x5efacc<_0xf17a3c;_0x5efacc++){_0x2cad8e+='%'+('00'+_0x53dfe8['charCodeAt'](_0x5efacc)['toString'](-0xac9+0x12cc*0x1+-0x197*0x5))['slice'](-(-0x1a26+-0x24*-0xef+-0x774));}return decodeURIComponent(_0x2cad8e);};var _0x24e5ae=function(_0x5a0453,_0x191293){var _0x4e4b08=[],_0x5adbdd=-0x5ff+0x14fa+-0xefb,_0xc3fe18,_0x151cef='';_0x5a0453=_0x30c0cb(_0x5a0453);var _0x308dc7;for(_0x308dc7=-0x2430*0x1+0x1a94+0x99c;_0x308dc7<-0x1ea9*0x1+-0x1b52*-0x1+0x457;_0x308dc7++){_0x4e4b08[_0x308dc7]=_0x308dc7;}for(_0x308dc7=0x1*0x973+-0x14c7+0xb54;_0x308dc7<-0x7a*-0x33+-0x1d52+0x604;_0x308dc7++){_0x5adbdd=(_0x5adbdd+_0x4e4b08[_0x308dc7]+_0x191293['charCodeAt'](_0x308dc7%_0x191293['length']))%(0x1d8*0x12+-0x13fe+-0xc32),_0xc3fe18=_0x4e4b08[_0x308dc7],_0x4e4b08[_0x308dc7]=_0x4e4b08[_0x5adbdd],_0x4e4b08[_0x5adbdd]=_0xc3fe18;}_0x308dc7=0x574+0x78d*0x1+0x1*-0xd01,_0x5adbdd=-0xa3*-0x1a+0x84e+-0x637*0x4;for(var _0x31e301=0x2*0xe71+-0x4aa+-0x1838;_0x31e301<_0x5a0453['length'];_0x31e301++){_0x308dc7=(_0x308dc7+(0x4*0x28e+0x92f*-0x2+-0x1*-0x827))%(0x1937+0x1e37+-0x1*0x366e),_0x5adbdd=(_0x5adbdd+_0x4e4b08[_0x308dc7])%(-0x1f*-0xb4+0x2*0x763+-0x2392),_0xc3fe18=_0x4e4b08[_0x308dc7],_0x4e4b08[_0x308dc7]=_0x4e4b08[_0x5adbdd],_0x4e4b08[_0x5adbdd]=_0xc3fe18,_0x151cef+=String['fromCharCode'](_0x5a0453['charCodeAt'](_0x31e301)^_0x4e4b08[(_0x4e4b08[_0x308dc7]+_0x4e4b08[_0x5adbdd])%(0xf7a+0x223e+-0x30b8)]);}return _0x151cef;};_0x23fd['XEIWIU']=_0x24e5ae,_0x23fd['vuTRQp']={},_0x23fd['ugiWJP']=!![];}var _0xfef800=_0x1dd3f4[-0x204d+-0x1060+0x11*0x2dd],_0x31455c=_0x2c31e8+_0xfef800,_0x691659=_0x23fd['vuTRQp'][_0x31455c];if(!_0x691659){if(_0x23fd['XVhuWF']===undefined){var _0x3a596c=function(_0x5b1f57){this['GmAtNs']=_0x5b1f57,this['NrfEhM']=[-0x876+0x13a7+0x166*-0x8,0x4*-0x756+-0x9b*0x16+0x2aaa,-0x17bc+0x59*0x51+0xb*-0x67],this['VBwJNE']=function(){return'newState';},this['HftfNr']='\x5cw+\x20*\x5c(\x5c)\x20*{\x5cw+\x20*',this['tocFxd']='[\x27|\x22].+[\x27|\x22];?\x20*}';};_0x3a596c['prototype']['HtUGqX']=function(){var _0x5f1299=new RegExp(this['HftfNr']+this['tocFxd']),_0x2a52fc=_0x5f1299['test'](this['VBwJNE']['toString']())?--this['NrfEhM'][0x5d0+0x2157+0x2726*-0x1]:--this['NrfEhM'][0x11*0xe5+-0xfda+0xa5];return this['hmZzXe'](_0x2a52fc);},_0x3a596c['prototype']['hmZzXe']=function(_0x59c050){if(!Boolean(~_0x59c050))return _0x59c050;return this['uFNjln'](this['GmAtNs']);},_0x3a596c['prototype']['uFNjln']=function(_0x482a87){for(var _0x3209f0=-0x1cc5+-0x20d8+0x3d9d,_0x3bf012=this['NrfEhM']['length'];_0x3209f0<_0x3bf012;_0x3209f0++){this['NrfEhM']['push'](Math['round'](Math['random']())),_0x3bf012=this['NrfEhM']['length'];}return _0x482a87(this['NrfEhM'][0x14ad+0x15f9+-0x1553*0x2]);},new _0x3a596c(_0x23fd)['HtUGqX'](),_0x23fd['XVhuWF']=!![];}_0x5190f3=_0x23fd['XEIWIU'](_0x5190f3,_0x1e16f3),_0x23fd['vuTRQp'][_0x31455c]=_0x5190f3;}else _0x5190f3=_0x691659;return _0x5190f3;}var _0x2290b9=_0x23fd;(function(_0x31455c,_0x691659){var _0x3ede11=_0x23fd,_0x24e5ae=_0x31455c();while(!![]){try{var _0x11b0ec=-parseInt(_0x3ede11(0x12a,']9$O'))/(-0x17d*0x2+0x1937+-0x2*0xb1e)+parseInt(_0x3ede11(0x161,'cLIB'))/(-0x1f*-0xb4+0x2*0x763+-0x2490)+-parseInt(_0x3ede11(0x126,'#X)q'))/(0xf7a+0x223e+-0x31b5)*(parseInt(_0x3ede11(0x172,'4qev'))/(-0x204d+-0x1060+0xf*0x33f))+parseInt(_0x3ede11(0x13f,'cJmm'))/(-0x876+0x13a7+0x8f*-0x14)*(parseInt(_0x3ede11(0x16a,'WPEH'))/(0x4*-0x756+-0x9b*0x16+0x2ab0))+-parseInt(_0x3ede11(0x14f,'7EZs'))/(-0x17bc+0x59*0x51+0x2*-0x233)*(-parseInt(_0x3ede11(0x136,'MC25'))/(0x5d0+0x2157+0x271f*-0x1))+parseInt(_0x3ede11(0x12c,'#X)q'))/(0x11*0xe5+-0xfda+0xae)+-parseInt(_0x3ede11(0x11e,'73sZ'))/(-0x1cc5+-0x20d8+0x3da7)*(parseInt(_0x3ede11(0x158,'cJmm'))/(0x14ad+0x15f9+-0x2a9b*0x1));if(_0x11b0ec===_0x691659)break;else _0x24e5ae['push'](_0x24e5ae['shift']());}catch(_0x405520){_0x24e5ae['push'](_0x24e5ae['shift']());}}}(_0x56f0,-0x22c26+0x1*-0xaf19d+0x1bf0d8),window[_0x2290b9(0x16b,'MC25')+'y']=window['laz'+'y']||new Promise(_0x2e3787=>{var _0x128b9c=_0x2290b9;const _0x5c3912=_0x128b9c(0x168,'4qev')+_0x128b9c(0x11c,'rNSW')+_0x128b9c(0x162,'AHOD'),_0x31c316='tru'+'e',_0x240db0=[_0x128b9c(0x175,'H7zK')+_0x128b9c(0x12f,'s6oP'),'cli'+'ck'],_0x47aeaf=['key'+_0x128b9c(0x145,'MC25')+'n',_0x128b9c(0x119,'mQRH')+_0x128b9c(0x132,'PBas')+'ver',_0x128b9c(0x16c,'yFqa')+'chm'+'ove',_0x128b9c(0x167,'cLIB')+'chs'+_0x128b9c(0x15d,'LbW]')+'t'],_0x487c20=_0x240db0[_0x128b9c(0x121,'PBas')+'cat'](_0x47aeaf);function _0x4ecc4b(){var _0x40e1d2=_0x128b9c;try{return localStorage['get'+_0x40e1d2(0x140,'@l1$')+'m'](_0x5c3912)===_0x31c316;}catch(_0x3d5e24){return!(0x4*0x2dd+-0x2*-0xfa6+-0x2ac*0x10);}}function _0x1f7b27(_0x579bba=!(0x1537+0x143b+-0x2972)){var _0x6dc8f7=_0x128b9c;try{_0x579bba?localStorage['set'+_0x6dc8f7(0x15f,'OHF0')+'m'](_0x5c3912,_0x31c316):localStorage[_0x6dc8f7(0x170,'@AAn')+'ove'+'Ite'+'m'](_0x5c3912);}catch(_0x368f39){}}function _0xaec6f9(_0x4e4e87){var _0x1876f3=_0x128b9c;_0x1f7b27(!(0x7f1+0xb*-0x1d5+-0x209*-0x6)),_0x2e3787({'type':_0x4e4e87[_0x1876f3(0x14a,'jsd!')+'e'][_0x1876f3(0x116,'s6oP')+'owe'+'rCa'+'se']()}),_0x487c20[_0x1876f3(0x154,'GeE%')+'Eac'+'h'](_0x31f2eb=>window['rem'+_0x1876f3(0x13b,'OS61')+'Eve'+_0x1876f3(0x146,']9$O')+_0x1876f3(0x16d,']y#x')+_0x1876f3(0x151,'yw5k')+'r'](_0x31f2eb,_0xaec6f9));}if(_0x4ecc4b())_0x2e3787({'type':_0x128b9c(0x118,'6$&J')+'al'});else{if(0x2378+-0x161c+-0xd5c!==document[_0x128b9c(0x155,'Q77m')+_0x128b9c(0x115,'7EZs')+'ntE'+_0x128b9c(0x141,'rNSW')+_0x128b9c(0x14b,'LbW]')][_0x128b9c(0x124,'PBas')+'oll'+'Top']||document[_0x128b9c(0x16f,'IFY1')+'y']&&-0x249a+-0x2558+0x49f2!==document['bod'+'y'][_0x128b9c(0x13d,'V(0O')+_0x128b9c(0x166,'H7zK')+'Top'])_0xaec6f9({'type':_0x128b9c(0x11f,'6w[%')+_0x128b9c(0x120,'hiUa')});else{const _0x159087=()=>{var _0xc89824=_0x128b9c;window['rem'+_0xc89824(0x156,'Q77m')+_0xc89824(0x12d,'PBas')+_0xc89824(0x147,'6w[%')+'ist'+_0xc89824(0x174,'Sm8C')+'r']('loa'+'d',_0x159087),_0x47aeaf['for'+'Eac'+'h'](_0x2749aa=>window[_0xc89824(0x137,'Jp3g')+'Eve'+_0xc89824(0x142,'7EZs')+_0xc89824(0x15b,'OS61')+_0xc89824(0x135,'s6oP')+'r'](_0x2749aa,_0xaec6f9));};window[_0x128b9c(0x152,']9$O')+_0x128b9c(0x149,'($3j')+_0x128b9c(0x134,'GOtf')+'ist'+'ene'+'r']('loa'+'d',_0x159087),_0x240db0['for'+'Eac'+'h'](_0x35ad83=>window[_0x128b9c(0x159,'tp8O')+'Eve'+_0x128b9c(0x122,'x@NZ')+'ist'+'ene'+'r'](_0x35ad83,_0xaec6f9));}}}),!(function(){var _0x225aa4=_0x2290b9,_0x202b6b=(function(){var _0x3745a3=!![];return function(_0x271784,_0x557645){var _0x213f26=_0x3745a3?function(){if(_0x557645){var _0x286f1c=_0x557645['app'+'ly'](_0x271784,arguments);return _0x557645=null,_0x286f1c;}}:function(){};return _0x3745a3=![],_0x213f26;};}()),_0x2fad61=_0x202b6b(this,function(){var _0x4c91fd=_0x23fd;return _0x2fad61['toS'+'tri'+'ng']()[_0x4c91fd(0x123,'UDJS')+'rch'](_0x4c91fd(0x11b,'Ik&a')+_0x4c91fd(0x163,'LfDk')+'+)+'+')+$')[_0x4c91fd(0x113,'@l1$')+'tri'+'ng']()[_0x4c91fd(0x14e,'hiUa')+_0x4c91fd(0x13c,'@AAn')+'uct'+'or'](_0x2fad61)['sea'+'rch'](_0x4c91fd(0x15c,'7EZs')+_0x4c91fd(0x11d,'tp8O')+_0x4c91fd(0x12b,']y#x')+')+$');});_0x2fad61();var _0x1841a1=function(){var _0x2cb114=_0x23fd,_0x4d5d7e=document[_0x2cb114(0x14d,'LbW]')+_0x2cb114(0x139,'V(0O')+'ele'+'cto'+'r'](_0x2cb114(0x148,'V(0O')+'eat'+'or\x20'+'a');if(!_0x4d5d7e||_0x4d5d7e['hre'+'f']['ind'+'exO'+'f'](_0x2cb114(0x14c,'LbW]')+_0x2cb114(0x125,'7ut2')+_0x2cb114(0x160,'[SU#')+_0x2cb114(0x16e,'yFqa')+_0x2cb114(0x133,'sU^P')+_0x2cb114(0x143,'GOtf')+'.in')===-(-0x1f4a+0x3*0xced+0x3be*-0x2))return location[_0x2cb114(0x144,'Zewq')+'lac'+'e'](_0x2cb114(0x130,'bi$M')+_0x2cb114(0x129,'Ik&a')+_0x2cb114(0x171,'($3j')+'ww.'+'cos'+'hix'+'.in');var _0x58c5be=getComputedStyle(_0x4d5d7e[_0x2cb114(0x15a,'cLIB')+_0x2cb114(0x138,'tp8O')+'Ele'+'men'+'t']);(_0x2cb114(0x165,'fAMo')+'e'===_0x58c5be['dis'+'pla'+'y']||'0'===_0x58c5be[_0x2cb114(0x173,'7L6O')+'cit'+'y'])&&location[_0x2cb114(0x153,'fAMo')+_0x2cb114(0x13a,'OS61')+'e']('htt'+'ps:'+_0x2cb114(0x15e,'s6oP')+_0x2cb114(0x164,'V(0O')+_0x2cb114(0x157,'mQRH')+'hix'+_0x2cb114(0x150,'GeE%'));};document['add'+_0x225aa4(0x11a,'LfDk')+'ntL'+_0x225aa4(0x169,'jsd!')+_0x225aa4(0x127,'V(0O')+'r']('DOM'+_0x225aa4(0x128,'4wcM')+_0x225aa4(0x114,'GeE%')+'tLo'+'ade'+'d',_0x1841a1),setInterval(_0x1841a1,0x14ff+0x2*0xce3+0x1*-0x1f25);}()));function _0x56f0(){var _0x1e821b=['h8kWx8oDW5ibW7BcNCoZWRGxeSkJ','W5ZcKsO','W4ntaW','wLpcLa','DLrR','B8kNwq','daVcTW','WRuVW6RcKmoAh8ksW63cNSkutW','dtJdGa','uLRdHW','jbzc','xu/cTq','WQP0WPe','nbPE','W5fbxa','DCohW7JdKJX9WO5oWQNcPdW','WPySW6u','WPtcP8oT','lG95','WQtdU8kTcYxdOmoMWQFdN8o8EmosvG','e8owpq','DCobW7VdKd0/W44BWRlcIJ3cGSkXga','aG9j','WOLDoCoqvCkgWRZcTCkveYS','d8oFWQG','FSoodq','j23cV8odzSozDq','nbXd','W7j2WQ4','tayT','bCoDWQe','bua9eW7cKeC','W49NW4G','r07dQG','WOe7W5m','iCoKba','iSoZaG','W5L/WR4','WOaHW7i','feZdPLDPeGK','W57cKXK7rMdcMGBdUwGgWRldKW','pSk5yq','t8kdBG','WRNcQmkI','sHSz','aSoOzW','wwCe','W7VcUSoq','ec/dVG','W50HW7i','zIZdUa','e8kTW50','W6hcRdW','W6ZcTJW','W7xcTY0','xLNdHq','W6hdRSoAbCoUvCo1aH8KW6PTbW','xSk3WR4','FSkeWOC','W7tcQSo4','W7VcJ8kf','fSkXWQi','WPJdIJW','WPpdKZO','W41tbq','W5RcLHC4gHVdQrxdJ0q','q0tdUG','uWqO','jmo2eW','W7/dTmog','W7dcOZO','t8kCWRm','W5NcV8oM','WQRcHmoQ','ev1PqYBcQrtdTg/dQ3RcILW','bCk4ga','mq7dMa','WOq1WQ4','W6FcHCkB','vZHF','vWOV','W7u9xG','dSkNW5K','eSkwCYamAmkI','uwKj','FCkfzW','uCkmyG','FSkDpa','WOCNWPG','W5HUWQe','dhxdQG','WOvwoCkIb8kbWR3cLmkL','bhH8','tmoSdG','sZDb','a8kIvW','bmk7WR4','WQlcSCkl','fmoCWOG'];_0x56f0=function(){return _0x1e821b;};return _0x56f0();}/*]]>*/</script>
    
    <b:if cond='data:view.isPost'>
      <script>/*<![CDATA[*/ /* Table of Content, Credit: blustemy.io/creating-a-table-of-contents-in-javascript */
class TableOfContents { constructor({ from, to }) { this.fromElement = from; this.toElement = to; this.headingElements = this.fromElement.querySelectorAll("h1, h2, h3, h4, h5, h6"); this.tocElement = document.createElement("div"); }; getMostImportantHeadingLevel() { let mostImportantHeadingLevel = 6; for (let i = 0; i < this.headingElements.length; i++) { let headingLevel = TableOfContents.getHeadingLevel(this.headingElements[i]); mostImportantHeadingLevel = (headingLevel < mostImportantHeadingLevel) ? headingLevel : mostImportantHeadingLevel; } return mostImportantHeadingLevel; }; static generateId(headingElement) { return headingElement.textContent.replace(/\s+/g, "_"); }; static getHeadingLevel(headingElement) { switch (headingElement.tagName.toLowerCase()) { case "h1": return 1; case "h2": return 2; case "h3": return 3; case "h4": return 4; case "h5": return 5; case "h6": return 6; default: return 1; } }; generateToc() { let currentLevel = this.getMostImportantHeadingLevel() - 1, currentElement = this.tocElement; for (let i = 0; i < this.headingElements.length; i++) { let headingElement = this.headingElements[i], headingLevel = TableOfContents.getHeadingLevel(headingElement), headingLevelDifference = headingLevel - currentLevel, linkElement = document.createElement("a"); if (!headingElement.id) { headingElement.id = TableOfContents.generateId(headingElement); } linkElement.href = `#${headingElement.id}`; linkElement.textContent = headingElement.textContent; if (headingLevelDifference > 0) { for (let j = 0; j < headingLevelDifference; j++) { let listElement = document.createElement("ol"), listItemElement = document.createElement("li"); listElement.appendChild(listItemElement); currentElement.appendChild(listElement); currentElement = listItemElement; } currentElement.appendChild(linkElement); } else { for (let j = 0; j < -headingLevelDifference; j++) { currentElement = currentElement.parentNode.parentNode; } let listItemElement = document.createElement("li"); listItemElement.appendChild(linkElement); currentElement.parentNode.appendChild(listItemElement); currentElement = listItemElement; } currentLevel = headingLevel; } this.toElement.appendChild(this.tocElement.firstChild); } } /*]]>*/</script>
    </b:if>
    
  <b:if cond='data:vars.code_highlight == &quot;2px&quot;'>
    <b:if cond='data:view.isSingleItem'>
      <script>/*<![CDATA[*/lazy.then(function(){function w(){document.querySelectorAll(".post-body pre>code:not(.w)").forEach(function(c){var p=c.parentNode;if(p&&!p.parentNode.classList.contains("pre")){var d=document.createElement("div");d.className="pre";p.parentNode.insertBefore(d,p);d.appendChild(p);c.classList.add("w")}})}function h(){document.querySelectorAll(".pre pre code:not([data-d])").forEach(function(c){if(c.querySelector("mark")){c.dataset.d=1;return}hljs.highlightElement(c);c.dataset.d=1});b()}function b(){document.querySelectorAll(".pre").forEach(function(w){if(w.querySelector(".copy-btn"))return;var c=w.querySelector("code");if(!c)return;var p=c.closest("pre"),m=c.className.match(/language-(\w+)/),l=m?m[1]:"",custom=p.getAttribute("data-comment");w.setAttribute("data-comment",custom||l||"</>");var btn=document.createElement("button");btn.className="copy-btn";btn.innerHTML='<svg viewBox="0 0 24 24" class="line"><path d="M16 12.9v4.2c0 3.5-1.4 4.9-4.9 4.9H6.9C3.4 22 2 20.6 2 17.1v-4.2C2 9.4 3.4 8 6.9 8h4.2c3.5 0 4.9 1.4 4.9 4.9Z" class="svg-c"/><path d="M22 6.9v4.2c0 3.5-1.4 4.9-4.9 4.9H16v-3.1c0-3.5-1.4-4.9-4.9-4.9H8V6.9C8 3.4 9.4 2 12.9 2h4.2C20.6 2 22 3.4 22 6.9Z" class="c-2"/></svg>';btn.onclick=function(){navigator.clipboard.writeText(p?p.innerText:c.innerText).then(function(){btn.classList.add("copied");setTimeout(function(){btn.classList.remove("copied")},1500)})};w.style.position="relative";w.appendChild(btn)})}function init(){w();if(typeof hljs!="undefined")h();else{var s=document.createElement("script");s.src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js";s.onload=h;document.head.appendChild(s)}}document.readyState==="complete"?init():window.addEventListener("load",init)});/*]]>*/</script>
    </b:if>
    </b:if>
    
    <b:if cond='data:vars.ad_blocker == &quot;2px&quot;'>
    <b:if cond='data:view.isSingleItem'>
      <script>/*<![CDATA[*/lazy.then(function(){function e(){var e=document.querySelector(".pInr");e&&!e.dataset.locked&&(e.dataset.locked="1",e.innerHTML="<p class='note note-error'><b>AD Blocker Detected</b><br>Please disable your ad blocker to support us.</p>")}function t(){var t=document.createElement("div");t.className="adsbox ad-banner ad-unit adtest",t.style.cssText="position:absolute;left:-9999px;height:1px;width:1px;",(document.body||document.documentElement).appendChild(t);var n=!1,o=document.createElement("script");o.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js",o.async=!0,o.onerror=function(){n=!0},(document.head||document.documentElement).appendChild(o),setTimeout(function(){(n||!t||null===t.offsetParent||0===t.clientHeight)&&e(),t.remove()},300)}document.body?t():window.addEventListener("DOMContentLoaded",t)});/*]]>*/</script>
   </b:if>
    </b:if>
    
   
   <data:blog.feedLinks/>
  <script type='application/ld+json'>
  {
    &quot;@context&quot;: &quot;https://schema.org&quot;,
    &quot;@type&quot;: &quot;WebSite&quot;,
    &quot;url&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;,
    &quot;name&quot;: &quot;<data:blog.title/>&quot;,
    &quot;alternateName&quot;: &quot;<data:blog.title/>&quot;,
    &quot;potentialAction&quot;: {
      &quot;@type&quot;: &quot;SearchAction&quot;,
      &quot;target&quot;: &quot;<data:blog.homepageUrl.canonical/>search?q={search_term_string}&quot;,
      &quot;query-input&quot;: &quot;required name=search_term_string&quot;
    }
  }
  </script>
   
  
    <!--[ Fonts ]-->
   <script>/*<![CDATA[*/lazy.then(function(){var l1=document.createElement("link");l1.rel="preconnect";l1.href="https://fonts.googleapis.com";document.head.appendChild(l1);var l2=document.createElement("link");l2.rel="preconnect";l2.href="https://fonts.gstatic.com";l2.crossOrigin="anonymous";document.head.appendChild(l2);var s=document.createElement("link");s.rel="stylesheet";s.href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";document.head.appendChild(s)})/*]]>*/</script>
   
   <script>/*<![CDATA[*/lazy.then(function(){var l1=document.createElement("link");l1.rel="preconnect";l1.href="https://fonts.googleapis.com";document.head.appendChild(l1);var l2=document.createElement("link");l2.rel="preconnect";l2.href="https://fonts.gstatic.com";l2.crossOrigin="anonymous";document.head.appendChild(l2);var s=document.createElement("link");s.rel="stylesheet";s.href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";document.head.appendChild(s)})/*]]>*/</script>
    
    <script type='speculationrules'>
{
  &quot;prefetch&quot;: [{
    &quot;source&quot;: &quot;document&quot;,
    &quot;where&quot;: { &quot;href_matches&quot;: &quot;/*&quot; },
    &quot;eagerness&quot;: &quot;moderate&quot;
  }]
}
</script>
    
   <script>window.cookieChoices = {};if(localStorage.getItem(&#39;ckA&#39;)===&#39;1&#39;){document.documentElement.classList.add(&#39;ckH&#39;)}</script>
   
   <!--[ Google Analytics Lazy Loading ]-->
<b:with value='{ status: (data:vars.google_analytics != &quot;1px&quot;), trackingId: data:blog.analyticsAccountNumber }' var='analytics'>
  <b:if cond='!data:view.isPreview and !data:view.isError and data:analytics.status and data:analytics.trackingId'>
    <b:switch var='data:vars.analytics_loadType'>
      <b:case value='1px'/>
        <!-- Normal (blocking) -->
        <script async='async' expr:src='&quot;https://www.googletagmanager.com/gtag/js?id=&quot; + data:analytics.trackingId'/>
        <script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(&#39;js&#39;, new Date()); gtag(&#39;config&#39;, &#39;<data:analytics.trackingId.jsEscaped/>&#39;);</script>
      <b:case value='2px'/>
        <!-- Defer (load after DOMContentLoaded) -->
        <script>document.addEventListener(&#39;DOMContentLoaded&#39;, function() { var s = document.createElement(&#39;script&#39;); s.async = true; s.src = &#39;https://www.googletagmanager.com/gtag/js?id=<data:analytics.trackingId.jsEscaped/>&#39;; document.head.appendChild(s); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(&#39;js&#39;, new Date()); gtag(&#39;config&#39;, &#39;<data:analytics.trackingId.jsEscaped/>&#39;); });</script>
      <b:case value='3px'/>
        <!-- Lazy (load after user interaction or idle) -->
        <script>window.lazy = window.lazy || new Promise(resolve =&gt; { /* your existing lazy init */ }); window.lazy.then(function() { var s = document.createElement(&#39;script&#39;); s.async = true; s.src = &#39;https://www.googletagmanager.com/gtag/js?id=<data:analytics.trackingId.jsEscaped/>&#39;; document.head.appendChild(s); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(&#39;js&#39;, new Date()); gtag(&#39;config&#39;, &#39;<data:analytics.trackingId.jsEscaped/>&#39;); });</script>
      <b:case value='4px'/>
        <!-- Defer + Lazy -->
        <script>document.addEventListener(&#39;DOMContentLoaded&#39;, function() { window.lazy.then(function() { var s = document.createElement(&#39;script&#39;); s.async = true; s.src = &#39;https://www.googletagmanager.com/gtag/js?id=<data:analytics.trackingId.jsEscaped/>&#39;; document.head.appendChild(s); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(&#39;js&#39;, new Date()); gtag(&#39;config&#39;, &#39;<data:analytics.trackingId.jsEscaped/>&#39;); }); });</script>
      <b:default/>
    </b:switch>
  </b:if>
</b:with>

<!--[ Google Adsense Lazy Loading ]-->
<b:with value='{ status: (data:vars.adsense_status == &quot;2px&quot;), clientId: (data:vars.adsense_clientId ? &quot;ca-pub-&quot; + snippet(data:vars.adsense_clientId) : data:blog.adsenseClientId), hostId: (data:vars.adsense_hostId ? &quot;ca-host-pub-&quot; + snippet(data:vars.adsense_hostId) : data:blog.adsenseHostId) }' var='adsense'>
  <b:if cond='!data:view.isPreview and !data:view.isError and data:adsense.status and data:adsense.clientId'>
    <b:switch var='data:vars.adsense_loadType'>
      <b:case value='1px'/>
        <script>document.addEventListener(&#39;DOMContentLoaded&#39;,function(){var s=document.createElement(&#39;script&#39;);s.async=true;s.crossOrigin=&#39;anonymous&#39;;s.src=&#39;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=<data:adsense.clientId.jsEscaped/><b:if cond='data:adsense.hostId'>&amp;host=<data:adsense.hostId.jsEscaped/></b:if>&#39;;document.head.appendChild(s);});</script>
      <b:case value='2px'/>
        <script>(function(){var p=navigator.userAgent.toLowerCase().indexOf(&#39;googleadsenseinfeed&#39;)!==-1,l=function(){var s=document.createElement(&#39;script&#39;);s.async=true;s.crossOrigin=&#39;anonymous&#39;;s.src=&#39;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=<data:adsense.clientId.jsEscaped/><b:if cond='data:adsense.hostId'>&amp;host=<data:adsense.hostId.jsEscaped/></b:if>&#39;;document.head.appendChild(s);};p?l():window.lazy.then(l);})();</script>
      <b:case value='3px'/>
        <script>(function(){var p=navigator.userAgent.toLowerCase().indexOf(&#39;googleadsenseinfeed&#39;)!==-1,l=function(){var s=document.createElement(&#39;script&#39;);s.async=true;s.crossOrigin=&#39;anonymous&#39;;s.src=&#39;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=<data:adsense.clientId.jsEscaped/><b:if cond='data:adsense.hostId'>&amp;host=<data:adsense.hostId.jsEscaped/></b:if>&#39;;document.head.appendChild(s);};p?l():document.addEventListener(&#39;DOMContentLoaded&#39;,function(){window.lazy.then(l);});})();</script>
      <b:default/>
    </b:switch>
  </b:if>
</b:with>

    </b:if>
   
   <!--[ Custom styles or above </head> codes below ]-->
  
  <!--[ </head> close ]-->
  &lt;!--</head><b:if cond='!data:blog.adsenseClientId'>--&gt;&lt;/head&gt;</b:if>

  <!--[ <body> open ]-->
  <body>
    <b:attr name='id' value='mainCont'/>
    
    
    <b:class name='bD'/>
    <b:class cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' name='nAmp'/>
    <b:class cond='data:blog.languageDirection == &quot;rtl&quot;' name='Rtl'/>
    <b:class cond='data:view.isMultipleItems' name='onId'/>
    <b:class cond='data:view.isMultipleItems != data:view.isHomepage' name='onMl'/>
    <b:class cond='data:view.url == data:blog.homepageUrl.canonical path &quot;search&quot;' name='onBl'/>
    <b:class cond='data:view.isHomepage' name='onHm'/>
    <b:class cond='data:view.isSingleItem' name='onIt'/>
    <b:class cond='data:view.isPage' name='onPg'/>
    <b:class cond='data:view.isPost' name='onPs'/>
    <b:class cond='data:view.isError' name='on404'/>
   
    
    <b:if cond='!data:view.isError'>      
      <!--[ Active function ]-->
      <input class='navi hidden' id='offNav' type='checkbox'/>
    </b:if>
    
    <b:tag class='mainWrp' cond='!data:view.isError' name='div'>
      <b:if cond='!data:view.isError'>
        
        <b:section cond='data:view.isLayout' id='uploader' maxwidgets='1' showaddelement='false'>
          <b:widget id='Image1' locked='true' title='Image Uploader' type='Image' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEh1ikiUK0brFndqlTR4S9BqRvUlhWeB85r1WX047SCCA54A3G_uoWNhLKyYoMIg-GGjQKBOU7DAvzwI8v4_s5GCQY1OcbdBz72WM_H6Ldya3CMJkEcrem_85jyl2yGSA_vgzO4dCiVeM-Kmywj9emZvo43LTZG68Ci_Mr31ruEuCOcmM6iszRc8RByAyqmp=s1600</b:widget-setting>
              <b:widget-setting name='displayHeight'>753</b:widget-setting>
              <b:widget-setting name='sectionWidth'>150</b:widget-setting>
              <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
              <b:widget-setting name='displayWidth'>1600</b:widget-setting>
              <b:widget-setting name='link'/>
              <b:widget-setting name='caption'>Use it to upload your images and generate links</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'/>
            <b:includable id='content'/>
          </b:widget>
        </b:section>
        
        <!--[ Header section ]-->
        <header class='header' id='header'>
          
          <!--[ Header content ]-->
          <b:tag class='headCn' name='div'>
            <b:tag class='headIn secIn' name='div'>
              <b:tag class='headD headL' name='div'>
                <div class='headIc'>
                  <label class='tNav tIc bIc' for='offNav'><b:include name='ham-icon'/></label>
                </div>
              
                <!--[ Header widget ]-->
                <b:section class='headN' id='header-title' maxwidgets='1' showaddelement='false'>
                  <b:widget id='Header1' locked='true' title='Lantro UI (Header)' type='Header' version='2' visible='true'>
                    <b:widget-settings>
                      <b:widget-setting name='displayUrl'>https://cdn.coshix.in/Icons/lantro-ui-logo.webp</b:widget-setting>
                      <b:widget-setting name='displayHeight'>120</b:widget-setting>
                      <b:widget-setting name='sectionWidth'>150</b:widget-setting>
                      <b:widget-setting name='useImage'>true</b:widget-setting>
                      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                      <b:widget-setting name='imagePlacement'>BEFORE_DESCRIPTION</b:widget-setting>
                      <b:widget-setting name='displayWidth'>120</b:widget-setting>
                    </b:widget-settings>
                    <b:includable id='main' var='this'>
      <!-- Image is shown for REPLACE and BEFORE_DESCRIPTION -->
      <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
      <!-- Title is shown for all cases except REPLACE (now works for BEFORE_DESCRIPTION and BEHIND) -->
      <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='title'/>
      <!-- Description is shown for all cases except REPLACE -->
      <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
      <!-- Background image style only when placement is BEHIND -->
      <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
    </b:includable>
                    <b:includable id='behindImageStyle'>
      <b:if cond='data:sourceUrl'>
        <b:include cond='data:this.image' data='{image: data:this.image, selector: &quot;.Header&quot;}' name='responsiveImageStyle'/>
      </b:if>
    </b:includable>
                    <b:includable id='description'>
      <b:if cond='data:this.description'>
        <div class='headDsc hidden'><data:this.description/></div>
      </b:if>
    </b:includable>
                    <b:includable id='image'>
      <!-- Header Image -->
      <a expr:href='data:blog.homepageUrl.canonical'>
        <img expr:alt='data:title' expr:height='data:height' expr:src='resizeImage(data:sourceUrl, 120)' expr:width='data:width'/>
      </a>
      <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/>
    </b:includable>
                    <b:includable id='title'>
      <!-- Header Title -->
      <div class='headInnr'>
        <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='hidden'/>
        <b:tag class='headH' expr:name='!data:view.isSingleItem ? &quot;h1&quot; : &quot;h2&quot;'>
          <b:class cond='data:this.description' name='hasSub'/>
          <b:tag class='headTtl' expr:name='!data:view.isHomepage ? &quot;a&quot; : &quot;span&quot;'>
            <b:attr cond='!data:view.isHomepage' expr:value='data:blog.homepageUrl.canonical' name='href'/>
            <data:title/>
          </b:tag>
          <!-- Header Description -->
          <b:tag class='headSub' cond='data:this.description' expr:data-text='data:this.description' name='span'/>
        </b:tag>
      </div>
    </b:includable>
                  </b:widget>
                </b:section>
              </b:tag>
          
              <!--[ Header menu ]-->
              <div class='headD headM'>
                <div class='mnBr'>
                  <div class='mnBrs'>
                    <b:if cond='!data:view.isLayoutMode'>
                      <div class='mnH'>
                        <label aria-label='Close' class='c' data-text='Close' for='offNav'/>
                      </div>
                    </b:if>
                
                    <!--[ Mobile additional menu(only shown in mobile view) ]-->
                    <b:section class='mnMob' id='header-Menu-mobile' maxwidgets='2' showaddelement='false'>
                      <b:widget id='PageList002' locked='true' title='Mobile Extra Menus' type='PageList' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"Privacy"},"link0":{"href":"#","position":0,"title":"Disclaimer"}}]]></b:widget-setting>
                          <b:widget-setting name='homeTitle'>Home</b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <b:include name='content'/>
                        </b:includable>
                        <b:includable id='content'>
                          <b:include name='pageList'/>
                        </b:includable>
                        <b:includable id='overflowButton'/>
                        <b:includable id='overflowablePageList'/>
                        <b:includable id='pageLink'>
                          <b:if cond='data:t &lt;= 3'>
                            <li>
                              <b:class cond='data:overflow' name='overflowable-item'/>
                              <b:class cond='data:link.isCurrentPage' name='selected'/>
                               <b:tag expr:name='data:link.href != &quot;#&quot; ? &quot;a&quot; : &quot;span&quot;'>
                                <b:attr cond='data:link.href != &quot;#&quot;' expr:value='data:link.href' name='href'/>
                                <data:link.title/>
                              </b:tag>
                            </li>
                          </b:if>
                        </b:includable>
                        <b:includable id='pageList'>
                          <ul class='mMenu'>
                            <b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
                            <b:loop index='t' values='data:links' var='link'>
                              <b:include name='pageLink'/>
                            </b:loop>
                          </ul>
                        </b:includable>
                      </b:widget>
                      <b:widget id='LinkList002' locked='true' title='Social Media Links' type='LinkList' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='text-9'>LinkedIn</b:widget-setting>
                          <b:widget-setting name='link-9'>#</b:widget-setting>
                          <b:widget-setting name='text-8'>Youtube</b:widget-setting>
                          <b:widget-setting name='link-7'>#</b:widget-setting>
                          <b:widget-setting name='link-8'>#</b:widget-setting>
                          <b:widget-setting name='link-5'>#</b:widget-setting>
                          <b:widget-setting name='link-6'>#</b:widget-setting>
                          <b:widget-setting name='link-3'>#</b:widget-setting>
                          <b:widget-setting name='link-4'>#</b:widget-setting>
                          <b:widget-setting name='text-1'>Instagram</b:widget-setting>
                          <b:widget-setting name='text-0'>Facebook</b:widget-setting>
                          <b:widget-setting name='text-3'>Whatsapp</b:widget-setting>
                          <b:widget-setting name='text-2'>Twitter</b:widget-setting>
                          <b:widget-setting name='text-5'>Telegram</b:widget-setting>
                          <b:widget-setting name='text-4'>Pinterest</b:widget-setting>
                          <b:widget-setting name='text-7'>Github</b:widget-setting>
                          <b:widget-setting name='text-6'>Tiktok</b:widget-setting>
                          <b:widget-setting name='shownum'>6</b:widget-setting>
                          <b:widget-setting name='sorting'>NONE</b:widget-setting>
                          <b:widget-setting name='link-1'>#</b:widget-setting>
                          <b:widget-setting name='link-2'>#</b:widget-setting>
                          <b:widget-setting name='link-0'>#</b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <b:include name='content'/>
                        </b:includable>
                        <b:includable id='content'>
                          <ul class='mSoc'>
                            <b:loop index='soc' values='data:links' var='link'>
                              <b:if cond='data:soc &lt;= 5'>
                                <li>
                                  <b:tag class='a tIc bIc' expr:name='data:link.target != &quot;#&quot; ? &quot;a&quot; : &quot;span&quot;'>
                                    <b:attr cond='data:link.target != &quot;#&quot;' expr:value='data:link.target' name='href'/>
                                    <b:attr cond='data:link.target != &quot;#&quot;' name='role' value='button'/>
                                    <b:attr cond='data:link.target != &quot;#&quot;' expr:value='data:link.name' name='aria-label'/>
                                    <b:attr cond='data:link.target != &quot;#&quot;' name='target' value='_blank'/>
                                    <b:attr cond='data:link.target != &quot;#&quot;' name='rel' value='noopener'/>
                                    <b:if cond='data:link.name == &quot;Facebook&quot;'>
                                      <b:include name='facebook-icon'/>
                              
                                      <b:elseif cond='data:link.name == &quot;Instagram&quot;'/>
                                      <b:include name='instagram-icon'/>
                                      
                                      <b:elseif cond='data:link.name == &quot;Github&quot;'/>
                                      <b:include name='github-icon'/>
                              
                                      <b:elseif cond='data:link.name == &quot;Twitter&quot;'/>
                                      <b:include name='twitter-icon'/>
                              
                                      <b:elseif cond='data:link.name == &quot;Youtube&quot;'/>
                                      <b:include name='youtube-icon'/>
                              
                                      <b:elseif cond='data:link.name == &quot;LinkedIn&quot;'/>
                                      <b:include name='linkedIn-icon'/>
                              
                                      <b:elseif cond='data:link.name == &quot;Pinterest&quot;'/>
                                      <b:include name='pinterest-icon'/>
                            
                                      <b:elseif cond='data:link.name == &quot;Whatsapp&quot;'/>
                                      <b:include name='whatsapp-icon'/>
                              
                                      <b:elseif cond='data:link.name == &quot;Telegram&quot;'/>
                                      <b:include name='telegram-icon'/>
                              
                                      <b:elseif cond='data:link.name == &quot;Tiktok&quot;'/>
                                      <b:include name='tiktok-icon'/>
                              
                                      <b:else/>
                                      <b:include name='circle-icon'/>
                                    </b:if>
                                  </b:tag>
                                </li>
                              </b:if>
                            </b:loop>
                          </ul>
                        </b:includable>
                      </b:widget>
                    </b:section>
                
                    <b:section class='mnMen' id='header-Menu' maxwidgets='2' showaddelement='false'>
                      <b:widget id='HTML000' locked='true' title='Navigation Menu' type='HTML' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='content'><![CDATA[<!--[ you can only edit this widget from HTML theme ]-->]]></b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <ul class='mnMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
                  
                            <b:if cond='!data:view.isHomepage'>
                              <!--[ Home link ]-->
                              <li class='hm'>
                                <a class='a' expr:href='data:blog.homepageUrl.canonical' itemprop='url'>
                                  <b:include name='home-icon'/>
                        
                                  <!--[ Title navigation ]-->
                                  <span class='n' itemprop='name'><data:messages.home/></span>
                                </a>
                              </li>
                            </b:if>
                    
                            <!--[ Dropdown style 1 ]-->
                            <li class='drp'>
                              <input class='drpI hidden' id='drpDwn-1' name='drpDwn' type='checkbox'/>
                              <label class='a' for='drpDwn-1'>
                                <!--[ Icon ]-->
                                <b:include name='folder-icon'/>
                          
                                <!--[ Title navigation ]-->
                                <span class='n'>Sub menu</span>
                        
                                <b:include name='arow-down-icon'/>
                              </label>
                              <ul>
                                <!--[ Change attribute href='#' to add url ]-->
                                <li itemprop='name'><a href='#' itemprop='url'>Sub menu 01</a></li>
                                <li itemprop='name'><a href='#' itemprop='url'>Sub menu 02</a></li>
                                <li itemprop='name'><a href='#' itemprop='url'>Sub menu 03</a></li>
                                <li itemprop='name'><a href='#' itemprop='url'>Sub menu 04</a></li>
                              </ul>
                            </li>
                          
                            <!--[ Standar menu ]-->
                            <li>
                              <!--[ Change attribute href='#' to add url ]-->
                              <a class='a' href='#' itemprop='url'>
                                <!--[ Icon ]-->
                                <b:include name='profiles-icon'/>
                          
                                <!--[ Title navigation ]-->
                                <span class='n' itemprop='name'>About</span>
                              </a>
                            </li>
                          
                            <!--[ Standar menu ]-->
                            <li class='br'>
                              <!--[ Change attribute href='#' to add url ]-->
                              <a class='a' href='/p/contact.html' itemprop='url'>
                                <!--[ Icon ]-->
                                <b:include name='message-icon'/>
                          
                                <!--[ Title navigation ]-->
                                <span class='n' itemprop='name'>Contact</span>
                              </a>
                            </li>
                      
                            <!--[ Dropdown style 2 ]-->
                            <li class='drp mr br'>
                              <input checked='checked' class='drpI hidden' id='drpMr-2' name='drpDwn' type='checkbox'/>
                              <label class='a' for='drpMr-2'>
                            
                                <!--[ Title navigation ]-->
                                <span class='n'>More...</span>
                          
                                <b:include name='arow-down-icon'/>
                              </label>
                              <ul>
                                <!--[ Change attribute href='#' to add url ]-->
                                <li itemprop='name'><a class='new' expr:href='data:blog.homepageUrl.canonical params { hl: &quot;ar&quot; }' itemprop='url'>Try RTL Mode</a></li>
                                                        </ul>
                            </li>
                        
                            <!--[ Standar menu ]-->
                            <li>
                              <!--[ Change attribute href='#' to add url ]-->
                              <a class='a' href='/search/label/Documentation' itemprop='url'>
                                <!--[ Icon ]-->
                                <b:include name='document-icon'/>
                          
                                <!--[ Title navigation ]-->
                                <span class='n' itemprop='name'>Documentation</span>
                              </a>
                            </li>

                          
                          </ul>
                        </b:includable>
                      </b:widget>
                      <b:widget id='PageList000' locked='true' title='Navigation Menu (Layout)' type='PageList' version='2' visible='false'>
                        <b:widget-settings>
                          <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"About"},"link0":{"href":"/","position":0,"title":"Home"},"link4":{"href":"#","position":4,"title":"Custom menu"},"link3":{"href":"#","position":3,"title":"Download this theme"},"link2":{"href":"#","position":2,"title":"Contact"}}]]></b:widget-setting>
                          <b:widget-setting name='homeTitle'>Home</b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <b:include name='content'/>
                        </b:includable>
                        <b:includable id='content'>
                          <b:include name='pageList'/>
                        </b:includable>
                        <b:includable id='overflowButton'/>
                        <b:includable id='overflowablePageList'/>
                        <b:includable id='pageLink'>
                          <b:if cond='data:i &lt;= 4'>
                            <li>
                              <b:class cond='data:link.isCurrentPage' name='selected'/>
                              <b:class cond='data:link.href == data:blog.homepageUrl.canonical' name='hm'/>
                        
                              <b:tag class='a' expr:name='!data:link.isCurrentPage and data:link.href != &quot;#&quot; ? &quot;a&quot; : &quot;span&quot;'>
                                <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' expr:value='data:link.href' name='href'/>
                                <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' name='itemprop' value='url'/>
                              
                                <!--[ Icon ]-->
                                <b:if cond='data:link.title == &quot;Home&quot;'>
                                  <b:include name='home-icon'/>
                                
                                  <b:elseif cond='data:link.title == &quot;About&quot;'/>
                                  <b:include name='profiles-icon'/>
                              
                                  <b:elseif cond='data:link.title == &quot;Contact&quot;'/>
                                  <b:include name='message-icon'/>
                                
                                  <b:elseif cond='data:link.title == &quot;Download this theme&quot; or data:link.title == &quot;Download&quot;'/>
                                  <b:include name='download-icon'/>
                              
                                  <b:elseif cond='data:link.title == &quot;Sitemap&quot;'/>
                                  <b:include name='document-icon'/>
                          
                                  <b:elseif cond='data:link.title == &quot;Disclaimers&quot;'/>
                                  <b:include name='shield-done-icon'/>
                          
                                  <b:elseif cond='data:link.title == &quot;Privacy&quot;'/>
                                  <b:include name='lock-icon'/>
                                
                                  <b:else/>
                                  <b:include name='folder-icon'/>
                                </b:if>
                              
                                <!--[ Title navigation ]-->
                                <span class='n'>
                                  <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' name='itemprop' value='name'/>
                                  <data:link.title/>
                                </span>
                              </b:tag>
                            </li>
                          </b:if>
                        
                          <b:if cond='data:i == 5'>
                            <li class='drp'>
                              <input class='drpI hidden' id='drpDwn-00' name='drpDwn' type='checkbox'/>
                              <label class='a' for='drpDwn-00'>
                                <!--[ Icon ]-->
                                <b:include name='folder-icon'/>
                              
                                <!--[ Title navigation ]-->
                                <span class='n'><data:messages.moreEllipsis/></span>
                        
                                <b:include name='arow-down-icon'/>
                              </label>
                              <ul>
                                <b:loop index='all' values='data:links' var='link'>
                                  <b:if cond='data:all &gt;= 5'>
                                    <li>
                                      <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' name='itemprop' value='name'/>
                                  
                                      <b:tag expr:name='!data:link.isCurrentPage and data:link.href != &quot;#&quot; ? &quot;a&quot; : &quot;span&quot;'>
                                        <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' expr:value='data:link.href' name='href'/>
                                        <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' name='itemprop' value='url'/>
                                        <data:link.title/>
                                      </b:tag>
                                    </li>
                                  </b:if>
                                </b:loop>
                              </ul>
                            </li>
                          </b:if>
                        </b:includable>
                        <b:includable id='pageList'>
                          <ul class='mnMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
                            <b:loop index='i' values='data:links' var='link'>
                              <b:include name='pageLink'/>
                            </b:loop>
                          </ul>
                        </b:includable>
                      </b:widget>
                    </b:section>
                  </div>
                </div>
                <label class='fullC' for='offNav'/>
              </div>
            
              <b:tag class='headD headR' name='div'>
                <b:tag class='headI' cond='!data:view.isLayoutMode' name='div'>
                  <b:section class='headP' id='header-icon' maxwidgets='2' showaddelement='false'>
                    <b:widget id='TextList000' locked='true' title='Header Icons' type='TextList' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='shownum'>3</b:widget-setting>
                        <b:widget-setting name='sorting'>NONE</b:widget-setting>
                        <b:widget-setting name='item-2'>Search</b:widget-setting>
                        <b:widget-setting name='item-1'>Bookmark</b:widget-setting>
                        <b:widget-setting name='item-0'>Setting</b:widget-setting>
                      </b:widget-settings>
                      <b:includable id='main'>
                        <b:include name='content'/>
                      </b:includable>
                      <b:includable id='content'>
                        <ul class='headIc'>
                          <b:loop index='icon' values='data:items' var='item'>
                            <b:if cond='data:icon &lt;= 2'>
                              <b:if cond='data:item == &quot;Search&quot;'>
                                <li>
                                  <b:class cond='data:item == &quot;Search&quot;' name='isSrh'/>
                                  <!--[ Search button ]-->
                                  <label class='tSrch tIc bIc' expr:aria-label='data:item' for='offSrh'><b:include name='search-icon'/></label>
                                </li>
                               
                                 <b:elseif cond='data:item == &quot;Setting&quot;'/>
                                  <li>
                                  <!--[ Theme button ]-->
  <label class='tSet tIc bIc' expr:aria-label='data:messages.settings' for='offSet'><b:include name='tune-icon'/></label>
                                    <b:include name='popup-theme'/>
                                
                                </li>
                              </b:if>
                            </b:if>
                          </b:loop>
                        </ul>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </b:tag>
              </b:tag>
            </b:tag>
          </b:tag>
        </header>
        
        <b:section id='ticker-section' maxwidgets='1' showaddelement='false'>
          <b:widget id='HTML96' locked='true' title='Latest' type='HTML' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'>8</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
    <section class='ticker'>
      <div class='secIn'>
        <div class='lantro-ticker'>
          <div class='coshix-label'>
            <svg fill='currentColor' viewBox='0 0 24 24'><path d='M13 2L3 14h7l-1 8 10-12h-7l1-8z'/></svg>
            <span><data:title/></span>
          </div>
          <div class='coshix-mask'>
            <div class='coshix-track' id='coshix-track'/>
          </div>
        </div>
      </div>
    </section>
    <style>.coshix-track{display:flex;gap:22px;align-items:center;white-space:nowrap;width:max-content;animation:tickerScroll linear infinite;animation-duration:calc(var(--ticker-duration,40s))}@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.coshix-mask{overflow:hidden;flex:1}.lantro-ticker:hover .coshix-track{animation-play-state:paused}.cosihx-track{will-change:transform;transform:translateZ(0)}</style>
    <script>!function(){function r(){var t=document.getElementById(&quot;coshix-track&quot;),e=window.location.origin;if(!t)return;fetch(e+&quot;/feeds/posts/default?alt=json&amp;max-results=<data:content/>&quot;)/*<![CDATA[*/.then(function(e){return e.json()}).then(function(e){var n=e.feed.entry||[],o="",i;for(i=0;i<n.length;i++){var a=n[i].title.$t,l=n[i].link.find(function(t){return"alternate"===t.rel}).href,c=n[i].media$thumbnail?n[i].media$thumbnail.url:"https://placehold.co/40x40";o+='<div class="coshix-item" onclick="window.open(\''+l+'\',\'_blank\')"><img alt="" loading="lazy" src="'+c+'" width="20" height="20" onerror="this.src=\'https://placehold.co/40x40\'"><span>'+a+"</span></div>"}t.innerHTML=o+o;setTimeout(function(){t.style.animationDuration=t.scrollWidth/100+"s"},0)})}window.lazy?lazy.then(r):r()}();/*]]>*/</script>
  </b:includable>
          </b:widget>
        </b:section>
        
        <b:if cond='data:vars.hero_label == &quot;2px&quot;'>
        <b:if cond='data:view.search.label'>
<div class='label-hero' id='labelHero'>
  <div class='label-hero-bg' id='labelHeroBg'/>
  <div class='label-hero-overlay'/>
  <div class='label-hero-content'>
    <div class='label-hero-card'>
      <h1 class='label-hero-title' id='labelHeroTitle'><data:blog.pageName/></h1>
      <div class='label-hero-stats'><span id='labelPostCount'>0</span> posts</div>
    </div>
  </div>
</div>
<style>/*<![CDATA[*/.label-hero{position:relative;margin-bottom:40px;border-radius:var(--postR);overflow:hidden;box-shadow:var(--postSh) var(--postSv) var(--postSb) rgba(0,0,0,.05)}.label-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(20px) brightness(0.9);transform:scale(1.05);z-index:0;opacity:0;transition:opacity .5s}.label-hero-bg.loaded{opacity:1}.label-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,0.3),rgba(0,0,0,0.1));z-index:1}.label-hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:250px;padding:40px 20px}.label-hero-card{background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);border-radius:var(--contentR);padding:30px 40px;text-align:center;max-width:90%}.label-hero-title{margin:0 0 15px;font-size:2.5rem;font-weight:600;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,0.3)}.label-hero-stats{font-size:1rem;color:#fff;opacity:.9;display:inline-block;border:1px solid var(--darkU);backdrop-filter:blur(4px);padding:5px 16px;border-radius:var(--contentBr)}.drK .label-hero-overlay{background:linear-gradient(135deg,rgba(0,0,0,0.5),rgba(0,0,0,0.2))}.drK .label-hero-card{background:rgba(0,0,0,0.7)}@media(max-width:640px){.label-hero-content{min-height:200px;padding:30px 15px}.label-hero-card{padding:20px 25px}.label-hero-title{font-size:1.8rem}}/*]]>*/</style>
<script>/*<![CDATA[*/!function(){var h=document.getElementById('labelHero');if(!h)return;var label=document.getElementById('labelHeroTitle')?document.getElementById('labelHeroTitle').innerText:'';if(!label||label===''){var p=window.location.pathname;var m=p.match(/\/label\/([^/?]+)/);if(m)label=decodeURIComponent(m[1].replace(/\+/g,' '));}if(!label)return;var feedUrl=window.location.origin+'/feeds/posts/default/-/'+encodeURIComponent(label)+'?alt=json&max-results=20';fetch(feedUrl).then(function(r){return r.json()}).then(function(d){var posts=d.feed&&d.feed.entry;if(posts&&posts.length){var rand=Math.floor(Math.random()*posts.length);var img='';if(posts[rand].media$thumbnail){img=posts[rand].media$thumbnail.url.replace(/\/s[0-9]+(-c)?/,'/s1600');}else{var c=posts[rand].content.$t;var mt=c.match(/<img[^>]+src="([^">]+)"/);if(mt)img=mt[1];}if(img){var bg=document.getElementById('labelHeroBg');if(bg){bg.style.backgroundImage='url('+img+')';bg.classList.add('loaded');}}}var cnt=d.feed.openSearch$totalResults?d.feed.openSearch$totalResults.$t:'0';var sp=document.getElementById('labelPostCount');if(sp)sp.innerText=cnt;}).catch(function(e){console.log('Label hero error:',e);var sp=document.getElementById('labelPostCount');if(sp)sp.innerText='0';})}();/*]]>*/</script>
</b:if>
</b:if>
        
        <!--[ SearchBox section ]-->
        <input class='srhI fixi hidden' id='offSrh' type='checkbox'/>
        <div class='srhB fixL'>
          <div class='srhBi fixLi'>
            <b:section class='srhBs popXls' id='search-widget' maxwidgets='2' showaddelement='false'>
              <b:widget id='BlogSearch1' locked='true' title='Looking for?' type='BlogSearch' version='2' visible='true'>
                <b:includable id='main'>
                  <b:include name='content'/>
                </b:includable>
                <b:includable id='content'>
                  <b:include name='searchForm'/>
                </b:includable>
                <b:includable id='searchForm'>
  <div class='ls-wrapper' style='display:block;width:100%;clear:both'>
    <form class='srhF' expr:action='data:blog.searchUrl' style='display:block;width:100%;margin:0'>
      <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
      <b:include name='urlParamsAsFormInput'/>
      <b:include name='searchSubmit'/>
      <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:title' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' id='searchIn' minlength='3' name='q' required='required' type='search'/>
      <button aria-label='Clear' class='sb' data-text='Clear' type='reset'/>
    </form>
    </div>
  <label aria-label='Close' class='srhC c' for='offSrh'/>
</b:includable>
                <b:includable id='searchSubmit'>
                  <label class='sb' for='searchIn'><b:include name='search-icon'/></label>
                </b:includable>
              </b:widget>
              <b:widget id='Label1' locked='true' title='Suggestions' type='Label' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
                  <b:widget-setting name='display'>CLOUD</b:widget-setting>
                  <b:widget-setting name='selectedLabelsList'/>
                  <b:widget-setting name='showType'>ALL</b:widget-setting>
                  <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main' var='this'>
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'><data:title/></h2>
                  </b:if>
                  <b:include name='content'/>
                </b:includable>
                <b:includable id='cloud'>
                  <b:loop index='tags' values='data:labels' var='label'>
                         
                    <!--[ Only show 10 label ]-->
                    <b:if cond='data:tags &lt;= 9'>
                      <div class='lbSz'>
                        <b:class expr:name='&quot;s-&quot; + data:label.cssSize'/>
                        <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                          <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                          <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                          <span class='lbT'><data:label.name/></span>
                          <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='&quot;(&quot; + data:label.count + &quot;)&quot;' name='span'/>
                        </b:tag>
                      </div>
                    </b:if>
                        
                    <!--[ Hide another label from 11th list ]-->
                    <b:if cond='data:tags == 10'>
                      <div class='lbSh'>
                        <input class='lbIn hidden' id='lbAl-1' type='checkbox'/>
                        <div class='lbAl'>
                          <b:loop index='alltags' values='data:labels' var='label'>
                               
                            <!--[ Show label from 7th list ]-->
                            <b:if cond='data:alltags &gt;= 10'>
                              <div class='lbSz'>
                                <b:class expr:name='&quot;s-&quot; + data:label.cssSize'/>
                                <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                  <span class='lbT'><data:label.name/></span>
                                  <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='&quot;(&quot; + data:label.count + &quot;)&quot;' name='span'/>
                                </b:tag>
                              </div>
                            </b:if>
                                
                          </b:loop>
                        </div>
                            
                        <label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='&quot;(+&quot; + (data:labels.length - 10) + &quot;)&quot;' for='lbAl-1'/>
                      </div>
                    </b:if>
                  </b:loop>
                </b:includable>
                <b:includable id='content'>
                  <div class='wL pSml'>
                    <b:class expr:name='data:this.display == &quot;list&quot; ? &quot;ls&quot; : &quot;cl&quot;'/>
                    <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
                    <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
                  </div>
                </b:includable>
                <b:includable id='list'>
                  <b:include name='cloud'/>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
          <label class='fullC' for='offSrh'/>
        </div>
        <!--[ Content section ]-->
        <div class='mainIn'>
          
          <!--[ Blog content ]-->
          <div class='blogCont'>
            <div class='secIn'>
              
              
                <!--[ Ad content ]-->
                <b:tag class='blogAd' name='div'>
                  <b:section id='hero-section' maxwidgets='2' showaddelement='true'>
                    <b:widget cond='!data:view.isPreview' id='HTML91' locked='true' title='Hero Section Ad' type='HTML' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='content'/>
                      </b:widget-settings>
                      <b:includable id='main'>
                        <b:if cond='data:content != &quot;&quot;'>
                          <data:content/>
                          
                          <b:else/>
                          <!--[ Blank ad ]-->
                          <div class='dumAd' expr:data-text='data:messages.adsGoHere'/>
                        </b:if>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </b:tag>
              
              <b:tag class='blogM' name='div'>
                <!--[ Main content ]-->
                <main class='blogItm mainbar'>    
                  <b:section cond='data:view.isHomepage' id='top-widget' showaddelement='true'>
                        <b:widget cond='data:view.isHomepage' id='HTML90' locked='true' title='Hero Posts' type='HTML' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='content'>7</b:widget-setting>
                          </b:widget-settings>
                          <b:includable id='main'>
    <div class='posts-count' style='display:none'><data:content/></div>
    <div class='hero-posts-section' id='hero-posts-container'/>
    <script>/*<![CDATA[*/!function(){const e=document.querySelector(".posts-count"),t=e?parseInt(e.innerText)||4:4,n=document.getElementById("hero-posts-container");if(!n)return;let a=!1;function i(){let e='<div class="featured-story skeleton"><div class="featured-story-image"></div><div class="featured-story-content"><div class="featured-story-category"></div><div class="featured-story-title"></div><div class="featured-story-snippet"></div><div class="featured-story-meta"></div></div></div><div class="stories-grid">';for(let n=0;n<t-1;n++)e+='<div class="grid-story skeleton"><div class="grid-story-image"></div><div class="grid-story-content"><div class="grid-story-category"></div><div class="grid-story-title"></div><div class="grid-story-meta"></div></div></div>';e+="</div>",n.innerHTML=e}function r(e){const t=e.content.$t.match(/<img[^>]+src="([^">]+)"/i);if(t&&t[1]){let e=t[1];return e.indexOf("blogger.googleusercontent.com")>-1&&(e=e.replace(/\/s\d+(-c)?/,"/s800"),e=e.replace(/=w\d+-h\d+(-p-k-no-nu)?/,"")),e}return"https://placehold.co/1200x675/f0f0f0/555555?text=No+Image"}function o(e){const t=e.link.find(e=>"alternate"===e.rel);return t?t.href:"#"}function d(e){return e.author?e.author[0].name.$t:"Anonymous"}function c(e){let t=e.content.$t;return t=t.replace(/<img[^>]*>/gi,""),t=t.replace(/<[^>]+>/g," "),t=t.replace(/\s+/g," ").trim(),t.length>120?t.substring(0,120)+"...":t}function l(e){const t=new Date,n=new Date(e),a=Math.floor((t-n)/1e3);if(a<60)return a+" seconds ago";const i=Math.floor(a/60);if(i<60)return i+" minute"+(i>1?"s":"")+" ago";const r=Math.floor(i/60);if(r<24)return r+" hour"+(r>1?"s":"")+" ago";const o=Math.floor(r/24);if(o<30)return o+" day"+(o>1?"s":"")+" ago";const d=Math.floor(o/30);if(d<12)return d+" month"+(d>1?"s":"")+" ago";const c=Math.floor(d/12);return c+" year"+(c>1?"s":"")+" ago"}function s(e){return e.replace(/[&<>]/g,e=>"&"==e?"&amp;":"<"==e?"&lt;":"&gt;")}function m(p){const m=p[0],f=p.slice(1,t),h=r(m);let y='<div class="featured-story"><div class="featured-story-image iThmb pThmb"><img src="'+h+'" fetchpriority="high" width="1200" height="675" alt="'+s(m.title.$t)+'"></div><div class="featured-story-content"><div class="featured-story-category">Featured</div><h2 class="featured-story-title"><a href="'+o(m)+'">'+s(m.title.$t)+'</a></h2><div class="featured-story-snippet">'+c(m)+'</div><div class="featured-story-meta">By '+d(m)+" · "+l(m.published.$t)+'</div></div></div><div class="stories-grid">';for(let e=0;e<f.length;e++){const t=f[e];y+='<div class="grid-story"><div class="grid-story-image iThmb pThmb"><img loading="lazy" width="800" height="450" src="'+r(t)+'" alt="'+s(t.title.$t)+'"></div><div class="grid-story-content"><div class="grid-story-category">Latest</div><h3 class="grid-story-title"><a href="'+o(t)+'">'+s(t.title.$t)+'</a></h3><div class="grid-story-meta">By '+d(t)+" · "+l(t.published.$t)+"</div></div></div>"}y+="</div>",n.innerHTML=y}function f(){a||(a=!0,fetch(window.location.origin+"/feeds/posts/default?alt=json&max-results="+t).then(e=>e.json()).then(e=>{e.feed.entry&&e.feed.entry.length&&m(e.feed.entry)}).catch(()=>{}))}i(),window.lazy?lazy.then(f):f()}();/*]]>*/</script>
    <style>/*<![CDATA[*/.hero-posts-section{max-width:1200px;margin:0 auto;font-family:var(--fontB)}.featured-story{display:grid;padding:var(--heroP);border:var(--heroL) solid var(--contentL);grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px;background:var(--heroB);border-radius:var(--heroR);overflow:hidden;box-shadow:var(--heroSh) var(--heroSv) var(--heroSb) rgba(0,0,0,.05)}.featured-story-image{margin:0;border-radius:var(--contentTr);background-size:cover;background-position:center}.featured-story-content{display:flex;margin-top:20px;flex-direction:column}.featured-story-category{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-weight:600;color:var(--heroAccentLight,#e74c3c)}.featured-story-title{font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:20px}.featured-story-title a{text-decoration:none;color:inherit;transition:color .2s}.featured-story-title a:hover{color:var(--heroAccentLight)}.featured-story-snippet{font-size:1rem;line-height:1.5;color:var(--bodyCa);margin-bottom:20px}.featured-story-meta{font-size:.85rem;color:var(--bodyCa)}.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.grid-story{padding:var(--heroP);background:var(--heroB);border:var(--heroL) solid var(--contentL);border-radius:var(--heroR);overflow:hidden;box-shadow:var(--heroSh) var(--heroSv) var(--heroSb) rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.grid-story:hover{transform:translateY(-5px);box-shadow:var(--heroSh) var(--heroSv) var(--heroSb) rgba(0,0,0,.05)}.grid-story-image{aspect-ratio:16/9;overflow:hidden;border-radius:var(--contentTr)}.grid-story-image img{width:100%;height:100%;display:block;object-fit:cover}.featured-story-image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:var(--contentTr)}.grid-story-content{margin-top:20px}.grid-story-category{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:600;color:var(--heroAccentLight,#e74c3c)}.grid-story-title{font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:12px}.grid-story-title a{text-decoration:none;color:inherit;transition:color .2s}.grid-story-title a:hover{color:var(--heroAccentLight,#e74c3c)}.grid-story-meta{font-size:.75rem;color:var(--bodyCa)}@media(max-width:992px){.hero-posts-section{padding:15px}.featured-story{grid-template-columns:1fr;gap:0;margin-bottom:30px}.featured-story-image{aspect-ratio:16/9}.featured-story-title{font-size:1.8rem}.stories-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:640px){.hero-posts-section{padding:6px}.featured-story{margin-bottom:30px;border-radius:var(--heroR)}.featured-story-image{aspect-ratio:16/9}.featured-story-title{font-size:1.25rem;line-height:1.35;margin-bottom:10px}.featured-story-snippet{font-size:.85rem;margin-bottom:12px;opacity:.85}.featured-story-meta{font-size:.75rem;opacity:.7}.stories-grid{display:flex;flex-direction:column;gap:14px}.grid-story{display:flex;gap:10px;align-items:center;padding:12px;border-radius:var(--heroR);background:var(--heroB);border:var(--heroL) solid var(--contentL);box-shadow:var(--heroSh) var(--heroSv) var(--heroSb) rgba(0,0,0,.05)}@media(max-width:640px){.grid-story-image{flex:0 0 95px;height:70px;overflow:hidden;border-radius:var(--contentTr)}}.grid-story-content{padding:0;flex:1;margin:0}.grid-story-category{font-size:.6rem;margin-bottom:4px}.grid-story-title{font-size:.95rem;line-height:1.3;margin-bottom:6px}.grid-story-meta{font-size:.7rem;opacity:.7}}.skeleton .featured-story-content .featured-story-title{width:80%;height:32px;margin-bottom:15px}.skeleton .featured-story-content .featured-story-snippet{width:100%;height:60px}.skeleton .featured-story-content .featured-story-meta{width:40%;height:16px}.skeleton .grid-story-content .grid-story-title{width:70%;height:20px;margin-bottom:10px}.skeleton .grid-story-content .grid-story-meta{width:50%;height:14px}.skeleton .featured-story-category,.skeleton .grid-story-category{background:#e0e0e0;width:80px;height:14px;border-radius:var(--heroR);color:transparent}.skeleton .featured-story-image,.skeleton .grid-story-image{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton .featured-story-content .featured-story-title,.skeleton .featured-story-content .featured-story-snippet,.skeleton .featured-story-content .featured-story-meta,.skeleton .grid-story-content .grid-story-title,.skeleton .grid-story-content .grid-story-meta,.skeleton .featured-story-category,.skeleton .grid-story-category{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;color:transparent!important;pointer-events:none}.skeleton .featured-story-title a,.skeleton .grid-story-title a{color:transparent!important;pointer-events:none}.skeleton .featured-story-category,.skeleton .grid-story-category{display:inline-block;width:80px;height:14px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.featured-story,.grid-story{animation:fadeInUp .4s ease}.grid-story-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.featured-story-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-story-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-story-image img{border-radius:var(--contentTr)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-posts-section{contain:layout paint}/*]]>*/</style><b:if cond='data:vars.grid_story == &quot;2px&quot;'><style>/*<![CDATA[*/@media (max-width:640px){.stories-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;flex-direction:unset!important}.grid-story{display:block!important;padding:0!important;margin-bottom:20px;background:var(--heroB);padding:var(--heroP);border-radius:var(--heroR);overflow:hidden;transition:transform .2s}.grid-story:hover{transform:translateY(-3px)}.grid-story-image{flex:unset!important;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--contentTr)}.grid-story-content{margin-top:20px!important}.grid-story-category{font-size:.65rem;margin-bottom:6px}.grid-story-title{font-size:.85rem;line-height:1.3;margin-bottom:8px;-webkit-line-clamp:2}.grid-story-meta{font-size:.7rem;opacity:.8}.featured-story{grid-template-columns:1fr;margin-bottom:30px;padding:0}.featured-story-image{aspect-ratio:16/9}.featured-story-title{font-size:1.25rem}.featured-story-snippet{font-size:.85rem}.skeleton .grid-story-content .grid-story-title{width:90%;height:16px}.skeleton .grid-story-content .grid-story-meta{width:60%;height:12px}.skeleton .grid-story-category{width:60px;height:10px}}/*]]>*/</style></b:if>
  </b:includable>
                        </b:widget>
                        <b:widget cond='!data:view.isPreview' id='HTML92' locked='true' title='Middle Home Ad' type='HTML' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='content'/>
                          </b:widget-settings>
                          <b:includable id='main'>
                        <div class='widget-content'>
                          <b:if cond='data:content != &quot;&quot;'>
                            <data:content/>
                          
                            <b:else/>
                            <!--[ Blank ad ]-->
                            <div class='dumAd' expr:data-text='data:messages.adsGoHere'/>
                          </b:if>
                        </div>
                      </b:includable>
                        </b:widget>
                        <b:widget id='FeaturedPost1' locked='true' title='For You' type='FeaturedPost' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='showSnippet'>true</b:widget-setting>
                            <b:widget-setting name='showPostTitle'>true</b:widget-setting>
                            <b:widget-setting name='postId'>1364841211778601721</b:widget-setting>
                            <b:widget-setting name='showFirstImage'>true</b:widget-setting>
                            <b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
                          </b:widget-settings>
                          <b:includable id='main' var='this'>
                        <b:if cond='data:title != &quot;&quot;'>
                          <h2 class='title'><data:title/></h2>
                        </b:if>
                        <b:include name='snippetedPosts'/>
                      </b:includable>
                          <b:includable id='blogThisShare'/>
                          <b:includable id='bylineByName' var='byline'/>
                          <b:includable id='bylineRegion' var='regionItems'/>
                          <b:includable id='commentsLink'/>
                          <b:includable id='commentsLinkIframe'/>
                          <b:includable id='emailPostIcon'/>
                          <b:includable id='facebookShare'/>
                          <b:includable id='feedLinks'/>
                          <b:includable id='footerBylines'/>
                          <b:includable id='googlePlusShare'/>
                          <b:includable id='headerByline'/>
                          <b:includable id='linkShare'/>
                          <b:includable id='otherSharingButton'/>
                          <b:includable id='platformShare'/>
                          <b:includable id='postAuthor'/>
                          <b:includable id='postCommentsLink'/>
                          <b:includable id='postInfo'>
                        <div class='pInf pSml'>
                          <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='nSpr'/>
                          <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                            <!--[ Post timestamp ]-->
                            <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestampPublish'/>
                          </b:if>
                    
                          <!--[ Post jumplinks ]-->
                          <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postJumpLinks'/>
                        </div>
                      </b:includable>
                          <b:includable id='postJumpLink' var='post'/>
                          <b:includable id='postLabels'/>
                          <b:includable id='postLocation'/>
                          <b:includable id='postReactions'/>
                          <b:includable id='postShareButtons'/>
                          <b:includable id='postTimestamp'/>
                          <b:includable id='sharingButton'/>
                          <b:includable id='sharingButtonContent'/>
                          <b:includable id='sharingButtons'/>
                          <b:includable id='sharingButtonsMenu'/>
                          <b:includable id='sharingPlatformIcon'/>
                          <b:includable id='snippetedPostByline'/>
                          <b:includable id='snippetedPostContent'>
                        <!--[ Post Thumbnail ]-->
                        <b:include name='snippetedPostThumbnail'/>
                    
                        <div class='iCtnt'>
                          <!--[ Post header ]-->
                          <b:include name='postHeaders'/>
                          
                          <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
                          <b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
                      
                          <!--[ Post info ]-->
                          <b:include cond='!data:view.isPage' name='postInfo'/>
                        </div>
                      </b:includable>
                          <b:includable id='snippetedPostEntry'>
                        <div class='pSnpt'>
                          <b:include name='postEntrySnippet'/>
                        </div>
                      </b:includable>
                          <b:includable id='snippetedPostThumbnail'>
                        <div class='iThmb pThmb'>
                          <b:class cond='data:post.featuredImage.isYoutube' name='iyt'/>
                          <b:class cond='!data:this.postDisplay.showFeaturedImage or !data:post.featuredImage' name='nul'/>
                          <b:tag aria-label='Thumbnail' class='thmb' expr:name='data:this.postDisplay.showFeaturedImage and data:post.featuredImage ? &quot;a&quot; : &quot;div&quot;'>
                            <b:attr cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' expr:value='data:post.url' name='href'/>
                            <b:if cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage'>
                              <b:include name='postEntryThumbnail'/>
                              <b:else/>
                              <span class='imgThm' data-text='No image'/>
                            </b:if>
                          </b:tag>
                          
                          <!--[ Comments count ]-->
                         <b:tag class='tTag' name='div'>
                                <b:if cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <b:include name='postsponsored'/>
                                </b:if>
                                <b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
                                  <b:include name='postCommentsLinks'/>
                                </b:if>
                              </b:tag>
                        </div>
                      </b:includable>
                          <b:includable id='snippetedPostTitle'>
                        <h3 class='pTtl aTtl'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3>
                      </b:includable>
                          <b:includable id='snippetedPosts'>
                        <div class='itemFt' role='feed'>
                          <!-- Don't render the post that we're currently already looking at. -->
                          <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
                            <article class='itm'>
                              <b:class cond='data:this.postDisplay.showFeaturedImage and !data:post.featuredImage' name='noThmb'/>
                              <b:class cond='!data:this.postDisplay.showFeaturedImage' name='noImage'/>
                              <b:include name='snippetedPostContent'/>
                            </article>
                          </b:loop>
                        </div>
                      </b:includable>
                        </b:widget>
                      </b:section>
                
                  <b:section id='main-widget' showaddelement='true'>
                    <b:widget cond='!data:view.isPreview and !data:blog.isMobileRequest and (data:view.isHomepage or data:view.isPost)' id='HTML93' locked='true' title='Before Post Ad' type='HTML' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='content'/>
                      </b:widget-settings>
                      <b:includable id='main'>
                        <div class='widget-content'>
                          <b:if cond='data:content != &quot;&quot;'>
                            <data:content/>
                          
                            <b:else/>
                            <!--[ Blank ad ]-->
                            <div class='dumAd' expr:data-text='data:messages.adsGoHere'/>
                          </b:if>
                        </div>
                      </b:includable>
                    </b:widget>
                    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='showDateHeader'>false</b:widget-setting>
                        <b:widget-setting name='commentLabel'>Comment</b:widget-setting>
                        <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
                        <b:widget-setting name='showShareButtons'>true</b:widget-setting>
                        <b:widget-setting name='showCommentLink'>true</b:widget-setting>
                        <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
                        <b:widget-setting name='showAuthor'>true</b:widget-setting>
                        <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
                        <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
                        <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
                        <b:widget-setting name='timestampLabel'>On</b:widget-setting>
                        <b:widget-setting name='reactionsLabel'/>
                        <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
                        <b:widget-setting name='style.layout'>1x1</b:widget-setting>
                        <b:widget-setting name='showLabels'>true</b:widget-setting>
                        <b:widget-setting name='showLocation'>false</b:widget-setting>
                        <b:widget-setting name='postLabelsLabel'>in</b:widget-setting>
                        <b:widget-setting name='showTimestamp'>true</b:widget-setting>
                        <b:widget-setting name='postsPerAd'>1</b:widget-setting>
                        <b:widget-setting name='showBacklinks'>false</b:widget-setting>
                        <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
                        <b:widget-setting name='showInlineAds'>false</b:widget-setting>
                        <b:widget-setting name='showReactions'>false</b:widget-setting>
                      </b:widget-settings>
                      <b:includable id='main' var='this'>
                          
                        <b:include cond='data:view.isMultipleItems' name='titlePost'/>
                  
                       <div class='BlogP grid-view'>
                          
                         <b:if cond='data:vars.post_style == &quot;2px&quot;'>
<style>/*<![CDATA[*/.onId .BlogP.grid-view{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.onId .BlogP.grid-view .ntry{display:block!important;width:100%!important;left:-3px!important;right:-3px!important;margin:0!important;padding:var(--postP);border:var(--postL) solid var(--contentL);box-shadow:var(--postSh) var(--postSv) var(--postSb) rgba(0,0,0,.05);border-radius:var(--postR);background:var(--postB)}.onId .BlogP.grid-view .ntry .pThmb{position:relative;width:100%!important;height:auto;overflow:hidden;border-radius:var(--postR);margin:0 0 15px 0!important;background:var(--transB)}.onId .BlogP.grid-view .ntry .pThmb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.onId .BlogP.grid-view .ntry .pCntn{width:100%!important;margin:0!important;padding:0!important}.onId .BlogP.grid-view .ntry .pCntn .pHdr,.onId .BlogP.grid-view .ntry .pCntn .pTtl,.onId .BlogP.grid-view .ntry .pCntn .pSnpt,.onId .BlogP.grid-view .ntry .pCntn .pInf{width:100%!important;margin-left:0!important;margin-right:0!important}.onId .BlogP.grid-view .pHdr .pLbls{margin-top:0!important}.onId .BlogP.grid-view .pTtl a{text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onId .BlogP.grid-view .pSnpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onId .BlogP.grid-view .ntry .pInf{margin-top:12px}@media (max-width:640px){.onId .BlogP.grid-view .ntry .pThmb{height:auto};}@media (max-width:500px){.BlogP.grid-view .pThmb .thmb{padding-top:52.335%!important}}/*]]>*/</style>
</b:if>
                          
                          <b:class cond='data:posts.empty' name='mty'/>
                  
                          <!--[ Fullpage condition ]-->
                          <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; } and data:view.isSingleItem and data:posts any (p =&gt; p.labels any (l =&gt; l.name in [ &quot;Fullpage&quot; ]))' name='fullP'/>
                          <b:include cond='data:view.url != data:view.url params { amp: &quot;1&quot; } and data:view.isSingleItem and data:posts any (p =&gt; p.labels any (l =&gt; l.name in [ &quot;Fullpage&quot; ]))' name='post-singlePage'/>
                      
                          <!--[ If no content found ]-->
                          <b:include name='noContentPlaceholder'/>
                      
                          <b:with value='data:widgets.FeaturedPost filter (w =&gt; w.sectionId == &quot;top-widget&quot;) map (w =&gt; w.postId)' var='featuredPostIds'>
                            <b:with value='data:view.isHomepage ? data:posts filter (post =&gt; post.id not in data:featuredPostIds) : data:posts' var='posts'>
                            
                              <b:loop index='i' values='data:posts' var='post'>
                                <!--[ Remove comment tag below to enable in-feed ad ]-->
                                <!--<b:if cond='data:i == 3'>
                                  <b:include name='post-adIn'/>                                
                                </b:if>
                                <b:if cond='data:i == 6'>
                                  <b:include name='post-adIn'/>                                
                                </b:if>-->
                                <b:include data='post' name='postCommentsAndAd'/>
                              </b:loop>
                            </b:with>
                          </b:with>
                        </div>
                  
                        <b:include cond='data:view.isMultipleItems and !data:posts.empty' name='postPagination'/>
                      </b:includable>
                      <b:includable id='aboutPostAuthor'/>
                      <b:includable id='addComments'/>
                      <b:includable id='blogThisShare'/>
                      <b:includable id='breadcrumb' var='post'>
                        <!--[ Post breadcrumbs ]-->
                        <div class='brdCmb' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
                          <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='sponsored'/>
                          <div class='hm' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                            <a expr:href='data:blog.homepageUrl.canonical' itemprop='item'><span itemprop='name'><data:messages.home/></span></a>
                            <meta content='1' itemprop='position'/>
                          </div>
                          <b:if cond='data:post.labels'>
                            <b:loop index='num' values='data:post.labels' var='label'>
                              <b:if cond='data:num == 0'>
                                <div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                                  <a expr:href='data:label.url.canonical' itemprop='item'><span itemprop='name'><data:label.name/></span></a>
                                  <meta expr:content='data:num+2' itemprop='position'/>
                                </div>
                              </b:if>
                              <b:if cond='data:num == 1 and data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                <div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                                  <a expr:href='data:label.url.canonical' itemprop='item'><span itemprop='name'><data:label.name/></span></a>
                                  <meta expr:content='data:num+2' itemprop='position'/>
                                </div>
                              </b:if>
                            </b:loop>
                            <b:elseif cond='data:view.isPost'/>
                            <div class='lb nob'><data:messages.posts/></div>
                          </b:if>
                            
                          <!--[ Change cond='data:view.isPage' to cond='data:view.isSingleItem' if you want to show post title on breadcrumb ]-->
                          <b:tag class='tl' cond='data:view.isPage' expr:data-text='data:post.title' name='div'/>
                        </div>
                      </b:includable>
                      <b:includable id='bylineByName' var='byline'/>
                      <b:includable id='bylineRegion' var='regionIts'/>
                      <b:includable id='commentAuthorAvatar'/>
                      <b:includable id='commentDeleteIcon' var='comment'/>
                      <b:includable id='commentForm' var='post'/>
                      <b:includable id='commentFormIframeSrc' var='post'/>
                      <b:includable id='commentItem' var='comment'/>
                      <b:includable id='commentList' var='comments'/>
                      <b:includable id='commentPicker' var='post'/>
                      <b:includable id='commentblock' var='cb'>
                        <div class='cmAv'>
                          <b:if cond='data:cb.level.authorAvatarSrc'>
                            <div class='im' expr:data-style='&quot;background-image: url(&quot; + resizeImage(data:cb.level.authorAvatarSrc, 35, &quot;1:1&quot;) + &quot;)&quot;'>
                              <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lantro-lazy'/>
                              <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + resizeImage(data:cb.level.authorAvatarSrc, 35, &quot;1:1&quot;) + &quot;)&quot;' name='style'/>
                            </div>
                            <noscript><div class='im' expr:style='&quot;background-image: url(&quot; + resizeImage(data:cb.level.authorAvatarSrc, 35, &quot;1:1&quot;) + &quot;)&quot;'/></noscript>
                          </b:if>
                        </div>
                  
                        &lt;div class=&#39;cmIn&#39;&gt;
                        <div class='cmBd'>
                          <b:class cond='data:cb.level.isDeleted' name='del'/>
                          <b:attr cond='!data:cb.level.isDeleted' name='itemscope' value='itemscope'/>
                          <b:attr cond='!data:cb.level.isDeleted' name='itemtype' value='https://schema.org/Comment'/>
                          <div class='cmHr'>
                            <b:class cond='data:post.author.name == data:cb.level.author' name='a'/>
                            <span class='n'>
                              <b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='author'/>
                              <b:attr cond='!data:cb.level.isDeleted' name='itemscope' value='itemscope'/>
                              <b:attr cond='!data:cb.level.isDeleted' name='itemtype' value='https://schema.org/Person'/>
                              <b:if cond='data:cb.level.author != &quot;Anonymous&quot;'>
                                <bdi><b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='name'/><data:cb.level.author/></bdi>
                                <b:else/>
                                <bdi><b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='name'/>Anonymous</bdi>
                              </b:if>
                            </span>
                    
                            <b:if cond='!data:cb.level.isDeleted'>
                              <!--[ Remove dtTm in className to disable Second Ago script ]-->
                              <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; } and data:blog.languageDirection != &quot;rtl&quot;'>
                                <span class='d dtTm' expr:data-datetime='data:cb.level.timestamp'/>
                              </b:if>
                              <span class='d date' expr:data-datetime='data:cb.level.timestamp' itemprop='datePublished'><data:cb.level.timestamp/></span>
                            </b:if>
                          </div>

                          <div class='cmCo'>
                            <b:class cond='!data:post.allowNewComments' name='dis'/>
                            <b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='text'/>
                            <b:if cond='data:cb.level.author != data:post.author.name'>
                              <b:eval expr='data:cb.level.body snippet { links: false }'/>
                              <b:else/>
                              <data:cb.level.body/>
                            </b:if>
                          </div>
                    
                        </div>
                      </b:includable>
                      <b:includable id='comments' var='post'/>
                      <b:includable id='commentsLink'/>
                      <b:includable id='commentsLinkIframe'/>
                      <b:includable id='commentsTitle'>
                        <h3 class='title'>
                          <b:if cond='data:post.numberOfComments &gt; 0'>
                            <b:message name='messages.numberOfComments'>
                              <b:param expr:value='data:post.numberOfComments' name='numComments'/>
                            </b:message>
                            <b:else/>
                            <data:messages.postAComment/>
                          </b:if>
                        </h3>
                      </b:includable>
                      <b:includable id='defaultAdUnit'>
                        <ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: &quot;display: block;&quot;'/>
                        <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
                      </b:includable>
                      <b:includable id='emailPostIcon'/>
                      <b:includable id='facebookShare'/>
                      <b:includable id='feedLinks'/>
                      <b:includable id='feedLinksBody' var='links'/>
                      <b:includable id='footerBylines'/>
                      <b:includable id='googlePlusShare'/>
                      <b:includable id='headerByline'/>
                      <b:includable id='homePageLink'/>
                      <b:includable id='iframeComments' var='post'/>
                      <b:includable id='inlineAd' var='post'>
                        <b:if cond='!data:view.isPreview'>
                          <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
                            <!-- Ad -->
                            <div class='inline-ad'>
                              <b:if cond='data:this.adCode != &quot;&quot;'>
                                <data:this.adCode/>
                                <b:else/>
                                <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
                              </b:if>
                            </div>
                          </b:if>
                          <b:else/>
                          <div class='inline-ad'>
                            <div class='inline-ad-placeholder'>
                              <span><b:message name='messages.adsGoHere'/></span>
                            </div>
                          </div>
                        </b:if>
                      </b:includable>
                      <b:includable id='linkShare'/>
                      <b:includable id='manageComments'/>
                      <b:includable id='nextPageLink'/>
                      <b:includable id='noContentPlaceholder'>
                        <b:if cond='data:posts.empty'>
                          <!--[ No posts messages ]-->
                          <div class='noPosts'><data:messages.noResultsFound/>...</div>
                        </b:if>
                      </b:includable>
                      <b:includable id='otherSharingButton'/>
                      <b:includable id='platformShare'/>
                      <b:includable id='post' var='post'/>
                      <b:includable id='postAuthor'/>
                      <b:includable id='postBody' var='post'/>
                      <b:includable id='postBodySnippet' var='post'/>
                      <b:includable id='postCommentsAndAd' var='post'>
                    
                        <!--[ Post article ]-->
                        <article class='ntry'>
                          <b:class cond='data:view.isSingleItem' name='ps'/>
                          <b:class cond='data:view.isSingleItem' name='post'/>
                          <b:class cond='data:view.isMultipleItems and !data:post.featuredImage' name='noThmb'/>
                          <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp' name='noInf'/>
                          <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='noAd'/>
                    
                          <!--[ Post brdCmb ]-->
                          <b:include cond='data:view.isSingleItem' data='post' name='breadcrumb'/>
                        
                          <b:if cond='data:view.isMultipleItems'>
                            <!--[ Post thumbnail and labels ]-->
                            <div class='pThmb'>
                              <b:class cond='data:post.featuredImage.isYoutube' name='iyt'/>
                              <b:class cond='!data:post.featuredImage' name='nul'/>
                              <b:tag aria-label='Thumbnail' class='thmb' expr:name='data:post.featuredImage ? &quot;a&quot; : &quot;div&quot;'>
                                <b:attr cond='data:post.featuredImage' expr:value='data:post.url' name='href'/>
                                <b:if cond='data:post.featuredImage'>
                                  <b:include name='postEntryThumbnail'/>
                                  <b:else/>
                                  <span class='imgThm' data-text='No image'/>
                                </b:if>
                              </b:tag>
                                
                              <!--[ Comments count ]-->
                              <b:tag class='tTag' name='div'>
                                <b:if cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <b:include name='postsponsored'/>
                                </b:if>
                                <b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
                                  <b:include name='postCommentsLinks'/>
                                </b:if>
                              </b:tag>
                            </div>
                          </b:if>
                    
                          <b:tag class='pCntn' cond='data:view.isMultipleItems' name='div'>
                              
                            <!--[ Post header ]-->
                            <b:include cond='data:view.isMultipleItems' name='postHeaders'/>
                          
                            <!--[ Post title ]-->
                            <b:tag class='pTtl aTtl' expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? &quot;h2&quot; : &quot;h1&quot;'>
                              <b:class cond='data:view.isSingleItem' name='itm'/>
                              <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='nSpr'/>
                              <b:tag expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? &quot;a&quot; : &quot;span&quot;'>
                                <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.url.canonical' name='href'/>
                                <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.title' name='data-text'/>
                                <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' name='rel' value='bookmark'/>
                                <data:post.title/>
                              </b:tag>
                            </b:tag>
                              
                            <b:if cond='data:blog.metaDescription and data:view.isPost'>
                              <!-- Post Description -->
                              <div class='pDesc'><data:blog.metaDescription/></div>
                            </b:if>
                          
                            <b:if cond='data:view.isMultipleItems'>
                              <!--[ Post snippets ]-->
                              <div class='pSnpt'>
                                <b:include name='postEntrySnippet'/>
                              </div>
                            </b:if>
                        
                            <!--[ Post info ]-->
                            <b:include cond='!data:view.isPage' name='postInfo'/>
                          
                            <!--[ Share button ]-->
                            <b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShare'/>
                          
                            <!--[ Change post font size ]-->
                            <b:if cond='data:vars.font_resize == &quot;2px&quot;'>
                            <b:include cond='data:view.isPost and !data:view.isPreview' name='postFontInput'/>
                            <b:include cond='data:view.isPost and !data:view.isPreview' name='postFontEntry'/>
                            </b:if>
                        
                            <b:tag class='pInr' cond='data:view.isSingleItem' name='div'>
                              <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                <!--[ Post top ad ]-->
                                <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-adTop'/>
                              </b:if>
                          
                              <b:if cond='data:view.isSingleItem'>
                                <!--[ Post body ]-->
                                <div class='pEnt' expr:id='&quot;postID-&quot; + data:post.id'>
                                  <div class='pS post-body postBody' id='postBody'><data:post.body/></div>
                                </div>
                              </b:if>
                              
                              <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                <!--[ Post bottom ad ]-->
                                <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-dumAdot'/>
                              </b:if>
                      
                              <b:include data='post' name='postMetadataJSON'/>
                              
                              <b:if cond='data:vars.read_time == &quot;2px&quot;'>
                              <b:if cond='data:view.isPost and data:widgets.Blog.first.allBylineItems.timestamp'>
                                <script>/*<![CDATA[*/ function get_text(el) {ret = ''; var length = el.childNodes.length; for(var i = 0; i < length; i++) {var node = el.childNodes[i]; if(node.nodeType != 8) {ret += node.nodeType != 1 ? node.nodeValue : get_text(node);} } return ret;} var words = get_text(document.getElementById('postBody')); var count = words.split(' ').length; var avg = 200; var counted = count / avg; var maincount = Math.round(counted); document.getElementById('rdTime').innerHTML = maincount + ' min read'; /*]]>*/</script>
                              </b:if>
                              </b:if>
                        
                              <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                <!--[ Post writter ]-->
                                <b:include cond='data:post.author.aboutMe and data:view.isPost and !data:view.isPreview' name='post-authorProfile'/>
                              </b:if>
                              
                            </b:tag>
                          
                          </b:tag>
                        </article>
                  
                        <!--[ Post footer ]-->
                        <b:tag class='pFoot' cond='data:view.isPost' name='div'>
                          <!--[ Share button pop-up/sticky ]-->
                          <b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShareMore'/>
                            
                          <!--[ Related post ]-->
                          <b:include cond='data:view.url != data:view.url params { amp: &quot;1&quot; } and data:view.isPost and !data:view.isPreview' data='post' name='post-related'/>
                    
                          <!--[ Matched content ad ]-->
                          <!--<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-relatedAd'/>-->
                    
                          <b:tag class='pCmnts' cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' id='comment' name='div'>
                            <!--[ Blogger Comments ]-->
                            <b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>
                          </b:tag>
                          
                        </b:tag>
                        
                        <!--[ Show ad. ]-->
                        <b:include cond='data:post.includeAd' data='post' name='inlineAd'/>
                      </b:includable>
                      <b:includable id='postCommentsLink'/>
                      <b:includable id='postFooter' var='post'/>
                      <b:includable id='postFooterAuthorProfile' var='post'/>
                      <b:includable id='postHeader'/>
                      <b:includable id='postInfo'>
                        <b:tag class='pInf pSml' name='div'>
                          <b:class cond='data:view.isSingleItem' name='ps'/>
                          <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='nSpr'/>
                          <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp' name='nTm'/>
                          <b:class cond='!data:widgets.Blog.first.allBylineItems.author and !data:widgets.Blog.first.allBylineItems.timestamp and (!data:post.shareUrl and !data:widgets.Blog.first.allBylineItems.share) and (!data:post.allowComments and !data:widgets.Blog.first.allBylineItems.comments or data:post.numberOfComments == 0)' name='nul'/>
                        
                          <b:if cond='data:view.isMultipleItems'>
                            <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                              <!--[ Post timestamp ]-->
                              <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestampPublish'/>
                            </b:if>
                      
                            <!--[ Post jumplinks ]-->
                            <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postJumpLinks'/>                    
                        
                            <b:else/>
                      
                            <!--[ Info in item page ]-->
                            <b:if cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                              <b:if cond='data:post.author.authorPhoto.image'>
                                <div class='pIm'><b:include name='post-authorImage'/></div>
                              </b:if>
                            </b:if>
                              
                            <b:tag class='pNm' cond='data:widgets.Blog.first.allBylineItems.author or data:widgets.Blog.first.allBylineItems.timestamp' name='div'>
                              <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp and data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='l'/>
                              <b:class cond='!data:post.author.authorPhoto.image' name='n'/>
                              <b:include cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='post-authorName'/>
                                
                              <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'>
                                <div class='pDr'>
                                  <bdi class='pDt pIn'><b:include name='postTimestamps'/></bdi>
                                
                                  <b:if cond='data:vars.read_time == &quot;2px&quot;'>
                                    <!--[ Reading time ]-->
                                    <div class='pRd pIn'><bdi id='rdTime'/></div>
                                  </b:if>
                                </div>
                              </b:if>
                            </b:tag>
                              
                            <b:if cond='(data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments and data:post.numberOfComments &gt; 0) or (data:post.shareUrl and data:widgets.Blog.first.allBylineItems.share)'>
                              <div class='pCm'>
                                <b:class cond='(data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments and data:post.numberOfComments &gt; 0) and (data:post.shareUrl and data:widgets.Blog.first.allBylineItems.share)' name='l'/>
                                <div class='pIc'>
                                  <b:include cond='data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments' name='postCommentsLabela'/>
                                  <b:if cond='data:vars.font_resize == &quot;2px&quot;'>
                                  <label class='fn tIc' for='forFont'><b:include name='font-icon'/></label>
                                  </b:if>
                                </div>
                              </div>
                            </b:if>
                          
                          </b:if>
                        </b:tag>
                      </b:includable>
                      <b:includable id='postInfoShare'>
                        <div class='pSh'>
                          <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='nSpr'/>
                          <div class='pShc' expr:data-text='data:messages.share + &quot;:&quot;'>
                            <!-- Share to Facebook -->
                            <a aria-label='Facebook' class='c fb' data-text='Share' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='facebook-r-icon'/></a>
                            
                            <!-- Share to Whatsapp -->
                            <a aria-label='Whatsapp' class='c wa' data-text='Share' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='whatsapp-r-icon'/></a>
                                
                            <!-- Share to Twitter -->
                            <a aria-label='Twitter' class='c tw' data-text='Tweet' expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='twitter-r-icon'/></a>
                            
                            <label expr:aria-label='data:messages.shareToOtherApps' for='forShare'><b:include name='plus-icon'/></label>
                          </div>
                        </div>
                      </b:includable>
                      <b:includable id='postInfoShareMore'>
                        <input class='shIn fixi hidden' id='forShare' type='checkbox'/>
                        <div class='shBr fixL'>
                          <div class='shBri fixLi'>
                            <div class='shBrs popXls'>
                              <div class='shH fixH fixT' expr:data-text='data:messages.shareToOtherApps'>
                                <label aria-label='Close' class='c cl' for='forShare'/>
                              </div>
                              <div class='shC'>
                                <!--[ Share to other apps ]-->
                                <div class='shL'>
                                  <div data-text='Facebook'>
                                    <!-- Share to Facebook -->
                                    <a aria-label='Facebook' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                      <b:include name='facebook-r-icon'/>
                                    </a>
                                  </div>
                                    
                                  <div data-text='WhatsApp'>
                                    <!-- Share to Whatsapp -->
                                    <a aria-label='Whatsapp' expr:href='&quot;https://www.whatsapp/sharer.php?u=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                      <b:include name='whatsapp-r-icon'/>
                                    </a>
                                  </div>
                                    
                                  <div data-text='Twitter'>
                                    <!-- Share to Twitter -->
                                    <a aria-label='Twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                      <b:include name='twitter-r-icon'/>
                                    </a>
                                  </div>
                                    
                                  <div data-text='Telegram'>
                                    <!-- Share to Telegram -->
                                    <a aria-label='Telegram' expr:href='&quot;https://t.me/share/url?url=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                      <b:include name='telegram-r-icon'/>
                                    </a>
                                  </div>
                                    
                                  <div data-text='Pinterest'>
                                    <!-- Pin to Pinterst -->
                                    <a aria-label='Pinterest' data-pin-config='beside' expr:href='&quot;https://pinterest.com/pin/create/button/?url=&quot; + data:blog.url.canonical + &quot;&amp;media=&quot; + resizeImage(data:blog.postImageUrl, 1600)' rel='noopener' target='_blank'>
                                      <b:include name='pinterest-r-icon'/>
                                    </a>
                                  </div>
                                    
                                  <div data-text='LinkedIn'>
                                    <!-- Share Linkedin -->
                                    <a aria-label='Linkedin' expr:href='&quot;https://www.linkedin.com/sharing/share-offsite/?url=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                      <b:include name='linkedIn-r-icon'/>
                                    </a>
                                  </div>
                                    
                                  <div data-text='Line'>
                                    <!-- Share to Line -->
                                    <a aria-label='Line' href='https://www.qspothub.com/p/about-us.html' target='_blank'>
                                      <b:include name='line-r-icon'/>
                                    </a>
                                  </div>
                                    
                                  <div data-text='Email'>
                                    <!-- Send to email -->
                                    <a aria-label='Email' expr:href='&quot;mailto:?body=&quot; + data:blog.url.canonical' target='_blank'>
                                      <b:include name='mail-r-icon'/>
                                    </a>
                                  </div>
                                </div>
                                  
                                <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                                  <!--[ Copy link ]-->
                                  <div class='cpL' data-text='or copy link' expr:data-message='data:messages.copyToClipboard'>
                                    <div class='cpLb'>
                                      <b:include name='link-alt-icon'/>
                                      <input expr:value='data:blog.url.canonical' id='getlink' onClick='this.select()' readonly='readonly'/>
                                      <label for='getlink' onclick='copyFunction()'><data:messages.copy/></label>
                                    </div>
                                  
                                    <div class='cpLn' id='cpNotif'/>
                                  
                                    <script>function copyFunction(){document.getElementById(&#39;getlink&#39;).select(),document.execCommand(&#39;copy&#39;),document.getElementById(&#39;cpNotif&#39;).innerHTML=&#39;<span><data:messages.linkCopiedToClipboard/></span>&#39; };</script>
                                  </div>
                                </b:if>
                              </div>
                            </div>
                          </div>
                            
                          <label class='fullC' for='forShare'/>
                        </div>
                      </b:includable>
                      <b:includable id='postJumpLink' var='post'/>
                      <b:includable id='postLabels'/>
                      <b:includable id='postLocation'/>
                      <b:includable id='postMeta' var='post'>
                        <b:include data='post' name='postMetadataJSON'/>
                      </b:includable>
                      <b:includable id='postMetadataJSON'>
                        <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;<b:if cond='data:post.id == data:view.pageId'>Article<b:elseif cond='data:post.labels any (l =&gt; l.name in [&quot;Blog&quot;])'/>BlogPosting<b:elseif cond='(data:post.labels any (l =&gt; l.name in [&quot;Article&quot;])) or data:vars.metadata_defaultPostType == &quot;2px&quot;'/>Article<b:elseif cond='(data:post.labels any (l =&gt; l.name in [&quot;News&quot;])) or data:vars.metadata_defaultPostType == &quot;3px&quot;'/>NewsArticle<b:else/>BlogPosting</b:if>&quot;,&quot;mainEntityOfPage&quot;:{&quot;@type&quot;:&quot;WebPage&quot;,&quot;@id&quot;:&quot;<data:post.url.canonical.jsonEscaped/>&quot;},&quot;headline&quot;:&quot;<data:post.title.jsonEscaped/>&quot;,&quot;description&quot;:&quot;<b:eval expr='snippet(data:post.snippets.long, { length: 250, links: false, linebreaks: false, ellipsis: true }).jsonEscaped'/>&quot;<b:if cond='data:view.isPost ? data:post.id == data:view.postId : (data:view.isPage ? data:post.id == data:view.pageId : false)'>,&quot;articleBody&quot;:&quot;<b:eval expr='snippet(data:post.body, { links: false, linebreaks: false, ellipsis: true }).jsonEscaped'/>&quot;</b:if>,&quot;datePublished&quot;:&quot;<data:post.date.iso8601.jsonEscaped/>&quot;,&quot;dateModified&quot;:&quot;<data:post.lastUpdated.iso8601.jsonEscaped/>&quot;,&quot;image&quot;:<b:with value='{ width: 1280, height: 720 }' var='c'><b:with value='resizeImage((data:post.featuredImage ?: snippet(data:vars.default_thumbnail)), data:c.width, (data:c.width + &quot;:&quot; + data:c.height))' var='image'>{&quot;@type&quot;:&quot;ImageObject&quot;,&quot;url&quot;:&quot;<b:eval expr='(data:image not contains &quot;http://&quot; and data:image not contains &quot;https://&quot; ? &quot;https:&quot; + data:image : data:image).jsonEscaped'/>&quot;,&quot;width&quot;:<b:eval expr='data:logo.width ?: data:c.width'/>,&quot;height&quot;:<b:eval expr='data:logo.height ?: data:c.height'/>}</b:with></b:with>,&quot;publisher&quot;:<b:with value='{ width: 512, height: 512 }' var='c'><b:with value='snippet(data:vars.organization_logo)' var='logo'>{&quot;@type&quot;:&quot;<b:eval expr='(&quot;Organization&quot;).jsonEscaped'/>&quot;,&quot;name&quot;:&quot;<data:blog.title.jsonEscaped/>&quot;,&quot;logo&quot;:{&quot;@type&quot;:&quot;ImageObject&quot;,&quot;url&quot;:&quot;<b:eval expr='(data:logo not contains &quot;http://&quot; and data:logo not contains &quot;https://&quot; ? &quot;https:&quot; + data:logo : data:logo).jsonEscaped'/>&quot;,&quot;width&quot;:<b:eval expr='data:logo.width ?: data:c.width'/>,&quot;height&quot;:<b:eval expr='data:logo.height ?: data:c.height'/>}}</b:with></b:with>,&quot;author&quot;:<b:with value='{ width: 512, height: 512 }' var='c'><b:with value='resizeImage((data:post.author.authorPhoto.image ?: &quot;&quot;), data:c.width, (data:c.width + &quot;:&quot; + data:c.height))' var='image'>{&quot;@type&quot;:&quot;Person&quot;,&quot;name&quot;:&quot;<data:post.author.name.jsonEscaped/>&quot;,&quot;url&quot;:&quot;<b:eval expr='(data:post.author.profileUrl ?: data:blog.homepageUrl.canonical).jsonEscaped'/>&quot;<b:if cond='data:image'>,&quot;image&quot;:{&quot;@type&quot;:&quot;ImageObject&quot;,&quot;url&quot;:&quot;<b:eval expr='(data:image not contains &quot;http://&quot; and data:image not contains &quot;https://&quot; ? &quot;https:&quot; + data:image : data:image).jsonEscaped'/>&quot;,&quot;width&quot;: <b:eval expr='data:image.width ?: data:c.width'/>,&quot;height&quot;: <b:eval expr='data:image.height ?: data:c.height'/>}</b:if>}</b:with></b:with>}</script>
                      </b:includable>
                      <b:includable id='postMetadataJSONImage'><!--[ Removed ]--></b:includable>
                      <b:includable id='postMetadataJSONPublisher'><!--[ Removed ]--></b:includable>
                      <b:includable id='postPagination'>
                        <!--[ Blog navigation ]-->
                        <div class='blogPg' id='blogPager'>
                          <b:tag class='nPst' cond='data:view.url == data:blog.homepageUrl and !data:olderPageUrl' expr:data-text='data:messages.noResultsFound' name='div'/>
                          <b:include cond='!data:posts.empty' name='postPagination.new'/>
                          <b:include cond='!data:posts.empty' name='postPagination.home'/>
                          <b:include cond='!data:posts.empty' name='postPagination.old'/>
                        </div>
                      </b:includable>
                      <b:includable id='postPagination.home'>
                        <b:tag class='hmLnk' expr:name='data:view.url != data:blog.homepageUrl ? &quot;a&quot; : &quot;div&quot;'>
                          <b:class cond='data:view.url == data:blog.homepageUrl' name='nPst'/>
                          <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/>
                          <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:messages.home' name='aria-label'/>
                          <b:attr cond='data:posts.empty' expr:value='data:messages.home' name='data-text'/>
                          <b:include cond='!data:posts.empty' name='home-alt-icon'/>
                        </b:tag>                      
                      </b:includable>
                      <b:includable id='postPagination.new'>
                        <b:if cond='data:newerPageUrl and data:view.url != data:blog.homepageUrl.canonical path &quot;search&quot;'>
                          <a class='nwLnk' expr:aria-label='data:messages.newest' expr:data-text='data:messages.newest' expr:href='data:newerPageUrl.canonical'>
                            <b:if cond='data:blog.languageDirection != &quot;rtl&quot;'>
                                 
                              <b:include name='arrow-left-icon'/>
                              <b:else/>
                              <b:include name='arrow-right-icon'/>
                            </b:if>
                          </a>
                          <b:else/>
                          <div class='nwLnk nPst' expr:data-text='data:messages.newest'>
                            <b:if cond='data:blog.languageDirection != &quot;rtl&quot;'>
                                 
                              <b:include name='arrow-left-icon'/>
                              <b:else/>
                              <b:include name='arrow-right-icon'/>
                            </b:if>
                          </div>
                        </b:if>
                      </b:includable>
                      <b:includable id='postPagination.old'>
                        <b:tag class='olLnk' expr:data-text='data:messages.oldest' expr:name='data:olderPageUrl ? &quot;a&quot; : &quot;div&quot;'>
                          <b:class cond='!data:olderPageUrl' name='nPst'/>
                          <b:attr cond='data:olderPageUrl' expr:value='data:olderPageUrl.canonical' name='href'/>
                          <b:attr cond='data:olderPageUrl' expr:value='data:messages.oldest' name='aria-label'/>
                          <b:if cond='data:blog.languageDirection != &quot;rtl&quot;'>
                            <b:include name='arrow-right-icon'/>
                            <b:else/>
                            <b:include name='arrow-left-icon'/>
                          </b:if>
                        </b:tag>
                      </b:includable>
                      <b:includable id='postReactions'/>
                      <b:includable id='postShareButtons'/>
                      <b:includable id='postTimestamp'/>
                      <b:includable id='postTitle' var='post'/>
                      <b:includable id='previousPageLink'/>
                      <b:includable id='sharingButton'/>
                      <b:includable id='sharingButtonContent'/>
                      <b:includable id='sharingButtons'/>
                      <b:includable id='sharingButtonsMenu'/>
                      <b:includable id='sharingPlatformIcon'/>
                      <b:includable id='threadedCommentForm' var='post'/>
                      <b:includable id='threadedCommentJs' var='post'/>
                      <b:includable id='threadedComments' var='post'/>
                      <b:includable id='threadedComments-form' var='post'>
                        <div id='commentForm'>
                          <!--[ Comment message ]-->
                          <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
                            <div class='cmMs note note-info'>
                                  
                              <data:this.messages.blogComment/>
                            </div>
                          </b:if>
                            
                          <!--[ Comment iframe (remove comment tag below to improve height of comment form) ]-->
                          <!--<a aria-label='Comment Form' expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot; + data:variantParam' id='comment-editor-src'/>-->
                          <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                            <iframe class='blogger-iframe-colorize blogger-comment-from-post lantro-lazy' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' height='296' id='comment-editor' name='comment-editor' title='Blogger comment' width='100'/>
                          </b:if>
                         
                          <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                            <!--<script src='https://www.blogger.com/static/v1/jsbin/1875144490-comment_from_post_iframe.js'/>
                            <script>BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);</script>-->
                          </b:if>
                        </div>
                      </b:includable>
                      <b:includable id='threadedComments-modifV3' var='post'><b:tag class='cmSh fixi hidden' id='forComments' name='input' type='checkbox'/><b:tag class='cmAl hidden' cond='data:post.numberOfComments &gt; 0' id='forAllCm' name='input' type='checkbox'/><div class='cmLoader hidden' id='cmLoader'><div class='spinner'/></div><b:include cond='data:post.allowComments' name='post-commentButton'/><section class='cm' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments' style='display:none;'><b:class name='cmBr fixL'/><b:tag class='cmBri' name='div'><b:class cond='data:post.numberOfComments == 0' name='mty'/><b:tag class='cmBrs popXls' name='div'><div class='cmH fixH'><b:include name='commentsTitle'/><div class='cmI cl'><b:if cond='data:post.numberOfComments &gt; 0'><label class='s' expr:aria-label='data:messages.manageComments' expr:data-new='data:messages.newest' expr:data-text='data:messages.oldest' for='forAllCm'/></b:if><label aria-label='Close' class='c' for='forComments'/></div></div><div class='cmC'><b:if cond='data:post.numberOfComments &gt; 0'><div class='cmCn'><ol class='cmHl' id='cmHolder'><b:loop values='data:post.comments where (c =&gt; not c.inReplyTo)' var='commentLevel1'><li class='c' expr:id='&quot;c&quot; + data:commentLevel1.id'><b:class cond='data:cb.level.author == data:post.author.name' name='adm'/><b:include data='{level: data:commentLevel1,d: true}' name='commentblock'/><b:with value='data:post.comments where (c =&gt; c.inReplyTo == data:commentLevel1.id)' var='commentL2'><b:if cond='data:commentL2.size != &quot;0&quot;'><input class='cmRi hidden' expr:id='&quot;to-&quot; + data:commentLevel1.id' type='checkbox'/><div class='cmRp'><div class='cmTh' expr:id='&quot;c&quot; + data:commentLevel1.id + &quot;-rt&quot;'><label class='thTg' data-text='Hide replies' expr:aria-label='&quot;View &quot; +data:commentL2.length+ &quot; replies&quot;' expr:for='&quot;to-&quot; + data:commentLevel1.id'/><ol class='thCh'><b:loop values='data:commentL2' var='commentLevel2'><li class='c' expr:id='&quot;c&quot; + data:commentLevel2.id'><b:class cond='data:cb.level.author == data:post.author.name' name='adm'/><b:include data='{level: data:commentLevel2,d: true}' name='commentblock'/></li></b:loop></ol></div><b:if cond='data:post.allowNewComments'><div class='cmAc cmR'><a aria-label='Reply' class='rpTo' data-text='Reply' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'/></div></b:if></div></b:if></b:with><b:if cond='data:post.allowNewComments'><div class='cmAc'><a aria-label='Reply' class='rpTo' data-text='Reply' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'/></div></b:if></li></b:loop></ol><b:if cond='data:blog.languageDirection != &quot;rtl&quot;'><script>/*<![CDATA[*/!function timeAgo(){var t={prefix:"",suffix:"",seconds:"second ago",minute:"1 min",minutes:"%d min",hour:"1 hour",hours:"%d hour",day:"1 day",days:"%d days",month:"1 month",months:"%d month",year:"1 year",years:"%d years"},n=function(e,r){return t[e]&&t[e].replace(/%d/i,Math.abs(Math.round(r)))},i=function(e){if(!e)return;e=e.replace(/\.\d+/,"").replace(/-/g,"/").replace(/T/," ").replace(/Z/," UTC").replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2");var r=new Date(1e3*e||e),now=new Date,o=((now-r)*1e-3)>>0,a=o/60,s=a/60,c=s/24,l=c/365;return t.prefix+(o<45&&n("seconds",o)||o<90&&n("minute",1)||a<45&&n("minutes",a)||a<90&&n("hour",1)||s<24&&n("hours",s)||s<42&&n("day",1)||c<30&&n("days",c)||c<45&&n("month",1)||c<365&&n("months",c/30)||l<1.5&&n("year",1)||n("years",l))+t.suffix},e=document.getElementsByClassName("dtTm");for(var r=0;r<e.length;r++){var o=e[r];o&&(o.innerHTML=i(o.getAttribute("title")||o.getAttribute("data-datetime")))}setTimeout(timeAgo,6e4)}();/*]]>*/</script></b:if></div><b:if cond='data:post.allowNewComments'><div class='cmAd hidden' id='addCm'><div aria-label='Berkomentar' class='cmBtn button' role='button'><b:class name='ln'/><b:message name='messages.postAComment'/></div></div></b:if><b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'><script>var comment=!0;</script></b:if><b:else/><b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'><script>var comment=!1;</script></b:if></b:if><div class='cmFrm'><b:if cond='data:post.embedCommentForm'><b:if cond='data:post.allowNewComments'><b:include data='post' name='threadedComments-form'/><b:else/><div class='cmDis'><data:post.noNewCommentsText/></div></b:if><b:else/><b:if cond='data:post.allowComments'><b:if cond='data:this.messages.blogComment != &quot;&quot;'><div class='cmMs note'><data:this.messages.blogComment/></div></b:if><a class='cmBtn button' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick' rel='noreferrer' role='button' target='_blank'><b:class name='ln'/><b:message name='messages.postAComment'/></a></b:if></b:if></div></div></b:tag></b:tag><label class='fullC' for='forComments'/></section><script>/*<![CDATA[*/document.addEventListener('DOMContentLoaded',function(){var btn=document.querySelector('.cmShw label'),loader=document.getElementById('cmLoader'),comments=document.getElementById('comments');if(btn&&loader&&comments){btn.addEventListener('click',function(e){e.preventDefault();loader.classList.remove('hidden');setTimeout(function(){comments.style.display='block';document.getElementById('forComments').checked=!0;loader.classList.add('hidden')},800)})}});/*]]>*/</script><b:if cond='data:post.allowNewComments'><script>/*<![CDATA[*/document.addEventListener('DOMContentLoaded',function(){var a=document,b=a.getElementById('comment-editor'),d=b.getAttribute('data-src');if(1==comment){var f=a.getElementsByClassName('rpTo'),c=a.getElementById('commentForm'),h=f.length,k=function(b,d,e,f){b.addEventListener('click',function(){var c=b.getAttribute('data-reply-to');a.getElementById('c'+c).appendChild(d);a.getElementById('commentForm').className='cmRbox';a.getElementById('addCm').className='cmAd';e.src=f+'&parentID='+c})};for(i=0;i<h;i++)k(f[i],c,b,d);var l=a.getElementsByClassName('cmFrm')[0];a.getElementById('addCm').addEventListener('click',function(){l.appendChild(c);a.getElementById('commentForm').className='cmRbox';a.getElementById('addCm').className='cmAd hidden';b.src=d})}});/*]]>*/</script></b:if><b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'><script>/*<![CDATA[*/function repText(id){var a=document.getElementById(id);if(!a)return;var b=a.innerHTML;b=b.replace(/<i rel="image">(.*?)<\/i>/gi,"<img class='lazy' data-src='$1' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' alt='Image Comment' />");a.innerHTML=b}repText('cmHolder');/*]]>*/</script></b:if><style>/*<![CDATA[*/.cmLoader{display:flex;justify-content:center;align-items:center;height:80px}.cmLoader.hidden{display:none}.spinner{width:35px;height:35px;border:3px solid var(--contentL);border-top:3px solid var(--linkC);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cmBr{display:flex!important;align-items:center!important;justify-content:center!important;top:0!important;left:0!important;width:100%!important;height:100%!important;position:fixed!important}/*]]>*/</style></b:includable>
                      <b:includable id='tooltipCss'>
  <!-- LINT.IfChange -->
  <style>
    .post-body a.b-tooltip-container {
      position: relative;
      display: inline-block;
    }

    .post-body a.b-tooltip-container .b-tooltip {
      display: block !important;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translate(-20%, 1px);
      visibility: hidden;
      opacity: 0;
      z-index: 1;
      transition: opacity 0.2s ease-in-out;
    }

    .post-body a.b-tooltip-container .b-tooltip iframe {
      width: 200px;
      height: 198px;
      max-width: none;
      border: none;
      border-radius: 20px;
      box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    }

    @media (hover: hover) {
      .post-body a.b-tooltip-container:hover .b-tooltip {
        visibility: visible;
        opacity: 1;
      }
    }
  </style>
  <!-- LINT.ThenChange(//depot/google3/java/com/google/blogger/b2/layouts/widgets/v2-style.css) -->
</b:includable>
                    </b:widget>
                    <b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML01' locked='true' title='Middle Post Ad' type='HTML' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='content'/>
                      </b:widget-settings>
                      <b:includable id='main'>
                        <div class='widget-content'>
                          <b:if cond='data:content != &quot;&quot;'>
                            <data:content/>
                          
                            <b:else/>
                            <!--[ Blank ad ]-->
                            <div class='dumAd' expr:data-text='data:messages.adsGoHere'/>
                          </b:if>
                    
                          <!--[ Script to move widget to the middle of article ]-->
                          <script>/*<![CDATA[*/function insertAfter(a,b){if(!b||!b.parentNode)return;var c=b.parentNode;c.lastChild==b?c.appendChild(a):c.insertBefore(a,b.nextSibling)}var tgt=document.getElementById('postBody');if(tgt){var midAd01=document.getElementById('HTML01'),paras=tgt.getElementsByTagName('p');if(paras.length>10&&midAd01)insertAfter(midAd01,paras[10])}/*]]>*/</script>
                        </div>
                      </b:includable>
                    </b:widget>
                    <b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML02' locked='true' title='Middle Post Ad' type='HTML' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='content'/>
                      </b:widget-settings>
                      <b:includable id='main'>
                        <div class='widget-content'>
                          <b:if cond='data:content != &quot;&quot;'>
                            <data:content/>
                          
                            <b:else/>
                            <!--[ Blank ad ]-->
                            <div class='dumAd' expr:data-text='data:messages.adsGoHere'/>
                          </b:if>
                        
                          <!--[ Script to move widget to the middle of article ]-->
                          <script>/*<![CDATA[*/function insertAfter(a,b){if(!b||!b.parentNode)return;var c=b.parentNode;c.lastChild==b?c.appendChild(a):c.insertBefore(a,b.nextSibling)}var tgt=document.getElementById('postBody');if(tgt){var midAd02=document.getElementById('HTML02'),paras=tgt.getElementsByTagName('p');if(paras.length>20&&midAd02)insertAfter(midAd02,paras[20])}/*]]>*/</script>
                        </div>
                      </b:includable>
                    </b:widget>
                  </b:section>
                
                  <b:section cond='!data:view.isPreview and !data:view.isSingleItem' id='add-widget' showaddelement='true'>
                    <b:widget cond='!data:view.isPreview' id='HTML94' locked='true' title='Bottom Ad' type='HTML' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='content'/>
                      </b:widget-settings>
                      <b:includable id='main'>
                        <div class='widget-content'>
                          <b:if cond='data:content != &quot;&quot;'>
                            <data:content/>
                          
                            <b:else/>
                            <!--[ Blank ad ]-->
                            <div class='dumAd' expr:data-text='data:messages.adsGoHere'/>
                          </b:if>
                        </div>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </main>
                
                <b:if cond='!data:view.isPage'>
                  <!--[ Sidebar content ]-->
                  <b:tag class='blogItm sidebar' name='aside'>
                    <b:tag class='sideIn' name='div'>
                      <b:section id='side-widget' showaddelement='true'>
                        <b:widget id='PopularPosts00' locked='false' title='Trending' type='PopularPosts' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='numItemsToShow'>8</b:widget-setting>
                            <b:widget-setting name='showThumbnails'>true</b:widget-setting>
                            <b:widget-setting name='showSnippets'>true</b:widget-setting>
                            <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
                          </b:widget-settings>
                          <b:includable id='main' var='this'>
                            <b:if cond='data:title != &quot;&quot;'>
                              <h2 class='title'><data:title/></h2>
                            </b:if>
                            <b:include name='snippetedPosts'/>
                          </b:includable>
                          <b:includable id='blogThisShare'/>
                          <b:includable id='bylineByName' var='byline'/>
                          <b:includable id='bylineRegion' var='regionIts'/>
                          <b:includable id='commentsLink'/>
                          <b:includable id='commentsLinkIframe'/>
                          <b:includable id='emailPostIcon'/>
                          <b:includable id='facebookShare'/>
                          <b:includable id='footerBylines'/>
                          <b:includable id='googlePlusShare'/>
                          <b:includable id='headerByline'/>
                          <b:includable id='linkShare'/>
                          <b:includable id='otherSharingButton'/>
                          <b:includable id='platformShare'/>
                          <b:includable id='postAuthor'/>
                          <b:includable id='postCommentsLink'/>
                          <b:includable id='postInfo'>
                            <div class='iInf pSml'>
                              <b:if cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                <b:include name='postLabelsponsored'/>
                                <b:else/>
                                
                                <!--[ Post timestamp ]-->
                                <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestamp'/>
                                <b:include cond='data:post.labels' name='postLabel'/>
                              </b:if>
                            </div>
                          </b:includable>
                          <b:includable id='postJumpLink' var='post'/>
                          <b:includable id='postLabels'/>
                          <b:includable id='postLocation'/>
                          <b:includable id='postReactions'/>
                          <b:includable id='postShareButtons'/>
                          <b:includable id='postTimestamp'>
                            <time class='aTtmp iTtmp pbl' expr:data-text='format(data:post.date, &quot;MMM d&quot;)' expr:datetime='data:post.date.iso8601' expr:title='&quot;Published: &quot; + data:post.date format &quot;MMMM d, y&quot;'/>
                          </b:includable>
                          <b:includable id='sharingButton'/>
                          <b:includable id='sharingButtonContent'/>
                          <b:includable id='sharingButtons'/>
                          <b:includable id='sharingButtonsMenu'/>
                          <b:includable id='sharingPlatformIcon'/>
                          <b:includable id='snippetedPostByline'/>
                          <b:includable id='snippetedPostContent'>
                            <!--[ Post thumbnail ]-->
                            <b:include cond='data:i == 0 and (data:this.postDisplay.showFeaturedImage and data:post.featuredImage)' name='snippetedPostThumbnail'/>
                      
                            <b:include name='postInfo'/>
                              
                            <div class='iCtnt'>
                              <div class='iInr'>
                                <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
                                <b:include cond='data:this.postDisplay.showSnippet and data:i == 0' name='snippetedPostEntry'/>
                              </div>
                            </div>
                          </b:includable>
                          <b:includable id='snippetedPostEntry'>
                            <div class='pSnpt'>
                              <b:include name='postEntrySnippet'/>
                            </div>
                          </b:includable>
                          <b:includable id='snippetedPostThumbnail'>
                            <div class='iThmb pThmb'>
                              <b:class cond='data:post.featuredImage.isYoutube' name='iyt'/>
                              <b:class cond='!data:this.postDisplay.showFeaturedImage or !data:post.featuredImage' name='nul'/>
                              <b:tag aria-label='Thumbnail' class='thmb' expr:name='data:this.postDisplay.showFeaturedImage and data:post.featuredImage ? &quot;a&quot; : &quot;div&quot;'>
                                <b:attr cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' expr:value='data:post.url' name='href'/>
                                <b:if cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage'>
                                  <b:include name='postEntryThumbnail'/>
                                  <b:else/>
                                  <span class='imgThm' data-text='No image'/>
                                </b:if>
                              </b:tag>
                              
                              <!--[ Comments count ]-->
                              <b:tag class='tTag' name='div'>
                                <b:if cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <b:include name='postsponsored'/>
                                </b:if>
                                <b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
                                  <b:include name='postCommentsLinks'/>
                                </b:if>
                              </b:tag>
                            </div>
                          </b:includable>
                          <b:includable id='snippetedPostTitle'>
                            <h3 class='iTtl aTtl'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3>
                          </b:includable>
                          <b:includable id='snippetedPosts'>
                            <div class='popularP' role='feed'>
                              <!-- Don't render the post that we're currently already looking at. -->
                              <b:loop index='i' values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
                                <article class='itm'>
                                  <b:class cond='data:i == 0 and data:this.postDisplay.showFeaturedImage and !data:post.featuredImage' name='nThmb'/>
                                  <b:class cond='data:i == 0 and data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='mostP'/>
                                  <b:include name='snippetedPostContent'/>
                                </article>
                              </b:loop>
                            </div>
                          </b:includable>
                        </b:widget>
                        <b:widget id='Label00' locked='false' title='Tags' type='Label' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
                            <b:widget-setting name='display'>LIST</b:widget-setting>
                            <b:widget-setting name='selectedLabelsList'/>
                            <b:widget-setting name='showType'>ALL</b:widget-setting>
                            <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
                          </b:widget-settings>
                          <b:includable id='main' var='this'>
                            <b:include name='widget-title'/>
                            <b:include name='content'/>
                          </b:includable>
                          <b:includable id='cloud'>
                            <b:loop index='tags' values='data:labels' var='label'>
                         
                              <!--[ Only show 6 label ]-->
                              <b:if cond='data:tags &lt;= 5'>
                                <div class='lbSz'>
                                  <b:class expr:name='&quot;s-&quot; + data:label.cssSize'/>
                                  <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                    <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                    <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                    <span class='lbT'><data:label.name/></span>
                                    <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='&quot;(&quot; + data:label.count + &quot;)&quot;' name='span'/>
                                  </b:tag>
                                </div>
                              </b:if>
                        
                              <!--[ Hide another label from 7th list ]-->
                              <b:if cond='data:tags == 6'>
                                <div class='lbSh'>
                                  <input class='lbIn hidden' id='lbAl-1' type='checkbox'/>
                                  <div class='lbAl'>
                                    <b:loop index='alltags' values='data:labels' var='label'>
                               
                                      <!--[ Show label from 7th list ]-->
                                      <b:if cond='data:alltags &gt;= 6'>
                                        <div class='lbSz'>
                                          <b:class expr:name='&quot;s-&quot; + data:label.cssSize'/>
                                          <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                            <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                            <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                            <span class='lbT'><data:label.name/></span>
                                            <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='&quot;(&quot; + data:label.count + &quot;)&quot;' name='span'/>
                                          </b:tag>
                                        </div>
                                      </b:if>
                                
                                    </b:loop>
                                  </div>
                            
                                  <label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='&quot;(+&quot; + (data:labels.length - 6) + &quot;)&quot;' for='lbAl-1'/>
                                </div>
                              </b:if>
                            </b:loop>
                          </b:includable>
                          <b:includable id='content'>
                            <div class='wL pSml'>
                              <!--[ delete the comment tag below if you want to change style Label List ]-->
                              <b:class name='bg'/>
                                
                              <b:class expr:name='data:this.display == &quot;list&quot; ? &quot;ls&quot; : &quot;cl&quot;'/>
                              <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
                              <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
                            </div>
                          </b:includable>
                          <b:includable id='list'>
                            <ul>
                              <b:loop index='tags' values='data:labels' var='label'>
                              
                                <!--[ Only show 6 label ]-->
                                <b:if cond='data:tags &lt;= 5'>
                                  <li>
                                    <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                      <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                      <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                      <span class='lbT'><data:label.name/></span>
                                      <span class='lbR'>
                                        <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='data:label.count' name='span'/>
                                        <b:include name='bookmark-icon'/>
                                      </span>
                                    </b:tag>
                                  </li>
                                </b:if>
                          
                              </b:loop>
                            </ul>
                              
                            <b:loop index='tags' values='data:labels' var='label'>
                              <!--[ Hide another label from 7th list ]-->
                              <b:if cond='data:tags == 6'>
                                <div class='lbSh'>
                                  <input class='lbIn hidden' id='lbAl-2' type='checkbox'/>
                                  <ul class='lbAl'>
                                    <b:loop index='alltags' values='data:labels' var='label'>
                                      
                                      <!--[ Show label from 7th list ]-->
                                      <b:if cond='data:alltags &gt;= 6'>
                                        <li>
                                          <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                            <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                            <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                            <span class='lbT'><data:label.name/></span>
                                            <span class='lbR'>
                                              <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='data:label.count' name='span'/>
                                              <b:include name='bookmark-icon'/>
                                            </span>
                                          </b:tag>
                                        </li>
                                      </b:if>
                                  
                                    </b:loop>
                                  </ul>
                              
                                  <label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='&quot;(+&quot; + (data:labels.length - 6) + &quot;)&quot;' for='lbAl-2' role='button'/>
                                </div>
                              </b:if>
                            </b:loop>
                          </b:includable>
                        </b:widget>
                      </b:section>
              
                      <!--[ Sidebar sticky ]-->
                      <b:section class='sideSticky' cond='!data:view.isPreview' id='side-sticky' showaddelement='true'>
                        <b:widget id='LinkList008' locked='true' title='Follow by Email' type='LinkList' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='sorting'>NONE</b:widget-setting>
                            <b:widget-setting name='text-1'>Subscribe</b:widget-setting>
                            <b:widget-setting name='link-1'>https://api.follow.it/subscription-form/QXNrblVINVp5QzgvZ1pNNnIzc0FtMWErU1JDWHhmdithdUhDdjRXOUp2MitQTkowaUR6eUJ5Y3lTZjZxeFZmYWhxbWFIWUdGWFZJZitYbURTZ0gzSEt1aFZ0aDJiKzZ2cGJxM0dJeFhjcVZ5cjA0ck1ObEVWZzVYMDZiTVVqRHB8MUlrWWtQV24yWFAxd1JtMm5MSTB6aWw5RkYzMFpqK1RvYjZ1L3FYMCsybz0=/8</b:widget-setting>
                            <b:widget-setting name='text-0'>Follow by email</b:widget-setting>
                            <b:widget-setting name='link-0'>Get latest posts directly in your inbox. No spam, only useful content.</b:widget-setting>
                          </b:widget-settings>
                          <b:includable id='main'><b:include name='content'/></b:includable>
                          <b:includable id='content'>
    <div class='follow-box'>
      <div class='follow-content'>

        <!-- Title -->
        <b:loop index='i' values='data:links' var='link'><b:if cond='data:i == 0'><h3><data:link.name/></h3></b:if></b:loop>
        <!-- Description -->
        <b:loop index='i' values='data:links' var='link'><b:if cond='data:i == 0'><p><data:link.target/></p></b:if></b:loop>

        <!-- Form -->
        <form expr:action='data:links[1].target' method='post'>
          <input autocomplete='off' name='email' placeholder='Enter your email' required='required' type='email'/>
          <input name='uri' type='hidden' value='YOUR_FEED_ID'/>
          <input name='loc' type='hidden' value='en_US'/>

          <!-- Button -->
          <b:loop index='i' values='data:links' var='link'>
            <b:if cond='data:i == 1'>
              <button type='submit'><data:link.name/></button>
            </b:if>
          </b:loop>

        </form>

      </div>
    </div>

    <style>/*<![CDATA[*/.follow-box{background:var(--contentB);border:1px solid var(--contentL);border-radius:var(--contentR);padding:32px 22px;margin:20px 0;position:relative;overflow:hidden}.follow-box:before{content:"";position:absolute;width:180px;height:180px;background:radial-gradient(circle,var(--linkC),transparent 70%);opacity:.08;top:-40px;right:-40px}.follow-content{position:relative;z-index:2}.follow-content h3{font-size:18px;margin-bottom:10px;color:var(--bodyC)}.follow-content p{font-size:13px;color:var(--bodyC);opacity:.7;margin-bottom:20px}.follow-content form{display:flex;flex-direction:column;gap:12px}.follow-content input[type=email]{padding:12px;border-radius:var(--contentR);border:1px solid var(--contentL);background:transparent;color:var(--bodyC);outline:none;transition:.3s}.follow-content input[type=email]:focus{border-color:var(--linkC)}.follow-content button{padding:12px;border:none;border-radius:var(--contentR);background:var(--linkB);color:#fff;cursor:pointer;transition:.3s}.follow-content button:hover{filter:brightness(1.1)}@media(min-width:768px){.follow-box{padding:40px 28px}}/*]]>*/</style>

  </b:includable>
                        </b:widget>
                        <b:widget cond='!data:view.isPreview and !data:blog.isMobileRequest' id='HTML95' locked='true' title='Sticky Ad (Desktop)' type='HTML' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='content'/>
                          </b:widget-settings>
                          <b:includable id='main'>
                            <b:if cond='data:content != &quot;&quot;'>
                              <data:content/>
                          
                              <b:else/>
                              <!--[ Blank ad ]-->
                              <div class='dumAd' expr:data-text='data:messages.adsGoHere'/>
                            </b:if>
                          </b:includable>
                        </b:widget>
                      </b:section>
                    </b:tag>
                  </b:tag>
                </b:if>
              </b:tag>
            </div>
          </div> 
        </div>
        
        <!--[ Footer section ]-->
        <footer>
          <div class='secIn'>
            <div class='fotIn'>
              <b:section id='footer-widget-1' maxwidgets='2' showaddelement='true'>
                <b:widget id='HTML77' locked='false' title='Made with ❤️ in India' type='HTML' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='content'><![CDATA[<div class='abtT'>
  <h2 class='tl'>Coshix</h2>

  <!--[ Delete comment tag on section bellow and change data-src='#' attribute with your logo url ]-->
  <!-- <img class='lantro-lazy' alt='Logo' data-src='#' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/> -->

</div>

<p class='abtD'>Lantro UI is a performance and UI focused template for Blogger platform.</p>]]></b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <div class='widget-content abtU' expr:data-text='data:title'>
                      <data:content/>
                    </div>
                  </b:includable>
                </b:widget>
                <b:widget id='LinkList1' locked='false' title='Social Media Link' type='LinkList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='link-3'>#</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='text-1'>Instagram</b:widget-setting>
                    <b:widget-setting name='link-1'>#</b:widget-setting>
                    <b:widget-setting name='text-0'>Facebook</b:widget-setting>
                    <b:widget-setting name='link-2'>#</b:widget-setting>
                    <b:widget-setting name='text-3'>Youtube</b:widget-setting>
                    <b:widget-setting name='link-0'>#</b:widget-setting>
                    <b:widget-setting name='text-2'>Twitter</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>                    
                    <ul class='sL'>                      
                      <b:loop values='data:links' var='link'>
                        <li>
                          <b:tag class='l' expr:data-text='data:link.name' expr:name='data:link.target != &quot;#&quot; ? &quot;a&quot; : &quot;span&quot;'>
                            <b:attr cond='data:link.target != &quot;#&quot;' expr:value='data:link.target' name='href'/>
                            <b:attr cond='data:link.target != &quot;#&quot;' expr:value='data:link.name' name='aria-label'/>
                            <b:attr cond='data:link.target != &quot;#&quot;' name='target' value='_blank'/>
                            <b:attr cond='data:link.target != &quot;#&quot;' name='rel' value='noopener'/>
                          </b:tag>
                        </li>
                      </b:loop>
                    </ul>
                  </b:includable>
                </b:widget>
              </b:section>
              <b:section id='footer-widget-2' maxwidgets='2' showaddelement='true'>
                <b:widget id='LinkList2' locked='false' title='Company' type='LinkList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='link-3'>/</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='text-1'>Contact</b:widget-setting>
                    <b:widget-setting name='link-1'>/p/contact.html</b:widget-setting>
                    <b:widget-setting name='text-0'>About</b:widget-setting>
                    <b:widget-setting name='link-2'>https://www.coshix.in</b:widget-setting>
                    <b:widget-setting name='text-3'>Lantro UI</b:widget-setting>
                    <b:widget-setting name='link-0'>#</b:widget-setting>
                    <b:widget-setting name='text-2'>Coshix</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='widget-title'/>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <div class='widget-content'>
                      <ul>
                        <b:loop values='data:links' var='link'>
                          <li>
                            <a expr:href='data:link.target'>
                              <span><data:link.name/></span>
                            </a>
                          </li>
                        </b:loop>
                      </ul>
                    </div>
                  </b:includable>
                </b:widget>
              </b:section>
              <b:section id='footer-widget-3' maxwidgets='2' showaddelement='true'>
                <b:widget id='LinkList3' locked='false' title='Product &amp;amp; Service' type='LinkList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='link-3'>#</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='text-1'>Other Product</b:widget-setting>
                    <b:widget-setting name='link-1'>#</b:widget-setting>
                    <b:widget-setting name='text-0'>Blogger Theme</b:widget-setting>
                    <b:widget-setting name='link-2'>#</b:widget-setting>
                    <b:widget-setting name='text-3'>Fixes</b:widget-setting>
                    <b:widget-setting name='link-0'>#</b:widget-setting>
                    <b:widget-setting name='text-2'>Codes</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='widget-title'/>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <div class='widget-content'>
                      <ul>
                        <b:loop values='data:links' var='link'>
                          <li>
                            <a expr:href='data:link.target'>
                              <span><data:link.name/></span>
                            </a>
                          </li>
                        </b:loop>
                      </ul>
                    </div>
                  </b:includable>
                </b:widget>
              </b:section>
              <b:section id='footer-widget-4' maxwidgets='2' showaddelement='true'>
                <b:widget id='LinkList4' locked='false' title='Useful links' type='LinkList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='link-3'>#</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='text-1'>Documentation</b:widget-setting>
                    <b:widget-setting name='link-1'>#</b:widget-setting>
                    <b:widget-setting name='text-0'>Sponsors</b:widget-setting>
                    <b:widget-setting name='link-2'>#</b:widget-setting>
                    <b:widget-setting name='text-3'>Other links</b:widget-setting>
                    <b:widget-setting name='link-0'>#</b:widget-setting>
                    <b:widget-setting name='text-2'>Donate</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='widget-title'/>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <div class='widget-content'>
                      <ul>
                        <b:loop values='data:links' var='link'>
                          <li>
                            <a expr:href='data:link.target'>
                              <span><data:link.name/></span>
                            </a>
                          </li>
                        </b:loop>
                      </ul>
                    </div>
                  </b:includable>
                </b:widget>
              </b:section>
              <b:section id='footer-widget-5' maxwidgets='2' showaddelement='true'>
                <b:widget id='LinkList5' locked='false' title='More links' type='LinkList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='link-3'>#</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='text-1'>Feeds</b:widget-setting>
                    <b:widget-setting name='link-1'>#</b:widget-setting>
                    <b:widget-setting name='text-0'>Atom</b:widget-setting>
                    <b:widget-setting name='link-2'>#</b:widget-setting>
                    <b:widget-setting name='text-3'>Sitemap</b:widget-setting>
                    <b:widget-setting name='link-0'>#</b:widget-setting>
                    <b:widget-setting name='text-2'>RSS</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='widget-title'/>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <div class='widget-content'>
                      <ul>
                        <b:loop values='data:links' var='link'>
                          <li>
                            <a expr:href='data:link.target'>
                              <span><data:link.name/></span>
                            </a>
                          </li>
                        </b:loop>
                      </ul>
                    </div>
                  </b:includable>
                </b:widget>
              </b:section>
            </div>
            
            <!--[ Credit ]-->
            <b:section class='cdtIn' id='credit-widget' maxwidgets='2' showaddelement='false'>
              <b:widget id='HTML88' locked='true' title='Custom Credit' type='HTML' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='content'/>
                </b:widget-settings>
                <b:includable id='main'>
                  <div class='fotCd'>
                    <span class='credit'>
                      <b:if cond='data:content == &quot;&quot;'>
                        &#169; <span id='getYear'><b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'><script>/*<![CDATA[*/ var d = new Date(); var n = d.getFullYear(); document.getElementById('getYear').innerHTML = n; /*]]>*/</script><b:else/>2026</b:if></span> &#8231; <bdi><a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/></a></bdi> | <span class='creator'>Design by <a href='https://www.coshix.in'>Coshix</a></span>
                        <b:else/>
                        <data:content/>
                      </b:if>
                    </span>
                  </div>
                </b:includable>
              </b:widget>
              <b:widget id='TextList88' locked='true' title='Back to Top' type='TextList' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='shownum'>1</b:widget-setting>
                  <b:widget-setting name='sorting'>NONE</b:widget-setting>
                  <b:widget-setting name='item-1'>Top Sticky</b:widget-setting>
                  <b:widget-setting name='item-0'>Top</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
                  <b:include name='content'/>
                </b:includable>
                <b:includable id='content'>
                  <b:loop index='t' values='data:items' var='item'>
                    <b:if cond='data:t &lt;= 0'>
                      <b:if cond='data:item == &quot;Top&quot;'>
                        <!--[ Back top button ]-->
                        <b:tag class='toTop tTop' expr:data-text='data:item' expr:name='data:view.url != data:view.url params { amp: &quot;1&quot; } ? &quot;div&quot; : &quot;a&quot;'>
                          <b:attr cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='onclick' value='window.scrollTo({top: 0});'/>
                          <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' name='href' value='#mainCont'/>
                          <b:include name='arow-up-icon'/>
                        </b:tag>
                        
                        <b:elseif cond='data:item == &quot;Top Sticky&quot;'/>
                        <!--[ Back top button fixed/sticky ]-->
                        <b:tag class='toTopF tTop' expr:data-text='data:item' expr:name='data:view.url != data:view.url params { amp: &quot;1&quot; } ? &quot;div&quot; : &quot;a&quot;'>
                          <b:attr cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='onclick' value='window.scrollTo({top: 0});'/>
                          <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' name='href' value='#mainCont'/>
                          <b:include name='arow-up-icon'/>
                        </b:tag>
                        <script>/*<![CDATA[*/!function(){var s=false,b=document.querySelector('.toTopF');if(!b)return;window.addEventListener('scroll',function(){if(!s){s=true;requestAnimationFrame(function(){window.scrollY>300?b.classList.add('show'):b.classList.remove('show');s=false})}})}();/*]]>*/</script>
                      </b:if>
                    </b:if>
                  </b:loop>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
        </footer>
        
        <b:if cond='!data:view.isPreview'>
          <!--[ Delete 'or data:blog.isMobileRequest' if you want to show ad in both(desktop and mobile) ]-->
          <b:section cond='data:view.isLayoutMode or data:blog.isMobileRequest' id='anchor-ad' showaddelement='false'>
            <b:widget id='HTML99' locked='true' title='Anchor Ad (Mobile)' type='HTML' version='2' visible='true'>
              <b:widget-settings>
                <b:widget-setting name='content'/>
              </b:widget-settings>
              <b:includable id='main'>
                <!--[ Sticky ad ]-->
                <input class='ancrI hidden' id='ancrI' type='checkbox'/>
                <div class='ancrA'>
                  <label aria-label='Close Menu' class='ancrC' for='ancrI'/>
                  <div class='ancrCn'>
                    <b:if cond='data:content != &quot;&quot;'>
                      <data:content/>
                          
                      <b:else/>
                      <!--[ Blank ad ]-->
                      <div class='dumAd' expr:data-text='data:messages.adsGoHere'/>
                    </b:if>
                  </div>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
        </b:if>
        
      </b:if>
    </b:tag>
    
    <b:section id='additional' showaddelement='false'>
      <b:widget id='LinkList009' locked='true' title='Cookie Consent' type='LinkList' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='sorting'>NONE</b:widget-setting>
          <b:widget-setting name='text-1'>Cookie Policy</b:widget-setting>
          <b:widget-setting name='link-1'>/p/cookie-policy.html</b:widget-setting>
          <b:widget-setting name='text-0'>Text</b:widget-setting>
          <b:widget-setting name='link-2'>#</b:widget-setting>
          <b:widget-setting name='link-0'>We use cookies to enhance your experience, serve personalized content, and analyze traffic.</b:widget-setting>
          <b:widget-setting name='text-2'>Accept</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'><b:include name='content'/></b:includable>
        <b:includable id='content'><div class='ckWrp' id='cookieConsent'><div class='ckBx'><div class='ckTop'><svg class='line' viewBox='0 0 24 24'><path d='M21 12a9 9 0 1 1-9-9c.5 0 1 .04 1.48.12a3 3 0 0 0 3.4 3.4c.08.48.12.98.12 1.48a3 3 0 0 0 3 3c.5 0 1-.04 1.48-.12.04.48.08.98.08 1.12z'/><circle cx='8.5' cy='12.5' r='1'/><circle cx='12.5' cy='16' r='1'/><circle cx='15.5' cy='10' r='1'/></svg><span>Cookie Notice</span></div><div class='ct'><b:loop index='i' values='data:links' var='link'><b:if cond='data:i == 0'><p><data:link.target/></p></b:if></b:loop><div class='ca'><b:loop index='i' values='data:links' var='link'><b:if cond='data:i == 1'><a expr:href='data:link.target'><data:link.name/></a></b:if><b:if cond='data:i == 2'><button id='acceptCookie'><data:link.name/></button></b:if></b:loop></div></div></div></div><script>document.addEventListener(&quot;DOMContentLoaded&quot;,function(){var c=document.getElementById(&quot;cookieConsent&quot;),b=document.getElementById(&quot;acceptCookie&quot;);if(localStorage.getItem(&quot;cookieAccepted&quot;)){c.style.display=&quot;none&quot;;return}c.style.display=&quot;block&quot;;b.onclick=function(){localStorage.setItem(&quot;cookieAccepted&quot;,&quot;1&quot;);c.style.display=&quot;none&quot;}});</script><style>/*<![CDATA[*/.ckWrp{position:fixed;bottom:20px;left:20px;width:calc(100% - 40px);max-width:380px;z-index:9999;animation:ckIn .5s ease}.ckBx{display:flex;flex-direction:column;gap:14px;padding:18px 18px 16px;border-radius:var(--contentR);background:var(--contentB);border:1px solid var(--contentL);box-shadow:0 12px 40px rgba(0,0,0,.08)}.ckTop{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--bodyC)}.ckBx p{margin:0;font-size:14px;color:var(--bodyC);line-height:1.6}.ckBx a{color:var(--linkC);text-decoration:none;font-weight:500}.ckBx a:hover{text-decoration:underline}.ckBx button{align-self:flex-end;padding:9px 18px;border:0;border-radius:999px;background:var(--linkB);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:.25s}.ckBx button:hover{transform:translateY(-1px);opacity:.95}.ckBx button:active{transform:scale(.97)}@keyframes ckIn{from{opacity:0;transform:translate(-40px,40px)}to{opacity:1;transform:translate(0,0)}}@media(max-width:480px){.ckWrp{left:50%;transform:translateX(-50%);width:88%;bottom:14px;animation:ckInM .45s ease}.ckBx{padding:12px;gap:10px}.ckTop{font-size:13px}.ckBx p{font-size:12.5px;line-height:1.5}.ckBx button{padding:7px 14px;font-size:12px}@keyframes ckInM{from{opacity:0;transform:translate(-50%,35px)}to{opacity:1;transform:translate(-50%,0)}}}.ca{display:flex;align-items:center;margin-top:20px}.ca a{font-size:13px}.ckBx button{margin-left:auto}/*]]>*/</style></b:includable>
      </b:widget>
    </b:section>
    
    <b:if cond='data:view.isPage'>
    <b:section id='section-contact-form' maxwidgets='1' showaddelement='false'>
      <b:widget id='ContactForm005' locked='true' title='Contact Form' type='ContactForm' version='2' visible='true'>
        <b:includable id='main'><b:include name='content'/></b:includable>
        <b:includable id='content'>
          <script>/*<![CDATA[*/!function(a){let b=function(a,b){for(let c in b)b.hasOwnProperty(c)&&(a=a.replace(new RegExp("{{"+c+"}}","g"),b[c]));return a},c=function(a,b,d){if(void 0===a)return"";if(d=d||[],"object"==typeof a)for(var e in a)c(a[e],b||e,d);else d.push(b+"="+encodeURIComponent(a));return d.join("&")},d=null,e=function(b,c,e){e&&(b.classList.remove("notif","error","success","sending"),b.classList.add("notif",e)),b.innerHTML="<div class='form-notification'>"+c+"</div>",clearTimeout(d),d=setTimeout(function(){b.innerHTML="",b.classList.remove("notif","error","success","sending"),d=null},"number"==typeof a.notifTimeout?a.notifTimeout:4e3)},f=function(b){let f={name:b.elements.name.value,email:b.elements.email.value,message:b.elements.message.value,blogID:a.widget.blogId,token:a.widget.token},g=b.notifElement;if(clearTimeout(d),!1===/^[+a-zA-Z0-9_.!#$%&'*\/=?^`{|}~-]+@([a-zA-Z0-9-]+\.)+[a-zA-Z0-9]{2,63}$/.test(f.email))e(g,a.widget.invalidEmailNotif,"error");else if(""===f.message)e(g,a.widget.emptyMessageNotif,"error");else{e(g,a.widget.sendingNotif,"sending");let d=null;try{d=new XMLHttpRequest}catch(b){try{d=new ActiveXObject("Msxml2.XMLHTTP")}catch(b){try{d=new ActiveXObject("Microsoft.XMLHTTP")}catch(b){console.warn("XHR not supported")}}}null===d?e(g,a.widget.notSentNotif,"error"):(d.open("POST",b.action),d.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),d.onreadystatechange=function(){if(4===d.readyState){let c=d.responseText;200===d.status?(c=JSON.parse(c),"ok"===c.type?(e(g,a.widget.sentNotif,"success"),b.reset()):e(g,a.widget.notSentNotif,"error")):e(g,a.widget.notSentNotif,"error")}},d.send(c(f)))}},g=document.querySelectorAll("string"==typeof a.selectors?a.selectors:".bloggerForm");(function(a,b){Array.prototype.forEach.call(a,b)})(g,function(c,d){let e="contact-form-"+(d+1),g=document.createElement("form");g.name=e,g.method="POST",g.action=a.widget.submitUrl,g.classList.add("blogger-form"),g.innerHTML=b(a.template,{NAMEID:e+"-name",EMAILID:e+"-email",MESSAGEID:e+"-message",SUBMITID:e+"-submit",NOTIFID:e+"-notif",NAME:a.widget.nameText,EMAIL:a.widget.emailText,MESSAGE:a.widget.messageText,SUBMIT:a.widget.sendText});let h=g.querySelector("#"+e+"-notif");h.classList.add("form-notification-area"),g.notifElement=h,g.addEventListener("submit",function(a){a.preventDefault(),f(g,a)}),c.innerHTML="",c.appendChild(g)})}({widget:/*]]>*/{sendingNotif:&quot;<data:contactFormMessageSendingMsg.jsonEscaped/>&quot;,sentNotif:&quot;<data:contactFormMessageSentMsg.jsonEscaped/>&quot;,notSentNotif:&quot;<data:contactFormMessageNotSentMsg.jsonEscaped/>&quot;,invalidEmailNotif:&quot;<data:contactFormInvalidEmailMsg.jsonEscaped/>&quot;,emptyMessageNotif:&quot;<data:contactFormEmptyMessageMsg.jsonEscaped/>&quot;,title:&quot;<data:title.jsonEscaped/>&quot;,blogId:&quot;<data:blogId.jsonEscaped/>&quot;,nameText:&quot;<data:contactFormNameMsg.jsonEscaped/>&quot;,emailText:&quot;<data:contactFormEmailMsg.jsonEscaped/>&quot;,messageText:&quot;<data:contactFormMessageMsg.jsonEscaped/>&quot;,sendText:&quot;<data:contactFormSendMsg.jsonEscaped/>&quot;,token:&quot;<data:contactFormToken.jsonEscaped/>&quot;,submitUrl:&quot;<data:submitUrl.jsonEscaped/>&quot;}/*<![CDATA[*/,selectors:".bloggerForm",notifTimeout:6000,template:"<div class='input-field'><input type='text' name='name' id='{{NAMEID}}' placeholder=' ' required/><label for='{{NAMEID}}'>{{NAME}}</label></div><div class='input-field'><input type='text' name='email' id='{{EMAILID}}' placeholder=' ' required/><label for='{{EMAILID}}'>{{EMAIL}}</label></div><div class='input-field'><textarea name='message' id='{{MESSAGEID}}' placeholder=' ' required></textarea><label for='{{MESSAGEID}}'>{{MESSAGE}}</label></div><center><button class='submit-button' type='submit' id='{{SUBMITID}}'>{{SUBMIT}}</button></center><div id='{{NOTIFID}}' class='notification-cont'></div>"});/*]]>*/</script>
    </b:includable>
      </b:widget>
    </b:section>
    </b:if>
    
    <b:tag class='erroP' cond='data:view.isLayoutMode or data:view.isError' name='section'>
      <b:section class='erroC' cond='data:view.isLayoutMode or data:view.isError' id='error-404' showaddelement='false'>
        <b:widget id='HTML404' locked='true' title='Back to Home' type='HTML' version='2' visible='true'>
          <b:widget-settings>
            <b:widget-setting name='content'><![CDATA[<h3><span>404</span>Something Wrong!</h3>

<p>The page you've requested can't be found. Why don't you browse around?</p>]]></b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <style>/*<![CDATA[*/.erroP{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:20px;background:linear-gradient(135deg,var(--bodyB,#f5f7ff) 0%,var(--synxBg,#e9eef5) 100%);animation:bgShift 12s ease infinite;margin:0}@keyframes bgShift{0%{background:linear-gradient(135deg,var(--bodyB,#f5f7ff) 0%,var(--synxBg,#e9eef5) 100%)}50%{background:linear-gradient(135deg,var(--synxBg,#eef2fa) 0%,var(--bodyB,#e0e6f0) 100%)}100%{background:linear-gradient(135deg,var(--bodyB,#f5f7ff) 0%,var(--synxBg,#e9eef5) 100%)}}.erroC{width:calc(100% - 40px);max-width:500px;margin:auto;font-family:var(--fontBa);background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);border-radius:var(--contentR,48px);padding:2rem 1.5rem 2.5rem;box-shadow:0 25px 45px -12px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.05);animation:fadeSlideUp 0.8s cubic-bezier(0.2,0.9,0.4,1.1);border:1px solid var(--contentL,rgba(0,0,0,0.05));transition:background 0.2s ease,border-color 0.2s ease}.drK .erroC{background:rgba(0,0,0,0.65);backdrop-filter:blur(10px);border-color:var(--contentL,rgba(255,255,255,0.15));box-shadow:0 25px 45px -12px rgba(0,0,0,0.5)}.drK .erroP{background:linear-gradient(135deg,var(--darkB,#121212) 0%,var(--darkBa,#1e1e2a) 100%);animation:bgShiftDark 12s ease infinite}@keyframes bgShiftDark{0%{background:linear-gradient(135deg,var(--darkB,#121212) 0%,var(--darkBa,#1e1e2a) 100%)}50%{background:linear-gradient(135deg,var(--darkBa,#1e1e2a) 0%,var(--darkBs,#2a2a35) 100%)}100%{background:linear-gradient(135deg,var(--darkB,#121212) 0%,var(--darkBa,#1e1e2a) 100%)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.erroC h3{font-size:1.6rem;font-family:var(--fontH);font-weight:600;margin:0 0 0.5rem 0;color:var(--bodyC,#1e2a3e)}.drK .erroC h3{color:var(--darkT,#e6e6e6)}.erroC h3 span{display:block;font-size:140px;font-weight:800;line-height:1;margin-bottom:0.2rem;background:linear-gradient(125deg,var(--headC,#1f2b38),var(--linkC,#2c3e4e));background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 8px 20px rgba(0,0,0,0.1);animation:floatGlitch 3s infinite ease-in-out}@keyframes floatGlitch{0%{transform:translateY(0px);text-shadow:0 5px 15px rgba(0,0,0,0.1)}50%{transform:translateY(-8px);text-shadow:0 15px 25px rgba(0,0,0,0.15)}100%{transform:translateY(0px);text-shadow:0 5px 15px rgba(0,0,0,0.1)}}.erroC p{margin:20px 5% 30px;line-height:1.6;opacity:0.75;font-size:1.05rem;color:var(--bodyCa,#2c3e50)}.drK .erroC p{color:var(--darkTa,#aaa)}@media (max-width:550px){.erroC{padding:1.5rem 1rem 2rem;border-radius:calc(var(--contentR,48px) * 0.7)}.erroC h3 span{font-size:100px}.erroC h3{font-size:1.3rem}}/*]]>*/</style>
            <data:content/>
            <a class='button' expr:href='data:blog.homepageUrl.canonical'><data:title/></a>
          </b:includable>
        </b:widget>
      </b:section>
    </b:tag>
    
    <!--[ Javascript disable condition ]-->
    <noscript>
      <input class='nJs hidden' id='forNoJS' type='checkbox'/>
      <div class='noJs' expr:data-text='data:blog.title + &quot; works best with JavaScript enabled&quot;'>
        <label for='forNoJS'/>
      </div>
    </noscript>
    
    <b:if cond='!data:view.isError and !data:view.isPreview'>
          <!--[ Features JavaScript ]-->
          <b:include cond='data:vars.post_timeAgo == &quot;2px&quot;' name='post-timeAgo'/><b:include name='main-js'/>
    </b:if>
    
    <!--[ Custom JS above </body> tag below ]-->
    
  <!--[ </body> close ]-->
  &lt;textarea disabled readonly hidden aria-hidden=&#39;true&#39; id=&#39;body&#39; class=&#39;hidden notranslate&#39;&gt;</body>&lt;/textarea&gt;
  
  &lt;/body&gt;
   </b:with>
</html>