Noticias última hora

<div class='inner-item'><center>
<div class="iconos-sociales">
<a href="URL DE LA RED SOCIAL" target="_blank"><img loading="lazy" alt="Sígueme en YouTube" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGxjm__TS1-sOnf69Vbppx-u8CX1ltlmqqtDey3Gml5aV2kZ1BJsK94hMPF-cn870hd7Jk1bx9E50oPbA1fanb90M_2eoVUnnlSQ-Q_axbKVsDmsla6hPg-mRT-9FsPx0coSeVLmQppAbN/s0/Youtube-icono.png" title=" Sígueme en YouTube "/></a>
<a href="URL DE LA RED SOCIAL" target="_blank"><img loading="lazy" alt="Sígueme en Facebook" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6vlV5enwWRJSXPWHkLi_QEhcy0OAwMgVAqp4F0dvu5sJ5zMBOSAPoqw4ZrMk6GaS_YUtjrK6p_qrHJipWOJz_Ib3NIppNWwx8se0fmswGW1YhYOT4lzTZXssDtPNuzZ7KxvJGR3RDarUt/s0/facebook-icono.png" title="Sígueme en Facebook"/></a>
<a href="URL DE LA RED SOCIAL" target="_blank"><img loading="lazy" alt="Sígueme en Instagram" height="35" width="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioycSf-8NI3Ff15eeXtdXUO4e888671ildrsPBjKJnTFjzSymZi95xweZpk0Vc6zll0WDyE0pBGj3PWL564QS8VkRxeh_PbW6y6sT9dWJq-xHh1ohUJN737-Qe-c12TRC2kUAbf7TBzxK5/s0/Instagram-icono.png" title="Sígueme en Instagram"/></a>
<a href="URL DE LA RED SOCIAL" target="_blank"><img loading="lazy" alt="Sígueme en WhatsApp" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1fwppWJk-Z8OVvyOtTxSxBmUMIt702HOt6OSOCVtrKG5GLxCRnPxu6bSj0GDEI3q-FugFOkb82rCvBYMYeM0648TQOjJk9-nFbI4hkOLTpDY3qL-qga9HPTB052Eqay4w3hHZnmW6lENj/s0/whatsapp-icono.png" title="Sígueme en WhatsApp"/></a>
<a href="URL DE LA RED SOCIAL" target="_blank"><img loading="lazy" alt="Sígueme en TikTok" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFv8UKZ1-41VtEZOmOWZfuQSeNlkHBnbzmMYBIWVbiiEPWv28j9QmxHUOKceoGNe-6XEk31OnWLoNj-nTWrAK8mba-yMPPEqZlLMj3AI3_nnygxwxamLLKrALutw3nRMaDE2_Hzl7MLcWH/s0/tiktok-icono-oscuro.png" title="Sígueme en TikTok"/></a>
<a href="URL DE LA RED SOCIAL" target="_blank"><img loading="lazy" alt=" Sígueme en Twitter" height="35" width="35" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFkiLUano-y1rS00irxbVyPnhoMQwXVcOoBrkXoLG2N39ADDDBlz0TppI_DJ82zzW4lvQOsqEo3cp7Nc_dgYqCgxEdMO0LGjLF80-L2po4-imOv1US49QInw4ULm_qNo2VdJzMwp-MSiu6wjQJDkGoTtfli_hCKAlFVnjk15CQiFPwIs1p4wBqern2Ej_l/s64-rw/x-logo.jpg" title="Sígueme en Twitter"/></a>
</div>
</center>

<style>
.iconos-sociales a {
  display: inline-block;
  margin: 0 5px; /* espacio entre los íconos */
}</style></div>

<div class='inner-item'><?xml version="1.0" encoding="utf-8"?>
<!doctype html>

  <b:include name="root"/>
  
    
    <b:include name="zk:head"/>
    <b:if cond="!data:view.isLayoutMode">
      <b:skin>
        <variable name="a.access" description="Accessibility mode" type="string" value="false"/>
        <variable name="a.edit" description="Shortcut edit post" type="string" value="false"/>
        <variable name="a.jumpLink" description="JumpLink alert" type="string" value="false"/>

        Default
        =====================
        <variable name="d.favicon" description="HD favicon" type="string" value=""/>
        <variable name="d.ogImage" description="og:imagen" type="string" value=""/>
        <variable name="d.image" description="Imagen" type="string" value=""/>
        <variable name="d.avatar" description="Avatar" type="string" value="https://lh3.googleusercontent.com/a/default-user=s50"/>
        <variable name="d.profileUrl" description="Author url" type="string" value="https://blogger.com"/>

        General
        =====================
        <variable name="g.scheme" description="Scheme by default" type="string" value="system"/>
        <variable name="g.toggleScheme" description="Show toggle scheme" type="string" value="true"/>
        <variable name="g.modalSearch" description="Enable modal search" type="string" value="true"/>
        <variable name="g.formspree" description="Form ID" type="string" value="YourID"/>

        Comentarios
        =====================
        <variable name="c.depth" description="Replies level" type="string" value="2"/>
        <variable name="c.newer" description="New comments first" type="string" value="true"/>
        <variable name="c.formFirst" description="Form first" type="string" value="true"/>
        <variable name="c.filter" description="Enable link filter" type="string" value="true"/>
        <variable name="c.disqus" description="Disqus shortname" type="string" value="false"/>
        <variable name="c.clickToLoad" description="Click and load comments" type="string" value="false"/>

        Cards
        =====================
        <variable name="e.type" description="Card type" type="string" value="grid"/>
        <variable name="e.snippet" description="Show Snippet" type="string" value="true"/>
        <variable name="e.meta" description="Show Meta" type="string" value="true"/>
        <variable name="e.colsMin" description="Min column width" type="string" value="16rem"/>
        <variable name="e.truncate" description="Amount of text" type="string" value="300"/>
        <variable name="e.lineClamp" description="Number of lines" type="string" value="2"/>
        <variable name="e.ratio" description="Default cover ratio" type="string" value="16:9"/>
        <variable name="e.claRatio" description="Classic cover ratio" type="string" value="21:9"/>
        <variable name="e.gaRatio" description="Gallery cover ratio" type="string" value="4:3"/>
        <variable name="e.ytThumbnail" description="Posts YouTube thumbnail" type="string" value="hqdefault"/>
        <variable name="e.definedTags" description="Feature Tags" type="string" value="true"/>

        Post
        =====================
        <variable name="p.shareOn" description="Share on" type="string" value="facebook, twitter, whatsapp, telegram"/>
        <variable name="p.pagination" description="Pagination in post" type="string" value="false"/>
        <variable name="p.template" description="Default post template" type="string" value="default"/>
        <variable name="p.innerContent" description="Internal content every" type="string" value="4"/>
        <variable name="p.highlight" description="Enable highlight.js" type="string" value="false"/>
        <variable name="p.autoToc" description="Enable auto TOC" type="string" value="false"/>
        <variable name="p.tocHeading" description="Headings for TOC" type="string" value="h2, h3, h4"/>
        <variable name="p.related" description="Enable related post" type="string" value="2"/>
        <variable name="p.relShuffle" description="Randomness level" type="string" value="8"/>
        <variable name="p.relCols" description="Min related width" type="string" value="18rem"/>
        <variable name="p.ads" description="Include post ads" type="string" value="true"/>

        Funciones
        =====================
        <variable name="f.sidebarIn" description="Show sidebar" type="string" value="true"/>
        <variable name="f.postSidebar" description="Custom post sidebar" type="string" value="false"/>
        <variable name="f.pageSidebar" description="Custom page sidebar" type="string" value="false"/>
        <variable name="f.stickySidebar" description="Sticky sidebar" type="string" value="false"/>
        <variable name="f.swap" description="Swap blog and sidebar" type="string" value="false"/>
        <variable name="f.filter" description="Enable search filters" type="string" value="false"/>
        <variable name="f.more" description="Show more button" type="string" value="true"/>
        <variable name="f.pagination" description="Navigation type" type="string" value="default"/>
        <variable name="f.cleanXml" description="Clean blogger XML" type="string" value="true"/>
        <variable name="f.imageParams" description="Custom image parameters" type="string" value="rw-l80-e30"/>
        <variable name="f.cloudflare" description="SSL/TLS by Cloudflare" type="string" value="true"/>
        <variable name="f.notDefer" description="Exclude from Lazy Loading" type="string" value="false"/>

        Textos
        =====================
        <variable name="t.authorbadge" description="Author badge" type="string" value="Creador"/>
        <variable name="t.toc" description="Toc " type="string" value="Tabla de contenido"/>
        <variable name="t.more" description="More" type="string" value="Más"/>
        <variable name="t.copy" description="Copy" type="string" value="Copiar"/>
        <variable name="t.copied" description="Copied" type="string" value="Copiado!"/>
        <variable name="t.system" description="System" type="string" value="Sistema"/>
        <variable name="t.light" description="Light" type="string" value="Claro"/>
        <variable name="t.dark" description="Dark" type="string" value="Oscuro"/>
        <variable name="t.subject" description="Subject" type="string" value="Asunto"/>
        <variable name="t.recent" description="Recent posts" type="string" value="Recientes"/>
        <variable name="t.related" description="Related posts" type="string" value="Relacionados"/>
        <variable name="t.reply" description="Reply" type="string" value="Responder"/>
        <variable name="t.replies" description="Replies" type="string" value="Respuestas"/>
        <variable name="t.hiddenLink" description="Hidden Link" type="string" value="[ Enlace oculto ]"/>
        <variable name="t.filtered" description="Filtered Links" type="string" value="Los enlaces no están permitidos"/>
        <variable name="t.missingJumpLink" description="Missing JumpLink" type="string" value="Falta salto de línea"/>
        <variable name="t.searching" description="Searching" type="string" value="Búsqueda"/>
        <variable name="t.filter" description="Search filter" type="string" value="Filtrar por"/>
        <variable name="t.filterBtn" description="Filter button" type="string" value="Filtrar"/>
        <variable name="t.filterSelect" description="Filter Select" type="string" value="Seleccionar"/>
        <variable name="t.next" description="Next" type="string" value="Siguiente"/>
        <variable name="t.prev" description="Prev" type="string" value="Anterior"/>

        Personalizar
        =====================
        <variable name="keycolor" description="keycolor" type="color" default="#2196f3" value="#2196f3"/>
        <variable name="body.background" description="Background" type="background" default="$(color) none repeat scroll top center" color="$(body.background.color)" value="$(color) none repeat scroll top center"/>
        <group description="Accents">
          <variable name="accent.primary" description="Action color" type="color" default="#10aeb9" value="#10aeb9"/>
          <variable name="accent.secondary" description="Alternate Color" type="color" default="#0a686f" value="#0a686f"/>
        </variable></variable></group>
        <group description="Font">
          <variable name="blog.logo.font" description="Blog Title Font" type="font" default="32px var(--font-primary)" value="32px var(--font-primary)"/>
          <variable name="blog.desc.font" description="Blog Description Font" type="font" default="14px var(--font-secondary)" value="14px var(--font-secondary)"/>
          <variable name="blog.nav.font" description="Page list font" type="font" default="15px var(--font-primary)" value="15px var(--font-primary)"/>
          <variable name="font.primary" description="Title Font" type="font" default="normal normal 10px var(--font-oswald)" value="normal normal 10px var(--font-oswald)"/>
          <variable name="body.text.font" description="Content font" type="font" default="normal normal 10px var(--font-roboto)" value="normal normal 10px var(--font-roboto)"/>
        </variable></variable></variable></variable></variable></group>
        <group description="Widths">
          <variable name="width.container" description="Content width" type="length" default="1216px" min="900px" max="2000px" value="1216px"/>
          <variable name="width.sidebar" description="Sidebar width" type="length" default="340px" min="200px" max="500px" value="340px"/>
          <variable name="width.post" description="Post width (stream)" type="length" default="800px" min="600px" max="800px" value="800px"/>
          <variable name="height.breaking" description="Breaking news" type="length" default="46px" min="46px" max="100px" value="46px"/>
          <variable name="spacing.primary" description="Primary spacing" type="length" default="30px" min="0px" max="50px" value="30px"/>
          <variable name="spacing.secondary" description="Secondary spacing" type="length" default="2px" min="0px" max="50px" value="2px"/>
          <variable name="tg.blocks" description="Typography block space " type="length" default="24px" min="0px" max="50px" value="24px"/>
          <variable name="tg.headings" description="Typography headings space " type="length" default="24px" min="0px" max="50px" value="24px"/>
          <variable name="tg.inline" description="Typography inline space " type="length" default="8px" min="0px" max="50px" value="8px"/>
        </variable></variable></variable></variable></variable></variable></variable></variable></variable></group>
        <group description="Light mode">
          <variable name="body.background.color" description="Body background color" type="color" default="#e4e4e7" value="#e4e4e7"/>
          <variable name="light.bg.template" description="Main Background Color" type="color" default="#fff" value="#fff"/>
          <variable name="light.bg.default" description="Background color (Bottom)" type="color" default="#f2f2f2" value="#f2f2f2"/>
          <variable name="light.bg.inset" description="Background color (Top)" type="color" default="#e6e6e6" value="#e6e6e6"/>
          <variable name="light.color.title" description="Title color" type="color" default="#404040" value="#404040"/>
          <variable name="light.color.text" description="Content color" type="color" default="#808080" value="#808080"/>
          <variable name="light.header.bg" description="Header Background" type="color" default="#fff" value="#fff"/>
          <variable name="light.logo.color" description="Blog Title Color" type="color" default="#262626" value="#262626"/>
          <variable name="light.desc.color" description="Blog Description Color" type="color" default="#808080" value="#808080"/>
          <variable name="light.nav.bg" description="Nav Background" type="color" default="#1c1c1c" value="#1c1c1c"/>
          <variable name="light.nav.color" description="Nav Color" type="color" default="#fff" value="#fff"/>
          <variable name="light.nav.subnav" description="Nav Subnav Background" type="color" default="#090909" value="#090909"/>
          <variable name="light.nav.secondary.bg" description="Nav Secondary Background" type="color" default="transparent" value="transparent"/>
          <variable name="light.nav.secondary.color" description="Nav Secondary Color" type="color" default="#404040" value="#404040"/>
          <variable name="light.footer.bg" description="Footer Gadget Background" type="color" default="#090909" value="#090909"/>
          <variable name="light.footer.lower.bg" description="Footer Background" type="color" default="#1c1c1c" value="#1c1c1c"/>
          <variable name="light.footer.links.color" description="Footer Links" type="color" default="#fff" value="#fff"/>
          <variable name="light.cookie.bg" description="Cookie Background" type="color" default="#fff" value="#fff"/>
          <variable name="light.cookie.color" description="Cookie Color" type="color" default="#3f3f46" value="#3f3f46"/>
        </variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></group>
        <group description="Dark mode">
          <variable name="dark.body.color" description="Body background color" type="color" default="#000000" value="#000000"/>
          <variable name="dark.bg.template" description="Main Background Color" type="color" default="#101010" value="#101010"/>
          <variable name="dark.bg.default" description="Background color (Bottom)" type="color" default="#161717" value="#161717"/>
          <variable name="dark.bg.inset" description="Background color (Top)" type="color" default="#282a2a" value="#282a2a"/>
          <variable name="dark.color.title" description="Title color" type="color" default="#fff" value="#fff"/>
          <variable name="dark.color.text" description="Content color" type="color" default="#8f8f98" value="#8f8f98"/>
          <variable name="dark.header.bg" description="Header Background" type="color" default="#101010" value="#101010"/>
          <variable name="dark.logo.color" description="Blog Title Color" type="color" default="#fff" value="#fff"/>
          <variable name="dark.desc.color" description="Blog Description Color" type="color" default="#8f8f98" value="#8f8f98"/>
          <variable name="dark.nav.bg" description="Nav Background" type="color" default="#202222" value="#202222"/>
          <variable name="dark.nav.color" description="Nav Color" type="color" default="#fff" value="#fff"/>
          <variable name="dark.nav.subnav" description="Nav Subnav Background" type="color" default="#090909" value="#090909"/>
          <variable name="dark.nav.secondary.bg" description="Nav Secondary Background" type="color" default="transparent" value="transparent"/>
          <variable name="dark.nav.secondary.color" description="Nav Secondary Color" type="color" default="#fff" value="#fff"/>
          <variable name="dark.footer.widgets" description="Footer Gadget Background" type="color" default="#090909" value="#090909"/>
          <variable name="dark.footer.bg" description="Footer Background" type="color" default="#202222" value="#202222"/>
          <variable name="dark.footer.color" description="Footer Links" type="color" default="#fff" value="#fff"/>
          <variable name="dark.cookie.bg" description="Cookie Background" type="color" default="#000" value="#000"/>
          <variable name="dark.cookie.color" description="Cookie Color" type="color" default="#fff" value="#fff"/>
        </variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></group>

        Formulario de comentarios
        =====================
        <variable name="posts.text.color" description="Content color" type="color" default="#666" value="#666" hideeditor="true"/>
        <variable name="posts.link.color" description="posts.link.color" type="string" value="#666"/>
        <variable name="posts.text.font" description="posts.text.font" type="string" value="15px Roboto"/>
        <variable name="posts.background.color" description="posts.background.color" type="string" value="transparent"/>
        <variable name="posts.title.color" description="posts.title.color" type="string" value="false"/>
        <variable name="body.link.color" description="body.link.color" type="string" value="false"/>

        Constantes (No hagas cambios, puedes romper la plantilla!)
        =====================
        <variable name="q.social" description="q.social" type="string" value="facebook, twitter, instagram, whatsapp, telegram, pinterest, tumblr, vk, reddit, tiktok, linkedin, youtube, github, codepen, codesandbox"/>
*/ 
/*! skin.css */
:where(.item-control){ display: none }

:root {
  --primary: $(accent.primary);
  --secondary: $(accent.secondary);
  --color-link: $(accent.primary);
  --user-selection: $(accent.primary)33;
  --body-color: $(body.background.color);
  --body-bg: $(body.background);
  --font-primary: $(font.primary.family);
  --font-secondary: $(body.text.font.family);
  --logo-font: $(blog.logo.font);
  --description-font: $(blog.desc.font);
  --nav-font: $(blog.nav.font);
  --bg-template: $(light.bg.template);
  --bg-default: $(light.bg.default);
  --bg-inset: $(light.bg.inset);
  --color-title: $(light.color.title);
  --color-text: $(light.color.text);
  --header-bg: $(light.header.bg);
  --logo-color: $(light.logo.color);
  --description-color: $(light.desc.color);
  --nav-bg: $(light.nav.bg);
  --nav-color: $(light.nav.color);
  --subnav-bg: $(light.nav.subnav);
  --nav-secondary-bg: $(light.nav.secondary.bg);
  --nav-secondary-color: $(light.nav.secondary.color);
  --footer-bg: $(light.footer.bg);
  --footer-lower-bg: $(light.footer.lower.bg);
  --footer-links-color: $(light.footer.links.color);
  --cookie-bg: $(light.cookie.bg);
  --cookie-color: $(light.cookie.color);
  --news-height: $(height.breaking);
  --container: $(width.container);
  --blog-width: $(width.post);
  --sidebar-width: $(width.sidebar);
  --more-text: "$(t.more)";
  --system-text: "$(t.system)";
  --light-text: "$(t.light)";
  --dark-text: "$(t.dark)";
  --copy-text: "$(t.copy)";
  --copied-text: "$(t.copied)";
  --hidden-links-text: "$(t.hiddenLink)";
  --toc-text: "$(t.toc)";
  --ws-line-clamp: $(e.lineClamp);
  --code-color-comment: #969896;
  --code-color-string: #0e3166;
  --code-color-selector: #7c4bd8;
  --code-color-property: #0086b3;
  --code-color-tag: #333333;
  --code-color-tag-name: #63a35c;
  --code-color-attr: #7c4bd8;
}

@media (min-width: 576px) {
  :root {
    --space-primary: $(spacing.primary);
    --space-secondary: $(spacing.secondary);
    --tg-gallery-spacer: $(spacing.secondary);

    --tg-spacer: $(tg.blocks);
    --tg-inline-spacer: $(tg.inline);
    --tg-headings-spacer: $(tg.headings);
  }
}

[data-theme=dark] {
  --body-color: $(dark.body.color);
  --bg-template: $(dark.bg.template);
  --bg-default: $(dark.bg.default);
  --bg-inset: $(dark.bg.inset);
  --color-title: $(dark.color.title);
  --color-text: $(dark.color.text);
  --header-bg: $(dark.header.bg);
  --logo-color: $(dark.logo.color);
  --description-color: $(dark.desc.color);
  --nav-bg: $(dark.nav.bg);
  --nav-color: $(dark.nav.color);
  --subnav-bg: $(dark.nav.subnav);
  --nav-secondary-bg: $(dark.nav.secondary.bg);
  --nav-secondary-color: $(dark.nav.secondary.color);
  --footer-bg: $(dark.footer.widgets);
  --footer-lower-bg: $(dark.footer.bg);
  --footer-links-color: $(dark.footer.color);
  --cookie-bg: $(dark.cookie.bg);
  --cookie-color: $(dark.cookie.color);
  --code-color-comment: #3f5768;
  --code-color-string: #5582bb;
  --code-color-selector: #489cc9;
  --code-color-property: #8dbac9;
  --code-color-tag: #5c6670;
  --code-color-tag-name: #4baeb9;
  --code-color-attr: #58849e;
}

.items {
  --ws-cols-min: $(e.colsMin);
}
.items-related {
  --ws-cols-min: $(p.relCols);
}

