Apmody Blogger Template Premium
DEMO :https://apmody.blogspot.com/
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/><b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/><b:attr cond='data:view.url == data:view.url params { amp: "1" }' name='amp' value='amp'/>
<!--
Name : APMODY
Version : 1.4 (Update)
Date : Jun 19, 2022
Type : Premium
Redesign by : Learn Tech Secret
Basic Temp : Learn Tech Secret
Distributer : Blogpen
============================================================================
NOTE :
This theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
============================================================================
-->
<head><!--[ <head> Open ]-->
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:view.isHomepage'>
<!--[ Homepage title ]-->
<title><data:blog.title.escaped/></title>
<b:elseif cond='data:view.search.query'/>
<!--[ Search title ]-->
<title><data:messages.search/>: <data:view.search.query/></title>
<b:elseif cond='data:view.search.label'/>
<!--[ Label title ]-->
<title><b:if cond='data:blog.searchLabel == "_Apps"'>Apps<b:elseif cond='data:blog.searchLabel == "_Games"'/>Games<b:else/><data:blog.pageName.escaped/></b:if> - <data:blog.title.escaped/></title>
<b:elseif cond='data:view.isArchive'/>
<!--[ Archive title ]-->
<title>Blog archive in: <data:blog.pageName.escaped/></title>
<b:else/>
<title>Blog: <data:blog.title.escaped/></title>
</b:if>
<b:elseif cond='data:view.isError'/>
<!--[ Error title ]-->
<title>Error 404: Not Found</title>
<b:else/>
<!--[ SingleItem title ]-->
<title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
</b:if>
<!--[ Meta for browser ]-->
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='max-image-preview:large' name='robots'/>
<!-- Link Canonical -->
<link expr:href='data:blog.url.canonical' rel='canonical'/>
<!--<b:if cond='data:view.url == data:view.url params { amp: "1" }'>
<link expr:href='data:view.url' rel='alternate'/>
<b:else/>
<link expr:href='data:view.url + "?m=1"' rel='alternate'/>
<link expr:href='data:view.url params { amp: "1" }' rel='amphtml'/>
</b:if>-->
<!-- Blogpen.xyz -->
<b:if cond='!data:view.isError'>
<!--[ Browser data, description and keyword ]-->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='description'/>
<b:elseif cond='data:view.isSingleItem'/>
<meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='description'/>
</b:if>
<meta expr:content='data:blog.title.escaped + ", " + data:blog.pageName.escaped + ", Keyword_1, Keyword_2, Keyword_3 "' name='keywords'/>
<b:tag cond='data:view.isPost' expr:href='resizeImage(data:blog.postImageUrl, 0)' name='link' rel='image_src'/>
<!--[ Generator and rrs ]-->
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl.canonical + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl.canonical + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - Feed"' rel='alternate' type='application/rss+xml'/>
<link expr:href='data:blog.homepageUrl.canonical + "feeds/comments/default?alt=rss"' expr:title='data:blog.title + " - Comments Feed"' rel='alternate' type='application/rss+xml'/>
<!--[ Theme Color ]-->
<meta expr:content='data:skin.vars.themeColor' name='theme-color'/>
<meta expr:content='data:skin.vars.themeColor' name='msapplication-navbutton-color'/>
<meta expr:content='data:skin.vars.themeColor' name='apple-mobile-web-app-status-bar-style'/>
<meta expr:content='yes' name='apple-mobile-web-app-capable'/>
<!--[ Favicon ]-->
<b:if cond='data:blog.postImageUrl'>
<!-- Thumbnail Favicon -->
<link expr:href='resizeImage(data:blog.postImageUrl,120,"1:1")' rel='apple-touch-icon' sizes='120x120'/>
<link expr:href='resizeImage(data:blog.postImageUrl,152,"1:1")' rel='apple-touch-icon' sizes='152x152'/>
<link expr:href='resizeImage(data:blog.postImageUrl,32,"1:1")' rel='icon' type='image/x-icon'/>
<link expr:href='resizeImage(data:blog.postImageUrl,32,"1:1")' rel='shortcut icon' type='image/x-icon'/>
<b:else/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>
</b:if>
<!-- Blogpen.xyz -->
<!--[ Open graph ]-->
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title.escaped' property='og:site_name'/>
<b:if cond='data:view.isMultipleItems'>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<b:else/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' property='og:description'/>
</b:if>
<b:else/>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
<b:else/>
<!-- <meta content='Add_your_image_url_here' property='og:image'/> -->
<meta content='https://play-lh.googleusercontent.com/BVmAy60perw4bHf1oRmI003lb96XOHhuEIJxyz791AIamdtfZZrUwMbtNnan1bba8w' property='og:image'/>
</b:if>
<!--[ Twitter Card ]-->
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:title'/>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>
<b:else/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='twitter:description'/>
</b:if>
<b:else/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='twitter:description'/>
</b:if>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:image:alt'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='resizeImage(data:blog.postImageUrl, 0)' name='twitter:image:src'/>
<b:else/>
<meta content='Add_your_image_url_here' name='twitter:image:src'/>
</b:if>
<!-- Blogpen.xyz -->
<!-- Sife Verification -->
<meta content='' name='msvalidate.01'/>
</b:if>
<b:if cond='data:view.isLayoutMode'>
<!--[ CSS Layout ]-->
<b:template-skin><![CDATA[ body#layout::before{content:'APMODY v1.4 by ARUF';position:absolute;top:15px;right:15px;font-size:.8rem;font-family:Roboto, sans-serif;color:rgba(0,0,0,0.52)} body#layout{width:1025px;margin:0 !important;padding:60px 0 0 !important;border:0 !important;text-align:left !important;position:relative} body#layout div.layout-widget-description{font-size:12px !important;line-height:1.6em} body#layout div.layout-title{font-size:15px !important} body#layout div.section{border-radius:2px} body#layout .section h4{font-size:15px !important;margin-left:0!important} body#layout .add_widget a{font-size:13px !important} body#layout .Blog .widget-content{height:auto!important} body#layout #anchor-ad, body#layout #notif-widget .widget-content, body#layout #side-sticky, body#layout #HTML91 .widget-content, body#layout #HTML92 .widget-content, body#layout #HTML93 .widget-content, body#layout #HTML01 .widget-content, body#layout #HTML02 .widget-content, body#layout #HTML94 .widget-content{background:#f0f8ff !important} body#layout .mainIn{padding-bottom:30px} body#layout .headIn, body#layout .blogM, body#layout .fotIn{display:flex} body#layout .headL{width:30%} body#layout .headR, body#layout .headM{width:35%} body#layout .mainbar{width:55%} body#layout .sidebar{width:45%} body#layout header, body#layout .mainIn, body#layout footer, body#layout .erroP{border-top:1px solid #e5e5e5;padding:30px 0 30px;position:relative} body#layout header::before, body#layout .mainIn::before, body#layout footer::before, body#layout .erroP::before{content:'Header';position:absolute;top:-14px;left:20px;padding:5px 20px;border:1px solid #e5e5e5;border-radius:20px;font-size:.8rem;font-family:Roboto,sans-serif;color:rgba(0,0,0,0.52);background:#f1f1f1} body#layout #notif-widget{padding:0!important; margin-bottom:30px!important} body#layout #notif-widget .widget{margin-top:0!important} body#layout #notif-widget h4, body#layout #notif-widget .layout-widget-description{display:none !important} body#layout .mainIn, body#layout .erroP{margin-top:40px;padding-bottom:0} body#layout .mainIn::before{content:'Main Content'} body#layout footer::before{content:'Footer'} body#layout .erroP::before{content:'Custom Error Page'} ]]></b:template-skin>
</b:if>
<!--[ CSS stylesheet ]-->
<style><!-- /* <b:skin version='1.3.0'><![CDATA[
/*
<Group description="Theme Color">
<Variable name="themeColor" description="Main color" type="color" default="#204ecf" value="#204ecf"/>
<Variable name="themeColorDrk" description="Dark - Main color" type="color" default="#8775f5" value="#8775f5"/>
</Group>
<Group description="Basic colors and Background">
<Variable name="body.color" description="Body color" type="color" default="#1e1e1e" value="#1e1e1e"/>
<Variable name="body.colorDrk" description="Dark - Body color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="body.bgColor" description="Main bakground color" type="color" default="#fffdfc" value="#fdfcff"/>
<Variable name="body.bgColorDrk" description="Dark - Main bakground color" type="color" default="#1e1e1e" value="#1e1e1e"/>
<Variable name="body.bgColorS" description="Main second bakground color" type="color" default="#f6f6f6" value="#f6f6f6"/>
<Variable name="body.bgColorDrkS" description="Dark - Main second bakground color" type="color" default="#252526" value="#252526"/>
<Variable name="head.color" description="Heading color" type="color" default="#262d3d" value="#1e1e1e"/>
<Variable name="head.colorDrk" description="Dark - Heading color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="body.colorAlt" description="Alternative body color" type="color" default="#767676" value="#767676"/>
<Variable name="link.color" description="Link color" type="color" default="#204ecf" value="#204ecf"/>
<Variable name="link.colorDrk" description="Dark - Link color" type="color" default="#8775f5" value="#8775f5"/>
<Variable name="link.bgColor" description="Button link color" type="color" default="#204ecf" value="#204ecf"/>
<Variable name="link.bgColorDrk" description="Dark - Button link color" type="color" default="#8775f5" value="#8775f5"/>
</Group>
<Group description="Icon colors">
<Variable name="icon.color" description="Icon color" type="color" default="#48525c" value="#1e1e1e"/>
<Variable name="icon.colorDrk" description="Dark - Icon color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="icon.colorAlt" description="Alternative icon colors" type="color" default="#767676" value="#1e1e1e"/>
<Variable name="icon.colorSec" description="Secondary icon colors" type="color" default="#767676" value="#767676"/>
</Group>
<Group description="Notification">
<Variable name="notif.height" description="Notif max height" type="length" max="60px" default="45px" value="45px"/>
<Variable name="notif.bg" description="Notif background color" type="color" default="#e1f5fe" value="#e8f0fe"/>
<Variable name="notif.bgDrk" description="Dark - Notif background color" type="color" default="#2d2d30" value="#2d2d30"/>
<Variable name="notif.color" description="Notif text color" type="color" default="#3c4043" value="#3c4043"/>
<Variable name="notif.colorDrk" description="Dark - Notif text color" type="color" default="#c6c6c6" value="#c6c6c6"/>
<Variable name="notif.link" description="Notif link color" type="color" default="#204ecf" value="#204ecf"/>
<Variable name="notif.linkDrk" description="Dark - Notif link color" type="color" default="#8775f5" value="#8775f5"/>
</Group>
<Group description="Header colors, background and height">
<Variable name="header.height" description="Header height" type="length" max="80px" default="60px" value="55px"/>
<Variable name="header.heightM" description="Header height(mobile)" type="length" max="80px" default="50px" value="48px"/>
<Variable name="header.titleSize" description="Header title font size" type="length" max="20px" default="16px" value="16px"/>
<Variable name="header.text" description="Header text colors" type="color" default="#1e1e1e" value="#1e1e1e"/>
<Variable name="header.textDrk" description="Dark - Header text colors" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="header.icon" description="Header icon colors" type="color" default="#262d3d" value="#1e1e1e"/>
<Variable name="header.iconDrk" description="Dark - Header icon colors" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="header.bgColor" description="Header background color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="header.bgColorDrk" description="Dark - Header background color" type="color" default="#1e1e1e" value="#1e1e1e"/>
<Variable name="header.border" description="Header border" type="length" max="1px" default="0px" value="1px"/>
</Group>
<Group description="Scroll menu background">
<Variable name="nav.bg" description="Navbar background color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="nav.bgDrk" description="Dark - Navbar background color" type="color" default="#1e1e1e" value="#1e1e1e"/>
</Group>
<Group description="Searchbar colors">
<Variable name="search.icon" description="Searchbar icon color" type="color" default="#48525c" value="#1e1e1e"/>
<Variable name="search.iconDrk" description="Dark - Searchbar icon color" type="color" default="#fffdfc" value="#fffdfc"/>
</Group>
<Group description="Content background">
<Variable name="content.bg" description="Content background color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="content.bgDrk" description="Dark - Content background color" type="color" default="#252526" value="#252526"/>
<Variable name="content.border" description="Content border color" type="color" default="#eceff1" value="#e6e6e6"/>
<Variable name="content.borderDrk" description="Drk - Content border color" type="color" default="#444444" value="#444444"/>
</Group>
<Group description="Content max width">
<Variable name="content.maxWidth" description="Max width of main content" type="length" max="1440px" default="1024px" value="1200px"/>
<Variable name="sidebar.maxWidth" description="Max width of sidebar" type="length" max="360px" default="300px" value="300px"/>
<Variable name="post.maxContent" description="Post max width" type="length" max="900px" default="720px" value="780px"/>
<Variable name="page.maxContent" description="Static page max width" type="length" max="900px" default="780px" value="780px"/>
</Group>
<Group description="Post font size">
<Variable name="post.titleSize" description="Post title font size" type="length" max="42px" default="28px" value="36px"/>
<Variable name="post.titleSizeMobile" description="Post title size (onMobile)" type="length" max="38px" default="22px" value="28px"/>
<Variable name="post.fontSize" description="Post font size (Default)" type="length" max="18px" default="16px" value="16px"/>
<Variable name="post.fontSizeMobile" description="Post font size (Default onMobile)" type="length" max="18px" default="16px" value="15px"/>
<Variable name="post.fontSizeS" description="Post font size (Small)" type="length" max="16px" default="14px" value="15px"/>
<Variable name="post.fontSizeSMobile" description="Post font size (Small onMobile)" type="length" max="16px" default="14px" value="14px"/>
<Variable name="post.fontSizeL" description="Post font size (Large)" type="length" max="20px" default="18px" value="17px"/>
<Variable name="post.fontSizeLMobile" description="Post font size (Large onMobile)" type="length" max="20px" default="18px" value="16px"/>
</Group>
<Group description="Widget title font size">
<Variable name="widget.titleSize" description="Widget title font size" type="length" max="18px" default="14px" value="15px"/>
<Variable name="widget.titleAfter" description="Widget title border" type="length" max="40px" default="25px" value="25px"/>
<Variable name="widget.titleAfterC" description="Widget title border color" type="color" default="#989b9f" value="#989b9f"/>
</Group>
<Group description="Footer colors">
<Variable name="foot.border" description="Footer border" type="length" max="2px" default="0px" value="0px"/>
<Variable name="foot.text" description="Footer text colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="foot.textDrk" description="Dark - Footer text colors" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="foot.bg" description="Footer background color" type="color" default="#fffdfc" value="#f7f7f7"/>
<Variable name="foot.bgDrk" description="Dark - Footer background color" type="color" default="#252526" value="#252526"/>
</Group>
<Group description="Other colors">
<Variable name="synxBg" description="synxBg color" type="color" default="#f6f6f6" value="#f6f6f6"/>
<Variable name="synxBg.drk" description="Dark - synxBg color" type="color" default="#252526" value="#252526"/>
<Variable name="synxC" description="synxC color" type="color" default="#2f3337" value="#2f3337"/>
<Variable name="synxC.drk" description="Dark - synxC color" type="color" default="#cecece" value="#cecece"/>
<Variable name="synxOrange" description="synxOrange color" type="color" default="#b75501" value="#b75501"/>
<Variable name="synxOrange.drk" description="Dark - synxOrange color" type="color" default="#ef8f3b" value="#ef8f3b"/>
<Variable name="synxOrange2" description="synxOrange2 color" type="color" default="#fd971f" value="#fd971f"/>
<Variable name="synxBlue" description="synxBlue color" type="color" default="#015692" value="#015692"/>
<Variable name="synxBlue.drk" description="Dark - synxBlue color" type="color" default="#4ba6e5" value="#4ba6e5"/>
<Variable name="synxBlue2" description="synxBlue2 color" type="color" default="#06a1bf" value="#06a1bf"/>
<Variable name="synxGreen" description="synxGreen color" type="color" default="#79b600" value="#79b600"/>
<Variable name="synxRed" description="synxRed color" type="color" default="#f15a5a" value="#f15a5a"/>
<Variable name="synxGray" description="synxGray color" type="color" default="#656e77" value="#656e77"/>
<Variable name="synxPink" description="synxPink color" type="color" default="#f92672" value="#f92672"/>
<Variable name="synxGold" description="synxGold color" type="color" default="#72621d" value="#72621d"/>
<Variable name="apk.color" description="APK color" type="color" default="#4caf50" value="#4caf50"/>
<Variable name="apk.drk" description="Dark - APK color" type="color" default="#317134" value="#317134"/>
<Variable name="mod.color" description="MOD color" type="color" default="#ff6900" value="#ff6900"/>
<Variable name="mod.drk" description="Dark - MOD color" type="color" default="#ce4400" value="#ce4400"/>
</Group>
<Group description="(Do not edit) New Blogger comment required">
<Variable name="body.background" description="Background" color="#505050" type="background" default="$(color) none repeat scroll center center" value="$(color) url() no-repeat scroll center center"/>
<Variable name="body.text.font" description="Font Blogger comment" type="font" default="'Roboto', sans-serif" value="400 14px 'Roboto', sans-serif"/>
<Variable name="body.text.color" description="Color" type="color" default="#505050" value="#505050"/>
<Variable name="body.link.color" description="Link color" type="color" default="#262d3d" value="#989b9f"/>
<Variable name="posts.title.color" description="Post title color" type="color" default="#262d3d" value="#989b9f"/>
<Variable name="posts.text.color" description="Post text color" type="color" default="#48525c" value="#989b9f"/>
<Variable name="posts.icons.color" description="Post info color" type="color" default="#262d3d" value="#989b9f"/>
<Variable name="posts.background.color" description="Post background color" type="color" default="#f7f7fc" value="transparent"/>
<Variable name="tabs.font" description="Font" type="font" default="'Roboto', sans-serif" value="400 14px 'Roboto', sans-serif"/>
<Variable name="tabs.color" description="Text color" type="color" default="#4d4d4d" value="#08102b"/>
<Variable name="tabs.selected.color" description="Selected color" type="color" default="#fff" value="#fffdfc"/>
<Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="$(posts.background.color)" value="#fffdfc"/>
<Variable name="tabs.overflow.color" description="Popup text color" type="color" default="#48525c" value="#08102b"/>
<Variable name="tabs.overflow.selected.color" description="Popup selected color" type="color" default="#262d3d" value="#989b9f"/>
<Variable name="labels.background.color" description="Labels background color" type="color" default="#fff" value="#fffdfc"/>
<Variable name="blog.title.font" description="Blog title font" type="font" default="'Roboto', sans-serif" value="400 14px 'Roboto', sans-serif"/>
<Variable name="blog.title.color" description="Blog title color" type="color" default="#fff" value="#fffdfc"/>
</Group>
*/
/* Variable color */
:root{--headerT:$(header.titleSize);--headerW:400;--headerL:$(header.border);--headerH:$(header.height);--headerHi:-$(header.height);--headerHm:$(header.heightM);--headerHim:-$(header.heightM);--notifH:$(notif.height);--contentW:$(content.maxWidth);--sideW:$(sidebar.maxWidth);--pageW:$(page.maxContent);--postW:$(post.maxContent);--postT:$(post.titleSize);--postTm:$(post.titleSizeMobile);--postF:$(post.fontSize);--postFm:$(post.fontSizeMobile);--postFS:$(post.fontSizeS);--postFSm:$(post.fontSizeSMobile);--postFL:$(post.fontSizeL);--postFLm:$(post.fontSizeLMobile);--widgetT:$(widget.titleSize);--widgetTw:400;--widgetTa:$(widget.titleAfter);--fotL:$(foot.border);--fontH:Google Sans Text,Arial,Helvetica,sans-serif;--fontB:Google Sans Text,Arial,Helvetica,sans-serif;--fontBa:Google Sans Text,Arial,Helvetica,sans-serif;--fontC:'Fira Mono',monospace;--trans-1:all .1s ease;--trans-2:all .2s ease;--trans-4:all .4s ease;--black:#1e1e1e;--white:#fffdfc} body:not(.drK){--headerC:$(header.text);--headerB:$(header.bgColor);--headerI:$(header.icon);--headC:$(head.color);--bodyC:$(body.color);--bodyCa:$(body.colorAlt);--bodyB:$(body.bgColor);--bodyBs:$(body.bgColorS);--linkC:$(link.color);--linkB:$(link.bgColor);--iconC:$(icon.color);--iconCa:$(icon.colorAlt);--iconCs:$(icon.colorSec);--notifU:$(notif.bg);--notifC:$(notif.color);--notifL:$(notif.link);--contentB:$(content.bg);--contentL:$(content.border);--transB:rgba(0,0,0,.05);--widgetTac:$(widget.titleAfterC);--navB:$(nav.bg);--srchI:$(search.icon);--fotT:$(foot.text);--fotB:$(foot.bg);--synxBg:$(synxBg);--synxC:$(synxC);--synxOrange:$(synxOrange);--synxOrange2:$(synxOrange2);--synxBlue:$(synxBlue);--synxBlue2:$(synxBlue2);--synxGreen:$(synxGreen);--synxRed:$(synxRed);--synxGray:$(synxGray);--synxPink:$(synxPink);--synxGold:$(synxGold);--apk:$(apk.color);--mod:$(mod.color)} body.drK{--headerC:$(header.textDrk);--headerB:$(header.bgColorDrk);--headerI:$(header.iconDrk);--headC:$(head.colorDrk);--bodyC:$(body.colorDrk);--bodyCa:$(body.colorAlt);--bodyB:$(body.bgColorDrk);--bodyBs:$(body.bgColorDrkS);--linkC:$(link.colorDrk);--linkB:$(link.bgColorDrk);--iconC:$(icon.colorDrk);--iconCa:$(icon.colorAlt);--iconCs:$(icon.colorSec);--notifU:$(notif.bgDrk);--notifC:$(notif.colorDrk);--notifL:$(notif.linkDrk);--contentB:$(content.bgDrk);--contentL:$(content.borderDrk);--transB:rgba(255,255,255,.05);--widgetTac:$(widget.titleAfterC);--navB:$(nav.bgDrk);--srchI:$(search.iconDrk);--fotT:$(foot.textDrk);--fotB:$(foot.bgDrk);--synxBg:$(synxBg.drk);--synxC:$(synxC.drk);--synxOrange:$(synxOrange.drk);--synxOrange2:$(synxOrange2);--synxBlue:$(synxBlue.drk);--synxBlue2:$(synxBlue2);--synxGreen:$(synxGreen);--synxRed:$(synxRed);--synxGray:$(synxGray);--synxPink:$(synxPink);--synxGold:$(synxGold);--apk:$(apk.drk);--mod:$(mod.drk)} ]]></b:skin>
<style><b:if cond='!data:blog.isMobileRequest'>/*<![CDATA[*/ /* Font Body and Heading */ /* Font Body */ @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2) format('woff2')} /* Font Heading */ @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:700;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmhjtg.woff2) format('woff2')} /* Source Code Font */ @font-face {font-family: 'Fira Mono';font-style: normal;font-weight: 400;font-display: swap;src: local('Fira Mono Regular'), local('FiraMono-Regular'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff) format('woff'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2')}
/*]]>*/ </b:if>/*<![CDATA[*/
/* Standar CSS */ ::selection{color:#fff;background:var(--linkC)} *, ::after, ::before{-webkit-box-sizing:border-box;box-sizing:border-box} *{-webkit-tap-highlight-color:transparent} h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:var(--fontH);color:var(--headC)} h1{font-size:1.9rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.4rem} h5{font-size:1.3rem} h6{font-size:1.2rem} a{color:var(--linkC);text-decoration:none} a:hover{opacity:.9;transition:opacity .1s} table{border-spacing:0} iframe{max-width:100%;border:0;margin-left:auto;margin-right:auto} input, button, select, textarea{font:inherit;font-size:100%;color:inherit;line-height:normal} input::placeholder{color:rgba(0,0,0,.5)} img{display:block;position:relative;max-width:100%;height:auto} svg{width:22px;height:22px;fill:var(--iconC)} svg.line, svg .line{fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round; stroke-width:1.5} svg.c-1{fill:var(--iconCa)} svg.c-2{fill:var(--iconCs); opacity:.4} .hidden{display:none} .invisible{visibility:hidden} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both} .fCls{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;transition:var(--trans-1);background:transparent;opacity:0;visibility:hidden} .free::after, .new::after{display:inline-block;content:'Free!';color:var(--linkC);font-size:12px;font-weight:400;margin:0 5px} .new::after{content:'New!'}
/* Main Element */ html{scroll-behavior:smooth;overflow-x:hidden} body{position:relative;margin:0 auto;max-width:1000px;padding:0!important;top:0 !important;width:100%;font-family:var(--fontB);font-size:14px;color:var(--bodyC);background:var(--bodyB);-webkit-font-smoothing:antialiased;} .secIn{margin:0 auto;padding-left:20px;padding-right:20px;max-width:var(--contentW)}
/* Notif Section */ .ntfC{display:flex;align-items:center;position:relative;min-height:var(--notifH); background:var(--notifU);color:var(--notifC); padding:10px 25px; font-size:13px; transition:var(--trans-1);overflow:hidden} .ntfC .secIn{width:100%; position:relative} .ntfC .c{display:flex;align-items:center} .ntfT{width:100%; padding-right: 15px; text-align:center} .ntfT a{color:var(--notifL); font-weight:700} .ntfI:checked ~ .ntfC{height:0;min-height:0; padding:0; opacity:0;visibility:hidden} .ntfA{display:inline-flex;align-items:center;justify-content:center;text-align:initial} .ntfA>a{flex-shrink:0;white-space:nowrap;display:inline-block; margin:0 10px;padding:7px 12px;border-radius:15px; background:var(--linkC);color:var(--white); font-size:12px;font-weight:400; box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);text-decoration:none}
/* Fixed/Pop-up Element */ .fixL{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;margin-bottom:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%;opacity:0;visibility:hidden} .fixLi, .fixL .cmBri{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:12px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .fixLs{padding:60px 20px 20px;overflow-y:scroll;overflow-x:hidden;width:100%;background:var(--contentB)} .fixH, .mnH, .srhB .BlogSearch{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2} .fixH .cl, .srhB .c{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px} .fixH .c::after, .ntfC .c::after, .mnH .c::before, .srhB .c::after{content:'\2715';line-height:18px;font-size:14px} .fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7} .fixT .c::before, .mnH .c::after{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:.6} .fixi:checked ~ .fixL, #comment:target .fixL{margin-bottom:0;opacity:1;visibility:visible} .fixi:checked ~ .fixL .fCls, #comment:target .fixL .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .shBri, .tmBr{max-width:520px} .fnBr{max-width:480px}
/* Comments Pop-up */ #comment:target .cmSh:checked~.cm.cmBr{bottom:-100%;opacity:0;visibility:hidden}#comment:target .cmSh:checked~.cm.cmBr .fCls{opacity:0;visibility:hidden}#iCmn:before{content:attr(data-text)}#iCmn{cursor:pointer;display:block;font-weight:700;height:100%;left:0;margin:0 auto;max-width:none;position:absolute;right:0;top:0;width:100%;z-index:9}#iCmn:hover{opacity:.7}
/* Display Flex */ .bIc{display:flex;align-items:center}
/* Header */ header{width:100%;z-index:10; position:-webkit-sticky;position:sticky;top:0; border-bottom:var(--headerL) solid var(--contentL);transition:all .5s ease .5s} header a{color:inherit} header svg{width:20px;height:20px;fill:var(--headerI); opacity:.8} header svg.line{fill:none;stroke:var(--headerI)} .headCn{position:relative;height:var(--headerH);color:var(--headerC);background:var(--headerB)} .headIn{display:flex;justify-content:space-between;height:100%} .headL{display:flex;align-items:center;min-width:200px;max-width: 300px ; /* change this to increase header title width */} .headL .headIc{flex:0 0 35px;padding-right:5px} .headI .headP{display:flex;justify-content:flex-end;align-items:center;position:relative;height:100%} .headI{height:100%; position:relative;width:calc(100% + 15px);left:-7.5px;right:-7.5px} .headI >*{margin:0 7.5px} .headIc{font-size:11px;display:flex;list-style:none;margin:0;padding:0} .headIc >*{position:relative} .headIc svg{z-index:1} ul.headIc{position:relative;width:calc(100% + 14px);left:-7px;right:-7px;justify-content:flex-end} ul.headIc li{margin:0 2px} /* Header Widget */ .Header{background-repeat:no-repeat;background-size:100%;background-position:center} .Header img{max-width:160px;max-height:45px} .Header .headH{display:block;color:inherit;font-size:var(--headerT); font-weight:var(--headerW)} .Header .headH.hasSub{display:flex;align-items:baseline} .Header .headTtl{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block} .Header .headSub{margin:0 5px;font:400 11px var(--fontB); white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:60px;opacity:.6} .Header .headSub::before{content:attr(data-text)} /* Header Icon */ .tIc{width:30px;height:30px;justify-content:center} .tIc::after{content:'';background:var(--transB);border-radius:15px;position:absolute;left:0;right:0;top:0;bottom:0;transition:var(--trans-1);opacity:0;visibility:hidden} .tIc:hover::after{opacity:1;visibility:visible;transform:scale(1.3,1.3)} .blog-admin, .tDL .d2, .drK .tDL .d1, .grD .tGr .s3{display:none} .drK .tDL .d2{display:block}
/* Scroll Menu */ .navI{background-color:var(--navB); overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch; display:flex;padding:0} .navI ul{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap} .navI li{margin:0 15px;padding:10px 0;position:relative; scroll-snap-align: start} .navI li:first-child{margin-left:auto} .navI li:last-child{margin-right:auto} .navI .l{display:block;color:inherit;padding:8px 0} .navI .l::before{content:attr(data-text)} .navI .l::after{content:'';height:1px;border-radius:2px 2px 0 0;background:var(--linkC);position:absolute;bottom:0;left:0;right:0;opacity:0} .navI span.l{opacity:.7} .navI a.l:hover, .navI .l.a{color:var(--linkC)}
/* mainNav */ .mnBr ul{list-style:none;margin:0;padding:0} .mnMn svg{flex-shrink:0} .mnMn svg.d{width:14px;height:14px}
/* mainIn Section */ .blogCont{flex-grow:1;padding:20px 0 0;position:relative;transition:var(--trans-1)} .blogCont .section:not(.no-items), .blogCont .widget:not(:first-child){margin-top:40px} .blogCont .section:first-child, .blogCont footer .widget:not(:first-child){margin-top:0} .blogAd .section:not(.no-items){margin-bottom:40px} .blogM{flex-wrap:wrap;/*justify-content:center;*/padding-bottom:40px} .sidebar{max-width:500px;margin:50px auto 0} .sideSticky{position:-webkit-sticky;position:sticky;top:calc(var(--headerH) + 10px)} .onSb .sideSticky{top:15px} /*.onPs .mainbar, .onHm .mainbar{max-width:var(--postW)}*/ .onPg .mainbar, .onMl:not(.grD) .mainbar{max-width:var(--pageW)} .onMl.grD .mainbar{max-width:100%}
/* Footer */ footer{font-size:97%;line-height:1.8em; padding:30px 0; border-top:var(--fotL) solid var(--contentL); color:var(--fotT); background:var(--fotB)} footer .LinkList a, footer .sL li >*{display:inline-block;color:inherit;line-height:20px} footer .LinkList a:hover{text-decoration:underline} footer .LinkList ul:not(.sL) li::before{content:'\00BB';opacity:.3} footer .sL{display:flex;flex-wrap:wrap;align-items:baseline;font-size:13px;opacity:.8} footer .sL li{display:inline-flex;align-items:baseline} footer .sL li:not(:first-child)::before{content:'/';margin:0 5px} footer .sL li >*::before{content:attr(data-text)} .fotIn ul{list-style:none;margin:0;padding:0} .fotIn{display:flex;flex-wrap:wrap;position:relative;width:calc(100% + 30px);left:-15px;right:-15px} .fotIn >*{width:calc(30% - 30px);margin:0 15px} .fotIn >*:first-child{width:calc(40% - 30px)} .fotIn .widget{margin-bottom:30px} .fotIn .widget .title{color:inherit;margin-bottom:12px;font-weight:700;font-size:14px} .abtU{max-width:calc(100% - 25px)} .abtU::before{content:attr(data-text);font-size:13px; opacity:.6;display:block;margin-bottom:3px} .abtT .tl{color:inherit; font-size:1.3rem} .abtD{line-height:1.6em;margin:20px 0 0} .onMob.onPs footer{padding-bottom:80px}/* Footer Credit and Backtop */ .cdtIn{display:flex;align-items:baseline;justify-content:space-between; position:relative;width:calc(100% + 20px);left:-10px;right:-10px} .cdtIn >*{margin:0 10px} .cdtIn .HTML{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .fotCd{display:inline-flex} .fotCd .creator{opacity:0} .tTop svg{width:20px;height:20px;stroke:var(--fotT)} .toTop{display:flex;align-items:center; white-space:nowrap} .toTop::before{content:attr(data-text); opacity:.7;margin:0 5px} .toTopF{opacity:0} .fotCd .credit svg{width:13px;height:13px;padding-top:3px;fill:var(--linkC)}.fotCd .credit i{font-family:Arial,Helvetica,sans-serif}
/* Article*/ .onId:not(.grD) .ntry, .itemFt .itm{display:flex;flex-wrap:wrap;align-items:center;position:relative; width:calc(100% + 22px);left:-11px;right:-11px} .onId:not(.grD) .ntry >*, .itemFt .itm >*{flex:0 0 calc(50% - 22px);width:calc(50% - 22px); margin-bottom:0;margin-left:11px;margin-right:11px} .onId:not(.grD) .ntry >*:last-child, .itemFt .itm >*:last-child{flex-grow:1} .onId:not(.grD) div.ntry >*{flex:0 0 calc(100% - 25px);width:calc(100% - 25px)} .onId .ntry{margin-bottom:40px; position:relative} .onId .blogPts.mty{display:block;width:100%;left:0;right:0} .onId .blogPts.mty .noPosts{width:100%;margin:0} .blogPts .ntry.noAd .widget, .Blog ~ .HTML{display:none}
/* Gridmode */ .tGr::before{content:attr(data-grid);position:absolute;right:32px;opacity:.8} .grD .tGr::before{content:attr(data-list)} .grD .blogPts{display:flex;flex-wrap:wrap;position:relative; width:calc(100% + 22px);left:-11px;right:-11px} .grD .ntry{width:calc(50% - 22px);margin-left:11px;margin-right:11px;position:relative;padding-bottom:33px} .grD div.ntry{padding-bottom:0} .grD .ntry .pInf{position:absolute;left:0;right:0;bottom:0} @media screen and (min-width:897px){.onMl.grD .ntry{width:calc(33.33% - 22px)}} @media screen and (max-width:1100px) and (min-width: 897px){.grD .ntry .pTtl{font-size:1.1rem}} @media screen and (max-width:500px){.grD:not(.oGrd) .ntry:not(.pApGm) .pSnpt, .grD:not(.oGrd) .ntry .pHdr .aIm{display:none} .grD .blogPts{width:calc(100% + 15px);left:-7.5px;right:-7.5px} .grD .ntry{width:calc(50% - 15px);margin-left:7.5px;margin-right:7.5px} .oGrd.grD div.ntry{width:calc(100% - 15px)}}
/* Blog title */ .blogTtl{font-size:14px; margin:0 0 30px;width:calc(100% + 16px);display:flex;align-items:center;justify-content:space-between;position:relative;left:-8px;right:-8px} .blogTtl .t, .blogTtl.hm .title{margin:0 8px;flex-grow:1} .blogTtl .t span{font-weight:400;font-size:90%; opacity:.7} .blogTtl .t span::before{content:attr(data-text)} .blogTtl .t span::after{content:''; margin:0 4px} .blogTtl .t span.hm::after{content:'/'; margin:0 8px} .blogTtl .g{position:relative;flex-shrink:0;margin:0 2px;font-size:12px} .blogTtl .g svg{width:20px;height:20px} /* Thumbnail */ .pThmb{flex:0 0 calc(50% - 12.5px);overflow:hidden;position:relative;border-radius:3px; margin-bottom:20px; background:var(--transB)} .pThmb .thmb{display:block;position:relative;padding-top:52.335%; color:inherit; transition:var(--trans-1)} .pThmb .thmb amp-img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-height:108%;text-align:center;transform:translate(-50%, -50%)} .pThmb div.thmb span::before{content:attr(data-text); opacity:.7; white-space:nowrap} .pThmb:not(.nul)::before{position:absolute;top:0;right:0;bottom:0;left:0; transform:translateX(-100%); background-image:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 20%, rgba(255,255,255,.6) 60%, rgba(255,255,255, 0)); animation:shimmer 2s infinite;content:''} .pThmb.iyt:not(.nul) .thmb::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.4) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11.9999V8.43989C4 4.01989 7.13 2.2099 10.96 4.4199L14.05 6.1999L17.14 7.9799C20.97 10.1899 20.97 13.8099 17.14 16.0199L14.05 17.7999L10.96 19.5799C7.13 21.7899 4 19.9799 4 15.5599V11.9999Z'/></svg>") center / 35px no-repeat; opacity:0;transition:var(--trans-1)} .pThmb.iyt:not(.nul):hover .thmb::after{opacity:1} /* Sponsored */ .iFxd{display:flex;justify-content:flex-end;flex-wrap:wrap-reverse;position:absolute;top:0;right:0;padding:10px 6px;font-size:13px;line-height:16px} .iFxd>*{display:flex;align-items:center;margin:0 3px 6px;padding:5px;border-radius:15px;background:var(--contentB);color:inherit;box-shadow:0 -2px 5px rgba(0,0,0,.15)} .iFxd>* svg{width:16px;height:16px;stroke-width:1.5;opacity:.7} .iFxd>[data-text] svg{margin:0 2.5px} .iFxd .cmnt{color:var(--bodyC)} .iFxd>[data-text]::after{content:attr(data-text);margin:0 2.5px;opacity:.7} .blog-admin>.iFxd{top:unset;bottom:0} .blog-admin .iFxd>*{margin-bottom:0} .iFxd.vw,.iFxd.dl{right:unset;left:3px;padding:10px 0 0 6px;font-size:12px} .iFxd.dl{top:30px} .iFxd.vw>*, .iFxd.dl>*{margin:0;padding:3.5px}
/* Label */ .pLbls::before{content:attr(data-text)} .pLbls >*::before{content:attr(aria-label)} .pLbls::before{opacity:.7} .pLbls a:hover{text-decoration:underline} .pLbls >*{color:inherit;display:inline} .pLbls >*:not(:last-child)::after{content:'/'}
.pLbls2{bottom:0;display:flex;font-size:12px;left:0;overflow:hidden;padding:10px 6px;position:absolute;text-overflow:ellipsis;white-space:nowrap}.pThmb .pLbls2 a,.pThmb .pLbls2 span{background:var(--bodyB)}.pLbls2>*{border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.15);color:var(--bodyC);display:block;margin:0 3px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis}
/* Profile Images and Name */ .im{width:35px;height:35px;border-radius:16px; background-color:var(--transB);background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center} .im svg{width:18px;height:18px;opacity:.4} .nm::after{content:attr(data-text)} .pInf a.nm:hover::after{text-decoration:underline} /* Title and Entry */ .pTtl{font-size:1.2rem;line-height:1.5em} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:900; line-height:1.3em} .pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:inherit; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .pEnt{margin-top:40px; font-size:var(--postF);font-family:var(--fontBa); line-height:1.8em} /* Snippet, Description, Headers and Info */ .pHdr.nHdr{margin:0} .pHdr{width:calc(100% + 8px);position:relative;left:-4px;right:-4px;margin-bottom:8px; display:flex;align-items:center} .pHdr .aIm{flex-shrink:0;margin:0 4px;min-height:18px;min-width:18px} .pHdr .aIm .im{width:18px; height:18px} .pHdr .aNm{flex-grow:1; opacity:.8;margin:0 2px; display:inline-flex;flex-wrap:wrap;max-width:calc(100% - 30px)} .pHdr .nm, .pHdr .pLbls{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 2px} .pHdr .pLbls{opacity:.8} .pSml{font-size:93%} .pSnpt{-webkit-line-clamp:2;margin:12px 0 0;font-family:var(--fontBa);font-size:14px;line-height:1.5em; opacity:.8} .pSnpt.nTag{color:var(--linkC);opacity:1} .pDesc{font-size:16px;line-height:1.5em;margin:8px 0 25px;opacity:.7} .pInf{display:flex;align-items:baseline;justify-content:space-between; margin-top:15px} .pInf.nTm{margin:0} .pInf.nSpr .pJmp{opacity:1} .pInf.nSpr .pJmp::before{content:attr(aria-label)} .pInf.ps{justify-content:flex-start;align-items:center; margin-top:25px; position:relative;left:-4px;right:-4px;width:calc(100% + 8px)} .pInf.ps .pTtmp{opacity:1} .pInf.ps .pTtmp::before{content:attr(data-date) ' '} .pInf.ps .pTtmp::after{display:inline} .pInf.ps.nul{display:none} .pInf .pIm{flex-shrink:0;margin:0 4px;min-width:28px} .pInf .pNm{flex-grow:1;width:calc(100% - 130px);display:inline-flex;flex-wrap:wrap;align-items:baseline} .pInf .pNm.l{display:none} .pInf .pCm{flex-shrink:0;max-width:58px;margin:0 2px} .pInf .pCm.l{max-width:95px} .pInf .pIc{display:inline-flex;justify-content:flex-end;position:relative;width:calc(100% + 10px);left:-5px;right:-5px} .pInf .pIc >*{display:flex;align-items:center;position:relative;margin:0 2px;color:inherit} .pInf .pIc svg{width:20px;height:20px;opacity:.8;z-index:1} .pInf .pIc .cmnt::before{content:attr(data-text);font-size:11px;line-height:18px;padding:0 5px;border-radius:10px;background:#e6e6e6;color:var(--black);position:absolute;top:-5px;right:0;z-index:2} .pInf .pIc .cmnt svg{height:18px} .pInf .pDr{opacity:.7;display:inline-block;margin:0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%} .pInf .pDr >*:not(:first-child)::before{content:'\00B7';margin:0 5px} .pInf .pIn{display:inline} .pInf .nm{margin:0 4px} .pInf .n .nm::before, .pHdr .n .nm::before{content:attr(data-write) ' ';opacity:.7} .pInf .im{width:28px;height:28px} .aTtmp{opacity:.8} .aTtmp, .pJmp{overflow:hidden} .pTtmp::after, .pJmp::before, .iTtmp::before{content:attr(data-text); display:block;line-height:18px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .pJmp{display:inline-flex;align-items:center; opacity:0; transition:var(--trans-2)} .pJmp::before{content:attr(aria-label)} .pJmp svg{height:18px;width:18px;stroke:var(--linkC); flex-shrink:0} .ntry:hover .pJmp, .itm:hover .pJmp{opacity:1} /* Blog pager */ .blogPg{display:flex;flex-wrap:wrap;justify-content:space-between; font-size:90%;font-family:var(--fontB);line-height:20px; color:#fffdfc; margin:30px 0 50px; max-width:100%} .blogPg>*{align-items:center;background:var(--linkB);border-radius:3px;color:inherit;display:flex;margin-bottom:10px;padding:10px 13px;text-transform:capitalize} .blogPg >* svg{width:18px;height:18px; stroke:var(--white); stroke-width:1.5} .blogPg .jsLd{margin-left:auto;margin-right:auto} .jsLd.nPst::after, .nwLnk.nPst::after, .olLnk.nPst::before{display:none} .blogPg .nwLnk::after, .blogPg .jsLd::after, .blogPg .olLnk::before{content:attr(aria-label); margin:0 8px} .blogPg .nPst, .blogPg .current{background:var(--transB); color:var(--bodyCa)} .blogPg .nPst.jsLd svg{fill:var(--bodyCa);stroke:var(--bodyCa)} .blogPg .nPst svg.line{stroke:var(--bodyCa)} .nwLnk.nPst>:not(svg),.olLnk.nPst>:not(svg){margin:0 8px}
/*]]>*/<b:if cond='data:view.isSingleItem'>/*<![CDATA[*/
/* Breadcrumb */ .brdCmb{margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .brdCmb a{color:inherit} .brdCmb >*:not(:last-child)::after{content:'/'; margin:0 4px;font-size:90%;opacity:.6} .brdCmb >*{display:inline} .brdCmb .tl::before{content:attr(data-text)} .brdCmb .hm a{font-size:90%;opacity:.7}
/* Article Style */ .pS h1, .pS h2, .pS h3, .pS h4, .pS h5, .pS h6{margin:1.5em 0 18px; font-family:var(--fontBa);font-weight:900; line-height:1.5em} :target::before{content:"";display:block;height:75px;margin-top:-75px;visibility:hidden}.pInr:target{z-index:-1} .pS .h::before{content:attr(data-text)} /* Paragraph */ .pS p{margin:1.7em 0} .pIndent{text-indent:2.5rem} .onIt:not(.Rtl) .dropCap{float:left;margin:4px 8px 0 0; font-size:55px;line-height:45px;opacity:.8} .pS hr{margin:3em 0; border:0} .pS hr::before{content:'\2027 \2027 \2027'; display:block;text-align:center; font-size:24px;letter-spacing:0.6em;text-indent:0.6em;opacity:.8;clear:both} .pRef{display:block;font-size:14px;line-height:1.5em; opacity:.7; word-break:break-word} /* Img and Ad */ .pS img{display:inline-block;border-radius:3px;height:auto !important} .pS img.full{display:block !important; margin-bottom:10px; position:relative; width:100%;max-width:none} .pS .widget, .ps .pAd >*{margin:40px 0} /* Note */ .note{position:relative;padding:16px 20px 16px 50px; background:#e1f5fe;color:#3c4043; font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden;--transB:var(--white);--synxC:var(--black)} .note::before{content:'';width:60px;height:60px;background:#81b4dc;display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::before{background:#e65151} .note.wr::after{content:'\0021'} /* Ext link */ .extL::after{content:''; width:14px;height:14px; display:inline-block;margin:0 5px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M13 11L21.2 2.80005'/><path d='M22 6.8V2H17.2'/><path d='M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13'/></svg>") center / 14px no-repeat} /* Scroll img */ .psImg{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center; margin:2em 0; position:relative;left:-7px;right:-7px; width:calc(100% + 14px)} .psImg >*{width:calc(50% - 14px); margin:0 7px 14px; position:relative} .psImg img{display:block} .scImg >*{width:calc(33.3% - 14px)} .btImg label{position:absolute;top:0;left:0;right:0;bottom:0; border-radius:3px; display:flex;align-items:center;justify-content:center; background:rgba(0,0,0,.6); transition:var(--trans-1); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px); color:var(--white); font-size:13px;font-family:var(--fontB)} .hdImg .shImg{width:100%;margin:0; left:0;right:0; transition:var(--trans-1); max-height:0;opacity:0;visibility:hidden} .inImg:checked ~ .hdImg .shImg{max-height:1000vh;opacity:1;visibility:visible} .inImg:checked ~ .hdImg .btImg label{opacity:0;visibility:hidden} /* Post related */ .pRelate{margin:40px 0;padding:20px 0; border:1px solid #989b9f;border-left:0;border-right:0; font-size:14px;line-height:1.8em} .pRelate b{font-weight:400; margin:0;opacity:.8} .pRelate ul, .pRelate ol{margin:8px 0 0;padding:0 20px} /* Blockquote */ blockquote, .cmC i[rel=quote]{position:relative;font-size:.97rem; opacity:.8;line-height:1.6em;margin-left:0;margin-right:0;padding:5px 20px;border-left:2px solid var(--contentL)} blockquote.s-1, details.sp{font-size:.93rem; padding:25px 25px 25px 45px; border:1px solid #989b9f;border-left:0;border-right:0;line-height:1.7em} blockquote.s-1::before{content:'\201D';position:absolute;top:10px;left:0; font-size:60px;line-height:normal;opacity:.5} /* Table */ .ps table{margin:0 auto; font-size:14px;font-family:var(--fontB)} .ps table:not(.tr-caption-container){min-width:90%;border:1px solid var(--contentL);border-radius:3px;overflow:hidden} .ps table:not(.tr-caption-container) td{padding:16px} .ps table:not(.tr-caption-container) tr:not(:last-child) td{border-bottom:1px solid var(--contentL)} .ps table:not(.tr-caption-container) tr:nth-child(2n+1) td{background:var(--bodyBs)} .ps table th{padding:16px; text-align:inherit; border-bottom:1px solid var(--contentL)} .ps .table{display:block; overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth} /* Img caption */ figure{margin-left:0;margin-right:0} .ps .tr-caption, .psCaption, figcaption{display:block; font-size:14px;line-height:1.6em; font-family:var(--fontB);opacity:.7}
/* Syntax */ .pre{background:var(--synxBg);color:var(--synxC); direction: ltr} .pre:not(.tb){position:relative;border-radius:3px;overflow:hidden;margin:1.7em auto;font-family:var(--fontC)} .pre pre{margin:0;color:inherit;background:inherit} .pre:not(.tb)::before, .cmC i[rel=pre]::before{content:'</>';display:flex;justify-content:flex-end;position:absolute;right:0;top:0;width:100%;background:inherit;color:var(--synxGray);font-size:10px;padding:0 10px;z-index:2;line-height:30px} .pre:not(.tb).html::before{content:'.html'} .pre:not(.tb).css::before{content:'.css'} .pre:not(.tb).js::before{content:'.js'} .pre:not(.tb):hover::before{content:'Double click to copy | </>'} .pre:not(.tb).html:hover::before{content:'Double click to copy | .html'} .pre:not(.tb).css:hover::before{content:'Double click to copy | .css'} .pre:not(.tb).js:hover::before{content:'Double click to copy | .js'} .pre[data-text]:not([data-text='']):not(.tb)::before{content:attr(data-text)} .pre[data-text]:not([data-text='']):not(.tb):hover::before{content:'Double Click to Copy | ' attr(data-text)} pre, .cmC i[rel=pre]{display:block;position:relative;font-family:var(--fontC);font-size:13px;line-height:1.6em;border-radius:3px;background:var(--synxBg);color:var(--synxC);padding:30px 20px 20px;margin:1.7em auto; -moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none; overflow:auto;direction:ltr;white-space:pre} pre i{font-style:normal} pre i.block{color:#fff;background:var(--synxBlue)} pre i.green{color:var(--synxGreen)} pre i.gray{color:var(--synxGray)} pre i.red{color:var(--synxOrange)} pre i.blue{color:var(--synxBlue)} code{display:inline;padding:5px;font-size:14px;border-radius:3px;line-height:inherit;color:var(--synxC);background:#f2f3f5;font-family:var(--fontC)}
/* Multi syntax */ .pre.tb{border-radius:5px} .pre.tb pre{margin:0;background:inherit} .pre.tb .preH{font-size:13px;border-color:rgba(0,0,0,.05);margin:0} .pre.tb .preH >*{padding:13px 20px} .pre.tb .preH::after{content:'</>';font-size:10px;font-family:var(--fontC);color:var(--synxGray);padding:15px;margin-left:auto} .pre.tb >:not(.preH){display:none} .pS input[id*="1"]:checked ~ div[class*="C-1"], .pS input[id*="2"]:checked ~ div[class*="C-2"], .pS input[id*="3"]:checked ~ div[class*="C-3"], .pS input[id*="4"]:checked ~ div[class*="C-4"]{display:block} /* ToC */ .pS details summary{list-style:none;outline:none} .pS details summary::-webkit-details-marker{display:none} details.sp{padding:20px 15px} details.sp summary{display:flex;justify-content:space-between;align-items:baseline} details.sp summary::after{content:attr(data-show);font-size:12px; opacity:.7;cursor:pointer} details.sp[open] summary::after{content:attr(data-hide)} details.toc a:hover{text-decoration:underline} details.toc a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; color:inherit} details.toc ol{list-style:none;padding:0;margin:0; line-height:1.6em; counter-reset:toc-count} details.toc ol ol ol ol{display:none} details.toc ol ol, .tocIn li:not(:last-child){margin-bottom:5px} details.toc li li:first-child{margin-top:5px} details.toc li{display:flex;flex-wrap:wrap; justify-content:flex-end} details.toc li::before{flex:0 0 23px; content:counters(toc-count,'.')'. ';counter-increment:toc-count} details.toc li a{flex:1 0 calc(100% - 23px)} details.toc li li::before{flex:0 0 28px; content:counters(toc-count,'.')} details.toc li li a{flex:1 0 calc(100% - 28px)} details.toc li li li::before{flex:0 0 45px} details.toc li li li a{flex:1 0 calc(100% - 45px)} details.toc .toC >ol{margin-top:1em} details.toc .toC >ol >li >ol{flex:0 0 calc(100% - 23px)} details.toc .toC >ol >li >ol ol{flex:0 0 calc(100% - 45px)} details.toc .toC >ol >li >ol ol ol{flex:0 0 calc(100% - 35px)} details.toc.s1 ol{list-style:disc;padding:0 20px}details.toc.s1 li::before{display:none}details.toc.s1 li{display:list-item} /* Accordion */ .showH{margin:1.7em 0;font-size:.93rem;font-family:var(--fontB);line-height:1.7em} details.ac{padding:18px 0;border-bottom:1px solid var(--contentL)} details.ac:first-child{border-top:1px solid var(--contentL)} details.ac summary{font-weight:700;cursor:default; display:flex;align-items:baseline; transition:var(--trans-1)} details.ac summary::before{content:'\203A'; flex:0 0 25px;display:flex;align-items:center;justify-content:flex-start;padding:0 5px; font-weight:400;font-size:1.33rem;color:inherit} details.ac[open] summary{color:var(--linkC)} details.ac:not(.alt)[open] summary::before{transform:rotate(90deg);padding:0 0 0 5px;justify-content:center} details.ac.alt summary::before{content:'\002B'; padding:0 2px} details.ac.alt[open] summary::before{content:'\2212'} details.ac .aC{padding:0 25px;opacity:.9} /* Tabs */ .tbHd{display:flex; border-bottom:1px solid var(--contentL);margin-bottom:30px;font-size:14px;font-family:var(--fontB);line-height:1.6em; overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .tbHd >*{padding:12px 15px; border-bottom:1px solid transparent; transition:var(--trans-1);opacity:.6;white-space:nowrap; scroll-snap-align:start} .tbHd >*::before{content:attr(data-text)} .tbCn >*{display:none;width:100%} .tbCn >* p:first-child{margin-top:0} .pS input[id*="1"]:checked ~ .tbHd label[for*="1"], .pS input[id*="2"]:checked ~ .tbHd label[for*="2"], .pS input[id*="3"]:checked ~ .tbHd label[for*="3"], .pS input[id*="4"]:checked ~ .tbHd label[for*="4"]{border-color:var(--linkB);opacity:1} .pS input[id*="1"]:checked ~ .tbCn div[class*="Text-1"], .pS input[id*="2"]:checked ~ .tbCn div[class*="Text-2"], .pS input[id*="3"]:checked ~ .tbCn div[class*="Text-3"], .pS input[id*="4"]:checked ~ .tbCn div[class*="Text-4"]{display:block} .tbHd.stick{position:-webkit-sticky;position:sticky;top:var(--headerH);background:var(--bodyB)} /* Split */ .ps .blogPg{font-size:13px; justify-content:center; position:relative;width:calc(100% + 8px);left:-4px;right:-4px} .ps .blogPg >*{padding:8px 15px;margin:0 4px 8px} /* Youtube fullpage */ .videoYt{position:relative;padding-bottom:56.25%; overflow:hidden;border-radius:5px} .videoYt iframe{position:absolute;width:100%;height:100%;left:0;right:0} /* Lazy Youtube */ .lazyYt{background:var(--synxBg);position:relative;overflow:hidden;padding-top:56.25%;border-radius:5px} .lazyYt img{width:100%;top:-16.84%;left:0;opacity:.95} .lazyYt img, .lazyYt iframe, .lazyYt .play{position:absolute} .lazyYt iframe{width:100%;height:100%;bottom:0;right:0} .lazyYt .play{top:50%;left:50%; transform:translate3d(-50%,-50%,0); transition:all .5s ease;display:block;width:70px;height:70px;z-index:1} .lazyYt .play svg{width:inherit;height:inherit; fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:8} .lazyYt .play .c{stroke:rgba(255,255,255,.85);stroke-dasharray:650;stroke-dashoffset:650; transition:all .4s ease-in-out; opacity:.3} .lazyYt .play .t{stroke:rgba(255,255,255,.75);stroke-dasharray:240;stroke-dashoffset:480; transition:all .6s ease-in-out; transform:translateY(0)} .lazyYt .play:hover .t{animation:nudge .6s ease-in-out;-webkit-animation:nudge .6s ease-in-out} .lazyYt .play:hover .t, .lazyYt .play:hover .c{stroke-dashoffset:0; opacity:.7;stroke:#FF0000} .nAmp .lazyYt{display:none} /* Button */ .button{display:inline-flex;align-items:center; margin:10px 0;padding:12px 15px;outline:0;border:0; border-radius:3px;line-height:20px; color:#fffdfc; background:var(--linkB); font-size:14px;font-family:var(--fontB); white-space:nowrap;overflow:hidden;max-width:320px} .button.ln{color:inherit;background:transparent; border:1px solid var(--bodyCa)} .button.ln:hover{border-color:var(--linkB);box-shadow:0 0 0 1px var(--linkB) inset} .btnF{display:flex;justify-content:center; margin:10px 0;width:calc(100% + 12px);left:-6px;right:-6px;position:relative} .btnF >*{margin:0 6px} /* Download btn */ .dlBox{max-width:500px;background:var(--bodyBs);border-radius:10px;padding:12px;margin:1.7em 0; display:flex;align-items:center; font-size:14px} .dlBox .fT{flex-shrink:0;display:flex;align-items:center;justify-content:center; width:45px;height:45px; padding:10px; background:rgba(0,0,0,.1);border-radius:5px} .dlBox .fT::before{content:attr(data-text);opacity:.7} .dlBox .fT.lazy::before{display:none} .dlBox .fT.lazy{background-size:cover;background-position:center;background-repeat:no-repeat} .dlBox a{flex-shrink:0;margin:0;padding:10px 12px;border-radius:5px;font-size:13px} .dlBox a::after{content:attr(aria-label)} .dlBox .fN{flex-grow:1; width:calc(100% - 200px);padding:0 15px} .dlBox .fN >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dlBox .fS{line-height:16px;font-size:12px;opacity:.8} /* Icon btn */ .icon{flex-shrink:0;display:inline-flex} .icon::before{content:'';width:18px;height:18px;background-size:18px;background-repeat:no-repeat;background-position:center} .icon::after{content:'';padding:0 6px} .icon.dl::before, .drK .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")} .icon.demo::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M7.39999 6.32003L15.89 3.49003C19.7 2.22003 21.77 4.30003 20.51 8.11003L17.68 16.6C15.78 22.31 12.66 22.31 10.76 16.6L9.91999 14.08L7.39999 13.24C1.68999 11.34 1.68999 8.23003 7.39999 6.32003Z'/><path d='M10.11 13.6501L13.69 10.0601'/></svg>")} .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308102b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")} /*gallery img scroll*/ .galWrp{margin:25px 0;overflow-y:hidden;overflow-x:scroll;position:relative;white-space:nowrap;width:100%}.galWrp>*{display:inline-block;margin-right:5px}.galWrp>*:last-child{margin-right:0}.galWrp img{max-height:310px;max-width:unset;width:auto}.galWrp.h250 img{max-height:250px}.galWrp.h200 img{max-height:200px}.galWrp.h150 img{max-height:150px}@media screen and (max-width:500px){.galWrp img{max-height:250px}} /* Lightbox image */ .zmImg.s{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;margin:0;background:rgba(0,0,0,.75); display:flex;align-items:center;justify-content:center;z-index:999; -webkit-backdrop-filter:saturate(180%) blur(15px); backdrop-filter:saturate(180%) blur(15px)} .zmImg.s img{display:block;max-width:92%;max-height:92%;width:auto;margin:auto;border-radius:10px;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .zmImg.s img.full{left:auto;right:auto;border-radius:10px;width:auto} .zmImg::after{content:'\2715';line-height:16px;font-size:14px;color:#fffdfc;background:var(--linkB); position:fixed;bottom:-20px;right:-20px; display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%; transition:var(--trans-1);opacity:0;visibility:hidden} .zmImg.s::after{bottom:20px;right:20px;opacity:1;visibility:visible;cursor:pointer} .zmImg.s[data-text]::before{background:var(--black);border-radius:7px;color:var(--white);content:attr(data-text);font-size:13px;left:20px;line-height:20px;max-width:calc(100% - 100px);padding:8px 15px;position:absolute;bottom:20px;z-index:1;white-space:break-spaces}.zmImg:not(.s)>img:not(.n){cursor:pointer}.galWrp .zmImg.s img{max-height:92%} .zmImg:not(.s){position:relative}.zmImg:not(.s)::before{content:'';position:absolute;top:7px;right:7px;width:28px;height:28px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'/></svg>") var(--white) center / 14px no-repeat;display:flex;border-radius:50%;z-index:1;opacity:0;transition:opacity ease .5s;cursor:pointer;box-shadow:0 0px 10px -5px var(--black)}.zmImg:not(.s):hover::before{opacity:.8}
/* Post Syntax Color */ .pre .hljs-subst{color:var(--synxC)}.pre .hljs-comment{color:#656e77}.pre .hljs-attr,.pre .hljs-doctag,.pre .hljs-meta,.pre .hljs-meta-keyword,.pre .hljs-section,.pre .hljs-selector-class{color:#015692}.pre .hljs-selector-pseudo,.pre .hljs-keyword{color:#0a8356}.pre .hljs-selector-tag{color:#167406}.pre .hljs-attribute{color:#803378}.pre .hljs-built_in,.pre .hljs-literal,.pre .hljs-name,.pre .hljs-quote,.pre .hljs-selector-id,.pre .hljs-template-tag,.pre .hljs-title,.pre .hljs-type{color:#b75501}.pre .hljs-link,.pre .hljs-meta-string,.pre .hljs-regexp,.pre .hljs-selector-attr,.pre .hljs-string,.pre .hljs-symbol,.pre .hljs-template-variable,.pre .hljs-variable{color:#54790d}.pre .hljs-bullet,.pre .hljs-code{color:#535a60}.pre .hljs-deletion{color:#c02d2e}.pre .hljs-addition{color:#2f6f44}.pre .hljs-emphasis{font-style:italic}.pre .hljs-strong{font-weight:700}.drK .pre .hljs-subst,.drK .pre .hljs-property,.drK .pre .hljs-function{color:#fefefe}.drK .pre .hljs-strong{font-weight:700}.drK .pre .hljs-code,.drK .pre .hljs-emphasis{font-style:italic}.drK .pre .hljs-tag{color:#62c8f3}.drK .pre .hljs-name{color:#ff7086}.drK .pre .hljs-attr{color:#ffb244}.drK .pre .hljs-variable,.drK .pre .hljs-template-variable,.drK .pre .hljs-selector-id,.drK .pre .hljs-selector-class{color:#ade5fc}.drK .pre .hljs-string,.drK .pre .hljs-bullet{color:#a2fca2}.drK .pre .hljs-type,.drK .pre .hljs-title,.pre .hljs-section,.drK .pre .hljs-attribute,.drK .pre .hljs-quote,.drK .pre .hljs-built_in,.drK .pre .hljs-builtin-name{color:#ffa}.pre .hljs-number,.drK .pre .hljs-symbol,.drK .pre .hljs-bullet{color:#d36363}.drK .pre .hljs-number{color:#ff7600}.drK .pre .hljs-keyword,.drK .pre .hljs-literal{color:#fcc28c}.drK .pre .hljs-selector-pseudo{color:#fbc796}.drK .pre .hljs-selector-tag{color:#fbb46e}.drK .pre .hljs-comment,.drK .pre .hljs-deletion,.drK .pre .hljs-code{color:#888}.pre .hljs-regexp{color:#7d7197}.drK .pre .hljs-regexp,.drK .pre .hljs-link{color:#c6b4f0}.drK .pre .hljs-meta{color:#fc9b9b}.drK .pre .hljs-deletion{background-color:#fc9b9b;color:#333}.drK .pre .hljs-addition{background-color:#a2fca2;color:#333}
/* Article Style Responsive */ @media screen and (max-width: 640px){.pS img.full{width:calc(100% + 40px);left:-20px;right:-20px; border-radius:0} .note{font-size:13px} .scImg{flex-wrap:nowrap;justify-content:flex-start;position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 13px; overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .scImg >*{flex:0 0 80%;margin:0 7px;scroll-snap-align:center} .ps .table{position:relative; width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px; display:flex}} @media screen and (max-width:500px){.hdImg{width:100%;left:0;right:0} .hdImg >*, .shImg >*{width:100%;margin:0 0 16px} .ps .tr-caption, .psCaption, figcaption{font-size:13px} .btnF >*{flex-grow:1;justify-content:center}.btnF >*:first-child{flex:0 0 auto} .dlBox a{width:42px;height:42px;justify-content:center} .dlBox a::after, .dlBox .icon::after{display:none} .pS .separator a{display:block!important;margin:0!important}}
/* Author profile */ .admPs{display:flex; max-width:480px;margin:30px 0; padding:12px 12px 15px; background:var(--contentB);border-radius:8px; box-shadow:0 10px 25px -3px rgba(0,0,0,.1)} .admIm{flex-shrink:0; padding:5px 0 0} .admIm .im{width:34px;height:34px} .admI{flex-grow:1; width:calc(100% - 34px);padding:0 12px} .admN::before{content:attr(data-write) ' '; opacity:.7;font-size:90%} .admN::after{content:attr(data-text)} .admA{margin:5px 0 0; font-size:90%; opacity:.9;line-height:1.5em; /*display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden*/} /* Share btn */ .pSh{margin:15px 0;padding:18px 0;border:1px solid rgba(0,0,0,.05);border-left:0;border-right:0} .pShc{display:flex;align-items:center;flex-wrap:wrap; position:relative;width:calc(100% + 18px);left:-9px;right:-9px;font-size:13px;opacity:.8} .pShc::before{content:attr(data-text);margin:0 9px;flex-shrink:0} .pShc >*{margin:0 5px; display:flex;align-items:center; color:inherit} .pShc a::after{content:attr(data-text);margin:0 3px} .pShc svg, .cpL svg{width:18px;height:18px; margin:0 3px} .shL{position:relative;width:calc(100% + 20px);left:-10px;right:-10px;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center} .shL >*{margin:0 10px 20px;text-align:center} .shL >*::after{content:attr(data-text);font-size:90%;opacity:.7;display:block} .shL a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap; width:65px;height:65px; color:inherit;margin:0 auto 5px;padding:8px;border-radius:15px;background:var(--transB)} .shL a:hover{background:var(--contentL)} .shL svg{opacity:.8;height:28px;width:28px} .cpL{padding-bottom:15px} .cpL::before{content:attr(data-text);display:block;margin:0 0 15px;opacity:.8} .cpL svg{margin:0 4px;opacity:.7} .cpL input{border:0;outline:0;background:transparent;color:var(--bodyC);padding:18px 8px;flex-grow:1;opacity:.8} .cpL label{color:var(--linkC);display:flex;align-items:center;align-self:stretch; flex-shrink:0;padding:0 8px} .cpLb{display:flex;align-items:center;position:relative;background:var(--transB);border-radius:4px 4px 0 0;border-bottom:1px solid var(--bodyCa); padding:0 8px} .cpLb:hover input{opacity:1} .cpLn span{display:block;padding:5px 14px 0;font-size:90%;color:#2e7b32; transition:var(--trans-1);animation:fadein 2s ease forwards; opacity:0;height:22px} /* Entry font */ .fnIn:checked ~ .fnB .fCls{-webkit-backdrop-filter:none;backdrop-filter:none} .fnC{display:flex;list-style:none;margin:0;padding:0} .fnC li{flex:0 0 33.33%;display:flex;justify-content:center;align-items:baseline;padding-bottom:17px;position:relative} .fnC li:nth-child(1) label::before{font-size:25px;line-height:38px} .fnC li:nth-child(1) label::after{content:'Small'} .fnC li:nth-child(3) label::before{font-size:40px;line-height:27px} .fnC li:nth-child(3) label::after{content:'Large'} .fnC label{display:inline-flex;flex-direction:column;align-items:center;opacity:.6} .fnC label:hover{opacity:1} .fnC label::before{content:'A';font-size:32px;font-weight:700;line-height:34px} .fnC label::after{content:'Default';font-size:12px;position:absolute;bottom:0} .fontS1:checked ~ .fnB .fnt1, .fontS2:checked ~ .fnB .fnt2, .fontS3:checked ~ .fnB .fnt3{opacity:1} .fontS1:checked ~ .pInr .pEnt{font-size:var(--postFS)} .fontS3:checked ~ .pInr .pEnt{font-size:var(--postFL)} @media screen and (max-width:500px){.fontS1:checked ~ .pInr .pEnt{font-size:var(--postFSm)} .fontS3:checked ~ .pInr .pEnt{font-size:var(--postFLm)}} /* Comments */ /*.pCmnts{margin-top:50px}*/ .cmDis{text-align:center;margin-top:20px;opacity:.7} .cmMs{margin-bottom:20px} .cm iframe{width:100%;position:relative;top:-10px;left:-10px} .cm:not(.cmBr) .cmBrs{background:transparent;position:relative;padding:60px 20px 0;width:calc(100% + 40px);left:-20px;right:-20px} .cmH h3.title{margin:0;flex-grow:1;padding:16px 10px} .cmH .s{margin:0 14px} .cmH .s::before{content:attr(data-text);margin:0 6px;opacity:.7;font-size:90%} .cmH .s::after{content:'\296E';line-height:18px;font-size:17px} .cmAv{flex-shrink:0;padding:0 6px;width:47px} .cmAv .im{width:35px;height:35px;border-radius:50%;position:relative} .cmIn{flex-grow:1;padding:0 6px;width:calc(100% - 47px);position:relative} .cmBd.del .cmCo{font-style:italic;font-size:90%;line-height:normal;border:1px dashed rgba(0,0,0,.2);border-radius:3px;margin:.5em 0;padding:15px;opacity:.7; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr{line-height:24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr .d{font-size:90%;opacity:.7} .cmHr .d::before{content:'\00B7';margin:0 4px} .cmHr.a .n{display:inline-flex;align-items:center} .cmHr.a .n::after{content:'\2714';display:flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:8px;background:#519bd6;color:#fefefe;border-radius:50%;margin-left:3px} .cmCo{line-height:1.6em;opacity:.9} .cmC i[rel=image]{font-size:90%; display:block;position:relative; min-height:50px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:1em auto} .cmC i[rel=image]::before{content:'This feature isn\0027t available!';border:1px dashed rgba(0,0,0,.2);border-radius:3px;padding:10px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--contentB)} .cmC i[rel=pre], .cmC i[rel=quote]{margin-top:1em;margin-bottom:1em; font-style:normal;line-height:inherit;padding:20px} .cmC i[rel=pre]::before{display:block;width:auto} .cmC i[rel=pre]{text-align:left} .cmC i[rel=quote]{display:block;font-style:italic;font-size:inherit;padding:5px 15px} .cmCo img{margin-top:1em;margin-bottom:1em} .cmAc{margin-top:10px} .cmAc a{font-size:90%;color:inherit;opacity:.7;display:inline-flex} .cmAc a::before{content:'\2934';line-height:18px;font-size:16px;transform:rotate(90deg)} .cmAc a::after{content:attr(data-text);margin:0 6px} .cmR{margin:10px 0 0} .cmRp ~ .cmAc, .cmBd.del ~ .cmAc, .onIt:not(.Rtl) .cmHr .date{display:none} .cmRi:checked ~ .cmRp .thTg{margin-bottom:0} .cmRi:checked ~ .cmRp .thTg::before{content:attr(aria-label)} .cmRi:checked ~ .cmRp .thCh, .cmRi:checked ~ .cmRp .cmR{display:none} .cmAl:checked ~ .cm .cmH .s::before{content:attr(data-new)} .cmAl:checked ~ .cm .cmCn >ol{flex-direction:column-reverse} .thTg{display:inline-flex;align-items:center;margin:15px 0 18px;font-size:90%} .thTg::after{content:'';width:20px;border-bottom:1px solid var(--widgetTac);opacity:.5;margin:0 10px} .thTg::before{content:attr(data-text);opacity:.7} .cmCn ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .cmCn li{display:flex;flex-wrap:wrap;padding-bottom:20px;position:relative;width:calc(100% + 12px);left:-6px;right:-6px} .cmCn li .cmRbox{margin-top:20px;padding:0 6px;flex-grow:1} .cmCn li li{padding-bottom:15px;display:block;width:100%;left:0;right:0} .cmCn li li:last-child{padding-bottom:0} .cmCn li li .cmAv{width:20px;margin:2px 0;padding:0;position:absolute} .cmCn li li .cmAv .im{width:20px;height:20px} .cmCn li li .cmIn{width:100%;padding:0} .cmCn li li .cmHr{padding:0 0 0 26px} .cmHl >li >.cmIn::before{content:'';border-left:1px solid var(--contentL);position:absolute;left:-24px;top:40px;height:calc(100% - 25px)} /* Comments Show/Hide */ #comment:target{margin:0;padding-top:60px} .cmSh:checked ~ .cmShw, .cmShw ~ .cm:not(.cmBr), #comment:target .cmShw, #comment:target .cmSh:checked ~ .cm:not(.cmBr){display:none} .cmSh:checked ~ .cm:not(.cmBr), #comment:target .cm:not(.cmBr), #comment:target .cmSh:checked ~ .cmShw{display:block} .cmBtn{display:block;padding:20px;text-align:center;max-width:100%} .cmBtn.ln:hover{color:var(--linkB)} /* Comments Pop-up */ #comment:target .cmSh:checked ~ .cm.cmBr{bottom:-100%;opacity:0;visibility:hidden} #comment:target .cmSh:checked ~ .cm.cmBr .fCls{opacity:0;visibility:hidden} .cmDl{position: absolute;top:1.5px;right:10px;width:20px;height:20px;background:var(--synxRed);border-radius:50%;transition:var(--trans-1)} .cmDl.rp{right:4px} .cmDl:hover{transform:scale(1.2);background:var(--linkC)} .cmDl a{width:20px;height:20px;display:flex;justify-content:center;align-items:center} .cmDl a svg{width:12px;height:12px;stroke:var(--white)}
/*]]>*/</b:if>/*<![CDATA[*/
/* Widget Style */ .widget .imgThm{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:108%; font-size:12px;text-align:center; transform:translate(-50%, -50%)} .onMob:not(.grD) .ntry .imgAG, .onMl:not(.grD) .ntry .imgAG, .imgAG:not([alt-img]){max-height:100%} .widget .title{margin:0 0 25px; font-size:var(--widgetT);font-weight:var(--widgetTw);position:relative} .widget .title::after{content:'';display:inline-block;vertical-align:middle; width:var(--widgetTa); margin:0 10px;border-bottom:1px solid var(--widgetTac); opacity:.5} .widget input[type=text], .widget input[type=email], .widget textarea{display:block;width:100%;outline:0;border:0;border-bottom:1px solid rgba(0,0,0,.25);border-radius:4px 4px 0 0;background:#f3f3f4; padding:25px 16px 8px 16px; line-height:1.6em; transition:var(--trans-1)} .widget input[type=text]:hover, .widget input[type=email]:hover, .widget textarea:hover{border-color:rgba(0,0,0,.42);background:#ececec} .widget input[type=text]:focus, .widget input[type=email]:focus, .widget textarea:focus, .widget input[data-text=fl], .widget textarea[data-text=fl]{border-color:var(--linkB);background:#ececec} .widget input[type=button], .widget input[type=submit]{display:inline-flex;align-items:center; padding:12px 30px; outline:0;border:0;border-radius:4px; color:#fffdfc; background:var(--linkB); font-size:14px; white-space:nowrap;overflow:hidden;max-width:100%} .widget input[type=button]:hover, .widget input[type=submit]:hover{opacity:.7}
/* Widget BlogSearch */ .srhB .c{border-left:1px solid var(--contentL);padding:0 20px} .srhB .BlogSearch{padding:0} .srhB .BlogSearch:last-child{border:0} .srhB .Label{padding:20px 0} .srhBs{padding-bottom:0} .BlogSearch{border-bottom:1px solid var(--contentL)} .BlogSearch form{position:relative;flex-grow:1} .BlogSearch input{background:transparent;position:relative;display:block;border:0;outline:0;padding:10px 55px;width:100%;height:60px;transition:var(--trans-1);z-index:2} .BlogSearch input[type=search]::-ms-clear,.BlogSearch input[type=search]::-ms-reveal{display:none;appearance:none;width:0;height:0} .BlogSearch input[type=search]::-webkit-search-decoration, .BlogSearch input[type=search]::-webkit-search-cancel-button, .BlogSearch input[type=search]::-webkit-search-results-button, .BlogSearch input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none;appearance:none} .BlogSearch input:focus ~ button.sb{opacity:.7} .BlogSearch .sb{position:absolute;left:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0} .BlogSearch .sb svg{width:18px;height:18px;stroke:var(--srchI)} .BlogSearch button.sb{left:auto;right:0;opacity:0;font-size:12px;padding:0 15px} .BlogSearch button.sb::before{content:attr(data-text)}
/* Widget Profile */ .wPrf.sl{position:relative;width:calc(100% + 16px);left:-8px;right:-8px;display:flex} .wPrf.sl .sIm{margin:0 8px;flex-shrink:0;min-width:58px} .wPrf.sl .im{width:58px;height:58px;border-radius:26px;margin:0 auto} .wPrf.tm{display:flex;position:relative;width:calc(100% + 4px);left:-2px;right:-2px} .wPrf.tm .sIm{padding:2px;background:var(--contentB);position:relative;border-radius:50%} .wPrf.tm .sIm:not(:first-child){margin-left:-10px} .wPrf.tm .sIm .im, .wPrf.tm .am{width:42px;height:42px;flex-shrink:0;border-radius:50%} .wPrf.tm .sIm::after{content:attr(data-text);position:absolute;bottom:-23px;left:50%;transform:translate(-50%, 0);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px;background:#696969;color:#ebeced;font-size:12px;padding:3px 10px;border-radius:3px;opacity:0;visibility:hidden} .wPrf.tm .sIm:hover::after{opacity:.9;visibility:visible} .wPrf.tm .mIm{display:flex;padding:2px 0} .wPrf.tm .mIm::before{content:'';border-left:1px solid var(--contentL);margin:5px 10px;flex-shrink:0} .wPrf.tm .am{display:flex;align-items:center;justify-content:center;background:var(--transB)} .wPrf.tm .am::before{content:attr(data-text);font-size:12px;opacity:.8} .tmC{display:flex} .prfL{border-radius:8px;padding:8px;transition:var(--trans-1);text-align:center} .prfL::after{content:attr(data-text);font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px;display:block} .prfL .im{width:55px;height:55px;border-radius:50%;margin:0 auto 5px} .sInf{margin:0 8px;flex-grow:1} .sInf .sDt .l{display:inline-flex;align-items:center;color:inherit} .sInf .sTxt{margin:5px auto 0;max-width:320px;font-size:93%;opacity:.9;line-height:1.5em} .sInf .sTxt a{text-decoration:underline} .sInf .lc{display:flex;margin:10px 0 0;opacity:.8;font-size:90%} .sInf .lc svg{width:16px;height:16px} .sInf .lc::after{content:attr(data-text);margin:0 4px}
/* Widget PopularPosts */ .itemPp{counter-reset:p-cnt} .itemPp .iCtnt{display:flex} .itemPp >*:not(:last-child){margin-bottom:25px} .itemPp .iCtnt::before{flex-shrink:0;content:'0' counter(p-cnt);counter-increment:p-cnt;width:25px;opacity:.6;font-size:85%;line-height:1.95em} .iInr{flex:1 0;width:calc(100% - 25px)} .iTtl{font-size:.95rem;font-weight:700;line-height:1.5em} .iTtmp{display:inline-flex} .iTtmp::after{content:'\2014';margin:0 5px; color:var(--widgetTac);opacity:.7} .iInf{margin:0 25px 8px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .iInf .pLbls{display:inline;opacity:.8}
/* Widget Label */ /* List Label */ .wL ul{display:flex;flex-wrap:wrap; list-style:none;margin:0;padding:0; position:relative;width:calc(100% + 30px);left:-15px;right:-15px; font-size:13px} .wL li{width:calc(50% - 10px); margin:0 5px} .wL li >*{display:flex;align-items:baseline;justify-content:space-between; color:inherit;width:100%; padding:8px 10px;border-radius:4px;line-height:20px} .wL li >* svg{width:18px;height:18px;opacity:.8} .wL li >*:hover svg, .wL li >div svg{/*fill:var(--linkC) !important;*/stroke:var(--linkC)} .wL li >*:hover .lbC, .wL li >div .lbC{color:var(--linkC)} .wL .lbR{display:inline-flex;align-items:center} .wL .lbR .lbC{margin:0 5px} .wL .lbAl{max-height:0; overflow:hidden; transition:var(--trans-4)} .wL .lbM{display:inline-block; margin-top:10px;line-height:20px; color:var(--linkC)} .wL .lbM::before{content:attr(data-show)} .wL .lbM::after, .wL .lbC::after{content:attr(data-text)} .wL .lbM::after{margin:0 8px} .wL .lbT{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7} .wL .lbC, .wL .lbM::after{flex-shrink:0;font-size:12px;opacity:.7} .lbIn:checked ~ .lbAl{max-height:1000vh} .lbIn:checked ~ .lbM::before{content:attr(data-hide)} .lbIn:checked ~ .lbM::after{visibility:hidden} .wL.bg ul{width:calc(100% + 10px);left:-5px;right:-5px} .wL.bg li{margin-bottom:10px} .wL.bg li >*{background:var(--bodyBs)} /* Cloud Label */ .wL.cl{display:flex;flex-wrap:wrap} .wL.cl >*, .wL.cl .lbAl >*{display:block;max-width:100%} .wL.cl .lbAl{display:flex;flex-wrap:wrap} .wL.cl .lbC::before{content:'';margin:0 4px;flex:0 0} .wL.cl .lbN{display:flex;justify-content:space-between; margin:0 0 8px;padding:9px 13px; border:1px solid var(--contentL);border-radius:3px; color:inherit;line-height:20px} .wL.cl .lbN:hover .lbC, .wL.cl div.lbN .lbC{color:var(--linkB); opacity:1} .wL.cl .lbN:not(div):hover, .wL.cl div.lbN{border-color:var(--linkB)} .wL.cl .lbSz{display:flex} .wL.cl .lbSz::after{content:'';margin:0 4px;flex:0 0}
/* Widget ContactForm */ .ContactForm{max-width:500px; font-family:var(--fontB);font-size:14px} .cArea:not(:last-child){margin-bottom:25px} .cArea label{display:block;position:relative} .cArea label .n{display:block;position:absolute;left:0;right:0;top:0; color:rgba(8,16,43,.4);line-height:1.6em;padding:15px 16px 0;border-radius:4px 4px 0 0;transition:var(--trans-1)} .cArea label .n.req::after{content:'*';font-size:85%} .cArea textarea{height:100px} .cArea textarea:focus, .cArea textarea[data-text=fl]{height:200px} .cArea input:focus ~ .n, .cArea textarea:focus ~ .n, .cArea input[data-text=fl] ~ .n, .cArea textarea[data-text=fl] ~ .n{padding-top:5px;color:rgba(8,16,43,.7);font-size:90%;background:#ececec} .cArea .h{display:block;font-size:90%;padding:5px 16px 0;opacity:.7;line-height:normal} .nArea .contact-form-error-message-with-border{color:#d32f2f} .nArea .contact-form-success-message-with-border{color:#2e7b32}
/* Sticky Ad */ .ancrA{position:fixed;bottom:0;left:0;right:0;min-height:70px;max-height:200px;padding:5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1); transition:var(--trans-1);display:flex;align-items:center;justify-content:center;background:var(--bodyBs);z-index:50;border-top:1px solid var(--contentL)} .ancrC{width:40px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;border:1px solid var(--contentL);border-bottom:0;border-right:0;position:absolute;right:0;top:-30px;background:inherit} .ancrC::after{content:'\2715';line-height:18px;font-size:14px} .ancrCn{flex-grow:1;overflow:hidden;display:block;position:relative} .ancrI:checked ~ .ancrA{padding:0;min-height:0} .ancrI:checked ~ .ancrA .ancrCn{display:none}
/* Error Page */ .erroP{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:0} .erroC{width:calc(100% - 40px);max-width:450px;margin:auto;font-family:var(--fontBa)} .erroC h3{font-size:1.414rem;font-family:inherit} .erroC h3 span{display:block;font-size:140px;line-height:.8;margin-bottom:-1rem;color:#ebebf0} .erroC p{margin:30px 5%;line-height:1.6em;opacity:.7} .erroC .button{margin:0;padding-left:2em;padding-right:2em;font-size:14px}
/* Responsive */
@media screen and (min-width:897px){/* Header */ .headL .headN{width:100%} .headL, .headR{z-index:1} .headM .HTML + .PageList, .headL .headIc{display:none} .headM{display:flex;align-items:center;justify-content:center;max-width:calc(100% - 350px);height:100%;position:absolute;left:0;right:0;margin:0 auto} /* mainIn */ .mainIn, .blogM{display:flex} .onMl:not(.grD) .blogM, .onPg .blogM{justify-content:center} .blogCont{padding-top:30px;padding-bottom:30px} .mainbar{flex:1 0 calc(100% - var(--sideW) - 30px);width:calc(100% - var(--sideW) - 30px); transition:var(--trans-2)} .onPs .mainbar,.onHm .mainbar{max-width:630px} .sidebar{display:flex;flex:0 0 calc(var(--sideW) + 30px);width:calc(var(--sideW) + 30px); margin:0} .sidebar::before{content:'';flex:0 0 30px} .sidebar .sideIn{width:calc(100% - 30px)} /* mainNav */ .mnH{display:none} .mnMob, .mnMn svg:not(.d){display:none} .mnMn{display:block;position:relative;width:calc(100% + 25px);left:-12.5px;right:-12.5px} .mnMn >li{display:inline-flex;align-items:center;margin:0 12.5px;position:relative;white-space:nowrap;height:var(--headerH);direction:ltr} .mnMn >li:hover ul{opacity:1;visibility:visible;transform: scale(1);} .mnMn >li:last-child ul{left:auto;border-radius:16px 5px 16px 16px} .mnMn ul{display:block;position:absolute;top:calc(var(--headerH) - 10px);left:-15px;background:var(--contentB);box-shadow:0 5px 5px 1px rgba(0,0,0,.1);border-radius:0 0 15px 15px;opacity:0;visibility:hidden;z-index:2;overflow:hidden;transform-origin:center top 0;transform:scale(1,0);transition:all .2s ease-in-out}.mnMn ul li>*{display:block;padding:10px 15px}.mnMn ul li>*:hover{background:var(--transB)}.mnMn .a{display:inline-flex;align-items:center;z-index:1}.mnMn .a:hover{color:var(--linkC)}.mnMn .a::after,.isTutor::after{content:'';border-bottom:1px solid var(--linkC);position:absolute;bottom:15px;left:0;right:0;opacity:0;width:0%;transition:width .2s ease-in-out}.isTutor::after{bottom:-3px}.mnMn .a:hover::after,.mnMn .drp:hover>.a::after,.isTutor:hover::after{opacity:1;width:100%}.mnMn .drp .n::after{content:'';padding:0 3px;flex:0 0}.mnMn .drp::before{content:'';bottom:0;left:-15px;opacity:0;right:-15px;top:12px;transition:opacity .2s ease-out;box-shadow:0 1px 10px 1px rgba(0,0,0,.1);position:absolute;border-radius:10px 10px 0 0}.mnMn .drp:hover::before{background:var(--contentB);opacity:1}}
@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.35)}::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.35)}}
@media screen and (max-width:1100px) and (min-width: 897px){/* mainIn */ .mainbar{flex:1 0 calc(100% - var(--sideW) - 25px);width:calc(100% - var(--sideW) - 25px)} .sidebar{flex:0 0 calc(var(--sideW) + 25px);width:calc(var(--sideW) + 25px)} .sidebar::before{content:'';flex:0 0 25px} .sidebar .sideIn{width:calc(100% - 25px)}}
@media screen and (max-width:896px){/* mainIn */ .mainbar{margin:0 auto} /* Header */ .ntfC{padding-left:20px;padding-right:20px} .headIn, .navI .secIn{padding:0} .headL{padding:0 0 0 15px;flex-grow:1;width:50%;max-width:none} .headR{padding:0 20px 0 0;flex-grow:0;transition:var(--trans-1)} .headIc .isSrh{display:block} .headL .headN{width:calc(100% - 40px)} /* Scroll Menu */ .navI li{margin:0;padding:8px 0;display:flex} .navI li::before{content:'';padding:10px} .navI ul::after{content:'';display:block;padding:10px;scroll-snap-align:start} .navI .l{position:relative} .navI .l::after{bottom:-8px} .navI a.l:hover::after, .navI .l.a::after{opacity:1} /* mainNav */ .headM{display:flex;justify-content:flex-start;position:fixed;left:0;top:0;bottom:0;margin-left:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%} .mnBr{width:75%;max-width:400px;height:100%;border-radius:0 12px 12px 0;transition:inherit;z-index:3;overflow:hidden;position:relative;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .mnBrs{padding:60px 0 0;overflow-y:scroll;overflow-x:hidden;width:100%;height:100%; background:var(--contentB)} .mnH{padding:0 15px} .mnH label{padding:15px 10px} .mnH .c::after{margin:0 13px} .navi:checked ~ .mainWrp .headM{margin-left:0} .navi:checked ~ .mainWrp .headM .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2)} .mnMob{align-self:flex-end;position:absolute;left:0;right:0;bottom:0;background:var(--bodyBs);padding:15px 20px 20px;border-top:1px solid var(--contentL);text-align:center;z-index:1} .mnMob .mSoc{display:flex;justify-content:center;position:relative;width:calc(100% + 14px);left:-7px;right:-7px;margin-top:5px} .mnMob:not(.no-items) + .mnMen{padding-bottom:100px} .mnBr .mMenu{margin-bottom:5px} .mnMen{padding:0 15px 20px} .mMenu >*{display:inline} .mMenu >*:not(:last-child)::after{content:'\00B7';font-size:90%;opacity:.6} .mMenu a:hover{text-decoration:underline} .mSoc >*{position:relative} .mSoc svg{z-index:1} .mSoc svg, .mnMn svg{width:20px;height:20px;opacity:.8} .mSoc span, .mMenu span{opacity:.7} .mnMn >li{position:relative} .mnMn >li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 5px} .mnMn li:not(.mr) .a:hover, .mnMn ul li>*:hover{background:var(--transB)} .mnMn li:not(.mr) .a:hover, .mnMn ul li a:hover{color:var(--linkC)} .mnMn li:not(.mr) ul{padding-left:30px} .mnMn li ul{display:none;opacity:0;visibility:hidden} .mnMn ul li>*, .mnMn .a{display:flex;align-items:center;padding:10px 5px;position:relative;width:calc(100% + 10px);left:-5px;right:-5px;border-radius:8px;transition:var(--trans-1)} .mnMn ul li>*{padding:10px} .mnMn .a >*{margin:0 5px} .mnMn .a:hover svg:not(.d){fill:var(--linkC)} .mnMn .a:hover svg.line:not(.d), .drp ul li:hover svg.line{fill:none;stroke:var(--linkC)} .mnMn .n, .mnMn ul li>*{display:block;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)} .mnMn .drp.mr .a{font-size:13px;padding-bottom:0;opacity:.7} .mnMn .drp.mr svg.d{display:none} .mnMn .drpI:checked ~ .a svg.d{transform:rotate(180deg)} .mnMn .drpI:checked ~ ul{display:block;opacity:1;position:relative;visibility:visible} .mnMn .drp:not(.mr) .drpI:checked~ul::before{border-left:1px solid;content:'';display:block;height:calc(100% - 20px);left:15px;opacity:.2;position:absolute;width:1px}.mnMn .drp:not(.mr) .drpI:checked~ul li>*{margin-left:5px;overflow:visible;width:calc(100% + 5px)}.mnMn .drp:not(.mr) .drpI:checked~ul li a::before{border-bottom:1px solid;content:'';display:block;height:1px;left:-14px;opacity:.2;position:absolute;top:19px;width:14px}.mnMn li li a>*{display:flex;overflow:hidden}.mnMn li li a>* svg{margin-right:5px} /* Font and Blog */ .pTtl{font-size:1.1rem}}
@media screen and (max-width:640px){/* Header */ .headCn{height:var(--headerHm)} /* Pop-up */ .fixL{align-items:flex-end} .fixL .fixLi, .fixL .cmBri{border-radius:12px 12px 0 0; max-width:680px} .fixL .cmBri:not(.mty){border-radius:0;height:100%;max-height:100%} /* Article */ .onId:not(.grD) .ntry, .itemFt .itm{align-items:flex-start} .onId:not(.grD) .ntry >*, .itemFt .itm >*{flex:0 0 calc(40% - 22px);width:calc(40% - 22px)} .onId .ntry .pInf, .itemFt .itm .pInf{margin-top:10px} .ntry .iFxd .spnr{display:none} .ntry .iFxd{padding:5px 2px} .ntry .iFxd>* svg{padding:1px} .onId:not(.grD) .ntry.pApGm .iFxd:nth-child(4){top:unset;bottom:0} /* Footer */ .fotIn >*, .fotIn >*:first-child{width:calc(50% - 30px)}}
@media screen and (min-width:501px) and (max-width:640px){.itemFt .thmb{padding-top:78%} .itemFt .iFxd .cmnt, .itemFt .pLbls2{display:none}}
@media screen and (max-width:500px){/* Font size */ .iFxd, .crdtIn, .pInf.ps .pDr{font-size:12px} .brdCmb, .navI{font-size:13px} .pDesc{font-size:14px} .pEnt{font-size:var(--postFm)} .pTtl.itm{font-size:var(--postTm)} /* Share */ .pShc a::after{display:none} /* Article */ .onId:not(.grD) .ntry{width:calc(100% + 15px);left:-7.5px;right:-7.5px;} .onId:not(.grD) .ntry >*{flex:0 0 calc(40% - 7.5px);width:calc(40% - 7.5px);margin-left:7.5px;margin-right:7.5px} .onId:not(.grD) .ntry .pThmb{flex:0 0 100px;border-radius:15px;overflow:hidden} .onId:not(.grD) .ntry .thmb{padding-top:100%} .onId .ntry .pTtl{font-size:1rem} .grD:not(.oGrd) .ntry .pTtl{font-size:.9rem} .onId .ntry .pInf{margin-top:12px} .ntry .pSnpt{font-size:13px; /* add display:none; here to hide Snippet in mobile view */} .ntry .pSml{font-size:12px} .pInf.ps .pTtmp::after{content:attr(data-time)}
/* oneGrid mode*/ .grD.oGrd .ntry{width:calc(100% - 15px);padding-bottom:0}.grD.oGrd .ntry .pInf{position:relative}.grD.oGrd .ntry .pSnpt{font-size:14px}.grD.oGrd .ntry .pSml{font-size:93%}.grD.oGrd .ntry .pTtl{font-size:1.1rem}.grD.oGrd .ntry .iFxd .spnr{display:flex}.grD.oGrd .ntry .iFxd{padding:10px 6px}.grD.oGrd .ntry .iFxd>* svg{padding:0}.grD:not(.oGrd) .ntry .iFxd>*{padding:3px}.grD:not(.oGrd) .ntry .iFxd>[data-text] svg,.onId:not(.grD) .ntry .iFxd>[data-text] svg{width:14px;height:14px;margin:0 1.5px}.grD:not(.oGrd) .ntry .iFxd,.grD:not(.oGrd) .pLbls2,.onId:not(.grD) .ntry .iFxd{font-size:10px}.onId:not(.grD) .ntry .iFxd>*{padding:3px} .grD:not(.oGrd) .pLbls2{padding:0 0 5px 2px} .grD:not(.oGrd) .ntry .iFxd>[data-text]{padding: 2px 3px} .grD:not(.oGrd) .ntry .iFxd.dl{top:26px} /* Widget Featured */ .itemFt .itm .iThmb{flex:0 0 calc(100% - 22px);margin-bottom:20px} .itemFt .itm .iCtnt{padding-bottom:30px;border-bottom:1px solid var(--contentL)} /* Footer */ .fotIn >*, .fotIn >*:first-child{width:calc(100% - 30px)}}
@media screen and (max-width:400px){.pInf.ps .pDr{display:flex;flex-direction:column}.pInf .pNm{margin:0 4px}.pRd.pIn::before{display:none}}
/* Keyframes Animation */ @keyframes shimmer{100%{transform:translateX(100%)}} @keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}} @-webkit-keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @-webkit-keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @-webkit-keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @-webkit-keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @-webkit-keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @-webkit-keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}} @-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes opaC0{0%{opacity:0}100%{opacity:0}}@keyframes opaCity{0%{opacity:0}100%{opacity:1}}
/* other Option */ .lazy:not([lazied]){display:none} .lazy[lazied]{animation:opaCity .5s 0s}
/* Hide Scroll */ .scrlH::-webkit-scrollbar{width:0;height:0} .scrlH::-webkit-scrollbar-track{background:transparent} .scrlH::-webkit-scrollbar-thumb{background:transparent;border:none}
/*New CSS*/
article:not(.pApGm) .pSnpt,.bmPs.h{display:none}.pSnpt.nApGm{margin:0;opacity:1}.nApGm .apVM{margin:3px 0;overflow:hidden}.nApGm .apAM>*,.rPst .apAM>*{font-size:smaller;font-weight:400;padding:1px 8px;color:var(--white);background:var(--linkC);border-radius:8px}.nApGm .apAM>:not(:last-child),.rPst .apAM>:not(:last-child){margin-right:5px}
.apAM>.apk{background-color:var(--apk)}.apAM>.mod{background-color:var(--mod)}
@media screen and (min-width:897px){.onMl:not(.grD) .blogPts{display:flex;flex-wrap:wrap}.onId.onMl:not(.grD) .ntry.pApGm{width:calc(50% - 0px)}.onMl:not(.grD) .ntry.pApGm .pThmb{flex:0 0 100px}.onMl:not(.grD) .ntry.pApGm .thmb{padding-top:100%}.onMl:not(.grD) .ntry.pApGm .pTtl{font-size:1rem;line-height:1.4rem}.onMl:not(.grD) .ntry.pApGm .pSnpt{font-size:13px}.onMl:not(.grD) .ntry.pApGm .pSnpt,.onMl:not(.grD) .ntry.pApGm .pTtl>*{-webkit-line-clamp:1}.onMl:not(.grD) .ntry.pApGm .iFxd .cmnt,.onMl:not(.grD) .ntry.pApGm .pLbls2,.onMl:not(.grD) .ntry.pApGm .pInf{display:none}.onMl:not(.grD) .ntry.pApGm .iFxd>*{padding:3px}.onMl:not(.grD) .ntry.pApGm .iFxd>[data-text] svg{width:14px;height:14px;margin:0 1.5px}.onMl:not(.grD) .ntry.pApGm .iFxd{font-size:10px;padding:5px 2px}
.onMl:not(.grD) .ntry.pApGm .iFxd:not(:nth-child(2)){left:3px}
.onMl:not(.grD) .ntry.pApGm .iFxd:nth-child(4){top:unset;bottom:0}
}
@media screen and (max-width:640px){.grD:not(.oGrd) .blogPts .pApGm .pLbls2 .apPrice,.onId.grD:not(.oGrd) .pTtmp[data-tx]~.pJmp,.onId:not(.grD) .blogPts .pApGm .pLbls2,.onId:not(.grD) .blogPts .pInf,.onId:not(.grD) .blogPts .pApGm .iFxd .cmnt{display:none!important}}
/*]]>*/<b:if cond='data:view.isHomepage and data:view.url != data:view.url params { amp: "1" }'>/*<![CDATA[*/ /* Recent Post */.lblPst.section.no-items{display:none}.onHm .lblPst.section{margin:20px 0 20px}.lblPst-loading{position:relative;width:100%;height:100%;display:flex;text-align:center;align-items:center;justify-content:center;min-height:220px}.bX .lblPst-loading{min-height:245px}.lblPst-loading::after{content:"";display:block;width:30px;height:30px;box-sizing:border-box;margin:0;border:2.5px solid var(--transB);border-left-color:var(--linkC);border-radius:100%;animation:spinner 0.4s infinite linear;transform-origin:center}.r.nApGm{display:flex;flex-wrap:wrap;left:-10px;list-style:none;margin:0;padding:0;position:relative;right:-10px;width:calc(100% + 20px)}.nApGm>article{flex:0 1 calc(33.333% - 20px);display:block;margin:0 10px 30px;width:calc(33.333% - 20px);animation:opaCity .5s 0s}.nApGm .item{align-items:center;color:inherit;display:flex;position:relative;width:100%}.nApGm .item:hover{opacity:.75;transition:opacity .3s}.nApGm .pThmb{border-radius:15px;flex:0 0 80px;margin:0}.nApGm .iThmb>::before{-webkit-transform:translate(-50%,-50%);content:'No image';display:block;font-size:12px;left:50%;max-height:100%;max-width:none;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%)}.nApGm .itmTtl{font-weight:400;padding:0 0 0 15px;position:relative;width:calc(100% - 90px)}.nApGm .pThmb>*{padding-top:100%}.nApGm .iThmb div.img{background-position:center;background-repeat:no-repeat;background-size:cover;bottom:0;display:block;left:0;position:absolute;right:0;top:0}.nApGm .itmTtl>span{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.nApGm .itmTtl>span:first-child{font-size:110%;font-weight:700}.nApGm .itmTtl>span:nth-child(2){-webkit-line-clamp:2;font-size:90%;font-weight:400;line-height:16px;margin:7px 0 5px}@media screen and (max-width:896px){.lblPst.section{min-height:375px}.bX.lblPst.section{min-height:400px}.lblPst-loading{min-height:332px}.bX .lblPst-loading{min-height:365px}.nApGm>article{flex:0 1 calc(50% - 20px);width:calc(50% - 20px)}}@media screen and (max-width:640px){.lblPst.section{min-height:700px}.bX .lblPst.section{min-height:770px}.lblPst-loading{min-height:660px}.bX .lblPst-loading{min-height:730px}.nApGm>article{flex:0 1 calc(100% - 20px);width:calc(100% - 20px)}}/*]]>*/</b:if>
<b:if cond='data:view.isPost and data:view.url != data:view.url params { amp: "1" }'>/*<![CDATA[*/ /* Related Posts */ .rPst{line-height:1.6em;margin:40px 0 0}.rPst ul{display:flex;flex-wrap:wrap;left:-10px;list-style:none;margin:0;padding:0;position:relative;right:-10px;width:calc(100% + 20px)}.rPst li{display:block;margin:0 10px 30px;width:calc(33.333% - 20px)}.rPst a:hover .lazy{opacity:.9;transition:var(--trans-2)}.rPst a:hover .iThmb>::before{opacity:0}.rPst .item{color:inherit}.rPst .iThmb>:before{-webkit-transform:translate(-50%,-50%);content:'No image';display:block;font-size:12px;left:50%;max-height:100%;max-width:none;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%)}.rPst .iThmb div.rPst-img{background-position:center;background-repeat:no-repeat;background-size:cover;bottom:0;display:block;left:0;position:absolute;right:0;top:0}.rPst .itmTtl{font-family:var(--fontH);font-weight:700}.rPst .itmTtl>span{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.rPst .itmTtl>span:nth-child(2){-webkit-line-clamp:2;font-size:90%;font-weight:400;line-height:16px;margin:5px 0 3px}.pApGm .rPst li{flex:0 1 calc(50% - 20px)}.pApGm .rPst .item{align-items:center;display:flex;position:relative;width:100%}.pApGm .rPst .pThmb>*{padding-top:100%}.pApGm .rPst .pThmb{border-radius:15px;flex:0 0 80px;margin:0}.pApGm .rPst .itmTtl{font-weight:400;padding:0 0 0 15px;position:relative;width:calc(100% - 90px)}.pApGm .rPst .itmTtl>span:first-child{font-size:110%}@media screen and (max-width:1100px){.rPst li{width:calc(50% - 20px)}}@media screen and (max-width:896px){.rPst li{width:calc(33.333% - 20px)}}@media screen and (max-width:640px){.rPst li{width:calc(50% - 20px)}.pApGm .rPst li{flex:0 1 calc(100% - 15px)}}@media screen and (max-width:500px){.rPst ul.rPst-ul{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;left:-20px;margin-bottom:50px;overflow-x:scroll;overflow-y:hidden;padding:0 20px;right:-20px;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:calc(100% + 40px)}.rPst .rPst-ul li{display:block;flex-shrink:0;margin:0 15px 0 0;scroll-snap-align:center;width:70%}.rPst .rPst-ul li:last-child{margin-right:0}.rPst ul.rPst-ul:after,.scImg:after,.table:after{align-self:stretch;content:'';display:block;flex-shrink:0;padding:0 10px}}/*]]>*/</b:if>/*<![CDATA[*/
/* Pop-up */ .fxPu{position:fixed;top:-50%;bottom:-50%;top:-50%;left:-50%;right:-50%;z-index:70;background:rgba(0,0,0,.4);visibility:hidden;opacity:0;transition:all .6s ease;-webkit-transition:all .6s ease} .fxPu.visible{visibility:visible;opacity:1} .fxPuW{position:fixed;top:0;bottom:0;top:0;left:0;right:0;z-index:71;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center} .fxPuC{position:relative;background:#fffdfc;width:100%;max-width:500px;padding:20px 25px 25px;border-radius:20px} .fxPuCl::after{content:'\2715';line-height:16px;font-size:12px;color:#fffdfc;position:absolute;top:-15px;right:15px;background:var(--linkC);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:var(--trans-1);-webkit-transition:var(--trans-1);cursor:pointer} .fxPuCl:hover::after{transform:scale(1.03);-webkit-transform:scale(1.03)} .fxPuS{display:block;text-align:center;margin-bottom:5px} .fxPuS svg.line{stroke-width:1;width:50px;height:50px} .fxPuH{font-size:1.2rem;font-weight:700;font-family:var(--fontBa);margin-bottom:10px;text-align:center} .fxPuD{line-height:1.7em;font-size:15px} .fxPuB{text-align:center;margin-top:20px} .fxPuB .btn{width:45px;height:45px;outline:none;border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--linkC);border-radius:50%} .fxPuB .btn:hover{opacity:.8} .fxPuB .btn svg{stroke:#fffdfc}
/*Toast Notification*/#tNtf>*{opacity:0;position:fixed;left:50%;bottom:-100px;background:var(--black);color:var(--white);line-height:1.5rem;text-align:center;margin:0 0 75px;padding:12px 17px;border-radius:5px;box-shadow:0 0 10px 0 var(--bodyCa);transform:translate(-50%,0%);z-index:999;animation:SlideInWards 2.5s ease forwards}@media screen and (max-width:500px){#tNtf>*{width:100%;border-radius:0;margin-bottom:0}}@keyframes SlideInWards{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-100px;visibility:hidden}}
/*Fixed Notification*/
.fNtf{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}
.fNtf>*{-webkit-transition:all .3s ease;animation:fadeNtf 1s 0s;background:var(--bodyB);border-radius:10px;box-shadow:0 0 20px 2px var(--bodyCa);display:block;left:50%;padding:30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:400px}
.fNtf>* svg{width:50px;height:50px;opacity:.8}.fNtf>* h5{margin:5px 0 10px}.fNtf>* p{margin:10px 0;line-height:1.6rem;font-size:15px}.fNtf>* p:last-child{margin-bottom:0}
.fNtf .cls{cursor:pointer;padding:5px 10px;position:absolute;right:0;top:0}
.fNtf .cls:after{content:'\2715';font-size:16px;opacity:.7}
@keyframes fadeNtf{0%{top:-20%;}100%{top:50%;}}
/* Detect Adblock */ .dtAdB svg:not(.line){fill:#e00000} .dtAdB svg.line{stroke:#e00000}
.aLang,.oLang .dLang{display:none}.oLang .aLang{display:block}
/*ctr optimization*/.onId .pTtmp[data-tx]{opacity:1}.onId .pTtmp[data-tx]::before{content:attr(data-tx);padding:2px 4px;background:#57956A;color:var(--white);font-size:smaller;margin-right:5px;border-radius:2px}.onId .pTtmp[data-tx]::after{display:inline;opacity:.8}.onId .pTtmp[data-tx]~.pJmp{opacity:1;border:1px solid;padding:5px 10px}.onId .pTtmp[data-tx]~.pJmp:hover{background:var(--linkC);color:var(--white)}
/*delete if you don't want to use*/@media screen and (max-width:500px){.onMl:not(.grD) .ntry.pApGm:nth-child(2n+1) .pHdr{display:none}.onMl:not(.grD) .ntry.pApGm:nth-child(2n+1) .pInf{display:flex!important;margin:0}.onMl:not(.grD) .ntry.pApGm .pSnpt,.onMl:not(.grD) .ntry.pApGm .aTtl a{-webkit-line-clamp:1}.onMl:not(.grD) .ntry.pApGm .pTtmp[data-tx]~.pJmp{padding:3px 5px}}
/*box style */
.bX .nApGm article{border-radius:10px;box-shadow:0 5px 35px rgba(0,0,0,.07);padding:10px;background:var(--contentB);margin-bottom:22px}.bX .PopularPosts,.bX .sideIn .Label,.bX .Profile,.bX .rPst{padding:15px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px}.bX .rPst{padding-bottom:0} .bX .widget .title:not(.n)::before{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 276.167 276.167' fill='%23989b9f'><path d='M33.144,2.471C15.336,2.471,0.85,16.958,0.85,34.765s14.48,32.293,32.294,32.293s32.294-14.486,32.294-32.293 S50.951,2.471,33.144,2.471z'/><path d='M137.663,2.471c-17.807,0-32.294,14.487-32.294,32.294s14.487,32.293,32.294,32.293c17.808,0,32.297-14.486,32.297-32.293 S155.477,2.471,137.663,2.471z'/><path d='M243.873,67.059c17.804,0,32.294-14.486,32.294-32.293S261.689,2.471,243.873,2.471s-32.294,14.487-32.294,32.294 S226.068,67.059,243.873,67.059z'/><path d='M243.038,170.539c17.811,0,32.294-14.483,32.294-32.293c0-17.811-14.483-32.297-32.294-32.297 s-32.306,14.486-32.306,32.297C210.732,156.056,225.222,170.539,243.038,170.539z'/><path d='M136.819,170.539c17.804,0,32.294-14.483,32.294-32.293c0-17.811-14.478-32.297-32.294-32.297 c-17.813,0-32.294,14.486-32.294,32.297C104.525,156.056,119.012,170.539,136.819,170.539z'/><path d='M243.771,209.108c-17.804,0-32.294,14.483-32.294,32.294c0,17.804,14.49,32.293,32.294,32.293 c17.811,0,32.294-14.482,32.294-32.293S261.575,209.108,243.771,209.108z'/></svg>") center / 20px no-repeat;position:absolute;top:0;right:0;content:'';width:20px;height:20px;display:inline-block;opacity:.3} .bX .widget .title:not(.n){margin-bottom:20px}.bX.drK .wL.bg li>*{background:var(--transB)}.onId.bX:not(.grD) .ntry,.bX .itemFt .itm{background:var(--contentB);padding:11px 0;border-radius:8px;box-shadow:0 5px 35px rgba(0,0,0,.07);width:100%;left:0;right:0;margin-bottom:22px;overflow:hidden}.bX.grD .ntry{background:var(--contentB);padding:11px 11px 55px;border-radius:10px;box-shadow:0 5px 35px rgba(0,0,0,.07);margin-bottom:22px}.bX.grD div.ntry,.bX.grD:not(.oGrd) div.ntry{padding-bottom:11px}.bX.grD .pCntn{padding:0 5px}.bX.grD .ntry .pInf{left:16px;right:16px;bottom:16px}@media screen and (min-width:897px){.bX.onMl:not(.grD) .ntry.pApGm{margin:0 11px 22px;width:calc(50% - 22px)}.bX .FeaturedPost .itemFt .itm::after{content:'';position:absolute;right:0;top:0;width:40px;height:15px;background:var(--linkB);border-radius:0 0 0 20px;opacity:.2}}@media screen and (max-width:500px){.bX.grD.oGrd .ntry{padding-bottom:11px}.bX.grD:not(.oGrd) .ntry{width:calc(50% - 10px);margin:5px 5px 10px;padding:8px 8px 40px}.bX.grD.oGrd .ntry .pInf{left:0;right:0;bottom:5px}.bX.grD:not(.oGrd) .ntry .pInf{left:13px;right:13px;bottom:13px}.onId.bX:not(.grD) .ntry{padding:11px 3px}.bX .itemFt .itm .iCtnt{padding:0 5px 5px;border:none}}
.bX .pInf.ps{background:var(--contentB);box-shadow:0 0 25px rgba(0,0,0,.07);padding:15px;border-radius:10px;width:100%;left:0;right:0}
.bX details.sp{padding:16px 20px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border:0;border-radius:10px}
.bX details.sp summary::after{padding:0 10px;background:var(--linkB);color:var(--white);border-radius:15px;opacity:1}
.bX details.sp[open] summary::after{opacity:.7}
/*End New CSS*/
.adB{min-height:70px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--bodyCa);border:1px solid var(--contentL);border-radius:3px} .adB::before{content:attr(data-text)}.grD .pAdin .adB{height:100%}.adB.h250{min-height:}
/* --- End --- */
/*]]>*/<b:if cond='data:blog.languageDirection == "rtl"'>/*<![CDATA[*/ /* Article Style RTL */ .Rtl .note{padding:20px 50px 20px 20px} .Rtl .note::before{left:auto;right:-12px} .Rtl .note::after{left:auto;right:18px} .Rtl .pS hr::before{text-indent:-0.6em} .Rtl .dropCap{margin:0;line-height:inherit;font-size:inherit;float:none} .Rtl blockquote, .Rtl .cmC i[rel=quote]{border-left:0;border-right:2px solid var(--contentL)} .Rtl blockquote.s-1{padding:25px 45px 25px 25px;border-right:0} .Rtl blockquote.s-1::before{left:auto;right:0} /* RTL Mode */ .Rtl .ntfT{padding:0 0 0 15px} .Rtl .cmHr.a .n::after{margin:0 3px 0 0} .Rtl .cmCn li li .cmHr{padding:0 26px 0 0} .Rtl .cmAc a::before{content:'\2935'} .Rtl .cmHl >li >.cmIn::before{right:-24px;left:auto} .Rtl .BlogSearch .sb{left:auto;right:0} .Rtl .BlogSearch button.sb{left:0;right:auto} .Rtl .srhB .c{border-left:0;border-right:1px solid var(--contentL)} .Rtl .tGr::before{right:auto;left:32px} @media screen and (min-width:897px){.Rtl .mnMn ul{border-radius:0px 5px 16px 16px} .Rtl .mnMn >li:last-child ul{left:-15px;right:auto;border-radius:5px 16px 16px 16px}} @media screen and (max-width:896px){.Rtl .headR{padding:0 0 0 20px} .Rtl .headL{padding:0 15px 0 0} .Rtl .headL .headIc{padding-right:0;padding-left:5px} .Rtl .headM{left:auto;right:0;margin-left:0;margin-right:-100%} .Rtl .navi:checked ~ .mainWrp .headM{margin-left:0;margin-right:0} .Rtl .mnBr{border-radius:12px 0 0 12px} .Rtl .mnMn li:not(.mr) ul{padding-left:0;padding-right:30px}} .Rtl .nApGm .itmTtl{padding:0 15px 0 0}.Rtl .app .nm{padding-left:unset;padding-right:15px}.Rtl .pApGm .rPst .itmTtl{padding:0 15px 0 0}.Rtl .wBkm{right:unset;left:0} .Rtl .mnMn .drp:not(.mr) .drpI:checked~ul::before{left:unset;right:15px}.Rtl .mnMn .drp:not(.mr) .drpI:checked~ul li>*{margin-left:unset;margin-right:5px}.Rtl .mnMn .drp:not(.mr) .drpI:checked~ul li a::before{left:unset;right:-14px}.Rtl .mnMn li li a>* svg{margin-right:unset;margin-left:5px} .Rtl.onId .pTtmp[data-tx]::before{margin-right:unset;margin-left:5px} .Rtl.bX .widget .title:not(.n)::before{right:auto;left:0;transform:rotate(-90deg)} .Rtl .cmDl{right:unset;left:10px} .Rtl .cmDl.rp{left:4px}/*]]>*/</b:if>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>/*<![CDATA[*/ /* Dark Mode */ .drK .pThmb:not(.nul)::before{background-image:linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,.2) 20%, rgba(0,0,0,.4) 60%, rgba(0,0,0,0))} .drK input::placeholder, .drK .cpL input, .drK .cArea label .n{color:rgba(255,255,255,.25)}/*]]>*/</b:if></style>
<b:defaultmarkups>
<!--[ Blogger defaultmarkups ]-->
<b:defaultmarkup type='Common'>
<!--[ In-feed ad ]-->
<b:includable id='post-adIn'>
<div class='ntry pAdin'>
<!--[ InFeed Ad ]-->
<div class='adB' expr:data-text='"post-adIn : " + data:messages.adsGoHere'/>
<!--<ins class='adsbygoogle'/>
<script>...</script>-->
</div>
</b:includable>
<!--[ Top article ad ]-->
<b:includable id='post-adTop'>
<div class='pAd' id='adTop'>
<!--[ Top article Ad ]-->
<div class='adB' expr:data-text='"post-adTop : " + data:messages.adsGoHere'/>
<!--<ins class='adsbygoogle'/>
<script>...</script>-->
</div>
</b:includable>
<!--[ Bottom article ad ]-->
<b:includable id='post-adBot'>
<div class='pAd' id='adBot'>
<!--[ Bottom article Ad ]-->
<div class='adB' expr:data-text='"post-adBot : " + data:messages.adsGoHere'/>
<!--<ins class='adsbygoogle'/>
<script>...</script>-->
</div>
</b:includable>
<!--[ Matched content Ad ]-->
<b:includable id='post-relatedAd'>
<div class='relatedPostsAd'>
<!--[ Matched content Ad ]-->
<div class='adB' expr:data-text='"post-relatedAd : " + data:messages.adsGoHere'/>
<!--<ins class='adsbygoogle'/>
<script>...</script>-->
</div>
</b:includable>
<!--[ Index title ]-->
<b:includable id='titlePost'>
<div class='blogTtl'>
<b:class cond='data:view.isHomepage' name='hm'/>
<b:if cond='data:view.isHomepage'>
<!--[ Change <data:messages.latestPosts/> to replace 'Latest Posts' with your special text ]-->
<h3 class='title n'><data:messages.latestPosts/></h3>
<b:else/>
<div class='t'>
<b:class cond='data:view.search or data:view.isArchive and data:view.url != data:blog.homepageUrl.canonical path "search"' name='srch'/>
<b:if cond='data:view.search.label'>
<span class='hm' expr:data-text='data:messages.home'/><b:if cond='data:blog.pageName == "_Apps"'>Apps<b:elseif cond='data:blog.pageName == "_Games"'/>Games<b:else/><data:blog.pageName/></b:if>
<b:elseif cond='data:view.search.query'/>
<span expr:data-text='data:messages.search + ":"'/><data:view.search.query/>
<b:elseif cond='data:view.isArchive'/>
<span expr:data-text='data:messages.blogArchive + ":"'/><data:blog.pageName/>
<b:else/>
<!--[ Change all <data:messages.posts/> to replace 'Posts' with your special text ]-->
<span class='hm' expr:data-text='data:messages.home'/><data:messages.posts/>
</b:if>
</div>
</b:if>
<b:include name='gridButton'/>
</div>
</b:includable>
<!--[ Grid mode button ]-->
<b:includable id='gridButton'>
<div class='g'>
<!--[ Grid/list Button ]-->
<div class='tGr tIc bIc' data-grid='Grid' data-list='List' onclick='gridMode()'><b:include name='grid-icon'/></div>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'><script>/*<![CDATA[*/ "undefined"!=typeof xAi&&("listmode"===xAR.gLS("list")?qSel("#mainCont").classList.add("grD"):qSel("#mainCont").classList.remove("grD")); /*]]>*/</script></b:if>
</div>
</b:includable>
<!--[ Related post ]--><b:includable id='psLabels'>[<b:if cond='data:post.labels'><b:loop index='i' values='data:post.labels' var='label'><b:if cond='data:label.name == "zFullpage" or data:label.name == "z_Apps" or data:label.name == "z_Games"'><b:else/>'<data:label.name/>',</b:if></b:loop></b:if>]</b:includable> <b:includable id='rpstTtl'>'<b:if cond='data:post.labels any (label => label.name in ["Product" , "Produk"])'>Related products!<b:elseif cond='data:post.labels any (label => label.name in ["Services", "Jasa"])'/>Related services!<b:elseif cond='data:post.labels any (label => label.name in ["_Apps","_Games"])'/>Recommended for You<b:else/><data:messages.youMayLikeThesePosts/></b:if>'</b:includable>
<b:includable id='post-related'>
<div class='rPst' id='rPst'/><div id='pPvNx'/>
<script>var psLabels=<b:include name='psLabels'/>, rPstConfig={<b:eval expr='"postUrl:'" + data:post.url.canonical + "'"'/>, <b:eval expr='"homePgUrl:'" + data:blog.canonicalHomepageUrl + "'"'/>, rpstTtl:<b:include name='rpstTtl'/>};
/* Related Post */ var relatedPost = { numbPs: 6, szThumb: 280, szThumbApp: 100 };
/* Auto Related Posts (In-Article) */ var autoRelatedPost = { numbPs: 5, newTabLink: false, callBack:function(){} }
/* Auto Prev Next Post */ var autoPrevNext = { titleLength: "auto", newTabLink: false, callBack:function(){} }
/*<![CDATA[*/eval(function(a,p,m,o,d,y){d=function(m){return(m<p?'':d(parseInt(m/p)))+((m=m%p)>35?String.fromCharCode(m+29):m.toString(36))};if(!''.replace(/^/,String)){while(m--)y[d(m)]=o[m]||d(m);o=[function(d){return y[d]}];d=function(){return'\\w+'};m=1};while(m--)if(o[m])a=a.replace(new RegExp('\\b'+d(m)+'\\b','g'),o[m]);return a}('(F(a,b){2 c=Y,Z=a();2x(!![]){2y{2 d=-B(c(2z))/C*(B(c(2A))/2B)+B(c(2C))/2D*(B(c(2E))/2F)+-B(c(2G))/1J+B(c(2H))/1k*(-B(c(2I))/1K)+-B(c(2J))/2K*(B(c(2L))/2M)+-B(c(2N))/2O*(B(c(2P))/2Q)+B(c(2R))/2S;7(d===b)2T;8 Z[\'1l\'](Z[\'1L\']())}2U(2V){Z[\'1l\'](Z[\'1L\']())}}}(10,2W),!(F(){2 t=Y,1m,O,1n,D={\'1M\':t(2X),\'1N\':t(2Y),\'1O\':t(2Z),\'1P\':1k,\'1o\':30,\'1o\':31,\'1Q\':t(1R)};P(2 u I 1p)t(1S)!=1p[u]&&(D[u]=1p[u]);1m=Q==U[t(1q)]?D[t(1q)]+C:U[t(1q)]+C,O=Q==U[t(1T)]?D[t(32)]:U[t(1T)],1n=Q==U[t(1U)]?D[t(33)]:U[t(1U)];2 v=D[t(34)];F 1r(a){2 b=t,1s=1V[b(35)](b(36));1s[b(37)]=a,1V[b(38)](b(39))[4][b(3a)](1s)}F 1t(a){2 b=t,16,1u,V=a[b(K)];7(4===V)W!C;P(;--V;)16=17[b(1W)](17[b(1X)]()*(V+C)),1u=a[V],a[V]=a[16],a[16]=1u;W a}7(t(3b)==3c R&&4<R[t(K)])2 w=t(3d)+1t(R)[4][t(x)](t(3e),t(3f));8 w=\'\';1Y=F(c){2 d=t,1v,11,G,18,X,1w,19,1a,1x,12,1b,13,L,M,1c=D[d(3g)]+v+D[d(3h)],1Z=20(D[d(3i)]),3=1t(c[d(21)][d(3j)]);7(R[d(E)](d(1y))||R[d(E)](d(1z)))2 e=d(3k);8 e=d(3l);1c+=e;P(2 f=4;f<3[d(K)];f++)P(2 g=4,1d=3[f][d(14)][d(K)];g<1d;g++)3[f][d(14)][g][d(22)]==D[d(3m)]&&3[d(3n)](f,C);7(4<3[d(K)]){P(2 h=4;h<1k&&h<3[d(K)];h++){7(11=3[h][d(3o)][\'$t\'],12=3[h][d(y)][\'$t\'][d(E)](d(3p))?d(y)I 3[h]&&(12=3[h][d(y)][\'$t\'][d(J)](/<1e.T=.23.*? [^>]*1f="[^"]*"[^>]*>/3q)[d(3r)](24=>24[d(x)](/.*1f="([^"]*)".*/,\'$1\'))[4])||\'\':Q,1b=d(y)I 3[h]&&(1b=3[h][d(y)][\'$t\'][d(J)](/<6.T=.3s.[\\s\\S]*?<\\/6>/g))||\'\',13=d(y)I 3[h]&&(13=3[h][d(y)][\'$t\'][d(J)](/<6.T=.3t.[\\s\\S]*?<\\/6>/g))||\'\',L=d(y)I 3[h]&&(L=3[h][d(y)][\'$t\'][d(J)](/<6.T=.1A.[\\s\\S]*?<\\/6>/g))||\'\',M=d(y)I 3[h]&&(M=3[h][d(y)][\'$t\'][d(J)](/<6.T=.1B.[\\s\\S]*?<\\/6>/g))||\'\',25 4!==3[h][d(y)]&&(X=(18=3[h][d(y)][\'$t\'])[d(1g)](d(3u),4)),\'\'!=L){2 i=L[4][d(J)](/(?<=<6.*?T="1A".*?>)(.*?)(?=<\\/6>)/g);7(L[4][d(E)](d(3v))&&L[4][d(E)](d(27)))2 j=d(3w)+L[4][d(J)](/1C-1D\\=\\"([A-28-29-9 2a]*)\\"/)[C]+d(15);8 j=\'\'}8 i=\'\';7(\'\'!=M){2 k=M[4][d(J)](/(?<=<6.* ?T="1B".*?>)(.*?)(?=<\\/6>)/g);7(M[4][d(E)](d(3x))&&M[4][d(E)](d(27)))2 l=d(3y)+M[4][d(J)](/1C-1D\\=\\"([A-28-29-9 2a]*)\\"/)[C]+d(15);8 l=\'\'}8 k=\'\',l=\'\';7(\'\'!=i){7(\'\'!=k)2 m=d(2b)+i+d(3z)+k+d(15);8 m=d(2b)+i+d(15);2 n=d(3A)+j+l+d(3B)}8 m=\'\',n=\'\';F 1E(a){2 b=d;G=a[b(x)](/.*?:\\/\\//g,\'//\')[b(x)](/\\/s[0-9]+(\\-c)?/,\'/s\'+O)[b(x)](/\\=s[0-9]+(\\-c)?/,\'=s\'+O)[b(x)](/\\=.*w[0-9].*h[0-9].*-c+(\\-c)?/,\'=s\'+O)}d(2c)I 3[h]?1E(3[h][d(2c)][d(3C)]):25 4!==X&&-C!==X?(1w=18[d(1g)](\'/>\',X),1a=(19=18[d(2d)](X,1w))[d(1g)](d(3D),4)+1J,1x=19[d(1g)](\'\\5\',1a),1E(19[d(2d)](1a,1x))):G=d(2e);2 o=4;P(1d=3[h][d(14)][d(K)];o<1d;o++)1v=d(3E)==3[h][d(14)][o][d(3F)]?3[h][d(14)][o][d(22)]:\'#\';7(Q!=G&&G[d(E)](d(3G))){G=G[d(x)](d(3H),d(3I))[d(x)](d(3J),d(3K));2 p=d(3L)}8 p=\'\';7(Q!=3[h][d(1F)]){P(2 q=[],1h=4;1h<3[h][d(1F)][d(K)];1h++)q[d(3M)](3[h][d(1F)][1h][d(3N)]);7(q[d(E)](d(1y))||q[d(E)](d(1z))){7(R[d(E)](d(1y))||R[d(E)](d(1z)))2 r=d(3O),N=G[d(x)](\'s\'+O,\'s\'+1n);8 r=\'\',N=Q!=12?12[d(x)](/\\=w[0-9].*h[0-9].*p-k-3P-3Q+(\\-c)?/,\'=s\'+O):G}8 r=\'\',N=G}8 r=\'\',N=G;2 s=11;\'\'!==13&&(11=13[d(3R)]()[d(x)](/<(.|\\n)*?>/,\'\')),d(2e)!=N&&(N=d(3S)+N+\'\\2f)\'),1c+=d(3T)+r+d(3U)+s+d(3V)+1v+d(3W)+p+d(3X)+N+d(3Y)+11+d(15)+1b+m+n+d(3Z)}1Z[d(40)]=1c+=d(41)}8 20(d(1R))[d(42)]()},2g=F(a){2 b=t,1G=a[b(21)][b(43)][\'$t\']-1K,2h=C<1G?C+17[b(1W)](17[b(1X)]()*1G):C;1r(D[b(2i)][b(x)](/\\/$/,\'\')+b(44)+w+b(45)+2h+b(46)+1m+b(47))},1r(D[t(2i)][t(x)](/\\/$/,\'\')+t(48)+w+t(49))}()));F Y(d,e){2 f=10();W Y=F(a,b){a=a-1S;2 c=f[a];W c},Y(d,e)}F 10(){2 a=[\'<6\\z=\\4a\\5>\',\'<1e\',\'<2j\',\'><a\\z=\\4b\\5\\4c-4d=\\5\',\'4e\',\'4f\',\'4g\',\'/2k/2l/4h\',\'4i\',\'4j\',\'\\1i•\\1i\',\'<1j\\z=\\1H-2m\\5>\',\'4k\',\'\\4l\',\'1I\',\'4m\',\'4n\',\'4o\\4p\',\'<2n\\z=\\4q\\5>\',\'4r\',\'4s\',\'4t\',\'4u\',\'4v\',\'</2n>\',\'1o\',\'4w\',\'1A\',\'1M\',\'4x\',\'/2k/2l/2o\',\'&4y;\',\'4z\',\'\\5><H\\z=\\4A\\4B\',\'4C$4D\',\'1Q\',\'4E\',\'4F\',\'4G\',\'4H\',\'4I\',\'\\5><H\\z=\\4J\\5><H\\z=\\1H-1e\\4K\\5\\4L-4M=\\4N-4O:\\1i\',\'4P\',\'&2p=1Y\',\'4Q\',\'4R\',\'23\',\'%26\',\'</6>\',\'4S\',\'<1j\\z=\\1H-1j\\4T-2m\\5>\',\'</H></a></2j>\',\'4U$4V\',\'4W\',\'1P\',\'1C-1D\',\'2q\',\'1f=\',\'4X\',\'2q(\\2f\',\'4Y\',\'<H\\z=\\4Z\\5>\',\'50\',\'51\',\'52\',\'1O\',\'53\',\'54\',\'55\',\'56\',\'57\',\'58\',\'59\',\'\\5></H></H></H>\\1i<H\\z=\\5a\\5><6>\',\'?2r=2s-I-1I&2t=2u&2v-2w=0&2p=2g\',\'5b\',\'\\z=\\5c-5d\\5\',\'5e\',\'/5f.5g\',\'5h\',\'1N\',\'<6\\z=\\5i\\5>v\',\'5j\',\'</1j>\',\'<6\\z=\\5k\\5>\',\'5l\',\'/5m/\',\'5n\',\'5o\',\'1B\',\'5p\',\'1f\',\'/-/\',\'/2o.5q\',\'5r\',\'5s\',\'5t\',\'\\5\\5u=\\5\',\'</H>\',\'1l\',\'?2r=2s-I-1I&2t=2u&5v-5w=\',\'&2v-2w=\',\'/5x/\',\'1e.5y.5z\',\'5A\'];10=F(){W a};W 10()}',62,347,'||var|_0x471799|0x0|x22|span|if|else|||||||||||||||||||||||||0x1b0|0x19b|x20class||parseInt|0x1|_0x3414ab|0x17b|function|_0x27be38|div|in|0x1ca|0x1a0|_0x1b1582|_0x10cec8|_0x5876d1|_0x1981d4|for|null|psLabels||class|relatedPost|_0x39a941|return|_0x201437|_0x5d4e|_0x100562|_0x5e40|_0x323431|_0x3db119|_0x1328e0|0x1d0|0x1da|_0xf7c597|Math|_0x1eb19e|_0x3b91fd|_0x4c6bab|_0x3dff0f|_0x373371|_0x49938f|img|src|0x17d|_0x4262f8|x20|ul|0x6|push|_0xd16315|_0x58911f|thmbSize|rPstConfig|0x177|_0x153533|_0x498872|_0x51f46e|_0x1158bb|_0x420038|_0x47445c|_0x353327|0x1c1|0x187|apVersi|apMod|data|text|_0x436b82|0x1c0|_0x48329b|x22rPst|script|0x5|0x7|shift|rpstTtlOpen|rpstTtlClose|rpstTtl|numbPs|relOuter|0x1be|0x172|0x193|0x1b6|document|0x1cf|0x189|arRelatedPosts|_0x43dd2f|getid|0x19f|0x18c|altImg|_0x53768b|void||0x178|Za|z0|_|0x192|0x175|0x184|0x1b9|x27|arRandomIndex|_0x5f270f|0x1d1|li|feeds|posts|hasthumb|h3|default|callback|url|alt|json|orderby|updated|max|results|while|try|0x1c4|0x199|0x2|0x1ce|0x3|0x1c7|0x4|0x1a1|0x1bf|0x18e|0x185|0x8|0x1d4|0x9|0x1d6|0xa|0x183|0xb|0x180|0xc|break|catch|_0x4660c1|0x44111|0x1bc|0x1c2|0x1bb|0x118|0x64|0x1c3|0x1bd|0x182|0x198|0x1b8|0x19c|0x1ba|0x176|0x181|0x1b3|typeof|0x19d|0x1c9|0x1d9|0x1c6|0x191|0x1cd|0x1af|0x1b5|0x173|0x17f|0x186|0x188|0x1d8|gm|0x1ae|pPS|apName|0x1ab|0x1c5|0x1aa|0x19a|0x195|0x1b4|0x17e|0x1a3|0x179|0x17a|0x1d7|0x1a9|0x1a8|0x1a7|0x197|0x19e|0x18f|0x1b7|0x1a4|0x190|0x18d|no|nu|0x1b2|0x17c|0x1ac|0x1ad|0x1a2|0x1cb|0x1d3|0x18a|0x174|0x196|0x194|0x1d2|0x1cc|0x1c8|0x1a5|0x1a6|0x1d5|0x1b1|0x18b|x22apk|x22item|x20aria|label|map|entry|replace|summary|toString|object|szThumbApp|x20iyt|none|getElementsByTagName|Artikel|x20Terkait|x22title|thmbSizeApp|rPst|1374918VdWhcs|category|_Apps|1126QxKzyy|14072zKofqW|amp|match|x22iThmb|x20pThmb|openSearch|totalResults|84OagbMS|floor|link|homePgUrl|remove|x22thmb|x20lazy|x20data|style|x22background|image|127539RxfYAu|4650vtnDBt|alternate|undefined|x20rPst|media|thumbnail|head|includes|indexOf|x22apAM|postUrl|21271200rULjLH|appendChild|8173fwPLWO|slice|88Lxiova|splice|_Games|title|random|x22itmTtl|href|x22lab|AG|7RLhMcG|mqdefault|webp|term|x22apVM|szThumb|x22mod|innerHTML|vi_webp|createElement|628EZLdHp|content|jpg|feed|length|2541050fUVmvs|x20href|start|index|vi|youtube|com|rel'.split('|'),0,{}));/*]]>*/
</script>
</b:includable>
<!--[ Post authors ]-->
<b:includable id='post-authorProfile'>
<div class='admPs'>
<div class='admIm'>
<b:include name='post-authorImage'/>
</div>
<div class='admI'>
<bdi class='admN' expr:data-text='data:post.author.name' expr:data-write='data:messages.postedBy'/>
<div class='admA'>
<b:eval expr='data:post.author.aboutMe snippet {length: 200, links: true, linebreaks: true}'/>
<!--<data:post.author.aboutMe/>-->
</div>
</div>
</div>
</b:includable>
<b:includable id='post-authorImage'>
<b:if cond='data:post.author.authorPhoto.image'>
<b:if cond='!data:view.isPost'>
<div class='im' expr:data-style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,20,"1:1") + ")"'>
<b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/>
<b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,20,"1:1") + ")"' name='style'/>
</div>
<noscript><div class='im' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,20,"1:1") + ")"'/></noscript>
<b:else/>
<div class='im lazy' expr:data-style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,40,"1:1") + ")"'>
<b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/>
<b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,20,"1:1") + ")"' name='style'/>
</div>
<noscript><div class='im' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,40,"1:1") + ")"'/></noscript>
</b:if>
<b:elseif cond='!data:view.isMultipleItems'/>
<div class='im'><b:include name='profile-icon'/></div>
</b:if>
</b:includable>
<b:includable id='post-authorName'>
<bdi class='nm' expr:data-text='data:post.author.name' expr:data-write='data:widgets.Blog.first.allBylineItems.author.label'/>
<!--[ Post Author with Link ]-->
<!--<b:tag class='nm' expr:data-text='data:post.author.name' expr:data-write='data:widgets.Blog.first.allBylineItems.author.label' expr:name='data:post.author.profileUrl ? "a" : "span"'>
<b:attr cond='data:post.author.profileUrl' expr:value='data:post.author.name' name='aria-label'/>
<b:attr cond='data:post.author.profileUrl' expr:value='data:post.author.profileUrl' name='href'/>
<b:attr cond='data:post.author.profileUrl' value='author noreferrer' name='rel'/>
<b:attr cond='data:post.author.profileUrl' value='_blank' name='target'/>
</b:tag>-->
</b:includable>
<!--[ Post article ]-->
<b:includable id='postHeaders'>
<div class='pHdr pSml'>
<b:class cond='!data:widgets.Blog.first.allBylineItems.author and !data:widgets.Blog.first.allBylineItems.labels' name='nHdr'/>
<b:if cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label => label.name in ["Sponsored", "_Apps", "_Games" ])'>
<b:tag class='aIm' cond='data:post.author.authorPhoto.image' name='div'><b:include name='post-authorImage'/></b:tag>
</b:if>
<div class='aNm'>
<b:class cond='!data:post.author.authorPhoto.image' name='n'/>
<b:include cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label => label.name in ["Sponsored", "_Apps", "_Games" ])' name='post-authorName'/>
<b:include name='postLabelorSponsor'/>
</div>
</div>
</b:includable>
<b:includable id='postCommentsLinks'>
<b:if cond='data:post.allowComments and data:post.numberOfComments > 0'>
<a class='cmnt' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' expr:href='data:post.url.canonical fragment "comment"' role='button'>
<b:include name='chat-icon'/>
</a>
</b:if>
</b:includable>
<!-- Blogpen.xyz -->
<b:includable id='postCommentsUrl'>
<b:if cond='data:post.allowComments and data:post.numberOfComments > 0'>
<a class='cmnt' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' expr:href='data:post.url.canonical fragment "comment"' role='button'>
<b:class cond='data:view.isSingleItem' name='tIc'/>
<b:include name='chat-icon'/>
</a>
</b:if>
</b:includable>
<b:includable id='postCommentsLabel'>
<b:if cond='data:post.allowComments and data:post.numberOfComments > 0'>
<label class='cmnt' expr:data-text='data:post.numberOfComments' for='forComments'>
<b:class cond='data:view.isSingleItem' name='tIc'/>
<b:include name='chat-icon'/>
</label>
</b:if>
</b:includable>
<b:includable id='postSponsored'>
<div class='spnr'>
<b:include name='link-icon'/>
</div>
</b:includable>
<b:includable id='postLabelSponsored'>
<div class='pLbls nSpr'>
<b:loop index='s' values='data:post.labels' var='label'>
<b:if cond='data:s == 0'>
<b:tag expr:data-text='data:label.name' name='span'/>
</b:if>
</b:loop>
</div>
</b:includable>
<b:includable id='postLabel'>
<b:if cond='data:widgets.Blog.first.allBylineItems.labels'>
<div class='pLbls'>
<b:attr cond='data:post.labels' expr:value='data:widgets.Blog.first.allBylineItems.labels.label' name='data-text'/>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i <= 2'>
<b:if cond='data:i == 0 and data:label.name == "zFullpage"'>
<b:tag data-text='Fullpage' name='span'>Fullpage</b:tag>
<b:elseif cond='data:i == 0 and data:label.name == "z_Apps"'/>
<b:tag data-text='Apps' name='span'>Apps</b:tag>
<b:elseif cond='data:i == 0 and data:label.name == "z_Games"'/>
<b:tag data-text='Games' name='span'>Games</b:tag>
<b:elseif cond='data:label.name == "zFullpage" or data:label.name == "z_Apps" or data:label.name == "z_Games"'/>
<b:else/>
<b:tag expr:data-text='data:label.name == "_Apps" ? "Apps" : data:label.name == "_Games" ? "Games" : data:label.name' expr:name='data:blog.searchLabel != data:label.name ? "a" : "span"'>
<b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.url.canonical + "?&max-results=6"' name='href'/>
<b:attr cond='data:blog.searchLabel != data:label.name' name='rel' value='tag'/>
<b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.name == "_Apps" ? "Apps" : data:label.name == "_Games" ? "Games" : data:label.name' name='aria-label'/>
<b:class cond='data:blog.searchLabel == data:label.name' name='a'/>
<b:if cond='data:blog.searchLabel == data:label.name'><b:if cond='data:label.name == "_Apps"'>Apps<b:elseif cond='data:label.name == "_Games"'/>Games<b:else/><data:label.name/></b:if></b:if>
</b:tag>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='postLabelorSponsor'>
<b:if cond='data:post.labels none (label => label.name in [ "Sponsored" ])'>
<!--[ Post labels ]-->
<b:include cond='data:post.labels' name='postLabel'/>
<b:else/>
<b:include name='postLabelSponsored'/>
</b:if>
</b:includable>
<b:includable id='postJumpLinks'>
<a class='pJmp' expr:aria-label='data:blog.jumpLinkMessage' expr:data-text='data:messages.keepReading' expr:href='data:post.url.canonical'/>
</b:includable>
<b:includable id='postTimestampPublish'>
<b:if cond='data:post.lastUpdated != data:post.date and data:post.labels any (label => label.name in ["_Apps", "_Games"])'>
<time class='aTtmp pTtmp upd' data-date='Updated:' data-tx='Updated' expr:data-text='format(data:post.lastUpdated, "MMM d, y")' expr:datetime='data:post.lastUpdated.iso8601' expr:title='"Last updated: " + data:post.lastUpdated format "MMMM d, y"'/>
<b:else/>
<time class='aTtmp pTtmp pbl' data-tx='Published' expr:data-text='format(data:post.date, "MMM d, y")' expr:datetime='data:post.date.iso8601' expr:title='"Published: " + data:post.date format "MMMM d, y"'/>
</b:if>
</b:includable>
<b:includable id='postTimestamps'>
<b:if cond='data:post.lastUpdated != data:post.date'>
<time class='aTtmp pTtmp upd' data-date='Updated:' data-tx='Updated' expr:data-text='format(data:post.lastUpdated, "MMMM d, y")' expr:data-time='format(data:post.lastUpdated, "MMM d, y")' expr:datetime='data:post.lastUpdated.iso8601' expr:title='"Last updated: " + data:post.lastUpdated format "MMMM d, y"'/>
<b:else/>
<time class='aTtmp pTtmp pbl' data-tx='Published' expr:data-text='format(data:post.date, "MMMM d, y")' expr:data-time='format(data:post.lastUpdated, "MMM d, y")' expr:datetime='data:post.date.iso8601' expr:title='"Published: " + data:post.date format "MMMM d, y"'/>
</b:if>
</b:includable>
<b:includable id='postFontInput'>
<input class='fnti fontS1 hidden' id='fontS1' name='entryFont' type='radio'/>
<input checked='checked' class='fnti fontS2 hidden' id='fontS2' name='entryFont' type='radio'/>
<input class='fnti fontS3 hidden' id='fontS3' name='entryFont' type='radio'/>
</b:includable>
<b:includable id='postFontEntry'>
<input class='fnIn fixi hidden' id='forFont' type='checkbox'/>
<div class='fnB fixL'>
<div class='fnBr fixLi'>
<div class='fnBs fixLs'>
<div class='fnH fixH fixT' data-text='Change font size'>
<label aria-label='Close' class='c cl' for='forFont'/>
</div>
<ul class='fnC'>
<li><label class='fnt1' for='fontS1'/></li>
<li><label class='fnt2' for='fontS2'/></li>
<li><label class='fnt3' for='fontS3'/></li>
</ul>
</div>
</div>
<label class='fCls' for='forFont'/>
</div>
</b:includable>
<b:includable id='postEntrySnippet'>
<b:if cond='data:post.labels any (label => label.name in ["_Apps", "_Games"])'>
<span class='jsApGm hidden'><!--<b:eval expr='data:post.body'/>--></span>
<b:else/>
<b:eval expr='snippet(data:post.snippets.long, {length: 150, links: false, linebreaks: false})'/>
<!--<b:eval expr='snippet(data:post.body, {length: 90, links: false, linebreaks: false})'/>-->
</b:if>
</b:includable>
<b:includable id='postEntryThumbnail'>
<b:if cond='data:post.labels any (label => label.name in ["_Apps", "_Games"])'>
<img class='imgThm lazy imgAG' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 180, "1:1") : data:post.featuredImage' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<noscript><img class='imgThm imgAG' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 180, "1:1") : data:post.featuredImage'/></noscript>
<b:else/>
<b:if cond='data:post.featuredImage.isYoutube'>
<img class='imgThm lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, "16:9") : data:post.featuredImage.youtubeMaxResDefaultUrl' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, "16:9") : data:post.featuredImage.youtubeMaxResDefaultUrl'/></noscript>
<b:else/>
<img class='imgThm lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, "16:9") : data:post.featuredImage' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, "16:9") : data:post.featuredImage'/></noscript>
</b:if>
</b:if>
</b:includable>
<!--[ Comment button ]-->
<b:includable id='post-commentButton'>
<!--[ Show/hide Comment ]-->
<div class='cmShw'>
<label class='cmBtn button' for='forComments'>
<!--[ Delete tag bellow to change button style ]-->
<b:class name='ln'/>
<b:if cond='data:post.numberOfComments > 0'>
<span><data:messages.joinTheConversation/> (<data:post.numberOfComments/>)</span>
<b:else/>
<data:messages.postAComment/>
</b:if>
</label>
</div>
</b:includable>
<!--[ Comment disqus ]-->
<b:includable id='post-commentDisqus'>
<div class='cmDisqus' id='disqus_thread'>
<div class='cmBtn button' id='disqusshow' onclick='load_Comments()'>
<!--[ Delete tag bellow to change button style ]-->
<b:class name='ln'/>
<span><data:messages.joinTheConversation/></span>
</div>
</div>
<script>/*<![CDATA[*/ var disqus_shortname = "apmody"; !function(){var e=document.createElement("script");e.defer=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); function load_Comments(){var e=getid("disqusshow");e.style.display="none";var t="apmody";!function(){var e=document.createElement("script");e.defer=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}; var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script>
</b:includable>
<!--[ Comment disqus on-scroll ]-->
<b:includable id='post-commentDisqusScroll'>
<div class='cmDisqus' id='disqus_thread'>
<div id='disqus_empty'/>
</div>
<!--[ Disqus comments with your disqus_shortname ]-->
<script>var disqus_blogger_current_url = "<data:blog.canonicalUrl/>"; if (!disqus_blogger_current_url.length) {disqus_blogger_current_url = "<data:blog.url/>";} var disqus_blogger_homepage_url = "<data:blog.canonicalHomepageUrl/>"; var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";</script>
<script>/*<![CDATA[*/ function load_disqus( disqus_shortname ) {var y = getid('disqus_empty'), t = getid('disqus_thread'), e = document.createElement('script'), d = document.createElement('script'), h = (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]); if( t && y ) {e.async = true; e.src = '//' + disqus_shortname + '.disqus.com/embed.js'; h.appendChild(e); d.async = !0; d.src = '//' + disqus_shortname + '.disqus.com/blogger_item.js'; h.appendChild(d); y.remove(); } }; window.addEventListener('scroll', function(e) {var currentScroll = document.scrollingElement.scrollTop; var t = getid('disqus_thread'); if( t && (currentScroll > t.getBoundingClientRect().top - 150) ) {load_disqus('apmody'); console.log('Disqus loaded.'); }}, false); var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script>
</b:includable>
<!--[ Comment FB ]-->
<b:includable id='post-commentFB'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='deferjs'/>
<div id='commentFB'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
<script>/*<![CDATA[*/ var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script>
</b:includable>
<!--[ Custom Snippet ]-->
<b:includable id='arCsJs'>
<script>/*<![CDATA[*/eval(function(a,p,m,o,d,y){d=function(m){return(m<p?'':d(parseInt(m/p)))+((m=m%p)>35?String.fromCharCode(m+29):m.toString(36))};if(!''.replace(/^/,String)){while(m--)y[d(m)]=o[m]||d(m);o=[function(d){return y[d]}];d=function(){return'\\w+'};m=1};while(m--)if(o[m])a=a.replace(new RegExp('\\b'+d(m)+'\\b','g'),o[m]);return a}('(4(a,b){0 c=y,D=a();1L(!![]){1M{0 d=8(c(1N))/r*(8(c(1O))/1P)+8(c(1Q))/1R+8(c(1S))/1T*(8(c(1U))/1V)+-8(c(1W))/1X+-8(c(1Y))/1Z+-8(c(20))/21*(-8(c(22))/23)+-8(c(24))/25*(8(c(26))/27);E(d===b)28;29 D[\'1n\'](D[\'1o\']())}2a(2b){D[\'1n\'](D[\'1o\']())}}}(F,2c));4 2d(){0 a=y;z(0 b=X(a(2e)),B=5;B<b[a(C)];B++)E(b[B][a(G)](a(w))){0 c=b[B][a(G)](a(w));r!=c[a(o)](a(2f))&&r!=c[a(o)](a(2g))||r!=c[a(o)](a(1p))&&r!=c[a(o)](a(2h))||5!=c[a(o)](a(2i))||b[B][a(t)](a(w),c[a(Y)](a(2j),a(2k))[a(Y)](a(1p),a(2l)))}}4 1q(){0 h=y;E(h(2m)!=2n 2o){4 L(a,b,c){0 d=h,H;l!==a&&l!==a[d(6)]&&a[d(6)][d(o)](d(2p))&&l!==b&&(H=a[d(6)][d(7)](/<1r.m=.1s.*? [^>]*Z="[^"]*"[^>]*>/2q)[d(2r)](1t=>1t[d(Y)](/.*Z="([^"]*)".*/,\'$1\'))[5],r==c&&(r==2s?b[d(t)](d(10),H):(b[d(t)](d(10),b[d(G)](d(w))),b[d(t)](d(w),H))),5==c&&(b[d(t)](d(10),b[d(G)](d(w))),b[d(t)](d(w),H)))}4 M(a,b){0 c=h,11;l!==a&&(11=a[c(6)][c(7)](/(?<=<2.*?m="2t".*?>)(.*?)(?=<\\/2>)/g),b[c(6)]=11)}4 N(e,f){0 g=h,x;(x=12[g(13)](g(14)))[g(t)](g(15),g(2u)),l!==e&&4(a){0 b=g;z(0 c=5;c<a[b(C)];c++)E(l!==a[c]){0 d=a[c][5];d=d[b(o)](b(1u))?\'v\'+d[b(7)](/(?<=<2.*?m="O".*?>)(.*?)(?=<\\/2>)/g):b(2v)+d,x[b(16)](b(17),d),f[b(18)](x)}}([e[g(6)][g(7)](/<2.m=.O.[\\s\\S]*?<\\/2>/g),e[g(6)][g(7)](/(?<=<2.*?m="19".*?>)(.*?)(?=<\\/2>)/g)]),(x=12[g(13)](g(14)))[g(t)](g(15),g(2w)),l!==e&&4(a){0 b=g;z(0 c=5;c<a[b(C)];c++)E(l!==a[c]){0 d=a[c][5];d=d[b(o)](b(1u))?b(2x)+d[b(7)](/P-1a\\=\\"([A-1v-1w-9 1x]*)\\"/)[r]+b(1y):d[b(o)](b(2y))&&d[b(o)](b(2z))?b(2A)+d[b(7)](/P-1a\\=\\"([A-1v-1w-9 1x]*)\\"/)[r]+b(1y):\'\',x[b(16)](b(17),d),f[b(18)](x)}}([e[g(6)][g(7)](/<2.m=.O.[\\s\\S]*?<\\/2>/g),e[g(6)][g(7)](/<2.m=.19.[\\s\\S]*?<\\/2>/g)])}4 Q(d,e){0 f=h,R=12[f(13)](f(14));R[f(t)](f(15),f(2B)),l!==d&&4(a){0 b=f;z(0 c=5;c<a[b(C)];c++)l!==a[c]&&(R[b(16)](b(17),a[c][5]),e[b(18)](R))}([d[f(6)][f(7)](/<2.m=.2C.[\\s\\S]*?<\\/2>/g),d[f(6)][f(7)](/<2.m=.2D.[\\s\\S]*?<\\/2>/g),d[f(6)][f(7)](/<2.m=.2E.[\\s\\S]*?<\\/2>/g)])}0 i,1b,1c,1d;j=I(h(2F)),i=I(h(2G)),1b=I(h(2H)),1d=I(h(2I)),1c=I(h(2J)),L(i,1d,5),M(i,1c),Q(i,1b),N(i,j);z(0 j=X(h(2K)),3=5;3<j[h(C)];3++)1e=j[3][h(n)](h(1z)),1A=j[3][h(n)](h(2L)),1B=j[3][h(n)](h(1C)),1D=j[3][h(n)](h(2M)),J=j[3][h(n)](h(T)),L(J,1A,5),M(J,1D),N(J,1B),l!=1e&&Q(J,1e);3=X(h(2N));z(0 k,1f,1g,U,u=5;u<3[h(C)];u++)j=3[u][h(n)](h(2O)),k=3[u][h(n)](h(2P)),1f=3[u][h(n)](h(1C)),1g=3[u][h(n)](h(1z)),L(3[u][h(n)](h(T)),j,h(2Q)!=2R[h(2S)](h(2T))),M(U=3[u][h(n)](h(T)),k),N(U,1f),Q(U,1g);2U(h(T))}}4 y(d,e){0 f=F();V y=4(a,b){a=a-G;0 c=f[a];V c},y(d,e)}4 F(){0 a=[\'<2\\1E=\\2V\\1F>\',\'m\',\'.W\',\'2W\',\'2X\',\'2Y\',\'2Z\',\'.1h\',\'30\',\'P-1a\',\'31\',\'\\q•\\q\',\'32\',\'33\',\'.1G\',\'34\',\'.K\\q.W\',\'35\',\'-1H-1i-1I\',\'36\',\'37-1r\',\'38\',\'39\',\'-1H\',\'3a\',\'.1j.1k\',\'</2>\',\'3b\',\'.1j\\3c.W\',\'3d\',\'3e\',\'3f\',\'3g\',\'3h\',\'.K\\q.1h\',\'-p-k-3i-1l\',\'.1J\',\'.K\\q.1h\\q.1G\',\'O\',\'1s\',\'3j\',\'.1j.1k\\q.W\',\'-1l\',\'3k\',\'.K\\q.1K\\1m\',\'3l\',\'3m\',\'3n\',\'3o\',\'3p\',\'3q\',\'19\',\'.3r\\q.1k\',\'3s\',\'3t\',\'3u\',\'3v\',\'<2\\1E=\\3w\\1F>\',\'.1K\\1m\',\'3x\',\'.K\\q.1J\',\'3y\',\'-1l-1i-1I\',\'.3z\\1m\',\'P-Z\',\'-1i\'];F=4(){V a};V F()}1q();',62,222,'var||span|_0x687ac5|function|0x0|0x20a|0x208|parseInt|||||||||||||null|class|0x227|0x1fd||x20|0x1||0x1f0|_0x1be8f5||0x212|_0x37b2e3|_0x5808|for||_0x3c57ad|0x21c|_0x31b7d2|if|_0x5c01|0x1e8|_0x212a73|qSel|jsPps|itemFt|_0x4c632b|_0x2a4810|_0x391026|apVersi|data|_0x37794c|_0x14396a||0x222|_0x3df291|return|imgThm|qSell|0x218|src|0x228|_0x364fd2|document|0x220|0x201|0x215|0x1fa|0x21e|0x203|apMod|text|_0x3cb500|_0x2f5991|_0x9329ba|inP|_0x22c3df|_0x282df7|nApGm|rw|ntry|pApGm|nu|x20a|push|shift|0x1e9|csApGmAR|img|altImg|_0x2259df|0x1f8|Za|z0|_|0x1ec|0x1f6|imP|pP|0x21b|pPt|x20class|x22|jsApGm|pd|e30|pThmb|pTtl|while|try|0x1ed|0x1f1|0x2|0x225|0x3|0x209|0x4|0x20d|0x5|0x229|0x6|0x207|0x7|0x20f|0x8|0x223|0x9|0x200|0xa|0x1ff|0xb|break|else|catch|_0x3e6c2e|0xbad36|cnfImgPs|0x1ee|0x217|0x1f2|0x1f5|0x213|0x1fc|0x210|0x226|0x221|typeof|xAi|0x1f9|gm|0x219|isMob|apName|0x204|0x21f|0x1ea|0x20b|0x205|0x21d|0x214|0x1f3|apSize|apPrice|apReq|0x1f4|0x1f7|0x20e|0x224|0x1fe|0x206|0x216|0x211|0x1eb|0x1fb|0x20c|0x1ef|xAR|0x21a|0x202|rEl|x22mod|blogspot|replace|map|gLS|length|beforeend|createElement|undefined|50841tjZqlo|2321454DMlfPU|querySelector|alt|6530004lVNnVF|getAttribute|apAM|501448DusMWd|x20img|listmode|setAttribute|6DsXIQt|googleusercontent|pLbls2|no|insertAdjacentHTML|includes|18702871ZEVHbn|10ETphfb|DIV|list|appendChild|apVM|itemPp|6109117IYxuwC|match|1365668wTgqid|innerHTML|x22apk|15ykgSWV|1592ONadTG|iTtl'.split('|'),0,{}));/*]]>*/</script>
</b:includable>
<!--[ Loadmore pagination ]-->
<b:includable id='post-paginationMore'>
<script> /*! Simple AJAX infinite scroll */ !function(t,e){t.InfiniteScroll=function(n){function r(t,n){return n=n||e,n.querySelectorAll(t)}function o(t){return void 0!==t}function a(t){return"function"==typeof t}function i(t,e){t=t||{};for(var n in e)t[n]="object"==typeof e[n]?i(t[n],e[n]):e[n];return t}function s(t,e,n){return o(t)?o(e)?void(o(n)?g[t][n]=e:g[t].push(e)):g[t]:g}function d(t,e){o(e)?delete g[t][e]:g[t]=[]}function l(t,e){if(o(g[t]))for(var n in g[t])g[t][n](e)}function c(){return L.innerHTML=p.text.loading,v=!0,M?(addCt(y,p.state.loading),l("loading",[p]),void u(M,function(t,n){y.className=x+" "+p.state.load,h=e.createElement("div"),h.innerHTML=t;var o=r("title",h),a=r(p.target.post,h),i=r(p.target.anchors+" "+p.target.anchor,h),s=r(p.target.post,H);if(o=o&&o[0]?o[0].innerHTML:"",a.length&&s.length){var d=s[s.length-1];e.title=o,d.insertAdjacentHTML("afterend"," "),h=e.createElement("div");for(var c=0,u=a.length;u>c;++c)h.appendChild(a[c]);d.insertAdjacentHTML("afterend",h.innerHTML),f(),M=i.length?i[0].href:!1,v=!1,q++,l("load",[p,t,n])}},function(t,e){addCt(y,p.state.error),v=!1,f(1),l("error",[p,t,e])})):(addCt(y,p.state.loaded),L.innerHTML=p.text.loaded,l("loaded",[p]))}function f(t){if(L.innerHTML="",T){h.innerHTML=p.text[t?"error":"load"];var e=h.firstChild;e.onclick=function(){return 2===p.type&&(T=!1),c(),!1},L.appendChild(e)}}var u="infinite-scroll-state-",p={target:{posts:".posts",post:".post",anchors:".anchors",anchor:".anchor"},text:{load:"%s",loading:"%s",loaded:"%s",error:"%s"},state:{load:u+"load",loading:u+"loading",loaded:u+"loaded",error:u+"error"}},g={load:[],loading:[],loaded:[],error:[]};p=i(p,n||{}),p.on=s,p.off=d;var h=null,u=function(e,n,r){if(t.XMLHttpRequest){var o=new XMLHttpRequest;o.onreadystatechange=function(){if(4===o.readyState){if(200!==o.status)return void(r&&a(r)&&r(o.responseText,o));n&&a(n)&&n(o.responseText,o)}},o.open("GET",e),o.send()}},T=1!==p.type,v=!1,H=r(p.target.posts)[0],L=r(p.target.anchors)[0],M=r(p.target.anchor,L),m=e.body,y=e.documentElement,x=y.className||"",E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=0,b=null,q=1;if(M.length){M=M[0].href,H.insertAdjacentHTML("afterbegin"," "),h=e.createElement("div"),f();var w=function(){E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=m.scrollTop||y.scrollTop,v||E>A+j||c()};w(),0!==p.type&&t.addEventListener("scroll",function(){T||(b&&t.clearTimeout(b),b=t.setTimeout(w,200))},!1)}return p}}(window,document); if(typeof InfiniteScroll !== "undefined") { var infinite_scroll = new InfiniteScroll ({ type: 0, target: { posts: ".blogPts", post: ".ntry", anchors: ".blogPg", anchor: ".olLnk"}, text: {load: "<a class='jsLd ripple' expr:aria-label='data:messages.loadMorePosts' expr:data-text='data:messages.loadMorePosts' href='javascript:;'/>", loading: "<div class='jsLd wait nPst' expr:data-text='data:messages.loading'><svg viewBox='0 0 50 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>", loaded: "<div class='jsLd nPst ripple' expr:data-text='data:messages.noResultsFound'><data:messages.noResultsFound/></div>", error: "<a class='jsLd error' expr:aria-label='data:messages.loadMorePosts' expr:data-text='data:messages.moreEllipsis' href='javascript:;'/>"} }); } "undefined"!=typeof infinite_scroll&&infinite_scroll.on("load",function(){csApGmAR(),cnfImgPs(),"function"==typeof qEdit&&qEdit(),"function"==typeof _CvdAG&&_CvdAG(),"function"==typeof _BmPs&&_BmPs(),qSell(".ntry.pAdin ins.adsbygoogle").length>0&&(adsbygoogle=window.adsbygoogle||[]).push({});});</script>
</b:includable>
<!--[ Single page condition ]-->
<b:includable id='post-singlePage'>
<style>/*<![CDATA[*/ .blogM{justify-content:center} .onPs .mainbar{flex-basis:100%;max-width:var(--postW)} .sidebar{display:none; flex:0 0 530px;margin:50px auto 0} .sidebar::before{display:none} .sideIn{width:100%} /*]]>*/</style>
</b:includable>
<!--[ ApGm page condition ]-->
<b:includable id='post-ApGm'>
<style>/*<![CDATA[*/ /*post ApGm*/body:not(.onMob) .bApGm+.pDesc{margin-top:395px} .onMob .bApGm+.pDesc{margin-top:385px} body:not(.onMob) .itemPp .pApGm .iCtnt{min-height:70px} .onDL .blogM{justify-content:center} .onDL.onPs .mainbar{flex-basis:100%;max-width:var(--postW)} .onDL .pEnt{margin-top:20px} .onDL .navI{display:none} .onDL .sidebar{display:none; flex:0 0 530px;margin:50px auto 0} .onDL .sidebar::before{display:none} .onDL .sideIn{width:100%}
/* Details ApGm */ .pS .pPad,.pAG>div{padding:10px 0}.pS .pPric{color:var(--linkC);font-size:20px}.pS .pPric small,.pS .pPric::before,.pS .pInfo small,.pAG small{content:attr(data-text);display:block;font-size:small;line-height:1.5em;opacity:.7}.pS .pInfo,.pAG>div{font-size:14px;line-height:1.6em}.pS .pInfo:not(.o),.pAG>div:not(.o){display:flex;left:-10px;position:relative;right:-10px;width:calc(100% + 20px)}.pS .pInfo:not(.o)>*,.pAG>div:not(.o)>*{padding:0 10px;width:50%}.pS .pMart{display:flex;flex-wrap:wrap;left:-4px;line-height:1.6em;margin:10px 0 12px;position:relative;right:-4px;width:calc(100% + 8px)}.pS .pMart>*{margin:0 4px}.pS .pMart small{margin-bottom:10px;width:calc(100% - 8px)}.pS .pMart a{align-items:center;border:1px solid var(--contentL);border-radius:12px;display:inline-flex;height:40px;justify-content:center;margin-bottom:8px;width:40px}.pS .pMart img{display:block;width:20px}.pAG>:not(.o) span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-all}.pAG>:not(.o) span::before{content:"\00BB" " ";opacity:.7}.pAG>:not(.o) small:after{border-top:3px dotted;content:"";margin:10px 5px;opacity:.7;position:absolute;width:15px}
@media screen and (max-width:500px){.onMob .pAG>div.s{display:block}.onMob .pAG>div.s>*{width:100%}.onMob .pAG>div.s>:nth-child(2){margin:15px 0 0}}
/*Thumb ApGm*/ .pApGm .postBody>noscript,.app.a>::before{display:none}.app{align-items:center;color:inherit;display:inline-flex;margin:5px 0 15px;position:relative;width:100%}.app .ic{border-radius:15px;min-height:90px;min-width:90px;position:relative;flex:unset;margin:0}.app .ic img{border-radius:15px}.app .ic .img{background-size:cover;border-radius:15px;padding-top:100%;position:relative}.app .nm{padding-left:15px;position:relative;width:100%}.app .nm h1{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:var(--postTm);line-height:30px;overflow:hidden}.app .nm h1 span{font-size:85%}.app .n1{color:var(--synxBlue2)}.app .n2{color:var(--synxOrange2)}.app .n3{color:var(--synxPink)}.app .n3:before{content:'('}.app .n3:after{content:')'}.app .n4{color:var(--synxGreen)}.app .nm>:last-child{display:block;font-size:90%;margin-top:5px;opacity:.7}@media screen and (max-width:500px){.app .nm h1{-webkit-line-clamp:3;font-size:20px;line-height:22px}} .app + .pAd>*{margin:5px 0 20px} .pS .pAd>*{margin:20px 0}
.bApGm,.btnDL{background-color:var(--linkC);border-radius:20px;color:var(--white);cursor:pointer;direction:ltr;display:block;margin:0 0 15px;overflow:hidden;position:relative;padding:8px 15px 8px 40px;text-align:center}.bApGm::before,.btnDL::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' fill='%23fff' viewBox='0 0 640 512'%3E%3Cpath d='M537.6 226.6C541.7 215.9 544 204.2 544 192c0-53-43-96-96-96c-19.69 0-38.09 6-53.31 16.2C367 64.2 315.3 32 256 32C167.6 32 96 103.6 96 192c0 2.703 .1094 5.445 .2031 8.133C40.2 219.8 0 273.2 0 336C0 415.5 64.5 480 144 480H512c70.69 0 128-57.3 128-128C640 290.1 596 238.4 537.6 226.6zM424.1 320.1l-88 88C334.4 411.5 328.5 416 320 416s-14.4-4.467-16.97-7.031l-88-88c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0L296 334.1V184C296 170.8 306.8 160 320 160s24 10.75 24 24v150.1l47.03-47.03c9.375-9.375 24.56-9.375 33.94 0S434.3 311.6 424.1 320.1z'%3E%3C/path%3E%3C/svg%3E");margin-left:-25px;position:absolute}.bApGm::after,.btnDL::after{content:attr(data-text);font-size:15px;letter-spacing:.5px}
.bApGm.h::before,.bApGm.h::after{display:none}.app.pgrs .ic{transition:var(--trans-4);transform:scale(.75);overflow:inherit;background:none}.app.pgrs .ic .img{border-radius:50%}.app .i{opacity:0;position:absolute;width:calc(100% + 22px);height:calc(100% + 22px);top:-11px;bottom:-11px;right:-11px;left:-11px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;transition:all .5s ease;-webkit-transition:all .5s ease}.app.pgrs .i{opacity:1}.app .i .f{fill:none;opacity:.9;stroke:#f4f4f4}.drK .app .i .f{stroke:#333}.app .i .s{-webkit-transition:all .5s ease;fill:none;stroke:var(--linkC);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round;transition:all .5s ease}
#ldApGm>.a>:nth-child(1){border-radius:50%;transform:scale(.75);transition:var(--trans-4)}#ldApGm>*.a>:nth-child(1):not([lazied])::before{border-radius:50%}#ldApGm>* .i{opacity:0;position:absolute;width:calc(100% + 14px);height:calc(100% + 14px);top:-7px;bottom:-7px;right:-7px;left:-7px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;transition:all .5s ease;-webkit-transition:all .5s ease}#ldApGm>*.a .i{opacity:1}#ldApGm>* .i .f{fill:none;stroke:#ddd;opacity:.9}.drK #ldApGm>* .i .f{stroke:#444}#ldApGm>* .i .s{fill:none;stroke:var(--linkC);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round;transition:all .5s ease;-webkit-transition:all .5s ease}
#ldApGm>*{align-items:center;color:var(--linkC);cursor:pointer;display:flex;justify-content:space-between;margin:0 0 20px;width:100%}#ldApGm>*>:nth-child(1){height:55px;flex:0 0 55px;position:relative}#ldApGm .lazy{background-size:cover;border-radius:15px}#ldApGm .lazy:not([lazied]){display:block}#ldApGm>*>:nth-child(1):not([lazied])::before{background:var(--contentL);border-radius:15px;color:var(--bodyC);content:attr(data-text);display:block;height:100%;line-height:55px;opacity:.5;text-align:center}#ldApGm>*>:nth-child(2){flex:0 0 calc(100% - 65px);line-height:24px}#ldApGm>*>:nth-child(2)>*{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}#ldApGm>* :nth-child(2) div span{color:var(--bodyC);font-size:85%}.drK #ldApGm>* :nth-child(2) div span{color:var(--bodyC)}#ldApGm>* :nth-child(2) div span::before{background-color:var(--apk);border-radius:8px;color:var(--white);content:attr(data-text);font-size:12px;padding:1px 8px}#ldApGm>* :nth-child(2) div span.mod::before{background-color:var(--mod);margin:0 5px 0 1px}#ldApGm>* :nth-child(2) div span.gp::before{background-color:var(--linkC);margin:0 5px 0 1px}#ldApGm>* span b{font-size:85%;line-height:20px}@media screen and (min-width:897px){#ldApGm{display:flex;flex-wrap:wrap;left:-10px;position:relative;right:-10px;width:calc(100% + 20px)}#ldApGm>*{background:var(--bodyBs);border-radius:15px;font-size:15px;margin:0 10px 20px;padding:12px;overflow:hidden;width:calc(50% - 20px)}.blogPts:not(.fullP) #ldApGm>*>:nth-child(1){flex-basis:45px;height:45px}.blogPts:not(.fullP) #ldApGm>*>:nth-child(2){flex-basis:calc(100% - 55px)}.blogPts:not(.fullP) #ldApGm>*>:nth-child(1):not([lazied])::before{line-height:45px}.blogPts:not(.fullP) #ldApGm>* :nth-child(2) div span::before{font-size:11px;padding:0 6px}}
.dl_cnt{display:block;line-height:20px;text-align:center}.dl_cnt h1{font-size:18px;margin:15px 0 5px}.widget .dl_cnt h2{margin:20px 0}.dl_cnt span{font-size:13px}.dl_cnt h1~span{opacity:.7}.progDL{background-color:rgba(0,0,0,.3);position:relative;display:block;width:100%;border-radius:20px;margin:1rem 0;overflow:hidden}.drK .progDL{background-color:rgba(255,255,255,.1)}.progDL span{color:var(--white);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.progDL-s{animation:7s progDL-s ease-out;background-color:var(--linkC);height:100%;padding:8px 15px}.btnDL{animation:.5s opaCity linear;margin:1rem 0}@keyframes progDL-s{0%{width:0%}90%{width:100%}100%{width:100%;display:none}}.dl0 .pAd>*{margin:1rem 0 1.3rem}.dl1 .pAd>*{margin:1rem 0} .widget .pEnt .title{font-size:110%;margin:15px 0} .noteDL{background:#dff0d8;border:1px solid #d6e9c6;font-size:95%;padding:5px 20px;position:relative;--linkC:#3c763d}.noteDL>*{color:#3c763d} .sAG details{margin:15px 0;background:var(--transB);border-radius:30px;transition:all .25s ease-out;overflow:hidden} .noteDL a{font-weight:700;text-decoration:underline} .sAG details[open]{border-radius:7px}.sAG summary{position:relative;cursor:pointer;display:block;list-style:none;padding:10px 30px 10px 20px;outline:none;z-index:2}.sAG summary::-webkit-details-marker{display:none}.sAG details[open] summary{background:var(--linkC);color:var(--white)}.sAG summary::after{content:'\002B';position:absolute;right:15px;opacity:.7}.sAG details[open] summary::after{content:'\2212'}.sAG details>:nth-child(2){padding:20px}.sAG details[open]>:nth-child(2){animation:collapse .5s 0s}.sAG details p{margin:0}.sAG details p:not(:last-child){margin-bottom:15px}@keyframes collapse{0%{margin-bottom:-5%;opacity:0;transform:translateY(-100%)}100%{margin-bottom:0;opacity:1;transform:translateY(0)}}p .apk,p .mod{background-color:var(--apk);border-radius:8px;color:var(--bodyB);font-size:12px;padding:1px 8px;margin:0 2px}p .mod{background-color:var(--mod)}.bPrev{max-width:100%;padding:7px 15px;border-radius:20px;width:100%;justify-content:center}.bPrev svg{fill:currentColor;margin-right:5px} @media screen and (min-width:897px){.dl0 #adBot>*{margin-top:0}}@media screen and (max-width:500px){.dl_img,.noteDL{left:-20px;max-width:calc(100% + 40px);right:-20px;width:calc(100% + 40px)}h2.ha{display:none}}
/*end post ApGm*//*]]>*/</style>
</b:includable>
<!--[ SVG Icon ]-->
<b:includable id='back-icon'>
<!--[ Back icon ]-->
<svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
</b:includable>
<b:includable id='forward-icon'>
<!--[ Forward icon ]-->
<svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
</b:includable>
<b:includable id='arrow-right-icon'>
<!--[ Arrow right icon ]-->
<svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line x1='6.7743' x2='6.7743' y1='15.7501' y2='0.7501'/><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'/></g></svg>
</b:includable>
<b:includable id='arrow-left-icon'>
<!--[ Arrow left icon ]-->
<svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line x1='6.7743' x2='6.7743' y1='15.7501' y2='0.7501'/><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'/></g></svg>
</b:includable>
<b:includable id='arow-down-icon'>
<!--[ Arrow down icon ]-->
<svg class='line d' viewBox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
</b:includable>
<b:includable id='arow-up-icon'>
<!--[ Arrow up icon ]-->
<svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-180.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
</b:includable>
<!--[ Profile icon ]-->
<b:includable id='profile-icon'>
<svg class='line' viewBox='0 0 24 24'><path d='M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z'/><path d='M20.5899 22C20.5899 18.13 16.7399 15 11.9999 15C7.25991 15 3.40991 18.13 3.40991 22'/></svg>
</b:includable>
<!--[ Profile Circle icon ]-->
<b:includable id='profile-circle-icon'>
<svg class='line' viewBox='0 0 24 24'><path d='M12.12 12.78C12.05 12.77 11.96 12.77 11.88 12.78C10.12 12.72 8.71997 11.28 8.71997 9.50998C8.71997 7.69998 10.18 6.22998 12 6.22998C13.81 6.22998 15.28 7.69998 15.28 9.50998C15.27 11.28 13.88 12.72 12.12 12.78Z'/><path d='M18.74 19.3801C16.96 21.0101 14.6 22.0001 12 22.0001C9.40001 22.0001 7.04001 21.0101 5.26001 19.3801C5.36001 18.4401 5.96001 17.5201 7.03001 16.8001C9.77001 14.9801 14.25 14.9801 16.97 16.8001C18.04 17.5201 18.64 18.4401 18.74 19.3801Z'/><path d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'/></svg>
</b:includable>
<!--[ Profiles icon ]-->
<b:includable id='profiles-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.749500, 2.549500)'><path d='M6.809,18.9067 C3.137,18.9067 9.41469125e-14,18.3517 9.41469125e-14,16.1277 C9.41469125e-14,13.9037 3.117,11.8997 6.809,11.8997 C10.481,11.8997 13.617,13.8847 13.617,16.1077 C13.617,18.3307 10.501,18.9067 6.809,18.9067 Z'/><path d='M6.809,8.728 C9.219,8.728 11.173,6.774 11.173,4.364 C11.173,1.954 9.219,-2.48689958e-14 6.809,-2.48689958e-14 C4.399,-2.48689958e-14 2.44496883,1.954 2.44496883,4.364 C2.436,6.766 4.377,8.72 6.778,8.728 L6.809,8.728 Z'/><path d='M14.0517,7.5293 C15.4547,7.1543 16.4887007,5.8753 16.4887007,4.3533 C16.4897,2.7653 15.3627,1.4393 13.8647,1.1323'/><path d='M14.7113,11.104 C16.6993,11.104 18.3973,12.452 18.3973,13.655 C18.3973,14.364 17.8123,15.092 16.9223,15.301'/></g></svg>
</b:includable>
<!--[ Search icon ]-->
<b:includable id='search-icon'>
<svg class='line' viewBox='0 0 24 24'><use href='#i-search'/></svg>
</b:includable>
<!--[ Share icon ]-->
<b:includable id='share-icon'><svg class='line' viewBox='0 0 24 24'><path d='M92.30583,264.72053a3.42745,3.42745,0,0,1-.37,1.57,3.51,3.51,0,1,1,0-3.13995A3.42751,3.42751,0,0,1,92.30583,264.72053Z' transform='translate(-83.28571 -252.73452)'/><circle cx='18.48892' cy='5.49436' r='3.51099'/><circle cx='18.48892' cy='18.50564' r='3.51099'/><line class='cls-3' x1='12.53012' x2='8.65012' y1='8.476' y2='10.416'/><line class='cls-3' x1='12.53012' x2='8.65012' y1='15.496' y2='13.556'/></svg></b:includable>
<!--[ Share icon alt ]-->
<b:includable id='share-icon-alt'><svg viewBox='0 0 576 512'><path d='M568.9 143.5l-150.9-138.2C404.8-6.773 384 3.039 384 21.84V96C241.2 97.63 128 126.1 128 260.6c0 54.3 35.2 108.1 74.08 136.2c12.14 8.781 29.42-2.238 24.94-16.46C186.7 252.2 256 224 384 223.1v74.2c0 18.82 20.84 28.59 34.02 16.51l150.9-138.2C578.4 167.8 578.4 152.2 568.9 143.5zM416 384c-17.67 0-32 14.33-32 32v31.1l-320-.0013V128h32c17.67 0 32-14.32 32-32S113.7 64 96 64H64C28.65 64 0 92.65 0 128v319.1c0 35.34 28.65 64 64 64l320-.0013c35.35 0 64-28.66 64-64V416C448 398.3 433.7 384 416 384z'/></svg></b:includable>
<!--[ Font icon ]-->
<b:includable id='font-icon'><svg viewBox='0 0 24 24'><path d='M16.928 4.8L22 19.41h-3.31l-1.104-3.483h-5.133l-1.124 3.482H8.26L13.334 4.8h3.594zM8.19 8.974l.952 2.741-1.077 3.102-1.162-3.673h-.13l-1.309 4.093h2.455l-.585 1.684h-2.34L4.19 19.41H2L5.623 8.974H8.19zm6.936-1.137h-.183l-1.832 5.73h3.827l-1.812-5.73z'/></svg></b:includable>
<!--[ Instagram icon ]-->
<b:includable id='instagram-icon'>
<svg viewBox='0 0 32 32'><path d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'/><path d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/><circle cx='23' cy='9' r='1'/></svg>
</b:includable>
<!--[ Facebook icon ]-->
<b:includable id='facebook-icon'>
<svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/></svg>
</b:includable>
<!--[ Facebook rounded icon ]-->
<b:includable id='facebook-r-icon'>
<svg viewBox='0 0 64 64'><path d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'/></svg>
</b:includable>
<!--[ Twitter icon ]-->
<b:includable id='twitter-icon'>
<svg viewBox='0 0 32 32'><path d='M13.35,28A13.66,13.66,0,0,1,2.18,22.16a1,1,0,0,1,.69-1.56l2.84-.39A12,12,0,0,1,5.44,4.35a1,1,0,0,1,1.7.31,9.87,9.87,0,0,0,5.33,5.68,7.39,7.39,0,0,1,7.24-6.15,7.29,7.29,0,0,1,5.88,3H29a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1.06L27,12.27c0,.14,0,.28-.05.41a12.46,12.46,0,0,1,.09,1.43A13.82,13.82,0,0,1,13.35,28ZM4.9,22.34A11.63,11.63,0,0,0,13.35,26,11.82,11.82,0,0,0,25.07,14.11,11.42,11.42,0,0,0,25,12.77a1.11,1.11,0,0,1,0-.26c0-.22.05-.43.06-.65a1,1,0,0,1,.22-.58l1.67-2.11H25.06a1,1,0,0,1-.85-.47,5.3,5.3,0,0,0-4.5-2.51,5.41,5.41,0,0,0-5.36,5.45,1.07,1.07,0,0,1-.4.83,1,1,0,0,1-.87.2A11.83,11.83,0,0,1,6,7,10,10,0,0,0,8.57,20.12a1,1,0,0,1,.37,1.05,1,1,0,0,1-.83.74Z'/></svg>
</b:includable>
<!--[ Twitter rounded icon ]-->
<b:includable id='twitter-r-icon'>
<svg viewBox='0 0 64 64'><path d='M11.4,26.6C11.5,26.6,11.5,26.6,11.4,26.6c-0.9,0-1.8-0.2-2.6-0.4c-1.3-0.4-2.5,0.8-2.1,2 c1.1,4.3,4.5,7.7,8.8,8.6c-1,0.3-2,0.4-3,0.4c-1,0-1.7,1.1-1.2,2c1.9,3.5,5.6,5.9,9.7,6h1c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2 c-1.3,0-2.9-0.1-4.5-0.5c-1-0.2-2-0.2-2.9,0.1c-1.7,0.6-3.5,1.1-5.4,1.3C8.5,50.2,8,50.7,8,51.4v0c0,0.5,0.3,1,0.8,1.2 c3.9,1.7,8.3,2.7,12.9,2.7c21.1,0,32.7-17.9,32.7-33.5v0c0-0.9,0.4-1.8,1.1-2.4c1.2-1,2.3-2.1,3.3-3.4c0.4-0.5-0.1-1.2-0.7-1 c-1.2,0.4-2.4,0.7-3.7,0.9c-0.2,0-0.3-0.2-0.1-0.4c1.5-1.1,2.8-2.6,3.6-4.3c0.3-0.6-0.3-1.2-0.9-0.9c-1.1,0.6-2.3,1-3.5,1.4 c-1.2,0.4-2.6,0.1-3.6-0.7c-1.9-1.5-4.4-2.4-7-2.4c-5.3,0-9.8,3.7-11.1,8.8c-0.2,0.9,0.5,1.7,1.4,1.7c1.6-0.1,3.2-0.3,4.4-0.5 c1-0.2,2,0.3,2.4,1.2c0.5,1.2-0.2,2.4-1.3,2.7c-4.6,1.3-9.7,0.4-9.7,0.4l0,0C21.2,21.8,14.3,18,9.3,12.5C8.6,11.7,7.3,12,7,12.9 c-0.4,1.2-0.6,2.5-0.6,3.9C6.4,20.9,8.4,24.5,11.4,26.6z'/></svg>
</b:includable>
<!--[ Telegram icon ]-->
<b:includable id='telegram-icon'>
<svg viewBox='0 0 32 32'><path d='M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z'/></svg>
</b:includable>
<!--[ Telegram rounded icon ]-->
<b:includable id='telegram-r-icon'>
<svg viewBox='0 0 64 64'><path d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'/></svg>
</b:includable>
<!--[ Tiktok icon ]-->
<b:includable id='tiktok-icon'>
<svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path d='M22,12a3,3,0,0,1-3-3,1,1,0,0,0-2,0V19a3,3,0,1,1-3-3,1,1,0,0,0,0-2,5,5,0,1,0,5,5V13a4.92,4.92,0,0,0,3,1,1,1,0,0,0,0-2Z'/></svg>
</b:includable>
<!--[ Tumblr icon ]-->
<b:includable id='tumblr-icon'>
<svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/><path d='M20,19a1,1,0,0,0-1,1,1,1,0,0,1-1,1H17a1,1,0,0,1-1-1V15h3a1,1,0,0,0,0-2H16V10a1,1,0,0,0-2,0v3H12a1,1,0,0,0,0,2h2v5a3,3,0,0,0,3,3h1a3,3,0,0,0,3-3A1,1,0,0,0,20,19Z'/></svg>
</b:includable>
<!--[ line icon ]-->
<b:includable id='line-icon'>
<svg viewBox='0 0 32 32'><path d='M16,2C8.28,2,2,7.38,2,14c0,5.48,4.34,10.24,10.44,11.6L12,28.87a1,1,0,0,0,.37.91A1,1,0,0,0,13,30a1,1,0,0,0,.35-.06C14,29.68,30,23.58,30,14,30,7.38,23.72,2,16,2ZM14.22,27.4l.33-2.47a1,1,0,0,0-.83-1.12C8.09,22.91,4,18.78,4,14,4,8.49,9.38,4,16,4S28,8.49,28,14C28,20.61,18.14,25.66,14.22,27.4Z'/><path d='M10,15.25H8.75V12a.75.75,0,0,0-1.5,0v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5Z'/><path d='M24,12.75a.75.75,0,0,0,0-1.5H22a.76.76,0,0,0-.75.75v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5H22.75v-.5H24a.75.75,0,0,0,0-1.5H22.75v-.5Z'/><path d='M13,11.25a.76.76,0,0,0-.75.75v4a.75.75,0,0,0,1.5,0V12A.76.76,0,0,0,13,11.25Z'/><path d='M19,11.25a.76.76,0,0,0-.75.75v1.75l-1.65-2.2a.75.75,0,0,0-1.35.45v4a.75.75,0,0,0,1.5,0V14.25l1.65,2.2a.75.75,0,0,0,.6.3.67.67,0,0,0,.24,0,.75.75,0,0,0,.51-.71V12A.76.76,0,0,0,19,11.25Z'/></svg>
</b:includable>
<!--[ Line rounded icon ]-->
<b:includable id='line-r-icon'>
<svg viewBox='0 0 24 24'><path d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'/></svg>
</b:includable>
<!--[ Youtube icon ]-->
<b:includable id='youtube-icon'>
<svg viewBox='0 0 32 32'><path d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'/><path d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'/></svg>
</b:includable>
<!--[ LinkedIn icon ]-->
<b:includable id='linkedIn-icon'>
<svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path d='M11,14a1,1,0,0,0-1,1v6a1,1,0,0,0,2,0V15A1,1,0,0,0,11,14Z'/><path d='M19,13a4,4,0,0,0-4,4v4a1,1,0,0,0,2,0V17a2,2,0,0,1,4,0v4a1,1,0,0,0,2,0V17A4,4,0,0,0,19,13Z'/><circle cx='11' cy='11' r='1'/></svg>
</b:includable>
<!--[ LinkedIn rounded icon ]-->
<b:includable id='linkedIn-r-icon'>
<svg viewBox='0 0 64 64'><path d='M8,54.7C8,55.4,8.6,56,9.3,56h9.3c0.7,0,1.3-0.6,1.3-1.3V23.9c0-0.7-0.6-1.3-1.3-1.3H9.3 c-0.7,0-1.3,0.6-1.3,1.3V54.7z'/><path d='M46.6,22.3c-4.5,0-7.7,1.8-9.4,3.7c-0.4,0.4-1.1,0.1-1.1-0.5l0-1.6c0-0.7-0.6-1.3-1.3-1.3h-9.4 c-0.7,0-1.3,0.6-1.3,1.3c0.1,5.7,0,25.4,0,30.7c0,0.7,0.6,1.3,1.3,1.3h9.5c0.7,0,1.3-0.6,1.3-1.3V37.9c0-1,0-2,0.3-2.7 c0.8-2,2.6-4.1,5.7-4.1c4.1,0,6,3.1,6,7.6v15.9c0,0.7,0.6,1.3,1.3,1.3h9.3c0.7,0,1.3-0.6,1.3-1.3V37.4C60,27.1,54.1,22.3,46.6,22.3 z'/><path d='M13.9,18.9L13.9,18.9c3.8,0,6.1-2.4,6.1-5.4C19.9,10.3,17.7,8,14,8c-3.7,0-6,2.3-6,5.4 C8,16.5,10.3,18.9,13.9,18.9z'/></svg>
</b:includable>
<!--[ Whatsapp icon ]-->
<b:includable id='whatsapp-icon'>
<svg viewBox='0 0 32 32'><path d='M16,2A13,13,0,0,0,8,25.23V29a1,1,0,0,0,.51.87A1,1,0,0,0,9,30a1,1,0,0,0,.51-.14l3.65-2.19A12.64,12.64,0,0,0,16,28,13,13,0,0,0,16,2Zm0,24a11.13,11.13,0,0,1-2.76-.36,1,1,0,0,0-.76.11L10,27.23v-2.5a1,1,0,0,0-.42-.81A11,11,0,1,1,16,26Z'/><path d='M19.86,15.18a1.9,1.9,0,0,0-2.64,0l-.09.09-1.4-1.4.09-.09a1.86,1.86,0,0,0,0-2.64L14.23,9.55a1.9,1.9,0,0,0-2.64,0l-.8.79a3.56,3.56,0,0,0-.5,3.76,10.64,10.64,0,0,0,2.62,4A8.7,8.7,0,0,0,18.56,21a2.92,2.92,0,0,0,2.1-.79l.79-.8a1.86,1.86,0,0,0,0-2.64Zm-.62,3.61c-.57.58-2.78,0-4.92-2.11a8.88,8.88,0,0,1-2.13-3.21c-.26-.79-.25-1.44,0-1.71l.7-.7,1.4,1.4-.7.7a1,1,0,0,0,0,1.41l2.82,2.82a1,1,0,0,0,1.41,0l.7-.7,1.4,1.4Z'/></svg>
</b:includable>
<!--[ Whatsapp rounded icon ]-->
<b:includable id='whatsapp-r-icon'>
<svg viewBox='0 0 64 64'><path d='M6.9,48.4c-0.4,1.5-0.8,3.3-1.3,5.2c-0.7,2.9,1.9,5.6,4.8,4.8l5.1-1.3c1.7-0.4,3.5-0.2,5.1,0.5 c4.7,2.1,10,3,15.6,2.1c12.3-1.9,22-11.9,23.5-24.2C62,17.3,46.7,2,28.5,4.2C16.2,5.7,6.2,15.5,4.3,27.8c-0.8,5.6,0,10.9,2.1,15.6 C7.1,44.9,7.3,46.7,6.9,48.4z M21.3,19.8c0.6-0.5,1.4-0.9,1.8-0.9s2.3-0.2,2.9,1.2c0.6,1.4,2,4.7,2.1,5.1c0.2,0.3,0.3,0.7,0.1,1.2 c-0.2,0.5-0.3,0.7-0.7,1.1c-0.3,0.4-0.7,0.9-1,1.2c-0.3,0.3-0.7,0.7-0.3,1.4c0.4,0.7,1.8,2.9,3.8,4.7c2.6,2.3,4.9,3,5.5,3.4 c0.7,0.3,1.1,0.3,1.5-0.2c0.4-0.5,1.7-2,2.2-2.7c0.5-0.7,0.9-0.6,1.6-0.3c0.6,0.2,4,1.9,4.7,2.2c0.7,0.3,1.1,0.5,1.3,0.8 c0.2,0.3,0.2,1.7-0.4,3.2c-0.6,1.6-2.1,3.1-3.2,3.5c-1.3,0.5-2.8,0.7-9.3-1.9c-7-2.8-11.8-9.8-12.1-10.3c-0.3-0.5-2.8-3.7-2.8-7.1 C18.9,22.1,20.7,20.4,21.3,19.8z'/></svg>
</b:includable>
<!--[ Pinterest icon ]-->
<b:includable id='pinterest-icon'>
<svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26a12,12,0,0,1-3.81-.63l1.2-4.81A7.93,7.93,0,0,0,16,23a8.36,8.36,0,0,0,1.4-.12,8,8,0,1,0-9.27-6.49,1,1,0,0,0,2-.35,6,6,0,1,1,3.79,4.56L15,16.24A1,1,0,1,0,13,15.76l-2.7,10.81A12,12,0,1,1,16,28Z'/></svg>
</b:includable>
<!--[ Pinteres rounded icon ]-->
<b:includable id='pinterest-r-icon'>
<svg viewBox='0 0 64 64'><path d='M14.4,53.8c2.4,2,6.1,0.6,6.8-2.4l0-0.1c0.4-1.8,2.4-10.2,3.2-13.7c0.2-0.9,0.2-1.8-0.1-2.7 C24.2,34,24,32.8,24,31.5c0-4.1,2.4-7.2,5.4-7.2c2.5,0,3.8,1.9,3.8,4.2c0,2.6-1.6,6.4-2.5,9.9c-0.7,3,1.5,5.4,4.4,5.4 c5.3,0,8.9-6.8,8.9-14.9c0-6.1-4.1-10.7-11.6-10.7c-8.5,0-13.8,6.3-13.8,13.4c0,2.4,0.7,4.2,1.8,5.5c0.5,0.6,0.6,0.9,0.4,1.6 c-0.1,0.5-0.4,1.8-0.6,2.2c-0.2,0.7-0.8,1-1.4,0.7c-3.9-1.6-5.7-5.9-5.7-10.7c0-8,6.7-17.5,20-17.5c10.7,0,17.7,7.7,17.7,16 c0,11-6.1,19.2-15.1,19.2c-1.9,0-3.8-0.7-5.2-1.6c-0.9-0.6-2.1-0.1-2.4,0.9c-0.5,1.9-1.1,4.3-1.3,4.9c-0.1,0.5-0.3,0.9-0.4,1.4 c-1,2.7,0.9,5.5,3.7,5.7c2.1,0.1,4.2,0,6.3-0.3c12.4-2,22.1-12.2,23.4-24.7C61.5,18.1,48.4,4,32,4C16.5,4,4,16.5,4,32 C4,40.8,8.1,48.6,14.4,53.8z'/></svg>
</b:includable>
<!--[ Mail rounded icon ]-->
<b:includable id='mail-r-icon'>
<svg viewBox='0 0 500 500'><path d='M468.051,222.657c0-12.724-5.27-24.257-13.717-32.527 L282.253,45.304c-17.811-17.807-46.702-17.807-64.505,0L45.666,190.129c-8.448,8.271-13.717,19.803-13.717,32.527v209.054 c0,20.079,16.264,36.341,36.34,36.341h363.421c20.078,0,36.34-16.262,36.34-36.341V222.657z M124.621,186.402h250.758 c11.081,0,19.987,8.905,19.987,19.991v34.523c-0.088,4.359-1.818,8.631-5.181,11.997l-55.966,56.419l83.224,83.127 c6.904,6.904,6.904,18.081,0,24.985s-18.085,6.904-24.985,0l-85.676-85.672H193.034l-85.492,85.672 c-6.907,6.904-18.081,6.904-24.985,0c-6.906-6.904-6.906-18.081,0-24.985l83.131-83.127l-55.875-56.419 c-3.638-3.638-5.363-8.358-5.181-13.177v-33.343C104.632,195.307,113.537,186.402,124.621,186.402z'/></svg>
</b:includable>
<!--[ Circle icon ]-->
<b:includable id='circle-icon'>
<svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/><path d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/></svg>
</b:includable>
<!--[ Home icon ]-->
<b:includable id='home-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.400000, 2.000000)'><line x1='6.6787' x2='12.4937' y1='14.1354' y2='14.1354'/><path d='M1.24344979e-14,11.713 C1.24344979e-14,6.082 0.614,6.475 3.919,3.41 C5.365,2.246 7.615,0 9.558,0 C11.5,0 13.795,2.235 15.254,3.41 C18.559,6.475 19.172,6.082 19.172,11.713 C19.172,20 17.213,20 9.586,20 C1.959,20 1.24344979e-14,20 1.24344979e-14,11.713 Z'/></g></svg>
</b:includable>
<!--[ Home alt icon ]-->
<b:includable id='home-alt-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.400000, 2.000000)'><path d='M1.24344979e-14,11.713 C1.24344979e-14,6.082 0.614,6.475 3.919,3.41 C5.365,2.246 7.615,0 9.558,0 C11.5,0 13.795,2.235 15.254,3.41 C18.559,6.475 19.172,6.082 19.172,11.713 C19.172,20 17.213,20 9.586,20 C1.959,20 1.24344979e-14,20 1.24344979e-14,11.713 Z'/></g></svg>
</b:includable>
<!-- Blogpen.xyz -->
<!--[ Folder icon ]-->
<b:includable id='folder-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'/><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0.0463973758 9.292,0.761221672 C10.79,1.56884072 10.361,2.76122167 11.9,3.63645977 C13.44,4.51265024 15.917,3.19645977 17.535,4.94217405 C19.229,6.7697931 19.2200005,9.57550739 19.2200005,11.3640788 C19.2200005,18.1602693 15.413,18.6993169 9.61,18.6993169 C3.807,18.6993169 -1.13686838e-13,18.2288407 -1.13686838e-13,11.3640788 L-1.13686838e-13,5.29836453 Z'/></g></svg>
</b:includable>
<!--[ Message icon ]-->
<b:includable id='message-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.452080, 2.851980)'><path d='M15.0928322,6.167017 C15.0928322,6.167017 11.8828071,10.0196486 9.53493746,10.0196486 C7.18807029,10.0196486 3.941955,6.167017 3.941955,6.167017'/><path d='M1.04805054e-13,9.11679198 C1.04805054e-13,2.27869674 2.38095238,8.8817842e-15 9.52380952,8.8817842e-15 C16.6666667,8.8817842e-15 19.047619,2.27869674 19.047619,9.11679198 C19.047619,15.9538847 16.6666667,18.233584 9.52380952,18.233584 C2.38095238,18.233584 1.04805054e-13,15.9538847 1.04805054e-13,9.11679198 Z'/></g></svg>
</b:includable>
<!--[ Paper icon ]-->
<b:includable id='paper-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.649800, 2.749900)'><line x1='10.6555' x2='5.2555' y1='12.6999' y2='12.6999'/><line x1='8.6106' x2='5.2546' y1='8.6886' y2='8.6886'/><path d='M16.51,5.55 L10.84,0.15 C10.11,0.05 9.29,0 8.39,0 C2.1,0 -1.95399252e-14,2.32 -1.95399252e-14,9.25 C-1.95399252e-14,16.19 2.1,18.5 8.39,18.5 C14.69,18.5 16.79,16.19 16.79,9.25 C16.79,7.83 16.7,6.6 16.51,5.55 Z'/><path d='M10.2844,0.0827 L10.2844,2.7437 C10.2844,4.6017 11.7904,6.1067 13.6484,6.1067 L16.5994,6.1067'/></g></svg>
</b:includable>
<!--[ Document icon ]-->
<b:includable id='document-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.610000, 2.750100)'><line x1='11.9858' x2='4.7658' y1='12.9463' y2='12.9463'/><line x1='11.9858' x2='4.7658' y1='9.1865' y2='9.1865'/><line x1='7.521' x2='4.766' y1='5.4272' y2='5.4272'/><path d='M7.63833441e-14,9.25 C7.63833441e-14,16.187 2.098,18.5 8.391,18.5 C14.685,18.5 16.782,16.187 16.782,9.25 C16.782,2.313 14.685,0 8.391,0 C2.098,0 7.63833441e-14,2.313 7.63833441e-14,9.25 Z'/></g></svg>
</b:includable>
<!--[ Buy icon ]-->
<b:includable id='buy-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.650200, 2.850200)'><path d='M2.044,3.58024493 C7.3705141,2.243 13.9926469,2.32498848 15.5231061,4.06777179 C17.0535652,5.8105551 17.0220031,11.638 15.2330031,13.237 C13.4450031,14.836 5.68,14.988 3.22,13.237 C0.621,11.386 2.129,5.692 2.044,2.243 C2.095,0.313 -1.13686838e-13,0 -1.13686838e-13,0'/><line x1='10.5059' x2='13.2789' y1='7.8696' y2='7.8696'/><path d='M3.6138,17.2773 C3.9138,17.2773 4.1578,17.5213 4.1578,17.8213 C4.1578,18.1223 3.9138,18.3663 3.6138,18.3663 C3.3128,18.3663 3.0688,18.1223 3.0688,17.8213 C3.0688,17.5213 3.3128,17.2773 3.6138,17.2773 Z'/><path d='M13.9453,17.2773 C14.2463,17.2773 14.4903,17.5213 14.4903,17.8213 C14.4903,18.1223 14.2463,18.3663 13.9453,18.3663 C13.6453,18.3663 13.4013,18.1223 13.4013,17.8213 C13.4013,17.5213 13.6453,17.2773 13.9453,17.2773 Z'/></g></svg>
</b:includable>
<!--[ Download icon ]-->
<b:includable id='download-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><line x1='9.8791' x2='9.8791' y1='12.791' y2='0.75'/><polyline points='12.7951 9.8642 9.8791 12.7922 6.9631 9.8642'/><path d='M14.3703,5.2587 C17.9493,5.5887 19.2503,6.9287 19.2503,12.2587 C19.2503,19.3587 16.9393,19.3587 10.0003,19.3587 C3.0593,19.3587 0.7503,19.3587 0.7503,12.2587 C0.7503,6.9287 2.0503,5.5887 5.6303,5.2587'/></g></svg>
</b:includable>
<!--[ Download alt icon ]-->
<b:includable id='download-alt-icon'>
<svg class='line' viewBox='0 0 24 24'><polyline points='8 17 12 21 16 17'/><line x1='12' x2='12' y1='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>
</b:includable>
<!--[ Lock icon ]-->
<b:includable id='lock-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M12.9709,7.4033 L12.9709,5.2543 C12.9399,2.7353 10.8719,0.7193 8.3539,0.7503 C5.8869,0.7813 3.8919,2.7673 3.8499,5.2343 L3.8499,7.4033'/><line x1='8.4103' x2='8.4103' y1='12.1562' y2='14.3772'/><path d='M8.4103,6.8242 C2.6653,6.8242 0.7503,8.3922 0.7503,13.0952 C0.7503,17.7992 2.6653,19.3672 8.4103,19.3672 C14.1553,19.3672 16.0713,17.7992 16.0713,13.0952 C16.0713,8.3922 14.1553,6.8242 8.4103,6.8242 Z'/></g></svg>
</b:includable>
<!--[ Shield done icon ]-->
<b:includable id='shield-done-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M8.4845,19.6057 C10.8195,19.6057 16.1565,17.2837 16.1565,10.8787 C16.1565,4.4747 16.4345,3.9737 15.8195,3.3577 C15.2035,2.7417 11.9935,0.7507 8.4845,0.7507 C4.9755,0.7507 1.7655,2.7417 1.1505,3.3577 C0.5345,3.9737 0.8125,4.4747 0.8125,10.8787 C0.8125,17.2837 6.1505,19.6057 8.4845,19.6057 Z'/><polyline points='5.8859 9.8748 7.7779 11.7698 11.6759 7.8698'/></g></svg>
</b:includable>
<!--[ Plus icon ]-->
<b:includable id='plus-icon'>
<svg viewBox='0 0 512 512'><path d='M417.4,224H288V94.6c0-16.9-14.3-30.6-32-30.6c-17.7,0-32,13.7-32,30.6V224H94.6C77.7,224,64,238.3,64,256 c0,17.7,13.7,32,30.6,32H224v129.4c0,16.9,14.3,30.6,32,30.6c17.7,0,32-13.7,32-30.6V288h129.4c16.9,0,30.6-14.3,30.6-32 C448,238.3,434.3,224,417.4,224z'/></svg>
</b:includable>
<!--[ Moon icon ]-->
<b:includable id='moon-sun-icon'>
<svg class='line' viewBox='0 0 24 24'>
<g class='d1'><path d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'/></g>
<g class='d2'><path class='f' d='M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z'/><path d='M19.14 19.14L19.01 19.01M19.01 4.99L19.14 4.86L19.01 4.99ZM4.86 19.14L4.99 19.01L4.86 19.14ZM12 2.08V2V2.08ZM12 22V21.92V22ZM2.08 12H2H2.08ZM22 12H21.92H22ZM4.99 4.99L4.86 4.86L4.99 4.99Z' stroke-width='2'/></g></svg>
</b:includable>
<!--[ Sun icon ]-->
<b:includable id='sun-moon-icon'>
<svg class='line' viewBox='0 0 24 24'>
<g class='d1'><path class='f' d='M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z'/><path d='M19.14 19.14L19.01 19.01M19.01 4.99L19.14 4.86L19.01 4.99ZM4.86 19.14L4.99 19.01L4.86 19.14ZM12 2.08V2V2.08ZM12 22V21.92V22ZM2.08 12H2H2.08ZM22 12H21.92H22ZM4.99 4.99L4.86 4.86L4.99 4.99Z' stroke-width='2'/></g>
<g class='d2'><path d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'/></g></svg>
</b:includable>
<!--[ Grid icon ]-->
<b:includable id='grid-icon'>
<svg class='line' viewBox='0 0 24 24'><path d='M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z'/><path class='s3' d='M12 2V22'/><path d='M2 12H22'/></svg>
</b:includable>
<!--[ Chat icon ]-->
<b:includable id='chat-icon'><svg viewBox='0 0 512 512'><use href='#i-chat'/></svg></b:includable>
<!--[ Messages icon ]-->
<b:includable id='messages-icon'>
<svg class='line' viewBox='0 0 24 24'><path d='M22 10V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H14'/><path d='M19.5 7C20.8807 7 22 5.88071 22 4.5C22 3.11929 20.8807 2 19.5 2C18.1193 2 17 3.11929 17 4.5C17 5.88071 18.1193 7 19.5 7Z'/></svg>
</b:includable>
<!--[ Hamburger menu icon ]-->
<b:includable id='ham-icon'>
<svg class='line' viewBox='0 0 24 24'><line x1='3' x2='21' y1='12' y2='12'/><line x1='3' x2='21' y1='5' y2='5'/><line x1='3' x2='21' y1='19' y2='19'/></svg>
</b:includable>
<!--[ Menu icon ]-->
<b:includable id='menu-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.000000, 3.000000)'><path class='fill' d='M18.00036,3.6738 C18.00036,5.7024 16.35516,7.3476 14.32656,7.3476 C12.29796,7.3476 10.65366,5.7024 10.65366,3.6738 C10.65366,1.6452 12.29796,-6.39488462e-15 14.32656,-6.39488462e-15 C16.35516,-6.39488462e-15 18.00036,1.6452 18.00036,3.6738 Z'/><path class='fill' d='M7.3467,3.6738 C7.3467,5.7024 5.7024,7.3476 3.6729,7.3476 C1.6452,7.3476 4.79616347e-15,5.7024 4.79616347e-15,3.6738 C4.79616347e-15,1.6452 1.6452,-6.39488462e-15 3.6729,-6.39488462e-15 C5.7024,-6.39488462e-15 7.3467,1.6452 7.3467,3.6738 Z'/><path class='fill' d='M18.00036,14.26194 C18.00036,16.29054 16.35516,17.93484 14.32656,17.93484 C12.29796,17.93484 10.65366,16.29054 10.65366,14.26194 C10.65366,12.23334 12.29796,10.58814 14.32656,10.58814 C16.35516,10.58814 18.00036,12.23334 18.00036,14.26194 Z'/><path class='fill' d='M7.3467,14.26194 C7.3467,16.29054 5.7024,17.93484 3.6729,17.93484 C1.6452,17.93484 4.79616347e-15,16.29054 4.79616347e-15,14.26194 C4.79616347e-15,12.23334 1.6452,10.58814 3.6729,10.58814 C5.7024,10.58814 7.3467,12.23334 7.3467,14.26194 Z'/></g></svg>
</b:includable>
<!--[ Calendar icon ]-->
<b:includable id='calendar-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.749800, 2.050100)'><path d='M-1.0658141e-14,10.7255 C-1.0658141e-14,3.7695 2.319,1.4515 9.274,1.4515 C16.23,1.4515 18.549,3.7695 18.549,10.7255 C18.549,17.6815 16.23,19.9995 9.274,19.9995 C2.319,19.9995 -1.0658141e-14,17.6815 -1.0658141e-14,10.7255 Z'/><line x1='0.2754' x2='18.2834' y1='7.2739' y2='7.2739'/><line x1='13.2832' x2='13.2832' y1='2.84217094e-14' y2='3.262'/><line x1='5.2749' x2='5.2749' y1='2.84217094e-14' y2='3.262'/></g></svg>
</b:includable>
<!--[ Time square icon ]-->
<b:includable id='time-square-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z'/><polyline points='13.3902 12.0181 9.9992 9.9951 9.9992 5.6341'/></g></svg>
</b:includable>
<!--[ Bookmark icon ]-->
<b:includable id='bookmark-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/></g></svg>
</b:includable>
<!--[ Link icon ]-->
<b:includable id='link-icon'>
<svg class='line' viewBox='0 0 24 24'><path d='M13 11L21.2 2.80005'/><path d='M22 6.8V2H17.2'/><path d='M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13'/></svg>
</b:includable>
<!--[ Tag icon ]-->
<b:includable id='tag-icon'>
<svg class='line' viewBox='0 0 24 24'><path d='M4.16989 15.3L8.69989 19.83C10.5599 21.69 13.5799 21.69 15.4499 19.83L19.8399 15.44C21.6999 13.58 21.6999 10.56 19.8399 8.69005L15.2999 4.17005C14.3499 3.22005 13.0399 2.71005 11.6999 2.78005L6.69989 3.02005C4.69989 3.11005 3.10989 4.70005 3.00989 6.69005L2.76989 11.69C2.70989 13.04 3.21989 14.35 4.16989 15.3Z'/><path d='M9.5 12C10.8807 12 12 10.8807 12 9.5C12 8.11929 10.8807 7 9.5 7C8.11929 7 7 8.11929 7 9.5C7 10.8807 8.11929 12 9.5 12Z'/></svg>
</b:includable>
<!--[ Link icon alt ]-->
<b:includable id='link-alt-icon'>
<svg class='line' viewBox='0 0 24 24'><path d='M13.0601 10.9399C15.3101 13.1899 15.3101 16.8299 13.0601 19.0699C10.8101 21.3099 7.17009 21.3199 4.93009 19.0699C2.69009 16.8199 2.68009 13.1799 4.93009 10.9399'/><path d='M10.59 13.4099C8.24996 11.0699 8.24996 7.26988 10.59 4.91988C12.93 2.56988 16.73 2.57988 19.08 4.91988C21.43 7.25988 21.42 11.0599 19.08 13.4099'/></svg>
</b:includable>
<!--[ Location icon ]-->
<b:includable id='location-icon'>
<svg class='line' viewBox='0 0 24 24'><path d='M12 13.4299C13.7231 13.4299 15.12 12.0331 15.12 10.3099C15.12 8.58681 13.7231 7.18994 12 7.18994C10.2769 7.18994 8.88 8.58681 8.88 10.3099C8.88 12.0331 10.2769 13.4299 12 13.4299Z'/><path d='M3.62001 8.49C5.59001 -0.169998 18.42 -0.159997 20.38 8.5C21.53 13.58 18.37 17.88 15.6 20.54C13.59 22.48 10.41 22.48 8.39001 20.54C5.63001 17.88 2.47001 13.57 3.62001 8.49Z'/></svg>
</b:includable>
<!--[ Delete Icon ]-->
<b:includable id='delete-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' x2='0.714666667' y1='4.47980952' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg>
</b:includable>
<!--[ Verified icon ]-->
<b:includable id='verified-icon'>
<svg viewBox='0 0 24 24'><path d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'/></svg>
</b:includable>
<!--[ Heart icon ]-->
<b:includable id='heart-icon'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.550170, 3.550158)'><path d='M0.371729633,8.89614246 C-0.701270367,5.54614246 0.553729633,1.38114246 4.07072963,0.249142462 C5.92072963,-0.347857538 8.20372963,0.150142462 9.50072963,1.93914246 C10.7237296,0.0841424625 13.0727296,-0.343857538 14.9207296,0.249142462 C18.4367296,1.38114246 19.6987296,5.54614246 18.6267296,8.89614246 C16.9567296,14.2061425 11.1297296,16.9721425 9.50072963,16.9721425 C7.87272963,16.9721425 2.09772963,14.2681425 0.371729633,8.89614246 Z'/><path class='svgC d' d='M13.23843,4.013842 C14.44543,4.137842 15.20043,5.094842 15.15543,6.435842'/></g></svg>
</b:includable>
<!--[ Warning icon ]-->
<b:includable id='warning-icon'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 3.000000)'><path d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'/><line class='svgC' x1='9.5' x2='9.5' y1='5.5' y2='9.395'/><line class='svgC' x1='9.4957' x2='9.5047' y1='12.895' y2='12.895'/></g></svg></b:includable>
<!--[ Alert Circle icon ]-->
<b:includable id='alert-circle-icon'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'/><line class='svgC' x1='12' x2='12' y1='8' y2='12'/><line class='svgC' x1='12' x2='12.01' y1='16' y2='16'/></svg></b:includable>
<!--[ Prohibit icon ]-->
<b:includable id='prohibit-icon'><svg class='line' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><line x1='4.93' x2='19.07' y1='4.93' y2='19.07'/></svg></b:includable>
<!--[ WiFiOn icon ]-->
<b:includable id='wifion-icon'><svg class='line' viewBox='0 0 24 24'><path d='M5 12.55a11 11 0 0 1 14.08 0'/><path d='M1.42 9a16 16 0 0 1 21.16 0'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line class='svgC' x1='12' x2='12.01' y1='20' y2='20'/></svg></b:includable>
<!--[ WifiOff icon ]-->
<b:includable id='wifioff-icon'><svg class='line' viewBox='0 0 24 24'><path d='M16.72 11.06A10.94 10.94 0 0 1 19 12.55'/><path d='M5 12.55a10.94 10.94 0 0 1 5.17-2.39'/><path d='M10.71 5.05A16 16 0 0 1 22.58 9'/><path d='M1.42 9a15.91 15.91 0 0 1 4.7-2.88'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line class='svgC' x1='12' x2='12.01' y1='20' y2='20'/><line class='svgC' x1='1' x2='23' y1='1' y2='23'/></svg></b:includable>
<!--[ Smile icon ]-->
<b:includable id='smile-icon'><svg viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z' fill-rule='evenodd'/><path class='svgC' d='M4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683z'/><path d='M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z'/></svg></b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
<b:if cond='!data:view.isError and data:view.url != data:view.url params { amp: "1" }'>
<script>/*<![CDATA[*/eval(function(a,p,m,o,d,y){d=function(m){return(m<p?'':d(parseInt(m/p)))+((m=m%p)>35?String.fromCharCode(m+29):m.toString(36))};if(!''.replace(/^/,String)){while(m--)y[d(m)]=o[m]||d(m);o=[function(d){return y[d]}];d=function(){return'\\w+'};m=1};while(m--)if(o[m])a=a.replace(new RegExp('\\b'+d(m)+'\\b','g'),o[m]);return a}('0 4=G;(2(a,b){0 c=G,H=a();1Y(!![]){I{0 d=h(c(1Z))/l+-h(c(20))/i*(h(c(21))/V)+h(c(22))/D+-h(c(23))/1t*(-h(c(24))/w)+-h(c(25))/26+-h(c(27))/28*(h(c(29))/2a)+h(c(18))/2b;1u(d===b)2c;2d H[\'1v\'](H[\'1w\']())}J(2e){H[\'1v\'](H[\'1w\']())}}}(L,2f));2 L(){0 a=[\'2g\\2h\\2i!\',\'2j\',\'2k\',\'2l\',\'2m=\',\'2n\',\'1x\',\'2o\',\'2p\',\'2q\',\'2r\',\'2s\',\'2t\',\'2u\',\'2v\',\'2w\',\'2x\',\'2y.1y\',\'2z\',\'1z\',\'=([^&]+)\',\'2A\',\'2B\',\'2C\',\'2D\',\'2E\',\'2F\',\'2G\',\'2H\',\'2I\',\'2J\',\'2K\',\'2L\',\'2M\',\'2N\',\'2O\',\'2P\',\'2Q\',\'2R\',\'(?:^|;\\1A)\',\'2S\',\'[?&]\',\'1B\',\'2T\',\'\\2U$1\',\'2V\',\'2W\',\'=([^;]*)\',\'2X\',\'2Y\',\'2Z\',\'30\',\'31\',\'32\',\'33\',\'1C\',\'34\',\'35\',\'36.1y\',\'2\'];L=2(){5 a};5 L()}2 G(d,e){0 f=L();5 G=2(a,b){a=a-1D;0 c=f[a];5 c},G(d,e)}0 j={\'1z\':1x(4(37)),\'W\':2(a){0 b=4,19,X,Y,1a,1b,Z,N,10=\'\',O=p;P(a=j[b(38)](a);O<a[b(Q)];)1a=(19=a[b(q)](O++))>>i,1b=(V&19)<<D|(X=a[b(q)](O++))>>D,Z=(1c&X)<<i|(Y=a[b(q)](O++))>>w,N=x&Y,1E(X)?Z=N=11:1E(Y)&&(N=11),10=10+s[b(t)][b(u)](1a)+s[b(t)][b(u)](1b)+s[b(t)][b(u)](Z)+s[b(t)][b(u)](N);5 10},\'1F\':2(a){0 b=4,1d,1e,1f,1g,12,1h,R=\'\',E=p;P(a=a[b(F)](/[^A-39-3a-9\\+\\/\\=]/g,\'\');E<a[b(Q)];)1d=s[b(t)][b(13)](a[b(u)](E++))<<i|(1g=s[b(t)][b(13)](a[b(u)](E++)))>>D,1e=(1c&1g)<<D|(12=s[b(t)][b(13)](a[b(u)](E++)))>>i,1f=(V&12)<<w|(1h=s[b(t)][b(13)](a[b(u)](E++))),R+=6[b(7)](1d),11!=12&&(R+=6[b(7)](1e)),11!=1h&&(R+=6[b(7)](1f));5 j[b(1D)](R)},\'1B\':2(a){0 b=4;a=a[b(F)](/\\r\\n/g,\'\\3b\');P(0 c=\'\',14=p;14<a[b(Q)];14++){0 d=a[b(q)](14);d<S?c+=6[b(7)](d):d>3c&&d<3d?(c+=6[b(7)](d>>w|3e),c+=6[b(7)](x&d|S)):(c+=6[b(7)](d>>1G|18),c+=6[b(7)](d>>w&x|S),c+=6[b(7)](x&d|S))}5 c},\'1C\':2(a){0 b=4;P(0 c=\'\',m=p,y=3f=T=p;m<a[b(Q)];)(y=a[b(q)](m))<S?(c+=6[b(7)](y),m++):y>3g&&y<18?(T=a[b(q)](m+l),c+=6[b(7)]((3h&y)<<w|x&T),m+=i):(T=a[b(q)](m+l),1H=a[b(q)](m+i),c+=6[b(7)]((1c&y)<<1G|(x&T)<<w|x&1H),m+=V);5 c},\'e\':2(a,b,c){0 d=4;5\'a\'+1i[d(3i)](1j(1k(a+(o==b?\'\':o==c?b:j[\'W\'](b)))))},\'d\':2(a,b,c){0 d=4;I{5 1i[d(3j)](1I(a[d(1J)](l)))[d(F)](o==b?\'\':o==c?b:j[\'W\'](b),\'\')}J(3k){1u(1t==3l[d(3m)])5\'\'}},\'3n\':2(a,b,c){5\'a\'+j[\'W\'](a+(o==b?\'\':o==c?b:j[\'e\'](b)))},\'3o\':2(a,b,c){0 d=4;5 j[\'1F\'](a[d(1J)](l))[d(F)](o==b?\'\':o==c?b:j[\'e\'](b),\'\')},\'3p\':2(a){0 b=4;15 1l=1K[b(1L)][b(1M)](U 3q(b(3r)+a[b(F)](/([.$?*|{}()[\\]\\\\/+^])/g,b(3s))+b(3t)));5 1l?1I(1l[l]):1N p},\'1O\':2(a,b,z={}){0 d=4;(z={\'3u\':\'/\',...z})[d(1m)]3v 3w&&(z[d(1m)]=z[d(1m)][d(3x)]());15 16=1j(1k(a))+\'=\'+1j(1k(b));P(15 1n 3y z){16+=\';\\1A\'+1n;15 1o=z[1n];!p!==1o&&(16+=\'=\'+1o)}1K[d(1L)]=16},\'3z\':2(a){j[\'1O\'](a,\'\',{\'3A-3B\':-l})},\'3C\':2(a,b){0 c=4;1p[c(1P)](a,b)},\'3D\':2(a){0 b=4;5 1p[b(1Q)](a)},\'3E\':2(a){0 b=4;1p[b(1R)](a)},\'3F\':2(a,b){0 c=4;1q[c(1P)](a,b)},\'3G\':2(a){0 b=4;5 1q[b(1Q)](a)},\'3H\':2(a){0 b=4;1q[b(1R)](a)},\'3I\':2(a,b){0 c=4;1N p===b&&(b=1i[c(3J)][c(3K)]);0 d=b[c(1M)](c(3L)+a+c(3M));5 d?d[l]:o},\'3N\':2(a){0 b=4;5 a[k[b(3O)](k[b(3P)]()*a[b(Q)])]},\'3Q\':2(a){0 b=4,17=k[b(3R)](v(a));5 1S<=k[b(C)](v(a))?17*(k[b(C)](v(a))/1S)[b(1r)](i)+\'B\':1T<=k[b(C)](v(a))?17*(k[b(C)](v(a))/1T)[b(1r)](i)+\'M\':1U<=k[b(C)](v(a))?17*(k[b(C)](v(a))/1U)[b(1r)](i)+\'K\':k[b(C)](v(a))},\'3S\':2(a){0 b=4;5 a[b(3T)]()[b(F)](/\\B(?=(\\d{3})+(?!\\d))/g,\',\')},\'3U\':2(b){0 c=4,8=U 1V();I{8=U 1V()}J(3V){I{8=U 1W(c(3W))}J(3X){I{8=U 1W(c(3Y))}J(3Z){5 40[c(41)](c(42)),!l}}}8[c(43)]=2(){0 a=c,1s;D==8[a(44)]&&(45==8[a(46)]?(1s=8[a(47)],b[a(48)](1s)):a(49)==4a b[a(1X)]&&b[a(1X)](8))},8[c(4b)](c(4c),b[c(4d)],b[c(4e)]),8[c(4f)]()}};',62,264,'var||function||_0x32a254|return|String|0xfb|_0x20c1e4|||||||||parseInt|0x2|xAR|Math|0x1|_0x254ad9||null|0x0|0xed||this|0xf6|0xfc|Number|0x6|0x3f|_0x2ecbc3|_0x2e1faa|||0xec|0x4|_0x251384|0x100|_0x350c|_0x50e3b9|try|catch||_0x2616||_0x2edb67|_0x225668|for|0xe8|_0xd7a99d|0x80|c2|new|0x3|en|_0x23303c|_0x6fcbd2|_0x165a0c|_0x4f1e28|0x40|_0x288ef9|0x118|_0x15eb20|let|_0x5ef45b|_0x4ba231|0xe0|_0x3088ac|_0x2c9c28|_0x58f97e|0xf|_0x15b13c|_0x42e2fe|_0x48815e|_0xdfb119|_0x245172|window|unescape|encodeURIComponent|_0x346800|0xf2|_0xf68a2|_0x2aff43|localStorage|sessionStorage|0xef|_0x5e7982|0x5|if|push|shift|atob|XMLHTTP|_kwSt|x20|_utf8_en|_utf8_de|0xde|isNaN|de|0xc|c3|decodeURIComponent|0xf5|document|0x109|0x104|void|sC|0xf3|0x110|0x101|0x3b9aca00|0xf4240|0x3e8|XMLHttpRequest|ActiveXObject|0x107|while|0x116|0xdf|0xf1|0xfd|0x103|0x111|0x102|0x7|0x106|0x8|0xff|0x9|0xa|break|else|_0x2e7b35|0xc6820|Something|x20went|x20wrong|toString|floor|send|YVBLbU9EUXdXcEVzUmtUelljVWJJU3FGZUd0TWhvSmdMalpsWHhDdlZuTjEzNTc5ODY0MjBCeUFydWZIaWQrLz0|length|status|readyState|abs|charCodeAt|INVALID_CHARACTER_ERR|toFixed|href|9udsoPg|expires|setItem|Microsoft|substring|location|toUTCString|onreadystatechange|fromCharCode|charAt|4873628UJMsnr|async|216vzwPDg|replace|removeItem|10741507YUmweL|318205rXmpNx|match|random|88528SbFbLp|error|success|cookie|responseText|btoa|x5c|getItem|138bNrOPu|warn|url|open|373166uBYtNI|sign|indexOf|GET|549368knznOi|3819090lCHZlG|Msxml2|0xe7|0x10d|Za|z0|x0a|0x7f|0x800|0xc0|c1|0xbf|0x1f|0x10e|0xe9|_0x22cc90|DOMException|0xee|xe|xd|gC|RegExp|0x10a|0x10f|0x112|path|instanceof|Date|0xf9|in|dC|max|age|sLS|gLS|rLS|sSS|gSS|rSS|pU|0xf8|0xf0|0x10c|0xf7|rdm|0xe5|0x105|abv|0x117|nwc|0xe4|gAj|_0xd9dcc1|0xe1|_0x32b9c2|0xf4|_0x180360|console|0x113|0xe3|0xfa|0xeb|0xc8|0xea|0x10b|0x108|0xe2|typeof|0x115|0x119|0x114|0xfe|0xe6'.split('|'),0,{})); const xUID=Date.now()+Math.floor(Math.random()*Math.floor(Math.random()*Date.now())),bsGtb="https://cdn.jsdelivr.net/gh/ngylduy/blog@apmody/";/*Disable Default Cookie Consent*/ cookieChoices={}; /*@shinsenter/defer.js*/ !function(c,i,t){var f,o=/^data-(.+)/,u='IntersectionObserver',r=/p/.test(i.readyState),s=[],a=s.slice,d='lazied',n='load',e='pageshow',l='forEach',m='hasAttribute',h='shift';function p(e){i.head.appendChild(e)}function v(e,n){a.call(e.attributes)[l](n)}function y(e,n,t,o){return o=(o=n?i.getElementById(n):o)||i.createElement(e),n&&(o.id=n),t&&(o.onload=t),o}function b(e,n){return a.call((n||i).querySelectorAll(e))}function g(t,e){b('source',t)[l](g),v(t,function(e,n){(n=o.exec(e.name))&&(t[n[1]]=e.value)}),e&&(t.className+=' '+e),n in t&&t[n]()}function I(e){f(function(o){o=b(e||'[type=deferjs]'),function e(n,t){(n=o[h]())&&(n.parentNode.removeChild(n),(t=y(n.nodeName)).text=n.text,v(n,function(e){'type'!=e.name&&(t[e.name]=e.value)}),t.src&&!t[m]('async')?(t.onload=t.onerror=e,p(t)):(p(t),e()))}()})}(f=function(e,n){r?t(e,n):s.push(e,n)}).all=I,f.js=function(n,t,e,o){f(function(e){(e=y('SCRIPT',t,o)).src=n,p(e)},e)},f.css=function(n,t,e,o){f(function(e){(e=y('LINK',t,o)).rel='stylesheet',e.href=n,p(e)},e)},f.dom=function(e,n,t,o,i){function r(e){o&&!1===o(e)||g(e,t)}f(function(t){t=u in c&&new c[u](function(e){e[l](function(e,n){e.isIntersecting&&(n=e.target)&&(t.unobserve(n),r(n))})},i),b(e||'[data-src]')[l](function(e){e[m](d)||(e.setAttribute(d,''),t?t.observe(e):r(e))})},n)},f.reveal=g,c.Defer=f,c.addEventListener('on'+e in c?e:n,function(){for(I();s[0];t(s[h](),s[h]()))r=1})}(this,document,setTimeout),function(e,n){e.defer=n=e.Defer,e.deferscript=n.js,e.deferstyle=n.css,e.deferimg=e.deferiframe=n.dom}(this); /*]]>*/</script>
<script id='polyfill-js'>'IntersectionObserver'in window||document.write('<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"><\/script>');</script>
<b:if cond='data:view.isSingleItem'>
<script>/*<![CDATA[*/ /* Table of Content */class TableOfContents{constructor({from:e,to:t}){this.fromElement=e,this.toElement=t,this.headingElements=this.fromElement.querySelectorAll("h1:not(.n),h2:not(.n),h3:not(.n),h4:not(.n),h5:not(.n),h6:not(.n)"),this.tocElement=document.createElement("div")}getMostImportantHeadingLevel(){let e=6;for(let t=0;t<this.headingElements.length;t++){let n=TableOfContents.getHeadingLevel(this.headingElements[t]);e=n<e?n:e}return e}static generateId(e){return e.textContent.replace(/\s+/g,"_")}static getHeadingLevel(e){switch(e.tagName.toLowerCase()){case"h1":default:return 1;case"h2":return 2;case"h3":return 3;case"h4":return 4;case"h5":return 5;case"h6":return 6}}generateToc(){let e=this.getMostImportantHeadingLevel()-1,t=this.tocElement;if(0!==this.headingElements.length){for(let n=0;n<this.headingElements.length;n++){let l=this.headingElements[n],a=TableOfContents.getHeadingLevel(l),o=a-e,r=document.createElement("a");if(l.id||(l.id=TableOfContents.generateId(l)),r.href=`#${l.id}`,r.textContent=l.textContent,o>0){for(let e=0;e<o;e++){let e=document.createElement("ol"),n=document.createElement("li");e.appendChild(n),t.appendChild(e),t=n}t.appendChild(r)}else{for(let e=0;e<-o;e++)t=t.parentNode.parentNode;let e=document.createElement("li");e.appendChild(r),t.parentNode.appendChild(e),t=e}e=a}this.toElement.appendChild(this.tocElement.firstChild)}else rEl("#HTML11")}}/*]]>*/</script>
</b:if>
</b:if>
<script type='application/ld+json'>{"@context": "https://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl.canonical/>", "name": "<data:blog.title/>", "alternateName": "<data:blog.title/> - ARUF", "potentialAction": {"@type": "SearchAction","target": {"@type": "EntryPoint", "urlTemplate": "<data:blog.homepageUrl.canonical/>search?q={search_term_string}"}, "query-input": "required name=search_term_string"}}</script>
<b:comment>[ Defer Adsense script use shinsenter/defer.js ]</b:comment>
<!--<script type='deferjs' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000' crossorigin='anonymous'/>-->
<!--[ </head> close ]-->
<!--<head/><b:if cond='!data:blog.adsenseClientId'>--></head></b:if>
<!--[ <body> open ]-->
<body>
<b:attr name='id' value='mainCont'/>
<!--[ Show only one grid column in Mobile ]-->
<b:class cond='data:view.isMultipleItems' name='oGrd'/>
<!-- style box -->
<b:class name='bX'/>
<b:class name='bD'/>
<b:class cond='data:view.url == data:view.url params { amp: "1" }' name='nAmp'/>
<b:class cond='data:blog.languageDirection == "rtl"' name='Rtl'/>
<b:class cond='data:view.isMultipleItems' name='onId'/>
<b:class cond='data:view.isMultipleItems != data:view.isHomepage' name='onMl'/>
<b:class cond='data:view.url == data:blog.homepageUrl.canonical path "search"' name='onBl'/>
<b:class cond='data:view.isPreview' name='onPv'/>
<b:class cond='data:view.isHomepage' name='onHm'/>
<b:class cond='data:view.isSingleItem' name='onIt'/>
<b:class cond='data:view.isPage' name='onPg'/>
<b:class cond='data:view.isPost' name='onPs'/>
<b:class cond='data:blog.isMobileRequest' name='onMob'/>
<b:class cond='data:view.isError' name='on404'/>
<b:section class='tempSet' id='temp-settings' maxwidgets='2' showaddelement='no'>
<b:widget id='HTML789' locked='true' title='Licence' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>xaTmL4klX6TmXuk2OAkmXyRmI8F4kAoAh7eFpBGZu5JUunGQDGqOp0elpUkSL4cvX=</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><div class='blog-admin' data-id='882691899717496050' id='admCk'/>
<script><b:eval expr='"const blogTtl='" + data:blog.title.jsonEscaped + "',"'/><b:eval expr='"blogUrl='" + data:blog.canonicalHomepageUrl + "',"'/><b:eval expr='"blogId='882691899717496050',"'/><b:eval expr='"postId=" + (data:view.isPost ? "'" + data:blog.postId + "'" : false) + ","'/><b:eval expr='"pageId=" + (data:view.isPage ? "'" + data:blog.pageId + "'" : false) + ","'/><b:eval expr='"isPv=" + (data:view.isPreview ? true : false) + ","'/><b:eval expr='"isHm=" + (data:view.isHomepage ? true : false) + ","'/><b:eval expr='"isId=" + (data:view.isMultipleItems ? true : false) + ","'/><b:eval expr='"isMl=" + (data:view.isMultipleItems != data:view.isHomepage ? true : false) + ","'/><b:eval expr='"isIt=" + (data:view.isSingleItem ? true : false) + ","'/><b:eval expr='"isPs=" + (data:view.isPost ? true : false) + ","'/><b:eval expr='"isPg=" + (data:view.isPage ? true : false) + ","'/><b:eval expr='"isSc=" + (data:view.isSearch and !data:view.isLabelSearch ? "'" + data:view.search.query.escaped + "'" : false) + ","'/><b:eval expr='"isScl=" + (data:view.isLabelSearch ? "'" + data:blog.searchLabel + "'" : false) + ","'/><b:eval expr='"isBlg=" + (data:view.url == data:blog.homepageUrl.canonical path "search" ? true : false) + ","'/><b:eval expr='"isMob=" + (data:blog.isMobileRequest ? true : false) + ","'/><b:eval expr='"isPvb=" + (data:blog.isPrivateBlog ? true : false) + ","'/><b:eval expr='"isEr=" + (data:view.isError ? true : false) + ","'/><b:eval expr='"analyticsID='" + data:blog.analyticsAccountNumber + "',"'/><b:eval expr='"caPubAdsense='" + data:blog.adsenseClientId + "',"'/><b:eval expr='"lcKey='" + data:content + "';"'/><b:eval expr='"var themeC='" + data:skin.vars.themeColor + "',"'/><b:eval expr='"themeCdrk='" + data:skin.vars.themeColorDrk + "';"'/></script>
</b:includable>
</b:widget>
<b:widget id='HTML987' locked='true' title='Template Settings' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[var tempSet={progScrollbar:!0,gTranslate:{enable:!0,pageLang:"en",includedLangs:"en,id,vi,zh-CN,th,ru,ms,ko,ja,it,hi,fr,es,de,ar,jw",loadType:"defer"},bookmark:{enable:!0,title:"Bookmark Posts",txClose:"Close",Icon:"<svg viewbox='0 0 16 16'><path d='M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z'></path><path d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z'></path></svg>",bmIcon:"<svg class='line' viewbox='0 0 24 24'><g><path d='M179.91029,187.1513l-1.8587,1.01868a2.04864,2.04864,0,0,1-3.01773-2.10788l.42672-2.59362a4.04634,4.04634,0,0,0-1.11291-3.4963l-1.86665-1.89681a2.02973,2.02973,0,0,1,1.15871-3.4316l2.32027-.35147a4.1,4.1,0,0,0,3.095-2.29318l1.20167-2.53825a1.81714,1.81714,0,0,1,3.27783,0l1.20167,2.53825a4.1,4.1,0,0,0,3.095,2.29318l2.32027.35147a2.02973,2.02973,0,0,1,1.15871,3.4316l-1.86665,1.89681a4.04634,4.04634,0,0,0-1.11291,3.4963l.42672,2.59362a2.04864,2.04864,0,0,1-3.01773,2.10788l-1.8587-1.01868A4.13465,4.13465,0,0,0,179.91029,187.1513Z' transform='translate(-169.8956 -166.42856)'></path></g></svg>",bmPost:"<svg viewbox='0 0 16 16'><path d='M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zM8.16 4.1a.178.178 0 0 0-.32 0l-.634 1.285a.178.178 0 0 1-.134.098l-1.42.206a.178.178 0 0 0-.098.303L6.58 6.993c.042.041.061.1.051.158L6.39 8.565a.178.178 0 0 0 .258.187l1.27-.668a.178.178 0 0 1 .165 0l1.27.668a.178.178 0 0 0 .257-.187L9.368 7.15a.178.178 0 0 1 .05-.158l1.028-1.001a.178.178 0 0 0-.098-.303l-1.42-.206a.178.178 0 0 1-.134-.098L8.16 4.1z'/></path></svg>",noBmMes:"The list of favorite articles does not exist yet...",noBmIcon:"<svg viewbox='0 0 24 24'><path d='M19,2L14,6.5V17.5L19,13V2M6.5,5C4.55,5 2.45,5.4 1,6.5V21.16C1,21.41 1.25,21.66 1.5,21.66C1.6,21.66 1.65,21.59 1.75,21.59C3.1,20.94 5.05,20.5 6.5,20.5C8.45,20.5 10.55,20.9 12,22C13.35,21.15 15.8,20.5 17.5,20.5C19.15,20.5 20.85,20.81 22.25,21.56C22.35,21.61 22.4,21.59 22.5,21.59C22.75,21.59 23,21.34 23,21.09V6.5C22.4,6.05 21.75,5.75 21,5.5V7.5L21,13V19C19.9,18.65 18.7,18.5 17.5,18.5C15.8,18.5 13.35,19.15 12,20V13L12,8.5V6.5C10.55,5.4 8.45,5 6.5,5V5Z'></path></svg>",noBmAll:"View all articles",noBmLink:"/search",delIcon:"<svg class='line' viewbox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'></path><line x1='16.8651429' y1='4.47980952' x2='0.714666667' y2='4.47980952'></line><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'></path></g></svg>",addedNtf:"<b>Added</b> to Bookmarks!",removedNtf:"<b>Removed</b> from Bookmarks!"},firebase:{enable:!0,db:"https://apmody-ar-default-rtdb.firebaseio.com",counter:{enable:!0,iconView:"<svg viewbox='0 0 576 512'><path d='M288 128C217.3 128 160 185.3 160 256s57.33 128 128 128c70.64 0 128-57.32 128-127.9C416 185.4 358.7 128 288 128zM288 352c-52.93 0-96-43.06-96-96s43.07-96 96-96c52.94 0 96 43.02 96 96.01C384 308.9 340.1 352 288 352zM572.5 238.1C518.3 115.5 410.9 32 288 32S57.69 115.6 3.469 238.1C1.563 243.4 0 251 0 256c0 4.977 1.562 12.6 3.469 17.03C57.72 396.5 165.1 480 288 480s230.3-83.58 284.5-206.1C574.4 268.6 576 260.1 576 256C576 251 574.4 243.4 572.5 238.1zM543.2 260.2C492.3 376 394.5 448 288 448c-106.5 0-204.3-71.98-255-187.3C32.58 259.6 32.05 256.9 31.1 256.2c.0547-1.146 .5859-3.783 .7695-4.363C83.68 135.1 181.5 64 288 64c106.5 0 204.3 71.98 255 187.3c.3945 1.08 .9238 3.713 .9785 4.443C543.9 256.9 543.4 259.6 543.2 260.2z'/></path></svg>",iconDl:"<svg class='line' viewbox='0 0 24 24'><polyline points='8 17 12 21 16 17'/><line x1='12' x2='12' y1='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></path></line></polyline></svg>"},clap:{enable:!0,icon:"<svg viewbox='0 0 512 512'><path d='M320 96c8.844 0 16-7.156 16-16v-64C336 7.156 328.8 0 320 0s-16 7.156-16 16v64C304 88.84 311.2 96 320 96zM383.4 96c5.125 0 10.16-2.453 13.25-7.016l32.56-48c1.854-2.746 2.744-5.865 2.744-8.951c0-8.947-7.273-16.04-15.97-16.04c-5.125 0-10.17 2.465-13.27 7.02l-32.56 48C368.3 73.76 367.4 76.88 367.4 79.97C367.4 88.88 374.7 96 383.4 96zM384 357.5l0-163.9c0-6.016-4.672-33.69-32-33.69c-17.69 0-32.07 14.33-32.07 31.1L320 268.1L169.2 117.3C164.5 112.6 158.3 110.3 152.2 110.3c-13.71 0-24 11.21-24 24c0 6.141 2.344 12.28 7.031 16.97l89.3 89.3C227.4 243.4 228.9 247.2 228.9 251c0 3.8-1.45 7.6-4.349 10.5c-2.899 2.899-6.7 4.349-10.5 4.349c-3.8 0-7.6-1.45-10.5-4.349l-107.6-107.6C91.22 149.2 85.08 146.9 78.94 146.9c-13.71 0-24 11.21-24 24c0 6.141 2.344 12.28 7.031 16.97l107.6 107.6C172.5 298.4 173.9 302.2 173.9 305.1c0 3.8-1.45 7.6-4.349 10.5c-2.899 2.9-6.7 4.349-10.5 4.349c-3.8 0-7.6-1.45-10.5-4.349L59.28 227.2C54.59 222.5 48.45 220.1 42.31 220.1c-13.71 0-24 11.21-24 24c0 6.141 2.344 12.28 7.031 16.97l89.3 89.3c2.9 2.899 4.349 6.7 4.349 10.5c0 3.8-1.45 7.6-4.349 10.5c-2.899 2.899-6.7 4.349-10.5 4.349c-3.8 0-7.6-1.45-10.5-4.349L40.97 318.7C36.28 314 30.14 311.7 24 311.7c-13.71 0-23.99 11.26-23.99 24.05c0 6.141 2.332 12.23 7.02 16.92C112.6 458.2 151.3 512 232.3 512C318.1 512 384 440.9 384 357.5zM243.3 88.98C246.4 93.55 251.4 96 256.6 96c8.762 0 15.99-7.117 15.99-16.03c0-3.088-.8906-6.205-2.744-8.951l-32.56-48C234.2 18.46 229.1 15.98 223.1 15.98c-8.664 0-15.98 7.074-15.98 16.05c0 3.086 .8906 6.205 2.744 8.951L243.3 88.98zM480 160c-17.69 0-32 14.33-32 32v76.14l-32-32v121.4c0 94.01-63.31 141.5-78.32 152.2C345.1 510.9 352.6 512 360.3 512C446.1 512 512 440.9 512 357.5l-.0625-165.6C511.9 174.3 497.7 160 480 160z'></path></svg>",txClp:"Clap +",max:25,txMax:"Clap has reached the limit : +"},loadType:"defer"},psByLabel:{numbPs:6,szThumb:120},progDL0:{enable:!0,time:7,tx1:"Preparing download link in <span>",tx2:"</span> seconds...",tx3:"Please wait..."},progDL1:{enable:!0,time:7},analytics:{enable:0,propertyID:"G-1CK30T260X",loadType:"defer"},adSense:{enable:0,publisherId:"ca-pub-1234567890123456",loadType:"defer"},antiAdBlock:{enable:!0,title:"AdBlock Detected!",text:"<p>We have detected that you are using adblocking plugin in your browser.</p> <p>The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.</p>",icon:"<svg viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7.775 0a1.8 1.8 0 0 0-1.273.527L.528 6.503A1.8 1.8 0 0 0 0 7.775v8.45c0 .478.19.936.528 1.274l5.974 5.974A1.8 1.8 0 0 0 7.775 24h8.45a1.8 1.8 0 0 0 1.273-.527l5.975-5.974A1.8 1.8 0 0 0 24 16.225v-8.45a1.8 1.8 0 0 0-.527-1.272L17.498.527A1.8 1.8 0 0 0 16.225 0zm4.427 3c1.02 0 .958 1.108.958 1.108v6.784s-.009.218.16.218c.188 0 .175-.226.175-.226l-.002-5.63s-.05-.986.959-.986c1.01 0 .97.983.97.983v7.621s.014.158.141.158c.127 0 .944-2.122.944-2.122s.451-1.497 2.576-1.1c.038.008-.167.688-.167.688l-2.283 6.556S15.69 20.7 11.714 20.7c-5.044 0-4.808-5.407-4.814-5.405V7.562s-.016-.99.897-.99c.858 0 .849.99.849.99l.007 3.583s-.004.172.167.172c.16 0 .141-.172.141-.172l.01-5.926s-.055-1.162.966-1.162c1.04 0 .983 1.142.983 1.142v5.611s-.005.204.152.204c.168 0 .154-.206.154-.206l.01-6.693S11.18 3 12.202 3Z'></path></svg>",close:!0},antiBoomClick:{enable:!0,classAd:".adsbygoogle, .adB",iframeAd:".adsbygoogle iframe",max:3,resetTime:3600,msg:"Please don't be naughty if you don't want to support us..",loadType:"defer"},mobileFonts:"@font-face{font-family:'Google Sans Text';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2) format('woff2')} @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:700;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmhjtg.woff2) format('woff2')} @font-face {font-family: 'Fira Mono';font-style: normal;font-weight: 400;font-display: swap;src: local('Fira Mono Regular'), local('FiraMono-Regular'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff) format('woff'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2')}"};]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:view.url != data:view.url params { amp: "1" } and data:content != ""'><script><data:content/></script></b:if>
</b:includable>
</b:widget>
</b:section>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<script>/*<![CDATA[*/eval(function(a,p,m,o,d,y){d=function(m){return(m<p?'':d(parseInt(m/p)))+((m=m%p)>35?String.fromCharCode(m+29):m.toString(36))};if(!''.replace(/^/,String)){while(m--)y[d(m)]=o[m]||d(m);o=[function(d){return y[d]}];d=function(){return'\\w+'};m=1};while(m--)if(o[m])a=a.replace(new RegExp('\\b'+d(m)+'\\b','g'),o[m]);return a}('3 p(d,e){2 f=q();5 p=3(a,b){a=a-E;2 c=f[a];5 c},p(d,e)}2 0=p;(3(a,b){2 c=p,r=a();1v(!![]){1w{2 d=-6(c(1x))/4*(6(c(1y))/1z)+-6(c(1A))/1B*(-6(c(1C))/T)+-6(c(1D))/1E+6(c(1F))/1G*(6(c(1H))/1I)+6(c(1J))/1K+6(c(1L))/1M+-6(c(1N))/1O*(-6(c(1P))/1Q);j(d===b)1R;w r[\'U\'](r[\'V\']())}1S(1T){r[\'U\'](r[\'V\']())}}}(q,1U));3 q(){2 a=[\'1V\',\'1W\',\'1X\',\'1Y\',\'1Z\',\'20\',\'21\',\'22\',\'23\',\'24\',\'25\',\'26\',\'27\',\'28\',\'29\',\'2a\',\'2b\',\'2c\',\'2d\',\'2e\',\'2f\',\'2g\',\'2h\',\'2i\',\'2j\',\'2k=\',\'2l=\',\'2m=\',\'2n\',\'2o\',\'2p\',\'2q==\',\'2r==\',\'2s\',\'2t\',\'2u\',\'2v\',\'2w\',\'2x=\',\'2y\',\'2z\',\'2A\',\'2B=\',\'2C\',\'2D\',\'2E\',\'2F\',\'2G==\',\'2H=\',\'2I\',\'2J\',\'2K==\',\'2L\',\'2M\',\'2N\',\'2O\',\'2P\',\'2Q\',\'2R\',\'<W>\',\'2S\',\'2T\',\'2U\',\'2V==\',\'2W\',\'2X\',\'2Y\',\'2Z=\',\'30\',\'31\',\'32\',\'33==\',\'34\',\'35\',\'36\',\'37\',\'38\',\'</W>\',\'39=\',\'3a=\',\'3b\',\'3c\',\'3d==\',\'3e\',\'3f=\',\'3g/3h==\',\'3i=\',\'3j\',\'3k\',\'3l/3m\'];q=3(){5 a};5 q()}2 3n=0(3o),3p=0(3q),X=0(3r),Y=0(3s),Z=3t;3 F(a){2 b=0;5 3u==a&&7[1[\'d\'](b(3v))](1[\'d\'](b(3w)))[1[\'d\'](b(3x))](1[\'d\'](b(3y)))==a}2 s=1[\'d\'](X),t=1[\'d\'](Y),8=Z;j(\'a\'==8[0(10)](k)&&\'\'!=1[\'d\'](8)&&1[\'y\'](1[\'d\'](8)[0(z)](4),s,4)[0(11)](t)){j(4==(A=F(8=1[\'y\'](1[\'d\'](8)[0(z)](4),s,4)[0(12)](\'13\'+t,\'\'))))2 G=4,14=4,15=4,H=4}w{j(\'x\'==8[0(10)](k)&&1[\'y\'](8[0(z)](4),s,4)[0(11)](t))4==(A=F(8=1[\'y\'](8[0(z)](4),s,4)[0(12)](\'13\'+t,\'\')))&&(G=4,14=4,15=4,H=4);w 2 A=B}2 16=0(3z),17=0(3A),18=0(3B),19=0(3C),I=0(3D),J=0(3E),1a=0(3F);j(4==A&&H){3 m(a){5 7[1[\'9\'](16)](a)}3 3G(a){5 7[1[\'9\'](17)](a)}3 K(a){5 7[1[\'9\'](18)](a)}3 1b(a){5 7[1[\'9\'](19)](a)}3 3H(a,b){2 c=0;b[c(3I)](1c=>a[c(3J)](1c))}3 3K(a){2 b=0;L u=1b(a);j(u[b(1d)]>k){3L(3M v=k;v<u[b(1d)];v++)u[v][b(3N)][b(3O)](u[v])}}3 3P(a,b){2 c=0;5 a[c(M)][c(1e)](b)}3 1f(a,b){2 c=0;5 a[c(M)][c(3Q)](b)}3 3R(a){2 b=0;N[b(3S)]({\'3T\':m(a)[b(3U)]-3V,\'3W\':k,\'O\':b(P)})}3 3X(a){2 b=0;m(a)[b(1g)]({\'O\':b(P),\'1h\':b(3Y)})}3 3Z(a){2 b=0;m(a)[b(1g)]({\'O\':b(P),\'1h\':b(40)})}3 41(a,b,c,d,e){2 f=0;L n=7[f(1i)](f(42));n[\'1j\']=b,n[f(43)]=c,n[f(44)]=a,e&&(n[f(1k)]=e),K(d)[f(1l)](n)}3 45(a,b,c){2 d=0;L l=7[d(1i)](d(46));l[\'1j\']=b,l[d(47)]=d(48),l[d(49)]=d(4a),l[d(4b)]=a,c&&(l[d(1k)]=c),7[d(C)][d(1l)](l)}3 4c(a){2 b=0,Q=m(b(4d));B!=Q&&(Q[b(1m)]=b(1n)+a+b(E))}3 4e(a){2 b=0,D=m(b(4f));1f(D,b(4g)),B!=D&&(D[b(1m)]=b(1n)+a+b(E))}3 4h(c,d,e,f){2 g=0;a=1[\'d\'](g(4i))+e;2 i=1[\'d\'](g(4j))+d+1[\'d\'](g(4k))+c+1[\'d\'](g(4l));h=4m 4n(),h[g(4o)](1[\'d\'](g(4p)),a,!k),h[g(1o)](1[\'d\'](g(4q)),1[\'d\'](g(1p))),h[g(1o)](1[\'d\'](g(4r)),1[\'d\'](g(1p))),h[g(4s)]=3(){2 a=g;j(T===h[a(4t)]&&4u==h[a(4v)]){2 b=4w[a(4x)](h[a(4y)]);f(b[a(4z)])}},h[g(4A)](i)}2 4B=4C}w k==4D&&(N[1[\'9\'](I)][1[\'9\'](J)]=1[\'9\'](1a)+N[1[\'9\'](I)][1[\'9\'](J)]);j(4E k!==G){2 o,1q=7[0(C)][0(R)](1[\'d\'](0(4F))),1r=7[0(C)][0(R)](1[\'d\'](0(4G))),1s=7[0(C)][0(R)](1[\'d\'](0(4H)));B!=1[0(1t)](0(1u))&&(0(4I)==1[0(1t)](0(1u))?(o=4J,K(0(4K))[0(M)][0(1e)](0(4L))):o=4M,1q[0(S)]=o,1r[0(S)]=o,1s[0(S)]=o)}',62,297,'_0x42e35a|xAR|var|function|0x1|return|parseInt|document|dLss|de||||||||||if|0x0|_0x120d11|getid|_0x4e5e8d|thmC|_0x3e51|_0x41e3|_0xda4498|kLss|bLss|_0x4951ac|_0x26e4f7|else||xd|0x1e8|csDom|null|0x1f2|_0x263629|0x1cf|cIdb|xAi|xAo|txO5|txO6|qSel|const|0x20a|window|behavior|0x1ea|_0x4e33e0|0x1e3|0x1fe|0x4|push|shift|div|txA3|txA4|txA5|0x215|0x211|0x228|_|xAu|xAe|txO1|txO2|txO3|txO4|txO7|qSell|_0x7f1d10|0x210|0x1ed|remCt|0x208|block|0x1f8|id|0x1d5|0x1dc|0x1fa|0x217|0x219|0x1d4|thmC1|thmC2|thmC3|0x1f9|0x204|while|try|0x1f3|0x1eb|0x2|0x1df|0x3|0x212|0x1e7|0x5|0x1fd|0x6|0x214|0x7|0x222|0x8|0x1ec|0x9|0x221|0xa|0x1e5|0xb|break|catch|_0x444417|0x7a5ab|appendChild|parentNode|stylesheet|201BfaMRd|drK|aYXBtb2R5X2Fy|link|querySelector|body|903254OdmqFe|forEach|2457335Nhxnlz|substring|end|smooth|138elKbXf|3018879buPIss|add|rel|aZ2V0QXR0cmlidXRl|shortLink|script|head|4843luqdTQ|src|aZ2V0RWxlbWVudEJ5SWQ|GyS0cq6xMqS7oOpuUqY|MQdleFcnMyr|createElement|gLS|innerHTML|hFSxhvxbGq6xeAc9hL|hFSxhvxbGq6xeAc9hXD3Ma|67566opYyom|content|tNtf|abWV0YVtuYW1lPSJtc2FwcGxpY2F0aW9uLW5hdmJ1dHRvbi1jb2xvciJd|aQWNjZXB0|aaHR0cHM6Ly9maXJlYmFzZWR5bmFtaWNsaW5rcy5nb29nbGVhcGlzLmNvbS92MS9zaG9ydExpbmtzP2tleT0|parse|mode|onreadystatechange|aaG9zdG5hbWU|async|scrollIntoView|scroll|classList|GyS0cq6xMqS7owkKJIk3eFk2bCD5GY|aeyJkeW5hbWljTGlua0luZm8iOiB7ImRvbWFpblVyaVByZWZpeCI6ICI|href|removeChild|aUE9TVA|length|includes|5004EFsDWz|remove|154kmHjKc|charAt|status|type|setRequestHeader|offsetTop|twpxGL|open|aI3d3dy5hcnVmLm15Lmlk|center|abWV0YVtuYW1lPSJhcHBsZS1tb2JpbGUtd2ViLWFwcC1zdGF0dXMtYmFyLXN0eWxlIl0|send|80vksOCZ|23160xhvWPs|aZGF0YS1pZA|readyState|hidden|removeAttribute|darkmode|replace|aYWRtQ2s|aIiwibGluayI6ICI|fNtf|responseText|aYXBwbGljYXRpb24vanNvbg|onload|abG9jYXRpb24|twc0hwRfs4dAoAh7eFpBGZu5JUunGKi|hCSCzY|aIix9LCAic3VmZml4IjogeyJvcHRpb24iOiAiU0hPUlQifX0|aQ29udGVudC1UeXBl|abWV0YVtuYW1lPSJ0aGVtZS1jb2xvciJd|text|css|txA1|0x1d6|txA2|0x206|0x1e1|0x21d|lcKey|blogId|0x1f5|0x1d0|0x1ef|0x223|0x1f6|0x20b|0x1fb|0x1fc|0x1f7|0x21b|0x1d7|getclass|remAttr|0x1e6|0x226|rEl|for|let|0x1dd|0x20e|addCt|0x213|stS|0x209|top|0x21a|0x14|left|stC|0x21e|stE|0x1e9|ldJs|0x1f1|0x207|0x1f4|ldCss|0x1e2|0x1ee|0x1de|0x218|0x1db|0x20d|toastNotif|0x1ff|fixedNotif|0x1d2|0x225|fdyLnk|0x202|0x20c|0x1d1|0x1d8|new|XMLHttpRequest|0x21c|0x20f|0x201|0x1d9|0x205|0x224|0xc8|0x216|JSON|0x203|0x1d3|0x1f0|0x220|ARtb|tempSet|isPv|void|0x1da|0x200|0x21f|0x227|themeCdrk|0x1e4|0x1e0|themeC'.split('|'),0,{}));
/*JSTOP*/
null==xAR.pU("dl")||xAR.pU("id",xAR.d(xAR.gC("ApGm_dl0")))!=postId&&xAR.pU("id",xAR.d(xAR.gC("ApGm_dl1")))!=postId||qSel("body").classList.add("onDL");
"id"==xAR.pU("hl")&&qSel("body").classList.add("oLang");
if(isMob){/*is Mobile*/var aryLzJsM=[];function loadLzJsM(){aryLzJsM.push(1);const o=document.createElement("style");o.id="mobileFonts",o.textContent=ARtb.mobileFonts,document.head.appendChild(o)} /*load LzJsM*/xAR.gLS("Lz_JsM")&&loadLzJsM();}
/*Plugin Shortlink*/ /** remove the double slashes below to activate the plugin... **/
//var oShortlink={domain:"https://apmody.page.link",apiKey:"AIzaSyC45WHtIn7TaAAl1_DcdCEPQ8_qNSvVAr8",errMsg:"Invalid url..",txCpy:"Link copied to clipboard!",txInp:"enter the URL, ex: https://google.com",tbGen:"Shorten!",tbCpy:"Copy"};
/*Plugin Safelink*/ /** remove the double slashes below to activate the plugin... **/
//var oSafelink={domain:"https://apmody.page.link",apiKey:"AIzaSyC45WHtIn7TaAAl1_DcdCEPQ8_qNSvVAr8",errMsg:"Invalid url..",txCpy:"Link copied to clipboard!",txInp:"enter the URL, ex: https://google.com",tbGen:"Generate!",tbCpy:"Copy",class:".arSL",param:"link",PageSL:["https://apmody.blogspot.com/2022/04/sample-post-01.html#3407145082862714845","https://apmody.blogspot.com/2022/04/sample-post-02.html#1813666648582542579","https://apmody.blogspot.com/2022/04/sample-post-03.html#1693393173040474142"],dec:{step:2,txWait:"Mohon Tunggu...",tmLf1:7,txSpan1:"Lanjutkan",txNote1:"Url safelink berhasil didecode, Klik dibawah ini untuk melanjutkan. 👇",txNote1a:"Permintaan decode url safelink akan diproses dalam (",txNote1b:") detik.",tmLf2:10,txSpan2:"go to",txNote2:"Kerja bagus! Tautan yang diminta siap dikunjungi, Klik dibawah ini. 👇",txNote2a:"Tautan akan muncul dalam (",txNote2b:") detik.",txRsla:"Anda telah meminta tautan ke <b>",txRslb:"</b> </br>Klik dibawah ini untuk melanjutkan. 👇",txLink:"Continue"}};
/** remove the double slashes below to activate the plugin... **/
//isHm&&null!=xAR.pU(oSafelink.param)&&ldJs(bsGtb+"plugin/core.js","plugin-core",!0,"body");
/*]]>*/</script>
</b:if>
<b:if cond='!data:view.isError'>
<!--[ Active function ]-->
<input class='navi hidden' id='offNav' type='checkbox'/>
</b:if>
<b:tag class='mainWrp' cond='!data:view.isError' name='div'>
<b:if cond='!data:view.isError'>
<!--[ Notification section ]-->
<b:section id='notif-widget' maxwidgets='2' showaddelement='false'>
<b:widget cond='!data:view.isPreview' id='HTML101' locked='true' title='Site is Under Maintenance' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>Please come back again in...
<script>/*<![CDATA[*/
const mtEndOn = 'Jun 19 2022 20:50:00 GMT+07:00';
/*]]>*/</script></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<style>/*<![CDATA[*//*Maintenance Mode*/.mMT{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--bodyB);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;visibility:visible;opacity:1;z-index:900}.mMT.h{visibility:hidden;opacity:0}.mMT .cnt{max-width:450px;padding:20px;text-align:center}.mMT .ttl{font-weight:700;font-size:1.5rem;margin-bottom:10px}.mMT .mmt{margin-bottom:15px}.mMT .clock{width:100%;font-size:25px;text-align:center;position:relative;left:0;right:0}.mMT .tmBx{width:65px;height:65px;margin:5px;padding-top:8px;background-color:var(--bodyBs);border-radius:20px;display:inline-block}.mMT .unit{display:block;font-size:10px;margin:auto;opacity:.8}/*]]>*/</style>
<div class='mMT'><div class='cnt'><div class='ttl'><data:title/></div><div class='mmt'><data:content/></div><div class='clock'><div class='tmBx'><span class='days'>00</span><span class='unit'>Days</span></div><div class='tmBx'><span class='hours'>00</span><span class='unit'>Hours</span></div><div class='tmBx'><span class='minutes'>00</span><span class='unit'>Minutes</span></div><div class='tmBx'><span class='seconds'>00</span><span class='unit'>Seconds</span></div></div></div></div>
<script>/*<![CDATA[*//* Maintenance Mode*/if(qSel('.mMT')!=null){const elDay=qSel('.mMT .days'),elHour=qSel('.mMT .hours'),elMinute=qSel('.mMT .minutes'),elSecond=qSel('.mMT .seconds'),mMT=qSel('.mMT'),mtEndDate=new Date(mtEndOn);let mtDone=!1;const updTimer=()=>{let e=new Date;var t=mtEndDate.getTime()-e.getTime();t<=1e3&&(mtDone=!0);var n=36e5,a=Math.floor(t/864e5),o=Math.floor(t%864e5/n),n=Math.floor(t%n/6e4),t=Math.floor(t%6e4/1e3);elDay.innerText=a<10?'0'+a:a,elHour.innerText=o<10?'0'+o:o,elMinute.innerText=n<10?'0'+n:n,elSecond.innerText=t<10?'0'+t:t};setInterval(()=>{mtDone?addCt(mMT,'h'):updTimer()},1000)} /*]]>*/</script>
</b:includable>
</b:widget>
<b:widget id='HTML0' locked='true' title='Notification' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><!--[ Your content here, Lorem ipsum dolor sit amet, consectetur adipiscing elit. ]-->
<!--[ Alternatif content with button link ]-->
<div class='ntfA'>
<span>APMODY: the best blogger template for posting apps as well as articles in one blog.. <!--<a href='#'>Test link</a>--></span>
<a target="_blank" href="#">Get now!</a>
</div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<input class='ntfI hidden' id='forNft' type='checkbox'/>
<div class='ntfC'>
<div class='ntfT'><data:content/></div>
<label aria-label='Close Menu' class='c' for='forNft'/>
</div>
</b:includable>
</b:widget>
</b:section>
<!--[ Header section ]-->
<header class='header' id='header'>
<!--[ Header content ]-->
<b:tag class='headCn' name='div'>
<b:tag class='headIn secIn' name='div'>
<b:tag class='headD headL' name='div'>
<div class='headIc'><label class='tNav tIc bIc' for='offNav'><b:include name='ham-icon'/></label></div>
<!--[ Header widget ]-->
<b:section class='headN' id='header-title' maxwidgets='1' showaddelement='false'>
<b:widget id='Header1' locked='true' title='HackFreaks (Header)' type='Header' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement not in {"REPLACE", "BEFORE_DESCRIPTION"}' name='title'/>
<b:include cond='data:imagePlacement != "REPLACE"' name='description'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='behindImageStyle'/>
</b:includable>
<b:includable id='behindImageStyle'>
<b:if cond='data:sourceUrl'>
<b:include cond='data:this.image' data='{image: data:this.image, selector: ".Header"}' name='responsiveImageStyle'/>
</b:if>
</b:includable>
<b:includable id='description'>
<b:if cond='data:this.description'><div class='headDsc hidden'><data:this.description/></div></b:if>
</b:includable>
<b:includable id='image'>
<!-- Header Image -->
<a expr:href='data:blog.homepageUrl.canonical'><img expr:alt='data:title' expr:height='data:height' expr:src='resizeImage(data:sourceUrl, 200)' expr:width='data:width'/></a>
<b:include cond='data:this.imagePlacement == "REPLACE"' name='title'/>
</b:includable>
<b:includable id='title'>
<!-- Header Title -->
<div class='headInnr'>
<b:class cond='data:this.imagePlacement == "REPLACE"' name='hidden'/>
<b:tag class='headH' expr:name='!data:view.isSingleItem ? "h1" : "h2"'>
<b:class cond='data:this.description' name='hasSub'/>
<b:tag class='headTtl' expr:name='!data:view.isHomepage ? "a" : "span"'>
<b:attr cond='!data:view.isHomepage' expr:value='data:blog.homepageUrl.canonical' name='href'/>
<data:title/>
</b:tag>
<!--[ Header Description ]-->
<b:tag class='headSub' cond='data:this.description' expr:data-text='data:this.description' name='span'/>
</b:tag>
</div>
</b:includable>
</b:widget>
</b:section>
</b:tag>
<!--[ Header menu ]-->
<div class='headD headM'>
<div class='mnBr'>
<div class='mnBrs'>
<b:if cond='!data:view.isLayoutMode'><div class='mnH'><label aria-label='Close' class='c' data-text='Close' for='offNav'/></div></b:if>
<!--[ Mobile additional menu(only shown in mobile view) ]-->
<b:section class='mnMob' id='header-Menu-mobile' maxwidgets='2' showaddelement='false'>
<b:widget id='PageList002' locked='true' title='Mobile Additional Menu' type='PageList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"Disclaimer"},"link0":{"href":"#","position":0,"title":"Sitemap"},"link2":{"href":"#","position":2,"title":"Privacy"}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>Home</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='content'/></b:includable>
<b:includable id='content'><b:include name='pageList'/></b:includable>
<b:includable id='overflowButton'/>
<b:includable id='overflowablePageList'/>
<b:includable id='pageLink'><b:if cond='data:t <= 3'><li><b:class cond='data:overflow' name='overflowable-item'/><b:class cond='data:link.isCurrentPage' name='selected'/><b:tag expr:name='data:link.href != "#" ? "a" : "span"'><b:attr cond='data:link.href != "#"' expr:value='data:link.href' name='href'/><data:link.title/> </b:tag></li></b:if></b:includable>
<b:includable id='pageList'><ul class='mMenu'><b:class cond='data:pageListClass' expr:name='data:pageListClass'/><b:loop index='t' values='data:links' var='link'><b:include name='pageLink'/></b:loop></ul></b:includable>
</b:widget>
<b:widget id='LinkList002' locked='true' title='Social Media' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='text-8'>Pinterest</b:widget-setting>
<b:widget-setting name='link-7'>#</b:widget-setting>
<b:widget-setting name='link-8'>#</b:widget-setting>
<b:widget-setting name='link-5'>#</b:widget-setting>
<b:widget-setting name='link-6'>#</b:widget-setting>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'>Instagram</b:widget-setting>
<b:widget-setting name='text-0'>Facebook</b:widget-setting>
<b:widget-setting name='text-3'>Tiktok</b:widget-setting>
<b:widget-setting name='text-2'>Twitter</b:widget-setting>
<b:widget-setting name='text-5'>Telegram</b:widget-setting>
<b:widget-setting name='text-4'>Whatsapp</b:widget-setting>
<b:widget-setting name='text-7'>LinkedIn</b:widget-setting>
<b:widget-setting name='text-6'>Youtube</b:widget-setting>
<b:widget-setting name='shownum'>6</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='link-0'>#</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='content'/></b:includable>
<b:includable id='content'><ul class='mSoc'><b:loop index='soc' values='data:links' var='link'><b:if cond='data:soc <= 5'><li><b:tag class='a tIc bIc' expr:name='data:link.target != "#" ? "a" : "span"'><b:attr cond='data:link.target != "#"' expr:value='data:link.target' name='href'/><b:attr cond='data:link.target != "#"' name='role' value='button'/><b:attr cond='data:link.target != "#"' expr:value='data:link.name' name='aria-label'/><b:attr cond='data:link.target != "#"' name='target' value='_blank'/><b:attr cond='data:link.target != "#"' name='rel' value='noopener'/><b:if cond='data:link.name == "Facebook"'><b:include name='facebook-icon'/><b:elseif cond='data:link.name == "Instagram"'/><b:include name='instagram-icon'/><b:elseif cond='data:link.name == "Twitter"'/><b:include name='twitter-icon'/><b:elseif cond='data:link.name == "Youtube"'/><b:include name='youtube-icon'/><b:elseif cond='data:link.name == "LinkedIn"'/><b:include name='linkedIn-icon'/><b:elseif cond='data:link.name == "Pinterest"'/><b:include name='pinterest-icon'/><b:elseif cond='data:link.name == "Whatsapp"'/><b:include name='whatsapp-icon'/><b:elseif cond='data:link.name == "Telegram"'/><b:include name='telegram-icon'/><b:elseif cond='data:link.name == "Tiktok"'/><b:include name='tiktok-icon'/><b:else/><b:include name='circle-icon'/></b:if></b:tag></li></b:if></b:loop></ul></b:includable>
</b:widget>
</b:section>
<b:section class='mnMen' id='header-Menu' maxwidgets='2' showaddelement='false'>
<b:widget id='HTML000' locked='true' title='Navigation Menu' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!--[ you can only edit this widget from HTML theme ]-->]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<ul class='mnMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
<b:if cond='!data:view.isHomepage'>
<!--[ Home link ]-->
<li class='hm'>
<a class='a' expr:href='data:blog.homepageUrl.canonical' itemprop='url'>
<b:include name='home-icon'/>
<!--[ Title navigation ]-->
<span class='n' itemprop='name'><data:messages.home/></span>
</a>
</li>
</b:if>
<!--[ Dropdown style 1 ]-->
<li class='drp'>
<input class='drpI hidden' id='drpDwn-1' name='drpDwn' type='checkbox'/>
<label class='a' for='drpDwn-1'>
<!--[ Icon ]-->
<b:include name='folder-icon'/>
<!--[ Title navigation ]-->
<span class='n new'>Sub menu</span>
<b:include name='arow-down-icon'/>
</label>
<ul>
<!--[ Change attribute href='#' to add url ]-->
<li itemprop='name'><a href='#!' itemprop='url'>Sub menu link #01</a></li>
<li itemprop='name'><a href='#!' itemprop='url'>Sub menu link #02</a></li>
<li itemprop='name'><a href='#!' itemprop='url'>Sub menu link #03</a></li>
<li itemprop='name'><a href='#!' itemprop='url'><span><b:include name='folder-icon'/> Sub menu link #04</span></a></li>
<li itemprop='name'><a href='#!' itemprop='url'><span><b:include name='folder-icon'/> Sub menu link #05</span></a></li>
</ul>
</li>
<!--[ Standar menu ]-->
<li>
<!--[ Change attribute href='#' to add url ]-->
<a class='a' href='#!' itemprop='url'>
<!--[ Icon ]-->
<b:include name='profiles-icon'/>
<!--[ Title navigation ]-->
<span class='n' itemprop='name'>About</span>
</a>
</li>
<!--[ Standar menu ]-->
<li class='br'>
<!--[ Change attribute href='#' to add url ]-->
<a class='a' href='#!' itemprop='url'>
<!--[ Icon ]-->
<b:include name='message-icon'/>
<!--[ Title navigation ]-->
<span class='n' itemprop='name'>Contact</span>
</a>
</li>
<!--[ Dropdown style 2 ]-->
<li class='drp mr br'>
<input checked='checked' class='drpI hidden' id='drpMr-2' name='drpDwn' type='checkbox'/>
<label class='a' for='drpMr-2'>
<!--[ Title navigation ]-->
<span class='n'>More...</span>
<b:include name='arow-down-icon'/>
</label>
<ul>
<!--[ Change attribute href='#' to add url ]-->
<li itemprop='name'><a expr:href='data:blog.url.canonical params { hl: "ar" }' itemprop='url'>Try RTL Mode</a></li>
<li itemprop='name'><a class='new' href='/p/plugin.html' itemprop='url'>Shortlink</a></li>
<li itemprop='name'><a class='new' href='/p/plugin.html' itemprop='url'>Safelink</a></li>
</ul>
</li>
<!--[ Standar menu ]-->
<li>
<a class='a' href='https://hacktack.us/' itemprop='url' rel='nofollow'>
<!--[ Icon ]-->
<b:include name='download-alt-icon'/>
<!--[ Title navigation ]-->
<span class='n' itemprop='name'>Download this theme</span>
</a>
</li>
</ul>
</b:includable>
</b:widget>
<b:widget id='PageList000' locked='true' title='Navigation Menu (Simple)' type='PageList' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#!","position":1,"title":"About"},"link0":{"href":"#!/","position":0,"title":"Home"},"link4":{"href":"#!","position":4,"title":"Custom menu"},"link3":{"href":"#!","position":3,"title":"Download this theme"},"link2":{"href":"#!","position":2,"title":"Contact"}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>Home</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='pageList'/>
</b:includable>
<b:includable id='overflowButton'/>
<b:includable id='overflowablePageList'/>
<b:includable id='pageLink'>
<b:if cond='data:i <= 4'>
<li>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<b:class cond='data:link.href == data:blog.homepageUrl.canonical' name='hm'/>
<b:tag class='a' expr:name='!data:link.isCurrentPage and data:link.href != "#" ? "a" : "span"'>
<b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' expr:value='data:link.href' name='href'/>
<b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' name='itemprop' value='url'/>
<!--[ Icon ]-->
<b:if cond='data:link.title == "Home"'>
<b:include name='home-icon'/>
<b:elseif cond='data:link.title == "About"'/>
<b:include name='profiles-icon'/>
<b:elseif cond='data:link.title == "Contact"'/>
<b:include name='message-icon'/>
<b:elseif cond='data:link.title == "Download this theme" or data:link.title == "Download"'/>
<b:include name='download-icon'/>
<b:elseif cond='data:link.title == "Sitemap"'/>
<b:include name='document-icon'/>
<b:elseif cond='data:link.title == "Disclaimers"'/>
<b:include name='shield-done-icon'/>
<b:elseif cond='data:link.title == "Privacy"'/>
<b:include name='lock-icon'/>
<b:else/>
<b:include name='folder-icon'/>
</b:if>
<!--[ Title navigation ]-->
<span class='n'>
<b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' name='itemprop' value='name'/>
<data:link.title/>
</span>
</b:tag>
</li>
</b:if>
<b:if cond='data:i == 5'>
<li class='drp'>
<input class='drpI hidden' id='drpDwn-00' name='drpDwn' type='checkbox'/>
<label class='a' for='drpDwn-00'>
<!--[ Icon ]-->
<b:include name='folder-icon'/>
<!--[ Title navigation ]-->
<span class='n'><data:messages.moreEllipsis/></span>
<b:include name='arow-down-icon'/>
</label>
<ul>
<b:loop index='all' values='data:links' var='link'>
<b:if cond='data:all >= 5'>
<li>
<b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' name='itemprop' value='name'/>
<b:tag expr:name='!data:link.isCurrentPage and data:link.href != "#" ? "a" : "span"'>
<b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' expr:value='data:link.href' name='href'/>
<b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' name='itemprop' value='url'/>
<data:link.title/>
</b:tag>
</li>
</b:if>
</b:loop>
</ul>
</li>
</b:if>
</b:includable>
<b:includable id='pageList'>
<ul class='mnMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
<b:loop index='i' values='data:links' var='link'>
<b:include name='pageLink'/>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<label class='fCls' for='offNav'/>
</div>
<b:tag class='headD headR' name='div'>
<b:tag class='headI' cond='!data:view.isLayoutMode' name='div'>
<b:section class='headP' id='header-icon' maxwidgets='2' showaddelement='false'>
<b:widget id='TextList000' locked='true' title='Header Icon' type='TextList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='shownum'>3</b:widget-setting>
<b:widget-setting name='item-4'>Profile</b:widget-setting>
<b:widget-setting name='item-3'>Dark</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='item-2'>Profile</b:widget-setting>
<b:widget-setting name='item-1'>Search</b:widget-setting>
<b:widget-setting name='item-0'>Dark</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<ul class='headIc'>
<b:loop index='icon' values='data:items' var='item'>
<b:if cond='data:icon <= 2'>
<b:if cond='data:item == "Search"'>
<li>
<b:class cond='data:item == "Search"' name='isSrh'/>
<!--[ Search button ]-->
<label class='tSrch tIc bIc' expr:aria-label='data:item' for='offSrh'><b:include name='search-icon'/></label>
</li>
<b:elseif cond='data:item == "Dark"'/>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<li>
<b:class cond='data:item == "Dark"' name='isDrk'/>
<!--[ Dark mode button ]-->
<span class='tDark tIc tDL bIc' expr:aria-label='data:item' onclick='darkMode()' role='button'><b:include name='moon-sun-icon'/></span>
</li>
</b:if>
</b:if>
</b:if>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</b:tag>
</b:tag>
</b:tag>
</b:tag>
</header>
<!--[ SearchBox section ]-->
<input class='srhI fixi hidden' id='offSrh' type='checkbox'/>
<div class='srhB fixL'>
<div class='srhBi fixLi'>
<b:section class='srhBs fixLs' id='search-widget' maxwidgets='2' showaddelement='false'>
<b:widget id='BlogSearch1' locked='true' title='Try 'Adventure'' type='BlogSearch' version='2' visible='true'>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='searchForm'/>
</b:includable>
<b:includable id='searchForm'>
<form class='srhF' expr:action='data:blog.searchUrl'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<b:include name='urlParamsAsFormInput'/>
<b:include name='searchSubmit'/>
<input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:title' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' id='searchIn' minlength='3' name='q' required='required' type='search'/>
<button aria-label='Clear' class='sb' data-text='Clear' type='reset'/>
</form>
<label aria-label='Close' class='srhC c' for='offSrh'/>
</b:includable>
<b:includable id='searchSubmit'>
<label class='sb' for='searchIn'><b:include name='search-icon'/></label>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='true' title='Search Suggest' type='Label' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>CLOUD</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><b:include name='content'/></b:includable>
<b:includable id='cloud'>
<b:loop index='tags' values='data:labels' var='label'>
<!--[ Only show 10 label ]-->
<b:if cond='data:tags <= 9'><div class='lbSz'><b:class expr:name='"s-" + data:label.cssSize'/><b:tag class='lbN' expr:name='data:blog.searchLabel != data:label.name ? "a" : "div"'><b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.url + "?&max-results=6"' name='href'/><b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.name == "_Apps" ? "Apps" : data:label.name == "_Games" ? "Games" : data:label.name' name='aria-label'/><span class='lbT'><b:if cond='data:label.name == "_Apps"'>Apps<b:elseif cond='data:label.name == "_Games"'/>Games<b:else/><data:label.name/></b:if></span><b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/></b:tag></div></b:if>
<!--[ Hide another label from 11th list ]-->
<b:if cond='data:tags == 10'>
<div class='lbSh'><input class='lbIn hidden' id='lbAl-1' type='checkbox'/>
<div class='lbAl'>
<b:loop index='alltags' values='data:labels' var='label'>
<!--[ Show label from 7th list ]-->
<b:if cond='data:alltags >= 10'><div class='lbSz'><b:class expr:name='"s-" + data:label.cssSize'/><b:tag class='lbN' expr:name='data:blog.searchLabel != data:label.name ? "a" : "div"'><b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.url + "?&max-results=6"' name='href'/><b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.name == "_Apps" ? "Apps" : data:label.name == "_Games" ? "Games" : data:label.name' name='aria-label'/><span class='lbT'><b:if cond='data:label.name == "_Apps"'>Apps<b:elseif cond='data:label.name == "_Games"'/>Games<b:else/><data:label.name/></b:if></span><b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/></b:tag></div></b:if>
</b:loop>
</div>
<label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='"(+" + (data:labels.length - 10) + ")"' for='lbAl-1'/>
</div>
</b:if>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='wL pSml'>
<b:class expr:name='data:this.display == "list" ? "ls" : "cl"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<b:include name='cloud'/>
</b:includable>
</b:widget>
</b:section>
</div>
<label class='fCls' for='offSrh'/>
</div>
<!--[ Scroll menu ]-->
<nav class='navI scrlH'>
<b:section class='secIn' id='scroll-menu' maxwidgets='1' showaddelement='false'>
<b:widget id='LinkList001' locked='true' title='Scroll Menu' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='text-10'>Topics 10</b:widget-setting>
<b:widget-setting name='shownum'>7</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='link-0'>https://apmody.blogspot.com/search/label/Docs</b:widget-setting>;
<b:widget-setting name='link-11'>#</b:widget-setting>
<b:widget-setting name='link-10'>#</b:widget-setting>
<b:widget-setting name='text-9'>Topics 09</b:widget-setting>
<b:widget-setting name='link-9'>#</b:widget-setting>
<b:widget-setting name='text-8'>Topics 08</b:widget-setting>
<b:widget-setting name='link-7'>#</b:widget-setting>
<b:widget-setting name='link-8'>#</b:widget-setting>
<b:widget-setting name='link-5'>#</b:widget-setting>
<b:widget-setting name='link-6'>#</b:widget-setting>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'>Topics 01</b:widget-setting>
<b:widget-setting name='text-0'>Documentation</b:widget-setting>
<b:widget-setting name='text-3'>Topics 03</b:widget-setting>
<b:widget-setting name='text-2'>Topics 02</b:widget-setting>
<b:widget-setting name='text-5'>Topics 05</b:widget-setting>
<b:widget-setting name='text-4'>Topics 04</b:widget-setting>
<b:widget-setting name='text-7'>Topics 07</b:widget-setting>
<b:widget-setting name='text-6'>Topics 06</b:widget-setting>
<b:widget-setting name='text-11'>Topics 10</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='content'/></b:includable>
<b:includable id='content'><ul><b:loop index='s' values='data:links' var='link'><b:if cond='data:s <= 12'><li><b:tag class='l' expr:data-text='data:link.name' expr:name='data:link.target != "#" and data:link.target != data:blog.url.canonical ? "a" : "span"'><b:attr cond='data:link.target != "#" and data:link.target != data:blog.url.canonical' expr:value='data:link.target' name='href'/><b:attr cond='data:link.target != "#" and data:link.target != data:blog.url.canonical' expr:value='data:link.name' name='aria-label'/><b:class cond='data:link.target == data:blog.url.canonical' name='a'/></b:tag></li></b:if></b:loop></ul></b:includable>
</b:widget>
</b:section>
</nav>
<!--[ Content section ]-->
<div class='mainIn'>
<!--[ Blog content ]-->
<div class='blogCont'>
<div class='secIn'>
<b:if cond='data:view.isHomepage and !data:blog.isPrivateBlog and !data:view.isPreview'>
<b:section class='lblPst' id='lblPst-1' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML801' locked='true' title='Featured Apps' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>Beauty</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><div class='title'><data:title/> <b:if cond='data:content != ""'><span class='label-item hidden'><data:content/></span><b:else/><span class='label-item'/></b:if></div><div class='lblPst-item' id='lblPst-item0'><span class='lblPst-loading'/></div>
</b:includable>
</b:widget>
</b:section>
<!--[ Ad content ]-->
<b:tag class='blogAd' name='div'>
<b:section id='horizontal-ad' maxwidgets='3' showaddelement='true'>
<b:widget id='HTML91' locked='true' title='Under header ad' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:content != ""'><data:content/><b:else/>
<!--[ Blank ad ]-->
<div class='adB' expr:data-text='data:title + " : " + data:messages.adsGoHere'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
</b:tag>
<b:section class='lblPst' id='lblPst-2' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML811' locked='true' title='Featured Games' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>Beauty</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><div class='title'><data:title/> <b:if cond='data:content != ""'><span class='label-item hidden'><data:content/></span><b:else/><span class='label-item'/></b:if></div><div class='lblPst-item' id='lblPst-item1'><span class='lblPst-loading'/></div>
</b:includable>
</b:widget>
</b:section>
</b:if>
<b:tag class='blogM' name='div'>
<!--[ Main content ]-->
<main class='blogItm mainbar'>
<b:section cond='data:view.isHomepage' id='top-widget' showaddelement='true'>
<b:widget cond='!data:view.isPreview' id='HTML92' locked='true' title='Top pin - Ad placement' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:content != ""'>
<data:content/>
<b:else/>
<!--[ Blank ad ]-->
<div class='adB' expr:data-text='data:title + " : " + data:messages.adsGoHere'/>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='FeaturedPost1' locked='true' title='Pinned Post' type='FeaturedPost' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>true</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='postId'>0</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<b:include name='snippetedPosts'/>
</b:includable>
<b:includable id='blogThisShare'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='linkShare'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='postAuthor'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postInfo'>
<div class='pInf pSml'>
<b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='nSpr'/>
<b:if cond='data:post.labels none (label => label.name in [ "Sponsored" ])'>
<!--[ Post timestamp ]-->
<b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestampPublish'/>
</b:if>
<!--[ Post jumplinks ]-->
<b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postJumpLinks'/>
</div>
</b:includable>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postLabels'/>
<b:includable id='postLocation'/>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='snippetedPostByline'/>
<b:includable id='snippetedPostContent'>
<!--[ Post Thumbnail ]-->
<b:include name='snippetedPostThumbnail'/>
<div class='iCtnt'>
<!--[ Post header ]-->
<b:include name='postHeaders'/>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
<!--[ Post info ]-->
<b:include cond='!data:view.isPage' name='postInfo'/>
</div>
</b:includable>
<b:includable id='snippetedPostEntry'>
<div class='pSnpt'>
<b:class cond='data:post.labels any (label => label.name in ["_Apps", "_Games"])' name='nApGm'/>
<b:include name='postEntrySnippet'/>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='iThmb pThmb'>
<b:class cond='data:post.featuredImage.isYoutube' name='iyt'/>
<b:class cond='!data:this.postDisplay.showFeaturedImage or !data:post.featuredImage' name='nul'/>
<b:tag class='thmb' expr:name='data:this.postDisplay.showFeaturedImage and data:post.featuredImage ? "a" : "div"'>
<b:attr cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' expr:value='data:post.url' name='href'/>
<b:if cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage'>
<b:include name='postEntryThumbnail'/>
<b:else/>
<span class='imgThm' data-text='No image'/>
</b:if>
</b:tag>
<!--[ Comments count ]-->
<b:tag class='iFxd' name='div'>
<b:attr expr:value='data:post.id' name='data-id'/>
<b:if cond='data:post.labels any (label => label.name in [ "Sponsored" ])'>
<b:include name='postSponsored'/>
</b:if>
<b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
<b:include name='postCommentsLinks'/>
</b:if>
<b:if cond='data:post.featuredImage.isYoutube'>
<span class='bmPs h' expr:bm-id='data:post.id' expr:bm-img='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 120, "1:1") : data:post.featuredImage.youtubeMaxResDefaultUrl' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url'/>
<b:else/>
<span class='bmPs h' expr:bm-id='data:post.id' expr:bm-img='data:post.featuredImage ? resizeImage(data:post.featuredImage, 120, "1:1") : ""' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url'/>
</b:if>
</b:tag>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<h3 class='pTtl aTtl'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3>
</b:includable>
<b:includable id='snippetedPosts'>
<div class='itemFt' role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='itm'>
<b:class cond='data:this.postDisplay.showFeaturedImage and !data:post.featuredImage' name='noThmb'/>
<b:class cond='!data:this.postDisplay.showFeaturedImage' name='noImage'/>
<b:class cond='data:post.labels any (label => label.name in ["_Apps", "_Games"])' name='pApGm'/>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section id='main-widget' showaddelement='true'>
<b:widget cond='!data:view.isPreview and !data:blog.isMobileRequest and (data:view.isHomepage or data:view.isPost)' id='HTML93' locked='true' title='Top post ad (desktop only)' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:content != ""'>
<data:content/>
<b:else/>
<!--[ Blank ad ]-->
<div class='adB' expr:data-text='data:title + " : " + data:messages.adsGoHere'/>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='commentLabel'>Comment</b:widget-setting>
<b:widget-setting name='style.textcolor'>#8775f5</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>Oleh</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#1e1e1e</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#204ecf</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='timestampLabel'>On</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>in</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include cond='data:view.isMultipleItems' name='titlePost'/>
<div class='blogPts'>
<b:class cond='data:posts.empty' name='mty'/>
<!--[ Fullpage condition ]-->
<b:class cond='data:view.url != data:view.url params { amp: "1" } and data:view.isSingleItem and data:posts any (p => p.labels any (l => l.name in [ "zFullpage" ]))' name='fullP'/>
<b:include cond='data:view.url != data:view.url params { amp: "1" } and data:view.isSingleItem and data:posts any (p => p.labels any (l => l.name in [ "zFullpage" ]))' name='post-singlePage'/>
<b:include cond='data:view.url != data:view.url params { amp: "1" } and data:view.isSingleItem and data:posts any (p => p.labels any (l => l.name in [ "_Apps", "_Games" ]))' name='post-ApGm'/>
<!--[ If no content found ]-->
<b:include name='noContentPlaceholder'/>
<b:with value='data:widgets.FeaturedPost filter (w => w.sectionId == "top-widget") map (w => w.postId)' var='featuredPostIds'>
<b:with value='data:view.isHomepage ? data:posts filter (post => post.id not in data:featuredPostIds) : data:posts' var='posts'>
<b:loop index='i' values='data:posts' var='post'>
<!--[ Remove comment tag below to enable in-feed ad ]-->
<b:if cond='data:i == 3'>
<b:include name='post-adIn'/>
</b:if>
<b:if cond='data:i == 6'>
<b:include name='post-adIn'/>
</b:if>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</b:with>
</b:with>
</div>
<b:include cond='data:view.isMultipleItems and !data:posts.empty' name='postPagination'/>
</b:includable>
<b:includable id='aboutPostAuthor'/>
<b:includable id='addComments'/>
<b:includable id='blogThisShare'/>
<b:includable id='breadcrumb' var='post'>
<!--[ Post breadcrumbs ]-->
<div class='brdCmb' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='sponsored'/>
<div class='hm' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl.canonical' itemprop='item'><span itemprop='name'><data:messages.home/></span></a>
<meta content='1' itemprop='position'/>
</div>
<b:if cond='data:post.labels'>
<b:loop index='num' values='data:post.labels' var='label'>
<b:if cond='data:num == 0 and (data:label.name == "zFullpage" or data:label.name == "z_Apps" or data:label.name == "z_Games")'>
<div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<span itemprop='name'><data:post.title/></span>
<meta content='2' itemprop='position'/>
</div>
<b:elseif cond='data:num == 0'/>
<div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url.canonical + "?&max-results=6"' itemprop='item'><span itemprop='name'><b:if cond='data:label.name == "_Apps"'>Apps<b:elseif cond='data:label.name == "_Games"'/>Games<b:else/><data:label.name/></b:if></span></a>
<meta expr:content='data:num+2' itemprop='position'/>
</div>
</b:if>
<b:if cond='data:num == 1 and data:post.labels none (label => label.name in [ "Sponsored", "Advertorial" ]) and data:label.name != "zFullpage" and data:label.name != "z_Apps" and data:label.name != "z_Games"'>
<div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url.canonical + "?&max-results=6"' itemprop='item'><span itemprop='name'><data:label.name/></span></a>
<meta expr:content='data:num+2' itemprop='position'/>
</div>
</b:if>
<b:if cond='data:num == 2 and data:post.labels none (label => label.name in [ "Sponsored", "Advertorial" ]) and data:label.name != "zFullpage" and data:label.name != "z_Apps" and data:label.name != "z_Games"'>
<div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url.canonical + "?&max-results=6"' itemprop='item'><span itemprop='name'><data:label.name/></span></a>
<meta expr:content='data:num+2' itemprop='position'/>
</div>
</b:if>
</b:loop>
<b:elseif cond='data:view.isPost'/>
<div class='lb nob'><data:messages.posts/></div>
</b:if>
<!-- Blogpen.xyz -->
<!--[ Change cond='data:view.isPage' to cond='data:view.isSingleItem' if you want to show post title on breadcrumb ]-->
<b:tag class='tl' cond='data:view.isPage' expr:data-text='data:post.title' name='div'/>
</div>
</b:includable>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineRegion' var='regionIts'/>
<b:includable id='commentAuthorAvatar'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='commentForm' var='post'/>
<b:includable id='commentFormIframeSrc' var='post'/>
<b:includable id='commentItem' var='comment'/>
<b:includable id='commentList' var='comments'/>
<b:includable id='commentPicker' var='post'/>
<b:includable id='commentblock' var='cb'>
<div class='cmAv'>
<b:if cond='data:cb.level.authorAvatarSrc'>
<div class='im' expr:data-style='"background-image: url(" + resizeImage(data:cb.level.authorAvatarSrc, 35, "1:1") + ")"'>
<b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/>
<b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + resizeImage(data:cb.level.authorAvatarSrc, 35, "1:1") + ")"' name='style'/>
</div>
<noscript><div class='im' expr:style='"background-image: url(" + resizeImage(data:cb.level.authorAvatarSrc, 35, "1:1") + ")"'/></noscript>
</b:if>
</div>
<div class='cmIn'>
<div class='cmBd'>
<b:class cond='data:cb.level.isDeleted' name='del'/>
<b:attr cond='!data:cb.level.isDeleted' name='itemscope' value='itemscope'/>
<b:attr cond='!data:cb.level.isDeleted' name='itemtype' value='https://schema.org/Comment'/>
<div class='cmHr'>
<b:class cond='data:post.author.name == data:cb.level.author' name='a'/>
<span class='n'>
<b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='author'/>
<b:attr cond='!data:cb.level.isDeleted' name='itemscope' value='itemscope'/>
<b:attr cond='!data:cb.level.isDeleted' name='itemtype' value='https://schema.org/Person'/>
<b:if cond='data:cb.level.author != "Anonymous"'>
<bdi><b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='name'/><data:cb.level.author/></bdi>
<b:else/>
<bdi><b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='name'/>Anonymous</bdi>
</b:if>
</span>
<b:if cond='!data:cb.level.isDeleted'>
<!--[ Remove dtTm in className to disable Second Ago script ]-->
<b:if cond='data:view.url != data:view.url params { amp: "1" } and data:blog.languageDirection != "rtl"'>
<span class='d dtTm' expr:data-datetime='data:cb.level.timestamp'/>
</b:if>
<span class='d date' expr:data-datetime='data:cb.level.timestamp' itemprop='datePublished'><data:cb.level.timestamp/></span>
</b:if>
</div>
<div class='cmCo'>
<b:class cond='!data:post.allowNewComments' name='dis'/>
<b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='text'/>
<b:if cond='data:cb.level.author != data:post.author.name'>
<b:eval expr='data:cb.level.body snippet { links: false }'/>
<b:else/>
<data:cb.level.body/>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='comments' var='post'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='commentsTitle'>
<h3 class='title n'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</h3>
</b:includable>
<b:includable id='defaultAdUnit'>
<ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: "display: block;"'/>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</b:includable>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='homePageLink'/>
<b:includable id='iframeComments' var='post'/>
<b:includable id='inlineAd' var='post'>
<b:if cond='!data:view.isPreview'>
<b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
<!-- Ad -->
<div class='inline-ad'>
<b:if cond='data:this.adCode != ""'>
<data:this.adCode/>
<b:else/>
<b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
</b:if>
</div>
</b:if>
<b:else/>
<div class='inline-ad'>
<div class='inline-ad-placeholder'>
<span><b:message name='messages.adsGoHere'/></span>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='linkShare'/>
<b:includable id='manageComments'/>
<b:includable id='nextPageLink'/>
<b:includable id='noContentPlaceholder'>
<b:if cond='data:posts.empty'>
<!--[ No posts messages ]-->
<div class='noPosts'><data:messages.noResultsFound/>...</div>
</b:if>
</b:includable>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='post' var='post'/>
<b:includable id='postAuthor'/>
<b:includable id='postBody' var='post'/>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postCommentsAndAd' var='post'>
<!--[ Post article ]-->
<article class='ntry'>
<b:class cond='data:view.isSingleItem' name='ps'/>
<b:class cond='data:view.isSingleItem' name='post'/>
<b:class cond='data:view.isMultipleItems and !data:post.featuredImage' name='noThmb'/>
<b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp' name='noInf'/>
<b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='noAd'/>
<b:class cond='data:post.labels any (label => label.name in ["_Apps", "_Games"])' name='pApGm'/>
<!--[ Post brdCmb ]-->
<b:include cond='data:view.isSingleItem' data='post' name='breadcrumb'/>
<b:if cond='data:view.isMultipleItems'>
<!--[ Post thumbnail and labels ]-->
<div class='pThmb'>
<b:class cond='data:post.featuredImage.isYoutube' name='iyt'/>
<b:class cond='!data:post.featuredImage' name='nul'/>
<b:tag class='thmb' expr:name='data:post.featuredImage ? "a" : "div"'>
<b:attr cond='data:post.featuredImage' expr:value='data:post.url' name='href'/>
<b:if cond='data:post.featuredImage'>
<b:include name='postEntryThumbnail'/>
<b:else/>
<span class='imgThm' data-text='No image'/>
</b:if>
</b:tag>
<!--[ Comments count ]-->
<b:tag class='iFxd' name='div'>
<b:attr expr:value='data:post.id' name='data-id'/>
<b:if cond='data:post.labels any (label => label.name in [ "Sponsored" ])'>
<b:include name='postSponsored'/>
</b:if>
<b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
<b:include name='postCommentsLinks'/>
</b:if>
<b:if cond='data:post.featuredImage.isYoutube'>
<span class='bmPs h' expr:bm-id='data:post.id' expr:bm-img='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 120, "1:1") : data:post.featuredImage.youtubeMaxResDefaultUrl' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url'/>
<b:else/>
<span class='bmPs h' expr:bm-id='data:post.id' expr:bm-img='data:post.featuredImage ? resizeImage(data:post.featuredImage, 120, "1:1") : ""' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url'/>
</b:if>
</b:tag>
</div>
</b:if>
<b:tag class='pCntn' cond='data:view.isMultipleItems' name='div'>
<!--[ Post header ]-->
<b:include cond='data:view.isMultipleItems' name='postHeaders'/>
<!--[ Post title ]-->
<b:if cond='data:view.isPost and data:post.labels any (label => label.name in ["_Apps", "_Games"])'>
<div class='app'>
<div class='ic pThmb'>
<div class='img' expr:data-style='"background-image: url(" + resizeImage(data:post.featuredImage, 120, "1:1") + ")"'>
<b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/>
<b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + resizeImage(data:post.featuredImage, 120, "1:1") + ")"' name='style'/>
</div>
<noscript><div class='img' expr:style='"background-image: url(" + resizeImage(data:post.featuredImage, 120, "1:1") + ")"'/></noscript>
</div>
<div class='nm'>
<h1 id='pTitle'><data:post.title/></h1>
<span><b:if cond='data:post.lastUpdated != data:post.date'>Updated on <b:eval expr='format(data:post.lastUpdated, "MMMM d, y")'/><b:else/>Published on <b:eval expr='format(data:post.date, "MMMM d, y")'/></b:if></span>
</div>
</div>
<!--[ Post top ad ]-->
<b:include cond='data:post.labels any (label => label.name in ["_Apps","_Games"]) and !data:view.isPreview' data='post' name='post-adTop'/>
<div class='bApGm' data-text='Download'/>
<b:else/>
<b:tag class='pTtl aTtl' expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? "h2" : "h1"'>
<b:class cond='data:view.isSingleItem' name='itm'/>
<b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='nSpr'/>
<b:tag expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? "a" : "span"'>
<b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.url.canonical' name='href'/>
<b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.title' name='data-text'/>
<b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' name='rel' value='bookmark'/>
<data:post.title/>
</b:tag>
</b:tag>
</b:if>
<b:if cond='data:blog.metaDescription and data:view.isPost'>
<!-- Post Description -->
<div class='pDesc'><data:blog.metaDescription/></div>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<!--[ Post snippets ]-->
<div class='pSnpt'>
<b:class cond='data:post.labels any (label => label.name in ["_Apps", "_Games"])' name='nApGm'/>
<b:include name='postEntrySnippet'/>
</div>
</b:if>
<!--[ Post info ]-->
<b:include cond='!data:view.isPage' name='postInfo'/>
<!--[ Share button ]-->
<b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShare'/>
<!--[ Change post font size ]-->
<b:include cond='data:view.isPost and !data:view.isPreview' name='postFontInput'/>
<b:include cond='data:view.isPost and !data:view.isPreview' name='postFontEntry'/>
<b:tag class='pInr' cond='data:view.isSingleItem' name='div'>
<b:if cond='data:post.labels none (label => label.name in [ "Sponsored" ])'>
<!--[ Post top ad ]-->
<b:include cond='data:post.labels none (label => label.name in ["_Apps","_Games"]) and data:view.isPost and !data:view.isPreview' data='post' name='post-adTop'/>
</b:if>
<b:if cond='data:view.isSingleItem'>
<!--[ Post body ]-->
<div class='pEnt' expr:id='"postID-" + data:post.id'>
<div class='pS post-body postBody' id='postBody'><data:post.body/></div>
</div>
<script>
const msgWel=["Have a Sweet Dreams!", "Good Morning!", "Good Afternoon!", "Good Evening!", "Good Night!", "It's time to sleep!"],<b:eval expr='"alwCmn=" + data:post.allowComments + ","'/><b:eval expr='"nofCmn=" + data:post.numberOfComments + ","'/>ic_chat=`<b:include name='chat-icon'/>`,<b:eval expr='"alwShr=" + (data:post.shareUrl ? true : false) + ","'/>ic_share=`<b:include name='share-icon-alt'/>`,ic_font=`<b:include name='font-icon'/>`,ic_smile=`<b:include name='smile-icon'/>`;
/*<![CDATA[*/ /*Title ApGm*/if(typeof xAi!='undefined'){if(null!=qSel(".pAG")){var pAG=qSel(".pAG"),nApp=qSel(".pAG .apName").innerText;if(null!=qSel(".pAG .apMod"))var mApp='+ <span class="n2">'+qSel(".pAG .apMod").getAttribute("data-text")+'</span> <span class="n3">'+qSel(".pAG .apMod").innerText+"</span>";else mApp="";var vApp=qSel(".pAG .apVersi").innerText,tApp=nApp+' <span class="n1">'+qSel(".pAG .apVersi").getAttribute("data-text")+"</span> "+mApp+' <span class="n4">v'+vApp+"</span>";getid("pTitle").innerHTML=tApp;pAG.classList.add("p"),pAG.setAttribute("data-inc","true"),pAG.setAttribute("data-id",postId),null!=qSel(".bApGm")&&qSel(".bApGm").insertAdjacentElement("afterend",pAG)} /*config img*/for(var imgpU=qSell("#postBody img:not(.nolazy)"),i=0;i<imgpU.length;i++){if(0!=i)if(imgpU[i].getAttribute("data-src"))1==(uImgp=imgpU[i].getAttribute("data-src")).includes("blogspot")&&0==uImgp.includes("-rw")?1==uImgp.includes("s0")?imgpU[i].setAttribute("data-src",uImgp.replace("s0","s0-rw-e30")):1==uImgp.includes("s600")?imgpU[i].setAttribute("data-src",uImgp.replace("s600","s600-rw-e30")):1==uImgp.includes("s400")?imgpU[i].setAttribute("data-src",uImgp.replace("s400","s400-rw-e30")):1==uImgp.includes("s320")?imgpU[i].setAttribute("data-src",uImgp.replace("s320","s320-rw-e30")):1==uImgp.includes("s200")&&imgpU[i].setAttribute("data-src",uImgp.replace("s200","s200-rw-e30")):1==uImgp.includes("googleusercontent")&&0==uImgp.includes("-rw")&&imgpU[i].setAttribute("data-src",uImgp+"-rw-e30");else if(imgpU[i].getAttribute("src")){var uImgp;1==(uImgp=imgpU[i].getAttribute("src")).includes("blogspot")&&0==uImgp.includes("-rw")?1==uImgp.includes("s0")?imgpU[i].setAttribute("data-src",uImgp.replace("s0","s0-rw-e30")):1==uImgp.includes("s600")?imgpU[i].setAttribute("data-src",uImgp.replace("s600","s600-rw-e30")):1==uImgp.includes("s400")?imgpU[i].setAttribute("data-src",uImgp.replace("s400","s400-rw-e30")):1==uImgp.includes("s320")?imgpU[i].setAttribute("data-src",uImgp.replace("s320","s320-rw-e30")):1==uImgp.includes("s200")&&imgpU[i].setAttribute("data-src",uImgp.replace("s200","s200-rw-e30")):1==uImgp.includes("googleusercontent")&&0==uImgp.includes("-rw")?imgpU[i].setAttribute("data-src",uImgp+"-rw-e30"):imgpU[i].setAttribute("data-src",uImgp),addCt(imgpU[i],"lazy"),imgpU[i].setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=")}}} /*]]>*/</script>
</b:if>
<b:if cond='data:post.labels none (label => label.name in [ "Sponsored" ])'>
<!--[ Post bottom ad ]-->
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-adBot'/>
</b:if>
<b:include data='post' name='postMetadataJSON'/>
<b:if cond='data:view.url != data:view.url params { amp: "1" } and data:view.isPost and data:widgets.Blog.first.allBylineItems.timestamp and data:post.labels none (label => label.name in ["_Apps", "_Games"])'>
<script>/*<![CDATA[*/ function get_text(e){ret="";for(var t=e.childNodes.length,n=0;n<t;n++){var o=e.childNodes[n];8!=o.nodeType&&(ret+=1!=o.nodeType?o.nodeValue:get_text(o))}return ret}var words=get_text(getid("postBody")),count=words.split(" ").length,avg=200,counted=count/avg,maincount=Math.round(counted);getid("rdTime").innerHTML=maincount+" min read"; /*]]>*/</script>
</b:if>
<b:if cond='data:post.labels none (label => label.name in [ "Sponsored", "_Apps", "_Games" ])'>
<!--[ Post writter ]-->
<b:include cond='data:post.author.aboutMe and data:view.isPost and !data:view.isPreview' name='post-authorProfile'/>
</b:if>
</b:tag>
</b:tag>
</article>
<b:if cond='data:view.url != data:view.url params { amp: "1" } and data:view.isPost and data:post.labels any (label => label.name in ["_Apps", "_Games"])'>
<script>/*<![CDATA[*/eval(function(a,p,m,o,d,y){d=function(m){return(m<p?'':d(parseInt(m/p)))+((m=m%p)>35?String.fromCharCode(m+29):m.toString(36))};if(!''.replace(/^/,String)){while(m--)y[d(m)]=o[m]||d(m);o=[function(d){return y[d]}];d=function(){return'\\w+'};m=1};while(m--)if(o[m])a=a.replace(new RegExp('\\b'+d(m)+'\\b','g'),o[m]);return a}('3 2=z;(l(a,b){3 c=z,C=a();2u(!![]){2v{3 d=-m(c(2w))/A*(m(c(2x))/2y)+-m(c(2z))/2A*(-m(c(2B))/2C)+-m(c(2D))/2E*(m(c(2F))/2G)+-m(c(2H))/1s+m(c(2I))/2J*(-m(c(2K))/2L)+-m(c(2M))/1t*(-m(c(2N))/2O)+m(c(2P))/2Q;n(d===b)2R;t C[\'1u\'](C[\'1v\']())}2S(2T){C[\'1u\'](C[\'1v\']())}}}(D,2U),5!=E(2(F))&&5!=E(2(1w))&&E(2(F))[2(2V)](2(2W),E(2(1w))));3 1x=u[\'1x\'],1y=L[2(M)][2(2X)],1z=L[2(M)][2(2Y)],G=2(2Z)+1y+1z,N=j(2(30))[2(O)];l D(){3 a=[\'&31=\',\'.1A\',\'32\',\'33\',\'H-1B\',\'34\',\'&35=\',\'36\',\'&37=\',\'38\',\'39\',\'o\',\'3a\',\'H-1B-3b\',\'3c\',\'?1C=\',\'.P\',\'=3d\',\'3e\',\'3f\',\'3g\',\'3h\',\'3i\',\'&1D=\',\'3j\',\'3k\',\'&3l=\',\'I\\3m\',\'H-3n\',\'1E\',\'3o\',\'.P\\4.3p\\4>\\4.1a\',\'&3q=\',\'.3r\',\'3s\',\'3t\',\'3u\',\';--3v:\',\'}1b:J(.o)\\4.3w{3x:#3y}\\4.o\\4.1F.1c.1d,\\4.o\\4.1G,\\4.o\\4.1H\\4.c,\\4.o\\4.1I{--1J:\',\'3z\',\'#1K\\4>\\4*\',\'3A\',\'&3B=\',\'3C\',\'&1D=#!\',\'?1L=0\',\'3D\',\'3E\',\'3F\',\'<1M\\1e=\\3G\\q\\3H=\\3I\\3J\\1N\\1N\\q><Q\\1e=\\3K\\q\\1O=\\R\\q\\1P=\\R\\q\\1Q=\\1R.1S\\q></Q><Q\\1e=\\3L\\3M\\q\\1O=\\R\\q\\1P=\\R\\q\\1Q=\\1R.1S\\q></Q></1M>\',\'.1c.1d\\4.P\',\'3N://\',\'1b\',\'3O\',\'3P\',\'3Q\',\'3R\',\'3S\',\'3T\',\'3U\',\'3V\\3W...\',\'.3X\',\'H-3Y\',\'3Z\',\'40\',\'41\',\'42\',\'1b:J(.o)\\4.1F.1c.1d,\\1f:J(.o)\\4.1G,\\1f:J(.o)\\4.1H\\4.c,\\1f:J(.o)\\4.1I{--1J:\',\'43\',\'44\',\'45\',\'46\',\'47\',\'H-48\',\'</1T>\\49...\',\'4a\',\'4b\',\'4c\\4>\\4d\',\'.1U\',\'4e\',\'.P.1E\\4~\\4.1U\',\'4f\',\':4g-4h(1)\',\'4i\',\'4j\',\'4k\',\'4l\',\'4m\',\'4n\',\'?1L=1\',\'4o\',\'4p\\4q\\4r\\4s\\4<1T>\',\'&4t=\',\'4u\',\'4v\',\'4w\',\'1K\',\'4x\',\'.1A\\4.4y\',\'4z\',\'#4A\\4B\',\'4C\'];D=l(){I a};I D()}l z(d,e){3 f=D();I z=l(a,b){a=a-1g;3 c=f[a];I c},z(d,e)}n(5!=(N=N[2(4D)](/<1a.1V=.1W.*?1X="(.*?)"/)))K=2(4E)+(K=/<1a.1V=.1W.*?1X="(.*?)"/[2(4F)](N)[A])[2(1h)](/\\=.*w[0-9].*h[0-9].*-p.*-k.*-4G.*-4H+(\\-c)?/,2(4I));t 3 K=\'\';l 1i(){3 a=2,1Y=j(a(4J))[a(1j)],1Z=a(20)+21+a(22)+G+a(23)+1Y+K;u[\'24\'](a(4K),u[\'e\'](1Z),{\'25\':!v,\'26-27\':28}),L[a(M)][a(S)]=G+a(4L)}2(4M)!=4N i&&j(2(T))[2(1g)](2(29),l(){3 b=2,U,V,W,1k;n(A==i[b(r)][b(X)]){n(U=5==i[b(r)][b(Y)]?1t:i[b(r)][b(Y)],V=5==i[b(r)][b(2a)]?b(4O):i[b(r)][b(2a)],W=5==i[b(r)][b(2b)]?b(4P):i[b(r)][b(2b)],1k=5==i[b(r)][b(2c)]?b(4Q):i[b(r)][b(2c)],!j(b(2d))[b(x)][b(1l)](\'a\')){j(b(2d))[b(x)][b(Z)](\'a\'),j(b(4R))[b(x)][b(Z)](b(4S)),j(b(4T))[b(x)][b(Z)](\'h\'),j(b(4U))[b(2e)](b(4V),b(2f));3 c=U;j(b(T))[b(O)]=V+c+W;3 d=2g(l(){3 a=b;c-=A,j(a(T))[a(O)]=V+c+W,j(a(2h))[a(1m)][a(2i)]=2j[a(2k)](c/U*2l),c<=v&&(2m(d),j(a(T))[a(O)]=1k,1i())},2n)}}t v==i[b(r)][b(X)]?5!=E(b(F))&&(2o(b(F)),4W(l(){3 a=b;2o(a(F))},4X)):1i()}),v!=i[2(10)][2(X)]&&4Y(2(4Z))[2(50)](6=>{3 7=2;6[7(11)](7(51),7(52)),1n=6[7(y)](7(S)),12=6[7(y)](7(13)),5!=1n&5==12?(6[7(11)](7(13),u[\'e\'](1n)),6[7(11)](7(S),\'#!\')):5!=12&&6[7(11)](7(13),u[\'e\'](12)),6[7(1g)](7(29),53=>{3 8=7;l 1o(){3 a=z,14=6[a(15)](a(54))[a(1j)],1p=14[a(55)](v,14[a(56)](\'\\57\')),2p=14[a(1h)](1p,\'\')[a(1h)](\'\\4\',\'\'),1q=6[a(15)](a(58));n(5!=(b=6[a(y)](a(13))))3 b=a(59)+b;t b=a(5a);n(5!=1q)3 c=a(5b)+1q[a(1j)];t c=\'\';3 d=6[a(y)](a(5c));n(5!=d)3 e=a(5d)+d;t e=\'\';3 f=6[a(y)](a(5e));n(5!=f)3 g=a(5f)+f;t g=\'\';3 h=a(20)+21+a(22)+G+a(23)+1p+a(5g)+2p+c+K+b+e+g;u[\'24\'](a(5h),u[\'e\'](h),{\'25\':!v,\'26-27\':28}),L[a(M)][a(S)]=G+a(5i)}3 16;n(A==i[8(10)][8(X)]){n((16=5==i[8(10)][8(Y)]?1s:i[8(10)][8(Y)])&&!6[8(x)][8(1l)](\'a\')){6[8(x)][8(Z)](\'a\'),6[8(15)](8(5j))[8(2e)](8(5k),8(2f));3 17=16,2q=2g(l(){3 a=8;17-=A,6[a(15)](a(2h))[a(1m)][a(2i)]=2j[a(2k)](17/16*2l),17<=v&&(2m(2q),1o())},2n)}}t 1o()})}),5l(l(){3 a=2,18=j(a(5m)),s=18[a(y)](a(5n)),B=18[a(y)](a(5o));n(5!=18&&5!=s&&5!=B){5p=s,5q=B,2r=a(5r)+s+a(2s)+s+a(5s)+B+a(2s)+B+\'}\',j(a(5t))[a(x)][a(1l)](a(5u))&&(s=B);5v 19=2t[a(5w)](a(1m));19[\'1C\']=a(5x),19[a(5y)]=2r,2t[a(5z)][a(5A)](19),5B[a(1r)]=s,5C[a(1r)]=s,5D[a(1r)]=s}});',62,350,'||_0x44e74e|var|x20|null|_0x5a4abc|_0x160c05|_0x1db183||||||||||ARtb|qSel||function|parseInt|if|drK||x22|0x146|_0x4e8ab9|else|xAR|0x0||0x111|0x116|_0x5778|0x1|_0x5caf69|_0x5e4166|_0x14e2|getid|0x12b|uPst|data|return|not|uImg|window|0x11f|nsImg|0x138|app|circle|x2217|0x106|0x119|_0x355456|_0xf6799d|_0x54019c|0x10d|0x153|0x143|0x128|0x12e|gDLk|0x109|_0x177ea4|0x129|_0x5f56bc|_0x45f709|_0xb0ab68|_0x57b481|img|body|ps|pApGm|x20class|x20body|0xfa|0x12c|gDL0|0x15c|_0x1af60b|0x14f|0x13b|gHrf|_0x520a8b|_0x5afe42|_0x423906|0x10a|0x7|0xa|push|shift|0x10f|pU|gHs|gPn|pAG|color|id|lnk|pgrs|ntry|hPgBar|toTopF|ntfA|linkC|ldApGm|dl|svg|x2034|x20cx|x20cy|x20r|x2215|92|span|bApGm|class|altImg|src|_0x738868|_0x4123b7|0x140|postId|0x131|0x15b|sC|secure|max|age|0xe10|0x13f|0x120|0x110|0x122|0x141|0x11e|0xfc|setInterval|0x152|0x147|Math|0x102|0x64|clearInterval|0x3e8|stC|_0x260142|_0x1e80bf|sc_cAG|0x156|document|while|try|0x155|0x144|0x2|0x100|0x3|0x11a|0x4|0x154|0x5|0x123|0x6|0xfb|0x149|0x8|0x130|0x9|0x14a|0x10b|0xb|0x101|0xc|break|catch|_0x3b85a3|0x664df|0x121|0x112|0x117|0x105|0xfe|0x12f|url|afterend|undefined|createElement|apV|innerHTML|apM|ApGm_dl1|style|indexOf|dark|click|s780|add|364femZAs|match|progDL0|strokeDashoffset|424ZcQfFa|8110bSWKWI|apS|x20false|size|contains|ic|aImg|dldPg|time|5obrKJy|3969upvPkr|linkB|ntfC|background|f5f5f5|substr|ApGm_dl0|apN|innerText|head|addEventListener|2080526siWHHz|x22i|x20viewBox|x220|x200|x22f|x22s|x20dldPg|https|3MQZytt|14072304OvLkxP|floor|styleApGm|afterbegin|pathname|href|Please|x20wait|mod|link|content|4763hVnSls|onclick|enable|adBot|tx2|classList|beforebegin|textContent|text|x20seconds|getAttribute|hostname|div|x20span|2252676JNWeHI|appendChild|nth|child|insertAdjacentHTML|location|tx1|insertAdjacentElement|tx3|2102658IdHCua|exec|Preparing|x20download|x20link|x20in|apF|progDL1|querySelector|forEach|replace|apName|setAttribute|postBody|x20noscript|50598doNBeB|0x145|0x151|0x125|no|nu|0x142|0x12d|0x15a|0x15e|0x134|typeof|0x126|0x115|0x107|0xfd|0x14e|0x11b|0x150|0x133|setTimeout|0x1f4|qSell|0x159|0x12a|0x10c|0x14c|_0xfefa37|0x118|0x158|0x13d|x20v|0x108|0x148|0x15d|0x139|0x114|0x127|0x14d|0x14b|0x137|0x13a|0x124|0x11d|0x104|Defer|0x132|0x135|0x13e|themeC|themeCdrk|0x10e|0x157|0xff|0x13c|const|0x136|0x103|0x113|0x15f|0x11c|thmC1|thmC2|thmC3'.split('|'),0,{}));
/*APP DL*/
if((pU('dl')==0&&xAR.gC('ApGm_dl0')!=null)||(pU('dl')==1&&xAR.gC('ApGm_dl1')!=null)){
for(var p=qSell(".postBody, .pSh, .pInf, .pDesc, .pApGm>.app, .bApGm, .pAG"),l=0;l<p.length;l++)p[l].style="display:none";qSel(".blogPts").classList.add("fullP");var sFAQsDL="";sFAQsDL+=`<h2 class="title n">Download FAQs</h2><div class="sAG">
<details><summary>How to download?</summary><div><p>Just wait a few seconds and the download button will appear.</p></div></details>
<details><summary>Why the download speed is slow?</summary><div><p>The server we use is a high quality, dedicated type that allows distribution of huge volumes of files to all users. Therefore, we are confident that the download speed of ${blogTtl} is not inferior to any other storage system.</p><p>In case the download speed is slow, please check your bandwidth.</p></div></details>
<details><summary>The description is not correct with the downloaded file</summary><div><p>If there is a mistake between the description and the downloaded file, please report it to us via the contact section at the bottom of the page.</p></div></details>
<details><summary>Broken link?</summary><div><p>If there is a problem with the broken link, cannot download file, please report to our webmasters. Thank you!</p></div></details>
<details><summary>Is the file I download from ${blogTtl} safe?</summary><div><p>Of course, every file is checked by antivirus software before being uploaded to the system.</p><p>Our hosting server is also regularly checked to avoid any threats.</p></div></details></div>`;}
/*GET APGM DL0*/
if(pU('dl')==0&&xAR.gC('ApGm_dl0')!=null){
qSel(".ps.pApGm").classList.add("dl0");var cAG=xAR.d(xAR.gC("ApGm_dl0"));
if(pU('id',cAG)==postId){
qSel(".brdCmb").innerHTML+="<a href='"+uPst+"'>"+pU("apN",cAG)+"</a><span>Download</span>";var pBd="",pBd1="";
null!=pU("aImg",cAG)&&(pBd='<img class="dl_img lazy" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="'+pU("aImg",cAG)+'" alt="'+pU("apN",cAG)+'">');
pBd+='<div class="dl_cnt">',pBd+="<h1>Download "+pU("apN",cAG)+"</h1>",pBd+="<span>MOD APK & APK latest version for Android</span>",pBd+='<h2 class="ha title n">Available Versions of '+pU("apN",cAG)+"</h2>",pBd+="</div>";
qSel(".pEnt").insertAdjacentHTML("afterbegin",pBd),null!=getid("ldApGm")&&qSel(".dl_cnt").insertAdjacentElement("afterend",getid("ldApGm")),qSel(".dl_cnt").insertAdjacentElement("afterend",getid("adTop"));
pBd1+=`<h2 class="title n">Notes before continuing</h2><div class="sAG">
<details><summary>Never mind the Play Protect warning!</summary><div><p>As you know, MOD means editing APK files. As a result, the MOD APK files will not match the version available on the Google Play Store.</p><p>That's why Play Protect now warns you every time you want to install MOD APK.</p><p>So the best way is to <a href="#!">turn off Play Protect</a> completely and never mind it if you want to install and use the MOD APK.</p></div></details>
<details><summary>How to choose the right version you want?</summary><div><p>Choose the version that has the <span class="apk">APK</span> or <span class="apk">APKs</span> or <span class="apk">XAPK</span> icon only if you want to download the original.</p><p>Choose the version that has the <span class="mod">MOD</span> icon if you want to download the MOD version.</p></div></details>
<details><summary>How to install?</summary><div><p>Each version has a different installation method. So on the download page of each version, we have specific installation instructions.</p></div></details></div>`;pBd1+=sFAQsDL,pBd1+='<a class="bPrev button" href="'+pU("url",cAG)+'"><svg viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M14.91 6.71c-.39-.39-1.02-.39-1.41 0L8.91 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L11.03 12l3.88-3.88c.38-.39.38-1.03 0-1.41z"></path></svg> Back to the post</a>';
null!=getid("ldApGm")&&(getid("ldApGm").insertAdjacentHTML("afterend",pBd1),document.addEventListener("DOMContentLoaded",(function(){getid("ldApGm").insertAdjacentElement("afterend",getid("adBot"))})));
}
}
/*GET APGM DL1*/
if(pU('dl')==1&&xAR.gC('ApGm_dl1')!=null){
qSel(".ps.pApGm").classList.add("dl1");var cAG=xAR.d(xAR.gC("ApGm_dl1"));
if(pU('id',cAG)==postId){
qSel(".brdCmb").innerHTML+="<a href='"+uPst+"'>"+pU("apN",cAG)+"</a><span>Download</span>";var pBd="",pBd1="";if(null!=xAR.gC("ApGm_dl0")&&pU("id",xAR.d(xAR.gC("ApGm_dl0")))==postId)var lnkPg=pU("url",cAG)+"?dl=0",txlPg="Back to previous page";else lnkPg=pU("url",cAG),txlPg="Back to the post";if(null!=pU("apM",cAG))var apM="MOD "+pU("apM",cAG);else apM="";if(null!=pU("apS",cAG))var apS=" ("+pU("apS",cAG)+")";else apS="";
null!=pU("aImg",cAG)&&(pBd='<img class="dl_img lazy" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="'+pU("aImg",cAG)+'" alt="'+pU("apN",cAG)+'">');
pBd+='<div class="dl_cnt">',pBd+="<h1>Download "+pU("apN",cAG)+"</h1>";
if(null!=pU("apF",cAG)){pBd+="<span>"+pU("apF",cAG)+"</span>";var apFN=pU("apF",cAG)}else{pBd+="<span>"+pU("apN",cAG)+" "+pU("apV",cAG)+" "+apM+"</span>";apFN=pU("apN",cAG)+" "+pU("apV",cAG)+" "+apM}
pBd+='<div class="progDL"><span>Your link is almost ready, please wait a few seconds...</span><div class="progDL-s"> </div></div>',pBd+='<a class="btnDL" style="display:none" href="'+xAR.d(pU("lnk",cAG))+'" data-text="Download'+apS+'"></a>',pBd+="</div>";
qSel(".pEnt").insertAdjacentHTML("afterbegin",pBd),qSel(".progDL").insertAdjacentElement("beforebegin",getid("adTop"));
pBd1+=`<div class="noteDL"><p>📌 If the download link is not ready after a few seconds, please disable Adblock and <a href="${xAR.d(pU('lnk',cAG))}">click here</a>.</p><p>📌 Please read <a href="#how-to-install">the instructions</a> below carefully.</p><p>📌 For information about updates, please join <a href="#!">${blogTtl} Games</a> & <a href="#!">${blogTtl} Apps</a> on Telegram.</p><p>📌 Don't forget to subscribe to <a href="#!">${blogTtl}</a> on Youtube to watch the latest videos.</p></div>`;
pBd1+=`<h2 id="how-to-install" class="title n">How to install?</h2><div class="sAG">
<details><summary>How to install ${apFN}?</summary><div><p>Note: Please <a href=#!>turned off Play Protect</a> to avoid being blocked by Google Play when installing.</p><ol><li>Download the file ${apFN} from ${blogTtl}.</li><li>On your Android phone, open the downloaded file ${apFN}.</li><li>Tap Install.</li></ol></div></details>
<details><summary>How to fix problems while installing/opening?</summary><div><p>Please see <a href="#!">this page</a> to know how to fix common errors when downloading and using apps from this website.</p></div></details>
<details><summary>How to update APK without lose the data?</summary><div><p>If you uninstall the old version before installing the new one, you will lose all your data. To preserve your data, never uninstall old versions. Just install the new version overriding it.</p></div></details>
<details><summary>Never mind the Play Protect warning!</summary><div><p>As you know, MOD means editing APK files. As a result, the MOD APK files will not match the version available on the Google Play Store.</p><p>That's why Play Protect now warns you every time you want to install MOD APK.</p><p>So the best way is to <a href="#!">turn off Play Protect</a> completely and never mind it if you want to install and use the MOD APK.</p></div></details></div>`;pBd1+=sFAQsDL,pBd1+='<a class="bPrev button" href="'+lnkPg+'"><svg viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M14.91 6.71c-.39-.39-1.02-.39-1.41 0L8.91 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L11.03 12l3.88-3.88c.38-.39.38-1.03 0-1.41z"></path></svg> '+txlPg+"</a>";
qSel(".dl_cnt").insertAdjacentHTML("afterend",pBd1),document.addEventListener("DOMContentLoaded",(function(){qSel(".dl_cnt").insertAdjacentElement("afterend",getid("adBot"))})),setTimeout((function(){qSel(".progDL").style="display:none",qSel(".btnDL").style="display:block"}),7e3);
}
}
/*]]>*/</script>
</b:if>
<!--[ Post footer ]-->
<b:tag class='pFoot' cond='data:view.isPost' name='div'>
<b:class cond='data:post.labels any (label => label.name in ["_Apps", "_Games"])' name='pApGm'/>
<!--[ Share button pop-up/sticky ]-->
<b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShareMore'/>
<!--[ Matched content ad ]-->
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-relatedAd'/>
<!--[ Related post ]-->
<b:include cond='data:view.url != data:view.url params { amp: "1" } and data:view.isPost and !data:view.isPreview and !data:blog.isPrivateBlog' data='post' name='post-related'/>
<b:tag class='pCmnts' cond='data:post.allowComments and data:view.isSingleItem and !data:view.isPreview' id='comment' name='div'>
<!--[ Blogger Comments ]-->
<b:include cond='data:post.allowComments and data:view.isSingleItem and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>
</b:tag>
</b:tag>
<!--[ Show ad. ]-->
<!-- <b:include cond='data:post.includeAd' data='post' name='inlineAd'/> -->
</b:includable>
<b:includable id='postCommentsLink'/>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postHeader'/>
<b:includable id='postInfo'>
<b:tag class='pInf pSml' name='div'>
<b:class cond='data:view.isSingleItem' name='ps'/>
<b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='nSpr'/>
<b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp' name='nTm'/>
<b:class cond='!data:widgets.Blog.first.allBylineItems.author and !data:widgets.Blog.first.allBylineItems.timestamp and (!data:post.shareUrl and !data:widgets.Blog.first.allBylineItems.share) and (!data:post.allowComments and !data:widgets.Blog.first.allBylineItems.comments or data:post.numberOfComments == 0)' name='nul'/>
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:post.labels none (label => label.name in [ "Sponsored" ])'>
<!--[ Post timestamp ]-->
<b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestampPublish'/>
</b:if>
<!--[ Post jumplinks ]-->
<b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postJumpLinks'/>
<b:else/>
<!--[ Info in item page ]-->
<b:if cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label => label.name in [ "Sponsored" ])'>
<b:if cond='data:post.author.authorPhoto.image'>
<div class='pIm'><b:include name='post-authorImage'/></div>
</b:if>
</b:if>
<b:tag class='pNm' cond='data:widgets.Blog.first.allBylineItems.author or data:widgets.Blog.first.allBylineItems.timestamp' name='div'>
<b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp and data:post.labels any (label => label.name in [ "Sponsored" ])' name='l'/>
<b:class cond='!data:post.author.authorPhoto.image' name='n'/>
<b:include cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label => label.name in [ "Sponsored" ])' name='post-authorName'/>
<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp and data:post.labels none (label => label.name in ["_Apps", "_Games"])'>
<div class='pDr'>
<bdi class='pDt pIn'><b:include name='postTimestamps'/></bdi>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<!--[ Reading time ]-->
<div class='pRd pIn'><bdi id='rdTime'/></div>
</b:if>
</div>
</b:if>
</b:tag>
<div class='pCm'>
<b:class cond='data:post.allowComments and data:post.numberOfComments > 0' name='l'/>
<div class='pIc'>
<b:if cond='data:post.featuredImage.isYoutube'>
<label class='bmPs tIc h p' expr:bm-id='data:post.id' expr:bm-img='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 120, "1:1") : data:post.featuredImage.youtubeMaxResDefaultUrl' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url'/>
<b:else/>
<label class='bmPs tIc h p' expr:bm-id='data:post.id' expr:bm-img='data:post.featuredImage ? resizeImage(data:post.featuredImage, 120, "1:1") : ""' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url'/>
</b:if>
<b:include cond='data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments' name='postCommentsLabel'/>
<label class='fn tIc' for='forFont'><b:include name='font-icon'/></label>
</div>
</div>
</b:if>
</b:tag>
</b:includable>
<b:includable id='postInfoShare'>
<div class='pSh'>
<b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='nSpr'/>
<div class='pShc' expr:data-text='data:messages.share + ":"'>
<!-- Share to Facebook -->
<a aria-label='Facebook' class='c fb' data-text='Share' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='facebook-r-icon'/></a>
<!-- Share to Whatsapp -->
<a aria-label='Whatsapp' class='c wa' data-text='Share' expr:href='"https://api.whatsapp.com/send?text=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='whatsapp-r-icon'/></a>
<!-- Share to Twitter -->
<a aria-label='Twitter' class='c tw' data-text='Tweet' expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='twitter-r-icon'/></a>
<label expr:aria-label='data:messages.shareToOtherApps' for='forShare'><b:include name='plus-icon'/></label>
</div>
</div>
</b:includable>
<b:includable id='postInfoShareMore'>
<input class='shIn fixi hidden' id='forShare' type='checkbox'/>
<div class='shBr fixL'>
<div class='shBri fixLi'>
<div class='shBrs fixLs'>
<div class='shH fixH fixT' expr:data-text='data:messages.shareToOtherApps'>
<label aria-label='Close' class='c cl' for='forShare'/>
</div>
<div class='shC'>
<!--[ Share to other apps ]-->
<div class='shL'>
<div data-text='Facebook'>
<!-- Share to Facebook -->
<a aria-label='Facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url.canonical' rel='noopener' target='_blank'>
<b:include name='facebook-r-icon'/>
</a>
</div>
<div data-text='WhatsApp'>
<!-- Share to Whatsapp -->
<a aria-label='Whatsapp' expr:href='"https://api.whatsapp.com/send?text=" + data:blog.url.canonical' rel='noopener' target='_blank'>
<b:include name='whatsapp-r-icon'/>
</a>
</div>
<div data-text='Twitter'>
<!-- Share to Twitter -->
<a aria-label='Twitter' expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='noopener' target='_blank'>
<b:include name='twitter-r-icon'/>
</a>
</div>
<div data-text='Telegram'>
<!-- Share to Telegram -->
<!-- Blogpen.xyz -->
<a aria-label='Telegram' expr:href='"https://t.me/share/url?url=" + data:blog.url.canonical' rel='noopener' target='_blank'>
<b:include name='telegram-r-icon'/>
</a>
</div>
<div data-text='Pinterest'>
<!-- Pin to Pinterst -->
<a aria-label='Pinterest' data-pin-config='beside' expr:href='"https://pinterest.com/pin/create/button/?url=" + data:blog.url.canonical + "&media=" + resizeImage(data:blog.postImageUrl, 1600)' rel='noopener' target='_blank'>
<b:include name='pinterest-r-icon'/>
</a>
</div>
<div data-text='LinkedIn'>
<!-- Share Linkedin -->
<a aria-label='Linkedin' expr:href='"https://www.linkedin.com/sharing/share-offsite/?url=" + data:blog.url.canonical' rel='noopener' target='_blank'>
<b:include name='linkedIn-r-icon'/>
</a>
</div>
<div data-text='Line'>
<!-- Share to Line -->
<a aria-label='Line' expr:href='"https://timeline.line.me/social-plugin/share?url=" + data:blog.url.canonical' rel='noopener' target='_blank'>
<b:include name='line-r-icon'/>
</a>
</div>
<div data-text='Email'>
<!-- Send to email -->
<a aria-label='Email' expr:href='"mailto:?body=" + data:blog.url.canonical' target='_blank'>
<b:include name='mail-r-icon'/>
</a>
</div>
</div>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<!--[ Copy link ]-->
<div class='cpL' data-text='or copy link' expr:data-message='data:messages.copyToClipboard'>
<div class='cpLb'>
<b:include name='link-alt-icon'/>
<input expr:value='data:blog.url.canonical' id='getlink' onClick='this.select()' readonly='readonly'/>
<label for='getlink' onclick='copyFunction()'><data:messages.copy/></label>
</div>
<div class='cpLn' id='cpNotif'/>
<script>function copyFunction(){getid('getlink').select(),document.execCommand('copy'),getid('cpNotif').innerHTML='<span><data:messages.linkCopiedToClipboard/></span>' };</script>
</div>
</b:if>
</div>
</div>
</div>
<label class='fCls' for='forShare'/>
</div>
</b:includable>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postLabels'/>
<b:includable id='postLocation'/>
<b:includable id='postMeta' var='post'>
<b:include data='post' name='postMetadataJSON'/>
</b:includable>
<b:includable id='postMetadataJSON'><script type='application/ld+json'>{"@context": "http://schema.org", "@type": "BlogPosting", "mainEntityOfPage": {"@type": "WebPage", "@id": "<data:post.url.canonical.jsonEscaped/>"}, "headline": "<data:post.title.jsonEscaped/>", <b:if cond='data:view.isSingleItem'>"description": "<data:blog.metaDescription/>",<b:else/>"description": "<b:eval expr='snippet(data:post.snippets.long, {length: 250, links: false, linebreaks: false, ellipsis: true }).jsonEscaped'/>",</b:if> <b:if cond='data:view.isSingleItem'>"articleBody": "<b:eval expr='snippet(data:post.body, {links: false, linebreaks: false, ellipsis: true}).jsonEscaped'/>",</b:if> "datePublished": "<data:post.date.iso8601.jsonEscaped/>", "dateModified": "<data:post.lastUpdated.iso8601.jsonEscaped/>", <b:include data='post' name='postMetadataJSONImage'/><b:include data='post' name='postMetadataJSONPublisher'/> "author": { "@type": "Person", "name": "<data:post.author.name.jsonEscaped/>", "url": "<b:if cond='data:post.author.profileUrl'><data:post.author.profileUrl.jsonEscaped/><b:else/><data:blog.homepageUrl.jsonEscaped/></b:if>", "image": "<data:post.author.authorPhoto.image.jsonEscaped/>"}}</script>
</b:includable>
<b:includable id='postMetadataJSONImage'>"image": {"@type": "ImageObject", <b:if cond='data:post.labels any (label => label.name in ["_Apps", "_Games"])'>"url": "<b:eval expr='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 512, "1:1") : data:post.featuredImage'/>", "height": 512, "width": 512},<b:else/><b:if cond='data:post.featuredImage.isYoutube'>"url": "<b:eval expr='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 1200, "1200:630") : data:post.featuredImage.youtubeMaxResDefaultUrl'/>",<b:else/>"url": "<b:eval expr='data:post.featuredImage ? resizeImage(data:post.featuredImage, 1200, "1200:630") : "https://play-lh.googleusercontent.com/RN3NG6Q4RN2GsORWGbzRd4Bvkz9nMCA2awLJUbFCbJgzTtv3JQtluybrywPucnJ--6h2=w1200-h630-p-k-no-nu"'/>",</b:if>"height": <b:eval expr='data:post.featuredImage ? 630 : 348'/>, "width": 1200},</b:if></b:includable>
<b:includable id='postMetadataJSONPublisher'>"publisher": {"@type": "Organization", "name": "<data:blog.title.escaped/>", "logo": {"@type": "ImageObject", "url": "https://play-lh.googleusercontent.com/RN3NG6Q4RN2GsORWGbzRd4Bvkz9nMCA2awLJUbFCbJgzTtv3JQtluybrywPucnJ--6h2=w297-h45-p-k-no-nu", "width": 297, "height": 45}},</b:includable>
<b:includable id='postPagination'>
<!--[ Blog navigation ]-->
<div class='blogPg' id='blogPager'>
<b:tag class='nPst' cond='data:view.url == data:blog.homepageUrl and !data:olderPageUrl' expr:data-text='data:messages.noResultsFound' name='div'/>
<b:include cond='!data:posts.empty' name='postPagination.new'/>
<b:include cond='!data:posts.empty' name='postPagination.home'/>
<b:include cond='!data:posts.empty' name='postPagination.old'/>
</div>
</b:includable>
<b:includable id='postPagination.home'>
<b:tag class='hmLnk' expr:name='data:view.url != data:blog.homepageUrl ? "a" : "div"'>
<b:class cond='data:view.url == data:blog.homepageUrl' name='nPst'/>
<b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/>
<b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:messages.home' name='aria-label'/>
<b:attr cond='data:posts.empty' expr:value='data:messages.home' name='data-text'/>
<b:include cond='!data:posts.empty' name='home-alt-icon'/>
</b:tag>
</b:includable>
<b:includable id='postPagination.new'>
<b:tag class='nwLnk' expr:data-text='data:messages.newest' expr:name='data:newerPageUrl and data:view.url != data:blog.homepageUrl.canonical path "search" ? "a" : "div"'>
<b:class cond='!data:newerPageUrl' name='nPst'/>
<b:attr cond='data:newerPageUrl' expr:value='data:newerPageUrl.canonical' name='href'/>
<b:attr cond='data:newerPageUrl' expr:value='data:messages.newest' name='aria-label'/>
<b:if cond='data:blog.languageDirection != "rtl"'>
<b:include name='arrow-left-icon'/>
<b:else/>
<b:include name='arrow-right-icon'/>
</b:if>
<b:if cond='!data:newerPageUrl'><span><data:messages.newest/></span></b:if>
</b:tag>
</b:includable>
<b:includable id='postPagination.old'>
<b:tag class='olLnk' expr:data-text='data:messages.oldest' expr:name='data:olderPageUrl ? "a" : "div"'>
<b:class cond='!data:olderPageUrl' name='nPst'/>
<b:attr cond='data:olderPageUrl' expr:value='data:olderPageUrl.canonical' name='href'/>
<b:attr cond='data:olderPageUrl' expr:value='data:messages.oldest' name='aria-label'/>
<b:if cond='!data:olderPageUrl'><span><data:messages.oldest/></span></b:if>
<b:if cond='data:blog.languageDirection != "rtl"'>
<b:include name='arrow-right-icon'/>
<b:else/>
<b:include name='arrow-left-icon'/>
<!-- Blogpen.xyz -->
</b:if>
</b:tag>
</b:includable>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'/>
<b:includable id='postTitle' var='post'/>
<b:includable id='previousPageLink'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='threadedCommentForm' var='post'/>
<b:includable id='threadedCommentJs' var='post'/>
<b:includable id='threadedComments' var='post'/>
<b:includable id='threadedComments-form' var='post'>
<div id='commentForm'>
<!--[ Comment message ]-->
<b:if cond='data:this.messages.blogComment != ""'>
<div class='cmMs note'>
<data:this.messages.blogComment/>
</div>
</b:if>
<!-- https://Blogpen.xyz -->
<!--[ Comment iframe (remove comment tag below to improve height of comment form) ]-->
<!--<a aria-label='Comment Form' expr:href='data:post.commentFormIframeSrc + "&skin=contempo" + data:variantParam' id='comment-editor-src'/>-->
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<!-- <iframe class='blogger-iframe-colorize blogger-comment-from-post lazy' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' height='296' id='comment-editor' name='comment-editor' title='Blogger comment' width='100'/> -->
<button class='button' expr:data-komen='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' expr:data-text='data:messages.joinTheConversation + " (" + data:post.numberOfComments + ")"' id='iCmn'/>
<b:else/>
<amp-iframe class='blogger-iframe-colorize blogger-comment-from-post' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' expr:src='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' height='296' id='comment-editor' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-forms allow-top-navigation'/>
</b:if>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<!--<script src='https://www.blogger.com/static/v1/jsbin/1875144490-comment_from_post_iframe.js'/>
<script>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');</script>-->
</b:if>
</div>
</b:includable>
<b:includable id='threadedComments-modifV3' var='post'>
<b:tag class='cmSh fixi hidden' id='forComments' name='input' type='checkbox'/>
<b:tag class='cmAl hidden' cond='data:post.numberOfComments > 0' id='forAllCm' name='input' type='checkbox'/>
<!--[ Delete tag below to disable show/hide comment ]-->
<!-- <b:include cond='data:post.allowComments' name='post-commentButton'/> -->
<section class='cm' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<!-- https://Blogpen.xyz -->
<!--[ Delete tag below to disable Pop-up comments ]-->
<b:class name='cmBr fixL'/>
<b:tag class='cmBri' name='div'>
<b:class cond='data:post.numberOfComments == 0' name='mty'/>
<b:tag class='cmBrs fixLs' name='div'>
<!--[ Comments title ]-->
<div class='cmH fixH'>
<b:include name='commentsTitle'/>
<div class='cmI cl'>
<!-- Sort comments -->
<b:if cond='data:post.numberOfComments > 0'>
<label class='s' expr:aria-label='data:messages.manageComments' expr:data-new='data:messages.newest' expr:data-text='data:messages.oldest' for='forAllCm'/>
</b:if>
<label aria-label='Close' class='c' for='forComments'/>
</div>
</div>
<div class='cmC'>
<b:if cond='data:post.numberOfComments > 0'>
<div class='cmCn'>
<ol class='cmHl' id='cmHolder'>
<b:loop values='data:post.comments where (c => not c.inReplyTo or c.inReplyTo == 0)' var='commentLevel1'>
<li class='c' expr:id='"c" + data:commentLevel1.id'>
<b:class cond='data:cb.level.author == data:post.author.name' name='adm'/>
<b:include data='{level: data:commentLevel1,d: true}' name='commentblock'/>
<span expr:class='"cmDl " + data:commentLevel1.adminClass'>
<a aria-label='Delete' expr:href='data:commentLevel1.deleteUrl' rel='nofollow noopener noreferrer' target='_blank'>
<b:include name='delete-icon'/>
</a>
</span>
<b:with value='data:post.comments where (c => c.inReplyTo == data:commentLevel1.id)' var='commentL2'>
<b:if cond='data:commentL2.size != "0"'>
<input checked='checked' class='cmRi hidden' expr:id='"to-" + data:commentLevel1.id' type='checkbox'/>
<div class='cmRp'>
<div class='cmTh' expr:id='"c" + data:commentLevel1.id + "-rt"'>
<label class='thTg' data-text='Hide replies' expr:aria-label='"View " +data:commentL2.length+ " replies"' expr:for='"to-" + data:commentLevel1.id'/>
<ol class='thCh'>
<b:loop values='data:commentL2' var='commentLevel2'>
<li class='c' expr:id='"c" + data:commentLevel2.id'>
<b:class cond='data:cb.level.author == data:post.author.name' name='adm'/>
<b:include data='{level: data:commentLevel2,d: true}' name='commentblock'/>
<span expr:class='"cmDl rp " + data:commentLevel2.adminClass'>
<a aria-label='Delete' expr:href='data:commentLevel2.deleteUrl' rel='nofollow noopener noreferrer' target='_blank'>
<b:include name='delete-icon'/>
</a>
</span>
</div>
</li>
</b:loop>
</ol>
</div>
<b:if cond='data:post.allowNewComments and data:view.url != data:view.url params { amp: "1" }'>
<div class='cmAc cmR'>
<a aria-label='Reply' class='rpTo' data-text='Reply' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'/>
</div>
</b:if>
</div>
</b:if>
</b:with>
<b:if cond='data:post.allowNewComments and data:view.url != data:view.url params { amp: "1" }'>
<div class='cmAc'>
<a aria-label='Reply' class='rpTo' data-text='Reply' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'/>
</div>
</b:if>
</div>
</li>
</b:loop>
</ol>
<!--[ Timeago script ]-->
<b:if cond='data:blog.languageDirection != "rtl" and data:view.url != data:view.url params { amp: "1" }'>
<script>/*<![CDATA[*/ "undefined"!=typeof xAi&&function e(t){var r={prefix:"",suffix:"",seconds:"second ago",minute:"1 min",minutes:"%d min",hour:"1 hour",hours:"%d hour",day:"1 day",days:"%d days",month:"1 month",months:"%d month",year:"1 year",years:"%d years"},a=function(e,t){return r[e]&&r[e].replace(/%d/i,Math.abs(Math.round(t)))},n=function(e){if(e){e=(e=(e=(e=e.replace(/\.\d+/,"")).replace(/-/,"/").replace(/-/,"/")).replace(/T/," ").replace(/Z/," UTC")).replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"),e=new Date(1e3*e||e);var t=.001*((new Date).getTime()-e)>>0,n=t/60,d=n/60,i=d/24,o=i/365;return r.prefix+(t<45&&a("seconds",t)||t<90&&a("minute",1)||n<45&&a("minutes",n)||n<90&&a("hour",1)||d<24&&a("hours",d)||d<42&&a("day",1)||i<30&&a("days",i)||i<45&&a("month",1)||i<365&&a("months",i/30)||o<1.5&&a("year",1)||a("years",o))+r.suffix}},d=getclass("dtTm");for(var i in d){var o=d[i];"object"==typeof o&&(o.innerHTML=n(o.getAttribute("title")||o.getAttribute("data-datetime")))}setTimeout(e,6e4)}(); /*]]>*/</script>
</b:if>
</div>
<b:if cond='data:post.allowNewComments'>
<div class='cmAd hidden' id='addCm'>
<div aria-label='Berkomentar' class='cmBtn button' role='button'>
<!--[ Delete tag bellow to change button style ]-->
<b:class name='ln'/>
<b:message name='messages.postAComment'/>
</div>
</div>
</b:if>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<script>var comment = true;</script>
</b:if>
<b:else/>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<script>var comment = false;</script>
</b:if>
</b:if>
<!-- https://Blogpen.xyz -->
<div class='cmFrm'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threadedComments-form'/>
<b:else/>
<!--[ If comment was disable ]-->
<div class='cmDis'><data:post.noNewCommentsText/></div>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<!--[ Comment message ]-->
<b:if cond='data:this.messages.blogComment != ""'>
<div class='cmMs note'>
<data:this.messages.blogComment/>
</div>
</b:if>
<a class='cmBtn button' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick' rel='noreferrer' role='button' target='_blank'>
<!--[ Delete tag bellow to change button style ]-->
<b:class name='ln'/>
<b:message name='messages.postAComment'/>
</a>
</b:if>
</b:if>
</div>
</div>
</b:tag>
</b:tag>
<label class='fCls' for='forComments'/>
</section>
<b:if cond='data:post.allowNewComments and data:view.url != data:view.url params { amp: "1" }'>
<script>/*<![CDATA[*/eval(function(a,p,m,o,d,y){d=function(m){return(m<p?'':d(parseInt(m/p)))+((m=m%p)>35?String.fromCharCode(m+29):m.toString(36))};if(!''.replace(/^/,String)){while(m--)y[d(m)]=o[m]||d(m);o=[function(d){return y[d]}];d=function(){return'\\w+'};m=1};while(m--)if(o[m])a=a.replace(new RegExp('\\b'+d(m)+'\\b','g'),o[m]);return a}('2 8(){1 a=[\'w-T-U\',\'V\',\'W\',\'X\',\'w-Y\',\'Z\',\'10\',\'11\',\'G\',\'o-12\',\'13\',\'14\',\'15\',\'16\',\'17\',\'H\',\'18\',\'&19=\',\'1a\',\'1b\',\'1c\',\'1d-G-1e\\1f-o-1g-1h\\1i\',\'1j\',\'1k%\',\'1l\',\'1m\',\'1n\',\'1o\',\'1p\',\'1q\',\'1r\',\'1s\',\'1t\',\'1u\',\'1v\',\'1w\',\'1x\',\'1y\',\'1z\',\'w-H\',\'1A\',\'1B\',\'1C\',\'1D\',\'1E\',\'1F\',\'1G\',\'o-1H-1I\',\'1J\'];8=2(){p a};p 8()}1 0=9;2 9(d,e){1 f=8();p 9=2(a,b){a=a-I;1 c=f[a];p c},9(d,e)}(2(a,b){1 c=9,n=a();1K(!![]){1L{1 d=-3(c(1M))/J*(-3(c(1N))/1O)+-3(c(1P))/1Q+-3(c(1R))/1S*(-3(c(1T))/1U)+3(c(1V))/1W+3(c(1X))/1Y+-3(c(1Z))/20*(-3(c(21))/22)+-3(c(23))/24;q(d===b)25;26 n[\'K\'](n[\'L\']())}27(28){n[\'K\'](n[\'L\']())}}}(8,29));q(0(2a)!=2b 2c){1 r=4(0(2d)),x=y(0(2e))[6],M=r[0(z)](0(2f)),5=N[0(2g)](0(2h));5[0(2i)]=0(2j),5[0(2k)]=0(2l),5[0(7)](0(O),M),5[0(7)](\'2m\',0(s)),5[0(7)](0(2n),0(2o)),5[0(7)](0(2p),0(s)),5[0(7)](0(2q),\'\'),r[0(A)](0(t),2(){1 a=0;r[a(I)](a(2r),5),2s[a(2t)](),2u 6!==x&&x[a(t)]()});1 P=2v 2w(2(g,h){1 j=0;q(4(j(s))){1 k=4(j(s)),u=k[j(z)](j(O));q(k[j(7)](j(B),u),J==o){1 l=y(j(2x)),C=4(j(D)),Q=l[j(2y)],R=2(b,c,d,e){1 f=j;b[f(A)](f(t),2(){1 a=f,E=b[a(z)](a(2z));4(\'c\'+E)[a(S)](c),4(a(D))[a(v)]=a(2A),4(a(F))[a(v)]=a(2B),d[a(B)]=e+a(2C)+E})};2D(i=6;i<Q;i++)R(l[i],C,k,u);1 m=y(j(2E))[6];4(j(F))[j(A)](j(t),2(){1 a=j;m[a(S)](C),4(a(D))[a(v)]=a(2F),4(a(F))[a(v)]=a(2G),k[a(B)]=u})}h[j(2H)]()}});P[0(2I)](N,{\'2J\':!6,\'2K\':!6})}',62,171,'_0xd8f4b|var|function|parseInt|getid|ifkomen|0x0|0x185|_0x281a|_0xb101||||||||||||||_0x1211af|comment|return|if|tKomen|0x165|0x17b|_0x1581cb|0x178|data|bsimk|getclass|0x168|0x186|0x16b|_0xe22230|0x16a|_0x1d06aa|0x17e|iframe|src|0x15f|0x1|push|shift|urlKomen|document|0x183|observerK|_0x43887b|_0x4c36ec|0x166|reply|to|length|cmFrm|insertAdjacentElement|komen|cmRbox|observe|createElement|editor|appendChild|lazied|getAttribute|274iCMbyE|commentForm|iCmn|parentID|6168722tWTdQe|disconnect|hidden|blogger|colorize|x20blogger|from|post|x20lazy|class|100|2454672AiTSKt|756264CBHgFQ|4805748fEDIvN|3395bBOUGr|className|20504900rmDvXt|10oEoixg|click|beforebegin|1921396wZRZyA|addCm|16rCQfnU|height|296|imgCmn|name|setAttribute|addEventListener|remove|commentsReply|undefined|width|replybox|thread|rpTo|while|try|0x177|0x169|0x2|0x174|0x3|0x17d|0x4|0x17a|0x5|0x175|0x6|0x16e|0x7|0x17f|0x8|0x176|0x9|0x179|0xa|break|else|catch|_0x5af647|0x9a60d|0x189|typeof|xAi|0x16c|0x182|0x160|0x163|0x164|0x18a|0x173|0x180|0x181|id|0x172|0x171|0x184|0x167|0x17c|this|0x187|void|new|MutationObserver|0x18c|0x18e|0x18d|0x161|0x188|0x16d|for|0x18f|0x18b|0x170|0x16f|0x162|childList|subtree'.split('|'),0,{}));/*]]>*/</script>
</b:if>
<b:if cond='data:view.url != data:view.url params { amp: "1" }'>
<script>/*<![CDATA[*/ /* Comment tag */ if("undefined"!=typeof xAi){function repText(e){var A=getid(e);if(A){var a=A.innerHTML;a=a.replace(/<i rel="image">(.*?)<\/i>/gi,"<img class='lazy' data-src='$1' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' alt='Image Comment' />"),A.innerHTML=a}}repText("cmHolder")} /*]]>*/</script>
</b:if>
</b:includable>
</b:widget>
<b:widget cond='data:view.isPost and !data:view.isPreview and data:view.url != data:view.url params { amp: "1" }' id='HTML01' locked='true' title='Middle post ad 01' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:content != ""'>
<data:content/>
<b:else/>
<!--[ Blank ad ]-->
<div class='adB' expr:data-text='data:title + " : " + data:messages.adsGoHere'/>
</b:if>
<!--[ Script to move widget to the middle of article ]-->
<script>/*<![CDATA[*/ if("undefined"!=typeof xAi){function insertAfter(e,t){var d=t.parentNode;d.lastChild==t?d.appendChild(e):d.insertBefore(e,t.nextSibling)}var tgt=getid("postBody"),midAd01=getid("HTML01"),showAd01=tgt.getElementsByTagName("p");showAd01.length>2&&insertAfter(midAd01,showAd01[2])} /*]]>*/</script>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:view.isPost and !data:view.isPreview and data:view.url != data:view.url params { amp: "1" }' id='HTML02' locked='true' title='Middle post ad 02' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:content != ""'>
<data:content/>
<b:else/>
<!--[ Blank ad ]-->
<div class='adB' expr:data-text='data:title + " : " + data:messages.adsGoHere'/>
</b:if>
<!--[ Script to move widget to the middle of article ]-->
<script>/*<![CDATA[*/ if("undefined"!=typeof xAi){function insertAfter(e,t){var d=t.parentNode;d.lastChild==t?d.appendChild(e):d.insertBefore(e,t.nextSibling)}var tgt=getid("postBody"),midAd02=getid("HTML02"),showAd02=tgt.getElementsByTagName("p");showAd02.length>6&&insertAfter(midAd02,showAd02[6])} /*]]>*/</script>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section cond='!data:view.isPreview and !data:view.isSingleItem' id='add-widget' showaddelement='true'>
<b:widget cond='!data:view.isPreview' id='HTML94' locked='true' title='Bottom post - Ad placement' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:content != ""'>
<data:content/>
<b:else/>
<!--[ Blank ad ]-->
<div class='adB' expr:data-text='data:title + " : " + data:messages.adsGoHere'/>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</main>
<b:if cond='data:view.isHomepage or data:view.isPost'>
<!--[ Sidebar content ]-->
<b:tag class='blogItm sidebar' name='aside'>
<b:tag class='sideIn' name='div'>
<b:section id='side-widget' showaddelement='true'>
<b:widget cond='data:view.isHomepage' id='Profile1' locked='false' title='Contributors' type='Profile' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showaboutme'>true</b:widget-setting>
<b:widget-setting name='showlocation'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<!-- https://Blogpen.xyz -->
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage'>
<div class='im' expr:data-style='"background-image: url(" + resizeImage(data:authorPhoto.image,60) + ")"'>
<b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/>
<b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + resizeImage(data:authorPhoto.image,60) + ")"' name='style'/>
</div>
<noscript><div class='im' expr:style='"background-image: url(" + resizeImage(data:authorPhoto.image,60) + ")"'/></noscript>
</b:includable>
<b:includable id='content'>
<b:tag class='wPrf' name='div'>
<b:class expr:name='data:team ? "tm" : "sl"'/>
<b:class cond='data:showlocation and data:location != ""' name='nLoc'/>
<b:if cond='data:team'>
<b:include name='teamProfile'/>
<b:else/>
<b:include name='userProfile'/>
</b:if>
</b:tag>
</b:includable>
<b:includable id='defaultProfileImage'>
<div class='im'><b:include name='profile-icon'/></div>
</b:includable>
<b:includable id='profileHeader'>
<div class='prfH fixH fixT' expr:data-text='data:title'>
<label aria-label='Close' class='c cl' for='allTeam'/>
</div>
</b:includable>
<b:includable id='profileImage'>
<b:if cond='data:authorPhoto.image'>
<b:include name='authorProfileImage'/>
<b:else/>
<b:include name='defaultProfileImage'/>
</b:if>
</b:includable>
<b:includable id='teamProfile'>
<!--[ All admin name ]-->
<b:loop index='team' values='data:authors' var='author'>
<!-- Show contributor less than 5 -->
<b:if cond='data:team <= 4'>
<b:include data='author' name='teamProfileImg'/>
</b:if>
<!-- Show 5th order contributors -->
<b:if cond='data:team == 5'>
<div class='mIm'>
<label aria-label='All Member' class='am' expr:data-text='"+" + (data:authors.length - 5)' for='allTeam'/>
</div>
<!-- Show all member/contributor in this blog -->
<input class='tmIn fixi hidden' id='allTeam' type='checkbox'/>
<div class='tmB fixL'>
<div class='tmBr fixLi'>
<div class='tmBs fixLs'>
<b:include name='profileHeader'/>
<div class='tmC'>
<b:loop values='data:authors' var='author'>
<div class='t'>
<b:include data='author' name='teamProfileName'/>
</div>
</b:loop>
</div>
</div>
</div>
<label class='fCls' for='allTeam'/>
</div>
</b:if>
</b:loop>
</b:includable>
<b:includable id='teamProfileImg'>
<div class='sIm' expr:data-text='data:display-name'><b:include name='profileImage'/></div>
</b:includable>
<b:includable id='teamProfileLink'>
<a class='prfL' expr:aria-label='data:display-name' expr:data-text='data:display-name' expr:href='data:userUrl' rel='noreferrer' target='_blank'>
<b:include name='profileImage'/>
</a>
</b:includable>
<b:includable id='teamProfileName'>
<div class='prfL' expr:aria-label='data:display-name' expr:data-text='data:display-name'>
<b:include name='profileImage'/>
</div>
</b:includable>
<b:includable id='userGoogleProfile'/>
<b:includable id='userLocation'>
<dd class='lc' expr:data-text='data:location'><b:include name='location-icon'/></dd>
</b:includable>
<b:includable id='userProfile'>
<b:include name='userProfileImage'/>
<b:include name='userProfileInfo'/>
</b:includable>
<b:includable id='userProfileData'>
<dt class='sDt'>
<!--[ Profile name without link ]-->
<!--<b:include name='userProfileNameOnly'/>-->
<!--[ Profile name with link ]-->
<b:include name='userProfileLink'/>
</dt>
</b:includable>
<b:includable id='userProfileImage'>
<div class='sIm'>
<b:include name='profileImage'/>
</div>
</b:includable>
<b:includable id='userProfileInfo'>
<dl class='sInf'>
<b:include name='userProfileData'/>
<b:include cond='data:aboutme != ""' name='userProfileText'/>
<b:include cond='data:showlocation and data:location != ""' name='userLocation'/>
</dl>
</b:includable>
<b:includable id='userProfileLink'>
<a class='l extL' expr:href='data:userUrl' expr:title='data:messages.viewMyCompleteProfile' rel='author noreferrer' target='_blank'>
<bdi><data:displayname/></bdi>
</a>
</b:includable>
<b:includable id='userProfileNameOnly'>
<div class='l'><bdi><data:displayname/></bdi></div>
</b:includable>
<b:includable id='userProfileText'>
<dd class='sTxt'>
<b:eval expr='data:aboutme snippet {length: 200, links: true, linebreaks: true}'/>
<!--<data:aboutme/>-->
</dd>
</b:includable>
<b:includable id='viewProfileLink'/>
</b:widget>
<b:widget id='PopularPosts00' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>5</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<b:include name='snippetedPosts'/>
</b:includable>
<b:includable id='blogThisShare'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineRegion' var='regionIts'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='linkShare'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='postAuthor'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postInfo'>
<div class='iInf pSml'>
<b:if cond='data:post.labels any (label => label.name in [ "Sponsored" ])'>
<b:include name='postLabelSponsored'/>
<b:else/>
<!-- Blogpen.xyz -->
<!--[ Post timestamp ]-->
<b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestamp'/>
<b:include cond='data:post.labels' name='postLabel'/>
</b:if>
</div>
</b:includable>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postLabels'/>
<b:includable id='postLocation'/>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'>
<b:if cond='data:post.lastUpdated != data:post.date and data:post.labels any (label => label.name in ["_Apps", "_Games"])'>
<time class='aTtmp iTtmp upd' expr:data-text='format(data:post.lastUpdated, "MMM d")' expr:datetime='data:post.lastUpdated.iso8601' expr:title='"Last updated: " + data:post.lastUpdated format "MMMM d, y"'/>
<b:else/>
<time class='aTtmp iTtmp pbl' expr:data-text='format(data:post.date, "MMM d")' expr:datetime='data:post.date.iso8601' expr:title='"Published: " + data:post.date format "MMMM d, y"'/>
</b:if>
</b:includable>
<b:includable id='sharingButton'/>
<!-- https://Blogpen.xyz -->
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='snippetedPostByline'/>
<b:includable id='snippetedPostContent'>
<!--[ Post thumbnail ]-->
<b:include cond='data:i == 0 and (data:this.postDisplay.showFeaturedImage and data:post.featuredImage)' name='snippetedPostThumbnail'/>
<b:include name='postInfo'/>
<div class='iCtnt'>
<div class='iInr'>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showSnippet and data:i == 0 or data:post.labels any (label => label.name in [ "_Apps", "_Games" ])' name='snippetedPostEntry'/>
</div>
</div>
</b:includable>
<b:includable id='snippetedPostEntry'>
<div class='pSnpt'>
<b:class cond='data:post.labels any (label => label.name in [ "_Apps", "_Games" ])' name='nApGm'/>
<b:include name='postEntrySnippet'/>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='iThmb pThmb'>
<b:class cond='data:post.featuredImage.isYoutube' name='iyt'/>
<b:class cond='!data:this.postDisplay.showFeaturedImage or !data:post.featuredImage' name='nul'/>
<b:tag class='thmb' expr:name='data:this.postDisplay.showFeaturedImage and data:post.featuredImage ? "a" : "div"'>
<b:attr cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' expr:value='data:post.url' name='href'/>
<b:if cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage'>
<b:include name='postEntryThumbnail'/>
<b:else/>
<span class='imgThm' data-text='No image'/>
</b:if>
</b:tag>
<!--[ Comments count ]-->
<b:tag class='iFxd' name='div'>
<b:attr expr:value='data:post.id' name='data-id'/>
<b:if cond='data:post.labels any (label => label.name in [ "Sponsored" ])'>
<b:include name='postSponsored'/>
</b:if>
<b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
<b:include name='postCommentsLinks'/>
</b:if>
<b:if cond='data:post.featuredImage.isYoutube'>
<span class='bmPs h' expr:bm-id='data:post.id' expr:bm-img='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 120, "1:1") : data:post.featuredImage.youtubeMaxResDefaultUrl' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url'/>
<b:else/>
<span class='bmPs h' expr:bm-id='data:post.id' expr:bm-img='data:post.featuredImage ? resizeImage(data:post.featuredImage, 120, "1:1") : ""' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url'/>
</b:if>
</b:tag>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<h3 class='iTtl aTtl'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3>
</b:includable>
<b:includable id='snippetedPosts'>
<div class='itemPp' role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:with value='data:widgets.FeaturedPost filter (w => w.sectionId == "top-widget") map (w => w.postId)' var='featuredPostIds'>
<b:with value='data:view.isHomepage ? data:posts filter (post => post.id not in data:featuredPostIds) : data:posts' var='posts'>
<b:loop index='i' values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='itm'>
<b:class cond='data:i == 0 and data:this.postDisplay.showFeaturedImage and !data:post.featuredImage' name='nThmb'/>
<b:class cond='data:i == 0 and data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='mostP'/>
<b:class cond='data:post.labels any (label => label.name in ["_Apps", "_Games"])' name='pApGm'/>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</b:with>
</b:with>
</div>
</b:includable>
</b:widget>
<b:widget id='Label00' locked='false' title='Labels' type='Label' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<b:loop index='tags' values='data:labels' var='label'>
<!--[ Only show 6 label ]-->
<b:if cond='data:tags <= 5'>
<div class='lbSz'>
<b:class expr:name='"s-" + data:label.cssSize'/>
<b:tag class='lbN' expr:name='data:blog.searchLabel != data:label.name ? "a" : "div"'>
<b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.url + "?&max-results=6"' name='href'/>
<b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.name == "_Apps" ? "Apps" : data:label.name == "_Games" ? "Games" : data:label.name' name='aria-label'/>
<span class='lbT'><b:if cond='data:label.name == "_Apps"'>Apps<b:elseif cond='data:label.name == "_Games"'/>Games<b:else/><data:label.name/></b:if></span>
<b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/>
</b:tag>
</div>
</b:if>
<!--[ Hide another label from 7th list ]-->
<b:if cond='data:tags == 6'>
<div class='lbSh'>
<input class='lbIn hidden' id='lbAl-1' type='checkbox'/>
<div class='lbAl'>
<b:loop index='alltags' values='data:labels' var='label'>
<!--[ Show label from 7th list ]-->
<b:if cond='data:alltags >= 6'>
<div class='lbSz'>
<b:class expr:name='"s-" + data:label.cssSize'/>
<b:tag class='lbN' expr:name='data:blog.searchLabel != data:label.name ? "a" : "div"'>
<b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.url + "?&max-results=6"' name='href'/>
<b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.name == "_Apps" ? "Apps" : data:label.name == "_Games" ? "Games" : data:label.name' name='aria-label'/>
<span class='lbT'><b:if cond='data:label.name == "_Apps"'>Apps<b:elseif cond='data:label.name == "_Games"'/>Games<b:else/><data:label.name/></b:if></span>
<b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/>
</b:tag>
</div>
</b:if>
</b:loop>
</div>
<label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='"(+" + (data:labels.length - 6) + ")"' for='lbAl-1'/>
</div>
</b:if>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='wL pSml'>
<!--[ delete the comment tag below if you want to change style Label List ]-->
<b:class name='bg'/>
<b:class expr:name='data:this.display == "list" ? "ls" : "cl"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop index='tags' values='data:labels' var='label'>
<!--[ Only show 6 label ]-->
<b:if cond='data:tags <= 5'><li><b:tag class='lbN' expr:name='data:blog.searchLabel != data:label.name ? "a" : "div"'><b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.url + "?&max-results=6"' name='href'/><b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.name == "_Apps" ? "Apps" : data:label.name == "_Games" ? "Games" : data:label.name' name='aria-label'/><span class='lbT'><b:if cond='data:label.name == "_Apps"'>Apps<b:elseif cond='data:label.name == "_Games"'/>Games<b:else/><data:label.name/></b:if></span><span class='lbR'><b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/></span></b:tag></li></b:if>
</b:loop>
</ul>
<b:loop index='tags' values='data:labels' var='label'>
<!--[ Hide another label from 7th list ]-->
<b:if cond='data:tags == 6'>
<div class='lbSh'><input class='lbIn hidden' id='lbAl-2' type='checkbox'/>
<ul class='lbAl'>
<b:loop index='alltags' values='data:labels' var='label'>
<!--[ Show label from 7th list ]-->
<b:if cond='data:alltags >= 6'><li><b:tag class='lbN' expr:name='data:blog.searchLabel != data:label.name ? "a" : "div"'><b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.url + "?&max-results=6"' name='href'/><b:attr cond='data:blog.searchLabel != data:label.name' expr:value='data:label.name == "_Apps" ? "Apps" : data:label.name == "_Games" ? "Games" : data:label.name' name='aria-label'/><span class='lbT'><b:if cond='data:label.name == "_Apps"'>Apps<b:elseif cond='data:label.name == "_Games"'/>Games<b:else/><data:label.name/></b:if></span><span class='lbR'><b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/></span></b:tag></li></b:if>
</b:loop>
</ul>
<label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='"(+" + (data:labels.length - 6) + ")"' for='lbAl-2' role='button'/>
</div>
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
<!--[ Sidebar sticky ]-->
<b:section class='sideSticky' cond='!data:view.isPreview' id='side-sticky' showaddelement='true'>
<b:widget cond='!data:view.isPreview and !data:blog.isMobileRequest' id='HTML95' locked='true' title='Sticky ad' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:content != ""'>
<data:content/>
<b:else/>
<!--[ Blank ad ]-->
<div class='adB' expr:data-text='data:title + " : " + data:messages.adsGoHere'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
</b:tag>
</b:tag>
</b:if>
</b:tag>
</div>
</div>
</div>
<!--[ Footer section ]-->
<footer>
<div class='secIn'>
<div class='fotIn'>
<b:section id='footer-widget-1' maxwidgets='2' showaddelement='true'>
<b:widget id='HTML77' locked='false' title='Made with coffee by' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><div class='abtT'>
<h2 class='tl'>APMODY</h2>
<!--[ Delete comment tag on section bellow and change data-src='#' attribute with your logo url ]-->
<!-- <img class='lazy' alt='Jago Desain' data-src='#' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/> -->
</div>
<p class='abtD'>Mauris lacus dolor, ultricies vel sodales ac, egestas vel eros.</p></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content abtU' expr:data-text='data:title'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Social Media Link' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'>Instagram</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='text-0'>Facebook</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='text-3'>Youtube</b:widget-setting>
<b:widget-setting name='link-0'>#</b:widget-setting>
<b:widget-setting name='text-2'>Twitter</b:widget-setting>
<b:widget-setting name='text-4'>LinkedIn</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='content'/></b:includable>
<b:includable id='content'><ul class='sL'><b:loop values='data:links' var='link'><li><b:tag class='l' expr:data-text='data:link.name' expr:name='data:link.target != "#" ? "a" : "span"'><b:attr cond='data:link.target != "#"' expr:value='data:link.target' name='href'/><b:attr cond='data:link.target != "#"' expr:value='data:link.name' name='aria-label'/><b:attr cond='data:link.target != "#"' name='target' value='_blank'/><b:attr cond='data:link.target != "#"' name='rel' value='noopener'/></b:tag></li></b:loop></ul></b:includable>
</b:widget>
</b:section>
<b:section id='footer-widget-2' maxwidgets='2' showaddelement='true'>
<b:widget id='LinkList2' locked='false' title='Company' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>Blog</b:widget-setting>
<b:widget-setting name='link-1'>#!</b:widget-setting>
<b:widget-setting name='text-0'>About</b:widget-setting>
<b:widget-setting name='link-0'>#!</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='widget-title'/><b:include name='content'/>
</b:includable>
<b:includable id='content'><div class='widget-content'><ul><b:loop values='data:links' var='link'><li> <a expr:href='data:link.target'><span><data:link.name/></span></a></li></b:loop></ul></div></b:includable>
</b:widget>
</b:section>
<b:section id='footer-widget-3' maxwidgets='2' showaddelement='true'>
<b:widget id='LinkList3' locked='false' title='Product &amp; Service' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>Other Product</b:widget-setting>
<b:widget-setting name='link-1'>#!</b:widget-setting>
<b:widget-setting name='text-0'>Blogger Theme</b:widget-setting>
<b:widget-setting name='link-0'>#!</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='widget-title'/><b:include name='content'/></b:includable>
<b:includable id='content'><div class='widget-content'><ul><b:loop values='data:links' var='link'><li> <a expr:href='data:link.target'><span><data:link.name/></span></a></li></b:loop></ul></div></b:includable>
</b:widget>
</b:section>
</div>
<!-- Blogpen.xyz -->
<!--[ Credit ]-->
<!-- https://Blogpen.xyz -->
<b:section class='cdtIn' id='credit-widget' maxwidgets='2' showaddelement='false'>
<b:widget id='HTML88' locked='true' title='Credit' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='fotCd'>
<span class='credit'><b:if cond='data:content == ""'><i>©</i> <span id='getYear'>2022</span> ‧ <bdi><a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/> <b:include name='verified-icon'/></a></bdi> ‧ All rights reserved.<b:else/><data:content/></b:if></span>
<span class='creator'>Distributed by <a href='https://Hacktack.us'>Hacktack</a></span>
</div>
</b:includable>
</b:widget>
<b:widget id='TextList88' locked='true' title='Back to top' type='TextList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='shownum'>1</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='item-1'>Top</b:widget-setting>
<b:widget-setting name='item-0'>Top Sticky</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:loop index='t' values='data:items' var='item'>
<b:if cond='data:t <= 0'>
<b:if cond='data:item == "Top"'>
<!--[ Back top button ]-->
<b:tag class='toTop tTop' expr:data-text='data:item' expr:name='data:view.url != data:view.url params { amp: "1" } ? "div" : "a"'>
<b:attr cond='data:view.url != data:view.url params { amp: "1" }' name='onclick' value='window.scrollTo({top: 0});'/>
<b:attr cond='data:view.url == data:view.url params { amp: "1" }' name='href' value='#mainCont'/>
<b:include name='arow-up-icon'/>
</b:tag>
<b:elseif cond='data:item == "Top Sticky"'/>
<!--[ Back top button fixed/sticky ]-->
<b:tag class='toTopF' expr:data-text='data:item' expr:name='data:view.url != data:view.url params { amp: "1" } ? "div" : "a"'>
<b:attr cond='data:view.url != data:view.url params { amp: "1" }' name='onclick' value='window.scrollTo({top: 0});'/>
<b:attr cond='data:view.url == data:view.url params { amp: "1" }' name='href' value='#mainCont'/>
<svg viewBox='0 0 34 34'><circle class='b' cx='17' cy='17' r='15.92'/><circle class='c' cx='17' cy='17' r='15.92'/><path class='line' d='M15.07,21.06,19.16,17l-4.09-4.06'/></svg>
</b:tag>
</b:if>
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</div>
</footer>
<b:if cond='!data:view.isPreview'>
<!--[ Delete 'or data:blog.isMobileRequest' if you want to show ad in both(desktop and mobile) ]-->
<b:section cond='data:view.isLayoutMode or data:blog.isMobileRequest' id='anchor-ad' showaddelement='false'>
<b:widget id='HTML99' locked='true' title='Anchor ad placement (mobile only)' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<!--[ Sticky ad ]-->
<input class='ancrI hidden' id='ancrI' type='checkbox'/>
<div class='ancrA'>
<label aria-label='Close Menu' class='ancrC' for='ancrI'/>
<div class='ancrCn'>
<b:if cond='data:content != ""'>
<data:content/>
<b:else/>
<!--[ Blank ad ]-->
<div class='adB' expr:data-text='data:title + " : " + data:messages.adsGoHere'/>
</b:if>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</b:if>
</b:if>
</b:tag>
<b:tag class='erroP' cond='data:view.isLayoutMode or data:view.isError' name='section'>
<b:section class='erroC' cond='data:view.isLayoutMode or data:view.isError' id='error-404' showaddelement='false'>
<b:widget id='HTML404' locked='true' title='Take me back' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><h3><span>404</span>Something Wrong!</h3>
<p>The page you've requested can't be found. Why don't you browse around?</p></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<data:content/>
<a class='button' expr:href='data:blog.homepageUrl.canonical'><data:title/></a>
</b:includable>
</b:widget>
</b:section>
</b:tag>
<!--[ Addons ]-->
<b:tag class='addonsWidgets' cond='data:view.isLayoutMode' name='div'>
<b:section cond='!data:view.isError' id='addons-widget' showaddelement='false'>
<b:widget cond='!data:view.isPreview' id='HTML201' locked='true' title='Enable JavaScript!' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>APMODY works well with JavaScript enabled. Please enable JavaScript to continue browsing.</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><!--[ Javascript disable condition ]--><noscript><div class='fNtf'><div><b:include name='alert-circle-icon'/><h5><data:title/></h5><p><data:content/></p><a expr:href='data:blog.url.canonical'>Reload</a></div></div></noscript>
</b:includable>
</b:widget>
<b:widget cond='!data:view.isPreview' id='HTML202' locked='true' title='Cookie Consent' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><!--[ Cookies Consent ]--><div class='ckW' id='ckWrp'><h5 class='title'><data:title/></h5><p><data:content/></p><div class='lb'><button id='ckAcc'>Accept</button><a href='https://policies.google.com/technologies/cookies' target='_blank' title='Cookie Policy'>More Details</a></div></div>
</b:includable>
</b:widget>
<b:widget cond='!data:view.isPreview' id='HTML203' locked='true' title='Country Block' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA["Asia/Calcutta", "Asia/Makassar", "Asia/Jakartax",]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'><!--[ Country Block ]--><div class='fNtf hidden' id='cntryBlk'><div><b:include name='alert-circle-icon'/><h5>Site is Blocked</h5><p>Sorry! This site is not available in your country.</p></div></div> <script>function ckCntry(){var dtCntry=(Intl.DateTimeFormat().resolvedOptions().timeZone);var bkCntry=[<data:content/>];console.log("Time Zone: "+dtCntry);for(var i=0;i<bkCntry.length;i++){if(dtCntry==bkCntry[i]){setInterval(function(){remCt(getid("cntryBlk"),"hidden")},1000)}}}ckCntry();</script>
</b:includable>
</b:widget>
<b:widget cond='!data:view.isPreview' id='HTML204' locked='true' title='Oops!' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><!--[ No Internet ]--><div class='fNtf hidden' id='noInet'><div><b:include name='wifioff-icon'/><h5><data:title/></h5><p><data:content/></p><a expr:href='data:blog.url.canonical'>Reload</a></div></div>
</b:includable>
</b:widget>
</b:section>
</b:tag>
<!--[ Toast Notif ]-->
<div id='tNtf'/>
<!--[ Fixed Notif ]-->
<div class='fNtf hidden' id='fNtf'/>
<b:if cond='!data:view.isError and data:view.url != data:view.url params { amp: "1" }'>
<b:comment>[[ Ar Custom Snippet ]]</b:comment>
<b:include cond='data:view.isMultipleItems or data:view.isPost' name='arCsJs'/>
<!--[ Load More - Delete this section if you want to disable this feature ]-->
<b:include cond='data:view.isHomepage or data:view.url == data:blog.homepageUrl.canonical path "search"' name='post-paginationMore'/>
<!--[ additional javahttscript ]-->
<script type='text/javascript'>/*<![CDATA[*/
/* Lazy Javascript, do not remove function */
<!-- https://Blogpen.xyz -->
function lazyJs_Custom(){/* begin lazyJs_Custom */
/** remove the double slashes below to activate the plugin... **/
//isHm||null!=xAR.pU(oSafelink.param)||ldJs(bsGtb+"plugin/core.js","plugin-core",!0,"body");
/* JavaScripts here */
/* end lazyJs_Custom */};
/* Lazy (Scroll) JavaScripts, do not remove function */
function scrollJs_Custom(){
/* JavaScripts here */
};
/*]]>*/</script>
<script>/*<![CDATA[*/ /*JSBOT*/ if("undefined"!=typeof xAi){function darkMode(){var t;qSel("body").classList.contains("drK")?(qSel("body").classList.remove("drK"),xAR.rLS("mode"),t=themeC):(qSel("body").classList.add("drK"),xAR.sLS("mode","darkmode"),t=themeCdrk),thmC1.content=t,thmC2.content=t,thmC3.content=t}function cImgpAG(){for(var t=qSell(".ntry.pApGm .imgThm"),e=0;e<t.length;e++)t[e].getAttribute("alt-img")&&(t[e].setAttribute("app-img",t[e].getAttribute("data-src")),t[e].setAttribute("src",t[e].getAttribute("alt-img")),t[e].setAttribute("data-src",t[e].getAttribute("alt-img")),t[e].setAttribute("alt-img",t[e].getAttribute("app-img")))}function gridMode(){null==qSel(".onId.onMl")&&null==qSel(".onId.onMob")||cImgpAG(),xAR.sLS("list","listmode"===xAR.gLS("list")?"grid":"listmode"),"listmode"===xAR.gLS("list")?qSel("#mainCont").classList.add("grD"):qSel("#mainCont").classList.remove("grD")}"listmode"!=xAR.gLS("list")&&null!=qSel(".onMl:not(.onMob)")&&cImgpAG();var d=new Date,n=d.getFullYear();getid("getYear").innerHTML=n;/*Private Blog Notif*/1==isPvb&&toastNotif(blogTtl+" Blog is Private.")}
/*]]><b:if cond='data:view.isHomepage or data:view.isPost'><![CDATA[*/
/*]]></b:if><b:if cond='data:view.isHomepage'><![CDATA[*/
/* <--- HOMEPAGE */
eval(function(a,p,m,o,d,y){d=function(m){return(m<p?'':d(parseInt(m/p)))+((m=m%p)>35?String.fromCharCode(m+29):m.toString(36))};if(!''.replace(/^/,String)){while(m--)y[d(m)]=o[m]||d(m);o=[function(d){return y[d]}];d=function(){return'\\w+'};m=1};while(m--)if(o[m])a=a.replace(new RegExp('\\b'+d(m)+'\\b','g'),o[m]);return a}('y H(){1 a=[\'<2\\6=\\1F\\4>\',\'1G\',\'1H\',\'1I\',\'1J\',\'1g-1h\',\'1K\',\'1L\',\'1M\',\'&1N;\',\'<p\\6=\\1O\\1P\\12>1Q\\1R\\1S.</p>\',\'13\',\'1T\',\'1i\',\'1U\\1V\\1W.\',\'1X\',\'1j(\\12\',\'<7\\6=\\1Y\\4>\',\'1Z\',\'20\',\'21\',\'22\',\'\\O•\\O\',\'23\',\'24\',\'/-/\',\'25\',\'26\',\'</2>\',\'27\',\'28\',\'29\',\'1j\',\'2a\',\'2b\',\'1k-1h\',\'2c\',\'2d\',\'2e\',\'.1k\',\'2f\',\'2g\',\'2h\',\'14-15\',\'2i\',\'</7>\',\'2j\',\'2k\',\'2l\',\'</7></a></1l>\',\'2m\',\'2n\',\'\\4><7\\6=\\2o\\2p\\4><7\\6=\\2q\\4><7\\6=\\2r\\4\\2s=\\2t-2u:\\O\',\'<2\\6=\\2v\\4>v\',\'2w$2x\',\'\\4\\2y=\\4\',\'2z\',\'2A\',\'<7\\6=\\2B\\2C\\4>\',\'16\',\'<1l><a\\6=\\2D\\4\\2E-1g=\\4\',\'2F\',\'2G\',\'2H/2I/2J\',\'2K\',\'\\4></7></7></7>\\O<7\\6=\\2L\\4><2>\',\'?2M=1i&2N=2O&2P-2Q=\',\'<2\\6=\\2R\\4>\'];H=y(){P a};P H()}1 17=I;y I(d,e){1 f=H();P I=y(a,b){a=a-18;1 c=f[a];P c},I(d,e)}(y(a,b){1 c=I,J=a();2S(!![]){2T{1 d=8(c(2U))/Q*(-8(c(2V))/2W)+8(c(2X))/19+8(c(2Y))/1m+8(c(2Z))/30*(-8(c(31))/1n)+8(c(32))/33+8(c(34))/35+8(c(36))/37*(-8(c(38))/39);q(d===b)3a;r J[\'1o\'](J[\'1p\']())}3b(3c){J[\'1o\'](J[\'1p\']())}}}(H,3d),17(3e)!=3f K&&(y(){1 n=17,1a,L;1a=1q==K[n(R)][n(1r)]?1n:K[n(R)][n(1r)],L=1q==K[n(R)][n(1s)]?3g:K[n(R)][n(1s)];1 o=3h(n(3i));1b(i=3;i<o[n(M)];i++){1 p,5=o[i][n(3j)](n(3k))[3];5&&(5=(5=3<5[n(T)][n(M)]?n(3l)+5[n(T)]:\'\')[n(F)](n(3m),\'&\'),p=3n[n(F)](/.*?:\\/\\//g,\'//\')+n(3o)+3p(5)+n(3q)+1a,(5=3r 3s())[\'x\']=i,5[n(3t)](n(3u),p,!3),5[n(3v)]=n(3w),5[n(3x)]=y(){1 m=n,1t=U[\'x\'];1m===U[m(3y)]&&1u===U[m(3z)]&&y(a,b){1 c=m,1c,V=c(18),W=\'\';q(a=a[c(3A)],b=3B(b)){q(a[c(1d)]&&3!==a[c(1d)][c(M)]){W+=c(3C);1b(1 d=a[c(1d)],X=3;X<d[c(M)];++X){1b(1 e=d[X],1e=!Q,z=e[c(1v)]?e[c(1v)][c(3D)]:V,Y=e[c(3E)][\'$t\'],Z=(c(B)1f e)&&(Z=e[c(B)][\'$t\'][c(C)](/<2.G=.1w.[\\s\\S]*?<\\/2>/g))||\'\',D=(c(B)1f e)&&(D=e[c(B)][\'$t\'][c(C)](/<2.G=.16.[\\s\\S]*?<\\/2>/g))||\'\',E=(c(B)1f e)&&(E=e[c(B)][\'$t\'][c(C)](/<2.G=.13.[\\s\\S]*?<\\/2>/g))||\'\',10=3,1x=e[c(1y)][c(M)];10<1x;++10)c(3F)==(1c=e[c(1y)][10])[c(3G)]&&(1e=1c[c(3H)]);c(18)!=(z=(z=e[c(B)]&&z==V?(u=/<3I +(.*?)3J=([\'"])([^\'"]+?)([\'"])(.*?) *\\/?>/i[c(3K)](e[c(B)][\'$t\']))&&u[19]?u[19]:V:z)[c(F)](/.*?:\\/\\//g,\'//\')[c(F)](/\\/s[0-9]+(\\-c)?/,\'/s\'+L)[c(F)](/\\=s[0-9]+(\\-c)?/,\'=s\'+L)[c(F)](/\\=.*w[0-9].*h[0-9].*-c+(\\-c)?/,\'=s\'+L))&&(z=c(3L)+z+\'\\12)\');1 f=Y;q(\'\'!==Z&&(Y=Z[3][c(C)](/(?<=<2.*?G="1w".*?>)(.*?)(?=<\\/2>)/g)),\'\'!=D){1 g=D[3][c(C)](/(?<=<2.*?G="16".*?>)(.*?)(?=<\\/2>)/g);q(D[3][c(11)](c(3M))&&D[3][c(11)](c(1z)))1 h=c(3N)+D[3][c(C)](/14-15\\=\\"([A-1A-1B-9 1C]*)\\"/)[Q]+c(N);r h=\'\'}r g=\'\';q(\'\'!=E){1 i=E[3][c(C)](/(?<=<2.* ?G="13".*?>)(.*?)(?=<\\/2>)/g);q(E[3][c(11)](c(3O))&&E[3][c(11)](c(1z)))1 j=c(1u)+E[3][c(C)](/14-15\\=\\"([A-1A-1B-9 1C]*)\\"/)[Q]+c(N);r j=\'\'}r i=\'\',j=\'\';q(\'\'!=g){q(\'\'!=i)1 k=c(1D)+g+c(3P)+i+c(N);r k=c(1D)+g+c(N);1 l=c(3Q)+h+j+c(1E)}r k=\'\',l=\'\';W+=c(3R)+f+c(3S)+1e+c(3T)+z+c(3U)+Y+c(N)+k+l+c(3V)}b[c(T)]=W+=c(1E)}r b[c(T)]=c(3W)}r 3X[c(3Y)](c(3Z))}(U[m(40)],m(41)+1t)},5[n(42)]())}}()));',62,251,'|var|span|0x0|x22|_0x3003bd|x20class|div|parseInt||||||||||||||||||if|else|||||||function|_0xc89408||0xb7|0xc9|_0x205b55|_0x2771ee|0xd7|class|_0x4db8|_0x261c|_0x1abbe4|ARtb|_0x16df16|0xca|0xa0|x20|return|0x1|0xc2||0xb0|this|_0x3a24d4|_0x46e718|_0x66a782|_0xd317ed|_0x2449bd|_0x5aa53e|0xa1|x27|apMod|data|text|apVersi|_0x1630a5|0x9e|0x3|_0x153f8d|for|_0x4c676d|0xdd|_0x2cf32a|in|label|item|json|url|lblPst|article|0x4|0x6|push|shift|null|0xac|0xdb|_0x43269c|0xc8|0xba|apName|_0x5eaf61|0xcc|0xaf|Za|z0|_|0xb9|0xb1|x22mod|match|length|title|link|log|6LFCfTp|status|amp|x27note|x20wr|No|x20posts|x20yet|4543441QTAZWa|Container|x20not|x20found|replace|x22apAM|exec|szThumb|readyState|entry|GET|460miutDj|none|send|includes|undefined|2476296uLoRIw|getElementsByClassName|feed|827298vSSAIq|9062184ybbKiU|rel|numbPs|1008063iNlNNs|href|innerHTML|open|2nFCZpo|3368630qRzaqL|81639xpuJpX|content|x22iThmb|x20pThmb|x22thmb|x22img|x20style|x22background|image|x22apVM|media|thumbnail|x20href|response|responseType|x22r|x20nApGm|x22item|x20aria|onreadystatechange|psByLabel|feeds|posts|default|alternate|x22itmTtl|alt|orderby|updated|max|results|x22apk|while|try|0xad|0xb3|0x2|0xa8|0xa3|0xb4|0x5|0xcf|0xd4|0x7|0xa9|0x8|0xb6|0x9|0xe0|0xa|break|catch|_0x253ee6|0x8d055|0xa2|typeof|0x78|qSell|0xab|0xa5|0xcd|0xe1|0xd1|blogUrl|0xc3|encodeURI|0xc6|new|XMLHttpRequest|0xb2|0xdf|0xbd|0xd5|0xc1|0xdc|0xd0|0xa6|getid|0xbe|0xa4|0xcb|0xc4|0xaa|0xae|img|src|0xda|0xd8|0xbf|0xc7|0xd3|0xde|0xd9|0xc0|0xbb|0xb8|0xc5|0xb5|0xd2|console|0xce|0xd6|0xbc|0xa7|0x9f'.split('|'),0,{}));
/* HOMEPAGE ---> */
/*]]></b:if><b:if cond='data:view.isPage'><![CDATA[*/
// <--- HALAMAN PAGE
// HALAMAN PAGE --->
/*]]></b:if><b:if cond='data:view.isPost'><![CDATA[*/
// <--- HALAMAN POST
// HALAMAN POST --->
/*]]></b:if><b:if cond='data:view.isSingleItem'><![CDATA[*/
// <--- HALAMAN SINGLE
if("undefined"!=typeof xAi){for(var t=qSell(".lazyYt"),e=0;e<t.length;e++){var a="https://img.youtube.com/vi/"+t[e].dataset.embed+"/sddefault.jpg",r=new Image;r.setAttribute("class","lazy"),r.setAttribute("data-src",a),r.setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="),r.setAttribute("alt","Youtube video"),r.addEventListener("load",void t[e].appendChild(r)),t[e].addEventListener("click",(function(){var t=document.createElement("iframe");t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen",""),t.setAttribute("src","https://www.youtube.com/embed/"+this.dataset.embed+"?rel=0&showinfo=0&autoplay=1"),this.innerHTML="",this.appendChild(t)}))}for(var i=qSell(".pS .separator >a, .pS .tr-caption-container td >a, .pS .separator >img, .pS .tr-caption-container td >img, .pS .psImg >img, .pS .btImg >img, .galWrp > img, .lbx > img"),c=0;c<i.length;c++)a='<div class="zmImg">'+i[c].outerHTML+"</div>",i[c].outerHTML=a;var ctnrImg=getclass("zmImg");for(i=0;i<ctnrImg.length;i++){var xZmImg=ctnrImg[i].querySelector("img:not(.n)");null!=xZmImg&&(xZmImg.setAttribute("onclick","return false"),ctnrImg[i].onclick=function(){this.classList.toggle("s"),this.firstChild.classList.contains("sz")&&this.firstChild.setAttribute("src",this.firstChild.getAttribute("src").replace(/\/s[0-9]+(\-c)?/,"/s1200").replace(/\=s[0-9]+(\-c)?/,"=s1200").replace(/\=.*w[0-9].*h[0-9]+(\-c)?/,"=s1200"))});var cZmImg=ctnrImg[i].querySelector("img.c:not(.n)");null!=cZmImg&&cZmImg.getAttribute("alt")&&ctnrImg[i].setAttribute("data-text",cZmImg.getAttribute("alt"))}var bscom=getid("forComments"),bskom=getid("iCmn"),bsimk=getclass("imgCmn")[0];null!==bscom&&bscom.addEventListener("click",(function(){1==bscom.checked&&(null!==bskom&&bskom.click(),void 0!==bsimk&&bsimk.click())})),null!=getid("toContent")&&document.addEventListener("DOMContentLoaded",(()=>new TableOfContents({from:qSel("#postBody"),to:getid("toContent")}).generateToc()));var preC=document.getElementsByTagName("pre");for(i=0;i<preC.length;i++)preC[i].addEventListener("dblclick",(function(){var t=getSelection(),e=document.createRange();e.selectNodeContents(this),t.removeAllRanges(),t.addRange(e),document.execCommand("copy"),t.removeAllRanges(),toastNotif("Copied to clipboard!")}),!1)}
// HALAMAN SINGLE --->
/*]]></b:if><![CDATA[*/
/**conf translate**/function googleTranslateElementInit(){new google.translate.TranslateElement({pageLanguage:ARtb.gTranslate.pageLang,includedLanguages:ARtb.gTranslate.includedLangs,layout:google.translate.TranslateElement.InlineLayout.SIMPLE},"google_translate_element")}/*conf analytics*/function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config",ARtb.analytics.propertyID);eval(function(a,p,m,o,d,y){d=function(m){return(m<p?'':d(parseInt(m/p)))+((m=m%p)>35?String.fromCharCode(m+29):m.toString(36))};if(!''.replace(/^/,String)){while(m--)y[d(m)]=o[m]||d(m);o=[function(d){return y[d]}];d=function(){return'\\w+'};m=1};while(m--)if(o[m])a=a.replace(new RegExp('\\b'+d(m)+'\\b','g'),o[m]);return a}('1 5(m,1P){2 M=l();3 5=1(n,6j){n=n-(-1m*2V+2W+-0*2X);2 d=M[n];o(5[\'13\']===2Y){2 C=1(1S){2 26=\'2Z+/=\';2 h=\'\',E=\'\',1M=h+C;z(2 k=-30+2U+-31*-0,q,a,O=-33+8*-34+-t*-35;a=1S[\'36\'](O++);~a&&(q=k%(-37+-0*38+39)?q*(-32*0+2S+-2J*2R)+a:a,k++%(2C*2D+2E+-2F))?h+=1M[\'20\'](O+(-2G*1z+-2H+2B))-(8*2I+-t*-2K+-2L)!==-0*-2M+-8*2N+-8*2O?2P[\'2Q\'](-3a*0+-0*-2T+3b&q>>(-(-3v+3x*-0+3y*0)*k&-3z+3A+-0*-3B)):k:3C+3D+3w*-1X){a=26[\'3E\'](a)}z(2 u=-3G+-0*-3H+3I,23=h[\'J\'];u<23;u++){E+=\'%\'+(\'3J\'+h[\'20\'](u)[\'U\'](3K+-1X*-3L+-3M*1z))[\'3F\'](-(0*3u+3l+-3t))}3 3e(E)};5[\'1O\']=C,m=16,5[\'13\']=!![]}2 1t=M[3f+-3g+-3h*0],R=n+1t,Q=m[R];o(!Q){2 j=1(1r){4[\'1a\']=1r,4[\'c\']=[1D*I+3i*-8+3d,3k+-t*3m+3n,-3o*0+-0*-1H+-3p],4[\'1y\']=1(){3\'3q\'},4[\'15\']=\'\\1d+\\x*\\1s(\\1s)\\x*{\\1d+\\x*\',4[\'19\']=\'[\\1c|\\W].+[\\1c|\\W];?\\x*}\'};j[\'F\'][\'1N\']=1(){2 1b=1I 3r(4[\'15\']+4[\'19\']),1h=1b[\'3s\'](4[\'1y\'][\'U\']())?--4[\'c\'][-3c+1Q*-1p+2A*0]:--4[\'c\'][1p*-B+2o*2k+-2s];3 4[\'Y\'](1h)},j[\'F\'][\'Y\']=1(D){o(!2x(~D))3 D;3 4[\'1Y\'](4[\'1a\'])},j[\'F\'][\'1Y\']=1(1T){z(2 y=-2y+2w+2v,H=4[\'c\'][\'J\'];y<H;y++){4[\'c\'][\'S\'](29[\'2u\'](29[\'2t\']())),H=4[\'c\'][\'J\']}3 1T(4[\'c\'][-0*-2r+-1D*2q+2p*0])},1I j(5)[\'1N\'](),d=5[\'1O\'](d),m[R]=d}1l d=Q;3 d},5(m,1P)}(1(1K,1w){1 e(2n,1U,1R,2m){3 5(1R-2l,1U)}2 g=1K();1 b(2i,1C,2h,1J){3 5(1J- -2e,1C)}2j(!![]){2g{2 1x=-6(e(2f,3N,3j,3P))/(55+-5r+0*-5s)*(6(b(-5t,-1A,-5u,-5v))/(-5w+5x+-1Q*5q))+-6(e(5y,5A,5B,A))/(5C+0*-5D+5E)*(-6(e(5F,5G,1V,5z))/(5o*0+-5f+B*-8))+-6(b(-N,-5n,-1F,-18))/(-0*-57+1E*-58+59)+-6(b(-N,-1L,-1L,-1A))/(5a+-5b*0+5c)*(-6(b(-21,-1F,-1g,-5d))/(-56+5e+-5g))+6(e(1V,1W,1W,A))/(5h+-3O+-5i)+6(e(5j,A,5k,5l))/(-5m+-t*-5H+-0*-5p)+6(b(-5I,-L,-5S,-21))/(-8*-64+1H*8+-65)*(6(b(-66,-18,-67,-68))/(69*1m+6a+-6b));o(1x===1w)6c;1l g[\'S\'](g[\'24\']())}6d(6e){g[\'S\'](g[\'24\']())}}}(l,-6f+6g*-6h+6i*63));2 Z=(1(){2 P=!![];3 1(17,s){2 10=P?1(){o(s){2 14=s[\'62\'](17,16);3 s=61,14}}:1(){};3 P=![],10}}()),v=Z(4,1(){1 i(X,60,5L,V){3 5(X- -5M,V)}2 T={};T[f(1j,5N,5O,1i)]=f(1o,1v,1v,1e)+\'+$\';2 1k=T;1 f(1n,5P,5Q,1f){3 5(1n-5K,1f)}3 v[\'U\']()[i(-1q,-L,-5R,-5T)](1k[f(1j,12,1i,5U)])[i(-5V,-11,-11,-1g)]()[i(-5W,-N,-1u,-L)+\'r\'](v)[i(-1q,-5X,-5Y,-1u)](f(1o,1e,12,5Z)+\'+$\')});v(),p[9(5J,54,4s,1Z)](7(-53,-1B,-4a,-4b)+\'4c\',7(-K,-4d,-2c,-2b)+\'4e;4f-w\'+9(4g,49,4h,4j)),p[7(-4k,-4l,-K,-K)](9(4m,1Z,4n,4o)+7(-4p,-4i,-47,-I)+9(G,3Y,G,46));1 9(3R,3S,25,27){3 5(25-3T,27)}p[9(3U,3V,2d,3W)](\'3Q\\3X\'+7(-3Z,-40,-B,-41)+7(-22,-2b,-2c,-42)),p[9(G,43,2d,44)](\'45\\4q\'+\'48:\\4r\'+\'://4L.4N/\'+7(-1B,-4O,-4P,-1E));1 l(){2 1G=[\'4Q\',\'4R\',\'4S\',\'4T\',\'4M\',\'4U\',\'4W\',\'4X\',\'4Y\',\'4Z\',\'50\',\'51\',\'52\',\'4V\',\'4K\',\'4B\',\'4J\',\'4u\',\'4v\',\'4w\',\'4x\',\'4y\',\'4z\',\'4t\',\'4A\',\'4C\',\'4D\',\'4E\'];l=1(){3 1G};3 l()}1 7(28,2a,4F,4G){3 5(2a- -4H,28)}p[7(-4I,-22,-I,-2z)]();',62,392,'0x1|function|var|return|this|_0x2d69|parseInt|_0x50204e|0x2|_0x16b3fa|_0x4e9ea4|_0x26d491|mvozLS|_0x1e305b|_0xc96676|_0x3cf4a2|_0xa191ba|_0x16b2b6|_0x22c3e2|_0x4b44fe|_0x584e06|_0x3e3f|_0x436bb8|_0x20e0fb|if|console|_0xd5db1b||_0x18779e|0x5|_0x5d69e1|_0x224973||x20|_0x581075|for|0x277|0x4a|_0xed9fd6|_0x4caaf2|_0x132b6f|prototype|0x2e6|_0x5eac82|0x4f|length|0x65|0x1ba|_0x2c32f3|0x1a9|_0x9353e4|_0x4731ba|_0x48c2e2|_0x521bb6|push|_0x1ce9b5|toString|_0x1d9b3d|x22|_0x1b39ce|WISAJg|_0x13caef|_0x56ea41|0x1b8|0x153|lseXcd|_0x1b41fe|FeNPlF|arguments|_0xd9e2af|0x19b|TqGshQ|dIfCxM|_0x48518e|x27|x5cw|0x155|_0x3f2076|0x1ad|_0x12ee65|0x154|0x15a|_0x2f0cb4|else|0xe|_0x3e46c3|0x158|0x49|0x1be|_0x2bcddb|x5c|_0x12eea0|0x1b5|0x165|_0x553c3e|_0x21bffd|WGIRjc|0x3|0x1ab|0x62|_0x4514d9|0x8|0x60|0x1a7|_0x45e6ce|0xe48|new|_0x1b7c86|_0x2e78cb|0x1a2|_0x149ff3|uyUsyY|cEudyG|_0x3cf131|0xa|_0xf03b5a|_0x13a506|_0xb55ea4|_0x22fe16|0x276|0x275|0x4|UWkJxl|0x2e9|charCodeAt|0x1ac|0x58|_0x1c5dff|shift|_0x37160b|_0x54c3a2|_0x3a99f7|_0x10aa09|Math|_0x9b77c4|0x5c|0x54|0x2df|0x24b|0x290|try|_0x25043e|_0x10b24e|while|0x4c|0x1cb|_0x32712f|_0x2303a6|0x74|0x20d|0x4c1|0x23fb|0xd56|random|round|0x12ad|0x12c0|Boolean|0x256d|0x56|0x29b5|0xe11|0x9|0x3e7|0xc7f|0x2f9a|0x35d|0x3f0|0xf17|0x20|0x627|0x3ce7|0x113e|0x5bc|0x2e3|String|fromCharCode|0x93|0x1371|0x1433|0x11ee|0x181|0x2464|0xeb8|undefined|abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789|0x15cf|0x3e1|0xd1|0x2533|0x164|0x7ff|charAt|0x16bb|0xcca|0x2389|0x1c18|0x8e4|0x26da|0x1737|decodeURIComponent|0x2024|0x10bd|0xf67|0xcd7|0x284|0x23c7|0x1fa5|0x799|0x236|0x7cd|0x67b|newState|RegExp|test|0x3d3c|0x1d99|0x196f|0xf1c|0x730|0x20a1|0xeae|0x541|0x973|0x19fd|0x2273|indexOf|slice|0x110a|0x8e6|0x824|00|0x1021|0x3c|0x5ab|0x28c|0x8e5|0x289|Blogger|_0xcc6af2|_0x5c8a7a|0x23d|0x2de|0x2d5|0x2eb|x20te|0x2e4|0x3e|0x4b|0x57|0x53|0x2d7|0x2e2|Free|0x2f2|0x52|oad|0x2f6|0x59|0x64|cense|0x5a|56A|font|0x2fb|0x2f5|0x5d|0x2fc|0x67|0x5e|0x2f0|0x2ea|0x2f3|0x51|x20Downl|x20https|0x2ec|mJm0nZa4m1fMwxbqEa|z3jVDxbfBMq|B2CUy29T|ndyYmZy5nLvTywXxAa|ngjnDMDOwa|ohnyte9uBa|qNLWyxnZigj5oG|z3jVDxa|y29SB3i6iZu3oq|ndaYnZyWmgfqDu9Vqq|kcGOlISPkYKRkq|Dg9tDhjPBMC|_0x2f483b|_0x55d073|0x100|0x55|C2vHCMnO|ntC1ndK3m3fPA1noAW|bit|y29UC3rYDwn0BW|ly|0x5f|0x6d|r3zhBvq|otq2mJm2nur5uMTSrq|BxbSyxrLCYa6ia|mJmYmJuXv0vlvK5H|zwLNAhq6yM9Sza|qvbnt0rz|mJK1mdC5z094D2f5|jwnwywXPzcbmAq|mtboA1bNv1O|nLPlsgjYyG|m3zevKWYvG|Bg9N|ihD3DY5UBgrIBa|0x6f|0x2fa|0xd37|0xe96|0xb|0x3b|0x161a|0x4d5|0x165b|0x118c|0x1a6|0x1a2a|0x111d|0xb8d|0x1927|0x103a|0x26d|0x279|0x27b|0x23cc|0x193|0x11b5|0xee|0x28f|0x88c|0x4aa|0x1a1|0x199|0x19f|0x5d6|0x1f6e|0x287|0x26c|0x28d|0x281|0x1d74|0x2133|0x3c2|0x26a|0x272|0x6fb|0x1b2|0x2e7|0xa7|_0x45a084|0x265|0x167|0x156|_0x340fcf|_0x1d020f|0x1b1|0x1a8|0x1c8|0x162|0x1b3|0x1ae|0x1bb|0x1c1|0x150|_0x225b97|null|apply|0x1443b|0x321|0x22c8|0x19e|0x18b|0x197|0x2bd|0xb5|0x2700|break|catch|_0x1386d2|0x87072|0x3b2|0x2ba|0x16|_0x341ffc'.split('|'),0,{}));/*Push adSense*/if("undefined"!=typeof ARtb&&1==ARtb.adSense.enable){for(var ads=qSell("ins.adsbygoogle"),i=0;i<ads.length;i++)ads[i]&&(adsbygoogle=window.adsbygoogle||[]).push({});}Defer.dom(".lazy",100,"loaded",null,{rootMargin:"1px"}),"undefined"!=typeof infinite_scroll&&infinite_scroll.on("load",(function(){Defer.dom(".lazy",100,"loaded",null,{rootMargin:"1px"})}));
/*]]>*/</script>
</b:if>
<svg class='hidden' xmlns='//www.w3.org/2000/svg'>
<symbol id='i-search' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><circle cx='9.76659044' cy='9.76659044' r='8.9885584'/><line x1='16.0183067' x2='19.5423342' y1='16.4851259' y2='20.0000001'/></g></symbol>
<symbol id='i-chat' viewBox='0 0 512 512'><path d='M256 64c123.5 0 223.1 79 223.1 176S379.5 416 256 416c-28.25 0-56.24-4.25-83.24-12.75c-9.516-3.068-19.92-1.459-28.07 4.338c-22.1 16.25-58.54 35.29-102.7 39.66c11.1-15.12 29.75-40.5 40.74-69.62l.1287-.3388c4.283-11.27 1.79-23.1-6.429-32.82C47.51 313.1 32.06 277.6 32.06 240C32.06 143 132.6 64 256 64zM256 32C114.7 32 .0272 125.1 .0272 240c0 47.63 19.92 91.25 52.91 126.2c-14.87 39.5-45.87 72.88-46.37 73.25c-6.624 7-8.374 17.25-4.625 26C5.817 474.2 14.38 480 24 480c61.49 0 109.1-25.75 139.1-46.25C192.1 442.8 223.3 448 256 448c141.4 0 255.1-93.13 255.1-208S397.4 32 256 32z'/></symbol>
</svg>
<!-- Blogpen.xyz -->
<!--[ </body> close ]-->
<!--</body>--></body>
</html>
![BUzzSpot premium [ blogger ]](http://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu70ry7pxDDhvSCknNSidWE9y01mP1zY_jseRrcdhzCAj-Z_lu980yBjWyl0DSK5mbmY7-tcqeJeY0DLYVgVIaUkqkVLs2LhuYP7w3AbtYZEke1ocKdNDkKYXp2ObOvM6yGyvIOesU_kt9wOXK7PHM1O12y2o3lixIcd5WKOYsi5xn0_djRpqxnSqdS0MN/s275/buzzspot.webp)
Posting Komentar