/* 
=> YOUR CUSTOM CSS STARTS HERE
*/
]]>
      </variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></b:skin>
      <b:else/>
      <b:template-skin><![cdata[body#layout{padding:14px;background-color:#f4f4f5}body#layout .layout-section{float:left;min-width:386px;margin:0 16px 16px 0}body#layout .layout-widget-description{display:none}body#layout .blog .widget-content{height:auto}body#layout .adsense .layout-title::before{content:"AdSense: "}body#layout .html .layout-title::before{content:"HTML: "}body#layout .header .layout-title::before{content:"Header: "}body#layout .text .layout-title::before{content:"Text: "}body#layout .textlist .layout-title::before{content:"TextList: "}body#layout .blog .layout-title::before{content:"Blog: "}body#layout .blogsearch .layout-title::before{content:"Search: "}body#layout .blogarchive .layout-title::before{content:"Archive: "}body#layout .featuredpost .layout-title::before{content:"Featured: "}body#layout .popularposts .layout-title::before{content:"Populars: "}body#layout .profile .layout-title::before{content:"Profile: "}body#layout .image .layout-title::before{content:"Image: "}body#layout .label .layout-title::before{content:"Label: "}body#layout .pagelist .layout-title::before{content:"PageList: "}body#layout .linklist .layout-title::before{content:"LinkList: "}body#layout .contactform .layout-title::before{content:"Contact: "}body#layout .subscribe .layout-title::before{content:"Subscribe: "}body#layout .widget-wrap3{overflow:hidden;border-bottom:1px solid #f2f2f2}body#layout div.section{margin:0 0 16px;padding:12px;background-color:#fff;height:auto!important}body#layout div.section.activated-section{border-color:#8c8f94}body#layout div.section h4{text-transform:capitalize;margin:0 0 14px;color:#263238;font-size:17px;font-weight:400}body#layout div.section .add_widget{padding:12px}body#layout div.section .add_widget a{font-size:14px;color:#263238;margin-left:32px}body#layout div.section .add_widget a:hover{text-decoration:none;color:#23a6b3}body#layout div.section div.widget-content{background-color:#f6f7f7;padding:12px;border:1px solid #c3c4c7;color:#263238}body#layout div.section div.widget-content:hover{border-color:#8c8f94}body#layout div.section div.widget-content .layout-title{margin:0 30px 0 0;font-size:14px;color:#999}body#layout div.section div.widget-content .layout-title::before{color:#262626;font-weight:500}body#layout div.section div.widget-content .layout-widget-state.visible{background-image:url("https://www.gstatic.com/images/icons/material/system/2x/visibility_black_24dp.png");opacity:.75}body#layout div.section div.widget-content .layout-widget-state.not-visible{background-image:url("https://www.gstatic.com/images/icons/material/system/2x/visibility_off_black_24dp.png");opacity:.25}body#layout div.section div.widget-content .editlink.icon{background-image:none;left:0;top:0;width:100%;height:100%}body#layout div.section .add-icon,body#layout div.section .layout-widget-state{background-size:cover;width:20px;height:20px;margin-top:2px;margin-right:10px}body#layout div.section .locked-widget .widget-content{background-image:url("https://www.gstatic.com/images/icons/material/system_gm/1x/lock_grey600_20dp.png");background-repeat:no-repeat;background-position:center right 10px}body#layout .layout-accessibility div.section div.widget-content .editlink.icon{background-image:url("https://www.gstatic.com/images/icons/material/system_gm/1x/mode_edit_grey600_20dp.png");width:36px;left:auto;right:0;background-color:#f1f3f3;border-left:1px solid #c3c4c7}body#layout .layout-accessibility div.section div.widget-content .editlink.icon:hover{background-color:#e3e8e8}body#layout .layout-accessibility div.section div.widget-content:hover{border-color:#c3c4c7}body#layout .layout-accessibility div.section div.widget-content .layout-title{margin:0 58px 0 0}body#layout .layout-accessibility div.section .widget.el_active .editlink.icon{display:block}body#layout .layout-accessibility div.section .locked-widget .widget-content{background-position:center right 46px}body#layout .draggable-widget .widget-wrap3{margin-left:0;background:0 0}body#layout .draggable-widget .widget-wrap2{background:0 0;cursor:default}body#layout .dr_active{margin:0;border:1px dashed #ccc}body#layout .widget.el_active .editlink.icon{display:none}body#layout .tools{display:flex}body#layout #tools{background-color:#e9ecec;border:0;margin-right:0;border-radius:5px}body#layout #tools .dropregion,body#layout #tools .layout-title,body#layout #tools .layout-widget-state,body#layout #tools h4{display:none}body#layout #tools .widget{margin:0;float:left}body#layout #tools .widget-wrap3{border:0;border-radius:5px}body#layout #tools .widget-content{padding:20px;background-size:24px;border:0;background-image:none;background-position:center;background-repeat:no-repeat}body#layout #tools .widget.image{margin-right:5px}body#layout #tools .widget.image .widget-content{background-image:url("https://www.gstatic.com/images/icons/material/system_gm/2x/image_grey600_24dp.png")}body#layout #tools .widget.linklist .widget-content{background-image:url("https://www.gstatic.com/images/icons/material/system_gm/2x/ballot_grey600_24dp.png")}]]>
      </![cdata[body#layout{padding:14px;background-color:#f4f4f5}body#layout></b:template-skin>
    </b:else></b:if>
    <b:comment>CORE (v5.0.60): Do not make changes!</b:comment>
    <b:defaultmarkups>
      <b:defaultmarkup type="All">
        <b:includable id="main"/>
        <b:includable id="content"/>
      </b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="AdSense,Blog">
        <b:includable id="defaultAdUnit"/>
      </b:includable></b:defaultmarkup>
      <b:defaultmarkup type="Blog,PopularPosts,FeaturedPost">
        <b:includable id="blogThisShare"/>
        <b:includable id="bylineByName"/>
        <b:includable id="bylineRegion"/>
        <b:includable id="commentsLink"/>
        <b:includable id="commentsLinkIframe"/>
        <b:includable id="emailPostIcon"/>
        <b:includable id="facebookShare"/>
        <b:includable id="footerBylines"/>
        <b:includable id="headerByline"/>
        <b:includable id="googlePlusShare"/>
        <b:includable id="linkShare"/>
        <b:includable id="otherSharingButton"/>
        <b:includable id="platformShare"/>
        <b:includable id="postAuthor"/>
        <b:includable id="postCommentsLink"/>
        <b:includable id="postJumpLink"/>
        <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></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="PopularPosts,FeaturedPost">
        <b:includable id="snippetedPostByline"/>
        <b:includable id="snippetedPostContent"/>
        <b:includable id="snippetedPosts"/>
        <b:includable id="snippetedPostThumbnail"/>
        <b:includable id="snippetedPostTitle"/>
      </b:includable></b:includable></b:includable></b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="Blog">
        <b:includable id="aboutPostAuthor"/>
        <b:includable id="addComments"/>
        <b:includable id="commentAuthorAvatar"/>
        <b:includable id="commentDeleteIcon"/>
        <b:includable id="commentForm"/>
        <b:includable id="commentFormIframeSrc"/>
        <b:includable id="commentItem"/>
        <b:includable id="commentList"/>
        <b:includable id="commentPicker"/>
        <b:includable id="comments"/>
        <b:includable id="commentsTitle"/>
        <b:includable id="feedLinks"/>
        <b:includable id="feedLinksBody"/>
        <b:includable id="homePageLink"/>
        <b:includable id="iframeComments"/>
        <b:includable id="inlineAd"/>
        <b:includable id="manageComments"/>
        <b:includable id="nextPageLink"/>
        <b:includable id="post"/>
        <b:includable id="postBody"/>
        <b:includable id="postBodySnippet"/>
        <b:includable id="postCommentsAndAd"/>
        <b:includable id="postFooter"/>
        <b:includable id="postFooterAuthorProfile"/>
        <b:includable id="postHeader"/>
        <b:includable id="postMeta"/>
        <b:includable id="postMetadataJSONImage"/>
        <b:includable id="postMetadataJSONPublisher"/>
        <b:includable id="postPagination"/>
        <b:includable id="postTitle"/>
        <b:includable id="previousPageLink"/>
        <b:includable id="threadedCommentForm"/>
        <b:includable id="threadedCommentJs"/>
        <b:includable id="threadedComments"/>
      </b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="BlogArchive">
        <b:includable id="flat"/>
        <b:includable id="hierarchy"/>
        <b:includable id="interval"/>
        <b:includable id="posts"/>
      </b:includable></b:includable></b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="BlogSearch">
        <b:includable id="searchForm"/>
        <b:includable id="searchSubmit"/>
      </b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="Header">
        <b:includable id="behindImageStyle"/>
        <b:includable id="description"/>
        <b:includable id="image"/>
        <b:includable id="title"/>
      </b:includable></b:includable></b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="Label">
        <b:includable id="cloud"/>
        <b:includable id="list"/>
      </b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="PageList">
        <b:includable id="overflowButton"/>
        <b:includable id="overflowablePageList"/>
        <b:includable id="pageLink"/>
        <b:includable id="pageList"/>
      </b:includable></b:includable></b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="Profile">
        <b:includable id="authorProfileImage"/>
        <b:includable id="defaultProfileImage"/>
        <b:includable id="profileImage"/>
        <b:includable id="teamProfile"/>
        <b:includable id="teamProfileLink"/>
        <b:includable id="userGoogleProfile"/>
        <b:includable id="userLocation"/>
        <b:includable id="userProfile"/>
        <b:includable id="userProfileData"/>
        <b:includable id="userProfileImage"/>
        <b:includable id="userProfileInfo"/>
        <b:includable id="userProfileLink"/>
        <b:includable id="userProfileText"/>
        <b:includable id="viewProfileLink"/>
      </b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:includable></b:defaultmarkup>
      <b:defaultmarkup type="Subscribe">
        <b:includable id="feeds"/>
      </b:includable></b:defaultmarkup>
      <b:defaultmarkup type="Common">
        <b:includable id="@:ads">
          <b:tag class="adsbygoogle" name="ins" data-full-width-responsive="true">
            <b:attr name="data-ad-slot" expr:value="data:slot"/>
            <b:attr name="data-ad-client" expr:value="data:adClientId ?: data:blog.adsenseClientId"/>
            <b:attr name="data-ad-host" expr:value="data:blog.adsenseHostId"/>
            <b:attr name="data-ad-format" expr:value="data:layout ? "fluid" : "auto""/>
            <b:attr expr:name=""data-ad-layout" + (data:layout != "in-article" ? "-key" : "")" expr:value="data:layout"/>
            <b:attr name="style" expr:value="data:style ?: "display: block""/>
          </b:attr></b:attr></b:attr></b:attr></b:attr></b:attr></b:tag>
          <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
        </b:includable>
        <b:includable id="@:adsense">
          <b:if cond="data:blog.adsenseHostId and not data:blog.adsenseAutoAds">
            <b:tag async="async" name="script" cond="data:blog.adsenseClientId and data:blog.adsenseHasAds" expr:src=""//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" params {client: data:blog.adsenseClientId}" crossorigin="anonymous"></b:tag>
          </b:if>
        </b:includable>
        <b:includable id="@:analytics">
          <b:if cond="data:blog.analyticsAccountNumber">
            <script async="async" expr:src="params("https://www.googletagmanager.com/gtag/js",{id: data:blog.analyticsAccountNumber})"></script>
            <script>
              window.dataLayer = window.dataLayer || [];
              function gtag(){dataLayer.push(arguments);}
              gtag('js', new Date());
              gtag('config','<data:blog.analyticsAccountNumber/>');
            </script>
          </b:if>
        </b:includable>
        <b:includable id="@:attr">
          <b:loop values="data:" var="i">
            <b:attr expr:name="data:i[0] ?: "null"" expr:value="data:i[1]"/>
          </b:attr></b:loop>
        </b:includable>
        <b:includable id="@:image">
          <b:if cond="data:src">
            <b:with value="data:src.isYoutube ? data:src.youtubeMaxResDefaultUrl : data:src" var="source">
              <b:with value="(data:resize ? resizeImage(data:src, data:resize, data:ratio) : (data:source))" var="image">
                <b:tag expr:alt="data:alt ?: data:messages.image" name="img">
                  <b:attr name="b:whitespace" value="remove"/>
                  <b:attr name="id" expr:value="data:id"/>
                  <b:attr name="width" expr:value="data:width ?: data:image.width"/>
                  <b:attr name="height" expr:value="data:height ?: data:image.height"/>
                  <b:attr cond="data:sizes" name="sizes" expr:value="data:sizes"/>
                  <b:attr cond="data:loading" name="loading" expr:value="data:loading"/>
                  <b:class cond="data:class" expr:name="data:class"/>
                  <b:with value=""blogger.googleusercontent.com/img/a/"" var="serve">
                    <b:attr name="src" expr:value="(data:srcset ? resizeImage(data:image, data:srcset.first, data:ratio) : data:image) + ((data:image contains data:serve) and data:params ? ("-" + data:params) : "")"/>
                    <b:if cond="data:srcset">
                      <b:attr name="srcset" expr:value="sourceSet(data:image, data:srcset, data:ratio)"/>
                    </b:attr></b:if>
                  </b:attr></b:with>
                </b:class></b:attr></b:attr></b:attr></b:attr></b:attr></b:attr></b:tag>
              </b:with>
            </b:with>
          </b:if>
        </b:includable>
        <b:includable id="@:kind">
          <b:class cond="data:view.isHomepage" name="is-home"/>
          <b:class cond="data:view.isMultipleItems" name="is-items"/>
          <b:class cond="data:view.isPost" name="is-post"/>
          <b:class cond="data:view.isPage" name="is-page"/>
          <b:class cond="data:view.isArchive" name="is-archive"/>
          <b:class cond="data:view.isLabelSearch" name="is-label"/>
          <b:class cond="data:view.isSearch" name="is-search"/>
          <b:class cond="data:view.isError" name="is-error"/>
          <b:class cond="data:view.isPreview" name="is-preview"/>
          <b:class cond="data:view.isSingleItem" expr:name=""is-single single-id-" + (data:view.postId ?: data:view.pageId)"/>
        </b:class></b:class></b:class></b:class></b:class></b:class></b:class></b:class></b:class></b:class></b:includable>
        <b:includable id="@:meta">
          
          
          <b:if cond="data:favicon">
            <b:loop values="(data:favSizes ?: [32,96,180,192])" var="size">
              <link expr:href="resizeImage(data:favicon, data:size, "1:1")" rel="icon" expr:sizes="data:size + "x" + data:size" type="image/png"/>
            </b:loop>
            <b:else/>
            <link expr:href="data:blog.blogspotFaviconUrl" rel="icon" type="image/x-icon"/>
          </b:else></b:if>
          
          <b:with value="data:https ? data:view.url.canonical.https : data:view.url.canonical" var="canonical">
            <link expr:href="data:canonical" rel="canonical"/>
            
            
          </b:with>
          
          
          
          
          <b:if cond="data:view.featuredImage or data:ogImage or data:widgets.Blog.first.posts.first.featuredImage">
            <b:with value="resizeImage((data:view.featuredImage ?: (data:ogImage != "" ? data:ogImage : data:widgets.Blog.first.posts.first.featuredImage)), 1200, "1200:630")" var="image">
              
              
              <b:if cond="data:image.isResizable">
                
                
              </b:if>
            </b:with>
          </b:if>
          
          
        </b:includable><b:includable id='i:meteor'>
  <svg expr:class='"i i-" + data:icon' viewbox='0 0 24 24'>
    <b:class cond='data:class' expr:name='data:class'/>
    <b:attr cond='data:root' expr:value='data:root' name='class'/>
    <b:attr cond='data:viewbox' expr:value='data:viewbox' name='viewBox'/>
    <b:attr expr:value='data:fill' name='fill'/>
    <b:attr expr:value='data:width' name='width'/>
    <b:attr expr:value='data:height' name='height'/>
    <b:switch var='data:icon'>
      <b:case value='adobe'/><path d="M2 18a2 2 0 0 0 1.7 3h9.7l-2.7-4.5h-2L12 11l6 10h2.3a2 2 0 0 0 1.7-3L13.8 4a2 2 0 0 0-3.6 0Z"/>
      <b:case value='airplay'/><path d="m12 14 5 6H7Zm-7 3a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3"/>
      <b:case value='alarm-clock'/><circle cx="12" cy="12" r="10"/><path d="M12 7v5l3 3M1 4l3-3m16 0 3 3"/>
      <b:case value='alarm-exclamation'/><circle cx="12" cy="12" r="10"/><path d="m1 4 3-3m16 0 3 3M12 8v4m0 4h0"/>
      <b:case value='alarm-minus'/><circle cx="12" cy="12" r="10"/><path d="m1 4 3-3m16 0 3 3M9 12h6"/>
      <b:case value='alarm-plus'/><circle cx="12" cy="12" r="10"/><path d="m1 4 3-3m16 0 3 3M9 12h6m-3-3v6"/>
      <b:case value='alarm-snooze'/><circle cx="12" cy="12" r="10"/><path d="m1 4 3-3m16 0 3 3M9 9h6l-6 6h6"/>
      <b:case value='album'/><rect width="20" height="20" x="2" y="2" rx="3"/><circle cx="12" cy="12" r="6"/><path d="M12 12h0"/>
      <b:case value='algolia'/><path d="M16.1 11A4.25 4.25 0 0 0 9 9a4 4 0 0 0 6 6l6 6V2h-9a1 1 0 0 0 0 20q2 0 3-.5"/>
      <b:case value='alien'/><path d="M20 14C24-2 0-2 4 14q2 6 8 8 6-2 8-8ZM8 11l2 2m6-2-2 2"/>
      <b:case value='align-center'/><path d="M8 6h8M3 12h18M8 18h8"/>
      <b:case value='align-justify'/><path d="M3 6h18M3 12h18M3 18h18"/>
      <b:case value='align-left'/><path d="M3 6h9m-9 6h18M3 18h9"/>
      <b:case value='align-right'/><path d="M12 6h9M3 12h18m-9 6h9"/>
      <b:case value='amazon'/><path d="M17 9q8-2 3 7M2 11q8 5 16 1.5"/>
      <b:case value='anchor'/><circle cx="12" cy="5" r="3"/><path d="M12 22V8m-9 5v4a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5v-4M1 15l2-2 2 2m14 0 2-2 2 2"/>
      <b:case value='android'/><path d="M23 19a1 1 0 0 0-22 0ZM6.5 9.5 4 5m13.5 4.5L20 5M7 14.5h0m10 0h0"/>
      <b:case value='angle-down'/><path d="m6 9 6 6 6-6"/>
      <b:case value='angle-left'/><path d="m15 18-6-6 6-6"/>
      <b:case value='angle-right'/><path d="m9 18 6-6-6-6"/>
      <b:case value='angle-up'/><path d="m6 15 6-6 6 6"/>
      <b:case value='angles-down'/><path d="m6 12 6 6 6-6M6 6l6 6 6-6"/>
      <b:case value='angles-left'/><path d="m12 18-6-6 6-6m6 12-6-6 6-6"/>
      <b:case value='angles-right'/><path d="m6 18 6-6-6-6m6 12 6-6-6-6"/>
      <b:case value='angles-up'/><path d="m6 18 6-6 6 6M6 12l6-6 6 6"/>
      <b:case value='app-gallery'/><rect width="20" height="20" x="2" y="2" rx="6"/><path d="M8 7a1 1 0 0 0 8 0"/>
      <b:case value='app-store'/><circle cx="12" cy="12" r="11"/><path d="M5.5 14h7m.8-8.5L8.6 14M7 17l.3-.5m6.2-5.9L17 17m-1.6-3h3.1m-7.8-8.5L12 7.8"/>
      <b:case value='apple'/><path d="M12 3q2 0 2-2-2 0-2 2M8 6C0 6 3 22 8 22q2 0 3-.5t2 0q1 .5 3 .5 3 0 4.5-6a1 1 0 0 1-.5-7.5Q19 6 16 6q-1 0-2.5.5t-3 0Q9 6 8 6"/>
      <b:case value='arrow-down-left'/><path d="M17 7 7 17m10 0H7V7"/>
      <b:case value='arrow-down-long'/><path d="m9 18 3 3 3-3M12 3v18"/>
      <b:case value='arrow-down-right'/><path d="m7 7 10 10m0-10v10H7"/>
      <b:case value='arrow-down'/><path d="M12 5v14m7-7-7 7-7-7"/>
      <b:case value='arrow-left-long'/><path d="m6 9-3 3 3 3m15-3H3"/>
      <b:case value='arrow-left'/><path d="M5 12h14m-7-7-7 7 7 7"/>
      <b:case value='arrow-right-long'/><path d="m18 9 3 3-3 3M3 12h18"/>
      <b:case value='arrow-right'/><path d="M5 12h14m-7-7 7 7-7 7"/>
      <b:case value='arrow-rotate'/><path d="M20 18a10 10 0 1 1 1.17-10M22 4v4h-4"/>
      <b:case value='arrow-trend-down'/><path d="M23 18 13 8l-5 5-7-7m15 12h7v-7"/>
      <b:case value='arrow-trend-up'/><path d="M23 6 13 16l-5-5-7 7M16 6h7v7"/>
      <b:case value='arrow-up-left'/><path d="M17 17 7 7m0 10V7h10"/>
      <b:case value='arrow-up-long'/><path d="m9 6 3-3 3 3m-3 15V3"/>
      <b:case value='arrow-up-right'/><path d="M7 17 17 7M7 7h10v10"/>
      <b:case value='arrow-up'/><path d="M12 5v14m7-7-7-7-7 7"/>
      <b:case value='arrows-rotate'/><path d="M21.5 9a10 10 0 0 0-19 0M2 5v4h4m12 6h4v4M2.5 15a10 10 0 0 0 19 0"/>
      <b:case value='at'/><circle cx="12" cy="12" r="4"/><path d="M16 12v1a1 1 0 0 0 6 0v-1a10 10 0 1 0-4 8"/>
      <b:case value='atom'/><circle cx="12" cy="12" r="2"/><path d="M8 16C-4 4 4-4 16 8s4 20-8 8m8 0C4 28-4 20 8 8s20-4 8 8"/>
      <b:case value='backward'/><path d="M22 5v14l-9-7ZM11 5v14l-9-7Z"/>
      <b:case value='badge-check'/><path d="m8.5 12.5 2 2 5-5m4.3 5.7a1 1 0 0 0 0-6.4 1 1 0 0 0-4.6-4.6 1 1 0 0 0-6.4 0 1 1 0 0 0-4.6 4.6 1 1 0 0 0 0 6.4 1 1 0 0 0 4.6 4.6 1 1 0 0 0 6.4 0 1 1 0 0 0 4.6-4.6Z"/>
      <b:case value='bag-shopping'/><path d="M3 7v11a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4V7Zm13 3V6a4 4 0 0 0-8 0v4"/>
      <b:case value='bars-filter'/><path d="M3 6h18M6 12h12m-9 6h6"/>
      <b:case value='bars-sort'/><path d="M3 6h18M3 12h12M3 18h6"/>
      <b:case value='binance'/><path d="m12 7 5 5-5 5-5-5Zm-9 3-2 2 2 2m18-4 2 2-2 2M6 7l6-6 6 6m0 10-6 6-6-6"/>
      <b:case value='blogger'/><path d="M8 15h8M8 9h4m7 0q-1 0-1-1a6 6 0 0 0-6-6H8a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6v-5a2 2 0 0 0-2-2Z"/>
      <b:case value='bolt'/><path d="M13 2v8h7l-9 12v-8H4Z"/>
      <b:case value='book-open'/><path d="M12 5q5-3 10 0v15q-5-3-10 0Zm0 15q-5-3-10 0V5q5-3 10 0Z"/>
      <b:case value='book'/><path d="M20 22H7a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h13zM4 19a3 3 0 0 1 3-3h13"/>
      <b:case value='bookmark-alt'/><path d="M20 22H7a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h13zM4 19a3 3 0 0 1 3-3h13M10 2v10l3-2 3 2V2z"/>
      <b:case value='bookmark'/><path d="m12 17-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16Z"/>
      <b:case value='boolean'/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1m5 17a2 2 0 0 0 2-2m0-3.5v-2m0-3.5a2 2 0 0 0-2-2m-3.5 0h-2M11 9a2 2 0 0 0-2 2m0 3.5v2M9 20a2 2 0 0 0 2 2m3.5 0h2"/>
      <b:case value='box-archive'/><path d="M21 8v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8M1 8V5a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v3Zm9 4h4"/>
      <b:case value='brackets-angled'/><path d="m8 20-5-8 5-8m8 16 5-8-5-8"/>
      <b:case value='brackets-curly'/><path d="M9 20H7a3 3 0 0 1-3-3 4 5 0 0 0-3-5 4 5 0 0 0 3-5 3 3 0 0 1 3-3h2m6 16h2a3 3 0 0 0 3-3 4 5 0 0 1 3-5 4 5 0 0 1-3-5 3 3 0 0 0-3-3h-2"/>
      <b:case value='brackets-round'/><path d="M8 4a9 9 0 0 0 0 16m8 0a9 9 0 0 0 0-16"/>
      <b:case value='brackets'/><path d="M9 20H4V4h5m6 16h5V4h-5"/>
      <b:case value='broom'/><path d="m23 1-6 6M9 6q4-3 8 1t1 8l-6 8-6-6 1-3-3 1-3-3Zm0 0 9 9"/>
      <b:case value='bullhorn'/><path d="M3 12a2 2 0 0 0 2 2h5q6 0 11 4V3q-5 4-11 4H5a2 2 0 0 0-2 2Zm7-5v12a2 2 0 0 1-4 0v-5"/>
      <b:case value='calendar'/><rect width="18" height="17" x="3" y="5" rx="2"/><path d="M7 2v3m10-3v3M3 10h18"/>
      <b:case value='cart-shopping'/><path d="M1 2h4l3 12.4a2 2 0 0 0 2 1.6h9a2 2 0 0 0 2-1.6L23 6H6"/><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/>
      <b:case value='cassette-tape'/><rect width="22" height="16" x="1" y="4" rx="3"/><circle cx="7" cy="10" r="2"/><circle cx="17" cy="10" r="2"/><path d="m5 20 3-4h8l3 4"/>
      <b:case value='chain'/><path d="M14 7h3a1 1 0 0 1 0 10h-3m-4 0H7A1 1 0 0 1 7 7h3m-2 5h8"/>
      <b:case value='check-double'/><path d="m7 17-5-5m5 0 5 5L22 7m-10 5 5-5"/>
      <b:case value='check'/><path d="M20 7 10 17l-5-5"/>
      <b:case value='chevron-down'/><path d="m4 8 8 8 8-8"/>
      <b:case value='chevron-left'/><path d="m16 20-8-8 8-8"/>
      <b:case value='chevron-right'/><path d="m8 20 8-8-8-8"/>
      <b:case value='chevron-up'/><path d="m4 16 8-8 8 8"/>
      <b:case value='chevrons-down'/><path d="m4 5 8 8 8-8M4 11l8 8 8-8"/>
      <b:case value='chevrons-left'/><path d="m19 20-8-8 8-8m-6 16-8-8 8-8"/>
      <b:case value='chevrons-right'/><path d="m5 20 8-8-8-8m6 16 8-8-8-8"/>
      <b:case value='chevrons-up'/><path d="m4 13 8-8 8 8M4 19l8-8 8 8"/>
      <b:case value='circle-check'/><circle cx="12" cy="12" r="10"/><path d="m8.5 12.5 2 2 5-5"/>
      <b:case value='circle-exclamation'/><circle cx="12" cy="12" r="10"/><path d="M12 8v4m0 4h0"/>
      <b:case value='circle-xmark'/><circle cx="12" cy="12" r="10"/><path d="m9.5 9.5 5 5m0-5-5 5"/>
      <b:case value='circle'/><circle cx="12" cy="12" r="10"/>
      <b:case value='circles'/><circle cx="6" cy="18" r="4"/><circle cx="18" cy="18" r="4"/><circle cx="12" cy="6" r="4"/>
      <b:case value='clock-rotate'/><path d="M4 18A10 10 0 1 0 2.9 7.9M2 4v4h4m6-1v5l3 3"/>
      <b:case value='clock'/><circle cx="12" cy="12" r="10"/><path d="M12 7v5l3 3"/>
      <b:case value='cloud'/><path d="M18 20a1 1 0 1 0 0-10 1 1 0 1 0-13 2 1 1 0 0 0 0 8z"/>
      <b:case value='code'/><path d="m16 19 7-7-7-7M8 5l-7 7 7 7"/>
      <b:case value='codepen'/><path d="m12 2 10 6.5v7L12 22 2 15.5v-7zm0 20v-6.5m10-7-10 7-10-7m0 7 10-7 10 7M12 2v6.5"/>
      <b:case value='codesandbox'/><path d="m12 2 9 5v10l-9 5-9-5V7zM3 7l9 5 9-5m-9 5v10M3 11.7l5 2.8v5.3m13-8.1-5 2.8v5.3m-9-15 5 2.7 5-2.7"/>
      <b:case value='coffee'/><path d="M6 2v3m4-3v3m4-3v3m4 4v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V9h17a1 1 0 0 1 0 8h-1"/>
      <b:case value='coinbase'/><path d="M22 10a10 10 0 1 0 0 4h-6a4 4 0 1 1 0-4Z"/>
      <b:case value='columns-3'/><rect width="22" height="18" x="1" y="3" rx="2"/><path d="M8 3v18m8-18v18"/>
      <b:case value='columns'/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M12 3v18"/>
      <b:case value='command'/><path d="M9 6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3Z"/>
      <b:case value='comment-dots'/><path d="M4.3 16.7a9 9 0 1 1 3 3L3 21zM8 12h0m4 0h0m4 0h0"/>
      <b:case value='comment'/><path d="M4.3 16.7a9 9 0 1 1 3 3L3 21z"/>
      <b:case value='compact-disc'/><path d="M6 12a6 6 0 0 1 6-6"/><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="2"/>
      <b:case value='copy'/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/><rect width="13" height="13" x="9" y="9" rx="2"/>
      <b:case value='copyright'/><circle cx="12" cy="12" r="9"/><path d="M14.6 9a4 4 0 1 0 0 6"/>
      <b:case value='credit-card'/><rect width="22" height="16" x="1" y="4" rx="2"/><path d="M1 9h22M5 16h2m3 0h5"/>
      <b:case value='cube'/><path d="m12 2 9 5v10l-9 5-9-5V7zM3 7l9 5 9-5m-9 5v10"/>
      <b:case value='desktop'/><rect width="22" height="15" x="1" y="3" rx="3"/><path d="M8 21h8M1 13h22"/>
      <b:case value='disc'/><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="2"/>
      <b:case value='disqus'/><path d="M9 8v8h3a1 1 0 0 0 0-8ZM7 21a10.5 10.5 0 1 0-4-4l-1 5Z"/>
      <b:case value='dollar'/><path d="M12 2v20m4-17h-6a3.5 3.5 0 0 0 0 7h4.5a3.5 3.5 0 0 1 0 7H6"/>
      <b:case value='download-cloud'/><path d="M18 17a5 5 0 1 0 0-10A1 1 0 1 0 5 9a1 1 0 0 0 0 8h1m3 3 3 3 3-3m-3 3V11"/>
      <b:case value='download'/><path d="m7 10 5 5 5-5m-5 5V3m10 12v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-4"/>
      <b:case value='dribbble'/><circle cx="12" cy="12" r="10"/><path d="M8.5 2.7a38 38 0 0 1 8.1 18.1m2.6-15.7a18 10 0 0 1-17.1 5.8m3.2 8.5A14 15 0 0 1 21.9 13"/>
      <b:case value='droplet'/><path d="m12 1 6 6A9 9 0 1 1 6 7Z"/>
      <b:case value='ellipsis-vertical'/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="12" r="1"/><circle cx="12" cy="19" r="1"/>
      <b:case value='ellipsis'/><circle cx="5" cy="12" r="1"/><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/>
      <b:case value='envelope'/><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 8-10 5L2 8"/>
      <b:case value='equals'/><path d="M5 15h14M5 9h14"/>
      <b:case value='euro'/><path d="M4 14h10M4 10h10m4-5a8 8 0 1 0 0 14"/>
      <b:case value='facebook-alt'/><circle cx="12" cy="12" r="11"/><path d="M12 23V9.5A2.5 2.5 0 0 1 15 7m-5 6h4.5"/>
      <b:case value='facebook'/><path d="M17 14h-3v8h-4v-8H7v-4h3V7a5 5 0 0 1 5-5h3v4h-3q-1 0-1 1v3h4Z"/>
      <b:case value='figma'/><path d="M8.5 9a1 1 0 0 1 0-7h7a1 1 0 0 1 0 7h-7a1 1 0 0 0 0 7H12 8.5a1 1 0 0 0 0 7 3.5 3.5 0 0 0 3.5-3.5V2"/><circle cx="15.5" cy="12.5" r="3.5"/>
      <b:case value='file-glitch'/><path d="M2 11h4V4a2 2 0 0 1 2-2h8l6 6v5h-4v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2Zm0-5h4m-5 5h10m-5 4h3M20 4h-7m1 13h8"/>
      <b:case value='file-search'/><path d="m4 22 5-5a1 1 0 0 0 5-5 1 1 0 0 0-5 5m-5-2V4a2 2 0 0 1 2-2h8l6 6v12a2 2 0 0 1-2 2h-7"/>
      <b:case value='file'/><path d="M4 4a2 2 0 0 1 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z"/>
      <b:case value='filter'/><path d="M22 3H2l8 10v4l4 4v-8l8-10Z"/>
      <b:case value='fingerprint'/><path d="M6 18a10 10 0 0 0 2-6 4 4 0 0 1 8 0 16 16 0 0 1-1 6m-3-5a14 14 0 0 1-3 8m-6-6a9 9 0 0 0 1-4 8 8 0 0 1 13-6.2M19.5 8a8 8 0 0 1 .5 5"/>
      <b:case value='fire'/><path d="M6 9.7a8 8 0 1 0 10.4-1.4Q16 12 12 13q3-6-2-12 0 5-4 8.7"/>
      <b:case value='flipboard'/><path d="M3 21h6v-6h6V9h6V3H3Z"/>
      <b:case value='forward'/><path d="M2 5v14l9-7Zm11 0v14l9-7Z"/>
      <b:case value='gear'/><circle cx="12" cy="12" r="3"/><path d="M10 21a1 1 0 0 0 4 0 1.8 1.8 0 0 1 3-1.3 1 1 0 0 0 2.8-2.7 1.8 1.8 0 0 1 1.2-3 1 1 0 0 0 0-4 1.8 1.8 0 0 1-1.2-3A1 1 0 0 0 17 4.4 1.8 1.8 0 0 1 14 3a1 1 0 0 0-4 0 1.8 1.8 0 0 1-3 1.4A1 1 0 0 0 4.2 7 1.8 1.8 0 0 1 3 10a1 1 0 0 0 0 4 1.8 1.8 0 0 1 1.2 3A1 1 0 0 0 7 19.7a1.8 1.8 0 0 1 3 1.3Z"/>
      <b:case value='get-pocket'/><path d="M21 3a2 2 0 0 1 2 2v6a9 9 0 0 1-22 0V5a2 2 0 0 1 2-2ZM7 10l5 4 5-4"/>
      <b:case value='git-branch'/><circle cx="6" cy="5" r="3"/><circle cx="18" cy="12" r="3"/><circle cx="6" cy="19" r="3"/><path d="M6 8v8m11-1s-2 4-8 4"/>
      <b:case value='git-commit'/><circle cx="12" cy="12" r="4"/><path d="M1.1 12H7m10 0h6"/>
      <b:case value='git-fork'/><circle cx="6" cy="5" r="3"/><circle cx="18" cy="5" r="3"/><circle cx="12" cy="19" r="3"/><path d="M6 8v1a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V8m-6 4v4"/>
      <b:case value='git-issues'/><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="2"/>
      <b:case value='git-merge'/><circle cx="6" cy="5" r="3"/><circle cx="18" cy="12" r="3"/><circle cx="6" cy="19" r="3"/><path d="M15 12s-6 1-9-4v8"/>
      <b:case value='git-pull'/><circle cx="6" cy="5" r="3"/><circle cx="18" cy="19" r="3"/><circle cx="6" cy="19" r="3"/><path d="M6 8v8m7-10h3a2 2 0 0 1 2 2v7"/>
      <b:case value='github'/><path d="M9 22v-3q0-2 1-3A7 6.5 0 0 1 5 5Q4 3 5 1q3 0 4 2 3.5-1 7 0 1-2 4-2 1 2 0 4a7 6.5 0 0 1-5 11q1 1 1 3v3m-7-3c-4 1-4-2-7-3"/>
      <b:case value='gitlab'/><path d="M1 14 5 2l3 8h8l3-8 4 12-11 8Z"/>
      <b:case value='globe-stand'/><circle cx="12" cy="9" r="6"/><path d="M8 22h8M4 15A10 10 0 1 0 20 3"/>
      <b:case value='globe'/><path d="M2 12h20M12 2a15 15 0 0 0 0 20 15 15 0 0 0 0-20"/><circle cx="12" cy="12" r="10"/>
      <b:case value='google-drive'/><path d="m1.5 15 7-12h7l7 12-3.5 6H5ZM5 21l7-12m-3.5 6h14m-6.9 0L8.5 3"/>
      <b:case value='google-play'/><path d="M6.8 2.2a2.5 2.5 0 0 0-3.8 2v15.6a2.5 2.5 0 0 0 3.8 2L21 13.7a2 2 0 0 0 0-3.4ZM3.2 3.5l12.8 13m-12.8 4L16 7.5"/>
      <b:case value='google'/><path d="M16.5 6.6a7 7 0 1 0 2.2 7.4H12v-4h10.8a11 11 0 1 1-3.3-6Z"/>
      <b:case value='grip-dots-vertical'/><circle cx="9" cy="5" r="1"/><circle cx="9" cy="12" r="1"/><circle cx="9" cy="19" r="1"/><circle cx="15" cy="5" r="1"/><circle cx="15" cy="12" r="1"/><circle cx="15" cy="19" r="1"/>
      <b:case value='grip-dots'/><circle cx="5" cy="9" r="1"/><circle cx="12" cy="9" r="1"/><circle cx="19" cy="9" r="1"/><circle cx="5" cy="15" r="1"/><circle cx="12" cy="15" r="1"/><circle cx="19" cy="15" r="1"/>
      <b:case value='gumroad'/><circle cx="20" cy="4" r="2"/><circle cx="15" cy="16" r="2"/><path d="M18 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2"/>
      <b:case value='headphones'/><path d="M2 14h4q2 0 2 2v4q0 2-2 2H4q-2 0-2-2v-8a1 1 0 0 1 20 0v8q0 2-2 2h-2q-2 0-2-2v-4q0-2 2-2h4"/>
      <b:case value='heart'/><path d="m12 21-8.8-8.3A5.6 5.6 0 1 1 12 6a5.6 5.6 0 1 1 8.9 6.6z"/>
      <b:case value='home'/><path d="M1 12 12 1l11 11m-2-2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V10m6 12v-8h6v8"/>
      <b:case value='image'/><rect width="18" height="18" x="3" y="3" rx="2"/><circle cx="15" cy="9" r="2"/><path d="m3 18 6-6 9 9"/>
      <b:case value='images'/><rect width="18" height="18" x="5" y="1" rx="2"/><circle cx="17" cy="7" r="2"/><path d="m5 16 6-6 9 9M1 5v15a3 3 0 0 0 3 3h15"/>
      <b:case value='indent'/><path d="M9 6h12m-8 6h8M9 18h12M3 8l4 4-4 4"/>
      <b:case value='instagram'/><circle cx="12" cy="12" r="4"/><rect width="20" height="20" x="2" y="2" rx="5"/><path d="M17.5 6.5h0"/>
      <b:case value='key-skeleton'/><path d="m11 12 9-9 3 3m-6 0 3 3"/><circle cx="7" cy="16" r="5.5"/>
      <b:case value='language'/><path d="M2 5h14M9 2v3m4 0q-2 8-9 11m2-7q2 4 6 6m1 7 5-11 5 11m-1.4-3h-7.2"/>
      <b:case value='layout'/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18M9 21V9"/>
      <b:case value='link'/><path d="M9 13a5 5 0 0 0 8 1l4-4a1 1 0 0 0-7-7l-2 2m3 6a5 5 0 0 0-8-1l-4 4a1 1 0 0 0 7 7l2-2"/>
      <b:case value='linkedin'/><circle cx="4" cy="4" r="2"/><path d="M2 9h4v12H2Zm20 12h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 12 0Z"/>
      <b:case value='list'/><path d="M7 6h14M7 12h14M7 18h14M3 6h0m0 6h0m0 6h0"/>
      <b:case value='location-crosshairs'/><path d="M23 12h-3M4 12H1m11-8V1m0 22v-3"/><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3"/>
      <b:case value='location-dot'/><circle cx="12" cy="10" r="3"/><path d="m12 23-6-6a9 9 0 1 1 12 0z"/>
      <b:case value='location'/><path d="m12 23-6-6a9 9 0 1 1 12 0z"/>
      <b:case value='lock'/><path d="M16 10V6a4 4 0 0 0-8 0v4"/><rect width="18" height="12" x="3" y="10" rx="2"/>
      <b:case value='map-pin'/><circle cx="12" cy="7" r="6"/><path d="M12 13v10"/>
      <b:case value='map'/><path d="M1 6v16l7-4 8 4 7-4V2l-7 4-8-4zm7-4v16m8-12v16"/>
      <b:case value='mega'/><circle cx="12" cy="12" r="11"/><path d="M7 15V9l5 5 5-5v6"/>
      <b:case value='message-dots'/><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2zM8 10h0m4 0h0m4 0h0"/>
      <b:case value='message'/><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
      <b:case value='meta'/><path d="M2 9c2-5 7-6 10 0s5 10 8 10 4-5 2-10-7-6-10 0-5 10-8 10-4-5-2-10Z"/>
      <b:case value='meteor'/><circle cx="9.5" cy="14.5" r="3.5"/><path d="M8 5 4 9a1 1 0 0 0 11 11l7-7m-6-2 6-6m-6-1 2-2m-5 5h0"/>
      <b:case value='minus'/><path d="M5 12h14"/>
      <b:case value='moon'/><path d="M21 14a9 9 0 1 1-9-11 7 7 0 0 0 9 11z"/>
      <b:case value='newspaper'/><path d="M2 6v13a2 2 0 0 0 4 0V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v13a3 3 0 0 1-3 3H4m7-13h6m-6 4h6m-6 4h6"/>
      <b:case value='open-source'/><path d="M16 21.2a10 10 0 1 0-8 0l2.4-6.1a3.5 3.5 0 1 1 3.2 0Z"/>
      <b:case value='openai'/><path d="M14.1 13.3 8 16.8l-4.2-2.6A4 4 0 0 1 6 6.7m6 7.8L6 11V6a4 4 0 0 1 7.6-2m-3.7 9.3V6.2l4.4-2.6a4 4 0 0 1 5.3 5.8m-9.7 1.3L16 7.2l4.2 2.6a4 4 0 0 1-2.2 7.5m-6-7.8 6 3.5v5a4 4 0 0 1-7.6 2m3.7-9.3v7.1l-4.4 2.6a4 4 0 0 1-5.3-5.8"/>
      <b:case value='outdent'/><path d="M15 6h6m-10 6h10m-6 6h6M7 8l-4 4 4 4"/>
      <b:case value='paint-roller'/><rect width="4" height="6" x="10" y="16" rx="2"/><rect width="16" height="6" x="3" y="2" rx="2"/><path d="M19 5h1q2 0 2 2 0 6-7 6-3 0-3 3"/>
      <b:case value='paper-plane'/><path d="m22 2-7 20-4-9-9-4zm0 0L11 13"/>
      <b:case value='paperclip-vertical'/><path d="M10 6v10a1 1 0 0 0 4 0V5.5a1 1 0 0 0-8 0v11a1 1 0 0 0 12 0V6"/>
      <b:case value='paperclip'/><path d="m15 7-7 7a1 1 0 0 0 3 3l7.5-7.5a1 1 0 0 0-6-6L5 11a1 1 0 0 0 9 9l7-7"/>
      <b:case value='patreon'/><path d="M2 2h3v20H2Z"/><circle cx="15" cy="9" r="7"/>
      <b:case value='pause'/><path d="M5 4h4v16H5Zm10 0h4v16h-4Z"/>
      <b:case value='paypal'/><path d="m6 22 4-16h7a1 1 0 0 1 0 11h-4.7L11 22Zm1-4H2L6 2h7a1 1 0 0 1 0 11H8.3"/>
      <b:case value='pencil'/><path d="M16 4a1 1 0 0 1 3 3L7 19l-4 1 1-4zm-4 16h9"/>
      <b:case value='pinterest'/><circle cx="12" cy="12" r="11"/><path d="m8 22 3-11a1 1 0 0 0 5 5.5A6 6 0 1 0 6 12"/>
      <b:case value='play'/><path d="m7 3 14 9-14 9z"/>
      <b:case value='plug'/><path d="M8 2v5m8-5v5M5 7v3a1 1 0 0 0 14 0V7zm7 10v5"/>
      <b:case value='plus'/><path d="M12 5v14m-7-7h14"/>
      <b:case value='quote-left'/><path d="M5 13h5v5H5v-7a4 5 0 0 1 4-5m5 7h5v5h-5v-7a4 5 0 0 1 4-5"/>
      <b:case value='quote-right'/><path d="M10 11H5V6h5v7a4 5 0 0 1-4 5m13-7h-5V6h5v7a4 5 0 0 1-4 5"/>
      <b:case value='radio'/><rect width="22" height="16" x="1" y="6" rx="3"/><circle cx="16" cy="14" r="3"/><path d="M6 11h2m-3 3h4m-3 3h2M4 6l16-4"/>
      <b:case value='reddit'/><circle cx="20" cy="5" r="2"/><path d="M5 10.5a14 14 0 0 1 14 0 2.4 2.4 0 1 1 2.5 4 9.6 6.6 0 1 1-19 0 2.4 2.4 0 1 1 2.5-4Zm7-1.9 1.5-6.1 4.6 1.7M10 18q2 1 4 0m-5-4h0m6 0h0"/>
      <b:case value='rhombus'/><path d="M10.4 2.4a2 2 0 0 1 3.2 0l7 8.2a2 2 0 0 1 0 2.8l-7 8.2a2 2 0 0 1-3.2 0l-7-8.2a2 2 0 0 1 0-2.8Z"/>
      <b:case value='rows'/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 12h18"/>
      <b:case value='rss'/><path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/>
      <b:case value='search'/><circle cx="10" cy="10" r="7"/><path d="m15 15 6 6"/>
      <b:case value='shapes'/><path d="M7 10h10l-5-8Z"/><circle cx="6" cy="18" r="4"/><rect width="8" height="8" x="14" y="14" rx="1"/>
      <b:case value='share'/><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.5 13.5 7 4m0-11-7 4"/>
      <b:case value='shuffle'/><path d="m19 3 3 3-3 3m0 12 3-3-3-3M2 6h4l10 12h6M2 18h4l2-2.4m6-7.2L16 6h6"/>
      <b:case value='sidebar'/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/>
      <b:case value='square-exclamation'/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M12 8v4m0 4h0"/>
      <b:case value='square'/><rect width="18" height="18" x="3" y="3" rx="2"/>
      <b:case value='squares'/><rect width="8" height="8" x="14" y="14" rx="1"/><rect width="8" height="8" x="2" y="14" rx="1"/><rect width="8" height="8" x="8" y="2" rx="1"/>
      <b:case value='star'/><path d="m12 1.5 3.1 6.3 6.9 1-5 4.8 1.2 6.9-6.2-3.2-6.2 3.2L7 13.6 2 8.8l6.9-1z"/>
      <b:case value='sterling'/><path d="M16 7a1 1 90 1 0-6 0v9a4 4 90 0 1-4 4h12M8 13h7"/>
      <b:case value='sun'/><circle cx="12" cy="12" r="5"/><path d="M12 1v2m0 18v2M4.2 4.2l1.4 1.4m12.8 12.8 1.4 1.4M1 12h2m18 0h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4"/>
      <b:case value='table-layout'/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18M3 9h18"/>
      <b:case value='table-list'/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18M3 9h18M3 15h18"/>
      <b:case value='tag'/><path d="M12 2H2v10l8.5 8.5q1.5 1.4 3 0l7-7q1.4-1.5 0-3ZM7 7h0"/>
      <b:case value='telegram'/><path d="M12.5 16 9 19.5 7 13l-5.5-2 21-8-4 18-7.5-7 4-3"/>
      <b:case value='terminal'/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="m8 9 3 3-3 3m5 1h3"/>
      <b:case value='text'/><path d="M4 7V4h16v3m-8-3v16m-3 0h6"/>
      <b:case value='thumbs-down'/><path d="M10 15v4a3 3 0 0 0 3 3l4-9V3l-4-1H7a3 3 0 0 0-3 2l-2 8a2 2.3 0 0 0 2 3zm7-12h4a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-4"/>
      <b:case value='thumbs-up'/><path d="M7 21H3a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h4l4-9a3 3 0 0 1 3 3v4h6a2 2.3 0 0 1 2 3l-2 8a3 3 0 0 1-3 2h-6l-4-1V11"/>
      <b:case value='tiktok'/><path d="M22 6v5q-4 0-6-2v7a7 7 0 1 1-5-6.7m0 6.7a2 2 0 1 0-2 2 2 2 0 0 0 2-2V1h5q2 5 6 5"/>
      <b:case value='trash-can'/><path d="M3 6h18m-2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m2 0 2-4h6l2 4m-7 5v6m4-6v6"/>
      <b:case value='trash'/><path d="M3 6h18m-2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m2 0 2-4h6l2 4"/>
      <b:case value='triangle-exclamation'/><path d="M2 18a2 2 0 0 0 1.7 3h16.6a2 2 0 0 0 1.7-3L13.8 4a2 2 0 0 0-3.6 0Zm10-9v4m0 4h0"/>
      <b:case value='triangle'/><path d="M2 18a2 2 0 0 0 1.7 3h16.6a2 2 0 0 0 1.7-3L13.8 4a2 2 0 0 0-3.6 0Z"/>
      <b:case value='tumblr'/><path d="M18 17.5V22h-4a5 5 0 0 1-5-5v-7H7V6.5q3.3-.9 3.5-4.5H14v4h4v4h-4v6.5q0 1 1 1Z"/>
      <b:case value='turn-down-left'/><path d="m9 10-5 5 5 5M20 4v7a4 4 0 0 1-4 4H4"/>
      <b:case value='turn-down-right'/><path d="m15 10 5 5-5 5M4 4v7a4 4 0 0 0 4 4h12"/>
      <b:case value='turn-left-down'/><path d="m14 15-5 5-5-5M20 4h-7a4 4 0 0 0-4 4v12"/>
      <b:case value='turn-left-up'/><path d="M14 9 9 4 4 9m16 11h-7a4 4 0 0 1-4-4V4"/>
      <b:case value='turn-right-down'/><path d="m10 15 5 5 5-5M4 4h7a4 4 0 0 1 4 4v12"/>
      <b:case value='turn-right-up'/><path d="m10 9 5-5 5 5M4 20h7a4 4 0 0 0 4-4V4"/>
      <b:case value='turn-up-left'/><path d="M9 14 4 9l5-5m11 16v-7a4 4 0 0 0-4-4H4"/>
      <b:case value='turn-up-right'/><path d="m15 14 5-5-5-5M4 20v-7a4 4 0 0 1 4-4h12"/>
      <b:case value='tv-retro'/><rect width="20" height="15" x="2" y="7" rx="3"/><path d="m7 2 5 5 5-5"/>
      <b:case value='tv'/><rect width="22" height="15" x="1" y="3" rx="3"/><path d="M7 21h10"/>
      <b:case value='twitter'/><path d="M12 7.5a4.5 4.5 0 0 1 8-3Q22 4 23 3q0 2-2 4A13 13 0 0 1 1 19q5 0 7-2-8-4-5-13 4 5 9 5Z"/>
      <b:case value='ufo'/><path d="M17 7Q12 9 7 7a1 1 0 0 1 10 0M5 9h0m7 2h0m7-2h0M5 17l-3 5m17-5 3 5M7 5a11 4.75 0 1 0 10 0"/>
      <b:case value='unlink'/><path d="m18 13 3-3a1 1 0 0 0-7-7l-3 3m-5 5-3 3a1 1 0 0 0 7 7l3-3M5 5l14 14"/>
      <b:case value='upload-cloud'/><path d="M18 17a5 5 0 1 0 0-10A1 1 0 1 0 5 9a1 1 0 0 0 0 8h1m3-3 3-3 3 3m-3 9V11"/>
      <b:case value='upload'/><path d="m7 8 5-5 5 5m-5 7V3m10 12v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-4"/>
      <b:case value='usdt'/><path d="M5 4h14m-7 0v6m0 10v-6M8 9a8 2.7 0 1 0 8 0"/>
      <b:case value='user'/><circle cx="12" cy="6" r="4"/><path d="M21 22a1 1 0 0 0-18 0Z"/>
      <b:case value='vinyl-disc'/><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="4"/><path d="M12 12h0"/>
      <b:case value='visual-studio-code'/><path d="m12 12 5 3.5v-7Zm-8 6-3-3 3.4-3L1 9l3-3 4 2.9L17 1l6 3v16l-6 3-9-7.9Z"/>
      <b:case value='vk'/><rect width="22" height="22" x="1" y="1" rx="5"/><path d="M7 8.5a7 8 0 0 0 5 7v-7m5 0Q16 11 13 12q3 1 4 3.5M12 12h1"/>
      <b:case value='volume-high'/><path d="M6 9H2v6h4l5 4V5Zm9 7a5 5 0 0 0 0-8m3 12a10 10 0 0 0 0-16"/>
      <b:case value='volume-low'/><path d="M6 9H2v6h4l5 4V5Zm9 7a5 5 0 0 0 0-8"/>
      <b:case value='volume-off'/><path d="M6 9H2v6h4l5 4V5Z"/>
      <b:case value='volume-xmark'/><path d="m16 9 6 6M6 9H2v6h4l5 4V5Zm10 6 6-6"/>
      <b:case value='wave-pulse'/><path d="M2 12h4l3 9 6-18 3 9h4"/>
      <b:case value='wave-square'/><path d="M2 12h4v8h6V4h6v8h4"/>
      <b:case value='wave-triangle'/><path d="m2 12 5 7L17 5l5 7"/>
      <b:case value='wave'/><path d="M2 12c2 9 8 9 10 0s8-9 10 0"/>
      <b:case value='whatsapp'/><circle cx="9" cy="9" r="1"/><circle cx="15" cy="15" r="1"/><path d="M8 9a7 7 0 0 0 7 7m-9 5.2A11 11 0 1 0 2.8 18L2 22Z"/>
      <b:case value='wind'/><path d="M12 4a3 3 0 1 1 3 4H2m3 12a3 3 0 1 0 3-4H2m15 0a3 3 0 1 0 3-4H2"/>
      <b:case value='windows'/><path d="M2 12h20m-11.3 8.3V3.7M2 5l20-3v20L2 19Z"/>
      <b:case value='xmark'/><path d="M18 6 6 18M6 6l12 12"/>
      <b:case value='yin-yang'/><circle cx="12" cy="12" r="10"/><path d="M12 22a1 1 0 0 1 0-10 1 1 0 0 0 0-10m0 5h0m0 10h0"/>
      <b:case value='youtube'/><rect width="22" height="18" x="1" y="3" rx="5"/><path d="m9 16 7-4-7-4v8Z"/>
      <b:case value='zeno'/><circle cx="5" cy="4" r="2"/><circle cx="19" cy="20" r="2"/><path d="M7 4h13L4 20h13"/>
      <b:default/><circle cx="12" cy="12" r="10"/>
    </circle></b:default></path></circle></circle></b:case></path></rect></b:case></path></circle></b:case></path></b:case></path></b:case></path></b:case></path></circle></circle></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></rect></b:case></path></b:case></path></circle></circle></b:case></path></circle></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></rect></b:case></path></rect></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></rect></b:case></path></b:case></path></b:case></path></rect></b:case></path></rect></b:case></path></circle></b:case></path></b:case></path></b:case></rect></rect></rect></b:case></rect></b:case></path></rect></b:case></path></rect></b:case></path></b:case></path></circle></circle></circle></b:case></rect></circle></path></b:case></path></circle></b:case></circle></path></b:case></path></rect></b:case></path></b:case></path></circle></b:case></path></circle></rect></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></circle></b:case></path></b:case></path></b:case></path></b:case></circle></path></b:case></path></b:case></path></b:case></path></b:case></path></rect></rect></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></circle></b:case></path></b:case></path></b:case></path></b:case></path></circle></b:case></path></b:case></path></circle></b:case></rect></path></b:case></path></b:case></path></circle></b:case></circle></circle></path></b:case></path></b:case></path></circle></b:case></path></b:case></path></rect></b:case></path></b:case></circle></path></b:case></path></rect></circle></b:case></path></b:case></path></circle></rect></b:case></path></circle></rect></b:case></path></b:case></path></b:case></path></b:case></path></circle></circle></b:case></circle></circle></circle></circle></circle></circle></b:case></circle></circle></circle></circle></circle></circle></b:case></path></b:case></path></b:case></path></b:case></circle></path></b:case></path></circle></b:case></path></b:case></path></b:case></path></circle></circle></circle></b:case></path></circle></circle></circle></b:case></circle></circle></b:case></path></circle></circle></circle></b:case></path></circle></b:case></path></circle></circle></circle></b:case></path></b:case></path></circle></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></circle></path></b:case></path></b:case></path></circle></b:case></path></b:case></path></b:case></path></rect></b:case></circle></circle></circle></b:case></circle></circle></circle></b:case></path></b:case></path></circle></b:case></path></b:case></path></b:case></path></b:case></path></b:case></circle></circle></b:case></path></rect></b:case></path></b:case></path></rect></b:case></path></circle></b:case></rect></path></b:case></circle></circle></path></b:case></path></b:case></path></b:case></path></b:case></path></rect></b:case></path></rect></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></circle></b:case></path></b:case></circle></circle></circle></b:case></circle></b:case></path></circle></b:case></path></circle></b:case></path></circle></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></circle></circle></rect></b:case></circle></circle></path></b:case></path></rect></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></circle></b:case></path></circle></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></circle></b:case></path></rect></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></circle></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></b:case></path></circle></rect></b:case></path></circle></b:case></path></circle></b:case></path></circle></b:case></path></circle></b:case></path></circle></b:case></path></b:case></path></b:case></b:switch>
  </b:attr></b:attr></b:attr></b:attr></b:attr></b:class></svg>
</b:includable>
        <b:includable id="$:class">
          <b:attr name="data-version" value=""/>
          <b:attr name="id" expr:value="data:id"/>
          <b:attr name="class" expr:value="data:class ?: "widget""/>
        </b:attr></b:attr></b:attr></b:includable>
        <b:includable id="$:content" var="str">
          <b:if cond="and((data:str contains "{"), (data:str contains "}"), (data:str contains ": \""), (data:str not contains ":\""))">
            <b:with expr:value="data:str" var="option">
              <b:with value="["alert","carousel","comments","section","trending"] contains data:option.content" var="available">
                <b:if cond="data:option.content and data:available">
                  <b:include cond="["section","alert"] not contains data:option.content" name="$:title"/>
                  <b:include expr:name=""content:" + data:option.content"/>
                  <b:elseif cond="data:option.content and !data:available"/>
                  <b:include name="docs" data="{ warn: "invalidContent" }"/>
                  <b:else/>
                  <b:include name="$:title"/>
                  <b:include name="content"/>
                </b:include></b:include></b:else></b:include></b:elseif></b:include></b:include></b:if>
              </b:with>
            </b:with>
            <b:elseif cond="and((data:str contains ": \""), (data:str contains "{" and data:str not contains "}"))"/>
            <b:include name="docs" data="{ warn: "invalidObject" }"/>
            <b:elseif cond="and((data:str contains "{" and data:str contains "}"), (data:str contains ":\""))"/>
            <b:include name="docs" data="{ warn: "invalidKey" }"/>
            <b:else/>
            <b:include name="$:title"/>
            <b:include name="content"/>
          </b:include></b:include></b:else></b:include></b:elseif></b:include></b:elseif></b:if>
        </b:includable>
        <b:includable id="$:title">
          <b:if cond="!(data:widget.type == "Blog" and data:view.isSingleItem) or data:defaultTitle or data:numComments">
            <b:if cond="data:skin.vars.f_cleanXml and !(data:widget.type == "Blog" and data:view.isSingleItem)">
              <b:include name="$:class" data="{class: (data:class ?: ("widget b:skin-sy " + data:widget.type))}"/>
              <b:else/>
              <b:class name="b:skin-sy"/>
            </b:class></b:else></b:include></b:if>
            <b:if cond="!(["header","Filters","footer-upper","footer-lower"] contains data:widget.sectionId)">
              <b:if cond="data:defaultTitle or (data:option ? data:option.title : data:title.length != 0)">
                <div class="widget-title flex o-hidden uppercase"><span class="widget-name has-icon">
                    <b:if cond="data:widget.type == "Blog"">
                      <b:include name="post:icon"/>
                      <b:else/>
                      <b:tag name="i" cond="data:option.i" expr:class="data:option.i"/>
                      <b:include cond="data:option.icon" name="i:meteor" data="{ icon: data:option.icon }"/>
                    </b:include></b:tag></b:else></b:include></b:if>
                    <b:if cond="data:numComments">
                      <b:message name="messages.numberOfComments">
                        <b:param expr:value="data:numComments" name="numComments"/>
                      </b:param></b:message>
                      <b:else/>
                      <b:eval expr="data:option.title ?: (data:defaultTitle ?: data:title)"/>
                    </b:eval></b:else></b:if></span>
                  <b:if cond="data:more"><a class="widget-name name-more ms-auto has-icon" expr:href="data:more" expr:aria-label="data:messages.showAll">
                      <b:include name="i:meteor" data="{ icon: "arrow-right-long" }"/></b:include></a></b:if>
                </div>
              </b:if>
            </b:if>
          </b:if>
        </b:includable>
        <b:includable id="contentTitle">
          <b:if cond="data:view.isHomepage and data:skin.vars.t_recent != """>
            <b:include data="{ title: data:skin.vars.t_recent, more: (data:skin.vars.f_more and data:olderPageUrl ? (data:$navi.js ? (data:const.homeUrl + "search?page=2&max-results=" + data:posts.length) : data:olderPageUrl) : false ) }" name="$:title"/>
            <b:elseif cond="data:view.isSearch"/>
            <b:include data="{ title: (data:view.isLabelSearch ? data:view.search.label : data:skin.vars.t_searching ) }" name="$:title"/>
            <b:elseif cond="data:view.isArchive"/>
            <b:include data="{ title: data:messages.archive }" name="$:title"/>
          </b:include></b:elseif></b:include></b:elseif></b:include></b:if>
        </b:includable>
        <b:includable id="zk:head">
          <b:include name="@:meta" data="{ ogImage: data:skin.vars.d_ogImage, favicon: data:skin.vars.d_favicon, https: data:skin.vars.f_cloudflare }"/>
          
          <link href="https://cdn.jsdelivr.net/" rel="preconnect" crossorigin="anonymous"/>
          <link href="https://cdn.jsdelivr.net/" rel="dns-prefetch"/>
          <link href="https://fonts.gstatic.com/" rel="preconnect" crossorigin="anonymous"/>
          <link href="https://fonts.gstatic.com/" rel="dns-prefetch"/>
          <b:include name="zk:assets" data="{ get: "inlineJs" }"/>
          <b:if cond="data:view.isMultipleItems and (data:skin.vars.a_edit or data:skin.vars.a_jumpLink)">
            
          </b:if>
          <b:include name="zk:assets" data="{ get: "fonts" }"/>
          <b:include name="zk:assets" data="{ get: "main" }"/>
          <b:if cond="data:view.isSingleItem or data:view.isError">
            <b:include name="zk:assets" data="{ get: "typography" }"/>
          </b:include></b:if>
          <b:include name="zk:assets" data="{ get: "js" }"/>
          <b:include name="zk:assets" data="{ get: "bloggerJs" }"/>
          <b:if cond="data:view.isPost">
            <b:include name="zk:assets" data="{ get: "inlineCSS" }"/>
          </b:include></b:if>
          <b:include name="zk:assets" data="{ get: "adsense" }"/>
          <b:include name="@:analytics"/>
          <b:if cond="data:view.isPreview">
            <b:include name="zk:assets" data="{ get: "preview" }"/>
          </b:include></b:if>
          <b:if cond="data:skin.vars.c_disqus and data:skin.vars.c_disqus != """>
            <b:include name="zk:assets" data="{ get: "disqusCountJs" }"/>
          </b:include></b:if>
        </b:include></b:include></b:include></b:include></b:include></b:include></b:include></b:include></b:includable>
        <b:includable id="zk:layoutClass">
          <b:class name="items-start grid blog b:skin-g1"/>
          <b:with value="data:skin.vars.f_sidebarIn" var="sidebar">
            <b:if cond="data:sidebar != false">
              <b:with value="([false,true] not contains data:sidebar and (data:sidebar + 0 != data:sidebar)) ? data:sidebar : "home, index, search, labels, archive, item, static_page, error_page"" var="hasSidebar">
                <b:attr cond="data:hasSidebar not contains data:pageType" name="class" value="blog-full flex flex-column b:skin-g1"/>
              </b:attr></b:with>
              <b:else/>
              <b:attr name="class" value="blog-full flex flex-column b:skin-g1"/>
            </b:attr></b:else></b:if>
          </b:with>
          <b:with value="data:skin.vars.f_stickySidebar" var="sticky">
            <b:if cond="data:sticky != false">
              <b:with value="([false,true] not contains data:sticky and (data:sticky + 0 != data:sticky)) ? data:sticky : "null"" var="hasSticky">
                <b:with value=""has-sticky" + (data:hasSticky contains "last" ? "-last" : "")" var="stickyClass">
                  <b:if cond="data:hasSticky contains "post"">
                    <b:class cond="data:view.isPost" expr:name="data:stickyClass"/>
                    <b:elseif cond="data:hasSticky contains "page""/>
                    <b:class cond="data:view.isPage" expr:name="data:stickyClass"/>
                    <b:elseif cond="data:hasSticky contains "single""/>
                    <b:class cond="data:view.isSingleItem" expr:name="data:stickyClass"/>
                    <b:else/>
                    <b:class expr:name="data:stickyClass"/>
                  </b:class></b:else></b:class></b:elseif></b:class></b:elseif></b:class></b:if>
                </b:with>
              </b:with>
            </b:if>
          </b:with>
          <b:class cond="data:skin.vars.f_filter and data:view.search.query" name="blog-reverse-mobile"/>
          <b:class cond="data:skin.vars.f_swap" name="blog-reverse"/>
        </b:class></b:class></b:class></b:includable>
        <b:includable id="noContentPlaceholder">
          <b:if cond="data:posts.empty">
            <b:include name="zk:alert" data="{ class: "b:skin-my", message: (data:view.search.query and data:skin.vars.f_filter ? data:messages.noResultsFound : data:this.navMessage) }"/>
            <b:elseif cond="data:view.search.query or data:view.isArchive or data:view.isLabelSearch"/>
            <b:if cond="!data:skin.vars.f_filter">
              <b:include name="zk:alert" data="{ class: "b:skin-my", message: (data:view.isArchive ? data:view.archive.rangeMessage : data:view.search.resultsMessageHtml) }"/>
            </b:include></b:if>
          </b:elseif></b:include></b:if>
        </b:includable>
        <b:includable id="root">
          <b:if cond="["dark","light"] contains data:skin.vars.g_scheme">
            <b:attr name="data-theme" expr:value="data:skin.vars.g_scheme"/>
          </b:attr></b:if>
          <b:if cond="data:skin.vars.f_cleanXml">
            <b:attr name="xmlns" value=""/>
            <b:attr name="xmlns:b" value=""/>
            <b:attr name="xmlns:data" value=""/>
            <b:attr name="xmlns:expr" value=""/>
          </b:attr></b:attr></b:attr></b:attr></b:if>
        </b:includable>
        <b:includable id="zk:alert">
          <div class="alert">
            <b:class cond="data:class" expr:name="data:class"/>
            <b:class cond="data:type" expr:name=""alert-" + data:type"/>
            <b:eval expr="data:message ?: data:messages.theresNothingHere"/>
          </b:eval></b:class></b:class></div>
        </b:includable>
        <b:includable id="zk:assets">
          <b:with value="{ temp: (data:view.isPost and (data:blog.postImageUrl contains "qTemp") ? data:blog.postImageUrl : ("qTemp" + data:skin.vars.p_template)), image: (data:skin.vars.d_image != "" ? data:skin.vars.d_image : "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="), avatar: (data:skin.vars.d_avatar != ""  ? data:skin.vars.d_avatar : "https://lh3.googleusercontent.com/a/default-user"), homeUrl: (data:skin.vars.f_cloudflare ? data:blog.homepageUrl.canonical.https : data:blog.homepageUrl.canonical) }" var="const">
            <b:switch var="data:get">
              <b:case value="main"/>
              <style>/*<![CDATA[*/
                /*!@zkreations/whale@1.0.0 | Licensed under MIT (https://github.com/zkreations/wjs/blob/master/LICENSE) */
 *,::after,::before{box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body,html{height:100%}*{margin:0}iframe{border-width:0}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;overflow-wrap:break-word}p{overflow-wrap:break-word}address{font-style:normal;line-height:inherit}strong{font-weight:bolder}small{font-size:80%}button,input,textarea{padding:0;border-width:0;font-size:100%;font-family:inherit;line-height:inherit;color:inherit}textarea{resize:vertical}button{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button;background-color:transparent;display:inline-block;vertical-align:middle}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden]{display:none}ol,ul{list-style:none;padding:0}table{border-collapse:collapse;max-width:100%}tbody,td,th,thead,tr{border-width:0;text-align:inherit}img,svg,video{height:auto}iframe,img,svg,video{display:block;max-width:100%}audio,video{width:100%}.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.cols-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--ws-cols-min,16rem)),1fr))}.cols-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ws-cols-min,16rem)),1fr))}.col-2{grid-column:span 2/span 2}.col-6{grid-column:span 6/span 6}.col-full{grid-column:1/-1}.flow-row-dense{grid-auto-flow:row dense}.group-x{display:flex}.group-x>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.group-x>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.modal{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:1030}.nav{display:flex;flex-wrap:wrap}.nav-item{position:relative}.nav-link{display:block}.nav-subnav{white-space:nowrap;position:absolute;z-index:1010;left:0;top:100%}.nav-subnav .nav-subnav{left:100%;top:0}.navbar-toggle{display:var(--ws-nav-toggle)}.navbar .nav{flex-direction:var(--ws-nav-direction,column)}.navbar .nav-subnav{position:var(--ws-nav-subnav,static)}.ratio{display:block;position:relative;width:100%}.ratio::before{content:"";display:block;padding-top:calc(var(--ws-ratio-y,9)/ var(--ws-ratio-x,16) * 100%)}.ratio-21\:9{--ws-ratio-x:21;--ws-ratio-y:9}.ratio-16\:9{--ws-ratio-x:16;--ws-ratio-y:9}.ratio-4\:3{--ws-ratio-x:4;--ws-ratio-y:3}.ratio-1\:1{--ws-ratio-x:1;--ws-ratio-y:1}.ratio-1\:2{--ws-ratio-x:1;--ws-ratio-y:2}.ratio-2\:3{--ws-ratio-x:2;--ws-ratio-y:3}.ratio-5\:7{--ws-ratio-x:5;--ws-ratio-y:7}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-line{display:-webkit-box;-webkit-line-clamp:var(--ws-line-clamp,3);-webkit-box-orient:vertical;overflow:hidden}.cursor-pointer{cursor:pointer}.g-\.25{gap:.25rem}.g-\.5{gap:.5rem}.g-1{gap:1rem}.g-1\.5{gap:1.5rem}.gx-\.75{column-gap:.75rem}.gx-1{column-gap:1rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.t-0{top:0}.t-2{top:2rem}.b-0{bottom:0}.r-0{right:0}.r-2{right:2rem}.r-1\/1{right:100%}.xy-0{top:0;right:0;bottom:0;left:0}.x-0{right:0;left:0}.y-0{top:0;bottom:0}.z-10{z-index:10}.w-1\/1{width:100%}.w-1\/2{width:50%}.w-1\/4{width:25%}.h-1\/1{height:100%}.mx-\.75{margin-right:.75rem;margin-left:.75rem}.mx-auto{margin-right:auto;margin-left:auto}.mt-\.25{margin-top:.25rem}.mt-1{margin-top:1rem}.gt\:mt-1\.25>*{margin-top:1.25rem}.mt-1\.5{margin-top:1.5rem}.mt-2{margin-top:2rem}.mb-\.5{margin-bottom:.5rem}.gt\:mb-1>*,.mb-1{margin-bottom:1rem}.mb-1\.25{margin-bottom:1.25rem}.p-1{padding:1rem}.p-1\.25{padding:1.25rem}.px-1\.25{padding-right:1.25rem;padding-left:1.25rem}.px-2{padding-right:2rem;padding-left:2rem}.gt\:py-\.25>*{padding-top:.25rem;padding-bottom:.25rem}.py-1{padding-top:1rem;padding-bottom:1rem}.py-2{padding-top:2rem;padding-bottom:2rem}.pt-1\.25{padding-top:1.25rem}.pt-2{padding-top:2rem}.pr-5{padding-right:5rem}.pb-1{padding-bottom:1rem}.pb-1\.25{padding-bottom:1.25rem}.pb-1\.75{padding-bottom:1.75rem}.pb-2{padding-bottom:2rem}.pb-4\.5{padding-bottom:4.5rem}.pl-\.5{padding-left:.5rem}.pl-1{padding-left:1rem}.pl-1\.5{padding-left:1.5rem}.sx-1\.25>*+*{margin-left:1.25rem}.sy-\.25>*+*{margin-top:.25rem}.sy-\.5>*+*{margin-top:.5rem}.sy-1>*+*{margin-top:1rem}.sy-1\.5>*+*{margin-top:1.5rem}.rounded-pill{border-radius:9999px}.none{display:none}.block{display:block}.flex,.gt\:flex>*{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.table{display:table}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.content-start{align-content:flex-start}.self-center{align-self:center}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-700{font-weight:700}.fs-1{font-size:2.5rem}.fs-2{font-size:2rem}.fs-3{font-size:1.5rem}.fs-4{font-size:1.25rem}.fs-5{font-size:1.125rem}.fs-6{font-size:1rem}.fs-7{font-size:.875rem}.fs-8{font-size:.75rem}.pre{white-space:pre}.object-cover{object-fit:cover}.o-hidden{overflow:hidden}.ox-auto{overflow-x:auto}.events-none{pointer-events:none}.invisible{visibility:hidden}.ms-auto{-webkit-margin-start:auto;margin-inline-start:auto}.me-\.5{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.me-1{-webkit-margin-end:1rem;margin-inline-end:1rem}.me-1\.25{-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}@media (min-width:576px){.s\:block{display:block}.s\:fs-4{font-size:1.25rem}.s\:fs-6{font-size:1rem}}@media (min-width:768px){.m\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.m\:col-1{grid-column:span 1/span 1}.m\:row-1{grid-row:span 1/span 1}.m\:ratio-4\:3{--ws-ratio-x:4;--ws-ratio-y:3}.m\:w-1\/2{width:50%}.m\:mb-\.5{margin-bottom:.5rem}.m\:p-1\.75{padding:1.75rem}.m\:p-2{padding:2rem}.m\:px-1\.75{padding-right:1.75rem;padding-left:1.75rem}.m\:inline{display:inline}.m\:flex{display:flex}.m\:fs-1{font-size:2.5rem}.m\:fs-2{font-size:2rem}.m\:fs-3{font-size:1.5rem}.m\:fs-4{font-size:1.25rem}.m\:me-\.5{-webkit-margin-end:.5rem;margin-inline-end:.5rem}}@media (min-width:992px){.l\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.l\:navbar-expand{--ws-nav-toggle:none;--ws-nav-direction:row;--ws-nav-subnav:absolute}.l\:g-1{gap:1rem}.l\:px-2{padding-right:2rem;padding-left:2rem}.l\:py-0{padding-top:0;padding-bottom:0}.l\:flex-row{flex-direction:row}.l\:fs-3{font-size:1.5rem}.l\:ms-auto{-webkit-margin-start:auto;margin-inline-start:auto}}:root{--color-mark:#fbd89d;--inverse:#fff;--black:#090909;--btn-bg:rgb(0 0 0 / 5%);--btn-bg-hover:rgb(0 0 0 / 10%);--btn-color:var(--color-text);--gradient-mask:linear-gradient(transparent,var(--bg-overlay));--font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-oswald:"Oswald",sans-serif;--font-roboto:Roboto,Helvetica,Arial,sans-serif;--duration:.3s;--news-duration:4s;--space-primary:1rem;--space-secondary:2px;--form-padding:.75rem 1rem;--bg-mask:rgb(0 0 0 / 50%);--bg-overlay:rgba(0 0 0 / 90%);--body-lh:1.5;--shadow-small:0 2px 2px rgb(0 0 0 / 20%);--shadow-medium:0 2px 5px 0 rgb(0 0 0 / 5%),0 1px 10px 0 rgb(0 0 0 / 10%),0 2px 4px -1px rgb(0 0 0 / 15%);--shadow-large:0 8px 17px 2px rgb(0 0 0 / 10%),0 3px 14px 2px rgb(0 0 0 / 10%),0 5px 5px -3px rgb(0 0 0 / 20%);--info:#0d8b94;--info-bg:#e7f7f8;--success:#1b9e4b;--success-bg:#e9f9ef;--danger:#bf3636;--danger-bg:#fdecec;--warning:#c47e09;--warning-bg:#fef5e7}[data-theme=dark]{--btn-bg:rgb(255 255 255 / 6.5%);--btn-bg-hover:rgb(255 255 255 / 10%);--info:hsl(184deg 84% 20%);--info-bg:hsl(184deg 55% 70%);--success:hsl(142deg 71% 20%);--success-bg:hsl(143deg 57% 70%);--danger:hsl(0deg 56% 20%);--danger-bg:hsl(0deg 81% 70%);--warning:hsl(38deg 91% 20%);--warning-bg:hsl(37deg 92% 70%)}:where(:not(.blog-full) > .content){--carousel-items-l:3;--carousel-items-xl:3;--carousel-items-xxl:3}html:not([data-theme=dark]) .theme-toggle .i-moon,html[data-theme=dark] .theme-toggle .i-sun{display:none}body{font-family:var(--font-secondary);min-height:100%;overflow-x:hidden;background:var(--body-bg);background-size:cover;background-color:var(--body-color);word-break:break-word;-webkit-hyphens:auto;hyphens:auto}body.preload *{transition:none!important}::selection{background-color:var(--user-selection)}a{transition-property:color;transition-duration:var(--duration)}b,strong{color:var(--color-title);font-weight:500}summary{cursor:pointer}mark{background-color:var(--color-mark)}iframe{color-scheme:auto}[data-theme=dark] iframe[src*="disqus.com"]{color-scheme:light}.has-cover:not(.post-banner)::before,.has-cover>:where(img,video),.mask::after{top:0;left:0;width:100%;height:100%;position:absolute}.container{max-width:var(--container);margin-left:auto;margin-right:auto}.mask::after{content:"";opacity:0}.mask:hover::after{opacity:.5}.template-content{box-shadow:var(--shadow-large);min-height:100vh}.blog{grid-template-areas:var(--areas-mobile, "content" "sidebar");grid-template-columns:100%}.blog-content{max-width:var(--blog-width)}.blog-shop{--sidebar-width:400px}.blog-reverse{--areas:"sidebar content"}.content{grid-area:content}.sidebar{grid-area:sidebar}.fit-image{object-fit:cover;position:absolute;top:50%;left:50%;width:100%;min-height:100%;transform:translate(-50%,-50%)}.skel{--skel-lh:1.3125rem}.skel-item{background-color:var(--bg-inset);color:transparent}.skel-line{padding-bottom:var(--skel-lh)}.skel-text{padding-bottom:calc(var(--skel-lh) * var(--ws-line-clamp))}[data-bjs=template]{display:none!important}.toc:not(.toc-loaded){display:inline-flex;align-items:center;column-gap:var(--btn-gap,.5rem);padding:var(--btn-padding,var(--form-padding));cursor:pointer}.toc:not(.toc-loaded)::before{content:"+"}.toc:not(.toc-loaded)::after{content:var(--toc-text)}.btn,.has-icon,.nav-link{display:inline-flex;align-items:center;column-gap:var(--btn-gap,.5rem)}.btn{background-color:var(--btn-bg);color:var(--btn-color);padding:var(--btn-padding,var(--form-padding));transition-property:background-color,box-shadow,color;transition-duration:var(--duration);line-height:1.5;flex-wrap:wrap;cursor:pointer}.btn:hover{--btn-bg:var(--btn-bg-hover)}.btn-full{width:100%;justify-content:center}.btn-outline{background:0 0;box-shadow:0 0 0 2px var(--btn-bg,var(--bg-default)) inset}.btn-outline.btn-primary{color:var(--btn-bg)}.btn-primary{--btn-bg:var(--primary);--btn-color:var(--inverse)}.btn-primary:hover{--btn-bg:var(--secondary)}.form-control{width:100%;background-color:var(--input-bg,var(--bg-default));padding:var(--input-padding,var(--form-padding));color:var(--input-color,var(--color-text));display:block}.form-control:focus{outline:0}.form-control::placeholder{color:var(--input-color)}.form-text{padding:var(--form-padding);color:var(--inverse);background-color:var(--primary)}.form-text i{width:1em;text-align:center}.form-big{height:16rem}.form-label{margin-bottom:.75rem;font-size:.875rem;display:block}.form-check{display:flex;align-items:center}.form-check input:where([type=checkbox],[type=radio]){width:1.25rem;height:1.25rem;background-color:var(--input-bg,var(--bg-default));transition:background-color var(--duration);-webkit-appearance:none;appearance:none;cursor:pointer;-webkit-margin-end:.75rem;margin-inline-end:.75rem;flex:none}.form-check input:where([type=checkbox],[type=radio]):checked{background-color:var(--primary)}.form-section .form-check+.form-check{margin-top:.5rem}.color-link,.color-link\:hover:hover{color:var(--color-link)}.color-primary{color:var(--primary)}.color-secondary{color:var(--secondary)}.color-inverse{color:var(--inverse)}.color-title{color:var(--color-title)}.color-text{color:var(--color-text)}.bg-template{background-color:var(--bg-template)}.bg-default{background-color:var(--bg-default)}.bg-inset{background-color:var(--bg-inset)}.bg-overlay{background-color:var(--bg-overlay)}.bg-black{background-color:var(--black)}.bg-gradient-mask{background:var(--gradient-mask)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.alert{background-color:var(--alert-bg,var(--bg-default));color:var(--alert-color,var(--color-text))}.alert:not(.alert-not-padding){padding:var(--alert-padding,1.5rem)}.alert *{color:var(--alert-color,var(--color-text))}.alert a[href]{color:var(--alert-color,var(--color-text));font-weight:400;text-decoration:underline}.alert-info{--alert-color:var(--info);--alert-bg:var(--info-bg)}.alert-success{--alert-color:var(--success);--alert-bg:var(--success-bg)}.alert-danger{--alert-color:var(--danger);--alert-bg:var(--danger-bg)}.alert-warning{--alert-color:var(--warning);--alert-bg:var(--warning-bg)}.alert-close{float:right;padding-left:.75rem}.callout{background-color:var(--bg-default);color:var(--color-text);padding:2rem;display:flex;gap:1.5rem;align-items:flex-start}.callout img{margin:0}.callout>:not(.callout-content){flex:none}@media (max-width:575px){.template{overflow:hidden}.callout{flex-direction:column}}#cookieChoiceInfo{opacity:0}.b\:skin-g1{gap:var(--space-primary)}.b\:skin-g2{gap:var(--space-secondary)}.b\:skin-p{padding:var(--space-primary)}.b\:skin-py{padding-top:var(--space-primary);padding-bottom:var(--space-primary)}.b\:skin-px{-webkit-padding-start:var(--space-primary);padding-inline-start:var(--space-primary);-webkit-padding-end:var(--space-primary);padding-inline-end:var(--space-primary)}.b\:skin-m{margin:var(--space-primary)}.b\:skin-my{margin-top:var(--space-primary);margin-bottom:var(--space-primary)}.b\:skin-mx{-webkit-margin-start:var(--space-primary);margin-inline-start:var(--space-primary);-webkit-margin-end:var(--space-primary);margin-inline-end:var(--space-primary)}.b\:skin-sy>*+*{margin-top:var(--space-primary)}.b\:skin-sx>*+*{-webkit-margin-start:var(--space-primary);margin-inline-start:var(--space-primary)}.modal:not(.is-active){display:none}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.lead{font-size:1.25rem;font-weight:300}.drop-cap:first-letter,.has-drop-cap:first-letter{font-weight:500;font-size:6em;line-height:1;margin-right:1.25rem;text-transform:uppercase;float:left;color:var(--color-title)}.display-1{font-size:5rem}.display-2{font-size:4.5rem}.display-3{font-size:4rem}.display-4{font-size:3.5rem}.display-5{font-size:3rem}.display-6{font-size:2.5rem}.has-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--cover-aspect-ratio,16/9);width:100%;height:auto}.has-cover figcaption{position:relative;padding:2.5rem;z-index:10;font-family:var(--font-primary);color:var(--inverse);font-weight:500;font-size:clamp(1.25rem, 5vw, 2rem);margin:0}.has-cover>:where(img,video){object-fit:cover}.has-cover:not(.post-banner)::before{content:"";background-color:var(--bg-mask);display:block;z-index:10}.align-image-left,.alignleft{float:left;clear:left;margin-right:var(--align-margin,1rem);margin-top:.5rem}.align-image-right,.alignright{float:right;clear:right;margin-left:var(--align-margin,1rem);margin-top:.5rem}.aligncenter{margin-left:auto;margin-right:auto;display:table}.i{width:var(--svg-size,18px);height:var(--svg-size,18px);stroke:currentColor;stroke-width:var(--svg-stroke,2);stroke-linecap:round;stroke-linejoin:round;fill:none}.i-xs{--svg-size:14px}.i-s{--svg-size:16px}.i-m{--svg-size:20px}.i-l{--svg-size:24px}.i-xl{--svg-size:28px}.i-xxl{--svg-size:32px}.i-bold{--svg-stroke:2.5}.carousel{--carousel-items:var(--carousel-items-xs,1);--carousel-gap:var(--space-secondary)}@media (min-width:576px){.skel{--skel-lh:1.5rem}.carousel{--carousel-items:var(--carousel-items-s,2)}}@media (min-width:768px){.carousel{--carousel-items:var(--carousel-items-m,3)}.gallery-sparse:not([data-bjs=template]):nth-of-type(3n+1){grid-column:span 2/span 2;--ws-ratio-x:16;--ws-ratio-y:9}}@media (min-width:992px){.blog{grid-template-areas:var(--areas, "content sidebar");grid-template-columns:minmax(0,1fr) var(--sidebar-width)}.blog-reverse{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.has-sticky-last .sidebar{height:100%}.has-sticky .sidebar,.has-sticky-last .sidebar .widget:last-child,.is-sticky{position:sticky;top:var(--space-primary)}.carousel{--carousel-items:var(--carousel-items-l,4)}}@media (min-width:1200px){.carousel{--carousel-items:var(--carousel-items-xl,4)}}@media (min-width:1400px){.carousel{--carousel-items:var(--carousel-items-xxl,4)}}.carousel-featured{margin-bottom:var(--carousel-gap,0);gap:var(--carousel-gap,0)}.carousel-content{margin-right:calc(var(--carousel-gap,0px) * -1)}.carousel-content:not(.flickity-enabled){display:flex}.carousel-cell{width:calc(100 / var(--carousel-items,1) * 1% - var(--carousel-gap,0px));margin-right:var(--carousel-gap,0);flex-shrink:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.widget-title{background-color:var(--bg-default)}.widget-name{color:var(--inverse);font-family:var(--font-primary);line-height:inherit;font-size:15px;font-weight:500;padding:.75rem 1rem;background-color:var(--primary)}.widget-name[href]{transition:background-color var(--duration)}.widget-name[href]:hover{background-color:var(--secondary)}.name-more::before{content:var(--more-text)}.latest-image{width:45px;height:45px}.latest-snippet{--ws-line-clamp:2}.populars-image{width:60px;height:60px}.labels-trigger:not(:checked)+.labels :where(.is-hidden,.i-minus){display:none}.labels-trigger:checked+.labels :where(.i-plus){display:none}.labels-link.is-here{--btn-bg:var(--primary);--btn-color:var(--inverse);--num-color:var(--inverse)}.labels-num{color:var(--num-color,var(--color-text))}.labels-link.is-hidden,.labels-trigger:checked+.labels>label{--frame-ty:1rem;animation:frames var(--duration) var(--d,0s) both}.filter-type{--ws-cols-min:8rem;--input-bg:var(--bg-inset)}.filter-list{--ws-cols-min:10rem;--frame-ty:-1rem;box-shadow:var(--shadow-large);overflow-y:auto;max-height:250px;background-color:var(--bg-template);transform-origin:top center;top:100%;animation:frames var(--duration) both}.filter-list:not(.is-active){display:none}.hierarchy-list{-webkit-border-start:2px solid var(--bg-inset);border-inline-start:2px solid var(--bg-inset);-webkit-padding-start:1rem;padding-inline-start:1rem}.nav-right{color:var(--nav-color)}.nav-item{transition:background-color var(--duration)}.nav-item[data-item]:hover>.nav-link{--toggle-rotate:135deg}@media (max-width:991px){.blog-reverse-mobile{--areas-mobile:"sidebar" "content"}.nav-item:not(.is-active)>.nav-subnav{display:none}.nav{--nav-padding:1rem 2rem}.nav-show{overflow-y:auto;background-color:var(--nav-bg);position:fixed;min-width:240px;z-index:1010;transition-property:transform,box-shadow;transition-duration:var(--duration)}.nav-show.is-active{transform:translateX(100%);box-shadow:var(--shadow-large)}.nav-item[data-item]>.nav-link::after{display:none}}.nav-link{color:var(--nav-color);font:var(--nav-font);font-weight:500;line-height:inherit;--btn-gap:.75rem;transition:background-color var(--duration);padding:var(--nav-padding,1.125rem);-webkit-font-smoothing:subpixel-antialiased;will-change:transform;width:100%;height:100%}.nav button[data-toggle]{padding:var(--nav-padding,1.125rem);display:inline-flex;align-items:center;position:absolute;top:0;right:0;height:3.375rem}.nav button[data-toggle]::after,.nav-item[data-item]>.nav-link::after{content:"";border:2px solid;width:8px;height:8px;color:var(--nav-color);transform:rotate(var(--toggle-rotate,45deg)) translateZ(0);transition:transform var(--duration)}.nav-item[data-item]>.nav-link::after{margin-left:auto}.navbar-toggle{color:var(--nav-color)}.header{--alert-padding:.75rem var(--space-primary);background-color:var(--header-bg)}.header-navbar{background-color:var(--nav-bg);width:100%;z-index:1010}.header-links{background-color:var(--nav-secondary-bg)}.header-link{color:var(--nav-secondary-color)}.header-link.is-ective,.header-link:hover{color:var(--color-link)}.logo-name{color:var(--logo-color);font:var(--logo-font);font-weight:500;line-height:inherit}.logo-descripcion{color:var(--description-color);font:var(--description-font);font-weight:500;line-height:inherit}.breaking,.breaking-content{height:var(--news-height)}.breaking-item{line-height:var(--news-height)}.gallery{overflow:hidden}.gallery::after{background-color:var(--primary);transition:opacity var(--duration)}.gallery-time{opacity:.75}.gallery-content{background-image:var(--gradient-mask);text-shadow:var(--shadow-small);color:var(--inverse);position:absolute;left:0;right:0;bottom:0;text-align:center;z-index:10;padding:1rem}@media (min-width:992px){.nav button[data-toggle],.nav-item:not(:hover)>.nav-subnav{display:none}.gallery-content{padding:1.5rem}}.card{position:relative;background:var(--bg-default)}.card-image::after{background-color:var(--accent,var(--primary));transition:opacity var(--duration)}.card-title{color:var(--color-title)}.card-title:hover{color:var(--color-link)}.card-ftag{display:flex;flex-direction:column;align-items:flex-start}@media (max-width:575px){.card-row .card-ftag,.card-row .card-meta,.card-row .card-snippet{display:none}}.card-info{--color-title:var(--inverse);--color-link:var(--inverse);text-shadow:var(--shadow-small);background-image:var(--gradient-mask);color:var(--inverse)}.ftag{line-height:1;background-color:var(--accent,var(--primary));color:var(--inverse);transition:background-color var(--duration);padding:.75rem 1rem}.ftag:hover{background-color:var(--accent,var(--secondary))}.author-avatar{width:30px;height:30px}.inner-image{width:65px;height:65px}.meta-item[href]:hover{color:var(--color-link)}[dir=rtl] .breaking-arrow,[dir=rtl] .i-angles-left,[dir=rtl] .i-angles-right,[dir=rtl] .i-arrow-left,[dir=rtl] .i-arrow-right,[dir=rtl] .i-arrow-right-long{transform:rotate(180deg)}hr{display:block;border:none;margin:0;clear:both}hr:not([class]){border-bottom:2px solid var(--bg-inset)}.hr-dotted{border-bottom:2px dotted var(--bg-inset)}.hr-dashed{border-bottom:2px dashed var(--bg-inset)}.hr-double{border-bottom:6px double var(--bg-inset)}.hr-line{height:2px;background:linear-gradient(to right,transparent,var(--bg-inset),transparent)}.hr-repeat{height:10px;background-image:repeating-linear-gradient(135deg,transparent,transparent 5px,var(--bg-inset) 5px,var(--bg-inset) 10px)}.hr-square{height:10px;background-image:repeating-linear-gradient(90deg,transparent,transparent 10px,var(--bg-inset) 10px,var(--bg-inset) 20px)}.hr-shadow{height:2.5rem;overflow:hidden;margin-bottom:0}.hr-shadow::before{content:"";display:block;height:100%;width:75%;transform:translateY(-100%);border-radius:60rem/5rem;margin:auto;box-shadow:var(--shadow-large)}textarea.form-control{min-height:3.125rem}textarea.form-control::-webkit-resizer{display:none}.form-check input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check input[type=radio]{border-radius:10rem}.form-check input[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.spoiler summary::before{font-size:21px;line-height:1;content:"+";font-weight:300}.spoiler[open]>summary{margin-bottom:var(--ui-spacer,1.5rem)}.spoiler[open]>summary::before{content:"−"}.accordion details{margin:0}.accordion summary{width:100%}.accordion summary::after{font-size:21px;line-height:1;content:"+";font-weight:300;margin-left:auto}.accordion-item{padding:var(--form-padding)}.accordion [open]>summary::after{content:"−"}.tab-header+.tab-content{margin-top:var(--ui-spacer,1.5rem)}.tab-header{word-break:normal;display:flex;overflow-x:auto;background-color:var(--bg-default);box-shadow:inset 0 -2px 0 var(--bg-inset)}.tab-header>*{--btn-padding:1rem 1.5rem;--btn-bg:transparent;--btn-bg-hover:transparent;font-size:.875rem;font-weight:500;margin-bottom:0}.tab-header>.is-active{box-shadow:inset 0 -2px 0 var(--primary)}.tab-panel:not(.is-active){display:none}@keyframes loading{0%,100%{transform:translateY(-.25rem)}50%{transform:translateY(.25rem)}}.loading{--svg-size:2.5rem}.loading circle{transform:translateY(-.25rem);animation:loading 2s var(--delay,0s) infinite}.loading circle:nth-child(2){--delay:.2s}.loading circle:nth-child(3){--delay:.4s}.is-active>.bjs-number{--btn-bg:var(--primary);--btn-color:var(--primary)}@keyframes ticker{to{transform:translateY(-100%)}}@keyframes tickerItem{0%,95%{transform:translateY(0);opacity:1}to{transform:translateY(-.5rem);opacity:0}}@keyframes tickerItems{0%{transform:translateY(.5rem);opacity:0}5%,95%{transform:translateY(0);opacity:1}to{transform:translateY(-.5rem);opacity:0}}.breaking{--news-state:running}.breaking-content:hover{--news-state:paused}.breaking-items{animation:ticker infinite calc(var(--news-items) * var(--news-duration)) steps(var(--news-items)) var(--news-state)}.breaking-item{animation:tickerItem var(--news-duration) var(--news-state) linear,tickerItems infinite var(--news-duration) var(--news-duration) var(--news-state) linear}@media (prefers-reduced-motion:reduce){.breaking-item{animation-name:none}}.modal{animation:frames var(--duration) both}.modal [data-dialog]{--frame-ty:3rem;animation:frames var(--duration) var(--duration) both}@media (min-width:576px){.modal [data-dialog]{--frame-ty:-3rem}}@media (prefers-reduced-motion:reduce){.modal,.modal [data-dialog]{animation-name:none}}.modal-dialog{box-shadow:var(--shadow-large);min-width:min(425px,100%)}@media (max-width:991px){.nav>.is-active>.nav-link{background-color:var(--primary)}.nav-item[data-section]>.nav-subnav{display:none}}.nav>*>.nav-subnav{--frame-ty:-1rem;min-width:100%;transform-origin:top center}@media (min-width:992px){.nav>:hover>.nav-link{background-color:var(--primary)}.nav>*>.nav-subnav{--nav-padding:.875rem 1.125rem}.nav-subnav .nav-subnav{--frame-ty:0;--frame-tx:-1rem}[dir=rtl] .nav-subnav .nav-subnav{--frame-tx:1rem}}.nav-item[data-section]{position:static}.nav-item[data-section]>.nav-subnav{background-color:var(--subnav-bg);padding:var(--space-primary);white-space:initial;text-transform:initial}.nav-subnav{background-color:var(--primary);animation:frames var(--duration) both;transform-origin:top left;box-shadow:var(--shadow-medium);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (prefers-reduced-motion:reduce){.nav-subnav{animation-name:none}}.nav-subnav>.nav-item:hover{background-color:rgba(255,255,255,.1)}.nav-search{--search-color:var(--inverse)}.nav-search-input{outline:0;color:var(--search-color);background-color:transparent;border-bottom:2px solid var(--search-color)}.nav-search-input::placeholder{color:var(--search-color)}.tts-loaded .theme-toggle[aria-label=system]::before{content:var(--system-text)}.tts-loaded .theme-toggle[aria-label=light]::before{content:var(--light-text)}.tts-loaded .theme-toggle[aria-label=dark]::before{content:var(--dark-text)}.flickity-enabled:focus{outline:0}.flickity-enabled:focus .is-draggable{-webkit-user-select:none;user-select:none}.flickity-enabled:focus .is-draggable .is-pointer-down{cursor:grabbing}.flickity-enabled:hover .flickity-button{opacity:1}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-button{position:absolute;background-color:rgba(255,255,255,.25);top:0;bottom:0;opacity:0;color:var(--bg-mask);padding:.75rem;transition-property:background-color,opacity;transition-duration:var(--duration)}.flickity-button.previous{left:0}.flickity-button.next{right:0}.flickity-button:hover{background-color:rgba(255,255,255,.75)}.flickity-button:focus{outline:0}.flickity-button:disabled{opacity:.3;pointer-events:none}.flickity-button-icon{fill:currentColor;width:16px}#cookieChoiceInfo{--frame-ty:2rem;animation:1s forwards frames;background-color:transparent;bottom:var(--space-primary);top:initial;line-height:inherit;font-family:var(--font-secondary);display:flex;justify-content:center;padding:0}#cookieChoiceInfo *{margin:0;max-width:initial;font-size:1rem}#cookieChoiceInfo .cookie-choices-inner{background-color:var(--cookie-bg);box-shadow:var(--shadow-large);display:flex;align-items:center;gap:1.5rem;padding:1.75rem;max-width:calc(var(--container) - var(--space-primary) * 2);justify-content:center}@media (max-width:767px){#cookieChoiceInfo{bottom:0}#cookieChoiceInfo .cookie-choices-inner{flex-direction:column}}#cookieChoiceInfo .cookie-choices-text{text-align:start;color:var(--cookie-color)}#cookieChoiceInfo .cookie-choices-buttons{display:flex;gap:1rem;align-items:center}#cookieChoiceInfo .cookie-choices-buttons *{text-transform:initial;font-weight:initial}#cookieChoiceInfo .cookie-choices-buttons :first-child{color:var(--color-text)}#cookieChoiceDismiss{padding:var(--btn-padding,var(--form-padding));box-shadow:0 0 0 2px var(--cookie-btn,var(--primary)) inset;color:var(--cookie-btn,var(--primary));transition-property:box-shadow,color;transition-duration:var(--duration)}#cookieChoiceDismiss:hover{--cookie-btn:var(--secondary)}.hljs-copy{position:absolute;top:0;right:0;padding:.75rem;background-color:var(--bg-inset)}.tts-loaded .hljs-copy::before{content:var(--copy-text)}.tts-loaded .hljs-copy.copied::before{content:var(--copied-text)}.hljs-comment,.hljs-meta{color:var(--code-color-comment)}.hljs-emphasis,.hljs-quote,.hljs-string,.hljs-strong,.hljs-template-variable,.hljs-variable{color:var(--code-color-string)}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:var(--code-color-selector)}.hljs-attribute,.hljs-bullet,.hljs-literal,.hljs-symbol{color:var(--code-color-property)}.hljs-tag{color:var(--code-color-tag)}.hljs-name,.hljs-section{color:var(--code-color-tag-name)}.hljs-attr,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-title{color:var(--code-color-attr)}.footer{background-color:var(--footer-bg)}@media (min-width:992px){.footer-copyright{-webkit-margin-start:auto;margin-inline-start:auto}}.footer-copyright a{color:var(--color-title)}.footer-copyright a:hover{color:var(--color-link)}.footer-lower{background-color:var(--footer-lower-bg)}.lower-link{color:var(--footer-links-color)}@media (max-width:575px){.lower-link{padding:.75rem 1rem;width:100%;background-color:var(--bg-mask)}}@keyframes frames{from{transform:scale(var(--frame-scale,1)) translate(var(--frame-tx,0),var(--frame-ty,0));opacity:var(--frame-opacity, 0)}to{transform:scale(1) translate(0);opacity:1}}.toc{background-color:var(--btn-bg);color:var(--btn-color);display:inline-block}.toc input:not(:checked)+::before{content:"+"}.toc input:not(:checked)+*+*{display:none}.toc-list{list-style:none;padding:0;counter-reset:coffee}.toc-list .toc-list{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}.toc-item{counter-increment:coffee}.toc-item::before{content:counters(coffee, ".") ".";font-weight:500;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.toc-toggle{display:inline-flex;align-items:center;column-gap:var(--btn-gap,.5rem);padding:var(--btn-padding,var(--form-padding));cursor:pointer}.toc-toggle::before{font-size:21px;line-height:1;content:"−";font-weight:300}.toc-toggle::after{content:var(--toc-text)}.toc-content{padding:var(--btn-padding,var(--form-padding));flex-direction:column;display:flex;border-top:2px solid var(--bg-inset)}.comment-toggle:not(:checked)+* .comment{display:none;cursor:pointer}.comment-cancel:not(.is-active){display:none}.comment-no-links a{pointer-events:none;font-size:0}.comment-no-links a:before{content:var(--hidden-links-text);font-size:1rem;opacity:.5}@media (max-width:767px){.comment-avatar{float:left;width:45px}.comments-replies{padding-left:1.5rem;border-left:2px solid var(--bg-inset)}}.comments-replies .comment{animation:frames var(--duration) forwards;--frame-opacity:0;--frame-ty:1rem}[dir=rtl] .nav-subnav{right:0;left:auto}[dir=rtl] .nav button[data-toggle]{left:0;right:auto}[dir=rtl] .nav-show{left:100%;right:auto}@media (max-width:991px){[dir=rtl] .nav-show.is-active{transform:translateX(-100%)}}/*]]>*/
              </style>
              <b:case value="typography"/>
              <style>/*<![CDATA[*//*!@zkreations/typography@1.0.0 | Copyright 2022 zkreations (https://zkreations.com/) */
.typography{--align-margin:var(--tg-spacer, 1.5rem);--ui-spacer:var(--tg-spacer, 1.5rem)}@media (min-width:576px){.typography{line-height:1.75}}.typography :where(p,figure,img,blockquote,ul,ol,pre,table,details,.columns,.callout,.gallery,.accordion,.separator):not(:where(:last-child,figure :last-of-type,blockquote :last-of-type)),.typography>:not(:where(:last-child)){margin-bottom:var(--tg-spacer,1.5rem)}.typography br:not(:where(p > *)){display:none}.typography hr{margin-top:2.5rem;margin-bottom:2.5rem}.typography :where(a):not([class]){color:var(--primary)}.typography :where(ul,ol):not([class]){-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.typography :where(ul):not([class]){list-style:disc}.typography :where(ol):not([class]){list-style:decimal}.typography :where(iframe[src^=http],.video){aspect-ratio:16/9;width:100%;height:auto}.typography :where(h1,h2,h3,h4,h5,h6){margin-bottom:var(--tg-headings-spacer,1.5rem);color:var(--color-title);font-weight:500;line-height:1.3}.typography :where(h1,h2){font-family:var(--font-primary)}.typography h1{font-size:clamp(1.75rem, 5vw, 2rem)}.typography h2{font-size:clamp(1.5rem, 5vw, 1.75rem)}.typography h3{font-size:1.25rem}.typography h4{font-size:1.125rem}.typography h5{font-size:1rem}.typography h6{font-size:.875rem}.typography blockquote{-webkit-border-start:4px solid var(--bg-default);border-inline-start:4px solid var(--bg-default);-webkit-padding-start:1.5rem;padding-inline-start:1.5rem;position:relative}.typography code{font-family:var(--font-monospace)}.typography pre{white-space:pre-line;position:relative}.typography pre>code{background-color:var(--bg-default);direction:ltr;display:block;overflow-x:auto;white-space:pre;font-size:.875rem;padding:1.5rem}.typography figure{position:relative}.typography figure:not(.has-cover) :where(figcaption){text-align:center;margin-top:.75rem;font-size:.875rem}@media (max-width:575px){.typography figure{margin-left:auto;margin-right:auto;float:none;display:table}}.typography table tr>th{font-weight:500;color:var(--color-title)}.typography table tr>*{padding:.75rem;border:1px solid var(--bg-inset);word-break:normal}.typography [class*=columns]{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--tg-spacer,1.5rem)}.typography [class*=columns]>*{flex:1 1 0;margin:0}@media (max-width:991px){.typography [class*=columns]{flex-direction:column}}.typography [class*=gallery]{display:flex;flex-wrap:wrap;gap:var(--tg-gallery-spacer,2px)}.typography [class*=gallery] img{object-fit:cover}.typography [class*=gallery]>*{flex:1 1 var(--tg-gallery-columns,14rem);margin:0}.typography [class*=gallery]>* img{width:100%;height:100%}.typography [class*=gallery] figcaption{background-image:var(--gradient-mask);color:var(--inverse);position:absolute;bottom:0;left:0;right:0;padding:.75rem}.typography [class*=buttons]{display:flex;flex-wrap:wrap;gap:var(--tg-inline-spacer,.5rem)}.typography :where(.separator,a,img,p):where([style*=margin-],[style*=padding]):not([style*=float]){margin-right:0!important;margin-left:0!important;padding:0!important}.typography :where(.separator[style*="text-align: center"]) img{margin-right:auto;margin-left:auto}.typography img[data-original-width]{display:inline-block;max-width:100%!important;height:auto!important;vertical-align:top}.typography::after{content:"";display:block;clear:both}.has-text-align-left{text-align:left}.has-text-align-center{text-align:center}.has-text-align-right{text-align:right}.has-fixed-layout{table-layout:fixed;width:100%}.is-vertically-aligned-bottom{align-items:flex-end}.is-vertically-aligned-top{align-items:flex-start}.is-vertically-aligned-center{align-items:center}.alignfull,.alignfull img,.alignwide,.alignwide img{width:100%}.has-media-on-the-right>figure{order:9999}.wp-block-separator{width:100px;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-media-text{align-items:center;display:flex;flex-wrap:wrap;gap:var(--tg-spacer,1.5rem)}.wp-block-media-text>*{flex:1 1 0}.wp-block-button__link{background-color:var(--btn-bg);color:var(--btn-color);padding:var(--btn-padding,var(--form-padding));transition:background-color var(--duration);display:block}.wp-block-button__link:hover{--btn-bg:var(--btn-bg-hover)}@media (min-width:768px){.post-cover{--cover-aspect-ratio:21/9}}.post-banner{align-items:flex-end;justify-content:flex-start}.post-banner-meta{width:100%;background-image:var(--gradient-mask)}.post-shop-tabs{box-shadow:inset 0 -2px 0 var(--bg-inset)}.post-shop-tab.is-active{box-shadow:inset 0 -2px 0 var(--primary)}.hero-image{animation:1s forwards frames;opacity:0}.hero-meta{--frame-ty:2rem;animation:1s forwards frames;opacity:0}.hero-meta.article-meta{animation-delay:.25s}#blogger_btn:not(:checked)~.comments{display:none}#blogger_btn:checked+label{display:none}label+.comments{animation:frames var(--duration) forwards;--frame-opacity:0;--frame-ty:1rem}/*]]>*/
              </style>
              <b:case value="preview"/>
              <style>/*<![CDATA[*/body::after{content:"";display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index:999}button#darkToggler{padding:10px;box-shadow:var(--shadow-medium);left:-4px;top:32px;border-radius:0 32px 32px 0;background-color:#fff;z-index:9999;position:fixed}[data-theme=dark] button#darkToggler{color:var(--primary)}/*]]>*/
              </style>
              <script>/*<![CDATA[*/window.addEventListener('DOMContentLoaded', () => {
  document.getElementById('darkToggler').onclick = () => {
    html = document.documentElement
    html.dataset.theme = html.dataset.theme == "dark" 
      ? "light"
      : "dark";
  }
});/*]]>*/
              </script>
              <b:case value="js"/>
              <script src="https://cdn.jsdelivr.net/gh/zkreations/bison@5/themes/assets/js/bison.min.js" defer="defer"></script>
              <b:case value="bloggerJs"/>
              <b:if cond="!(data:blog.feedLinks.length < 10) and !data:blog.isPrivateBlog">
                <script>// <![CDATA[
// Cortesía de JGMateran => https://github.com/JGMateran
window.addEventListener('DOMContentLoaded', () => {
  const loadScript = (src) => new Promise((resolve, reject) => {
    let script = document.createElement('script');
    script.src = src; script.onload = resolve; script.onerror = reject;
    document.head.appendChild(script);
  })
  document.querySelector('[data-bjs]') && loadScript('https://cdn.jsdelivr.net/npm/@zkreations/bjs@1/dist/js/blogger.min.js')
  // ]]>
    .then(() => {
      const options = {
        homepage: '<data:const.homeUrl/>',
        locale: '<data:blog.locale/>',
        image: '<data:const.image/>',
        avatarImage: '<data:skin.vars.d_avatar/>',
        authorUrl: '<data:skin.vars.d_profileUrl/>',
        snippet: '<data:skin.vars.e_truncate/>',
        empty: "<div class='alert col-full'><data:messages.noResultsFound/></div>",
        avatarSize: 'w30-h30-p-k-no-nu-<data:skin.vars.f_imageParams/>',
        pageClass: 'btn btn-outline',
        labels: {
          filter: ("<data:skin.vars.e_definedTags/>").split(",").map(l => l.trim()),
          length: <b:eval expr='[true] contains data:skin.vars.e_definedTags ? 1 : 3'/>,
          prefixClass: "ftag ftag-",
          containerClass: "card-ftag absolute t-0 z-10 pt-2 fw-500 capitalize",
        },
      };
    //- <b:if cond="data:view.isHomepage and data:widgets.Text any (w => w.title contains "content: \"section\"")">
      BloggerJS.initSection(options);
    //- </b:if>
    //- <b:if cond="data:widgets.Text any (w => w.title contains "content: \"comments\"")">
      BloggerJS.initComments({
        homepage: options.homepage,
        avatarImage: options.avatarImage,
        avatarSize: 's45-c-<data:skin.vars.f_imageParams/>',
      });
    //- </b:if>
    //- <b:if cond="data:view.isPost and data:skin.vars.p_related">
      BloggerJS.initRelated({
        homepage: options.homepage,
        image: options.image,
      })
    //- </b:if>
    //- <b:if cond="(["numeric", "infinite", "load"] contains data:skin.vars.f_pagination)">
    //- <b:if cond="data:view.isMultipleItems and !data:view.isArchive and !data:view.search.query">
    //- <b:if cond="(data:skin.vars.f_more and !data:view.isHomepage) or !data:skin.vars.f_more">
      BloggerJS.initEntry({/*<![CDATA[*/
        ...options,
        numberClass: 'btn btn-outline bjs-number',
        nextPageClass: 'btn btn-outline bjs-next-page',
        prevPageClass: 'btn btn-outline bjs-prev-page',
        firstPageClass: 'btn btn-outline bjs-first-page',
        lastPageClass: 'btn btn-outline bjs-last-page',
        buttonClass: 'btn btn-full bjs-button',
        dotsPageClass: 'flex items-center fs-3 bjs-dots',/*]]>*/
        prevText: "<svg class='i i-arrow-left' viewBox='0 0 24 24'><path d='M5 12h14m-7-7-7 7 7 7'></path></svg><data:skin.vars.t_prev/>",
        nextText: "<data:skin.vars.t_next/><svg class='i i-arrow-right' viewBox='0 0 24 24'><path d='M5 12h14m-7-7 7 7-7 7'></path></svg>",
      })
    //- </b:if>
    //- </b:if>
    //- </b:if>
     })
  .catch(console.error)
});
                </script>
              </b:if>
              <b:case value="fonts"/>
              <b:if cond="data:view.isPreview or data:skin.vars.font_primary_family == "var(--font-oswald)"">
                <style>/*<![CDATA[*/@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjedg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjedg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjedg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjedg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjedg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjedg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjedg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjedg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v48/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/*]]>*/
                </style>
              </b:if>
              <b:if cond="data:view.isPreview or data:skin.vars.body_text_font_family == "var(--font-roboto)"">
                <style>/*<![CDATA[*/@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/*]]>*/
                </style>
              </b:if>
              <b:case value="adsense"/>
              <b:if cond="data:blog.adsenseHostId and data:blog.adsenseClientId and data:blog.adsenseHasAds">
                <style>ins.adsbygoogle[data-ad-status=unfilled], .header .google-auto-placed { display: none !important }</style>
                <b:if cond="!data:blog.adsenseAutoAds">
                  
                </b:if>
              </b:if>
              <b:case value="inlineJs"/>
              <b:if cond="data:skin.vars.g_toggleScheme or (["light","dark"] not contains data:skin.vars.g_scheme)">
                <script>/*<![CDATA[*/!function(){let e=document.documentElement,t=localStorage.getItem("theme")||(e.dataset.theme??"system");("system"===t&&matchMedia("(prefers-color-scheme: dark)").matches||"dark"===t)&&(e.dataset.theme="dark",document.querySelector('meta[name="color-scheme"]').content="dark")}();/*]]>*/
                </script>
              </b:if>
              <b:if cond="data:widgets.HTML any ( t => t.title contains "content: \"alert\"")">
                <script>/*<![CDATA[*/!function(){let e=localStorage.getItem("close_alerts");if(e){const t=document.createElement("style");t.textContent=`${JSON.parse(e).join(",")} { display: none }`,document.head.appendChild(t)}}();/*]]>*/
                </script>
              </b:if>
              <b:case value="inlineCSS"/>
              <b:if cond="data:const.temp contains "hero"">
                <style></style>
              </b:if>
              <b:case value="disqusCountJs"/>
              <script id="dsq-count-scr" expr:src=""//" + data:skin.vars.c_disqus + ".disqus.com/count.js"" type="deferjs"></script>
            </b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:switch>
          </b:with>
        </b:includable>
        <b:includable id="zk:brand">
          <b:if cond="data:url contains "drive.google.com"">
            <b:include name="i:meteor" data="{ icon: "google-drive" }"/>
            <b:elseif cond="data:url contains "mediafire.com""/>
            <b:include name="i:meteor" data="{ icon: "fire" }"/>
            <b:elseif cond="(data:url contains "onedrive.live.com") or (data:url contains "1drv.ms")"/>
            <b:include name="i:meteor" data="{ icon: "cloud" }"/>
            <b:elseif cond="(data:url contains "mega.io") or (data:url contains "mega.co.nz") or (data:url contains "mega.nz")"/>
            <b:include name="i:meteor" data="{ icon: "mega" }"/>
            <b:elseif cond="(data:url contains "gumroad.com") or (data:url contains "gum.co")"/>
            <b:include name="i:meteor" data="{ icon: "gumroad" }"/>
            <b:elseif cond="(data:url contains "paypal.com") or (data:url contains "paypal.me")"/>
            <b:include name="i:meteor" data="{ icon: "paypal" }"/>
            <b:elseif cond="(data:url contains "github.com") or (data:url contains "githubusercontent.com")"/>
            <b:include name="i:meteor" data="{ icon: "github" }"/>
            <b:elseif cond="(data:url contains "ko-fi.com")"/>
            <b:include name="i:meteor" data="{ icon: "coffee" }"/>
            <b:elseif cond="(data:url contains "sellfy.store") or (data:url contains "sellfy.com")"/>
            <b:include name="i:meteor" data="{ icon: "cart-shopping" }"/>
            <b:elseif cond="(data:url contains "coinbase.com")"/>
            <b:include name="i:meteor" data="{ icon: "coinbase" }"/>
            <b:elseif cond="(data:url contains "://www.amazon.") or (data:url contains "://a.co/")"></b:elseif>
            <b:include name="i:meteor" data="{ icon: "amazon" }"/>
            <b:elseif cond="(data:url contains "appgallery.huawei.com")"/>
            <b:include name="i:meteor" data="{ icon: "app-gallery" }"/>
            <b:elseif cond="(data:url contains "apps.apple.com")"/>
            <b:include name="i:meteor" data="{ icon: "app-store" }"/>
            <b:elseif cond="(data:url contains "play.google.com")"/>
            <b:include name="i:meteor" data="{ icon: "google-play" }"/>
            <b:else/>
            <b:include name="i:meteor" data="{ icon: "paperclip" }"/>
          </b:include></b:else></b:include></b:elseif></b:include></b:elseif></b:include></b:elseif></b:include></b:include></b:elseif></b:include></b:elseif></b:include></b:elseif></b:include></b:elseif></b:include></b:elseif></b:include></b:elseif></b:include></b:elseif></b:include></b:elseif></b:include></b:elseif></b:include></b:if>
        </b:includable>
        <b:includable id="zk:dark">
          <b:with value="((data:color.red * 299) + (data:color.green * 598) + (data:color.blue * 114)) / 1000" var="brightness">
            <b:if cond="data:brightness < 155">
              <b:attr name="data-theme" value="dark"/>
            </b:attr></b:if>
          </b:with>
        </b:includable>
        <b:includable id="docs">
          <b:switch var="data:warn">
            <b:case value="invalidKey"/>
            <b:include name="zk:alert" data="{ message: "Invalid &quot;object&quot; key. <a href=\"https://bison.hudocs.com/5.0/widgets/#invalid-object-key\">docs</a>", type: "warning" }"></b:include>
            <b:case value="invalidObject"/>
            <b:include name="zk:alert" data="{ message: "Object is not closed, missing &quot;}&quot;. <a href=\"https://bison.hudocs.com/5.0/widgets/#object-is-not-closed\">docs</a>", type: "warning" }"></b:include>
            <b:case value="invalidContent"/>
            <b:include name="zk:alert" data="{ message: "Invalid &quot;content&quot; value. <a href=\"https://bison.hudocs.com/5.0/widgets/#invalid-content-value\">docs</a>", type: "warning" }"></b:include>
            <b:case value="invalidContentWidget"/>
            <b:include name="zk:alert" data="{ message: "Invalid &quot;content&quot; value for this widget type. <a href=\"https://bison.hudocs.com/5.0/widgets/#invalid-content-value-for-this-widget-type\">docs</a>", type: "warning" }"></b:include>
            <b:case value="invalidOption"/>
            <b:include name="zk:alert" data="{ message: "Invalid &quot;value&quot; for this option. <a href=\"https://bison.hudocs.com/5.0/widgets/#invalid-value-for-this-option\">docs</a>", type: "warning" }"></b:include>
            <b:case value="invalidSection"/>
            <b:include name="zk:alert" data="{ message: "Invalid widget type for this section. <a href=\"https://bison.hudocs.com/5.0/widgets/#invalid-widget-type-for-this-section\">docs</a>", type: "warning" }"></b:include>
            <b:case value="carrouselEmpty"/>
            <b:include name="zk:alert" data="{ message: "Not enough items to display carousel. <a href=\"https://bison.hudocs.com/5.0/widgets/popularposts/carousel/\">docs</a>", type: "warning" }"></b:include>
            <b:case value="carrouselSection"/>
            <b:include name="zk:alert" data="{ message: "Carousel is only available in the section &quot;Upper&quot;, &quot;Before-content&quot; or &quot;After-content&quot;. Please, move the widget and save the changes. <a href=\"https://bison.hudocs.com/5.0/widgets/popularposts/carousel/#disponibilidad\">docs</a>", type: "warning" }"></b:include>
            <b:case value="headerSection"/>
            <b:include name="zk:alert" data="{ message: "Header is only available in the section &quot;Header&quot;. Please, move the widget and save the changes. <a href=\"https://bison.hudocs.com/5.0/widgets/header/#disponibilidad\">docs</a>", type: "warning" }"></b:include>
            <b:case value="sectionSection"/>
            <b:include name="zk:alert" data="{ message: "Section is only available in the section &quot;Before-content&quot; or &quot;After-content&quot;. Please, move the widget and save the changes. <a href=\"https://bison.hudocs.com/5.0/widgets/text/section/#disponibilidad\">docs</a>", type: "warning" }"></b:include>
            <b:case value="missingFormspreeId"/>
            <b:include name="zk:alert" data="{ message: "Please add Formspree form id. <a href=\"https://bison.hudocs.com/5.0/variables/general/g-formspree/\">docs</a>", type: "warning" }"></b:include>
            <b:case value="wrongFilter"/>
            <b:include name="zk:alert" data="{ message: "This widget is not a valid filter. <a href=\"https://bison.hudocs.com/5.0/widgets/label/filters/\">docs</a>", type: "warning" }"></b:include>
            <b:case value="wrongMenu"/>
            <b:include name="zk:alert" data="{ message: "Invalid menu structure. <a href=\"https://bison.hudocs.com/5.0/widgets/pagelist/menu/#menu-desplegable\">docs</a>", type: "warning" }"></b:include>
            <b:case value="wrongMenuNumber"/>
            <b:include name="zk:alert" data="{ message: "Menu items cannot contain only numbers. <a href=\"https://bison.hudocs.com/5.0/widgets/pagelist/menu/#menu-desplegable\">docs</a>", type: "warning" }"></b:include>
            <b:case value="feedsRequired"/>
            <b:include name="zk:alert" data="{ message: "To use this feature you need to enable blogger feeds. <a href=\"https://bison.hudocs.com/5.0/starting/config/#habilitar-los-feeds\">docs</a>", type: "warning" }"></b:include>
            <b:case value="publicRequired"/>
            <b:include name="zk:alert" data="{ message: "Not available if the blog is private", type: "warning" }"/>
            <b:case value="missingLabel"/>
            <b:include name="zk:alert" data="{ message: "The key &quot;label:&quot; is not defined. <a href=\"https://bison.hudocs.com/5.0/widgets/text/section/#opciones\">docs</a>", type: "warning" }"></b:include>
          </b:case></b:include></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:switch>
        </b:includable>
        <b:includable id="zk:filter">
          <b:with value="data:type == "label" and data:this.display == "list"" var="isList">
            <label class="fw-500 mb-1 block color-title fs-6"><data:this.title/></data:this.title></label>
            <b:tag class="filter-content relative" cond="data:isList" name="div">
              <b:if cond="data:isList">
                <button class="filter-list-btn btn w-1/1" data-wjs="outside" expr:data-target="data:widget.instanceId"><data:skin.vars.t_filterselect/></data:skin.vars.t_filterselect></button>
              </b:if>
              <div class="filter-type capitalize grid cols-auto-fit g-1">
                <b:if cond="data:isList">
                  <b:class name="filter-list absolute p-1.25 w-1/1 z-10"></b:class>
                  <b:attr name="id" expr:value="data:widget.instanceId"/>
                </b:attr></b:if>
                <b:switch var="data:type">
                  <b:case value="mode"/>
                  <div class="filter-check form-check">
                    <input type="checkbox" name="strict-mode" id="strict-mode"/>
                    <label class="filter-name" for="strict-mode"><data:this.content.escaped/></data:this.content.escaped></label>
                  </div>
                  <b:case value="order"/>
                  <div class="filter-check form-check">
                    <input type="checkbox" name="by-date" id="by-date"/>
                    <label class="filter-name" for="by-date"><data:this.content.escaped/></data:this.content.escaped></label>
                  </div>
                  <b:case value="query"/>
                  <input class="filter-query form-control" id="q" autocomplete="off" name="q" expr:placeholder="data:messages.search" required="required" spellcheck="false" type="text"/>
                  <b:case value="label"/>
                  <b:loop values="data:this.labels" var="label">
                    <div class="filter-check form-check">
                      <b:with value="+(data:widget.instanceId,"-",data:label.name)" var="for">
                        <b:with value=""label:\"" + data:label.name + "\""" var="queryLabel">
                          <b:tag name="input" expr:id="data:for" type="checkbox" expr:value="data:label.name">
                            <b:attr name="name" value="cat"/>
                            <b:attr name="b:whitespace" value="remove"/>
                            <b:attr cond="data:view.search.query contains data:queryLabel" name="checked" value="checked"/>
                          </b:attr></b:attr></b:attr></b:tag>
                          <label class="filter-name" expr:for="data:for"><data:label.name/></data:label.name></label>
                        </b:with>
                      </b:with>
                    </div>
                  </b:loop>
                </b:case></b:case></b:case></b:case></b:switch>
              </div>
            </b:tag>
          </b:with>
        </b:includable>
        <b:includable id="zk:gallery">
          <b:with value="{ ratio: (["21:9","16:9","4:3","1:1","1:2","2:3","5:7"] contains data:ratio ? data:ratio : "4:3"), mode: (data:mode == "featured" ? data:mode : "default"), title: (data:post.title.escaped != "" ? data:post.title.escaped : data:messages.noTitle) }" var="$gallery"><a class="gallery ratio mask" expr:href="data:post.url.canonical">
              <b:class cond="data:class" expr:name="data:class"/>
              <b:class expr:name=""gallery-" + data:$gallery.mode"/>
              <b:class expr:name=""ratio-" + data:$gallery.ratio"/>
              <b:with value="data:post.featuredImage ?: data:const.image" var="image">
                <b:include name="@:image" data="{ src: data:image, class: "fit-image", resize: (data:resize ?: 400), srcset: (data:srcset ?: false), alt: data:$gallery.title, ratio: data:$gallery.ratio, loading: (data:loading ?: "lazy"), id: (data:id ?: ""), sizes: (data:sizes ?: false), params: data:skin.vars.f_imageParams }"/>
              </b:include></b:with>
              <div class="gallery-content sy-.5">
                <b:if cond="data:display.showTitle ?: true">
                  <div class="gallery-name fw-500">
                    <b:class cond="data:$gallery.mode == "featured"" name="font-primary fs-5 l:fs-3"/>
                    <b:eval expr="data:$gallery.title"/>
                  </b:eval></b:class></div>
                </b:if>
                <b:if cond="(data:display.showSnippet ?: data:show.timestamp) ?: true">
                  <div class="gallery-time has-icon capitalize">
                    <b:include name="i:meteor" data="{ icon: "clock" }"/><data:post.date/>
                  </data:post.date></b:include></div>
                </b:if>
              </div></b:class></b:class></b:class></a></b:with>
        </b:includable>
        <b:includable id="zk:intervals" var="intervalData">
          <ul class="hierarchy-list">
            <b:loop values="data:intervalData" var="interval">
              <li class="hierarchy-item"><a class="hierarchy-date has-icon mb-.5 capitalize" expr:href="data:interval.url"><span class="hierarchy-name capitalize fw-500 color-title"><data:interval.name/></data:interval.name></span> — <span class="hierarchy-count"><data:interval.post-count/></data:interval.post-count></span></a>
                <b:tag class="hierarchy-content mb-.5" name="div" cond="data:interval.data or data:interval.posts">
                  <b:include cond="data:interval.data" data="interval.data" name="zk:intervals"/>
                  <b:if cond="data:interval.posts">
                    <ul class="hierarchy-posts">
                      <b:loop values="data:interval.posts" var="post">
                        <li class="hierarchy-post"><a class="hierarchy-post-link color-link:hover" expr:href="data:post.url"><data:post.title/></data:post.title></a></li>
                      </b:loop>
                    </ul>
                  </b:if>
                </b:include></b:tag>
              </li>
            </b:loop>
          </ul>
        </b:includable>
        <b:includable id="zk:modal">
          <div class="modal">
            <b:switch var="data:dialog">
              <b:case value="search"/>
              <b:attr name="id" value="search"/>
              <form class="nav-search flex items-center justify-center bg-overlay h-1/1" expr:action="data:blog.searchUrl" method="get" tabindex="-1">
                <div class="px-2 m:w-1/2 w-1/1" data-dialog="data-dialog">
                  <input class="nav-search-input uppercase font-primary fw-500 pb-1 w-1/1 m:fs-1 fs-4" autocomplete="off" name="q" placeholder="Search" required="required" spellcheck="false" type="text"/>
                </div>
              </form>
            </b:attr></b:case></b:switch>
            <button class="color-inverse fixed i-xxl r-2 t-2" data-close="">
              <b:include name="i:meteor" data="{ icon: "xmark" }"/>
            </b:include></button>
          </div>
        </b:includable>
        <b:includable id="zk:skeleton">
          <b:tag class="skel" expr:name="data:name == "numeric" ? "li" : "div"" expr:aria-label="data:messages.loading" role="alert">
            <b:class cond="data:class" expr:name="data:class"/>
            <b:switch var="data:name">
              <b:case value="infinite"/>
              <b:attr name="class" value="loading w-1/1 flex justify-center"></b:attr>
              <b:include name="i:meteor" data="{ icon: "ellipsis" }"/>
              <b:case value="load"/>
              <b:attr name="class" value="btn btn-full"/><data:messages.loadmoreposts/>
              <b:case value="numeric"/>
              <b:attr name="class" value=""/><a class="btn btn-outline bjs-number" expr:href="data:const.homeUrl">1</a>
              <b:case value="comments"/>
              <div class="flex items-start">
                <div class="skel-item latest-image flex-none me-1"></div>
                <div class="flex-auto sy-.5">
                  <div class="skel-item pb-1 w-1/2"></div>
                  <div class="skel-item pb-1 w-1/1"></div>
                </div>
              </div>
              <b:case value="gallery"/>
              <b:class expr:name=""bg-inset ratio ratio-" + data:ratio"/>
              <b:default/>
              <b:class expr:name=""card card-" + data:name"/>
              <b:class cond="data:name == "row"" name="flex"/>
              <div class="skel-item ratio">
                <b:class expr:name=""ratio-" + data:ratio"/>
                <b:if cond="data:name == "row"">
                  <b:class name="flex-none w-1/4"></b:class>
                </b:if>
              </b:class></div>
              <div class="card-body m:p-1.75 p-1.25 sy-1">
                <b:class cond="data:name == "row"" name="flex-auto"/>
                <div class="skel-item fs-5 m:fs-3 s:fs-4"><data:messages.loading/></data:messages.loading></div>
                <b:if cond="data:skin.vars.e_snippet">
                  <div class="skel-item skel-text">
                    <b:class cond="data:name == "row"" name="s:block none"/>
                  </b:class></div>
                </b:if>
                <b:if cond="data:skin.vars.e_meta">
                  <div class="g-1">
                    <b:class expr:name="data:name == "row" ? "m:flex none" : "flex""/>
                    <b:class cond="data:name == "classic"" name="justify-center"/>
                    <b:if cond="data:show.author">
                      <div class="skel-item author-avatar rounded-pill"></div>
                    </b:if>
                    <div class="skel-item skel-line w-1/2"></div>
                  </b:class></b:class></div>
                </b:if>
              </b:class></div>
            </b:class></b:class></b:default></b:class></b:case></b:case></b:attr></b:case></data:messages.loadmoreposts></b:attr></b:case></b:include></b:case></b:switch>
          </b:class></b:tag>
        </b:includable>
        <b:includable id="post:admin">
          <b:if cond="!data:view.isPreview">
            <b:if cond="data:skin.vars.a_edit"><span expr:class=""item-control " + (data:post.adminClass ?: "blog-admin")"><a class="meta-item flex items-center" rel="nofollow noopener noreferrer" expr:href=""https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id">
                  <b:include name="i:meteor" data="{ icon: "pencil", class: "me-.5"}"/><data:messages.edit/></data:messages.edit></b:include></a></span></b:if>
            <b:if cond="data:view.isMultipleItems and data:skin.vars.a_jumpLink and !data:post.hasJumpLink"><span expr:class=""item-control " + (data:post.adminClass ?: "blog-admin")"><span class="meta-item flex items-center">
                  <b:include name="i:meteor" data="{ icon: "circle-exclamation", class: "me-.5" }"/><data:skin.vars.t_missingjumplink/></data:skin.vars.t_missingjumplink></b:include></span></span></b:if>
          </b:if>
        </b:includable>
        <b:includable id="post:attachments">
          <div class="post-attachments flex flex-wrap g-.5 i-m">
            <b:loop values="data:post.enclosures" var="enclosure"><a class="attached btn" target="_blank" expr:href="data:enclosure.url" rel="noopener noreferrer nofollow">
                <b:include name="zk:brand" data="{ url: data:enclosure.url }"/><data:enclosure.mimetype/></data:enclosure.mimetype></b:include></a></b:loop>
          </div>
          <div class="hr-dashed"></div>
        </b:includable>
        <b:includable id="post:body">
          <div class="post-content typography fs-6" expr:data-post-id="data:post.id">
            <b:class cond="data:class" expr:name="data:class"/>
            <b:class cond="data:skin.vars.p_highlight" name="has-highlight"/>
            <b:if cond="data:view.isPost">
              <b:if cond="data:skin.vars.p_autoToc">
                <b:attr name="data-auto-toc" expr:value="data:skin.vars.p_autoToc"/>
              </b:attr></b:if>
              <b:if cond="data:skin.vars.p_tocHeading">
                <b:attr name="data-tags" expr:value="data:skin.vars.p_tocHeading"/>
              </b:attr></b:if>
              <b:if cond="[1,2,3,4,5,6,7,8,9,10,11,12] contains data:skin.vars.p_innerContent">
                <b:attr name="data-content-every" expr:value="data:skin.vars.p_innerContent"/>
              </b:attr></b:if>
            </b:if><data:post.body/>
          </data:post.body></b:class></b:class></div>
          <b:if cond="data:const.temp contains "hero"">
            <script type="deferjs">document.querySelector('.typography img[src^="<data:blog.postImageUrl/>"]').remove()</script>
          </b:if>
          <b:include name="postMetadataJSON"/>
        </b:include></b:includable>
        <b:includable id="post:cards">
          <b:with value="{ ratio: (data:ratio ?: data:skin.vars.e_ratio), claRatio: data:skin.vars.e_claRatio, gaRatio: data:skin.vars.e_gaRatio, type: (data:type ?: data:skin.vars.e_type), navi: data:skin.vars.f_pagination, params: data:skin.vars.f_imageParams, json: (!(data:blog.feedLinks.length < 10) and !data:blog.isPrivateBlog), defer: data:skin.vars.f_notDefer }" var="$config">
            <b:with value="["grid","row","classic","gallery"] contains data:$config.type ? data:$config.type : "grid"" var="$type">
              <b:with value="{ row: (data:$type == "row"), classic: (data:$type == "classic"), gallery: (data:$type == "gallery") }" var="$card">
                <b:with value="data:$card.classic ? data:$config.claRatio : (data:$card.gallery ? data:$config.gaRatio : data:$config.ratio)" var="$ratios">
                  <b:with value="data:$card.row ? "1:1" : (["21:9","16:9","4:3","1:1","1:2","2:3","5:7"] contains data:$ratios ? data:$ratios : "16:9")" var="$ratio">
                    <b:if cond="data:widget.type == "Blog" or data:render or data:forceType">
                      <b:class expr:name=""items-" + data:$type"/>
                      <b:class expr:name="data:$type == "gallery" ? "b:skin-g2" : "b:skin-g1""/>
                      <b:if cond="["grid","gallery"] contains data:$type">
                        <b:class name="cols-auto-fill items-start"/>
                      </b:class></b:if>
                      <b:if cond="!data:view.search.query and data:$config.json and (["numeric", "infinite", "load"] contains data:$config.navi) or data:render">
                        <b:if cond="!(data:view.isHomepage and data:$config.navi == "numeric") or data:render">
                          <b:attr name="data-yt-thumbnail" expr:value="(["default","mqdefault","hqdefault","sddefault","maxresdefault"] contains data:skin.vars.e_ytThumbnail ? data:skin.vars.e_ytThumbnail : "hqdefault")"/>
                          <b:with value="{ grid: "400", row: "200", classic: "800", gallery: "400" }" var="sizes">
                            <b:with expr:value=""data:sizes." + data:$type" var="jsize">
                              <b:with value="resizeImage("https://lh3.googleusercontent.com/a/default-user", data:jsize, (data:$type == "row" ? "1:1" : data:$ratio))" var="jimg">
                                <b:attr name="data-image-size" expr:value="+("w",data:jimg.width,(data:jimg.height ? "-h" + data:jimg.height + "-p-k-no-nu-" : "-"),data:$config.params)"/>
                              </b:attr></b:with>
                            </b:with>
                          </b:with>
                          <b:if cond="data:widget.type == "Blog"">
                            <b:attr name="data-bjs" value="entry"/>
                            <b:attr name="data-per-page" expr:value="data:posts.length"/>
                            <b:attr cond="data:view.isLabelSearch" name="data-label" expr:value="data:view.search.label"/>
                          </b:attr></b:attr></b:attr></b:if>
                        </b:attr></b:if>
                      </b:if>
                    </b:class></b:class></b:if>
                    <b:if cond="( data:widget.type == "Blog" and data:$config.json and data:view.isSearch and !data:view.search.query and (data:$config.navi == "numeric")) or data:render">
                      <b:loop values="1 to (data:render ?: data:items.length)" var="label">
                        <b:include name="zk:skeleton" data="{ name: data:$type, ratio: data:$ratio }"/>
                      </b:include></b:loop>
                      <b:include name="js:templates" data="{ name: data:$type, ratio: data:$ratio }"/>
                      <b:else/>
                      <b:with value="([true,false] contains data:$config.defer) or (data:$config.defer + 0 == data:$config.defer) ? "null" : data:$config.defer" var="deferList">
                        <b:loop index="index" values="data:items" var="post">
                          <b:with value="data:post.featuredImage ?: data:const.image" var="image">
                            <b:with value="data:$config.defer == false ? "" : (data:widget.type == "Blog" ? "post" : (data:widget.type == "FeaturedPost" ? "featured" : data:widget.instanceId + "-")) + data:index" var="imageId">
                              <b:with value="data:$config.defer and (data:deferList contains data:imageId) ? false : "lazy"" var="$loading">
                                <b:if cond="data:$card.gallery">
                                  <b:include name="zk:gallery" data="{ resize: 400, ratio: data:$ratio, loading: data:$loading, id: data:imageId }"/>
                                  <b:else/>
                                  <article expr:class=""card card-" + (data:featured ?: data:$type)">
                                    <b:class cond="data:$card.row" name="flex"/>
                                    <b:if cond="data:display.showFeaturedImage ?: true">
                                      <header class="card-header relative">
                                        <b:class cond="data:$card.row" name="flex-none w-1/4"></b:class>
                                        <b:include cond="data:post.labels.any" name="post:featuredLabels" data="{ tags: data:post.labels }"/><a class="card-image ratio o-hidden mask" expr:href="data:post.url.canonical" expr:aria-label="data:messages.image">
                                          <b:class cond="data:$card.row" name="h-1/1"></b:class>
                                          <b:class expr:name=""ratio-" + data:$ratio"/>
                                          <b:include name="@:image" data="{ class: "fit-image", src: data:image, alt: data:post.title.escaped, srcset: (data:$card.classic ? [400,800] : false), sizes: (data:$card.classic ? "(min-width: 780px) 800px, (min-width: 400px) 400px, 300px" : false), resize: (data:$card.classic ? 800 : (data:$card.row ? 200 : 400)), ratio: data:$ratio, loading: data:$loading, id: data:imageId, params: data:$config.params }"/></b:include></b:class></a>
                                      </b:include></header>
                                    </b:if>
                                    <div class="card-body m:p-1.75 p-1.25 sy-1">
                                      <b:class cond="data:$card.classic" name="text-center"/>
                                      <b:class cond="data:$card.row" name="flex-auto"/>
                                      <b:if cond="data:display.showTitle ?: true">
                                        <h3 class="card-title font-primary m:fs-3 s:fs-4 fs-5"><a expr:href="data:post.url.canonical"> 
                                            <b:eval expr="data:post.title.escaped != "" ? data:post.title.escaped : data:messages.noTitle"/></b:eval></a></h3>
                                      </b:if>
                                      <b:if cond="data:display.showSnippet ?: data:skin.vars.e_snippet and ((data:post.snippets.short snippet { linebreaks: false }) != "")">
                                        <p class="card-snippet truncate-line s:fs-6">
                                          <b:with value="((data:skin.vars.e_truncate not in [true,false]) and (data:skin.vars.e_truncate + 0) == data:skin.vars.e_truncate) ? (data:skin.vars.e_truncate * 1) : 100" var="truncate">
                                            <b:eval expr="data:post.snippets.long snippet { length: data:truncate, links: false, linebreaks: false, ellipsis: true }"/>
                                          </b:eval></b:with>
                                        </p>
                                      </b:if>
                                      <b:if cond="data:skin.vars.e_meta">
                                        <b:if cond="data:show.author or data:show.timestamp or data:show.comments or data:skin.vars.a_edit or data:skin.vars.a_jumpLink">
                                          <footer class="card-meta flex items-center flex-wrap g-1">
                                            <b:class cond="data:$card.classic" name="justify-center"/>
                                            <b:include name="post:meta"/>
                                          </b:include></b:class></footer>
                                        </b:if>
                                      </b:if>
                                    </b:class></b:class></div>
                                  </b:class></article>
                                  <b:if cond="data:widget.type == "Blog" and (data:$type in ["grid","row","classic"])">
                                    <b:include name="post:inlineAd" data="post"/>
                                  </b:include></b:if>
                                </b:else></b:include></b:if>
                              </b:with>
                            </b:with>
                          </b:with>
                        </b:loop>
                        <b:if cond="["infinite", "load"] contains data:$config.navi">
                          <b:include name="js:templates" data="{ name: data:$type, ratio: data:$ratio }"/>
                        </b:include></b:if>
                      </b:with>
                    </b:else></b:include></b:if>
                  </b:with>
                </b:with>
              </b:with>
            </b:with>
          </b:with>
        </b:includable>
        <b:includable id="post:data">
          <b:if cond="data:show.author or data:show.timestamp or data:show.comments or data:skin.vars.a_edit">
            <div class="article-meta flex items-center flex-wrap g-1">
              <b:include name="post:meta"/>
            </b:include></div>
          </b:if>
        </b:includable>
        <b:includable id="post:featuredLabels">
          <b:if cond="data:skin.vars.e_definedTags != false">
            <div class="card-ftag absolute t-0 z-10 pt-2 fw-500 capitalize">
              <b:class cond="data:class" expr:name="data:class"/>
              <b:loop values="data:skin.vars.e_definedTags != "" and data:skin.vars.e_definedTags != true ? data:tags where (t => t.name in data:skin.vars.e_definedTags) take 3 : data:tags.first" var="label"><a expr:class=""ftag ftag-" + data:label.name" expr:href="data:label.url"><data:label.name/></data:label.name></a></b:loop>
            </b:class></div>
          </b:if>
        </b:includable>
        <b:includable id="post:header">
          <b:if cond="data:const.temp contains "hero"">
            <b:include name="post:labels" cond="data:show.labels"/>
            <b:else/>
            <header class="post-header sy-1">
              <b:include name="post:labels" cond="data:show.labels"/>
              <b:include name="post:title"/>
              <b:include name="post:data"/>
            </b:include></b:include></b:include></header>
          </b:else></b:include></b:if>
        </b:includable>
        <b:includable id="post:hero">
          <b:with value="{ video: (data:post.enclosures first (e => e.mimeType contains "video")), image: (data:post.enclosures first (e => e.mimeType contains "image")) }" var="cover">
            <b:with value="data:post.featuredImage ?: data:const.image" var="postImage">
              <b:if cond="data:cover.video">
                <video class="hero-image" playsinline="playsinline" expr:poster="data:postImage" autoplay="autoplay" muted="muted" loop="loop" expr:src="data:cover.video.url"></video>
                <b:else/>
                <b:include name="@:image" data="{ class: "hero-image", src: (data:cover.image.url ?: data:postImage), alt: data:post.title.escaped, srcset: [400,780,1280], sizes: "(min-width: 1000px) 1280px, (min-width: 720px) 780px, 400px", ratio: "16:9", height: 720, width: 1280 }"/>
              </b:include></b:else></b:if>
            </b:with>
          </b:with>
          <div class="sy-1 relative z-10">
            <b:class cond="data:class" expr:name="data:class"/>
            <h1 class="hero-meta article-title color-inverse fw-500 font-primary">
              <b:class cond="data:titleClass" expr:name="data:titleClass"/>
              <b:eval expr="data:post.title.escaped != "" ? data:post.title.escaped : data:messages.noTitle"/>
            </b:eval></b:class></h1>
            <b:with value="data:widgets.Blog1.allBylineItems" var="show">
              <b:if cond="data:show.author or data:show.timestamp or data:show.comments or data:skin.vars.a_edit">
                <div class="hero-meta article-meta flex g-1 flex-wrap color-inverse">
                  <b:class expr:name="data:metaClass ?: "items-center justify-center""/>
                  <b:include name="post:meta"/>
                </b:include></b:class></div>
              </b:if>
            </b:with>
          </b:class></div>
        </b:includable>
        <b:includable id="post:icon"/>
        <b:includable id="post:inlineAd">
          <b:if cond="data:blog.adsenseHostId and data:blog.adsenseClientId and data:blog.adsenseHasAds">
            <b:if cond="data:post.includeAd and data:view.isMultipleItems">
              <b:if cond="data:post.adNumber + data:widgets.AdSense.size lt 3">
                <b:include name="@:ads"/>
              </b:include></b:if>
              <b:elseif cond="data:view.isPost and data:skin.vars.p_ads"/>
              <b:if cond="!data:blog.adsenseAutoAds">
                <b:include name="@:ads"/>
              </b:include></b:if>
            </b:elseif></b:if>
          </b:if>
        </b:includable>
        <b:includable id="post:ads1">
          <b:include name="post:inlineAd"/>
        </b:include></b:includable>
        <b:includable id="post:ads2">
          <b:include name="post:inlineAd"/>
        </b:include></b:includable>
        <b:includable id="post:labels">
          <b:if cond="data:post.labels.any">
            <div class="post-labels flex flex-wrap g-.5">
              <b:loop values="data:post.labels" var="label"><a class="post-labels-label btn btn-outline" expr:href="data:label.url"><data:label.name/></data:label.name></a></b:loop>
            </div>
          </b:if>
        </b:includable>
        <b:includable id="post:meta">
          <b:if cond="data:show.author"><a class="meta-item has-icon" expr:href="data:post.author.profileUrl != ""  ? data:post.author.profileUrl : data:skin.vars.d_profileUrl" expr:title="data:post.author.name" rel="author">
              <b:include name="@:image" data="{ src: (data:post.author.authorPhoto.image ?: data:const.avatar), class: "author-avatar rounded-pill", alt: data:post.author.name, resize: 30, ratio: "1:1" }"/></b:include></a></b:if>
          <b:if cond="data:show.timestamp">
            <time class="meta-item has-icon capitalize" expr:datetime="data:post.date.iso8601">
              <b:include name="i:meteor" data="{ icon: "clock" }"/><data:post.date/>
            </data:post.date></b:include></time>
          </b:if>
          <b:if cond="data:show.comments"><a class="meta-item has-icon" expr:href="data:post.url.canonical.https fragment "comments"">
              <b:include name="i:meteor" data="{ icon: "comment" }"/>
              <b:if cond="data:skin.vars.c_disqus and data:skin.vars.c_disqus != """><span class="disqus-comment-count" expr:data-disqus-url="data:post.url.canonical.https">0</span>
                <b:else/><data:post.numberofcomments/>
              </data:post.numberofcomments></b:else></b:if></b:include></a></b:if>
          <b:include name="post:admin"/>
        </b:include></b:includable>
        <b:includable id="post:pagination">
          <b:if cond="data:newerPageUrl or data:olderPageUrl">
            <div class="flex flex-wrap g-.5" id="blog-pager">
              <b:class cond="data:view.isPost" name="post-pagination justify-between"/>
              <b:if cond="data:newerPageUrl"><a class="btn btn-outline" expr:href="data:newerPageUrl">
                  <b:attr name="href" cond="data:newerPageUrl != data:blog.homepageUrl.canonical and (data:$navi.layout != data:skin.vars.e_type)" expr:value="data:newerPageUrl params {view: data:$navi.layout}"/>
                  <b:include name="i:meteor" data="{ icon: "arrow-left" }"/><data:messages.newer/></data:messages.newer></b:include></b:attr></a></b:if>
              <b:if cond="data:olderPageUrl"><a class="btn btn-outline" expr:href="data:olderPageUrl">
                  <b:attr name="href" cond="data:$navi.layout != data:skin.vars.e_type" expr:value="data:olderPageUrl params {view: data:$navi.layout}"/><data:messages.older/>
                  <b:include name="i:meteor" data="{ icon: "arrow-right" }"/></b:include></data:messages.older></b:attr></a></b:if>
            </b:class></div>
          </b:if>
        </b:includable>
        <b:includable id="post:share">
          <b:with value="data:skin.vars.p_shareOn" var="$share">
            <b:if cond="data:$share != false">
              <b:with value="([true] not contains data:$share and (data:$share + 0 != data:$share)) ? data:$share : "facebook, twitter, whatsapp, telegram, pinterest, tumblr, reddit, vk, linkedin"" var="hasShare">
                <div class="post-share flex flex-wrap g-.5 i-m">
                  <b:loop values="["facebook","twitter","whatsapp","telegram","pinterest","tumblr","reddit","vk","linkedin"]" var="social">
                    <b:if cond="data:hasShare contains data:social"><a class="share btn btn-outline" expr:aria-label="data:social" target="_blank" rel="noopener noreferrer nofollow">
                        <b:class expr:name=""share-" + data:social"/>
                        <b:include name="i:meteor" data="{ icon: data:social }"/>
                        <b:with value="{ url: (data:skin.vars.f_cloudflare ? data:post.url.canonical.https : data:post.url.canonical), text: (data:post.title.escaped != "" ? data:post.title : data:messages.noTitle) }" var="link">
                          <b:switch var="data:social">
                            <b:case value="facebook"/>
                            <b:attr expr:value=""https://www.facebook.com/sharer.php" params {u: data:link.url}" name="href"></b:attr>
                            <b:case value="twitter"/>
                            <b:attr expr:value=""https://twitter.com/intent/tweet" params {url: data:link.url, text: data:link.text}" name="href"></b:attr>
                            <b:case value="pinterest"/>
                            <b:attr expr:value=""https://pinterest.com/pin/create/button/" params {url: data:link.url}" name="href"></b:attr>
                            <b:case value="whatsapp"/>
                            <b:attr expr:value=""https://wa.me/" params {text: (data:link.text + " - " + data:link.url) }" name="href"></b:attr>
                            <b:case value="telegram"/>
                            <b:attr expr:value=""https://t.me/share/url" params {url: data:link.url}" name="href"></b:attr>
                            <b:case value="tumblr"/>
                            <b:attr expr:value=""https://tumblr.com/widgets/share/tool" params {canonicalUrl: data:link.url, title: data:link.text}" name="href"></b:attr>
                            <b:case value="reddit"/>
                            <b:attr expr:value=""https://reddit.com/submit" params {url: data:link.url, title: data:link.text}" name="href"></b:attr>
                            <b:case value="vk"/>
                            <b:attr expr:value=""http://vk.com/share.php" params {url: data:link.url, title: data:link.text}" name="href"></b:attr>
                            <b:case value="linkedin"/>
                            <b:attr expr:value=""https://www.linkedin.com/sharing/share-offsite/" params {url: data:link.url}" name="href"></b:attr>
                          </b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:case></b:switch>
                        </b:with></b:include></b:class></a>
                      <b:else/>
                      <b:class expr:name="data:social + "-is-hidden""/>
                    </b:class></b:else></b:if>
                  </b:loop>
                </div>
              </b:with>
            </b:if>
          </b:with>
        </b:includable>
        <b:includable id="post:title">
          <h1 class="article-title color-title fw-500 font-primary m:fs-2 fs-3">
            <b:tag cond="data:post.link" expr:href="data:post.link" name="a">
              <b:eval expr="data:post.title.escaped != "" ? data:post.title.escaped : data:messages.noTitle"/>
            </b:eval></b:tag>
          </h1>
        </b:includable>
        <b:includable id="post:view" var="post">
          <b:if cond="data:view.isPost">
            <article class="article b:skin-sy">
              <b:include name="post:header"/>
              <b:include name="post:ads1"/>
              <b:include name="post:body"/>
              <b:include name="post:ads2"/>
              <b:include name="post:attachments" cond="data:post.enclosures.notEmpty"/>
              <b:include name="post:share" cond="data:show.share"/>
              <b:include name="post:pagination" cond="data:skin.vars.p_pagination"/>
              <b:include name="js:related" cond="data:skin.vars.p_related"/>
              <b:include name="comment:main"/>
            </b:include></b:include></b:include></b:include></b:include></b:include></b:include></b:include></b:include></article>
            <b:elseif cond="data:view.isPage"/>
            <article class="article b:skin-sy">
              <header class="post-header">
                <b:include name="post:title"/>
              </b:include></header>
              <b:include name="post:body"/>
              <b:include name="comment:main"/>
            </b:include></b:include></article>
          </b:elseif></b:if>
        </b:includable>
        <b:includable id="js:pagination">
          <b:tag class="flex flex-wrap g-.5" data-bjs="pagination" expr:name="data:$navi.type == "numeric" ? "ul" : "div"" expr:data-per-page="data:posts.length">
            <b:attr name="data-first-page" value="true"/>
            <b:attr name="data-infinite" expr:value="["infinite","load"] contains data:$navi.type"/>
            <b:if cond="data:$navi.type == "load"">
              <b:attr name="data-with-button" value="true"/>
              <b:attr name="data-button-text" expr:value="data:messages.loadMorePosts"/>
              <b:attr name="data-button-text-loading" expr:value="data:messages.loading"/>
            </b:attr></b:attr></b:attr></b:if>
            <b:include name="zk:skeleton" data="{ name: data:$navi.type }"/>
          </b:include></b:attr></b:attr></b:tag>
        </b:includable>
        <b:includable id="js:related">
          <b:if cond="(data:post.labels filter (l => l.name != "filter")).any">
            <b:include name="$:title" data="{ defaultTitle: data:skin.vars.t_related }"/>
            <b:if cond="data:blog.feedLinks.length < 10">
              <b:include name="docs" data="{ warn: "feedsRequired" }"/>
              <b:elseif cond="data:blog.isPrivateBlog"/>
              <b:include name="docs" data="{ warn: "publicRequired" }"/>
              <b:else/>
              <b:with value="{ max: ([1,2,3,4,5,6,7,8,9,10,11,12] contains data:skin.vars.p_related ? data:skin.vars.p_related : 2), random: data:skin.vars.p_relShuffle }" var="$related">
                <div class="grid items items-related">
                  <b:include name="post:cards" data="{ type: "gallery", render: data:$related.max }"/>
                  <b:attr name="data-bjs" value="related"/>
                  <b:attr name="data-id" expr:value="data:post.id"/>
                  <b:attr name="data-length" expr:value="data:$related.max"/>
                  <b:attr name="data-locale" expr:value="data:blog.locale"/>
                  <b:attr name="data-tags" expr:value="(data:post.labels map (l => l.name)) limit 3"/>
                  <b:with value="(data:$related.random + 0 == data:$related.random ? (data:$related.random * 1) : 8)" var="shuffle">
                    <b:attr name="data-max-results" expr:value="2 + data:$related.max + (data:shuffle <= 99 ? data:shuffle : 99)"/>
                  </b:attr></b:with>
                </b:attr></b:attr></b:attr></b:attr></b:attr></b:include></div>
              </b:with>
            </b:else></b:include></b:elseif></b:include></b:if>
          </b:include></b:if>
        </b:includable>
        <b:includable id="js:templates">
          <b:switch var="data:name">
            <b:case value="comments"/>
            <div class="latest-item flex items-start" data-bjs="template"><a class="latest-thumbnail flex-none me-1" href="{{url}}"><img class="latest-image" data-src="{{author_image}}" alt="{{author_name}}" width="45" height="45"/></a>
              <div class="latest-body">
                <p class="latest-snippet truncate-line"><a class="latest-name color-link:hover fw-500 color-title" href="{{url}}">{{author_name}}</a> — 
                  {{snippet}}
                </p>
              </div>
            </div>
            <b:case value="gallery"/><a class="gallery ratio mask" data-bjs="template" href="{{url}}">
              <b:class expr:name=""ratio-" + data:ratio"/><img class="fit-image" alt="{{title}}" data-src="{{img}}" loading="lazy"/>
              <div class="gallery-content sy-.5">
                <div class="gallery-name fw-500">{{title}}</div>
                <b:if cond="data:show.timestamp">
                  <div class="gallery-time has-icon">
                    <b:include name="i:meteor" data="{ icon: "clock" }"/>{{time}}
                  </b:include></div>
                </b:if>
              </div></b:class></a>
            <b:default/>
            <article class="card" data-bjs="template">
              <b:class expr:name=""card-" + data:name"/>
              <b:class cond="data:name == "row"" name="flex"/>
              <header class="card-header relative">
                <b:class cond="data:name == "row"" name="flex-none w-1/4"></b:class>
                <b:if cond="data:skin.vars.e_definedTags != "" and data:skin.vars.e_definedTags != true">{{labels_filter}}
                  <b:elseif cond="data:skin.vars.e_definedTags != false"/>{{labels_links}}
                </b:elseif></b:if><a class="card-image ratio o-hidden mask" aria-label="Imagen" href="{{url}}">
                  <b:if cond="data:name == "row"">
                    <b:class name="h-1/1 ratio-1:1"></b:class>
                    <b:elseif cond="data:name == "classic""/>
                    <b:class name="ratio-21:9"/>
                    <b:else/>
                    <b:class expr:name=""ratio-" + data:ratio"/>
                  </b:class></b:else></b:class></b:elseif></b:if><img class="fit-image" alt="{{title}}" loading="lazy" data-src="{{img}}"/></a>
              </header>
              <div class="card-body sy-1 m:p-1.75 p-1.25">
                <b:class cond="data:name == "row"" name="flex-auto"/>
                <b:class cond="data:name == "classic"" name="text-center"/>
                <h3 class="card-title font-primary fs-5 m:fs-3 s:fs-4"><a href="{{url}}">{{title}}</a></h3>
                <b:if cond="data:skin.vars.e_snippet">
                  <p class="card-snippet truncate-line s:fs-6">{{snippet}}</p>
                </b:if>
                <b:if cond="data:skin.vars.e_meta">
                  <footer class="card-meta flex items-center flex-wrap g-1">
                    <b:class cond="data:name == "classic"" name="justify-center"/>
                    <b:if cond="data:show.author"><a class="meta-item has-icon" href="{{author_url}}" rel="author" title="{{author_name}}"><img class="author-avatar rounded-pill" alt="{{author_name}}" height="30" data-src="{{author_image}}" width="30"/></a></b:if>
                    <b:if cond="data:show.timestamp"><span class="meta-item has-icon capitalize">
                        <b:include name="i:meteor" data="{ icon: "clock" }"/>{{time}}</b:include></span></b:if>
                    <b:if cond="data:show.comments"><a class="meta-item has-icon" href="{{url}}#comments">
                        <b:include name="i:meteor" data="{ icon: "comment" }"/>{{thr}}</b:include></a></b:if>
                    <b:if cond="!data:view.isPreview and data:skin.vars.a_edit"><span class="item-control blog-admin"><a class="meta-item flex items-center" href="https://www.blogger.com/blog/post/edit/{{blog_id}}/{{post_id}}">
                          <b:include name="i:meteor" data="{ icon: "pencil", class: "me-.5"}"/><data:messages.edit/></data:messages.edit></b:include></a></span></b:if>
                  </b:class></footer>
                </b:if>
              </b:class></b:class></div>
            </b:class></b:class></article>
          </b:default></b:case></b:case></b:switch>
        </b:includable>
        <b:includable id="comment:avatar">
          <b:with value="{ image: (data:comment.authorAvatarSrc contains "/img/bl" ? (data:avatarImage != ""  ? data:avatarImage : "https://lh3.googleusercontent.com/a/default-user") : data:comment.authorAvatarSrc), size: (data:avatarSize ?: 40) }" var="avatar"><img class="object-cover" expr:src="resizeImage(data:avatar.image, data:avatar.size, "1:1")" expr:width="data:avatar.size" expr:height="data:avatar.size" expr:alt="data:comment.author"/></b:with>
        </b:includable>
        <b:includable id="comment:body">
          <b:class cond="data:comment.isDeleted" name="comment-deleted alert"/>
          <b:with value="(data:comment.body + 0) == data:comment.body ? (data:comment.body + "&nbsp;") : data:comment.body" var="safeComment">
            <b:with value="{ config: (data:filterLinks ?: false), text: (data:hiddenText ?: data:messages.hidden), links: (data:safeComment contains "rel=\"nofollow\"") }" var="filter">
              <b:if cond="data:filter.config == "only-links"">
                <b:class name="comment-no-links"/>
              </b:class></b:if>
              <b:if cond="data:filter.config and data:filter.config != "only-links" and data:filter.links">
                <b:class name="alert alert-warning"/><data:filter.text/>
                <b:else/><data:safecomment/>
              </data:safecomment></b:else></data:filter.text></b:class></b:if>
            </b:with>
          </b:with>
        </b:class></b:includable>
        <b:includable id="comment:content">
          <b:if cond="data:post.comments.any">
            <div class="comments-content flex flex-column g-1.5">
              <b:loop expr:reverse="data:newestFirst ?: false" values="data:post.comments where (c => ((data:depth > 0) ? not c.inReplyTo : c.id))" var="comment">
                <b:include name="comment:item" data="comment"/>
              </b:include></b:loop>
            </div>
          </b:if>
        </b:includable>
        <b:includable id="comment:deleteButton"><span expr:class=""absolute t-0 r-0 item-control " + data:comment.adminClass"><a class="comment-delete-button" expr:href="data:comment.deleteUrl">
              <b:include name="i:meteor" data="{ icon: "trash"}"/></b:include></a></span></b:includable>
        <b:includable id="comment:replyButton">
          <b:if cond="data:post.allowNewComments">
            <button class="comment-reply-button has-icon" expr:data-parent-id="data:comment.id">
              <b:include name="i:meteor" data="{ icon: "turn-down-right"}"/>
              <b:eval expr="data:replyText ?: data:messages.postAComment"/>
            </b:eval></b:include></button>
          </b:if>
        </b:includable>
        <b:includable id="comment:form">
          <b:if cond="!data:post.allowNewComments">
            <b:include name="zk:alert" data="{ message: data:post.noNewCommentsText }"/>
            <b:else/>
            <div id="comment-form">
              <b:if cond="data:level.min != 0">
                <button class="btn btn-full comment-cancel" id="comment-restore-form">
                  <b:include name="i:meteor" data="{ icon: "comment"}"/><data:messages.postacomment/>
                </data:messages.postacomment></b:include></button>
              </b:if>
              <div class="bg-default p-1" id="comment-form-thread">
                <iframe class="comment-form" id="comment-editor" expr:src="data:post.commentFormIframeSrc params {skin: "emporio" }" width="100%" height="66"></iframe>
                <textarea id="cmtfpIframe" readonly="readonly" hidden="hidden">

/END CORE

true

"image": { "@type": "ImageObject", "url": "", "width": , "height": },

<div class="alert text-center">Injected content #1</div>

<div class="alert text-center">Injected content #2</div>

<div class="alert text-center">Injected content #3</div>

<div class="alert text-center">Injected content #4</div>

<p class='alert'>Post Sidebar</p>

Modo Estricto

Nuevos Primero

Seguidores