<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6158048950125693510</id><updated>2026-04-05T02:06:48.599+07:00</updated><category term="android"/><category term="google play"/><category term="amp"/><category term="firebase"/><category term="google cloud"/><category term="machine learning"/><category term="chrome"/><category term="flutter"/><category term="featured"/><category term="announcement"/><category term="tensorflow"/><category term="web"/><category term="Google Play Developers"/><category term="admob"/><category term="explore"/><category term="jetpack compose"/><category term="Google Play Devs"/><category term="actions on google"/><category term="gsuite"/><category term="jetpack"/><category term="mobile"/><category term="AI"/><category term="android 13"/><category term="android developers"/><category term="beginner"/><category term="best practices"/><category term="google io"/><category term="release notes"/><category term="Android 14"/><category term="GooglePlay"/><category term="Learn"/><category term="google"/><category term="latest"/><category term="privacy"/><category term="security"/><category term="Gemini"/><category term="android development"/><category term="android studio"/><category term="augmented reality"/><category term="developer"/><category term="flutter app development"/><category term="google maps"/><category term="how-to guide"/><category term="Android 15"/><category term="Android UI"/><category term="Artificial Intelligence"/><category term="Developer Preview"/><category term="Game Development"/><category term="Games"/><category term="Google Developers"/><category term="Google Play Console"/><category term="Google Play x Unity Game Developer Training"/><category term="Mobile App Development"/><category term="Policy Bytes"/><category term="Wear OS"/><category term="api"/><category term="bangkit"/><category term="beta"/><category term="big query"/><category term="compose"/><category term="dart"/><category term="data"/><category term="developer tools"/><category term="developers"/><category term="dialogflow"/><category term="domains"/><category term="googleforstartup"/><category term="indie games"/><category term="indonesia"/><category term="kubernetes"/><category term="launchpad"/><category term="launchpad accelerator"/><category term="progressive web app"/><category term="python"/><category term="startup"/><category term="student developers"/><category term="update"/><category term="#GoogleforGames"/><category term="#JetpackCompose"/><category term="#TheAndroidShow"/><category term="#WeArePlay"/><category term="10 years"/><category term="64bit"/><category term="Ads"/><category term="Android Emulator"/><category term="Android Jetpack"/><category term="Android Studio Emulator"/><category term="Android Studio Iguana"/><category term="Android betas"/><category term="Android release"/><category term="App"/><category term="Apps"/><category term="Baseline Profiles"/><category term="CameraX"/><category term="Cloud"/><category term="DAC/Develop"/><category term="DAC/Google"/><category term="Gemini Pro"/><category term="Generative AI"/><category term="Global Game Jam"/><category term="Google Play Academy"/><category term="Google Play Indie games accelerator"/><category term="Google for Games Developer Summit"/><category term="Indie Games Accelerator"/><category term="Javascript"/><category term="JuaraGCP"/><category term="Localization"/><category term="MAD"/><category term="Machine"/><category term="Meta"/><category term="OnePlus"/><category term="PGS"/><category term="Pixel Fold AVD"/><category term="Pixel Tablet AVD"/><category term="Platform_Update"/><category term="Policy webinar"/><category term="Problem Solving"/><category term="Productivity"/><category term="Project IDX"/><category term="Sharing"/><category term="Solve"/><category term="Tablets"/><category term="The Android Show"/><category term="Tutorials"/><category term="Video"/><category term="ad blocking"/><category term="adventure games"/><category term="agency"/><category term="android dev summit"/><category term="android sdk"/><category term="android studio flamingo"/><category term="androidstudio"/><category term="anniversary"/><category term="anthos"/><category term="apac"/><category term="aplikasi"/><category term="app development"/><category term="arcore"/><category term="assistant"/><category term="case study"/><category term="chrome ads"/><category term="chrome os"/><category term="coalition"/><category term="coalition for better ads"/><category term="conferencing"/><category term="coroutine"/><category term="data binding"/><category term="data flow"/><category term="data science"/><category term="develop"/><category term="developer stories"/><category term="developer wear os 4"/><category term="documentation"/><category term="doubleclick"/><category term="ecosystem"/><category term="emojis"/><category term="entepreneur"/><category term="entrepreneurs"/><category term="events"/><category term="film"/><category term="flutter 3"/><category term="flutter3"/><category term="foldables"/><category term="game"/><category term="gmail"/><category term="google bisnisku"/><category term="google code-in"/><category term="google design"/><category term="google font"/><category term="google for entrepreneurs"/><category term="google partners"/><category term="google photos"/><category term="google pixel"/><category term="google pixel fold"/><category term="google pixel tablet"/><category term="google play policy"/><category term="google sign-in"/><category term="graphics"/><category term="how to"/><category term="hybrid interface"/><category term="indie developers"/><category term="indie game developers"/><category term="insight"/><category term="ios"/><category term="jetpack compose 1.5"/><category term="kebijakan"/><category term="kotlin"/><category term="lyft"/><category term="material design"/><category term="meet"/><category term="mobile games"/><category term="modifier"/><category term="now"/><category term="opensource"/><category term="pagespeed"/><category term="partial"/><category term="platform"/><category term="play console"/><category term="play privacy"/><category term="play quality"/><category term="play security"/><category term="play store"/><category term="releases"/><category term="reporting api"/><category term="roadmaps"/><category term="screen"/><category term="screensharing"/><category term="shapes"/><category term="small business"/><category term="spotify"/><category term="subs"/><category term="success stories"/><category term="testing"/><category term="text-to-speech"/><category term="theandroidshow"/><category term="training"/><category term="transparency"/><category term="tutorial"/><category term="twitter"/><category term="usecase"/><category term="users"/><category term="videocall"/><category term="vr"/><category term="windowmanager"/><category term="workmanager"/><title type='text'>Google Developers Indonesia Blog</title><subtitle type='html'>Perhatian! Kami akan menggabungkan dan memindahkan akun. Untuk tetap mendapatkan berita developer terbaru, ikuti &#xa;@googledevs</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://developers-id.googleblog.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>568</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-267425924624548114</id><published>2024-03-29T17:10:00.010+07:00</published><updated>2024-05-01T17:16:49.064+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="beginner"/><category scheme="http://www.blogger.com/atom/ns#" term="best practices"/><category scheme="http://www.blogger.com/atom/ns#" term="mobile"/><category scheme="http://www.blogger.com/atom/ns#" term="Mobile App Development"/><category scheme="http://www.blogger.com/atom/ns#" term="privacy"/><category scheme="http://www.blogger.com/atom/ns#" term="security"/><title type='text'>Memerangi Penipuan Peniruan Identitas: Pendekatan Inovatif Monzo</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/battling-impersonation-scams-monzo-innovative-approach.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/battling-impersonation-scams-monzo-innovative-approach.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta name=&quot;twitter:image&quot; content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9RdxcjxL3U0FED0xkLkqoaR-kRYYPKhVSJJjBdyeaRoMO0PbguHKu3xP0NqItQujnU5lWdTlXlUu4aMK-SYZZ4DtZNc2tvpr-Qr67rUseUat43Q3ZTEA711xg-cknJUK2HHNiqVcAVit4jTxKrFFqe7cmzsI6A-sAbj1mbLY-dvK0WdL1Lb1vD4nrivI/s1600/new-social.png&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9RdxcjxL3U0FED0xkLkqoaR-kRYYPKhVSJJjBdyeaRoMO0PbguHKu3xP0NqItQujnU5lWdTlXlUu4aMK-SYZZ4DtZNc2tvpr-Qr67rUseUat43Q3ZTEA711xg-cknJUK2HHNiqVcAVit4jTxKrFFqe7cmzsI6A-sAbj1mbLY-dvK0WdL1Lb1vD4nrivI/s1600/new-social.png&quot; style=&quot;display:none&quot;&gt;

&lt;em&gt;Diposting oleh Todd Burner – Developer Relation Engineer&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1fi1qTWTJC_RmEL7ytOhAklf204fm9nF8128Qo56AvzCKsD1TrJUSh47x_Jr-OyDe5ihxWVWFVpa1z0m_8b9XbNOl_h-xPC6ZluNWxmbJ93NVViKDTtWAjZHPEdwjWg62mBD5srdDRbzcBXMPjHFt4aP8opdt0TJ0K-dr-shkGmcdko0IqfTDWLvfuxY/s1600/Monzo-Blog-Banner.png&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1fi1qTWTJC_RmEL7ytOhAklf204fm9nF8128Qo56AvzCKsD1TrJUSh47x_Jr-OyDe5ihxWVWFVpa1z0m_8b9XbNOl_h-xPC6ZluNWxmbJ93NVViKDTtWAjZHPEdwjWg62mBD5srdDRbzcBXMPjHFt4aP8opdt0TJ0K-dr-shkGmcdko0IqfTDWLvfuxY/s1600/Monzo-Blog-Banner.png&quot; style=&quot;100%&quot;&gt;&lt;/a&gt;


&lt;p&gt;Penjahat dunia maya terus berinvestasi dalam penipuan keuangan tingkat lanjut, yang menyebabkan kerugian lebih dari $1 triliun bagi konsumen. Menurut &lt;a href=&quot;https://www.newswire.com/news/global-losses-to-scammers-exceed-1-trillion-as-1-in-4-lose-money-to-22145725&quot; target=&quot;_blank&quot;&gt;Global State of Scams Report oleh the Global Anti-Scam Alliance&lt;/a&gt; (Laporan Kondisi Global Kasus Penipuan dari Aliansi Anti-Penipuan Global) tahun 2023, 78 persen pengguna seluler yang disurvei mengalami setidaknya satu penipuan dalam setahun terakhir. Dari responden yang disurvei, 45 persen mengatakan mereka mengalami lebih banyak penipuan dalam 12 bulan terakhir.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;TEKS ALT&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8o87R6eoIO7ByjEL9QSZ85PAFYn1k-Q9rHwFF4K_uJ8g8T_AzJ9SIrm3x0Ltix_m2BWEBPHkJ7KmV5B7jp78cUb0_hbgKTBCW8m1w0NbtlFnx9RmJDCAbm-piJNoTrq8Dc16qpmkb6LCRSIuPJcEmFRJzQ5CVbcP3Txz75zTMIBcfsNYEnEvIeF2YmRo/s1600/image4.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;br&gt;


&lt;p&gt;Global Scam Report (Laporan Penipuan Global) juga menemukan bahwa panggilan telepon adalah metode utama untuk memulai penipuan. Penipu sering kali menggunakan taktik rekayasa sosial untuk menipu pengguna seluler.&lt;/p&gt; 

&lt;p&gt;Hal utama yang ingin dicapai para penipu ini adalah agar para individu mengambil tindakan di alat yang memberikan akses ke uang mereka. Ini berarti layanan keuangan sering menjadi sasaran. Karena penjahat dunia maya semakin banyak melakukan penipuan dan jangkauan mereka meluas secara global, diperlukan inovasi dalam merespons hal ini.&lt;/p&gt;  
 
&lt;p&gt;Salah satu inovator tersebut adalah Monzo, yang mampu mengatasi panggilan penipuan melalui fitur deteksi peniruan identitas yang unik di aplikasi mereka.&lt;/p&gt;

&lt;h3&gt;Pendekatan Inovatif Monzo&lt;/h3&gt;

&lt;p&gt;Didirikan pada tahun 2015, Monzo adalah bank digital terbesar di Inggris yang juga hadir di AS. Misinya adalah menjadikan uang bermanfaat bagi semua orang dan bercita-cita menjadi satu-satunya aplikasi yang digunakan pelanggan untuk mengelola seluruh kehidupan finansial mereka.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Logo Monzo&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisTk0iOUitj4Dz0yVGcyAlEub9LD5t1bAkDnRHbDXZRA0RayjMQuG8UFfhhqFx8C-tdyhIGBt2TS4gsEv_5TRHG-SBkdfwFvZAJTeeMd4DeOFNzOnSj95uUBcYZ9T9XJJlFEz_Lq42W_Cf326id3J5OI-CA-fYxeNnaPPb_oWkMY_f5kt-S2UNF2F6ThA/s1600/image1.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;br&gt;

&lt;p&gt;&lt;a href=&quot;https://www.ukfinance.org.uk/news-and-insight/press-release/new-figures-show-ps1776m-was-lost-impersonation-scams-in-2022-take&quot; target=&quot;_blank&quot;&gt;Penipuan peniruan identitas&lt;/a&gt; adalah masalah yang dihadapi seluruh industri dan Monzo memutuskan untuk mengambil tindakan dan memperkenalkan alat pertama di industri ini. Penipuan peniruan identitas adalah taktik rekayasa sosial yang sangat umum ketika penjahat berpura-pura menjadi orang lain sehingga mereka dapat mendorong Anda untuk mengirimkan uang kepada mereka. Penipuan ini sering kali berkedok alasan mendesak yang menimbulkan risiko terhadap keuangan pengguna atau peluang untuk mendapatkan kekayaan dengan cepat. Dengan tekanan ini, penipu meyakinkan pengguna untuk menonaktifkan perlindungan keamanan dan mengabaikan peringatan proaktif terhadap potensi malware, penipuan, dan phishing.&lt;/p&gt; 

&lt;h3&gt;Fitur Status Panggilan&lt;/h3&gt;

&lt;p&gt;Android menawarkan perlindungan berlapis terhadap spam dan phishing bagi pengguna termasuk ID panggilan dan perlindungan spam di aplikasi Telepon oleh Google. Tim Monzo ingin meningkatkan perlindungan tersebut dengan memanfaatkan sistem telepon internal mereka. Dengan mengintegrasikan infrastruktur aplikasi seluler, mereka dapat membantu pelanggan mengonfirmasi secara real time saat mereka benar-benar berbicara dengan anggota tim dukungan pelanggan Monzo dengan cara yang menjaga privasi.&lt;/p&gt;

&lt;p&gt;Jika seseorang menelepon pelanggan Monzo dan menyatakan bahwa mereka berasal dari bank, penggunanya dapat masuk ke aplikasi untuk memverifikasinya. Di bagian Privasi &amp;amp; Keamanan aplikasi Monzo, pengguna dapat melihat ‘Status Panggilan Monzo’, yang akan memberi tahu mereka jika ada panggilan aktif yang sedang berlangsung dengan anggota tim Monzo yang sebenarnya.&lt;/p&gt;

&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;“Kami telah membangun fitur pertama di industri ini menggunakan teknologi kelas dunia kami untuk memberikan lapisan kenyamanan dan keamanan tambahan. Harapan kami adalah hal ini dapat menghentikan terjadinya penipuan peniruan identitas pada pelanggan Monzo dan berdampak pada pelanggan.”&amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;- Priyesh Patel, Senior Staff Engineer, tim Keamanan Monzo&lt;/b&gt;&lt;/p&gt;&lt;/blockquote&gt;

&lt;h3&gt;Terus Memberi Informasi ke Pelanggan&lt;/h3&gt;


&lt;p&gt;Jika pengguna tidak berbicara dengan anggota tim dukungan pelanggan Monzo, mereka akan melihatnya beserta beberapa informasi berguna. Jika &#39;Status panggilan Monzo&#39; menunjukkan bahwa Anda tidak sedang berbicara dengan Monzo, fitur status panggilan akan meminta Anda untuk segera menutup telepon dan melaporkannya ke tim mereka. Pelanggan mereka dapat memulai laporan penipuan langsung dari fitur status panggilan di aplikasi.&lt;/p&gt;


&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;tangkapan layar status panggilan Monzo memperingatkan pelanggan bahwa panggilan yang diterima pelanggan tidak berasal dari Monzo. Pelanggan disarankan untuk mengakhiri panggilan&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguZ0FD_nFvmFYqzppPhAKQQsXPpQDJBulWGoJAByC2fTitYF-hzxeZMZVwsnc9esbx598xMs_A46i4ckxnuJQu1PrgQASceph0G6Vt8nCb4AS_YfaVl8tdzBUDFLAiajfLjxWv9m9-JDCJisUFVfD3toIqWTxC237vsVUn6Kd8yNfMmXpW4O06PHgbCkw/s1600/image2.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;br&gt;

&lt;p&gt;Jika panggilan asli sedang berlangsung, pelanggan akan melihat informasinya.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;tangkapan layar status panggilan Monzo mengonfirmasi kepada pelanggan bahwa panggilan yang diterima pelanggan berasal dari Monzo.&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimvppUPkI9ZDKYFinQq37kughoC-5ZuWyGDZWeM_HjyAH0Wr-LQinwdKKKFLuGOwStMR0uYQrAP4V-UXUbqB784bZ9HL3TI0iq-TP_VHoFk3hnoloVK-0chyphenhyphenkOX8LVtB_y_PaIHU-koaIgEOoWOvmidr2_zdzO6ytkP3xk4dxMGx6HjuI98Qp1LxiuDR4/s1600/image6.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;br&gt;

&lt;h3&gt;Bagaimana cara kerjanya?&lt;/h3&gt;

&lt;p&gt;Monzo telah mengintegrasikan beberapa sistem untuk membantu menginformasikan kepada pelanggan mereka. Sebuah tim lintas fungsi dibentuk untuk membangun solusi.&lt;/p&gt;

&lt;p&gt;Technology stack internal Monzo menunjukkan bahwa sistem yang mendukung aplikasi dan panggilan telepon layanan pelanggan dapat dengan mudah berkomunikasi satu sama lain. Hal ini memungkinkan mereka menghubungkan keduanya dan berbagi detail panggilan layanan pelanggan dengan aplikasi mereka, secara akurat dan real-time.&lt;/p&gt;

&lt;p&gt;Tim kemudian bekerja untuk mengidentifikasi kondisi edge case, seperti saat pengguna sedang offline. Dalam situasi ini, Monzo menyarankan agar pelanggan tidak berbicara dengan siapa pun yang mengaku dari Monzo sampai Anda terhubung kembali ke internet dan dapat memeriksa status panggilan dalam aplikasi. &lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;tangkapan layar status panggilan Monzo yang menampilkan peringatan saat pelanggan offline memberi tahu pelanggan bahwa aplikasi tidak dapat memverifikasi apakah panggilan tersebut berasal dari Monzo atau tidak, jadi akan lebih aman untuk tidak menjawabnya.&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitZzpe5y3du_onQYb4IcS-85yEG_7v1WOTXom6C0xIMCvxxNaXi0EUw0ZrhZAv-LWVZTt7o9daFvl8wDOeHYWR0VwYVWFFAWLYfzmNSSqHgcgT7gsCENdT1s6KW4QNN7alLVhEzVO7MgsTKIH_XGc3XTUkzcr3_SLnqF4urVreq3D9rfmFGjiM83fnaAk/s1600/image5.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;br&gt;

&lt;h3&gt;Hasil dan Langkah Selanjutnya&lt;/h3&gt;

&lt;p&gt;Fitur ini terbukti sangat efektif dalam melindungi pelanggan, dan mendapat pujian universal dari pakar industri dan pendukung konsumen.&lt;/p&gt;

&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;“Sejak kami meluncurkan Status Panggilan, kami menerima rata-rata sekitar 700 laporan dugaan penipuan dari pelanggan kami melalui fitur ini setiap bulannya. Kini, setelah layanan ini aktif dan membantu melindungi pelanggan, kami selalu mencari cara untuk meningkatkan Status Panggilan, seperti membuatnya lebih terlihat dan lebih mudah ditemukan jika Anda sedang menelepon dan ingin segera memeriksa dengan siapa Anda berbicara itu adalah orang yang sebenarnya.”&amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;- Priyesh Patel, Senior Staff Engineer, tim Keamanan Monzo&lt;/b&gt;&lt;/p&gt;&lt;/blockquote&gt;

&lt;h3&gt;Saran Terakhir&lt;/h3&gt;

&lt;p&gt;Monzo terus berinvestasi dan berinovasi dalam pencegahan penipuan. Fitur status panggilan menyatukan inovasi teknologi dan pendidikan pelanggan untuk mencapai keberhasilannya, dan memberi cara bagi pelanggan untuk menangkap penipu yang sedang bertindak. &lt;/p&gt;

&lt;p&gt;Pendekatan keamanan berlapis adalah cara terbaik untuk melindungi pengguna. Android dan Google Play menyediakan lapisan seperti sandboxing aplikasi, Google Play Protect, dan izin menjaga privasi, dan Monzo telah membuat lapisan tambahan dengan cara menjaga privasi.&lt;/p&gt; 

&lt;p&gt;Untuk mempelajari lebih lanjut tentang perlindungan Android dan Play serta untuk lebih melindungi aplikasi Anda, baca referensi berikut:&lt;/p&gt;  
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://developer.android.com/quality/privacy-and-security&quot; target=&quot;_blank&quot;&gt;Tingkatkan keamanan aplikasi Anda&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://developer.android.com/google/play/integrity/overview&quot; target=&quot;_blank&quot;&gt;Mengadopsi Play Integrity API&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/267425924624548114'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/267425924624548114'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/memerangi-penipuan-peniruan-identitas.html' title='Memerangi Penipuan Peniruan Identitas: Pendekatan Inovatif Monzo'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9RdxcjxL3U0FED0xkLkqoaR-kRYYPKhVSJJjBdyeaRoMO0PbguHKu3xP0NqItQujnU5lWdTlXlUu4aMK-SYZZ4DtZNc2tvpr-Qr67rUseUat43Q3ZTEA711xg-cknJUK2HHNiqVcAVit4jTxKrFFqe7cmzsI6A-sAbj1mbLY-dvK0WdL1Lb1vD4nrivI/s72-c/new-social.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-5486147920901891531</id><published>2024-03-25T17:25:00.014+07:00</published><updated>2024-05-01T17:28:38.149+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="#WeArePlay"/><category scheme="http://www.blogger.com/atom/ns#" term="android developers"/><category scheme="http://www.blogger.com/atom/ns#" term="app development"/><category scheme="http://www.blogger.com/atom/ns#" term="developer stories"/><category scheme="http://www.blogger.com/atom/ns#" term="featured"/><category scheme="http://www.blogger.com/atom/ns#" term="Game Development"/><category scheme="http://www.blogger.com/atom/ns#" term="google play"/><category scheme="http://www.blogger.com/atom/ns#" term="Google Play Developers"/><category scheme="http://www.blogger.com/atom/ns#" term="success stories"/><title type='text'>#WeArePlay | Mengenal lebih dekat para pendiri yang mengubah kehidupan perempuan: Cerita Bulan Sejarah Perempuan</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/weareplay-meet-founders-changing-womens-lives-womens-history-month-stories.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/weareplay-meet-founders-changing-womens-lives-womens-history-month-stories.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu218W2RyLDMAvOEcTDjLxA2tjNEFk6822pJCEX1uklhlS4xpUn4A5pQbmDLsnUgOC_Vfzy1stegKYeBgy0jdWOCimNm_I9eTkUg1l5lJRk0ASIaaZxda23M1MU6HvxT5yLhxzdzNMCRU3j457Tn6g7RLBLWs7sAvwCa3u0ytAAt_WUpmpGRM-HCmzGjA/s1600/%23WeArePlay%20Social%20.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu218W2RyLDMAvOEcTDjLxA2tjNEFk6822pJCEX1uklhlS4xpUn4A5pQbmDLsnUgOC_Vfzy1stegKYeBgy0jdWOCimNm_I9eTkUg1l5lJRk0ASIaaZxda23M1MU6HvxT5yLhxzdzNMCRU3j457Tn6g7RLBLWs7sAvwCa3u0ytAAt_WUpmpGRM-HCmzGjA/s1600/%23WeArePlay%20Social%20.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Leticia Lago – Developer Marketing&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfkoyiV0Ohxbe89HXqSsLkj4WD8ADd5AmwhHRv4MyMdbrm11cE1wn-SnjSYjsmWupfwZDt6FhaV_-kWQJ1AdObLCTglDqkO1V_Uo6z7S14NpYbQyWzxaDNOMK3fEa2_k25zNk-kQIkDI21X8YjGyoKu-Nnuptx1YYyd6nXmIxC4bPJQl0iHBj2dMD2nI4/s1600/%23WeArePlay%20Banner.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfkoyiV0Ohxbe89HXqSsLkj4WD8ADd5AmwhHRv4MyMdbrm11cE1wn-SnjSYjsmWupfwZDt6FhaV_-kWQJ1AdObLCTglDqkO1V_Uo6z7S14NpYbQyWzxaDNOMK3fEa2_k25zNk-kQIkDI21X8YjGyoKu-Nnuptx1YYyd6nXmIxC4bPJQl0iHBj2dMD2nI4/s1600/%23WeArePlay%20Banner.png&quot;&gt;&lt;/a&gt;



&lt;p&gt;Dalam rangka merayakan bulan Sejarah Perempuan, kami merayakan para pendiri di balik aplikasi dan game inovatif dari seluruh dunia, yang dibuat oleh perempuan atau untuk para perempuan. Mari temukan empat favorit saya dalam sembilan kumpulan terbaru &lt;a href=&quot;https://play.google.com/console/about/weareplay/&quot; target=&quot;_blank&quot;&gt; cerita #WeArePlay&lt;/a&gt; ini.&lt;/p&gt;&lt;br&gt;


&lt;h3&gt;Múkami Kinoti Kimotho&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Royelles Revolution / Royelles Revolution: Gaming For Girls (AS)&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://play.google.com/console/about/weareplay/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Múkami Kinoti Kimotho – Royelles Revolution / Royelles- Gaming For Girls | AS&quot; border=&quot;0&quot; height=&quot;640&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6tkNfmiNsZsaazg8OG_nEt1TzHHIAnkk3Ei10Q3vVRBI3dGWVxbo6JaEFPa9i0-GWqMTN30cR_f4256XplS9Rg1bxiN0EZlnJDoObwozARkeXzVXUBu_KTzG7SIWar4AmE-f-tW53iWwmxadNECFw2vKS5YUH7c6GqAPrEg-QFcwWEXSytVbQV5-lgSM/w493-h640/USA_Social_DevPromo_Royelles%20Revolution.png&quot; width=&quot;493&quot;&gt;&lt;/a&gt;&lt;/div&gt;

&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br&gt;&lt;/div&gt;&lt;p&gt;Perjalanan Múkami dimulai ketika dia menyadari kurangnya perwakilan perempuan di industri game. Bertekad untuk mengubah narasi ini, dia menciptakan Royelles, sebuah game yang dirancang untuk menginspirasi perempuan dan orang-orang non-biner untuk mengejar karir di bidang STEAM (sains, teknologi, teknik, seni, matematika). Game ini berfokus kepada avatar perempuan tegas seperti ilmuwan NASA di kehidupan nyata, Mara, yang mengisi suara sebuah karakter. Royelles merevolusi lanskap game dan memberdayakan generasi inovator berikutnya. Múkami sangat bersemangat untuk merilis lebih banyak cerita dan modul pembelajaran yang digamifikasi, serta serangkaian realitas yang diperluas dan avatar yang didukung AI berdasarkan karakter dalam game.&lt;/p&gt;

&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;&quot;Jika kita ingin mendidik Gen Z dan Gen Alfa secara efektif, kita harus menemui mereka di metaverse dan memanfaatkan permainan yang digamifikasi sebagai sarana untuk mendorong pendidikan, kesadaran, inspirasi, dan pemberdayaan.”&amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;- Múkami&lt;/b&gt;&lt;/p&gt;&lt;/blockquote&gt;


&lt;h3&gt;Leonika Sari Njoto Boedioetomo&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Reblood: Aplikasi Layanan Darah (Indonesia)&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://play.google.com/console/about/weareplay/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Leonika Sari Njoto Boedioetomo – Reblood / Aplikasi Layanan Darah | Indonesia&quot; border=&quot;0&quot; height=&quot;640&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvpDipNC-zeuqm2yBxJArUkPR0O95HlJRys3c0fnZY6NubA8ATU4RMvJLv83so53CR8G-QTRm6hwo-PmdJQcJOcN-J1FPP9MoUUnTkecGIG-dGdW0GkcrSki5OdL6BHASi1CvDJY8J0Z2H14SY8lxZPU9RpPvnCAuu3CjCkdvPrAtUAexGvj0rxkcIx98/s1600/INDONESIA_Social_DevPromo_Reblood.png&quot; width=&quot;493&quot;&gt;&lt;/a&gt;&lt;/div&gt;

&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br&gt;&lt;/div&gt;&lt;p&gt;Ketika teman universitasnya membutuhkan transfusi darah yang mendesak tetapi ternyata tidak ada yang tersedia di bank darah, Leonika menjadi sadar akan kekurangan donor darah di Indonesia. Misinya untuk mengatasi hal ini mendorongnya menciptakan Reblood, sebuah aplikasi yang menghubungkan donor darah dengan mereka yang membutuhkan. Dengan lebih dari 140.000 donor darah yang difasilitasi hingga saat ini, Reblood tidak hanya menyelamatkan nyawa, tetapi juga memperkenalkan gaya hidup yang lebih sehat dengan fitur yang baru - baru ini ditambahkan yang memungkinkan orang untuk menemukan pemeriksaan medis yang paling terjangkau.&lt;/p&gt;

&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;“Tujuan kami adalah menyelamatkan lebih banyak nyawa dengan meningkatkan kesadaran akan donor darah di Indonesia dan mempromosikan gaya hidup yang lebih sehat bagi para pendonor darah.”&amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;- Leonika&lt;/b&gt;&lt;/p&gt;&lt;/blockquote&gt;



&lt;h3&gt;Luciane Antunes dos Santos dan Renato Hélio Rauber&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;CARSUL / Car Sul: Aplikasi Mobilitas Perkotaan (Brasil)&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://play.google.com/console/about/weareplay/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Luciane Antunes dos Santos and Renato Hélio Rauber – Car Sul: Aplikasi Mobilitas Perkotaan | Brasil&quot; border=&quot;0&quot; height=&quot;640&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnSt2Xg4U9FyFqT9Rt3kR5NjA5yDl_1jazXEdimKT_hbpVTyL4daJTqgKals76c8vGE7-IxaHbPM8ikA60NY4WCvKUi8XFO_813cKx8g1W41o2d9QIUukQVk9_Ohk5jyrJYxSxIvfLyThm8CW_KlyNomkt9cWBGghqeGDiGk37rL4ocuA_A5n40S8Hd7U/s1600/BRAZIL_Social_DevPromo_Carsul.png&quot; width=&quot;493&quot;&gt;&lt;/a&gt;&lt;/div&gt;

&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br&gt;&lt;/div&gt;&lt;p&gt;Luciane sangat terpukul ketika dia kehilangan putranya dalam kecelakaan mobil. Rasa kehilangan yang timbul dalam diri Renato dan suaminya mendorong mereka mengembangkan Carsul, aplikasi mobilitas perkotaan yang mengutamakan keselamatan dan keamanan. Dengan menyediakan pilihan transportasi yang aman dan bermitra dengan program kesehatan pemerintah untuk mengantar pasien jarak jauh ke rumah sakit yang lebih besar, Carsul tidak hanya mencegah kecelakaan tetapi juga menyelamatkan nyawa. Dedikasi Luciane dan Renato untuk melindungi orang lain dari rasa sakit yang mereka alami sedang berlanjut dan mereka berencana untuk meluas ke lebih banyak kota di Brasil.&lt;/p&gt;

&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;“Carsul lahir dari kisah kehilangan ini, sehingga menginspirasi saya untuk melindungi kehidupan lainnya. Menilai ulang diri saya dengan cara ini sangatlah bermanfaat.”&amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;- Luciane&lt;/b&gt;&lt;/p&gt;&lt;/blockquote&gt;

&lt;h3&gt;Diariata (Diata) N&#39;Diaye&lt;/h3&gt;
&lt;p&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Resonantes / App-Elles: Aplikasi Keselamatan untuk Perempuan (Prancis)&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://play.google.com/console/about/weareplay/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Diariata (Diata) N&#39;Diaye – Resonantes / App-Elles: Aplikasi Keselamatan untuk Perempuan | Prancis&quot; border=&quot;0&quot; height=&quot;640&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi03vRYfkRIMtV2BRZZiZbgpxn6DVS-d-TK0Mulenb-IKQ871Vh55WjNdI5tWbRrO3KFRP2OF2Y1JUMXD0gN9x7Ic8THxom2hhwcggSxsPhjTt-deCWtkoJnsRxC-zeqQIPDf8oXD_MXy5UgTkR3Tjz5GubWK8vhCUXcgDn5a1_ahj6wc4J6dOxah99ET8/s1600/FRANCE_Social_DevPromo_Resonantes.png&quot; width=&quot;493&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-size: large;&quot;&gt; &lt;/span&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br&gt;&lt;/div&gt;&lt;p&gt;Setelah mendengar kisah anak muda yang pernah mengalami pelecehan yang mirip dengan dirinya sendiri, penyair bernama Diata mengembangkan App-Elles, sebuah aplikasi yang memungkinkan perempuan mengirim peringatan ketika mereka dalam bahaya. Dengan menghubungkan pengguna ke jaringan dukungan dan layanan profesional, App-Elles memberdayakan para perempuan untuk mendapatkan kembali keselamatan mereka dan mencari bantuan bila diperlukan. Diata juga mengadakan lokakarya tentang menulis dan merekam untuk membantu para korban mengatasi pengalaman mereka terkait dengan kekerasan dan dia berencana untuk memperluas aplikasinya dengan pengenalan perangkat wearable rahasia yang mengirimkan peringatan.&lt;/p&gt;

&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;“Saya menyadari dari pekerjaan saya di lapangan bahwa ada korban kekerasan yang membutuhkan bantuan dan sistem dukungan. Inilah inspirasi saya untuk membuat App-Elles.&quot;&amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;- Diata&lt;/b&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;br&gt;

&lt;p&gt;Temukan lebih banyak &lt;a href=&quot;https://play.google.com/console/about/weareplay/&quot; target=&quot;_blank&quot;&gt;cerita #WeArePlay&lt;/a&gt; dan bagikan favorit Anda.&lt;/p&gt;

&lt;br&gt;&lt;br&gt;
&lt;p&gt;&lt;/p&gt;&lt;center&gt;
 Menurut Anda, seberapa bermanfaatkah postingan blog ini? 
  &lt;/center&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;center&gt;
&lt;a href=&quot;https://docs.google.com/forms/d/e/1FAIpQLScLTlzFd_aV-3rAdBqO1QxwCsuAcDCIM6fJFXyNcyf7zElVXg/viewform?usp=pp_url&amp;amp;entry.753333049=1%E2%98%85+%E2%80%93+Not+at+all&amp;amp;entry.2056663615&amp;amp;entry.646747778=changeme-mm/yy&quot; target=&quot;_blank&quot;&gt;★&lt;/a&gt; &lt;a href=&quot;https://docs.google.com/forms/d/e/1FAIpQLScLTlzFd_aV-3rAdBqO1QxwCsuAcDCIM6fJFXyNcyf7zElVXg/viewform?usp=pp_url&amp;amp;entry.753333049=2%E2%98%85+%E2%80%93+Not+very&amp;amp;entry.2056663615&amp;amp;entry.646747778=changeme-mm/yy&quot; target=&quot;_blank&quot;&gt;★&lt;/a&gt; &lt;a href=&quot;https://docs.google.com/forms/d/e/1FAIpQLScLTlzFd_aV-3rAdBqO1QxwCsuAcDCIM6fJFXyNcyf7zElVXg/viewform?usp=pp_url&amp;amp;entry.753333049=3%E2%98%85+%E2%80%93+Somewhat&amp;amp;entry.2056663615&amp;amp;entry.646747778=changeme-mm/yy&quot; target=&quot;_blank&quot;&gt;★&lt;/a&gt; &lt;a href=&quot;https://docs.google.com/forms/d/e/1FAIpQLScLTlzFd_aV-3rAdBqO1QxwCsuAcDCIM6fJFXyNcyf7zElVXg/viewform?usp=pp_url&amp;amp;entry.753333049=4%E2%98%85+%E2%80%93+Very&amp;amp;entry.2056663615&amp;amp;entry.646747778=changeme-mm/yy&quot; target=&quot;_blank&quot;&gt;★&lt;/a&gt; &lt;a href=&quot;https://docs.google.com/forms/d/e/1FAIpQLScLTlzFd_aV-3rAdBqO1QxwCsuAcDCIM6fJFXyNcyf7zElVXg/viewform?usp=pp_url&amp;amp;entry.753333049=5%E2%98%85+%E2%80%93+Extremely&amp;amp;entry.2056663615&amp;amp;entry.646747778=changeme-mm/yy&quot; target=&quot;_blank&quot;&gt;★&lt;/a&gt;
  &lt;/center&gt;&lt;p&gt;&lt;/p&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxnvf5XzyebGljqgi8J7by9XsvaL5WWLNamSyTg4w_c0kPHjY1B1no1FQsdSfUHUwNw0UuYfXuo6i7K6VpdyV2-K8ms4VFmZA438ujm6qwtZMt5rJfMGymhQ_iCX2Z8h0MuJo7gXUQ4Hb-hjKYK1isibMZZxCyX_vo3kGoP5tieK2PI2ZhYdGh4gsqhwA/s260/lockup_ic_Google_Play_H_260x53px_clr.png&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;53&quot; data-original-width=&quot;260&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxnvf5XzyebGljqgi8J7by9XsvaL5WWLNamSyTg4w_c0kPHjY1B1no1FQsdSfUHUwNw0UuYfXuo6i7K6VpdyV2-K8ms4VFmZA438ujm6qwtZMt5rJfMGymhQ_iCX2Z8h0MuJo7gXUQ4Hb-hjKYK1isibMZZxCyX_vo3kGoP5tieK2PI2ZhYdGh4gsqhwA/s200/lockup_ic_Google_Play_H_260x53px_clr.png&quot; width=&quot;200&quot;&gt;&lt;/a&gt;&lt;/div&gt;



&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='replies' type='application/atom+xml' href='http://developers-id.googleblog.com/feeds/5486147920901891531/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://developers-id.googleblog.com/2024/03/weareplay-mengenal-lebih-dekat-para.html#comment-form' title='212 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/5486147920901891531'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/5486147920901891531'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/weareplay-mengenal-lebih-dekat-para.html' title='#WeArePlay | Mengenal lebih dekat para pendiri yang mengubah kehidupan perempuan: Cerita Bulan Sejarah Perempuan'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu218W2RyLDMAvOEcTDjLxA2tjNEFk6822pJCEX1uklhlS4xpUn4A5pQbmDLsnUgOC_Vfzy1stegKYeBgy0jdWOCimNm_I9eTkUg1l5lJRk0ASIaaZxda23M1MU6HvxT5yLhxzdzNMCRU3j457Tn6g7RLBLWs7sAvwCa3u0ytAAt_WUpmpGRM-HCmzGjA/s72-c/%23WeArePlay%20Social%20.png" height="72" width="72"/><thr:total>212</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-6074498369379492173</id><published>2024-03-21T17:34:00.009+07:00</published><updated>2024-05-01T17:36:55.832+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Android 15"/><category scheme="http://www.blogger.com/atom/ns#" term="Developer Preview"/><category scheme="http://www.blogger.com/atom/ns#" term="explore"/><category scheme="http://www.blogger.com/atom/ns#" term="featured"/><category scheme="http://www.blogger.com/atom/ns#" term="latest"/><category scheme="http://www.blogger.com/atom/ns#" term="release notes"/><title type='text'>Pratinjau Developer Kedua Android 15</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/the-second-developer-preview-of-android-15.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/the-second-developer-preview-of-android-15.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1UxJk2BEGQu-9eSLY0fV6wrCb0FJTo_-rMykFO0wUDajMwXeF7CgXx9MBKZcOLhd5bOikhbK9PWvM3aYfncnDn_Lba0ASuchSeKbpt4ZWcmcEHDK8_W6-_C2DnWs3T7v1DPk2EtTAH_amWewikG5f9NDadQSJ6DbcwiTKEG0XtlO_f250KaNRz76Jcg/s1600/AD-15-Developer-Preview.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1UxJk2BEGQu-9eSLY0fV6wrCb0FJTo_-rMykFO0wUDajMwXeF7CgXx9MBKZcOLhd5bOikhbK9PWvM3aYfncnDn_Lba0ASuchSeKbpt4ZWcmcEHDK8_W6-_C2DnWs3T7v1DPk2EtTAH_amWewikG5f9NDadQSJ6DbcwiTKEG0XtlO_f250KaNRz76Jcg/s1600/AD-15-Developer-Preview.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt; Diposting oleh &lt;a href=&quot;https://twitter.com/davey_burke&quot; target=&quot;_blank&quot;&gt;Dave Burke&lt;/a&gt;, VP of Engineering &lt;/em&gt;

&lt;div class=&quot;separator&quot; style=&quot;border: 0px; clear: both; float: right; padding: 0px; width: 45%;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX98TKIsaJF7D4wnq7YBOuMjtYH-6D5Kgm7m7VbRek7cQIGN7TNVtJMDIbSiEG5KgcGyGpgGxEOz7u9v-WhQASrQrjvCQF8-RQ7PsZpA6djqK7RA7mXrnt6aYiac8voLef_mhP-s_TucPVEP1vvmUBjspmjA2RdrbvIqVwYXQJZ1fwPyamJIxXTrgMVmg/s1600/image1.png&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;br&gt;&lt;/a&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX98TKIsaJF7D4wnq7YBOuMjtYH-6D5Kgm7m7VbRek7cQIGN7TNVtJMDIbSiEG5KgcGyGpgGxEOz7u9v-WhQASrQrjvCQF8-RQ7PsZpA6djqK7RA7mXrnt6aYiac8voLef_mhP-s_TucPVEP1vvmUBjspmjA2RdrbvIqVwYXQJZ1fwPyamJIxXTrgMVmg/s1600/image1.png&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Logo Android 14&quot; border=&quot;0&quot; data-original-height=&quot;512&quot; data-original-width=&quot;512&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX98TKIsaJF7D4wnq7YBOuMjtYH-6D5Kgm7m7VbRek7cQIGN7TNVtJMDIbSiEG5KgcGyGpgGxEOz7u9v-WhQASrQrjvCQF8-RQ7PsZpA6djqK7RA7mXrnt6aYiac8voLef_mhP-s_TucPVEP1vvmUBjspmjA2RdrbvIqVwYXQJZ1fwPyamJIxXTrgMVmg/s1600/image1.png&quot; width=&quot;320&quot;&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;Hari ini menandai bab dua dari cerita Android 15 dengan rilis Pratinjau Developer 2 Android 15!&lt;/p&gt;

&lt;p&gt;Android 15 melanjutkan upaya kami untuk membangun platform yang membantu meningkatkan produktivitas Anda sekaligus memberikan kemampuan baru untuk menghadirkan pengalaman &lt;a href=&quot;http://d.android.com/media&quot; target=&quot;_blank&quot;&gt;media&lt;/a&gt; dan &lt;a href=&quot;https://developer.android.com/ml/aicore&quot; target=&quot;_blank&quot;&gt;AI yang superior&lt;/a&gt;, memanfaatkan faktor bentuk perangkat, &lt;a href=&quot;https://developer.android.com/develop/background-work/background-tasks&quot; target=&quot;_blank&quot;&gt;meminimalkan dampak baterai&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/topic/performance/baselineprofiles/overview&quot; target=&quot;_blank&quot;&gt;memaksimalkan kelancaran performa aplikasi&lt;/a&gt;, serta &lt;a href=&quot;https://developer.android.com/privacy-and-security/about&quot; target=&quot;_blank&quot;&gt;melindungi privasi dan keamanan pengguna&lt;/a&gt;, semuanya pada beragam perangkat terluas yang ada.&lt;/p&gt;

&lt;p&gt;Android terus menambahkan fitur yang memungkinkan aplikasi Anda memanfaatkan hardware perangkat premium, termasuk fitur telekomunikasi terbaru, kemampuan media kelas atas, tampilan memukau, faktor bentuk perangkat foldable/dapat dilipat, dan pemrosesan AI.&lt;/p&gt;

&lt;p&gt;Masukan Anda terhadap Pratinjau Developer Android 15 dan program Beta memainkan peran penting dalam membantu perkembangan Android. &lt;a href=&quot;https://developer.android.com/about/versions/15&quot; target=&quot;_blank&quot;&gt;Situs developer Android 15&lt;/a&gt; punya banyak informasi tentang pratinjau, termasuk download untuk Pixel dan dokumentasi mendetail tentang perubahan. Pratinjau ini hanyalah permulaan, dan kami memiliki banyak hal yang akan dibagikan seiring dengan siklus rilisnya. Terima kasih sebelumnya atas bantuan Anda dalam menjadikan Android sebagai platform yang bisa digunakan oleh semua orang.&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Mengupdate teknologi komunikasi Android&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android 15 mengupdate platform untuk memberi aplikasi Anda akses ke kemajuan terbaru dalam teknologi komunikasi.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Dukungan satelit&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Android 15 terus memperluas dukungan platform untuk konektivitas satelit dan menyertakan beberapa elemen UI untuk memastikan pengalaman pengguna yang konsisten di seluruh lanskap konektivitas satelit.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;screenshot perangkat seluler Android yang menampilkan notifikasi saat perangkat terhubung ke satelit&quot; border=&quot;0&quot; height=&quot;400&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhYamLzA7BrwXPi87If8wLEFGN_Nij6N4hpox0P1jRBvRQYXyuimQFhSCqw9Krbjp55WQK8tqVycR4Gr901oL5ocas-19FkIfmr7F-wH-Dqsr1kDrTpNrc9EOP2cWpiC9h-qkfVl_-b3iqIr7m_4V3Tju-REVpCh1jjSSfipvuTaRrxN39PGhF119EYZw/w398-h400/image9.png&quot; width=&quot;398&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Notifikasi saat perangkat terhubung ke satelit&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;

&lt;p&gt;Aplikasi dapat menggunakan &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/telephony/ServiceState?#isUsingNonTerrestrialNetwork%28%29&quot; target=&quot;_blank&quot;&gt;ServiceState.isUsingNonTerrestrialNetwork()&lt;/a&gt;&lt;/span&gt; untuk mendeteksi saat perangkat terhubung ke satelit, sehingga memberi aplikasi tersebut lebih banyak informasi tentang alasan kemungkinan tidak tersedianya layanan jaringan penuh. Selain itu, Android 15 menyediakan dukungan pada aplikasi SMS/MMS serta aplikasi RCS pramuat untuk menggunakan konektivitas satelit guna mengirim dan menerima pesan.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Pengalaman NFC yang lebih lancar&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Android 15 berupaya menjadikan pengalaman ketuk untuk membayar lebih lancar dan andal sambil terus mendukung ekosistem aplikasi NFC Android yang kuat. Pada perangkat yang didukung, aplikasi dapat meminta &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/nfc/NfcAdapter&quot; target=&quot;_blank&quot;&gt;NfcAdapter&lt;/a&gt;&lt;/span&gt; untuk masuk ke &lt;a href=&quot;https://developer.android.com/reference/android/nfc/NfcAdapter#setObserveModeEnabled%28boolean%29&quot; target=&quot;_blank&quot;&gt;mode observasi&lt;/a&gt;, yang mana perangkat akan mendengarkan tanpa merespons pembaca NFC, mengirimkan objek &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;PollingFrame&lt;/span&gt; layanan NFC aplikasi yang akan diproses. Objek &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;&lt;a href=&quot;https://develpoer.android.com/reference/android/nfc/cardemulation/HostApduService#processPollingFrames%28java.util.List%3Candroid.nfc.cardemulation.PollingFrame%3E%29&quot; target=&quot;_blank&quot;&gt;PollingFrame&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; dapat digunakan untuk mengautentikasi sebelum komunikasi pertama ke pembaca NFC, sehingga umumnya akan memungkinkan transaksi satu ketukan.

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Produktivitas Developer&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Meskipun sebagian besar upaya kami untuk meningkatkan produktivitas Anda berpusat pada alat, seperti &lt;a href=&quot;https://developer.android.com/studio&quot; target=&quot;_blank&quot;&gt;Android Studio&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/jetpack/compose&quot; target=&quot;_blank&quot;&gt;Jetpack Compose&lt;/a&gt;, dan library &lt;a href=&quot;https://developer.android.com/jetpack&quot; target=&quot;_blank&quot;&gt;Android Jetpack&lt;/a&gt;, kami selalu mencari cara dalam platform untuk membantu Anda mewujudkan visi dengan lebih mudah.&lt;/p&gt;


&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Peningkatan PDF&lt;/span&gt;&lt;/h4&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;screenshot perangkat Android seluler yang menampilkan penelusuran yang diaktifkan untuk file PDF&quot; border=&quot;0&quot; height=&quot;400&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh36mJzos5LY2bD15mJlcRj-VfIQZB07DKp5IywaEyMINjFjgh7a1czQRjd5-ivyLb2dVEo3mZEOkLNA2jk7HUDquzUQeC4yx-lkaQcpk09M5BLkq4aIdJguK7DL3N_aypEWpfUAqHqealv_TMqzEPZQW6GY8qO-X5CXrN-jjLgf09GsVVBS7j1KvbOGnM/s1600/image3.png&quot; width=&quot;398&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Aktifkan penelusuran file PDF sematan dengan update ke &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;PdfRenderer&lt;/span&gt;&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;p&gt;Pratinjau Developer 2 Android 15 mencakup pratinjau awal peningkatan substansial ke &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/graphics/pdf/PdfRenderer&quot; target=&quot;_blank&quot;&gt;PdfRenderer API&lt;/a&gt;&lt;/span&gt;, memberi aplikasi kemampuan untuk menggabungkan fitur-fitur canggih, seperti rendering &lt;a href=&quot;https://developer.android.com/reference/android/graphics/pdf/LoadParams&quot; target=&quot;_blank&quot;&gt;file yang dilindungi sandi&lt;/a&gt;, anotasi, &lt;a href=&quot;https://developer.android.com/reference/android/graphics/pdf/models/FormEditRecord&quot; target=&quot;_blank&quot;&gt;pengeditan formulir&lt;/a&gt;, &lt;a href=&quot;https://develpoer.android.com/reference/android/graphics/pdf/PdfRenderer.Page#searchText%28java.lang.String%29&quot; target=&quot;_blank&quot;&gt;penelusuran&lt;/a&gt;, dan &lt;a href=&quot;https://developer.android.com/reference/android/graphics/pdf/PdfRenderer.Page#selectContent%28android.graphics.pdf.models.selection.SelectionBoundary,%20android.graphics.pdf.models.selection.SelectionBoundary,%20boolean%29&quot; target=&quot;_blank&quot;&gt;pemilihan&lt;/a&gt; dengan salinan. Pengoptimalan PDF linear didukung untuk mempercepat tampilan PDF lokal dan mengurangi penggunaan resource.&lt;/p&gt;

&lt;p&gt;PdfRenderer telah dipindahkan ke modul yang dapat diupdate dengan update sistem Google Play secara mandiri dari rilis platformnya, dan kami mendukung perubahan ini kembali ke Android R dengan membuat permukaan API versi pra-Android 15 yang kompatibel, yang disebut &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/graphics/pdf/PdfRendererPreV&quot; target=&quot;_blank&quot;&gt;PdfRendererPreV&lt;/a&gt;&lt;/span&gt;.&lt;/p&gt;

&lt;p&gt;Kami menghargai masukan Anda terkait peningkatan yang kami lakukan pada permukaan PdfRenderer API, dan kami berencana mempermudah penerapan API ini ke dalam aplikasi Anda dengan library Android Jetpack yang akan datang. Nantikan informasi selanjutnya.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Penyempurnaan pengalihan bahasa otomatis&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Android 14 menambahkan pengenalan audio multibahasa di perangkat dengan pengalihan otomatis antarbahasa. Namun, hal ini dapat menyebabkan kata-kata hilang, terutama saat pengalihan bahasa dengan jeda yang lebih singkat di antara kedua ucapan. Android 15 telah menambahkan kontrol tambahan untuk memungkinkan aplikasi membantu menyesuaikan pengalihan ini untuk kasus penggunaannya. &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/speech/RecognizerIntent#EXTRA_LANGUAGE_SWITCH_INITIAL_ACTIVE_DURATION_TIME_MILLIS&quot; target=&quot;_blank&quot;&gt;EXTRA_LANGUAGE_SWITCH_INITIAL_ACTIVE_DURATION_TIME_MILLIS&lt;/a&gt;&lt;/span&gt; membatasi pengalihan otomatis ke awal sesi audio, sedangkan &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/speech/RecognizerIntent#EXTRA_LANGUAGE_SWITCH_MAX_SWITCHES&quot; target=&quot;_blank&quot;&gt;EXTRA_LANGUAGE_SWITCH_MATCH_SWITCHES&lt;/a&gt;&lt;/span&gt; menonaktifkan pengalihan bahasa setelah sejumlah peralihan yang ditentukan. Hal ini dapat menjadi penyempurnaan yang berguna, terutama jika diperkirakan akan ada satu bahasa yang digunakan selama sesi yang harus dideteksi secara otomatis.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Kontrol pemisahan garis terperinci&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Dimulai pada Android 15, &lt;a href=&quot;https://developer.android.com/reference/android/widget/TextView&quot; target=&quot;_blank&quot;&gt;TextView&lt;/a&gt; dan pemisah baris yang mendasarinya dapat mempertahankan bagian teks tertentu dalam baris yang sama untuk meningkatkan keterbacaan. Anda dapat memanfaatkan penyesuaian pemisahan baris ini dengan menggunakan tag &amp;lt;nobreak&amp;gt; di resource string atau &lt;a href=&quot;https://developer.android.com/reference/android/text/style/LineBreakConfigSpan#createNoBreakSpan%28%29&quot; target=&quot;_blank&quot;&gt;createNoBreakSpan&lt;/a&gt;. Demikian pula, Anda dapat melindungi kata dari tanda hubung dengan menggunakan tag &amp;lt;nohyphen&amp;gt; atau &lt;a href=&quot;https://developer.android.com/reference/android/text/style/LineBreakConfigSpan#createNoHyphenationSpan%28%29&quot; target=&quot;_blank&quot;&gt;createNoHyphenationSpan&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Contoh and screenshot:&lt;/p&gt;

&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: courier;&quot;&gt;&amp;lt;resources&amp;gt;
    &amp;lt;string name=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;pixel8pro&quot;&lt;/span&gt;&amp;gt;The power and brains behind Pixel &lt;span style=&quot;color: #666666;&quot;&gt;8&lt;/span&gt; Pro.&amp;lt;/string&amp;gt;
&amp;lt;/resources&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;teks dibaca: Kekuatan dan otak di balik Pixel 8 Pro.&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgar54Zl0G5tyzWAkSOoO40W7DF1VZ1npSpmEFQ2LzqX96AGqFApCocUnpx6BulUMjGN8tlObI5PgXieBOXki89MND6oJ5zNxDCjrsVUoMZheLNQrKP6xly2AgCRxQG7EZS6tbmab-5OZ0YpeCLw2NfFGnAEyCiRxn5fPqoec-M3AVIMQLpKjqTGPvPRcg/s16000/image5.png&quot;&gt;&lt;/div&gt;

&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: courier;&quot;&gt;&amp;lt;resources&amp;gt;
    &amp;lt;string name=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;pixel8pro&quot;&lt;/span&gt;&amp;gt;The power and brains behind &amp;lt;nobreak&amp;gt;Pixel &lt;span style=&quot;color: #666666;&quot;&gt;8&lt;/span&gt; Pro.&amp;lt;/nobreak&amp;gt;&amp;lt;/string&amp;gt;
&amp;lt;/resources&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;teks dibaca: Kekuatan dan otak di balik Pixel 8 Pro.&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZdUj8c4odSyWPBtt9_wbS9i94WuLjKrNFeFcUQgnwrYYNoIYsj698QrucdZEmweynlGBMd8KjbjY_sfGKXU1gNznGtitKzaCVObhBqzkJJFP46vgDIrCMYu9nXdmW3WAC5kWl4_4GAftwc_QkRLl8kFBcd2Dy1AKt5U1FQ4X21bO0FwbebNDO3gvmMak/s16000/image4.png&quot;&gt;&lt;/div&gt;


&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Fungsionalitas IntentFilter yang Diperluas&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Dukungan bawaan Android 15 untuk resolusi Intent yang lebih tepat melalui &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/content/UriRelativeFilterGroup&quot; target=&quot;_blank&quot;&gt;UriRelativeFilterGroup&lt;/a&gt;&lt;/span&gt;, yang berisi set objek &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/content/UriRelativeFilter&quot; target=&quot;_blank&quot;&gt;UriRelativeFilter&lt;/a&gt;&lt;/span&gt; yang membentuk set aturan pencocokan Intent yang masing-masing harus dipenuhi, termasuk parameter kueri URL, fragmen URL, dan aturan pemblokiran/pengecualian. Hal ini membantu aplikasi memenuhi tuntutan dinamis deep link yang dihosting web dengan lebih baik.&lt;/p&gt;

&lt;p&gt;Aturan ini dapat ditentukan dalam &lt;span style=&quot;color: #0d904f; font-family: courier;&quot;&gt;AndroidManifest&lt;/span&gt; dengan tag &amp;lt;uri-relative-filter-group&amp;gt; baru yang secara opsional dapat menyertakan tag &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;android:allow&amp;nbsp;&lt;/span&gt;. Tag ini dapat berisi &lt;data&gt; tag yang menggunakan atribut tag data yang ada serta atribut &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;new android:query&lt;/span&gt; dan atribut &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;android:fragment&lt;/span&gt;.&lt;/data&gt;&lt;/p&gt;
  
&lt;p&gt;Contoh sintaksis &lt;span style=&quot;color: #0d904f; font-family: courier;&quot;&gt;AndroidManifest&lt;/span&gt; yang akan didukung:&lt;/p&gt;

&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: courier;&quot;&gt;&amp;lt;intent-filter&amp;gt;
  &amp;lt;action android:name=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;android.intent.action.VIEW&quot;&lt;/span&gt; /&amp;gt;
  &amp;lt;category android:name=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;android.intent.category.BROWSABLE&quot;&lt;/span&gt; /&amp;gt;
  &amp;lt;data android:scheme=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;http&quot;&lt;/span&gt; /&amp;gt;
  &amp;lt;data android:scheme=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;https&quot;&lt;/span&gt; /&amp;gt;
  &amp;lt;data android:domain=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;astore.com&quot;&lt;/span&gt; /&amp;gt;
  &amp;lt;uri-relative-filter-group&amp;gt;
    &amp;lt;data android:pathPrefix=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;/auth&quot;&lt;/span&gt; /&amp;gt;
    &amp;lt;data android:query=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;region=na&quot;&lt;/span&gt; /&amp;gt;
  &amp;lt;/uri-relative-filter-group&amp;gt;
  &amp;lt;uri-relative-filter-group android:allow=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;false&quot;&lt;/span&gt;&amp;gt;
    &amp;lt;data android:pathPrefix=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;/auth&quot;&lt;/span&gt; /&amp;gt;
    &amp;lt;data android:query=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;mobileoptout=true&quot;&lt;/span&gt; /&amp;gt;
  &amp;lt;/uri-relative-filter-group&amp;gt;
  &amp;lt;uri-relative-filter-group android:allow=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;false&quot;&lt;/span&gt;&amp;gt;
    &amp;lt;data android:pathPrefix=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;/auth&quot;&lt;/span&gt; /&amp;gt;
    &amp;lt;data android:fragmentPrefix=&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;faq&quot;&lt;/span&gt; /&amp;gt;
  &amp;lt;/uri-relative-filter-group&amp;gt;
&amp;lt;/intent-filter&amp;gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Dukungan OpenJDK API yang lebih banyak&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Android 15 terus menambahkan OpenJDK API. Pratinjau Developer 2 mencakup dukungan untuk metode &lt;a href=&quot;https://developer.android.com/sdk/api_diff/v-dp2-incr/changes/java.lang.Math&quot; target=&quot;_blank&quot;&gt;math&lt;/a&gt;/&lt;a href=&quot;https://developer.android.com/sdk/api_diff/v-dp2-incr/changes/java.lang.StrictMath&quot; target=&quot;_blank&quot;&gt;strictmath &lt;/a&gt;tambahan, banyak &lt;a href=&quot;https://developer.android.com/sdk/api_diff/v-dp2-incr/changes/pkg_java.util&quot; target=&quot;_blank&quot;&gt;update util&lt;/a&gt;, termasuk &lt;a href=&quot;https://developer.android.com/reference/java/util/SequencedCollection&quot; target=&quot;_blank&quot;&gt;koleksi&lt;/a&gt;/&lt;a href=&quot;https://developer.android.com/reference/java/util/SequencedMap&quot; target=&quot;_blank&quot;&gt;peta&lt;/a&gt;/&lt;a href=&quot;https://developer.android.com/reference/java/util/SequencedSet&quot; target=&quot;_blank&quot;&gt;set&lt;/a&gt; berurutan, &lt;a href=&quot;https://developer.android.com/sdk/api_diff/v-dp2-incr/changes/java.util.zip.Deflater&quot; target=&quot;_blank&quot;&gt;dukungan ByteBuffer di Deflater&lt;/a&gt;, dan &lt;a href=&quot;https://developer.android.com/sdk/api_diff/v-dp2-incr/changes/pkg_java.security.spec&quot; target=&quot;_blank&quot;&gt;update kunci keamanan&lt;/a&gt;. API ini diupdate di &lt;a href=&quot;https://android-developers.googleblog.com/2023/11/the-secret-to-androids-improved-memory-latest-android-runtime-update.html&quot; target=&quot;_blank&quot;&gt;lebih dari satu miliar perangkat yang menjalankan Android versi 12 ke atas hingga Android 15 melalui update Sistem Google Play&lt;/a&gt; agar Anda dapat menargetkan fitur pemrograman terbaru.&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Beri aplikasi Anda lebih banyak fleksibilitas di lebih banyak layar&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android 15 memberi aplikasi Anda dukungan untuk memaksimalkan faktor bentuk Android, termasuk layar besar, perangkat yang dapat dilipat, dan perangkat foldable.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Dukungan layar penutup&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Aplikasi Anda dapat &lt;a href=&quot;https://developer.android.com/reference/android/view/WindowManager#COMPAT_SMALL_COVER_SCREEN_OPT_IN&quot; target=&quot;_blank&quot;&gt;mendeklarasikan properti&lt;/a&gt; yang digunakan Android 15 untuk memungkinkan Aplikasi atau Aktivitas Anda ditampilkan di layar sampul kecil pada perangkat yang dapat dilipat yang didukung. Layar ini terlalu kecil untuk dianggap sebagai target kompatibel untuk menjalankan aplikasi Android. Namun, aplikasi Anda dapat memilih untuk mendukungnya, sehingga membuat aplikasi Anda tersedia di lebih banyak tempat.&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Android yang lebih pribadi dan aman&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Kami selalu berupaya memberikan transparansi dan kontrol lebih besar kepada pengguna atas data mereka sekaligus meningkatkan fitur keamanan inti platform.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Deteksi rekam layar&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Android 15 menambahkan &lt;a href=&quot;https://developer.android.com/reference/android/view/WindowManager?hl=en#addScreenRecordingCallback%28java.util.concurrent.Executor,%20java.util.function.Consumer%3Cjava.lang.Integer%3E%29&quot; target=&quot;_blank&quot;&gt;dukungan aplikasi&lt;/a&gt; untuk mendeteksi bahwa aplikasi sedang direkam. Callback dipanggil setiap kali aplikasi bertransisi antara terlihat atau tidak terlihat dalam rekaman layar. (Aplikasi dianggap terlihat jika aktivitas yang dimiliki oleh UID proses pendaftaran sedang direkam.) Dengan cara ini, jika aplikasi Anda menjalankan operasi yang sensitif, Anda dapat memberi tahu pengguna bahwa mereka sedang direkam.&lt;/p&gt;

&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: courier;&quot;&gt;&lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;val&lt;/span&gt; mCallback = Consumer&amp;lt;Int&amp;gt; { state -&amp;gt;
  &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;if&lt;/span&gt; (state == SCREEN_RECORDING_STATE_VISIBLE) {
    &lt;span style=&quot;color: #408080; font-style: italic;&quot;&gt;// we&#39;re being recorded&lt;/span&gt;
  } &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;else&lt;/span&gt; {
    &lt;span style=&quot;color: #408080; font-style: italic;&quot;&gt;// we’re not being recorded&lt;/span&gt;
  }
}

&lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;override&lt;/span&gt; &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;fun&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;onStart&lt;/span&gt;() {
   super.onStart()
   &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;val&lt;/span&gt; initialState =
      windowManager.addScreenRecordingCallback(mainExecutor, mCallback)
   mCallback.accept(initialState)
}

&lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;override&lt;/span&gt; &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;fun&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;onStop&lt;/span&gt;() {
    super.onStop()
    windowManager.removeScreenRecordingCallback(mCallback)
}&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Menjadikan Android lebih efisien&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Kami memperkenalkan API baru yang dapat membantu mengumpulkan insight tentang aplikasi Anda, terus mengoptimalkan cara kerja aplikasi latar belakang, dan menyediakan API untuk membantu membuat tugas di aplikasi Anda agar lebih efisien untuk dijalankan.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;ApplicationStartInfo API&lt;/span&gt;&lt;/h4&gt;
  
&lt;p&gt;Startup aplikasi di Android selalu menjadi misteri. Tak ada cara mudah untuk mengetahui di dalam aplikasi Anda apakah aplikasi tersebut dimulai dari keadaan dingin, hangat, atau panas. Sulit untuk mengetahui berapa lama waktu yang dihabiskan aplikasi Anda selama berbagai fase peluncuran: melakukan fork proses, memanggil onCreate, menggambar bingkai pertama, dan banyak lagi. Saat class aplikasi Anda dibuat instance, Anda tidak tahu apakah aplikasi dimulai dari siaran, penyedia konten, tugas, cadangan, booting selesai, alarm, atau Aktivitas.&lt;/p&gt;
  
&lt;p&gt;&lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/app/ApplicationStartInfo&quot; target=&quot;_blank&quot;&gt;ApplicationStartInfo&lt;/a&gt;&lt;/span&gt; API pada Android 15 menyediakan semua ini dan lebih banyak lagi. Anda bahkan dapat memilih untuk menambahkan stempel waktu Anda sendiri ke dalam alur untuk memudahkan pengumpulan data waktu di satu tempat. Selain mengumpulkan metrik, Anda dapat menggunakan ApplicationStartInfo untuk membantu mengoptimalkan startup aplikasi secara langsung. Misalnya, Anda dapat menghilangkan pembuatan instance library terkait UI yang mahal dalam class Aplikasi saat aplikasi Anda dimulai karena siaran.&lt;/p&gt;
  
&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Perubahan pada status paket dihentikan&lt;/span&gt;&lt;/h4&gt;
  
&lt;p&gt;Android 15 menyertakan beberapa peningkatan pada &lt;a href=&quot;https://developer.android.com/reference/android/content/pm/ApplicationInfo#FLAG_STOPPED&quot; target=&quot;_blank&quot;&gt;Stopped State&lt;/a&gt; dari &lt;a href=&quot;https://developer.android.com/reference/android/content/pm/PackageManager&quot; target=&quot;_blank&quot;&gt;PackageManager&lt;/a&gt;. Aplikasi yang berada dalam Stopped State hanya boleh keluar dari status ini melalui tindakan pengguna langsung. Selain itu, aplikasi yang memasuki Stopped State akan membuat&lt;a href=&quot;https://developer.android.com/reference/android/app/PendingIntent&quot; target=&quot;_blank&quot;&gt;PendingIntents&lt;/a&gt; miliknya terhapus. Untuk membantu developer mendaftarkan ulang intent mereka yang tertunda, aplikasi kini akan menerima siaran &lt;a href=&quot;https://developer.android.com/reference/android/content/Intent&quot; target=&quot;_blank&quot;&gt;BOOT_COMPLETED&lt;/a&gt; setelah dihapus dari Stopped State. Terakhir, &lt;a href=&quot;https://developer.android.com/reference/android/app/ApplicationStartInfo&quot; target=&quot;_blank&quot;&gt;ApplicationStartInfo&lt;/a&gt; baru juga akan menyertakan &lt;a href=&quot;https://developer.android.com/reference/android/app/ApplicationStartInfo#wasForceStopped()&quot; target=&quot;_blank&quot;&gt;ApplicationStartInfo.wasForceStopped()&lt;/a&gt; untuk memberi tahu developer bahwa aplikasi mereka telah dimasukkan ke dalam Stopped State.&lt;/p&gt;
  
&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Informasi ukuran aplikasi terperinci&lt;/span&gt;&lt;/h4&gt;
  
&lt;p&gt;Android telah menawarkan API, &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/app/usage/StorageStats#getAppBytes%28%29&quot; target=&quot;_blank&quot;&gt;StorageStats.getAppBytes()&lt;/a&gt;&lt;/span&gt;, yang merangkum ukuran aplikasi yang diinstal sebagai satu jumlah byte, yang merupakan jumlah dari ukuran APK, ukuran file yang diekstraksi dari APK, dan file yang dihasilkan di perangkat, seperti kode kompilasi ahead-of-time (AOT). Angka ini tidak terlalu menjelaskan cara aplikasi Anda dalam menggunakan penyimpanan.&lt;/p&gt;
  
&lt;p&gt;Android 15 menambahkan API &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/app/usage/StorageStats#getAppBytesByDataType%28int%29&quot; target=&quot;_blank&quot;&gt;StorageStats.getAppBytesByDataType([type])&lt;/a&gt;&lt;/span&gt; yang memungkinkan Anda mendapatkan insight tentang cara aplikasi Anda dalam menggunakan semua ruang tersebut, termasuk pemisahan file apk, AOT dan kode terkait percepatan, metadata dex, library, serta profil terpandu.&lt;/p&gt;
  
&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Perubahan pada layanan latar depan&lt;/span&gt;&lt;/h4&gt;
  
&lt;p&gt;Android 14 mulai memerlukan Jenis Layanan Latar Depan. Dokumentasi menyebutkan bahwa jenis Layanan Latar Depan dataSync tidak digunakan lagi di versi Android mendatang.&lt;/p&gt; 
  
&lt;p&gt;Untuk mendukung migrasi dari jenis Layanan Latar Depan dataSync, Android 15 menyertakan &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/about/versions/15/behavior-changes-15#mediaprocessing-fgs-type&quot; target=&quot;_blank&quot;&gt;jenis Layanan Latar Depan mediaProcessing&lt;/a&gt;&lt;/span&gt;, yang digunakan untuk menjalankan operasi yang memakan waktu pada aset media, seperti mengonversi media ke format berbeda. Dalam rilis Beta mendatang, layanan ini akan memiliki batas runtime 6 jam.&lt;/p&gt;
  
&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Database SQLite&lt;/span&gt;&lt;/h4&gt;
  
&lt;p&gt;Android 15 memperkenalkan API SQLite baru yang menampilkan fitur-fitur canggih dari mesin SQLite yang mendasarinya yang menargetkan masalah performa tertentu yang dapat muncul dalam aplikasi.&lt;/p&gt;
  
&lt;p&gt;Developer harus berkonsultasi dengan &lt;a href=&quot;https://developer.android.com/topic/performance/sqlite-performance-best-practices&quot; target=&quot;_blank&quot;&gt;praktik terbaik untuk performa SQLite&lt;/a&gt; agar bisa mendapatkan hasil maksimal dari database SQLite mereka, terutama saat bekerja dengan database besar atau saat menjalankan kueri yang sensitif terhadap latensi.&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Transaksi yang ditangguhkan hanya-baca: ketika mengeluarkan transaksi yang berstatus hanya-baca (tidak menyertakan pernyataan tulis), gunakan &lt;a href=&quot;https://developer.android.com/reference/kotlin/android/database/sqlite/SQLiteDatabase?hl=en#begintransactionreadonly&quot; target=&quot;_blank&quot;&gt;beginTransactionReadOnly()&lt;/a&gt; dan &lt;a href=&quot;https://developer.android.com/reference/kotlin/android/database/sqlite/SQLiteDatabase?hl=en#begintransactionreadonly&quot; target=&quot;_blank&quot;&gt;beginTransactionWithListenerReadOnly&lt;/a&gt;(&lt;a href=&quot;https://developer.android.com/reference/kotlin/android/database/sqlite/SQLiteTransactionListener&quot; target=&quot;_blank&quot;&gt;SQLiteTransactionListener&lt;/a&gt;) untuk menerbitkan transaksi DEFERRED hanya-baca. Transaksi tersebut dapat berjalan secara bersamaan satu sama lain, dan jika database berada dalam mode WAL, transaksi tersebut dapat berjalan secara bersaman dengan transaksi SEGERA atau EKSKLUSIF.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt; &lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Jumlah baris dan ID: API baru ditambahkan untuk mengambil jumlah baris yang diubah atau ID baris terakhir yang disisipkan tanpa mengeluarkan kueri tambahan. &lt;a href=&quot;https://developer.android.com/reference/kotlin/android/database/sqlite/SQLiteDatabase?hl=en#getlastchangedrowcount&quot; target=&quot;_blank&quot;&gt;getLastChangedRowCount()&lt;/a&gt; akan menampilkan jumlah baris yang disisipkan, diupdate, atau dihapus oleh pernyataan SQL terbaru dalam transaksi saat ini, sementara &lt;a href=&quot;https://developer.android.com/reference/kotlin/android/database/sqlite/SQLiteDatabase?hl=en#gettotalchangedrowcount&quot; target=&quot;_blank&quot;&gt;getTotalChangedRowCount()&lt;/a&gt; akan menampilkan jumlah koneksi saat ini. &lt;a href=&quot;https://developer.android.com/reference/kotlin/android/database/sqlite/SQLiteDatabase?hl=en#getlastinsertrowid&quot; target=&quot;_blank&quot;&gt;getLastInsertRowId()&lt;/a&gt; akan menampilkan &quot;rowid&quot; dari baris terakhir yang akan disisipkan pada koneksi saat ini.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Pernyataan mentah: mengeluarkan pernyataan SQlite mentah, melewati wrapper praktis dan overhead pemrosesan tambahan yang mungkin timbul.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;
  
&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Penyempurnaan media&lt;/span&gt;&lt;/h3&gt;
  
&lt;p&gt;Tiap rilis Android berfokus pada peningkatan pengalaman media.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Kontrol Headroom HDR&lt;/span&gt;&lt;/h4&gt;


&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar konten SDR secara berdampingan&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_AuJ-QbBtz1PJqni3ElIRu-lLiJ7mrXu4wT9ASszd0r5E-yfxqgYVv1lvJObsto-248__xwLH4acFDA78tRLLBuLJHAK7E4JGJvufbX6W55-5vL7HOM_eEngxvXcjQZhh6n-E9P88csAvduTKttZtHsVNqJK1FIh15n6Z34VRB2rVczbD1YdQYRiD49A/s16000/image1.png&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Gambar di sebelah kiri menunjukkan tampilan dengan konten SDR. Gambar di sebelah kanan menyimulasikan masalah headroom yang dirasakan dengan konten campuran SDR dan HDR, yang dapat kita hindari dengan mengatur headroom HDR yang diinginkan.&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;

&lt;p&gt;Android 15 memilih headroom HDR yang sesuai dengan kemampuan perangkat yang mendasari dan kedalaman bit panel. Untuk halaman yang memiliki banyak konten SDR, seperti aplikasi pesan yang menampilkan satu thumbnail HDR, hal ini dapat berdampak buruk pada kecerahan konten SDR yang dirasakan. Android 15 memungkinkan Anda mengontrol headroom HDR dengan &lt;a href=&quot;https://developer.android.com/reference/kotlin/android/view/Window?hl=en#setdesiredhdrheadroom&quot; target=&quot;_blank&quot;&gt;setDesiredHdrHeadroom&lt;/a&gt; untuk mencapai keseimbangan antara konten SDR dan HDR.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Kontrol Kenyaringan&lt;/span&gt;&lt;/h4&gt;

&lt;img&gt;


&lt;p&gt;&lt;/p&gt;&lt;div style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak Droid yang memakai headphone dan menundukkan kepalanya secara ritmis&quot; border=&quot;0&quot; height=&quot;113&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSyIK5luBluIrqh4fzThfL5vDvnfTGQxY8gZTaHz-OK-l3kUXL-WcrnqN-VYjBVkoRnUJLDoM3F5lDAM6s1AkiF1jowA2XlAdvPhFDaqHMmfw4pSEdutedCV9WfDxgiZxKxlFO5_e6K60MPfNVoGenGkEUa-wm6Mvie8WBe-9HnLq-cNC0G06uIffzuAA/w200-h113/image7.gif&quot; width=&quot;200&quot;&gt;&lt;/div&gt;Android 15 memperkenalkan dukungan untuk standar kenyaringan &lt;a href=&quot;https://shop.cta.tech/products/loudness-standard-for-over-the-top-television-and-online-video-distribution-for-mobile-and-fixed-devices-ansi-cta-2075&quot; target=&quot;_blank&quot;&gt;CTA-2075&lt;/a&gt; yang akan membantu Anda menghindari inkonsistensi kenyaringan audio dan memastikan pengguna tidak perlu terus-menerus menyesuaikan volume saat beralih antarkonten. Sistem ini memanfaatkan karakteristik yang diketahui dari perangkat output (headphone, speaker) beserta metadata kenyaringan yang tersedia dalam konten audio AAC untuk secara cerdas menyesuaikan kenyaringan audio dan level kompresi rentang dinamis.&lt;p&gt;&lt;/p&gt;

&lt;p&gt;Untuk mengaktifkan fitur ini, Anda perlu memastikan metadata kenyaringan tersedia di konten AAC dan mengaktifkan fitur platform di aplikasi Anda. Untuk melakukan ini, buat instance objek &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/media/LoudnessCodecController&quot; target=&quot;_blank&quot;&gt;LoudnessCodecController&lt;/a&gt;&lt;/span&gt; dengan memanggil metode factory &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/media/LoudnessCodecController#create%28int%29&quot; target=&quot;_blank&quot;&gt;buat&lt;/a&gt;&lt;/span&gt; menggunakan ID sesi audio dari AudioTrack terkait. Tindakan ini akan secara otomatis memulai penerapan update audio. Anda dapat meneruskan &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/media/LoudnessCodecController.OnLoudnessCodecUpdateListener&quot; target=&quot;_blank&quot;&gt;OnLoudnessCodecUpdateListener&lt;/a&gt;&lt;/span&gt; untuk memodifikasi/memfilter parameter kenyaringan sebelum diterapkan pada &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/media/MediaCodec&quot; target=&quot;_blank&quot;&gt;MediaCodec&lt;/a&gt;&lt;/span&gt;.&lt;/p&gt;

&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: courier;&quot;&gt;&lt;span style=&quot;color: #408080; font-style: italic;&quot;&gt;// media contains metadata of type MPEG_4 OR MPEG_D&lt;/span&gt;
&lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;val&lt;/span&gt; mediaCodec = ...
&lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;val&lt;/span&gt; audioTrack = AudioTrack.Builder()
                                .setSessionId(sessionId)
                                .build()
...
&lt;span style=&quot;color: #408080; font-style: italic;&quot;&gt;// create new loudness controller that applies the parameters to the MediaCodec&lt;/span&gt;
&lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;try&lt;/span&gt; {
   &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;val&lt;/span&gt; lcController = LoudnessCodecController.create(mSessionId)
   &lt;span style=&quot;color: #408080; font-style: italic;&quot;&gt;// starts applying audio updates for each added MediaCodec&lt;/span&gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;p&gt;AndroidX media3 ExoPlayer akan segera diupdate agar dapat memanfaatkan LoudnessCodecController API untuk integrasi aplikasi yang lancar.&lt;/p&gt; 
  
&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Penggunaan Spatializer alih-alih Virtualizer&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Android 12 menyertakan class &lt;a href=&quot;https://developer.android.com/reference/android/media/Spatializer&quot; target=&quot;_blank&quot;&gt;Spatializer&lt;/a&gt; yang memungkinkan kueri kemampuan dan perilaku spasialisasi sound pada perangkat. Di Android 15, kami tak lagi menggunakan class Virtualizer. Kami menggunakan &lt;a href=&quot;https://developer.android.com/reference/android/media/AudioAttributes.Builder#setSpatializationBehavior%28int%29&quot; target=&quot;_blank&quot;&gt;AudioAttributes.Builder.setSpatializationBehavior&lt;/a&gt; untuk menentukan bagaimana Anda ingin konten diputar ketika spasialisasi didukung.&lt;/p&gt;

&lt;p&gt;AndroidX media3 ExoPlayer 1.0 mengaktifkan audio spasial secara default untuk audio multisaluran jika perangkat mendukungnya. Lihat &lt;a href=&quot;https://android-developers.googleblog.com/2023/04/delivering-immersive-sound-experience-with-spatial-audio.html&quot; target=&quot;_blank&quot;&gt;postingan blog&lt;/a&gt; dan &lt;a href=&quot;https://developer.android.com/media/grow/spatial-audio#exoplayer&quot; target=&quot;_blank&quot;&gt;dokumentasi&lt;/a&gt; untuk informasi lebih lanjut, termasuk API untuk mengontrol fitur tersebut.&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Pengalaman Pengguna&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;&lt;a href=&quot;https://developer.android.com/reference/android/app/AutomaticZenRule&quot; target=&quot;_blank&quot;&gt;AutomaticZenRules&lt;/a&gt; memungkinkan aplikasi menyesuaikan aturan Manajemen Hal Penting (Jangan Ganggu) dan memutuskan waktu untuk mengaktifkan/menonaktifkannya. Android 15 menyempurnakan aturan ini secara signifikan dengan tujuan meningkatkan pengalaman pengguna. Hal ini dilakukan dengan:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;Menambahkan jenis ke AutomaticZenRule, memungkinkan sistem menerapkan perlakuan khusus pada beberapa aturan&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt; &lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Menambahkan ikon ke AutomaticZenRule, membantu membuat mode lebih mudah dikenali&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt; &lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Menambahkan string triggerDescription ke AutomaticZenRule yang menjelaskan kondisi yang mengharuskan aturan aktif bagi pengguna&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt; &lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Menambahkan ZenDeviceEffects ke AutomaticZenRule, memungkinkan aturan memicu berbagai hal, seperti tampilan skala abu-abu, mode malam, atau meredupkan wallpaper&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt; &lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt; &lt;/ul&gt;&lt;/ul&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Perubahan perilaku&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Karena kompatibilitas mundur sangat penting, kami mencoba untuk membatasi perubahan perilaku yang berdampak. Namun, ada beberapa perubahan yang tidak dapat dihindari.&lt;/p&gt;

&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Font elegan di mana-mana&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Setelah aplikasi Anda menargetkan Android 15, atribut &lt;a href=&quot;https://developer.android.com/reference/android/R.attr#elegantTextHeight&quot; target=&quot;_blank&quot;&gt;elegantTextHeight&lt;/a&gt; &lt;a href=&quot;https://developer.android.com/reference/android/widget/TextView&quot; target=&quot;_blank&quot;&gt;TextView&lt;/a&gt; menjadi true secara default, menggantikan font ringkas yang digunakan secara default dengan beberapa skrip yang memiliki metrik vertikal besar dengan font yang jauh lebih mudah dibaca. Font ringkas dihadirkan untuk mencegah gangguan tata letak. Android 13 mencegah banyak gangguan ini dengan mengizinkan tata letak teks merenggangkan tinggi vertikal menggunakan atribut &lt;a href=&quot;https://developer.android.com/reference/android/widget/TextView#attr_android:fallbackLineSpacing&quot; target=&quot;_blank&quot;&gt;fallbackLineSpacing&lt;/a&gt;. Di Android 15, font ringkas masih tetap ada di sistem, sehingga aplikasi Anda dapat menyetel elegantTextHeight ke false untuk mendapatkan perilaku yang sama seperti sebelumnya. Namun, kemungkinan besar font tersebut tidak akan didukung di rilis mendatang. Jadi, jika aplikasi Anda mendukung skrip berikut: Arab, Laos, Myanmar, Tamil, Gujarati, Kannada, Malayalam, Odia, Telugu, atau Thai, silakan uji aplikasi Anda dengan menyetel elegantTextHeight ke true.&lt;/p&gt;

&lt;p&gt;Contoh dan screenshot&lt;/p&gt;

&lt;p&gt;Perilaku default pada Android 14&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Perilaku default pada Android 14&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVth_Q6D51ZwPkuPFx00fVwuAZQ7UOUSf6JBMvSJSPtaNd4KZUM_xENR29XHFPCo-NR6KhTMN16dASwfV2v-TCZc0U3eX6MpKwclJ5zHzz4RX30cA2f5WSQ1-wvUQcQlo2mpkAxZb0e1WnpzdnYojBVUiLvVl8roUrwgpHxLbrDawOFWQEHvkvqwt0bqk/s16000/image9.png&quot;&gt;&lt;/div&gt;

&lt;p&gt;Perilaku default untuk aplikasi yang menargetkan Android 15&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Perilaku default pada Android 14&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirbCIez5t8fvMW_n7W9mzyQJXNxRVA_xmhyphenhyphenxOy0u-nNnGOdg5ya3v-6SMSA3W2hZsPtlHhh0ErIfeqHuWOHpEcf32a6Wu5-ZLIY6XLUtdvcPcsvH_Gr41OsRlfRH1hymSvOlmBUCdIFqBPGpBXozwYhu7Dt8J8yuQOMQcLFwieWxhoxQij4tMcD2kXcMc/s16000/image10.png&quot;&gt;&lt;/div&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Kompatibilitas aplikasi&lt;/span&gt;&lt;/h3&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Linimasa rilis Android 15&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf-Qt_ze2lPBVrl8FCfh1HOxXuwtgy5_UMG388ncashPI-kkYLGgf4pwV94jnsB0YjkZxmimc2iejRDBZXgElJ6YjuUoI2V5nhC7vLn1-7z188ve_SPFu1AxPUE9IprMybK-cb49dkXjaGkSKsckhNTMVu48typ1kJZpBb0hIo8WGoJd-dlVO9_-Vlh-E/s1600/image2.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;

&lt;p&gt;Untuk memberikan Anda lebih banyak waktu untuk merencanakan pekerjaan kompatibilitas aplikasi, kami memberitahukan tahapan pencapaian Stabilitas Platform jauh sebelumnya.&lt;/p&gt;

&lt;p&gt;Pada tahapan pencapaian ini kami akan memberikan API SDK/NDK final, API internal final, dan perilaku sistem yang dihadapi aplikasi. Kami berharap dapat mencapai Stabilitas Platform pada Juni 2024, dan sejak saat itu Anda memiliki waktu beberapa bulan sebelum rilis resmi untuk melakukan pengujian akhir. Detail jadwal rilis bisa dilihat &lt;a href=&quot;https://developer.android.com/about/versions/15/overview#timeline&quot; target=&quot;_blank&quot;&gt;di sini&lt;/a&gt;.&lt;/p&gt;

&lt;h1 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Memulai dengan Android 15&lt;/span&gt;&lt;/h1&gt;

&lt;p&gt;Pratinjau Developer memiliki semua yang Anda butuhkan untuk mencoba fitur Android 15, menguji aplikasi Anda, dan memberi kami masukan. Anda bisa memulainya hari ini dengan &lt;a href=&quot;https://developer.android.com/about/versions/15/get#pixel_flash_install&quot; target=&quot;_blank&quot;&gt;mem-flash image sistem&lt;/a&gt; ke perangkat seri Pixel 6, 7, atau 8, serta Pixel Fold dan Pixel Tablet. Kami tidak menawarkan gambar sideload untuk Pratinjau Developer 2. Jika tidak memiliki perangkat Pixel, Anda bisa &lt;a href=&quot;https://developer.android.com/about/versions/15/get#on_emulator&quot; target=&quot;_blank&quot;&gt;menggunakan image sistem 64-bit dengan Android Emulator&lt;/a&gt; di Android Studio. Jika Anda sudah menginstal Pratinjau Developer 1 Android 15, Anda harus mendapatkan update over the air (OTA) ke Pratinjau Developer 2 Android 15.&lt;/p&gt;

&lt;p&gt;Untuk pengalaman pengembangan terbaik dengan Android 15, sebaiknya gunakan &lt;a href=&quot;https://developer.android.com/studio/preview&quot; target=&quot;_blank&quot;&gt;pratinjau terbaru Android Studio Jellyfish&lt;/a&gt; (atau versi Jellyfish+ yang lebih baru). Setelah siap, berikut adalah beberapa hal yang harus Anda lakukan:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;Mencoba fitur dan API baru - masukan Anda sangatlah penting selama periode awal pratinjau developer. Laporkan masalah dalam tracker kami di &lt;a href=&quot;https://developer.android.com/about/versions/15/feedback&quot; target=&quot;_blank&quot;&gt;halaman masukan&lt;/a&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt; &lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Uji kompatibilitas aplikasi Anda saat ini - periksa apakah aplikasi Anda terpengaruh oleh perubahan di Android 15. Instal aplikasi Anda ke perangkat atau emulator yang menjalankan Android 15 dan uji secara ekstensif.&lt;/li&gt;
  
&lt;/ul&gt;&lt;/ul&gt;


&lt;p&gt;Kami akan mengupdate image sistem pratinjau dan SDK secara reguler selama siklus rilis Android 15. Rilis pratinjau ini hanya untuk developer dan tidak dimaksudkan untuk penggunaan sehari-hari atau konsumen, jadi kami menyediakannya hanya melalui download manual. Setelah Anda menginstal build pratinjau secara manual, Anda akan secara otomatis mendapatkan update over the air (OTA) di masa mendatang untuk semua rilis pratinjau dan Beta selanjutnya. Baca selengkapnya &lt;a href=&quot;https://developer.android.com/about/versions/15/overview#pixel&quot; target=&quot;_blank&quot;&gt;di sini&lt;/a&gt;.&lt;/p&gt;
  
&lt;p&gt;Jika Anda ingin berpindah dari &lt;a href=&quot;https://developer.android.com/about/versions/14/get-qpr&quot; target=&quot;_blank&quot;&gt;program Beta Android 14 QPR&lt;/a&gt; ke program Pratinjau Developer Android 15 dan tidak ingin menghapus total perangkat Anda, sebaiknya pindah ke Pratinjau Developer 2 sekarang. Jika tidak, Anda mungkin mengalami periode waktu ketika Android 14 Beta memiliki tanggal build yang lebih baru yang akan mencegah Anda membuka Pratinjau Developer Android 15 secara langsung tanpa melakukan penghapusan total data.&lt;/p&gt;
  
&lt;p&gt;Saat mencapai rilis Beta, kami juga akan mengundang konsumen untuk mencoba Android 15, dan kami akan membuka pendaftaran untuk program Android Beta pada saat itu. Untuk saat ini, harap perhatikan bahwa program Android Beta belum tersedia untuk Android 15.&lt;/p&gt;
  
&lt;p&gt;Untuk informasi selengkapnya, kunjungi &lt;a href=&quot;https://developer.android.com/about/versions/15&quot; target=&quot;_blank&quot;&gt;situs developer Android 15&lt;/a&gt;.&lt;/p&gt;


&lt;p&gt;&lt;small&gt;&lt;em&gt;Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.&lt;/em&gt;&lt;/small&gt;&lt;/p&gt;



&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='replies' type='application/atom+xml' href='http://developers-id.googleblog.com/feeds/6074498369379492173/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://developers-id.googleblog.com/2024/03/pratinjau-developer-kedua-android-15.html#comment-form' title='60 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/6074498369379492173'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/6074498369379492173'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/pratinjau-developer-kedua-android-15.html' title='Pratinjau Developer Kedua Android 15'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1UxJk2BEGQu-9eSLY0fV6wrCb0FJTo_-rMykFO0wUDajMwXeF7CgXx9MBKZcOLhd5bOikhbK9PWvM3aYfncnDn_Lba0ASuchSeKbpt4ZWcmcEHDK8_W6-_C2DnWs3T7v1DPk2EtTAH_amWewikG5f9NDadQSJ6DbcwiTKEG0XtlO_f250KaNRz76Jcg/s72-c/AD-15-Developer-Preview.png" height="72" width="72"/><thr:total>60</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-7595086732965001349</id><published>2024-03-20T17:49:00.006+07:00</published><updated>2024-05-01T17:53:23.674+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Cloud"/><category scheme="http://www.blogger.com/atom/ns#" term="how-to guide"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><category scheme="http://www.blogger.com/atom/ns#" term="Problem Solving"/><title type='text'>Serial video Membangun dengan Google AI, Season 2: lebih banyak pola AI</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://developers.googleblog.com/2024/03/build-with-google-ai-video-series-season-2.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://developers.googleblog.com/2024/03/build-with-google-ai-video-series-season-2.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
/* MINIFIED CSS STYLES*/
body{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:28px;-webkit-font-smoothing:antialiased;color:#202124}h1{font-family:Google Sans Display,sans-serif;font-size:44px;font-weight:500;line-height:61.6px}h2{font-size:30px;line-height:40px}h2,h3{font-family:Google Sans Display,sans-serif;font-weight:600}h3{font-size:24px;line-height:32px}h4{font-family:Google Sans Display,sans-serif;font-size:20px;font-weight:500;line-height:26px}h5{font-size:16px;line-height:24px}h5,h6{font-family:Google Sans Display,sans-serif;font-weight:600}h6{font-size:14px;line-height:22px}.display{font-family:Google Sans Display,sans-serif;font-size:48px;font-weight:600;line-height:67.2px}.hidden-text{height:1px;overflow:hidden;pointer-events:none;position:absolute;top:-10px;width:1px}img,video{border:0;height:auto;max-width:100%}body{position:relative;min-height:100vh}body.no-scroll{overflow:hidden}a{color:#4184f3;text-decoration:none}a:focus,a:focus-visible{outline-offset:-2px}.content-wrap{padding-top:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:839px){.content-wrap{padding-top:32px}}.full-width{width:100%}.icon-link{border-radius:50%;height:42px;width:42px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;background:transparent;border:none}.icon-link:hover{background-color:hsla(213,7%,76%,.2)}.icon-link:focus{background-color:hsla(213,7%,76%,.26)}.icon-link:active{background-color:hsla(213,7%,76%,.32)}.dgc-container{margin:40px auto;padding:0 40px;position:relative;width:auto;max-width:1420px}@media only screen and (max-width:767px){.dgc-container{margin:24px auto;padding:0 20px}}.dgc-container--large{margin:40px auto;padding:0 40px;position:relative;width:auto}@media only screen and (max-width:767px){.dgc-container--large{margin:24px auto;padding:0 20px}}@media only screen and (min-width:1280px){.dgc-container--large{width:1200px}}.dgc-container--medium{margin:40px auto;padding:0 40px;position:relative;width:auto}@media only screen and (max-width:767px){.dgc-container--medium{margin:24px auto;padding:0 20px}}@media only screen and (min-width:1280px){.dgc-container--medium{width:844px}}@media only screen and (max-width:767px){.dgc-container--medium{padding:0 48px}}.dgc-container--narrow{margin:40px auto;padding:0 40px;position:relative;width:auto;max-width:730px}@media only screen and (max-width:767px){.dgc-container--narrow{margin:24px auto;padding:0 20px}}.dgc-container--flex-horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.section,body{margin:0}.dgc-card{padding:24px 0;position:relative;background:#fff;border:1px solid #dadce0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;margin:24px 0;padding:24px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .2s linear,-webkit-box-shadow .2s linear;transition:opacity .2s linear,-webkit-box-shadow .2s linear;transition:box-shadow .2s linear,opacity .2s linear;transition:box-shadow .2s linear,opacity .2s linear,-webkit-box-shadow .2s linear}@media only screen and (max-width:850px){.dgc-card{max-height:unset;max-width:600px;margin:24px auto}}.dgc-card:focus-within,.dgc-card:hover{-webkit-box-shadow:0 0 36px rgba(0,0,0,.1);box-shadow:0 0 36px rgba(0,0,0,.1);cursor:pointer}.dgc-card__href{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.dgc-card__image-wrapper{overflow:hidden;position:relative;width:auto;height:200px;-webkit-flex-basis:40%;-ms-flex-preferred-size:40%;flex-basis:40%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width:850px){.dgc-card__image-wrapper{max-height:250px}}.dgc-card__content{padding:24px 0}.dgc-card__title{font-size:24px;line-height:33.6px;font-weight:500;font-family:Google Sans Display,sans-serif;margin-bottom:12px}.dgc-card__info{font-family:Roboto Mono,monospace;font-weight:400;font-size:12px;line-height:160%;margin-bottom:24px}.dgc-card__description{margin-bottom:48px}.dgc-card:hover .dgc-content__image-wrapper img,.dgc-card__href:focus~.dgc-content__image-wrapper img{-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.devsite-footer{padding:0 24px;border-top:1px solid #bdc1c6}.devsite-footer li{display:block}.devsite-footer li a{text-decoration:none;font-size:14px;line-height:16px;color:#202124}.devsite-footer li a:focus,.devsite-footer li a:hover{color:#1a73e8;outline:none}.devsite-footer-linkboxes-list{display:grid;grid-gap:24px;grid-template-columns:1fr 1fr 1fr;margin:0;padding:24px 0;border-bottom:1px solid #bdc1c6}@media only screen and (max-width:767px){.devsite-footer-linkboxes-list{grid-template-columns:1fr;padding-left:0}}.devsite-footer-linkbox{display:block}.devsite-footer-linkbox-heading{font-size:16px;line-height:26px;font-weight:400;margin:0 0 4px}.devsite-footer-linkbox ul{padding-left:0}.devsite-footer-sites-list{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){.devsite-footer-sites-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.devsite-footer-utility nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){.devsite-footer-utility nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.devsite-footer-utility-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:24px 0}@media only screen and (max-width:767px){.devsite-footer-utility-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0}}.devsite-footer-utility-button{justify-self:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-left:auto;padding-left:16px}.devsite-footer-utility-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 8px 0 0}.devsite-footer-utility-item:last-child{margin-right:0}@media only screen and (min-width:768px){.devsite-footer-utility-item:not(:first-child):before{content:&quot;|&quot;;margin:0 8px 0 0}}.devsite-footer-sites{border-bottom:1px solid #bdc1c6;padding:24px 0 23px}.devsite-footer-sites-logo{height:32px;margin-top:5px;width:185px}.devsite-footer-sites-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none;padding:0}.devsite-footer-sites-item{margin:0 0 0 40px}@media only screen and (max-width:767px){.devsite-footer-sites-item{margin:0}}.devsite-footer-sites-link{display:block;padding:8px 0;color:#202124}.devsite-footer-sites-link:focus,.devsite-footer-sites-link:hover{color:#1a73e8;outline:none}.devsite-footer-utility-link:focus{text-decoration:underline}.devsite-footer-utility .devsite-footer-utility-button{line-height:20px;font:400 14px/16px Roboto,sans-serif}.devsite-footer-utility .devsite-footer-utility-button:before{content:&quot;&quot;;margin:0}@media only screen and (max-width:767px){.devsite-footer-utility .devsite-footer-utility-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0;margin:18px 0 12px}}.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link{border:0;background:#1a73e8;color:#fff;line-height:36px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0 0 0 16px;border-radius:2px;-webkit-box-shadow:0 1px 2px 0;box-shadow:0 1px 2px 0;display:inline-block;font:500 14px/36px Roboto,sans-serif;height:36px;letter-spacing:0;min-width:36px;padding:0 24px;text-align:center;-webkit-transition:background-color .2s,border .2s,-webkit-box-shadow .2s;transition:background-color .2s,border .2s,-webkit-box-shadow .2s;transition:background-color .2s,border .2s,box-shadow .2s;transition:background-color .2s,border .2s,box-shadow .2s,-webkit-box-shadow .2s;vertical-align:middle;white-space:nowrap}.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover{background:#1765cc}.dgc-page__title{font-family:Google Sans Display,sans-serif;font-size:44px;font-weight:500;line-height:61.6px;text-align:center;color:#202124}.dgc-container{margin-top:64px}.posts-container{display:grid;grid-template-columns:1fr 1fr 1fr;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;padding:40px}@media only screen and (max-width:850px){.posts-container{grid-template-columns:1fr 1fr}}@media only screen and (max-width:480px){.posts-container{grid-template-columns:1fr}}.dgc-detail hr{border:1px solid #dadce0;margin:40px 0}.dgc-detail__title{font-family:Google Sans Display,sans-serif;font-size:48px;font-weight:600;line-height:67.2px}.dgc-detail__info{font-family:Roboto Mono,monospace;font-weight:400;font-size:12px;line-height:160%;font-size:14px}.dgc-detail__content{min-height:200px}.icon-sidebar{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;top:0;left:-15px;width:32px;gap:20px}@media only screen and (max-width:767px){.icon-sidebar{left:-28px}}.copy-tooltip{position:fixed;bottom:16px;left:10px;z-index:100}.copy-tooltip .copy-tooltiptext{visibility:hidden;width:200px;background-color:#202124;color:#fff;text-align:center;border-radius:6px;padding:8px 16px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.copy-tooltip.active .copy-tooltiptext{visibility:visible;opacity:1}.header__overlay{height:100vh;left:0;position:fixed;width:100vw;border:none;background-color:rgba(0,0,0,.4);-webkit-animation:fade-in .4s cubic-bezier(.39,.575,.565,1);animation:fade-in .4s cubic-bezier(.39,.575,.565,1);opacity:0;top:0;z-index:-1;display:none}.header__overlay.show{display:block;opacity:1;z-index:800;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.social-icons__links{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:24px}.social-icons__links path{fill:#80868b}.social-icons__container-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;margin-right:14px}@media only screen and (max-width:1000px){.social-icons__container-header{display:none}}.dgc-blog-logo:focus,.dgc-blog-logo:hover{opacity:.7;text-decoration:none}.dgc-blog-logo__image{width:250px;margin-left:20px}.header{position:fixed;background:#fff;z-index:700;top:0;width:100%;overflow:hidden;-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);height:auto}.header .top-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-right:24px;height:50px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e6e6e6}@media only screen and (max-width:839px){.header .top-row{padding:0 16px}}.header .top-row__left,.header .top-row__right{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:100%}.header .nav-row,.header .top-row__left,.header .top-row__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.header .nav-row{background:#fff;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.header .nav-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:50px;position:relative;background-color:#fff}@media only screen and (max-width:839px){.header .nav-items{display:none}}.header .nav-items tab{position:relative}.header .nav-items tab.active .header__nav-item:after,.header .nav-items tab:hover .header__nav-item:after{background:#1a73e8}.header .nav-items tab.active .header__nav-item,.header .nav-items tab:focus-within a{color:#202124}@media only screen and (max-width:839px){.header .header__cta,.header .nav-items{display:none}}.header__search-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:6px 0 6px 24px;overflow:hidden;position:relative;margin-right:36px;border-radius:4px}@media only screen and (max-width:767px){.header__search-container:not(.mobile){display:none}}.header__search-container.mobile{margin:0 0 20px}.header__search-container.mobile #searchform,.header__search-container.mobile .searchbox{width:100%}.header__search-container .searchbox{border-radius:2px}.header__search-container .searchbox input{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:28px;font-weight:500;color:#80868b;border:0;margin:0;height:20px;outline:0;padding:8px 8px 8px 40px;width:100%;-webkit-transition:background .2s;transition:background .2s}.header__search-container .searchbox input::-webkit-input-placeholder{color:#80868b}.header__search-container .searchbox input::-moz-placeholder{color:#80868b}.header__search-container .searchbox input::-ms-input-placeholder{color:#80868b}.header__search-container .searchbox input::placeholder{color:#80868b}.header__search-container .searchbox input:hover{background:#e8eaed}.header__search-container .material-icons{color:#80868b;left:8px;position:absolute;top:6px;-webkit-transition:color .2s;transition:color .2s}.header__cta{font-family:Google Sans Display,sans-serif;font-size:16px;font-weight:600;line-height:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#1a73e8!important;text-decoration:none}.header__cta.mobile{padding:18px 0}.header__cta:hover .cta-icon{margin-left:0;margin-right:12px}.header__cta .cta-icon{-webkit-transition:margin-right .2s linear,margin-left .2s linear;transition:margin-right .2s linear,margin-left .2s linear;margin-left:4px;margin-right:8px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header__cta .cta-icon path{fill:#1a73e8}.header__nav-item{font-family:Google Sans Display,sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#80868b;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 18px;height:100%;text-transform:none;text-decoration:none}.header__nav-item:hover{color:#202124}.header__nav-item.mobile{font-weight:500;padding:0}.header__nav-item:after{bottom:0;border-radius:3px 3px 0 0;content:&quot;&quot;;display:block;height:3px;left:50%;min-width:20px;position:absolute;right:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 24px)}.header__hamburger{border:0;background:none;outline:none;padding:0;margin:1px 8px 0 -4px;padding:8px;color:rgba(0,0,0,.65);cursor:pointer}@media only screen and (min-width:840px){.header__hamburger{display:none}}.header__side-menu{background-color:#fff;bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;overflow:auto;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1);z-index:900;display:none}.header__side-menu.is-open{-webkit-transform:translateX(0);transform:translateX(0);width:80%}.header__side-menu.is-open,.header__side-menu__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.header__side-menu__content{padding:18px 16px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.header__side-menu__content .spacer{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.header__side-menu__title{font-weight:500;margin-bottom:12px}.header__side-menu__items{list-style:none}.header__side-menu__items li{padding:12px 0}.header__side-menu__bottom{border-top:1px solid #e6e6e6}.header__side-menu__logo-container{background:#fff;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:4px 16px;border-bottom:1px solid #e6e6e6}#nav .widget{margin:0}.featured__wrapper{width:100%;border:0;background-color:#e8f0fe;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:80px 0}@media only screen and (max-width:767px){.featured__wrapper{padding:0}}.featured__inner{max-width:1080px;width:calc(100% - 24px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:48px}@media only screen and (min-width:768px){.featured__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:12px 80px}}.featured__href{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.featured__image{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}@media only screen and (min-width:768px){.featured__image img{width:100%;max-width:500px}}@media only screen and (min-width:1280px){.featured__image img{width:500px;max-width:none}}.featured__content{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;width:100%}@media only screen and (min-width:768px){.featured__content{min-width:300px;margin-left:60px}}@media only screen and (min-width:1280px){.featured__content{margin-left:120px}}.featured__title{font-size:32px;line-height:44.8px;font-weight:500;font-family:Google Sans Display,sans-serif;margin-bottom:15px}.featured__info{font-family:Roboto Mono,monospace;font-weight:400;font-size:12px;line-height:160%;margin-bottom:24px}.featured__description{margin-bottom:48px}.preview.featured__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#f1f3f4;padding:64px 0 120px}.preview.featured__wrapper h1{margin:0 0 64px}.blog-label-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.blog-label-container .blog-label{padding:8px 20px;border:1px solid #dadce0;background-color:#fff;border-radius:4px;text-decoration:none}.blog-label-container .blog-label :focus,.blog-label-container .blog-label :hover{background-color:#e8f0fe}.blog-label-container .blog-label span{font-size:14px;line-height:20px;font-weight:500;font-family:Roboto Mono,monospace;text-align:center;color:#3c4043}#pagination-container{display:none}.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.pagination .page-button{font-family:Google Sans Display,sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#1967d2;background-color:#e8f0fe;padding:16px 24px;border-radius:4px;text-decoration:none}.pagination .page-button:focus,.pagination .page-button:hover{background-color:#cad5fc}.pagination .page-button.disabled{color:#80868b;background-color:#f1f3f4}

--&gt;&lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;dgc-detail&quot;&gt;
&lt;div class=&quot;dgc-detail__title&quot;&gt;

&lt;/div&gt;
&lt;div class=&quot;dgc-detail__info&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div class=&quot;dgc-detail__content dgc-container--narrow&quot;&gt;


&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk47eVtL8ZciWOiyA4fnnJi7mS-2rtJey_qyx_QIyHA20Or6KKi39Ffgaz1BbWFt8lpBUbTIFXQLpCW9PVIvyp0Wd4uXU524Xo54rasULPQJdoopCjTLL9ruicyC79-J_YiZtXo7l0kKEurw1LdUluL6yp2O_Z8B2wP-eGw0rIRItMzSh-h-sRsP_r3Eg/s1600/blog-post-4x3.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk47eVtL8ZciWOiyA4fnnJi7mS-2rtJey_qyx_QIyHA20Or6KKi39Ffgaz1BbWFt8lpBUbTIFXQLpCW9PVIvyp0Wd4uXU524Xo54rasULPQJdoopCjTLL9ruicyC79-J_YiZtXo7l0kKEurw1LdUluL6yp2O_Z8B2wP-eGw0rIRItMzSh-h-sRsP_r3Eg/s1600/blog-post-4x3.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Joe Fernandez – Google AI Developer Relations&lt;/em&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgStzMtm0dFvnAdxl_mPkrK4Cypncu4WJDXbi0PnCuVoxrFJ2uhG44D31EFBTE_1JqIJlOD4QqfrYCGfLFeUsGlnbXh56_uwsJYCAbc_Qb27nRUgOzCanHvBBwFaBSv7I2MtERjOLUgfjJugSaLxOsjiMy5qXwIduuzH1hkwHeeSP2L_LaqreJPKJlljvk/s1600/GfD%20Banner-Build-With-Google-AI.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1058&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgStzMtm0dFvnAdxl_mPkrK4Cypncu4WJDXbi0PnCuVoxrFJ2uhG44D31EFBTE_1JqIJlOD4QqfrYCGfLFeUsGlnbXh56_uwsJYCAbc_Qb27nRUgOzCanHvBBwFaBSv7I2MtERjOLUgfjJugSaLxOsjiMy5qXwIduuzH1hkwHeeSP2L_LaqreJPKJlljvk/s1600/GfD%20Banner-Build-With-Google-AI.png&quot;&gt;&lt;/a&gt; &lt;a name=&quot;more&quot;&gt;&lt;/a&gt;&lt;p&gt;&lt;/p&gt;

&lt;p&gt;Kita akan memasuki tahun menarik lainnya dalam dunia Kecerdasan Buatan (AI) dan inilah waktunya untuk membangun lebih banyak aplikasi dengan teknologi Google AI! Serial video Membangun dengan Google AI diperuntukkan bagi developer yang ingin membuat aplikasi bermanfaat dan praktis dengan AI. Kami berfokus pada proyek pemrograman yang berguna yang dapat Anda terapkan dan kembangkan di waktu senggang Anda untuk menghadirkan kekuatan kecerdasan buatan ke dalam alur kerja atau organisasi Anda. Pada season pertama, kami menerima lebih dari 100.000 penayangan dalam enam minggu! Kami senang saat tahu banyak dari Anda menyukai serial ini, dan kami menjadi bersemangat untuk menghadirkan lebih banyak lagi proyek aplikasi Google AI kepada Anda.&lt;/p&gt;

&lt;p&gt;Hari ini, kami meluncurkan Season ke-2 dari serial &lt;a href=&quot;https://goo.gle/BuildwithGoogleAI&quot; target=&quot;_blank&quot;&gt;Membangun dengan Google AI&lt;/a&gt;, yang menampilkan proyek yang dibuat dengan teknologi Gemini API Google. &lt;a href=&quot;https://blog.google/technology/ai/google-gemini-ai/&quot; target=&quot;_blank&quot;&gt;Peluncuran Gemini&lt;/a&gt; dan &lt;a href=&quot;https://ai.google.dev/docs&quot; target=&quot;_blank&quot;&gt;Gemini API&lt;/a&gt; telah memberikan para developer kemampuan AI yang lebih maju, termasuk penalaran tingkat lanjut, pembuatan konten, sintesis informasi, dan interpretasi gambar. Tujuan kami pada season ini adalah membantu Anda menggunakan kemampuan tersebut untuk Anda dan organisasi Anda.&lt;/p&gt;

&lt;iframe class=&quot;BLOG_video_class&quot; allowfullscreen=&quot;&quot; youtube-src-id=&quot;NVyf6teUE4c&quot; width=&quot;100%&quot; height=&quot;390&quot; src=&quot;https://www.youtube.com/embed/NVyf6teUE4c&quot;&gt;&lt;/iframe&gt;

&lt;div&gt;&lt;br&gt;&lt;/div&gt;

&lt;h3&gt;Pola aplikasi AI&lt;/h3&gt;

&lt;p&gt;Serial Membangun dengan Google AI menampilkan proyek pemrograman aplikasi praktis yang dibuat untuk Anda gunakan dan sesuaikan. Namun, kami tahu bahwa Anda adalah penilai terbaik atas apa yang Anda atau organisasi Anda perlukan untuk memecahkan masalah sehari-hari dan menyelesaikan pekerjaan. Itu sebabnya setiap aplikasi yang kami tampilkan dalam serial ini juga dimaksudkan untuk digunakan sebagai pola AI. Anda dapat segera meningkatkan aplikasi untuk memecahkan masalah dan memberikan nilai bagi bisnis Anda, &lt;i&gt;dan&lt;/i&gt; aplikasi ini menunjukkan pola pengkodean umum untuk mendapatkan manfaat dari teknologi AI.&lt;/p&gt;

&lt;p&gt;Pada season kedua serial ini, kami menunjukkan cara Anda dapat memanfaatkan kemampuan model Gemini AI Google untuk aplikasi. Berikut informasi yang terbaru:&lt;/p&gt;

&lt;ul&gt;&lt;blockquote&gt;
&lt;li&gt;&lt;b&gt;&lt;a href=&quot;https://youtu.be/NVyf6teUE4c&quot; target=&quot;_blank&quot;&gt;AI Slides Reviewer dengan Google Workspace&lt;/a&gt;&lt;/b&gt; (20/3) - Interpretasi gambar adalah salah satu fitur baru terbesar model Gemini. Kami menunjukkan cara menggunakannya secara praktis dengan aplikasi ulasan presentasi untuk Google Slide yang dapat Anda sesuaikan dengan pedoman dan rekomendasi organisasi Anda.&amp;nbsp;&lt;/li&gt;&lt;/blockquote&gt;&lt;blockquote&gt;


&lt;li&gt;&lt;b&gt;AI Flutter Code Agent dengan Gemini API&lt;/b&gt; (27/3) - Pemrograman kode adalah episode paling populer dari season lalu, jadi kami menggali topik ini lebih dalam. Buat ekstensi pemrograman kode untuk menulis kode Flutter dan menjelajahi desain serta tampilan antarmuka pengguna hanya dengan beberapa kata deskripsi.&lt;/li&gt;&lt;/blockquote&gt;&lt;blockquote&gt;
  
&lt;li&gt;&lt;b&gt;AI Data Agent dengan Google Cloud&lt;/b&gt; (3/4) - Mengapa menulis pemrograman untuk mengekstrak data ketika Anda bisa memintanya? Bangun aplikasi web yang menggunakan fitur Panggilan Fungsi Gemini API untuk menerjemahkan pertanyaan menjadi panggilan kode dan data menjadi jawaban bahasa sederhana.&lt;/li&gt;
&lt;/blockquote&gt;&lt;/ul&gt;

&lt;p&gt;&lt;b&gt;Season 1 di-upgrade ke Gemini API:&lt;/b&gt; Kami telah meng-upgrade versi &lt;a href=&quot;https://ai.google.dev/examples?text=bgai&quot; target=&quot;_blank&quot;&gt;Tutorial Season 1&lt;/a&gt; dan proyek kode untuk menggunakan Gemini API sehingga Anda dapat memanfaatkan teknologi AI generatif terbaru dari Google. Jangan lupa memeriksanya!&lt;/p&gt;&lt;br&gt;

&lt;h3&gt;Belajar dari para developer&lt;/h3&gt;

&lt;p&gt;Sama seperti season lalu, kami akan kembali ke studio untuk berbicara dengan para pemrogram kode yang membuat proyek ini sehingga mereka dapat berbagi apa yang telah mereka pelajari selama ini. Bagaimana Anda membuat model Gemini dapat mengulas keseluruhan presentasi? Apa cara paling efektif untuk menghasilkan kode dengan AI? Bagaimana cara Anda mendapatkan database untuk menjawab pertanyaan dengan Gemini API? Dapatkan insight tentang pengkodean dengan AI untuk memulai proyek pengembangan Anda sendiri.&lt;/p&gt;&lt;br&gt;

&lt;h3&gt;Rumah baru bagi konten developer AI&lt;/h3&gt;

&lt;p&gt;Developer yang tertarik dengan penawaran AI Google kini memiliki rumah baru di &lt;a href=&quot;http://ai.google.dev&quot; target=&quot;_blank&quot;&gt;ai.google.dev&lt;/a&gt;. Di sana, Anda akan menemukan banyak sumber daya untuk membangun dengan AI dari Google, termasuk tutorial Membangun dengan Google AI. Nantikan lebih banyak konten sepanjang sisa tahun ini.&lt;/p&gt;&lt;p&gt;Kami sangat antusias dalam mempersembahkan season kedua &lt;b&gt;Membangun dengan Google AI&lt;/b&gt; – &lt;a href=&quot;https://goo.gle/BuildwithGoogleAI&quot; target=&quot;_blank&quot;&gt;lihat Season 2&lt;/a&gt; sekarang juga! Gunakan komentar video tersebut untuk memberi tahu kami pendapat Anda serta memberi tahu kami apa yang ingin Anda lihat di episode mendatang.&lt;/p&gt; 

&lt;p&gt;Terus belajar! Terus membangun!&lt;/p&gt;

&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/7595086732965001349'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/7595086732965001349'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/serial-video-membangun-dengan-google-ai.html' title='Serial video Membangun dengan Google AI, Season 2: lebih banyak pola AI'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk47eVtL8ZciWOiyA4fnnJi7mS-2rtJey_qyx_QIyHA20Or6KKi39Ffgaz1BbWFt8lpBUbTIFXQLpCW9PVIvyp0Wd4uXU524Xo54rasULPQJdoopCjTLL9ruicyC79-J_YiZtXo7l0kKEurw1LdUluL6yp2O_Z8B2wP-eGw0rIRItMzSh-h-sRsP_r3Eg/s72-c/blog-post-4x3.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-650118815206977351</id><published>2024-03-20T17:46:00.005+07:00</published><updated>2024-05-01T17:49:14.950+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="flutter"/><category scheme="http://www.blogger.com/atom/ns#" term="Games"/><category scheme="http://www.blogger.com/atom/ns#" term="Mobile App Development"/><title type='text'>Flutter tampil di panggung GDC</title><content type='html'>﻿&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/flutter/flutter-takes-the-stage-at-gdc-b4e14900d606&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/flutter/flutter-takes-the-stage-at-gdc-b4e14900d606&quot;/&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;STATIC&quot;&gt;html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden=&quot;true&quot;]{visibility:hidden;pointer-events:none}
/*XCode style (c) Angel Garcia &lt;angelgarcia.mail@gmail.com&gt;*/.hljs {background: #fff;color: black;
}/* Gray DOCTYPE selectors like WebKit */
.xml .hljs-meta {color: #c0c0c0;
}.hljs-comment,
.hljs-quote {color: #007400;
}.hljs-tag,
.hljs-attribute,
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-name {color: #aa0d91;
}.hljs-variable,
.hljs-template-variable {color: #3F6E74;
}.hljs-code,
.hljs-string,
.hljs-meta .hljs-string {color: #c41a16;
}.hljs-regexp,
.hljs-link {color: #0E0EFF;
}.hljs-title,
.hljs-symbol,
.hljs-bullet,
.hljs-number {color: #1c00cf;
}.hljs-section,
.hljs-meta {color: #643820;
}.hljs-title.class_,
.hljs-class .hljs-title,
.hljs-type,
.hljs-built_in,
.hljs-params {color: #5c2699;
}.hljs-attr {color: #836C28;
}.hljs-subst {color: #000;
}.hljs-formula {background-color: #eee;font-style: italic;
}.hljs-addition {background-color: #baeeba;
}.hljs-deletion {background-color: #ffc8bd;
}.hljs-selector-id,
.hljs-selector-class {color: #9b703f;
}.hljs-doctag,
.hljs-strong {font-weight: bold;
}.hljs-emphasis {font-style: italic;
}
&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;KEYFRAME&quot;&gt;@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot;&gt;.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Open Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{fill:rgba(0, 0, 0, 1)}.av{height:22px}.aw{margin-left:16px}.ax{border:none}.ay{border-radius:20px}.az{width:240px}.ba{background:#F9F9F9}.bb path{fill:#6B6B6B}.bd{outline:none}.be{font-family:sohne, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif}.bf{font-size:14px}.bg{width:100%}.bh{padding:10px 20px 10px 0}.bi{background-color:transparent}.bj{color:#242424}.bk::placeholder{color:#6B6B6B}.bl{display:inline-block}.bm{margin-left:12px}.bn{margin-right:12px}.bo{border-radius:4px}.bp{margin-left:24px}.bq{height:24px}.bw{background-color:#F9F9F9}.bx{border-radius:50%}.by{height:32px}.bz{width:32px}.ca{justify-content:center}.cg{max-width:680px}.ch{min-width:0}.ci{animation:k1 1.2s ease-in-out infinite}.cj{height:100vh}.ck{margin-bottom:16px}.cl{margin-top:48px}.cm{align-items:flex-start}.cn{flex-direction:column}.co{justify-content:space-between}.cp{margin-bottom:24px}.cv{width:80%}.cw{background-color:#F2F2F2}.dc{height:44px}.dd{width:44px}.de{margin:auto 0}.df{margin-bottom:4px}.dg{height:16px}.dh{width:120px}.di{width:80px}.do{margin-bottom:8px}.dp{width:96%}.dq{width:98%}.dr{width:81%}.ds{margin-left:8px}.dt{color:#6B6B6B}.du{font-size:13px}.dv{height:100%}.eo{color:#FFFFFF}.ep{fill:#FFFFFF}.eq{background:rgba(73, 139, 209, 1)}.er{border-color:rgba(73, 139, 209, 1)}.ev:disabled{cursor:inherit !important}.ew:disabled{opacity:0.3}.ex:disabled:hover{background:rgba(73, 139, 209, 1)}.ey:disabled:hover{border-color:rgba(73, 139, 209, 1)}.ez{border-radius:99em}.fa{border-width:1px}.fb{border-style:solid}.fc{box-sizing:border-box}.fd{text-decoration:none}.fe{text-align:center}.fh{margin-right:32px}.fi{position:relative}.fj{fill:#6B6B6B}.fm{background:transparent}.fn svg{margin-left:4px}.fo svg{fill:#6B6B6B}.fq{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fr{position:absolute}.fy{margin:0 24px}.gc{background:rgba(255, 255, 255, 1)}.gd{border:1px solid #F2F2F2}.ge{box-shadow:0 1px 4px #F2F2F2}.gf{max-height:100vh}.gg{overflow-y:auto}.gh{left:0}.gi{top:calc(100vh + 100px)}.gj{bottom:calc(100vh + 100px)}.gk{width:10px}.gl{pointer-events:none}.gm{word-break:break-word}.gn{word-wrap:break-word}.go:after{display:block}.gp:after{content:&quot;&quot;}.gq:after{clear:both}.gr{line-height:1.23}.gs{letter-spacing:0}.gt{font-style:normal}.gu{font-weight:700}.hu{@media all and (max-width: 551.98px):8px}.hv{@media all and (min-width: 552px) and (max-width: 727.98px):8px}.hw{@media all and (min-width: 728px) and (max-width: 903.98px):16px}.hx{@media all and (min-width: 904px) and (max-width: 1079.98px):16px}.hy{@media all and (min-width: 1080px):16px}.ie{align-items:baseline}.if{width:48px}.ig{height:48px}.ih{border:2px solid rgba(255, 255, 255, 1)}.ii{z-index:0}.ij{box-shadow:none}.ik{border:1px solid rgba(0, 0, 0, 0.05)}.il{margin-left:-12px}.im{width:28px}.in{height:28px}.io{z-index:1}.ip{width:24px}.iq{margin-bottom:2px}.ir{flex-wrap:nowrap}.is{font-size:16px}.it{line-height:24px}.iv{margin:0 8px}.iw{display:inline}.ix{color:rgba(73, 139, 209, 1)}.iy{fill:rgba(73, 139, 209, 1)}.jb{flex:0 0 auto}.je{flex-wrap:wrap}.jh{white-space:pre-wrap}.ji{margin-right:4px}.jj{overflow:hidden}.jk{max-height:20px}.jl{text-overflow:ellipsis}.jm{display:-webkit-box}.jn{-webkit-line-clamp:1}.jo{-webkit-box-orient:vertical}.jp{word-break:break-all}.jr{padding-left:8px}.js{padding-right:8px}.kt&gt; *{flex-shrink:0}.ku{overflow-x:scroll}.kv::-webkit-scrollbar{display:none}.kw{scrollbar-width:none}.kx{-ms-overflow-style:none}.ky{width:74px}.kz{flex-direction:row}.la{z-index:2}.ld{-webkit-user-select:none}.le{border:0}.lf{fill:rgba(117, 117, 117, 1)}.li{outline:0}.lj{user-select:none}.lk&gt; svg{pointer-events:none}.lt{cursor:progress}.lu{margin-left:4px}.lv{margin-top:0px}.lw{opacity:1}.lx{padding:4px 0}.ma{width:16px}.mc{display:inline-flex}.mi{max-width:100%}.mj{padding:8px 2px}.mk svg{color:#6B6B6B}.nb{line-height:1.58}.nc{letter-spacing:-0.004em}.nd{font-family:source-serif-pro, Georgia, Cambria, &quot;Times New Roman&quot;, Times, serif}.ny{margin-bottom:-0.46em}.nz{text-decoration:underline}.oa{margin-left:auto}.ob{margin-right:auto}.oc{max-width:1600px}.oi{clear:both}.ok{cursor:zoom-in}.ol{z-index:auto}.on{height:auto}.oo{margin-top:10px}.op{max-width:728px}.os{line-height:1.12}.ot{letter-spacing:-0.022em}.ou{font-weight:600}.pp{margin-bottom:-0.28em}.pv{list-style-type:disc}.pw{margin-left:30px}.px{padding-left:0px}.qd{margin-bottom:26px}.qe{margin-top:6px}.qf{margin-top:8px}.qg{margin-right:8px}.qh{padding:8px 16px}.qi{border-radius:100px}.qj{transition:background 300ms ease}.ql{white-space:nowrap}.qm{border-top:none}.qs{height:52px}.qt{max-height:52px}.qu{box-sizing:content-box}.qv{position:static}.qx{max-width:155px}.rd{margin-right:20px}.rj{align-items:flex-end}.rk{width:76px}.rl{height:76px}.rm{border:2px solid #F9F9F9}.rn{height:72px}.ro{width:72px}.rp{margin-left:-16px}.rq{width:36px}.rr{height:36px}.rs{width:auto}.rt{stroke:#F2F2F2}.ru{color:#F2F2F2}.rv{fill:#F2F2F2}.rw{background:#F2F2F2}.rx{border-color:#F2F2F2}.sd{font-weight:500}.se{font-size:24px}.sf{line-height:30px}.sg{letter-spacing:-0.016em}.sh{margin-top:16px}.si{height:0px}.sj{border-bottom:solid 1px #E5E5E5}.sp{margin-top:72px}.sq{padding:24px 0}.sr{margin-bottom:0px}.ss{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.es:hover{background:rgba(68, 119, 175, 1)}.et:hover{border-color:rgba(68, 119, 175, 1)}.eu:hover{cursor:pointer}.fk:hover{color:#242424}.fl:hover{fill:#242424}.fp:hover svg{fill:#242424}.fs:hover{background-color:rgba(0, 0, 0, 0.1)}.iu:hover{text-decoration:underline}.iz:hover:not(:disabled){color:rgba(68, 119, 175, 1)}.ja:hover:not(:disabled){fill:rgba(68, 119, 175, 1)}.lh:hover{fill:rgba(8, 8, 8, 1)}.ly:hover{fill:#000000}.lz:hover p{color:#000000}.mb:hover{color:#000000}.ml:hover svg{color:#000000}.qk:hover{background-color:#F2F2F2}.ry:hover{background:#F2F2F2}.rz:hover{border-color:#F2F2F2}.sa:hover{cursor:wait}.sb:hover{color:#F2F2F2}.sc:hover{fill:#F2F2F2}.bc:focus-within path{fill:#242424}.lg:focus{fill:rgba(8, 8, 8, 1)}.mm:focus svg{color:#000000}.om:focus{transform:scale(1.01)}.ll:active{border-style:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 1080px)&quot;&gt;.d{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ee{font-size:14px}.ef{line-height:20px}.el{font-size:13px}.em{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:68px}.gb{max-width:680px}.hp{font-size:42px}.hq{margin-top:1.19em}.hr{margin-bottom:32px}.hs{line-height:52px}.ht{letter-spacing:-0.011em}.id{align-items:center}.kf{border-top:solid 1px #F2F2F2}.kg{border-bottom:solid 1px #F2F2F2}.kh{margin:32px 0 0}.ki{padding:3px 8px}.kr&gt; *{margin-right:24px}.ks&gt; :last-child{margin-right:0}.ls{margin-top:0px}.mh{margin:0}.nu{font-size:20px}.nv{margin-top:2.14em}.nw{line-height:32px}.nx{letter-spacing:-0.003em}.oh{margin-top:56px}.pl{font-size:24px}.pm{margin-top:1.95em}.pn{line-height:30px}.po{letter-spacing:-0.016em}.pu{margin-top:0.94em}.qc{margin-top:1.14em}.qr{margin-bottom:88px}.rc{display:inline-block}.ri{padding-top:72px}.so{margin-top:40px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 1079.98px)&quot;&gt;.e{display:none}.lr{margin-top:0px}.oq{margin-left:auto}.or{text-align:center}.rb{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 903.98px)&quot;&gt;.f{display:none}.lq{margin-top:0px}.ra{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 727.98px)&quot;&gt;.g{display:none}.lo{margin-top:0px}.lp{margin-right:0px}.qz{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 551.98px)&quot;&gt;.h{display:none}.s{display:flex}.t{justify-content:space-between}.br{width:24px}.cb{margin:0 24px}.cq{height:40px}.cx{margin-bottom:44px}.dj{margin-bottom:32px}.dw{font-size:13px}.dx{line-height:20px}.eg{padding:0px 8px 1px}.ft{margin-bottom:4px}.gv{font-size:32px}.gw{margin-top:1.01em}.gx{margin-bottom:24px}.gy{line-height:38px}.gz{letter-spacing:-0.014em}.hz{align-items:flex-start}.jc{flex-direction:column}.jf{margin-bottom:2px}.jt{margin:24px -24px 0}.ju{padding:0}.kj&gt; *{margin-right:8px}.kk&gt; :last-child{margin-right:24px}.lb{margin-left:0px}.lm{margin-top:0px}.ln{margin-right:0px}.md{margin:0}.mn{border:1px solid #F2F2F2}.mo{border-radius:99em}.mp{padding:0px 16px 0px 12px}.mq{height:38px}.mr{align-items:center}.mt svg{margin-right:8px}.ne{font-size:18px}.nf{margin-top:1.56em}.ng{line-height:28px}.nh{letter-spacing:-0.003em}.od{margin-top:40px}.ov{font-size:20px}.ow{margin-top:1.2em}.ox{line-height:24px}.oy{letter-spacing:0}.pq{margin-top:0.67em}.py{margin-top:1.34em}.qn{margin-bottom:80px}.qy{display:inline-block}.re{padding-top:48px}.sk{margin-top:32px}.ms:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 904px) and (max-width: 1079.98px)&quot;&gt;.i{display:none}.bu{width:64px}.ce{margin:0 64px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.ec{font-size:14px}.ed{line-height:20px}.ej{font-size:13px}.ek{padding:5px 12px}.ff{display:flex}.fw{margin-bottom:68px}.ga{max-width:680px}.hk{font-size:42px}.hl{margin-top:1.19em}.hm{margin-bottom:32px}.hn{line-height:52px}.ho{letter-spacing:-0.011em}.ic{align-items:center}.kb{border-top:solid 1px #F2F2F2}.kc{border-bottom:solid 1px #F2F2F2}.kd{margin:32px 0 0}.ke{padding:3px 8px}.kp&gt; *{margin-right:24px}.kq&gt; :last-child{margin-right:0}.mg{margin:0}.nq{font-size:20px}.nr{margin-top:2.14em}.ns{line-height:32px}.nt{letter-spacing:-0.003em}.og{margin-top:56px}.ph{font-size:24px}.pi{margin-top:1.95em}.pj{line-height:30px}.pk{letter-spacing:-0.016em}.pt{margin-top:0.94em}.qb{margin-top:1.14em}.qq{margin-bottom:88px}.rh{padding-top:72px}.sn{margin-top:40px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 728px) and (max-width: 903.98px)&quot;&gt;.j{display:none}.w{display:flex}.x{justify-content:space-between}.bt{width:64px}.cd{margin:0 48px}.cs{height:48px}.cz{margin-bottom:52px}.dl{margin-bottom:48px}.ea{font-size:13px}.eb{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:68px}.fz{max-width:680px}.hf{font-size:42px}.hg{margin-top:1.19em}.hh{margin-bottom:32px}.hi{line-height:52px}.hj{letter-spacing:-0.011em}.ib{align-items:center}.jx{border-top:solid 1px #F2F2F2}.jy{border-bottom:solid 1px #F2F2F2}.jz{margin:32px 0 0}.ka{padding:3px 8px}.kn&gt; *{margin-right:24px}.ko&gt; :last-child{margin-right:0}.mf{margin:0}.nm{font-size:20px}.nn{margin-top:2.14em}.no{line-height:32px}.np{letter-spacing:-0.003em}.of{margin-top:56px}.pd{font-size:24px}.pe{margin-top:1.95em}.pf{line-height:30px}.pg{letter-spacing:-0.016em}.ps{margin-top:0.94em}.qa{margin-top:1.14em}.qp{margin-bottom:88px}.rg{padding-top:72px}.sm{margin-top:40px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 552px) and (max-width: 727.98px)&quot;&gt;.k{display:none}.u{display:flex}.v{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dy{font-size:13px}.dz{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:4px}.ha{font-size:32px}.hb{margin-top:1.01em}.hc{margin-bottom:24px}.hd{line-height:38px}.he{letter-spacing:-0.014em}.ia{align-items:flex-start}.jd{flex-direction:column}.jg{margin-bottom:2px}.jv{margin:24px 0 0}.jw{padding:0}.kl&gt; *{margin-right:8px}.km&gt; :last-child{margin-right:8px}.lc{margin-left:0px}.me{margin:0}.mu{border:1px solid #F2F2F2}.mv{border-radius:99em}.mw{padding:0px 16px 0px 12px}.mx{height:38px}.my{align-items:center}.na svg{margin-right:8px}.ni{font-size:18px}.nj{margin-top:1.56em}.nk{line-height:28px}.nl{letter-spacing:-0.003em}.oe{margin-top:40px}.oz{font-size:20px}.pa{margin-top:1.2em}.pb{line-height:24px}.pc{letter-spacing:0}.pr{margin-top:0.67em}.pz{margin-top:1.34em}.qo{margin-bottom:80px}.rf{padding-top:48px}.sl{margin-top:32px}.mz:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;print&quot;&gt;.qw{display:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;(orientation: landscape) and (max-width: 903.98px)&quot;&gt;.jq{max-height:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;512&quot; data-fela-type=&quot;RULE&quot; media=&quot;(prefers-reduced-motion: no-preference)&quot;&gt;.oj{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}&lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;article&gt;&lt;div class=&quot;l&quot;&gt;&lt;div class=&quot;l&quot;&gt;&lt;span class=&quot;l&quot;&gt;&lt;/span&gt;&lt;section&gt;&lt;div&gt;&lt;div class=&quot;fr gh gi gj gk gl&quot;&gt;&lt;/div&gt;&lt;div class=&quot;gm gn go gp gq&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;ch bg fy fz ga gb&quot;&gt;&lt;div&gt;&lt;div class=&quot;hu hv hw hx hy&quot;&gt;&lt;div class=&quot;speechify-ignore ab co&quot;&gt;&lt;div class=&quot;speechify-ignore bg l&quot;&gt;&lt;div class=&quot;hz ia ib ic id ab&quot;&gt;&lt;div&gt;&lt;div class=&quot;ab ie&quot;&gt;&lt;a rel=&quot;noopener follow&quot; href=&quot;/@zoeyfan_43394?source=post_page-----b4e14900d606--------------------------------&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l if ig bx ih ii&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Zoey Fan&quot; class=&quot;l fc bx dc dd cw&quot; src=&quot;https://miro.medium.com/v2/resize:fill:88:88/2*Cl8MkXie_Fr91CEmLGzQtw.jpeg&quot; width=&quot;44&quot; height=&quot;44&quot; loading=&quot;lazy&quot; data-testid=&quot;authorPhoto&quot;&gt;&lt;div class=&quot;ij bx l dc dd fr n ik fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;a href=&quot;https://medium.com/flutter?source=post_page-----b4e14900d606--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;div class=&quot;il ab fi&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l im in bx ih io&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Flutter&quot; class=&quot;l fc bx bq ip cw&quot; src=&quot;https://miro.medium.com/v2/resize:fill:48:48/1*5-aoK8IBmXve5whBQM90GA.png&quot; width=&quot;24&quot; height=&quot;24&quot; loading=&quot;lazy&quot; data-testid=&quot;publicationPhoto&quot;&gt;&lt;div class=&quot;ij bx l bq ip fr n ik fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bm bg l&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div style=&quot;flex:1&quot;&gt;&lt;span class=&quot;be b bf z bj&quot;&gt;&lt;div class=&quot;iq ab q&quot;&gt;&lt;div class=&quot;ab q ir&quot;&gt;&lt;div class=&quot;ab q&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;p class=&quot;be b is it bj&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar iu&quot; data-testid=&quot;authorName&quot; rel=&quot;noopener follow&quot; href=&quot;/@zoeyfan_43394?source=post_page-----b4e14900d606--------------------------------&quot;&gt;Zoey Fan&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;iv iw&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;p class=&quot;be b is it dt&quot;&gt;&lt;span&gt;&lt;a class=&quot;ix iy ah ai aj ak al am an ao ap aq ar ew iz ja&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F6410de8e01c6&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fflutter%2Fflutter-takes-the-stage-at-gdc-b4e14900d606&amp;amp;user=Zoey+Fan&amp;amp;userId=6410de8e01c6&amp;amp;source=post_page-6410de8e01c6----b4e14900d606---------------------post_header-----------&quot;&gt;Ikuti&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;l jb&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab cm jc jd je&quot;&gt;&lt;div class=&quot;jf jg ab&quot;&gt;&lt;div class=&quot;be b bf z dt ab jh&quot;&gt;&lt;span class=&quot;ji l jb&quot;&gt;Dipublikasikan di&lt;/span&gt;&lt;div&gt;&lt;div class=&quot;l&quot; aria-hidden=&quot;false&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar iu ab q&quot; data-testid=&quot;publicationName&quot; href=&quot;https://medium.com/flutter?source=post_page-----b4e14900d606--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;p class=&quot;be b bf z jj jk jl jm jn jo jp jq bj&quot;&gt;Flutter&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;span class=&quot;iv iw&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab ae&quot;&gt;&lt;span data-testid=&quot;storyReadTime&quot;&gt;Bacaan 3 menit&lt;/span&gt;&lt;div class=&quot;jr js l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span data-testid=&quot;storyPublishDate&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab co jt ju jv jw jx jy jz ka kb kc kd ke kf kg kh ki&quot;&gt;&lt;div class=&quot;h k w ff fg q&quot;&gt;&lt;div class=&quot;ky l&quot;&gt;&lt;div class=&quot;ab q kz la&quot;&gt;&lt;div class=&quot;pw-multi-vote-icon fi ji lb lc ld&quot;&gt;&lt;span&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar as at&quot; data-testid=&quot;headerClapButton&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fflutter%2Fb4e14900d606&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fflutter%2Fflutter-takes-the-stage-at-gdc-b4e14900d606&amp;amp;user=Zoey+Fan&amp;amp;userId=6410de8e01c6&amp;amp;source=-----b4e14900d606---------------------clap_footer-----------&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;le ao lf lg lh li am lj lk ll ld&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; aria-label=&quot;clap&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M11.37.83L12 3.28l.63-2.45h-1.26zM13.92 3.95l1.52-2.1-1.18-.4-.34 2.5zM8.59 1.84l1.52 2.11-.34-2.5-1.18.4zM18.52 18.92a4.23 4.23 0 0 1-2.62 1.33l.41-.37c2.39-2.4 2.86-4.95 1.4-7.63l-.91-1.6-.8-1.67c-.25-.56-.19-.98.21-1.29a.7.7 0 0 1 .55-.13c.28.05.54.23.72.5l2.37 4.16c.97 1.62 1.14 4.23-1.33 6.7zm-11-.44l-4.15-4.15a.83.83 0 0 1 1.17-1.17l2.16 2.16a.37.37 0 0 0 .51-.52l-2.15-2.16L3.6 11.2a.83.83 0 0 1 1.17-1.17l3.43 3.44a.36.36 0 0 0 .52 0 .36.36 0 0 0 0-.52L5.29 9.51l-.97-.97a.83.83 0 0 1 0-1.16.84.84 0 0 1 1.17 0l.97.97 3.44 3.43a.36.36 0 0 0 .51 0 .37.37 0 0 0 0-.52L6.98 7.83a.82.82 0 0 1-.18-.9.82.82 0 0 1 .76-.51c.22 0 .43.09.58.24l5.8 5.79a.37.37 0 0 0 .58-.42L13.4 9.67c-.26-.56-.2-.98.2-1.29a.7.7 0 0 1 .55-.13c.28.05.55.23.73.5l2.2 3.86c1.3 2.38.87 4.59-1.29 6.75a4.65 4.65 0 0 1-4.19 1.37 7.73 7.73 0 0 1-4.07-2.25zm3.23-12.5l2.12 2.11c-.41.5-.47 1.17-.13 1.9l.22.46-3.52-3.53a.81.81 0 0 1-.1-.36c0-.23.09-.43.24-.59a.85.85 0 0 1 1.17 0zm7.36 1.7a1.86 1.86 0 0 0-1.23-.84 1.44 1.44 0 0 0-1.12.27c-.3.24-.5.55-.58.89-.25-.25-.57-.4-.91-.47-.28-.04-.56 0-.82.1l-2.18-2.18a1.56 1.56 0 0 0-2.2 0c-.2.2-.33.44-.4.7a1.56 1.56 0 0 0-2.63.75 1.6 1.6 0 0 0-2.23-.04 1.56 1.56 0 0 0 0 2.2c-.24.1-.5.24-.72.45a1.56 1.56 0 0 0 0 2.2l.52.52a1.56 1.56 0 0 0-.75 2.61L7 19a8.46 8.46 0 0 0 4.48 2.45 5.18 5.18 0 0 0 3.36-.5 4.89 4.89 0 0 0 4.2-1.51c2.75-2.77 2.54-5.74 1.43-7.59L18.1 7.68z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;pw-multi-vote-count l lm ln lo lp lq lr ls&quot;&gt;&lt;p class=&quot;be b du z dt&quot;&gt;&lt;span class=&quot;lt&quot;&gt;--&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button class=&quot;ao le lw lx ab q fj ly lz&quot; aria-label=&quot;responses&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; class=&quot;lv&quot;&gt;&lt;path d=&quot;M18 16.8a7.14 7.14 0 0 0 2.24-5.32c0-4.12-3.53-7.48-8.05-7.48C7.67 4 4 7.36 4 11.48c0 4.13 3.67 7.48 8.2 7.48a8.9 8.9 0 0 0 2.38-.32c.23.2.48.39.75.56 1.06.69 2.2 1.04 3.4 1.04.22 0 .4-.11.48-.29a.5.5 0 0 0-.04-.52 6.4 6.4 0 0 1-1.16-2.65v.02zm-3.12 1.06l-.06-.22-.32.1a8 8 0 0 1-2.3.33c-4.03 0-7.3-2.96-7.3-6.59S8.17 4.9 12.2 4.9c4 0 7.1 2.96 7.1 6.6 0 1.8-.6 3.47-2.02 4.72l-.2.16v.26l.02.3a6.74 6.74 0 0 0 .88 2.4 5.27 5.27 0 0 1-2.17-.86c-.28-.17-.72-.38-.94-.59l.01-.02z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;p class=&quot;be b du z dt&quot;&gt;&lt;span class=&quot;pw-responses-count lu lv&quot;&gt;1&lt;/span&gt;&lt;/p&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab q kj kk kl km kn ko kp kq kr ks kt ku kv kw kx&quot;&gt;&lt;div class=&quot;ma k j i d&quot;&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;span&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar as at&quot; data-testid=&quot;headerBookmarkButton&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fb4e14900d606&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fflutter%2Fflutter-takes-the-stage-at-gdc-b4e14900d606&amp;amp;source=-----b4e14900d606---------------------bookmark_footer-----------&quot;&gt;&lt;svg width=&quot;25&quot; height=&quot;25&quot; viewBox=&quot;0 0 25 25&quot; fill=&quot;none&quot; class=&quot;dt mb&quot; aria-label=&quot;Add to list bookmark button&quot;&gt;&lt;path d=&quot;M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18V2.5zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .8.4l5.7-4.4 5.7 4.4a.5.5 0 0 0 .8-.4v-8.5a.5.5 0 0 0-1 0v7.48l-5.2-4a.5.5 0 0 0-.6 0l-5.2 4V7z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;fc mc cm&quot;&gt;&lt;div class=&quot;l ae&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;md me mf mg mh mi ch bg&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div class=&quot;bl bg&quot; aria-hidden=&quot;false&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-label=&quot;Listen&quot; data-testid=&quot;audioPlayButton&quot; class=&quot;af fj ah ai aj ak al mj an ao ap ew mk ml lz mm mn mo mp mq s mr ms mt mu mv mw mx u my mz na&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0zm9-10a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm3.38 10.42l-4.6 3.06a.5.5 0 0 1-.78-.41V8.93c0-.4.45-.63.78-.41l4.6 3.06c.3.2.3.64 0 .84z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Dengarkan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot; aria-describedby=&quot;postFooterSocialMenu&quot; aria-labelledby=&quot;postFooterSocialMenu&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-controls=&quot;postFooterSocialMenu&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Share Post&quot; data-testid=&quot;headerSocialShareButton&quot; class=&quot;af fj ah ai aj ak al mj an ao ap ew mk ml lz mm mn mo mp mq s mr ms mt mu mv mw mx u my mz na&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M15.22 4.93a.42.42 0 0 1-.12.13h.01a.45.45 0 0 1-.29.08.52.52 0 0 1-.3-.13L12.5 3v7.07a.5.5 0 0 1-.5.5.5.5 0 0 1-.5-.5V3.02l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.8a.42.42 0 0 1 .07.5zm-.1.14zm.88 2h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.14c.1.1.15.22.15.35a.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9V8.96c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Bagikan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p id=&quot;b3e5&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gm bj&quot;&gt;Tahun lalu, tejadi &lt;a class=&quot;af nz&quot; rel=&quot;noopener&quot; href=&quot;/flutter/building-your-next-casual-game-with-flutter-716ef457e440&quot;&gt;pembaruan besar pada toolkit Flutter Casual Games.&lt;/a&gt;. Pekan ini, Flutter &lt;a class=&quot;af nz&quot; href=&quot;https://schedule.gdconf.com/session/google-developer-summit-building-multiplatform-games-with-flutter-presented-by-google/903077&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;memulai debutnya&lt;/a&gt; di &lt;a class=&quot;af nz&quot; href=&quot;https://gdconf.com/&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Konferensi Developer Game&lt;/a&gt; (GDC) di San Francisco, acara profesional utama industri game, yang mendukung para developer game dan kemajuan keahlian mereka. Baca terus untuk melihat kemajuan yang telah dibuat oleh para developer dalam membangun game di Flutter, dan apa yang tersedia untuk masa depan pengembangan game Flutter.&lt;/p&gt;&lt;figure class=&quot;od oe of og oh oi oa ob paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;oj ok fi ol bg om&quot;&gt;&lt;div class=&quot;oa ob oc&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*zVBJt_90TX8KEYoD 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*zVBJt_90TX8KEYoD 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*zVBJt_90TX8KEYoD 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*zVBJt_90TX8KEYoD 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*zVBJt_90TX8KEYoD 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*zVBJt_90TX8KEYoD 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*zVBJt_90TX8KEYoD 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*zVBJt_90TX8KEYoD 640w, https://miro.medium.com/v2/resize:fit:720/0*zVBJt_90TX8KEYoD 720w, https://miro.medium.com/v2/resize:fit:750/0*zVBJt_90TX8KEYoD 750w, https://miro.medium.com/v2/resize:fit:786/0*zVBJt_90TX8KEYoD 786w, https://miro.medium.com/v2/resize:fit:828/0*zVBJt_90TX8KEYoD 828w, https://miro.medium.com/v2/resize:fit:1100/0*zVBJt_90TX8KEYoD 1100w, https://miro.medium.com/v2/resize:fit:1400/0*zVBJt_90TX8KEYoD 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg mi on c&quot; width=&quot;700&quot; height=&quot;395&quot; loading=&quot;eager&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;oo fe op oa ob oq or be b bf z dt&quot;&gt;Gambar pahlawan Flutter untuk Game&lt;/figcaption&gt;&lt;/figure&gt;&lt;p id=&quot;6c46&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gm bj&quot;&gt;Sejak peluncuran &lt;a class=&quot;af nz&quot; href=&quot;http://flutter.dev/games&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Flutter Casual Games Toolkit&lt;/a&gt;, Flutter telah membuat kemajuan yang signifikan dalam arena pengembangan game. Lebih dari 15.000 game seluler baru telah dikembangkan dengan Flutter dalam 12 bulan terakhir.&lt;/p&gt;&lt;p id=&quot;8562&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gm bj&quot;&gt;Flutter telah terbukti menjadi pilihan yang menarik untuk aplikasi game dari semua ukuran, memberdayakan developer game pemula seperti &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/tty215&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Tatsuya&lt;/a&gt;, yang menggunakan Flutter untuk membuat &lt;a class=&quot;af nz&quot; href=&quot;https://play.google.com/store/apps/details?id=com.ttydev.tiniesmerge&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Tinies Merge&lt;/a&gt; di waktu luangnya dan berhasil menduduki 20 besar finalis di &lt;a class=&quot;af nz&quot; href=&quot;https://android-developers-jp.googleblog.com/2023/07/IndieGamesFestival2023.html&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Festival Game Indie Google Play&lt;/a&gt;, hingga tim-tim di balik berbagai game populer seperti &lt;a class=&quot;af nz&quot; href=&quot;https://play.google.com/store/apps/details?id=com.etermax.preguntados.lite&amp;amp;hl=en_US&amp;amp;gl=US&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Trivia Crack&lt;/a&gt;, yang telah didownload ratusan juta kali di seluruh dunia!&lt;/p&gt;&lt;h1 id=&quot;90dd&quot; class=&quot;os ot gt be ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp bj&quot;&gt;Mengapa memilih Flutter untuk Game?&lt;/h1&gt;&lt;p id=&quot;38ee&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne pq ng nh ni pr nk nl nm ps no np nq pt ns nt nu pu nw nx ny gm bj&quot;&gt;Flutter menawarkan keuntungan yang menarik untuk game kasual 2D, terutama game berbasis antarmuka atau berbasis giliran. Fakta bahwa Flutter bersifat open-source yang meniadakan biaya lisensi, memberikan kontrol mendalam atas mekanisme game, dan memberikan akses ke ekosistem plugin yang melimpah. Fitur “hot reload” Flutter mempercepat pengembangan, sementara mesinnya yang dioptimalkan memastikan performa yang lancar di seluruh perangkat, termasuk browser. Dengan kemampuan untuk membangun sekali dan men-deploy lintas platform, termasuk iOS, Android, web, desktop, dan &lt;a class=&quot;af nz&quot; href=&quot;https://play.google.com/googleplaygames&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Google Play Game untuk PC&lt;/a&gt;, Flutter mempermudah jangkauan game Anda. Jadi, jika Anda adalah seorang developer game, jangan abaikan potensi Flutter. Cobalah Flutter untuk game Anda berikutnya dan bantu kami menyebarkannya!&lt;/p&gt;&lt;h1 id=&quot;66fe&quot; class=&quot;os ot gt be ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp bj&quot;&gt;Untuk 2024 dan seterusnya: membangun ekosistem Pengembangan Game Flutter bersama-sama&lt;/h1&gt;&lt;p id=&quot;5bc0&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne pq ng nh ni pr nk nl nm ps no np nq pt ns nt nu pu nw nx ny gm bj&quot;&gt;Pada tahun 2024, kami berdedikasi untuk memberdayakan Anda agar dapat menciptakan pengalaman permainan kasual yang luar biasa dengan Flutter. Kami akan fokus pada:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;f8d5&quot; class=&quot;nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny pv pw px bj&quot;&gt;&lt;strong class=&quot;nd gu&quot;&gt;Pemercepatan pengembangan:&lt;/strong&gt; Nantikan sumber daya pengembangan game yang diperluas, seperti template, integrasi plugin, dan panduan mendalam, untuk mempercepat alur kerja Anda dan membuka potensi pengembangan game Flutter.&lt;/li&gt;&lt;li id=&quot;bdee&quot; class=&quot;nb nc gt nd b ne py ng nh ni pz nk nl nm qa no np nq qb ns nt nu qc nw nx ny pv pw px bj&quot;&gt;&lt;strong class=&quot;nd gu&quot;&gt;Perluasan jangkauan Anda:&lt;/strong&gt; Kami berupaya agar deployment game Flutter di web dan platform lainnya menjadi lebih lancar, membuka audiens baru untuk kreasi Anda.&lt;/li&gt;&lt;li id=&quot;33b5&quot; class=&quot;nb nc gt nd b ne py ng nh ni pz nk nl nm qa no np nq qb ns nt nu qc nw nx ny pv pw px bj&quot;&gt;&lt;strong class=&quot;nd gu&quot;&gt;Landasan untuk masa depan:&lt;/strong&gt; Meskipun dukungan game seluler 2D menjadi fokus utama, kami ingin mengeksplorasi kemampuan 3D sebagai bagian dari upaya &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/flutter/flutter/wiki/Flutter-GPU&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;GPU Flutter&lt;/a&gt;. Ikuti beberapa &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/bdero/flutter-scene-example/tree/gdc2024&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;eksperimen awal&lt;/a&gt; kami untuk melihat progres kami.&lt;/li&gt;&lt;/ul&gt;&lt;h1 id=&quot;8ef8&quot; class=&quot;os ot gt be ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp bj&quot;&gt;Ucapan terima kasih khusus kepada komunitas&lt;/h1&gt;&lt;p id=&quot;2474&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne pq ng nh ni pr nk nl nm ps no np nq pt ns nt nu pu nw nx ny gm bj&quot;&gt;Kami sangat berterima kasih kepada komunitas atas dukungan berkelanjutan dan kontribusi signifikan Anda, yang telah mendorong pertumbuhan Flutter yang luar biasa di ruang pengembangan game.&lt;/p&gt;&lt;p id=&quot;0264&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gm bj&quot;&gt;Kami kagum atas pekerjaan Anda, dan sangat berterima kasih atas banyaknya kontribusi yang mengagumkan, termasuk:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;6ece&quot; class=&quot;nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny pv pw px bj&quot;&gt;&lt;a class=&quot;af nz&quot; href=&quot;https://github.com/luanpotter&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Luan Nico&lt;/a&gt;, &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/spydon&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Lukas Klingsbo&lt;/a&gt;, &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/erickzanardo&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Erick Zanardo&lt;/a&gt;, &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/renancaraujo&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Renan Araujo&lt;/a&gt;, &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/radicaled&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Arron Washington&lt;/a&gt;, &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/st-pasha&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Pasha Stetsenko&lt;/a&gt;, &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/wolfenrain&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Jochum van der Ploeg&lt;/a&gt;, &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/feroult&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Fernando Ultremare&lt;/a&gt;, &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/ufrshubham&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;DevKage&lt;/a&gt; (&lt;a class=&quot;af nz&quot; href=&quot;https://flame-engine.org/&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Flame&lt;/a&gt;): Pekerjaan Anda pada mesin Flame dan proyek-proyek terkait telah berdampak besar untuk pengembangan game Flutter.&lt;/li&gt;&lt;li id=&quot;ffae&quot; class=&quot;nb nc gt nd b ne py ng nh ni pz nk nl nm qa no np nq qb ns nt nu qc nw nx ny pv pw px bj&quot;&gt;&lt;a class=&quot;af nz&quot; href=&quot;https://github.com/RafaelBarbosatec&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Rafael Barbosa&lt;/a&gt; (&lt;a class=&quot;af nz&quot; href=&quot;https://bonfire-engine.github.io/#/&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Bonfire&lt;/a&gt;): Mesin game Anda yang kuat dan serbaguna adalah alat yang fantastis untuk membuat game bergaya RPG.&lt;/li&gt;&lt;li id=&quot;ab72&quot; class=&quot;nb nc gt nd b ne py ng nh ni pz nk nl nm qa no np nq qb ns nt nu qc nw nx ny pv pw px bj&quot;&gt;&lt;a class=&quot;af nz&quot; href=&quot;https://github.com/filiph&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Filip &lt;/a&gt;Hráček: Template dan tutorial Anda memberikan titik awal yang tak ternilai bagi banyak developer game baru.&lt;/li&gt;&lt;li id=&quot;996d&quot; class=&quot;nb nc gt nd b ne py ng nh ni pz nk nl nm qa no np nq qb ns nt nu qc nw nx ny pv pw px bj&quot;&gt;&lt;a class=&quot;af nz&quot; href=&quot;https://github.com/subhash279&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Jeff Ward&lt;/a&gt;: Menyematkan Dart di game engine lain membuka berbagai kemungkinan menarik.&lt;/li&gt;&lt;li id=&quot;7c1a&quot; class=&quot;nb nc gt nd b ne py ng nh ni pz nk nl nm qa no np nq qb ns nt nu qc nw nx ny pv pw px bj&quot;&gt;Tim luar biasa di @VeryGoodVentures: Game Anda yang indah dan kesediaan Anda untuk berbagi praktik terbaik meningkatkan standar untuk semua orang.&lt;/li&gt;&lt;li id=&quot;40fc&quot; class=&quot;nb nc gt nd b ne py ng nh ni pz nk nl nm qa no np nq qb ns nt nu qc nw nx ny pv pw px bj&quot;&gt;&lt;a class=&quot;af nz&quot; href=&quot;https://github.com/Abedalkareem&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Abedalkareem Omreyh&lt;/a&gt; (&lt;a class=&quot;af nz&quot; href=&quot;https://pub.dev/packages/games_services&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;layanan game&lt;/a&gt;), &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/Gustl22&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;August&lt;/a&gt;, &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/subhash279&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;subhash279&lt;/a&gt; (&lt;a class=&quot;af nz&quot; href=&quot;https://pub.dev/packages/audioplayers&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;audioplayers&lt;/a&gt;), &lt;a class=&quot;af nz&quot; href=&quot;https://github.com/alnitak&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Marco Bavagnoli&lt;/a&gt; (&lt;a class=&quot;af nz&quot; href=&quot;https://pub.dev/packages/flutter_soloud&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Flutter SoLoud&lt;/a&gt;), dan &lt;strong class=&quot;nd gu&quot;&gt;banyak lagi lainnya&lt;/strong&gt; yang menciptakan paket-paket penting: Landasan yang Anda berikan memungkinkan game yang kompleks dan menarik dengan Flutter.&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;06a9&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gm bj&quot;&gt;Daftar ini hanya sedikit mengungkap talenta yang ada di komunitas ini. Kepada semua orang yang tidak dapat kami sebutkan satu per satu: kontribusi Anda sangat kami hargai, dan Anda menjadikan Flutter tempat yang dinamis untuk pengembangan game!&lt;/p&gt;&lt;p id=&quot;4794&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gm bj&quot;&gt;Sementara itu, kami juga ingin menyampaikan terima kasih yang sebesar-besarnya kepada para developer kami yang telah meluncurkan game menggunakan Flutter. Kreativitas dan semangat Anda menginspirasi kami untuk terus mendorong batas-batas dari apa yang mungkin, menjadikan Flutter alat yang lebih kuat bagi developer di seluruh dunia.&lt;/p&gt;&lt;p id=&quot;7fcd&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gm bj&quot;&gt;Perjalanan Flutter sebagai platform pengembangan game baru saja dimulai. Kami berkomitmen untuk berkembang bersama komunitas, mendengarkan masukan Anda, dan membangun alat yang Anda butuhkan.&lt;/p&gt;&lt;p id=&quot;417e&quot; class=&quot;pw-post-body-paragraph nb nc gt nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gm bj&quot;&gt;Kami tak sabar ingin segera melihat kreasi Anda!&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;/div&gt;&lt;/div&gt;&lt;/article&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/650118815206977351'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/650118815206977351'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/flutter-tampil-di-panggung-gdc.html' title='Flutter tampil di panggung GDC'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-5007493331828109301</id><published>2024-03-19T18:01:00.009+07:00</published><updated>2024-05-01T18:04:03.156+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="AI"/><category scheme="http://www.blogger.com/atom/ns#" term="beginner"/><category scheme="http://www.blogger.com/atom/ns#" term="Gemini"/><category scheme="http://www.blogger.com/atom/ns#" term="how-to guide"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type='text'>Menyesuaikan Gemini Pro di Google AI Studio atau dengan Gemini API</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://developers.googleblog.com/2024/03/tune-gemini-pro-in-google-ai-studio-or-gemini-api.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://developers.googleblog.com/2024/03/tune-gemini-pro-in-google-ai-studio-or-gemini-api.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
/* MINIFIED CSS STYLES*/
body{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:28px;-webkit-font-smoothing:antialiased;color:#202124}h1{font-family:Google Sans Display,sans-serif;font-size:44px;font-weight:500;line-height:61.6px}h2{font-size:30px;line-height:40px}h2,h3{font-family:Google Sans Display,sans-serif;font-weight:600}h3{font-size:24px;line-height:32px}h4{font-family:Google Sans Display,sans-serif;font-size:20px;font-weight:500;line-height:26px}h5{font-size:16px;line-height:24px}h5,h6{font-family:Google Sans Display,sans-serif;font-weight:600}h6{font-size:14px;line-height:22px}.display{font-family:Google Sans Display,sans-serif;font-size:48px;font-weight:600;line-height:67.2px}.hidden-text{height:1px;overflow:hidden;pointer-events:none;position:absolute;top:-10px;width:1px}img,video{border:0;height:auto;max-width:100%}body{position:relative;min-height:100vh}body.no-scroll{overflow:hidden}a{color:#4184f3;text-decoration:none}a:focus,a:focus-visible{outline-offset:-2px}.content-wrap{padding-top:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:839px){.content-wrap{padding-top:32px}}.full-width{width:100%}.icon-link{border-radius:50%;height:42px;width:42px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;background:transparent;border:none}.icon-link:hover{background-color:hsla(213,7%,76%,.2)}.icon-link:focus{background-color:hsla(213,7%,76%,.26)}.icon-link:active{background-color:hsla(213,7%,76%,.32)}.dgc-container{margin:40px auto;padding:0 40px;position:relative;width:auto;max-width:1420px}@media only screen and (max-width:767px){.dgc-container{margin:24px auto;padding:0 20px}}.dgc-container--large{margin:40px auto;padding:0 40px;position:relative;width:auto}@media only screen and (max-width:767px){.dgc-container--large{margin:24px auto;padding:0 20px}}@media only screen and (min-width:1280px){.dgc-container--large{width:1200px}}.dgc-container--medium{margin:40px auto;padding:0 40px;position:relative;width:auto}@media only screen and (max-width:767px){.dgc-container--medium{margin:24px auto;padding:0 20px}}@media only screen and (min-width:1280px){.dgc-container--medium{width:844px}}@media only screen and (max-width:767px){.dgc-container--medium{padding:0 48px}}.dgc-container--narrow{margin:40px auto;padding:0 40px;position:relative;width:auto;max-width:730px}@media only screen and (max-width:767px){.dgc-container--narrow{margin:24px auto;padding:0 20px}}.dgc-container--flex-horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.section,body{margin:0}.dgc-card{padding:24px 0;position:relative;background:#fff;border:1px solid #dadce0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;margin:24px 0;padding:24px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .2s linear,-webkit-box-shadow .2s linear;transition:opacity .2s linear,-webkit-box-shadow .2s linear;transition:box-shadow .2s linear,opacity .2s linear;transition:box-shadow .2s linear,opacity .2s linear,-webkit-box-shadow .2s linear}@media only screen and (max-width:850px){.dgc-card{max-height:unset;max-width:600px;margin:24px auto}}.dgc-card:focus-within,.dgc-card:hover{-webkit-box-shadow:0 0 36px rgba(0,0,0,.1);box-shadow:0 0 36px rgba(0,0,0,.1);cursor:pointer}.dgc-card__href{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.dgc-card__image-wrapper{overflow:hidden;position:relative;width:auto;height:200px;-webkit-flex-basis:40%;-ms-flex-preferred-size:40%;flex-basis:40%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width:850px){.dgc-card__image-wrapper{max-height:250px}}.dgc-card__content{padding:24px 0}.dgc-card__title{font-size:24px;line-height:33.6px;font-weight:500;font-family:Google Sans Display,sans-serif;margin-bottom:12px}.dgc-card__info{font-family:Roboto Mono,monospace;font-weight:400;font-size:12px;line-height:160%;margin-bottom:24px}.dgc-card__description{margin-bottom:48px}.dgc-card:hover .dgc-content__image-wrapper img,.dgc-card__href:focus~.dgc-content__image-wrapper img{-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.devsite-footer{padding:0 24px;border-top:1px solid #bdc1c6}.devsite-footer li{display:block}.devsite-footer li a{text-decoration:none;font-size:14px;line-height:16px;color:#202124}.devsite-footer li a:focus,.devsite-footer li a:hover{color:#1a73e8;outline:none}.devsite-footer-linkboxes-list{display:grid;grid-gap:24px;grid-template-columns:1fr 1fr 1fr;margin:0;padding:24px 0;border-bottom:1px solid #bdc1c6}@media only screen and (max-width:767px){.devsite-footer-linkboxes-list{grid-template-columns:1fr;padding-left:0}}.devsite-footer-linkbox{display:block}.devsite-footer-linkbox-heading{font-size:16px;line-height:26px;font-weight:400;margin:0 0 4px}.devsite-footer-linkbox ul{padding-left:0}.devsite-footer-sites-list{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){.devsite-footer-sites-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.devsite-footer-utility nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){.devsite-footer-utility nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.devsite-footer-utility-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:24px 0}@media only screen and (max-width:767px){.devsite-footer-utility-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0}}.devsite-footer-utility-button{justify-self:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-left:auto;padding-left:16px}.devsite-footer-utility-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 8px 0 0}.devsite-footer-utility-item:last-child{margin-right:0}@media only screen and (min-width:768px){.devsite-footer-utility-item:not(:first-child):before{content:&quot;|&quot;;margin:0 8px 0 0}}.devsite-footer-sites{border-bottom:1px solid #bdc1c6;padding:24px 0 23px}.devsite-footer-sites-logo{height:32px;margin-top:5px;width:185px}.devsite-footer-sites-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none;padding:0}.devsite-footer-sites-item{margin:0 0 0 40px}@media only screen and (max-width:767px){.devsite-footer-sites-item{margin:0}}.devsite-footer-sites-link{display:block;padding:8px 0;color:#202124}.devsite-footer-sites-link:focus,.devsite-footer-sites-link:hover{color:#1a73e8;outline:none}.devsite-footer-utility-link:focus{text-decoration:underline}.devsite-footer-utility .devsite-footer-utility-button{line-height:20px;font:400 14px/16px Roboto,sans-serif}.devsite-footer-utility .devsite-footer-utility-button:before{content:&quot;&quot;;margin:0}@media only screen and (max-width:767px){.devsite-footer-utility .devsite-footer-utility-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0;margin:18px 0 12px}}.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link{border:0;background:#1a73e8;color:#fff;line-height:36px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0 0 0 16px;border-radius:2px;-webkit-box-shadow:0 1px 2px 0;box-shadow:0 1px 2px 0;display:inline-block;font:500 14px/36px Roboto,sans-serif;height:36px;letter-spacing:0;min-width:36px;padding:0 24px;text-align:center;-webkit-transition:background-color .2s,border .2s,-webkit-box-shadow .2s;transition:background-color .2s,border .2s,-webkit-box-shadow .2s;transition:background-color .2s,border .2s,box-shadow .2s;transition:background-color .2s,border .2s,box-shadow .2s,-webkit-box-shadow .2s;vertical-align:middle;white-space:nowrap}.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover{background:#1765cc}.dgc-page__title{font-family:Google Sans Display,sans-serif;font-size:44px;font-weight:500;line-height:61.6px;text-align:center;color:#202124}.dgc-container{margin-top:64px}.posts-container{display:grid;grid-template-columns:1fr 1fr 1fr;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;padding:40px}@media only screen and (max-width:850px){.posts-container{grid-template-columns:1fr 1fr}}@media only screen and (max-width:480px){.posts-container{grid-template-columns:1fr}}.dgc-detail hr{border:1px solid #dadce0;margin:40px 0}.dgc-detail__title{font-family:Google Sans Display,sans-serif;font-size:48px;font-weight:600;line-height:67.2px}.dgc-detail__info{font-family:Roboto Mono,monospace;font-weight:400;font-size:12px;line-height:160%;font-size:14px}.dgc-detail__content{min-height:200px}.icon-sidebar{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;top:0;left:-15px;width:32px;gap:20px}@media only screen and (max-width:767px){.icon-sidebar{left:-28px}}.copy-tooltip{position:fixed;bottom:16px;left:10px;z-index:100}.copy-tooltip .copy-tooltiptext{visibility:hidden;width:200px;background-color:#202124;color:#fff;text-align:center;border-radius:6px;padding:8px 16px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.copy-tooltip.active .copy-tooltiptext{visibility:visible;opacity:1}.header__overlay{height:100vh;left:0;position:fixed;width:100vw;border:none;background-color:rgba(0,0,0,.4);-webkit-animation:fade-in .4s cubic-bezier(.39,.575,.565,1);animation:fade-in .4s cubic-bezier(.39,.575,.565,1);opacity:0;top:0;z-index:-1;display:none}.header__overlay.show{display:block;opacity:1;z-index:800;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.social-icons__links{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:24px}.social-icons__links path{fill:#80868b}.social-icons__container-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;margin-right:14px}@media only screen and (max-width:1000px){.social-icons__container-header{display:none}}.dgc-blog-logo:focus,.dgc-blog-logo:hover{opacity:.7;text-decoration:none}.dgc-blog-logo__image{width:250px;margin-left:20px}.header{position:fixed;background:#fff;z-index:700;top:0;width:100%;overflow:hidden;-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);height:auto}.header .top-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-right:24px;height:50px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e6e6e6}@media only screen and (max-width:839px){.header .top-row{padding:0 16px}}.header .top-row__left,.header .top-row__right{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:100%}.header .nav-row,.header .top-row__left,.header .top-row__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.header .nav-row{background:#fff;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.header .nav-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:50px;position:relative;background-color:#fff}@media only screen and (max-width:839px){.header .nav-items{display:none}}.header .nav-items tab{position:relative}.header .nav-items tab.active .header__nav-item:after,.header .nav-items tab:hover .header__nav-item:after{background:#1a73e8}.header .nav-items tab.active .header__nav-item,.header .nav-items tab:focus-within a{color:#202124}@media only screen and (max-width:839px){.header .header__cta,.header .nav-items{display:none}}.header__search-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:6px 0 6px 24px;overflow:hidden;position:relative;margin-right:36px;border-radius:4px}@media only screen and (max-width:767px){.header__search-container:not(.mobile){display:none}}.header__search-container.mobile{margin:0 0 20px}.header__search-container.mobile #searchform,.header__search-container.mobile .searchbox{width:100%}.header__search-container .searchbox{border-radius:2px}.header__search-container .searchbox input{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:28px;font-weight:500;color:#80868b;border:0;margin:0;height:20px;outline:0;padding:8px 8px 8px 40px;width:100%;-webkit-transition:background .2s;transition:background .2s}.header__search-container .searchbox input::-webkit-input-placeholder{color:#80868b}.header__search-container .searchbox input::-moz-placeholder{color:#80868b}.header__search-container .searchbox input::-ms-input-placeholder{color:#80868b}.header__search-container .searchbox input::placeholder{color:#80868b}.header__search-container .searchbox input:hover{background:#e8eaed}.header__search-container .material-icons{color:#80868b;left:8px;position:absolute;top:6px;-webkit-transition:color .2s;transition:color .2s}.header__cta{font-family:Google Sans Display,sans-serif;font-size:16px;font-weight:600;line-height:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#1a73e8!important;text-decoration:none}.header__cta.mobile{padding:18px 0}.header__cta:hover .cta-icon{margin-left:0;margin-right:12px}.header__cta .cta-icon{-webkit-transition:margin-right .2s linear,margin-left .2s linear;transition:margin-right .2s linear,margin-left .2s linear;margin-left:4px;margin-right:8px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header__cta .cta-icon path{fill:#1a73e8}.header__nav-item{font-family:Google Sans Display,sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#80868b;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 18px;height:100%;text-transform:none;text-decoration:none}.header__nav-item:hover{color:#202124}.header__nav-item.mobile{font-weight:500;padding:0}.header__nav-item:after{bottom:0;border-radius:3px 3px 0 0;content:&quot;&quot;;display:block;height:3px;left:50%;min-width:20px;position:absolute;right:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 24px)}.header__hamburger{border:0;background:none;outline:none;padding:0;margin:1px 8px 0 -4px;padding:8px;color:rgba(0,0,0,.65);cursor:pointer}@media only screen and (min-width:840px){.header__hamburger{display:none}}.header__side-menu{background-color:#fff;bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;overflow:auto;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1);z-index:900;display:none}.header__side-menu.is-open{-webkit-transform:translateX(0);transform:translateX(0);width:80%}.header__side-menu.is-open,.header__side-menu__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.header__side-menu__content{padding:18px 16px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.header__side-menu__content .spacer{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.header__side-menu__title{font-weight:500;margin-bottom:12px}.header__side-menu__items{list-style:none}.header__side-menu__items li{padding:12px 0}.header__side-menu__bottom{border-top:1px solid #e6e6e6}.header__side-menu__logo-container{background:#fff;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:4px 16px;border-bottom:1px solid #e6e6e6}#nav .widget{margin:0}.featured__wrapper{width:100%;border:0;background-color:#e8f0fe;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:80px 0}@media only screen and (max-width:767px){.featured__wrapper{padding:0}}.featured__inner{max-width:1080px;width:calc(100% - 24px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;padding:48px}@media only screen and (min-width:768px){.featured__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:12px 80px}}.featured__href{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.featured__image{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}@media only screen and (min-width:768px){.featured__image img{width:100%;max-width:500px}}@media only screen and (min-width:1280px){.featured__image img{width:500px;max-width:none}}.featured__content{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;width:100%}@media only screen and (min-width:768px){.featured__content{min-width:300px;margin-left:60px}}@media only screen and (min-width:1280px){.featured__content{margin-left:120px}}.featured__title{font-size:32px;line-height:44.8px;font-weight:500;font-family:Google Sans Display,sans-serif;margin-bottom:15px}.featured__info{font-family:Roboto Mono,monospace;font-weight:400;font-size:12px;line-height:160%;margin-bottom:24px}.featured__description{margin-bottom:48px}.preview.featured__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#f1f3f4;padding:64px 0 120px}.preview.featured__wrapper h1{margin:0 0 64px}.blog-label-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.blog-label-container .blog-label{padding:8px 20px;border:1px solid #dadce0;background-color:#fff;border-radius:4px;text-decoration:none}.blog-label-container .blog-label :focus,.blog-label-container .blog-label :hover{background-color:#e8f0fe}.blog-label-container .blog-label span{font-size:14px;line-height:20px;font-weight:500;font-family:Roboto Mono,monospace;text-align:center;color:#3c4043}#pagination-container{display:none}.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.pagination .page-button{font-family:Google Sans Display,sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#1967d2;background-color:#e8f0fe;padding:16px 24px;border-radius:4px;text-decoration:none}.pagination .page-button:focus,.pagination .page-button:hover{background-color:#cad5fc}.pagination .page-button.disabled{color:#80868b;background-color:#f1f3f4}

--&gt;&lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;dgc-detail&quot;&gt;
&lt;div class=&quot;dgc-detail__title&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;dgc-detail__info&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div class=&quot;dgc-detail__content dgc-container--narrow&quot;&gt;


&lt;div&gt;
&lt;meta name=&quot;twitter:image&quot; content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWzDtLnmfs9ApWJg9XSOmWT5p51k6yNne3U6c6Avxsh_CgDe0ouT_9c3Q1fIL0gzqSAbCQsqPy5XXx0PUGFjYVhR7BZK55rSUF2NoIoJs5tO9rIPe5VG_R_yp4EY81rS2G7IUXkTdLH65gjoBdU2Q6L0S6LlC7t-P7JlgcBuJejtX2ESXV6V_HwvEgrY/s1600/Gemini-Tuning-Social.png&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWzDtLnmfs9ApWJg9XSOmWT5p51k6yNne3U6c6Avxsh_CgDe0ouT_9c3Q1fIL0gzqSAbCQsqPy5XXx0PUGFjYVhR7BZK55rSUF2NoIoJs5tO9rIPe5VG_R_yp4EY81rS2G7IUXkTdLH65gjoBdU2Q6L0S6LlC7t-P7JlgcBuJejtX2ESXV6V_HwvEgrY/s1600/Gemini-Tuning-Social.png&quot; style=&quot;display:none&quot;&gt;

&lt;em&gt;Diposting oleh Cher Hu, Product Manager, dan Saravanan Ganesh, Software Engineer, untuk Gemini API&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0BguH6uZ5P71HMYKO7C7TkngaBzAPNSJ2jgi5dTHWyK5I14NGLCKA3s8fvsR3fLxkmCZeZpeGp4yPoxX2_8riVCqoLI5Bb9VZFfe7usyUIIw_-QKSl3mSDCH5aE5PIpWTfs8kPO8eQH2vdF2W61c2YOxqLbtZrsEIYO42lTUCrkEHbgxdp5MTu6G-KQ/s1600/Tune-Gemini-Models-HEADER-4209x1253.png&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1058&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0BguH6uZ5P71HMYKO7C7TkngaBzAPNSJ2jgi5dTHWyK5I14NGLCKA3s8fvsR3fLxkmCZeZpeGp4yPoxX2_8riVCqoLI5Bb9VZFfe7usyUIIw_-QKSl3mSDCH5aE5PIpWTfs8kPO8eQH2vdF2W61c2YOxqLbtZrsEIYO42lTUCrkEHbgxdp5MTu6G-KQ/s1600/Tune-Gemini-Models-HEADER-4209x1253.png&quot; style=&quot;100%&quot;&gt;&lt;/a&gt; &lt;a name=&quot;more&quot;&gt;&lt;/a&gt;&lt;p&gt;&lt;/p&gt;


&lt;p&gt;&lt;em&gt;Postingan berikut ini awalnya dipublikasikan pada bulan Oktober 2023. Saat ini, kami telah memperbarui postingan tersebut untuk berbagi cara menyesuaikan model Gemini dengan mudah di Google AI Studio atau dengan Gemini API.&lt;/em&gt;&lt;/p&gt;&lt;br&gt;

&lt;p&gt;Tahun lalu, kami meluncurkan &lt;a href=&quot;https://developers.googleblog.com/2023/12/build-with-gemini-pro.html&quot; target=&quot;_blank&quot;&gt;Gemini 1.0 Pro&lt;/a&gt;, model multimodal berukuran sedang yang dioptimalkan untuk penskalaan di berbagai tugas. Kemudian dengan &lt;a href=&quot;https://developers.googleblog.com/2024/02/gemini-15-available-for-private-preview-in-google-ai-studio.html&quot; target=&quot;_blank&quot;&gt;1.5 Pro&lt;/a&gt; tahun ini, kami menunjukkan kemungkinan akan apa yang dapat dilakukan oleh model bahasa besar dengan jendela konteks 1M eksperimental. Sekarang, untuk menyesuaikan model (teks) Gemini 1.0 Pro yang tersedia secara umum dengan cepat dan mudah untuk kebutuhan spesifik Anda, kami telah menambahkan Gemini &lt;a href=&quot;https://developers.generativeai.google/guide/model_tuning_guidance&quot; target=&quot;_blank&quot;&gt;Tuning&lt;/a&gt; ke Google AI Studio dan Gemini API.&lt;/p&gt;&lt;br&gt;

&lt;h2&gt;Apa yang dimaksud dengan penyesuaian?&lt;/h2&gt;

&lt;p&gt;Developer sering kali membutuhkan kualitas output yang lebih tinggi untuk kasus penggunaan khusus daripada yang bisa dicapai melalui &lt;a href=&quot;https://developers.generativeai.google/guide/concepts.md#few-shot-prompts&quot; target=&quot;_blank&quot;&gt;few-shot prompting&lt;/a&gt;. Penyesuaian meningkatkan teknik ini dengan melatih model dasar secara lebih lanjut pada lebih banyak contoh khusus tugas—begitu banyak sehingga semuanya tidak dapat dimasukkan ke dalam prompt.&lt;/p&gt;&lt;br&gt;

&lt;h4&gt;Fine-tuning vs. Parameter Efficient Tuning&lt;/h4&gt;

&lt;p&gt;Anda mungkin pernah mendengar tentang &quot;fine-tuning&quot; model klasik. Di sinilah model yang telah dilatih sebelumnya disesuaikan untuk tugas tertentu dengan melatihnya pada set data berlabel khusus tugas yang lebih kecil. Namun, dengan LLM saat ini dan sejumlah besar parameternya, fine-tuning menjadi kompleks: membutuhkan keahlian machine learning, banyak data, dan banyak komputasi.&lt;/p&gt;

&lt;p&gt;Penyesuaian di Google AI Studio menggunakan teknik yang disebut Parameter Efficient Tuning (PET) untuk menghasilkan model khusus yang berkualitas lebih tinggi, dengan latensi yang lebih rendah daripada few-shot prompting tanpa biaya tambahan dan kompleksitas fine-tuning tradisional. Selain itu, PET menghasilkan model berkualitas tinggi hanya dengan beberapa ratus titik data, sehingga mengurangi beban pengumpulan data bagi developer.&lt;/p&gt;&lt;br&gt;
  
&lt;h2&gt;Mengapa melakukan penyesuaian?&lt;/h2&gt;

&lt;p&gt;Penyesuaian memungkinkan Anda menyesuaikan model Gemini dengan data Anda sendiri agar dapat beperforma lebih baik untuk tugas khusus sekaligus mengurangi ukuran konteks prompt dan latensi respons. Developer dapat menggunakan penyesuaian untuk berbagai kasus penggunaan, termasuk tetapi tidak terbatas pada:&lt;/p&gt;
&lt;ul&gt;&lt;blockquote&gt;
&lt;li&gt;&lt;b&gt;Klasifikasi:&lt;/b&gt; Menjalankan tugas bahasa natural seperti mengklasifikasikan data Anda ke dalam kategori yang telah ditentukan sebelumnya, tanpa membutuhkan banyak alat ataupun pekerjaan manual.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Ekstraksi informasi:&lt;/b&gt; Mengekstrak informasi terstruktur dari sumber data yang tidak terstruktur untuk mendukung tugas hilir dalam produk Anda.&lt;/li&gt; 
&lt;li&gt;&lt;b&gt;Pembuatan output terstruktur:&lt;/b&gt; Membuat data terstruktur, seperti tabel, dengan cepat dan mudah.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Model Kritik:&lt;/b&gt; Menggunakan penyesuaian untuk membuat model kritik agar dapat mengevaluasi output dari model lain.&lt;/li&gt;
&lt;/blockquote&gt;&lt;/ul&gt;&lt;br&gt;

&lt;h2&gt;Mulai cepat dengan Google AI Studio&lt;/h2&gt;&lt;br&gt;

&lt;h4&gt;1. Buat model yang disesuaikan&lt;/h4&gt;

&lt;p&gt;Menyesuaikan model di Google AI Studio sangatlah mudah. Cara ini tidak memerlukan keahlian engineering untuk membangun model khusus. Mulai dengan memilih “New tuned model” di panel menu sebelah kiri. &lt;/p&gt;

&lt;img&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak yang menunjukkan cara membuat model yang disesuaikan di Google AI Studio dengan membuka &#39;New tuned model&#39; dari menu&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7V5RN5-U2YHMlmM5ewNeElZqFk5JZMpOvTbF3VQ3LDjAY0T5hIu9iAE3riNOhO7-FJ8EoKNG321oaPIS9CvrdL5BJ_t_i6m5Hd3y1jrh6xuTIgGEgpwhExrJm91kigZt4hC2FJbPd1anLEqSytjLvKd4Ym13Wx0o_alPSoRUkJADT4NgEiKWrlSBHGYY/s1600/gemini-demo-step-1.gif&quot; style=&quot;margins: auto; width: auto;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br&gt;

&lt;h4&gt;2. Pilih data yang akan disesuaikan&lt;/h4&gt;

&lt;p&gt;Anda dapat menyesuaikan model dari prompt terstruktur yang sudah ada atau mengimpor data dari Google Spreadsheet atau file CSV. Anda dapat memulai dengan sedikitnya 20 contoh dan agar bisa mendapatkan performa terbaik, kami sarankan untuk menyediakan set data yang terdiri dari setidaknya 100 contoh.&lt;/p&gt;

&lt;img&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak yang menunjukkan cara memilih data yang akan disesuaikan di Google AI Studio dengan mengimpor data&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGLacngWnXbji1b6oIVs5RRYPcjg0m13R1n9djBElqb8PYTKBE8WfQXq3yEteA1mtGXDkK0JNjAexAaFql4qKiyu8ZGn46YBwfBUFzk7-ZvEJKLfiT0cJCcPIFqBMY6cJPR1jvDJzhFWOvgdKLzaotgRod7_YNRpKlo9PmaBj8sZML4wW7zOj83Zbjgjg/s1600/gemini-demo-step-2.gif&quot; style=&quot;margins: auto; width: auto;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br&gt;

&lt;h4&gt;3. Lihat model yang disesuaikan&lt;/h4&gt;

&lt;p&gt;Lihat progres penyesuaian di library Anda. Setelah model selesai disesuaikan, Anda dapat melihat detailnya dengan mengklik model. Mulai jalankan model yang telah disesuaikan melalui prompt terstruktur atau freeform.&lt;/p&gt;

&lt;img&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak yang menunjukkan cara melihat model yang telah disesuaikan di Google AI Studio dengan mengimpor data&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRJtCp4sSAdd7wIxndYrClM-7DY2-irZ0uyAy62HhH7trIaznfJu1bL5zI7xIlQvwXLuny5dcpA_Nejt4Qix0yjcpNavbZvm2ZECxZAGHTul6T8t0aeIzTWTkyQlDuj6xtzRfiIhI4a4s10mOVZKFBwdGE7RhRuMnL7L40w6rBleQtoXThT02GzlXFsaU/s1600/gemini-demo-step-3.gif&quot; style=&quot;margins: auto; width: auto;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br&gt;

&lt;h4&gt;4. Jalankan model yang telah disesuaikan kapan saja&lt;/h4&gt;

&lt;p&gt;Anda juga bisa mengakses model yang baru disesuaikan dengan membuat prompt terstruktur atau freeform baru dan memilih model yang disesuaikan dari daftar model yang tersedia.&lt;/p&gt;

&lt;img&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak yang menunjukkan bagaimana menjalankan model yang telah disesuaikan di Google AI Studio setelah mengimpor data&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzDOH1g92nR2_m4aF8FQjrJUmAImFXy3Uk3z6U49koqFn7kr-AU4FUze16F44xO0pJM9UumtiGLMY9bWRloGk_YhfV2Gk1l08ZVDPf_z-qO5nlQJq0oH_T-zsOnM8gJ29bxAXvYwB7SGyIgMQ_kXnJGlbhahZtCCdrQSIZxz4TBhR2oiypXVogiPPYDaQ/s1600/gemini-demo-step-4-ALTERNATE.gif&quot; style=&quot;margins: auto; width: auto;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br&gt;

&lt;h2&gt;Menyesuaikan dengan Gemini API&lt;/h2&gt;

&lt;p&gt;Google AI Studio adalah cara tercepat dan termudah untuk mulai menyesuaikan model Gemini. Anda juga dapat mengakses fitur ini melalui Gemini API dengan memberikan data pelatihan dalam permintaan API saat membuat model yang disesuaikan. Pelajari lebih lanjut tentang cara memulainya &lt;a href=&quot;https://ai.google.dev/docs/model_tuning_guidance&quot; target=&quot;_blank&quot;&gt;di sini&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Kami sangat antusias untuk menyaksikan terbukanya berbagai kemungkinan dengan adanya penyesuaian bagi developer dan tidak sabar untuk melihat kreasi yang akan Anda buat dengan fitur ini. Jika Anda memiliki ide atau kasus penggunaan, bagikan dengan kami di &lt;a href=&quot;https://twitter.com/googledevs&quot; target=&quot;_blank&quot;&gt;X (sebelumnya dikenal sebagai Twitter)&lt;/a&gt; atau &lt;a href=&quot;https://www.linkedin.com/showcase/googledevelopers/&quot; target=&quot;_blank&quot;&gt;Linkedin&lt;/a&gt;.&lt;/p&gt;







&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/5007493331828109301'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/5007493331828109301'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/menyesuaikan-gemini-pro-di-google-ai.html' title='Menyesuaikan Gemini Pro di Google AI Studio atau dengan Gemini API'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWzDtLnmfs9ApWJg9XSOmWT5p51k6yNne3U6c6Avxsh_CgDe0ouT_9c3Q1fIL0gzqSAbCQsqPy5XXx0PUGFjYVhR7BZK55rSUF2NoIoJs5tO9rIPe5VG_R_yp4EY81rS2G7IUXkTdLH65gjoBdU2Q6L0S6LlC7t-P7JlgcBuJejtX2ESXV6V_HwvEgrY/s72-c/Gemini-Tuning-Social.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-3687087142843175076</id><published>2024-03-14T18:05:00.008+07:00</published><updated>2024-05-01T18:07:39.003+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="android developers"/><category scheme="http://www.blogger.com/atom/ns#" term="DAC/Develop"/><category scheme="http://www.blogger.com/atom/ns#" term="DAC/Google"/><category scheme="http://www.blogger.com/atom/ns#" term="featured"/><title type='text'>Saksikan Google I/O pada tanggal 14 Mei</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/google-io-24-save-the-date.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/google-io-24-save-the-date.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta name=&quot;twitter:image&quot; content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxqoLGBufRoqc2ZEiGobjzE3A2atge74sLY_IgV4OICzMzqGu2bIbNgTUFHnc5ra8ah-xmFynqiNRR2gIarzCc34K40DTrfbT-CEN3wiBIiW8M_yVoAMKTJqb2X82jQSqTa9L6fgNruk-wFjij_Iao9Gv3BdxCzsitrMj-MEDbSLd6kufQk7UhT3p6Z0k/s1600/IO-24-Profile-Social-AD.png&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxqoLGBufRoqc2ZEiGobjzE3A2atge74sLY_IgV4OICzMzqGu2bIbNgTUFHnc5ra8ah-xmFynqiNRR2gIarzCc34K40DTrfbT-CEN3wiBIiW8M_yVoAMKTJqb2X82jQSqTa9L6fgNruk-wFjij_Iao9Gv3BdxCzsitrMj-MEDbSLd6kufQk7UhT3p6Z0k/s1600/IO-24-Profile-Social-AD.png&quot; style=&quot;display:none&quot;&gt;

&lt;em&gt;Diposting oleh Jeanine Banks – VP &amp;amp; General Manager, Developer X, and Head of Developer Relations&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiGRCsR-i1iR8gorL9E_IKpJdXH6mVW9PV8eZmjzvkj9FffXZj8QAaesPXqocINIxEELPHzDJHmhCxsRDYoU_lXoshHzHJqK7ICgq2gQGb5rqnUK9LsIovAnmmkYDh0iMw7r6JV8QjxPsTANUzUWyt5ZqvOgodiNxUFTOfNIvm6-_wqgj8cK8U7smdOY/s1600/IO24_SVD%20Blog%20Banner%2001_4209%E2%80%8A%C3%97%E2%80%8A1253.png&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1058&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiGRCsR-i1iR8gorL9E_IKpJdXH6mVW9PV8eZmjzvkj9FffXZj8QAaesPXqocINIxEELPHzDJHmhCxsRDYoU_lXoshHzHJqK7ICgq2gQGb5rqnUK9LsIovAnmmkYDh0iMw7r6JV8QjxPsTANUzUWyt5ZqvOgodiNxUFTOfNIvm6-_wqgj8cK8U7smdOY/s1600/IO24_SVD%20Blog%20Banner%2001_4209%E2%80%8A%C3%97%E2%80%8A1253.png&quot; style=&quot;100%&quot;&gt;&lt;/a&gt;

&lt;p&gt;&lt;a href=&quot;https://io.google/2024/?utm_source=blogpost&amp;amp;utm_medium=pr&amp;amp;utm_campaign=svd-gfd&amp;amp;utm_content=&quot; target=&quot;_blank&quot;&gt;Google I/O&lt;/a&gt; akan hadir tahun ini pada tanggal 14 Mei dan Anda diundang untuk bergabung bersama kami secara online! I/O menawarkan sesuatu untuk semua orang, apakah Anda sedang mengembangkan aplikasi baru, memodernisasi aplikasi lama, atau mengubahnya menjadi sebuah bisnis.&lt;/p&gt;

&lt;p&gt;Era Gemini membuka kemungkinan baru bagi developer untuk membangun aplikasi berteknologi AI yang kreatif dan produktif. I/O adalah tempat Anda akan mendengar cara mewujudkan ide menjadi aplikasi AI produksi dengan lebih cepat. Kami sangat antusias dapat membagikan informasi terbaru untuk pengembangan seluler, web, dan multiplatform, serta cara menskalakan aplikasi Anda di cloud. Anda dapat mendalami lebih jauh topik-topik yang menarik minat Anda dengan lebih dari 100 sesi, lokakarya, codelab, dan demo.&lt;/p&gt; 

&lt;p&gt;Kunjungi situs &lt;a href=&quot;https://io.google/2024/?utm_source=blogpost&amp;amp;utm_medium=pr&amp;amp;utm_campaign=svd-gfd&amp;amp;utm_content=&quot; target=&quot;_blank&quot;&gt;Google I/O&lt;/a&gt; dan daftarkan diri Anda untuk mendapatkan informasi terbaru mengenai I/O dan acara terkait lainnya yang akan segera hadir. Sesi utama disiarkan secara langsung mulai tanggal 14 Mei pukul 10.00 PT, jadi tandai kalender Anda.&lt;/p&gt;

&lt;p&gt;Jika Anda belum melakukannya, cobalah &lt;a href=&quot;https://io.google/2024/puzzle/?utm_source=blogpost&amp;amp;utm_medium=pr&amp;amp;utm_campaign=svd-gfd&amp;amp;utm_content=&quot; target=&quot;_blank&quot;&gt;teka-teki Google I/O&lt;/a&gt; terbaru kami dan kunjungi &lt;a href=&quot;https://www.instagram.com/googlefordevs/&quot; target=&quot;_blank&quot;&gt;@googlefordevs di Instagram&lt;/a&gt; jika Anda membutuhkan petunjuk.&lt;/p&gt;


&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3687087142843175076'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3687087142843175076'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/saksikan-google-io-pada-tanggal-14-mei.html' title='Saksikan Google I/O pada tanggal 14 Mei'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxqoLGBufRoqc2ZEiGobjzE3A2atge74sLY_IgV4OICzMzqGu2bIbNgTUFHnc5ra8ah-xmFynqiNRR2gIarzCc34K40DTrfbT-CEN3wiBIiW8M_yVoAMKTJqb2X82jQSqTa9L6fgNruk-wFjij_Iao9Gv3BdxCzsitrMj-MEDbSLd6kufQk7UhT3p6Z0k/s72-c/IO-24-Profile-Social-AD.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-3664598905780140206</id><published>2024-03-12T18:15:00.011+07:00</published><updated>2024-05-01T18:17:28.890+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="android developers"/><category scheme="http://www.blogger.com/atom/ns#" term="featured"/><category scheme="http://www.blogger.com/atom/ns#" term="Game Development"/><category scheme="http://www.blogger.com/atom/ns#" term="google play"/><category scheme="http://www.blogger.com/atom/ns#" term="Google Play Indie games accelerator"/><category scheme="http://www.blogger.com/atom/ns#" term="indie developers"/><category scheme="http://www.blogger.com/atom/ns#" term="indie games"/><category scheme="http://www.blogger.com/atom/ns#" term="Indie Games Accelerator"/><title type='text'>Mengenal lebih dekat Indie Games Accelerator Google Play kelas 2024</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/meet-class-of-2024-for-google-play-indie-games-accelerator.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/meet-class-of-2024-for-google-play-indie-games-accelerator.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVTaPiCaraBuzzW_aJxpR7XnYwNbWI5LGOb-wBIlGx5wVa_y3qcxtvlK6-llvEocV-pOWtmds72i4DWdykXuROMnjcNbRwgjOq6t0c-fLSgp1fF3SBWMwQM_9XTAeKgNhE2gEsvQjX3k23lOmd5Iwa0HK3P5h4w_T8ilxJZcgMLHOfGFwb6y3O961nl8/s1600/image1.gif&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVTaPiCaraBuzzW_aJxpR7XnYwNbWI5LGOb-wBIlGx5wVa_y3qcxtvlK6-llvEocV-pOWtmds72i4DWdykXuROMnjcNbRwgjOq6t0c-fLSgp1fF3SBWMwQM_9XTAeKgNhE2gEsvQjX3k23lOmd5Iwa0HK3P5h4w_T8ilxJZcgMLHOfGFwb6y3O961nl8/s1600/image1.gif&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Leticia Lago – Developer Marketing&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVTaPiCaraBuzzW_aJxpR7XnYwNbWI5LGOb-wBIlGx5wVa_y3qcxtvlK6-llvEocV-pOWtmds72i4DWdykXuROMnjcNbRwgjOq6t0c-fLSgp1fF3SBWMwQM_9XTAeKgNhE2gEsvQjX3k23lOmd5Iwa0HK3P5h4w_T8ilxJZcgMLHOfGFwb6y3O961nl8/s1600/image1.gif&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVTaPiCaraBuzzW_aJxpR7XnYwNbWI5LGOb-wBIlGx5wVa_y3qcxtvlK6-llvEocV-pOWtmds72i4DWdykXuROMnjcNbRwgjOq6t0c-fLSgp1fF3SBWMwQM_9XTAeKgNhE2gEsvQjX3k23lOmd5Iwa0HK3P5h4w_T8ilxJZcgMLHOfGFwb6y3O961nl8/s1600/image1.gif&quot;&gt;&lt;/a&gt;


&lt;p&gt;Hari ini, kami tidak sabar untuk mengumumkan &lt;a href=&quot;https://rsvp.withgoogle.com/events/indies-games-accelerator-2024/&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Indie Games Accelerator Google Play&lt;/b&gt;&lt;/a&gt; kelas 2024.&lt;/p&gt; 

&lt;p&gt;Studio-studio game terpilih dari seluruh dunia akan mengambil bagian dalam program akselerator 10 minggu yang dirancang untuk membawa bisnis mereka ke level berikutnya di Google Play. Program ini mencakup:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;Serangkaian kelas master online, diskusi, dan lokakarya game, yang diselenggarakan oleh para pemimpin industri&lt;/li&gt;
&lt;li&gt;Sesi bimbingan membahas berbagai topik antara lain pengembangan teknis, gameplay, dan kepemimpinan tim&lt;/li&gt;
&lt;li&gt;Akses ke pakar game dari Google dan studio terkemuka&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;p&gt;Karena banyaknya aplikasi yang mengesankan, kami gandakan jumlah kelas tahun ini dari 30 menjadi 60 studio. Tanpa berlama-lama lagi, Kenali lebih dekat kelas 2024 dan bergabunglah bersama kami untuk mengucapkan selamat kepada mereka!&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak dari pemenang IGA kelas 2024&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ5xdK7N85wZVDQ-wQ2QzCye-20Pm1ZgvSdozXqSrK9ivomMF_U2FYXfK1KlYti92ERBocG3IoWMIfzFUjhyx8SWgB9K-_WUyn_pfhmeGShT71CtP6R-uKnseQhyphenhyphenE5ukdDlzbAFK1_qtYDIDwuhLhpmBTofS5nMDJHgBBhAVYKreMpxfVGbSUI5PIpzXY/s1600/IGA-Inline-Square.gif&quot; width=&quot;75%&quot;&gt;&lt;/div&gt;&lt;br&gt;


&lt;table style=&quot;border-collapse: collapse; border: none;&quot;&gt;&lt;colgroup&gt;&lt;col width=&quot;210&quot;&gt;&lt;col width=&quot;208&quot;&gt;&lt;col width=&quot;226&quot;&gt;&lt;/colgroup&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 0pt;&quot;&gt;&lt;td style=&quot;border-bottom: solid #000000 1pt; border-color: rgb(0, 0, 0); border-left: solid #000000 1pt; border-right: solid #000000 1pt; border-style: solid; border-top: solid #000000 1pt; border-width: 1pt; overflow-wrap: break-word; overflow: hidden; padding: 5pt; vertical-align: top;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Amerika &lt;/b&gt;&lt;br&gt;&lt;br&gt;Logisk Studio&lt;br&gt;Attu&lt;br&gt;Sprocket Games&lt;br&gt;Blu Studios
&lt;br&gt;Highpoint Games&lt;br&gt;D20 Studios&lt;br&gt;Supernova Games&lt;br&gt;Cafund&lt;/span&gt;ó&lt;span style=&quot;font-size: small;&quot;&gt;&amp;nbsp;Creative Studio&lt;br&gt;Hyperthought Games Inc.&lt;br&gt;North Star Digital Studios&lt;br&gt;Theia Studios&lt;br&gt;Aurecas Games&lt;br&gt;Mana Burn&lt;br&gt;67 Bits&lt;br&gt;Retora Games&lt;br&gt;Ocarina Studios&lt;br&gt;WonderLegend Games&lt;br&gt;EiP Game Studio&lt;/span&gt;&lt;/td&gt;
  &lt;td style=&quot;border-bottom: solid #000000 1pt; border-color: rgb(0, 0, 0); border-left: solid #000000 1pt; border-right: solid #000000 1pt; border-style: solid; border-top: solid #000000 1pt; border-width: 1pt; overflow-wrap: break-word; overflow: hidden; padding: 5pt; vertical-align: top;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Asia Pasifik&lt;br&gt;&lt;/b&gt;&lt;br&gt;CLOVER-FI Games&lt;br&gt;Crimzen Red Studios&lt;br&gt;QueseraGames Co., Ltd.&lt;br&gt;Gonggamore Contents Inc.&lt;br&gt;ONDOT INC&lt;br&gt;LiberalDust&lt;br&gt;Studio Boxcat&lt;br&gt;Whoyaho Corp.&lt;br&gt;Blackhammer&lt;br&gt;Algorocks&lt;br&gt;Own Games&amp;nbsp;&lt;br&gt;Kudos Games&lt;br&gt;Appspace Solutions&lt;br&gt;Lentera Nusantara&lt;br&gt;Dunali Games&lt;br&gt;Hexpion&lt;br&gt;Dreams Studio&lt;br&gt;Panthera Studio&lt;br&gt;Lunarite Studio&lt;br&gt;Npckc&lt;br&gt;ONDI Games&lt;br&gt;Playdew&lt;br&gt;Niku Games Studio&lt;br&gt;Avian Hearts Studios Pvt. Ltd&lt;br&gt;WASD Interactive&lt;br&gt;&lt;/span&gt;&lt;/td&gt;
  	&lt;td style=&quot;border-bottom: solid #000000 1pt; border-color: rgb(0, 0, 0); border-left: solid #000000 1pt; border-right: solid #000000 1pt; border-style: solid; border-top: solid #000000 1pt; border-width: 1pt; overflow-wrap: break-word; overflow: hidden; padding: 5pt; vertical-align: top;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Eropa, Timur Tengah &amp;amp; Afrika&lt;br&gt;&lt;/b&gt;&lt;br&gt;First Pick Studios&lt;br&gt;Pank0&lt;br&gt;Big Loop Studios&lt;br&gt;BaldrickSoft&lt;br&gt;RPG games&lt;br&gt;Airapport&lt;br&gt;Post Physical&lt;br&gt;WALKME MOBILE SOLUTIONS&lt;br&gt;Iteration One&lt;br&gt;Veryo Studios&lt;br&gt;Monster League&lt;br&gt;TERAHYPE&lt;br&gt;3Hills&lt;br&gt;Gravity Code&lt;br&gt;Torpor Games&lt;br&gt;Nordic Stone Studio&lt;br&gt;TruePlayers&lt;br&gt;Pineapple on Pizza Studios&lt;br&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;

&lt;p&gt;Selamat sekali lagi kepada seluruh pendiri yang terpilih; kami tak sabar ingin melihat game Anda berkembang di platform kami.&lt;/p&gt;

&lt;p&gt; Kami berkomitmen membantu semua bisnis aplikasi dan game dari semua ukuran untuk meraih potensi maksimalnya. &lt;a href=&quot;https://play.google.com/console/about/programs/indiegames/&quot; target=&quot;_blank&quot;&gt;Temukan selengkapnya&lt;/a&gt; tentang program Google Play, referensi, dan alat untuk developer game indie.&lt;/p&gt;




&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='replies' type='application/atom+xml' href='http://developers-id.googleblog.com/feeds/3664598905780140206/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://developers-id.googleblog.com/2024/03/mengenal-lebih-dekat-indie-games.html#comment-form' title='62 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3664598905780140206'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3664598905780140206'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/mengenal-lebih-dekat-indie-games.html' title='Mengenal lebih dekat Indie Games Accelerator Google Play kelas 2024'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVTaPiCaraBuzzW_aJxpR7XnYwNbWI5LGOb-wBIlGx5wVa_y3qcxtvlK6-llvEocV-pOWtmds72i4DWdykXuROMnjcNbRwgjOq6t0c-fLSgp1fF3SBWMwQM_9XTAeKgNhE2gEsvQjX3k23lOmd5Iwa0HK3P5h4w_T8ilxJZcgMLHOfGFwb6y3O961nl8/s72-c/image1.gif" height="72" width="72"/><thr:total>62</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-7367243973217872349</id><published>2024-03-12T18:11:00.007+07:00</published><updated>2024-05-01T18:13:36.879+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="#GoogleforGames"/><category scheme="http://www.blogger.com/atom/ns#" term="announcement"/><category scheme="http://www.blogger.com/atom/ns#" term="google play"/><category scheme="http://www.blogger.com/atom/ns#" term="web"/><title type='text'>Memperkenalkan Play Install Referrer untuk Google Play Game di PC</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://android-developers.googleblog.com/2024/03/introducing-play-install-referrer-for-google-play-games-on-pc.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://android-developers.googleblog.com/2024/03/introducing-play-install-referrer-for-google-play-games-on-pc.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwfGYBEanskKwqn3-e_ZHYNFlLki6v5C3WtrilQT6sxD60Zu1-osVht7cR-uspONCCI5XgbgDo8LIdutIAkww_n9-xb3BVi6ynklugk-3KGiODuTOGcNzNVuneGQRcvmL65JVordsHbmVuXsN8Kp848RFbLFzZ1N8Zm4jVUE3fVSVIPXle2l8G6_C7C6o/s1600/Editorial-Battlestar-referrer-social.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwfGYBEanskKwqn3-e_ZHYNFlLki6v5C3WtrilQT6sxD60Zu1-osVht7cR-uspONCCI5XgbgDo8LIdutIAkww_n9-xb3BVi6ynklugk-3KGiODuTOGcNzNVuneGQRcvmL65JVordsHbmVuXsN8Kp848RFbLFzZ1N8Zm4jVUE3fVSVIPXle2l8G6_C7C6o/s1600/Editorial-Battlestar-referrer-social.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Arjun Dayal, Director – Google Play Games&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5vIb0Q2nc5lZixebeiGSbntR60RjDnu0mFKGwB8oRI6z7rFZ0FzmpzR0HhN7W6IiCNZqif6hINaHZC91nBbO9JjBXhNi_9X70Pe3XqkYGjKEIPeoQN8v-gK7Vm7Rq-1gD1rMtLDgMkQq4PGGGXMm7hik5vv6k7Tf-GstqJYGD_hDWhEaYqKaH3wORiM/s1600/Editorial-Battlestar-referrer-header.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5vIb0Q2nc5lZixebeiGSbntR60RjDnu0mFKGwB8oRI6z7rFZ0FzmpzR0HhN7W6IiCNZqif6hINaHZC91nBbO9JjBXhNi_9X70Pe3XqkYGjKEIPeoQN8v-gK7Vm7Rq-1gD1rMtLDgMkQq4PGGGXMm7hik5vv6k7Tf-GstqJYGD_hDWhEaYqKaH3wORiM/s1600/Editorial-Battlestar-referrer-header.png&quot;&gt;&lt;/a&gt;

&lt;p&gt;Membuat keputusan pemasaran yang tepat bergantung pada identifikasi saluran akuisisi pengguna yang paling penting untuk game Anda. Dengan melacak data rujukan, Anda bisa memahami sumber traffic mana yang paling banyak mengarahkan pengguna untuk mendownload aplikasi Anda dari Google Play Store. Insight ini bisa membantu Anda mengoptimalkan pengeluaran iklan dan memaksimalkan ROI. Karena itulah pada tahun 2017, kami meluncurkan&amp;nbsp;&lt;a href=&quot;https://developer.android.com/google/play/installreferrer/library.html&quot; target=&quot;_blank&quot;&gt;Play Install Referrer API&lt;/a&gt;, yang menyediakan cara mudah dan tepercaya untuk melacak informasi rujukan aplikasi Anda secara langsung dari Play Store.&lt;/p&gt;

&lt;p&gt;Hingga sekarang, fitur ini hanya tersedia untuk game Anda di Play Store seluler. Hari ini, kami sangat senang dapat mengumumkan dukungan untuk Google Play Game di PC, yang memungkinkan Anda menghubungkan konversi dari aktivitas pemasaran di Web&lt;sup&gt;1&lt;/sup&gt;. Jika Anda menggunakan &lt;a href=&quot;https://developer.android.com/google/play/installreferrer&quot; target=&quot;_blank&quot;&gt;Google Play Install Referrer&lt;/a&gt; API untuk melacak sumber rujukan, kini Anda bisa menghubungkan konversi ke kampanye tertentu secara langsung dari Google Play dengan mengambil informasi rujukan secara manual, atau menggunakan fitur analisis pihak ketiga dari &lt;a href=&quot;https://support.google.com/google-ads/answer/12961402&quot; target=&quot;_blank&quot;&gt;Partner Atribusi Aplikasi&lt;/a&gt; Google.&lt;/p&gt;

&lt;p&gt;Memulai sangatlah mudah. Pertama, buat URL Google Play untuk &lt;a href=&quot;https://developer.android.com/distribute/marketing-tools/linking-to-google-play#OpeningDetails&quot; target=&quot;_blank&quot;&gt;halaman listingan Google Play Store&lt;/a&gt; game Anda dan tambahkan parameter kueri perujuk untuk kampanye Web Anda. Kemudian, ketika pengguna PC mengklik link tersebut, mereka akan dialihkan ke halaman listingan game Anda di &lt;a href=&quot;https://play.google.com/store/games&quot; target=&quot;_blank&quot;&gt;Google Play Web store&lt;/a&gt;, yang akan memberikan mereka opsi untuk &quot;Instal di Windows.&quot; Setelah pengguna meluncurkan game, Anda bisa melacak rujukan menggunakan &lt;a href=&quot;https://developer.android.com/google/play/installreferrer&quot; target=&quot;_blank&quot;&gt;library Google Play Install Referrer&lt;/a&gt;.&lt;/p&gt;

&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;“Dengan dukungan integrasi dari Adjust, developer bisa secara cepat dan efisien mengukur kampanye pemasaran untuk game mereka di Google Play Game di PC. Kami sangat senang dengan peluang yang terbuka bagi developer untuk memperluas jangkauan game mereka dan memperkuat pengukuran lintas platform.”&amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;- Gijsbert Pols, Director of Connected TV &amp;amp; New Channels, Adjust&lt;/b&gt;&lt;/p&gt;&lt;/blockquote&gt;

&lt;p&gt;&lt;a href=&quot;https://developer.android.com/games/playgames/user-acquisition&quot; target=&quot;_blank&quot;&gt;Pelajari lebih lanjut&lt;/a&gt; tentang kode rujukan pihak ketiga untuk Google Play Game di PC dan mulailah mengoptimalkan performa pemasaran Anda sekarang juga.&lt;/p&gt;&lt;br&gt;

______________
&lt;p&gt;&lt;small&gt;&lt;em&gt;&lt;sup&gt;1&lt;/sup&gt;Tergantung kompatibilitas perangkat dengan Google Play Game di PC.&lt;/em&gt;&lt;/small&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/7367243973217872349'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/7367243973217872349'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/memperkenalkan-play-install-referrer.html' title='Memperkenalkan Play Install Referrer untuk Google Play Game di PC'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwfGYBEanskKwqn3-e_ZHYNFlLki6v5C3WtrilQT6sxD60Zu1-osVht7cR-uspONCCI5XgbgDo8LIdutIAkww_n9-xb3BVi6ynklugk-3KGiODuTOGcNzNVuneGQRcvmL65JVordsHbmVuXsN8Kp848RFbLFzZ1N8Zm4jVUE3fVSVIPXle2l8G6_C7C6o/s72-c/Editorial-Battlestar-referrer-social.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-8301198407606606070</id><published>2024-03-12T18:08:00.002+07:00</published><updated>2024-05-01T18:10:19.263+07:00</updated><title type='text'>Update produk penting dari Google for Games Developer Summit 2024</title><content type='html'>﻿&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/key-product-updates-from-2024-google-for-games-developer-summit.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/key-product-updates-from-2024-google-for-games-developer-summit.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrGpBeUkUN6KAkglqR0AZd4-Qfvt0glXWMXBWrgBJQGazGH78JtSyNRGy8UpUSqcwaSKykhidO1p3jx7ebvmjaDcas-NHb-ti_FdcjODWjlML_mBQ5M2mbwTIz66YgPCdQ9__vPDbnd1QEpxThz-8U97tYmD8AdClYb3szCSorpNaViDo18lhFpMSSdqY/s1600/GGDS-Keynote-24.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrGpBeUkUN6KAkglqR0AZd4-Qfvt0glXWMXBWrgBJQGazGH78JtSyNRGy8UpUSqcwaSKykhidO1p3jx7ebvmjaDcas-NHb-ti_FdcjODWjlML_mBQ5M2mbwTIz66YgPCdQ9__vPDbnd1QEpxThz-8U97tYmD8AdClYb3szCSorpNaViDo18lhFpMSSdqY/s1600/GGDS-Keynote-24.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Aurash Mahbod – General Manager, Games on Google Play&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEAOFsHnnWtKy84l0Uo6JIO1m7YN_Wkgm5mJr6lRx8ZPhaNHAtFvl-b2dA7izOztETWY1Z1Zn-EC__tQ4DaUJoqFTw53j08QNboV03flNnwVu5FIJhK-Ru2YZCHsVC0HIFM8huyO2v7JfwTwZCMB2OMF7D1WZJBP74b7dOhX5DGOEoy08ctPtsT6gL5SU/s1600/GGDS%20Android%20Blog%20Post%20Main%20Image%20%28%20Asset%201%20%29%20%28%204209%20x%201253px%20%29.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEAOFsHnnWtKy84l0Uo6JIO1m7YN_Wkgm5mJr6lRx8ZPhaNHAtFvl-b2dA7izOztETWY1Z1Zn-EC__tQ4DaUJoqFTw53j08QNboV03flNnwVu5FIJhK-Ru2YZCHsVC0HIFM8huyO2v7JfwTwZCMB2OMF7D1WZJBP74b7dOhX5DGOEoy08ctPtsT6gL5SU/s1600/GGDS%20Android%20Blog%20Post%20Main%20Image%20%28%20Asset%201%20%29%20%28%204209%20x%201253px%20%29.png&quot;&gt;&lt;/a&gt;

&lt;p&gt;Kami memiliki misi untuk menjadikan Google Play sebagai destinasi terbaik bermain game, dan game Anda yang luar biasa adalah faktor yang memungkinkan hal tersebut terjadi. Karena itulah kami berinvestasi pada alat yang memampukan Anda untuk mencapai lebih banyak hal dengan meningkatkan engagement pengguna, mempercepat pertumbuhan bisnis, dan memaksimalkan jangkauan.&lt;/p&gt;

&lt;p&gt;Hari ini, kami membagikan detail selengkapnya mengenai investasi tersebut di &lt;a href=&quot;https://gamedevsummit.withgoogle.com/&quot; target=&quot;_blank&quot;&gt;Google for Games Developer Summit&lt;/a&gt;. Lihat &lt;a href=&quot;https://gamedevsummit.withgoogle.com/events/ggds-keynote-2024&quot; target=&quot;_blank&quot;&gt;sesi Utama on demand&lt;/a&gt;, atau lanjutkan membaca untuk mengetahui update produk penting dari acara ini.&lt;/p&gt;
  
&lt;h3&gt;Lebih banyak cara untuk meningkatkan engagement pengguna&lt;/h3&gt;

&lt;p&gt;Kami tahu bahwa identitas, progres, dan pencapaian adalah hal yang penting bagi gamer. Dengan &lt;a href=&quot;https://developer.android.com/games/pgs/overview&quot; target=&quot;_blank&quot;&gt;Layanan game Play&lt;/a&gt; (PGS), gamer bisa beralih antar perangkat dan kembali ke gameplay secara instan, pada perangkat apa pun yang terhubung dengan PGS&lt;sup&gt;1&lt;/sup&gt;. Berdasarkan masukan Anda, kami telah mempermudah pengintegrasian PGS dan memberikan pengalaman yang lebih relevan bagi pengguna:&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Tidak diperlukan perubahan database untuk mengintegrasikan PGS, dan Anda tidak perlu lagi menyimpan tautan antara akun dalam game dan profil PGS.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Anda bisa mulai menyinkronkan informasi login pengguna secara otomatis melalui PGS, termasuk pengguna yang tidak memiliki profil, untuk memastikan bahwa progres mereka siap disinkronkan ketika mereka berganti ke perangkat baru&lt;sup&gt;2&lt;/sup&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Sepanjang tahun ini, kami meluncurkan banyak cara bagi Anda untuk membuat konten dalam game yang menarik berdasarkan level pencapaian atau progres game. Sebagai contoh, Anda akan dapat membuat Misi dalam game untuk menantang pemain sembari membuka reward menggunakan Play Points.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;p&gt;Untuk mulai menciptakan pengalaman menarik ini dalam game Anda, &lt;a href=&quot;https://developer.android.com/games/pgs/overview&quot; target=&quot;_blank&quot;&gt;integrasikan PGS sekarang&lt;/a&gt; — dan nantikan lebih banyak kemampuan lainnya yang akan segera hadir.&lt;/p&gt;

&lt;p&gt;Kami juga berupaya untuk menyesuaikan pengalaman Play Store kami agar dapat lebih melibatkan pengguna yang telah menginstal game Anda. Mulai hari ini, kami meluncurkan &lt;b&gt;penyempurnaan pada listingan Play Store&lt;/b&gt; untuk menampilkan update game, konten baru, dan promosi secara langsung di Play&lt;sup&gt;3&lt;/sup&gt;. Halaman listingan Play Store Anda akan menampilkan konten yang relevan agar audience selalu tertarik dengan game Anda, termasuk video YouTube terbaru, FAQ yang dibuat AI, dan lainnya.&lt;/p&gt; 

&lt;p&gt;Peningkatan ini sekarang masih terbatas untuk pengguna berbahasa Inggris dan judul-judul tertentu yang merupakan bagian dari program akses awal. Jika Anda tertarik untuk menguji listingan Play Store yang disempurnakan untuk game Anda dan membantu mengembangkan fitur ini dengan masukan, Anda bisa &lt;a href=&quot;https://docs.google.com/forms/d/e/1FAIpQLSdw0PjDz1AvNK8CVH5JsyMBf5qh0EQZEpRsGed-GxBnLxNmFg/viewform&quot; target=&quot;_blank&quot;&gt;menyatakan minat Anda di sini&lt;/a&gt;.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak Games Hub (kiri) dan Games Home (kanan)&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWbPWBqKAtdEgV4QvoUJE3yL7XCgA8SqSJ51pJTo6KoZbblKHeJv3jwxe52o36FN3m9sEmgK3T7ZvxgE2dXE9MIXAPhlSfflKKLNMeABk1RownU04kcP7r3ldvVeIvdMcbW3h_JW9lA0eCC1xADEsQ90rhuxXWs6yhdcxbYW-olCbY0_H04IyYabwGNnQ/s1600/GIF_2_GamesHub_and_GamesHome_white%20%281%29.gif&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;

&lt;h3&gt;Program yang diperluas untuk mempercepat pertumbuhan&lt;/h3&gt;

&lt;p&gt;Kami juga memperluas program terpopuler kami untuk membantu Anda mempercepat pertumbuhan bisnis Anda.&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;Dengan lebih dari 220 juta anggota, Google Play Points adalah salah satu program loyalitas terbesar di dunia. Tersedia di lebih dari 35 pasar dan mencakup sebagian besar pembelanja aktif yang siap membeli, Play Points membantu Anda mempertahankan pengguna dan menjangkau pengguna baru. Tahun ini, kami sangat senang mengumumkan bahwa kami akan &lt;b&gt;meluncurkan Google Play Points di Brasil&lt;/b&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt; 


&lt;li&gt;Play Points kini menawarkan kemampuan untuk &lt;b&gt;menetapkan penawaran eksklusif dalam game dengan jumlah terbatas&lt;/b&gt;, sehingga membangun antusiasme dan meningkatkan partisipasi dalam promo terbatas. Penawaran ini sangat efektif dalam menjangkau pengguna yang membayar dan mendorong pembelian berulang.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY_obu2GJGjR0yW5YZ64P5s_-E3KGVhuEFJdPxPtwNSukytd1RlqQU4_3w3msLW9mSn1698Z2rFAv5rUHYWA3_if40IZn1_tkYJNPJpk-HydUGD0u_pM4p6wNApgBEPy5gOGDQMG8dkTo9_4-mKOs_BOy7k8LpmvwqM58J1JnJSrCEUiIH_UPRHezI8vs/s1600/GGDS%20Android%20Blog%20Post%20Asset%202%20%281%29.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;

&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;

&lt;li&gt;Google Play Pass, yang telah tumbuh lebih dari 120% dalam jumlah langganan selama setahun terakhir, berekspansi dengan memasukkan penawaran dalam game dari game-game populer. Kami meluncurkan penawaran dalam game di 21 pasar termasuk Jepang, dan &lt;b&gt;meluncurkan Play Pass di Korea akhir tahun ini&lt;/b&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;

&lt;li&gt;Beberapa game seluler terbesar di dunia seperti &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.ea.gp.fifamobile&amp;amp;hl=en_US&amp;amp;gl=US&quot; target=&quot;_blank&quot;&gt;EA SPORTS FC™ Mobile&lt;/a&gt;, &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.mobile.legends&amp;amp;hl=en_US&amp;amp;gl=US&quot; target=&quot;_blank&quot;&gt;Mobile Legends: Bang Bang&lt;/a&gt;, &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.scopely.monopolygo&amp;amp;hl=en_US&amp;amp;gl=US&quot; target=&quot;_blank&quot;&gt;MONOPOLY GO!&lt;/a&gt; dan &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.roblox.client&amp;amp;hl=en_US&amp;amp;gl=US&quot; target=&quot;_blank&quot;&gt;Roblox&lt;/a&gt; menggunakan Play Pass untuk menjangkau dan menarik pembeli baru, dengan mayoritas pengguna membelanjakan lebih dari jumlah penawaran yang diberikan oleh Play Pass&lt;sup&gt;4&lt;/sup&gt;.&lt;/li&gt;
  
&lt;/ul&gt;&lt;/ul&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak Google Games play pass&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL30nQR62_lLi6gqGwUNQTX6YACYLCFuHkYqujV30A9XWhKlqtPN_du6Lwtt1_wlpKlLGt8Xoje2S1q_h6EIzDm0zDxpGC47UNCWQg814QxlqMNFqwOJvnYc583QtyrxadMBqEeHUReJnbTLAJemv9YnjtAX6lZ169E-sye_ze_3cVCKzrr5R1sY9IxWU/s1600/GIF_1_Play%20Pass%20%28dark%20mode%29%20white.gif&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;br&gt;
  
&lt;h3&gt;Cara baru untuk memaksimalkan jangkauan&lt;/h3&gt;

&lt;p&gt;Terakhir, untuk membantu Anda menjangkau lebih banyak pengguna dengan game Anda, kami mempermudah penskalaan dan pengembangan game multiplatform di perangkat seluler, tablet, Chromebook, dan PC Windows&lt;sup&gt;5&lt;/sup&gt;.&lt;/p&gt;

&lt;ul&gt;&lt;ul&gt;
   
&lt;li&gt;Saat ini, Google Play Game di PC memiliki lebih dari 3.000 judul di lebih dari 140 negara, dengan developer mendapatkan lebih banyak waktu bermain hingga 35%.&lt;sup&gt;6&lt;/sup&gt;. Tahun ini, kami menambahkan &lt;b&gt;dukungan untuk penerbitan game PC native&lt;/b&gt;. Game PC populer seperti &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.ncsoft.lineage2mnu&amp;amp;hl=en_US&amp;amp;gl=US&quot; target=&quot;_blank&quot;&gt;Lineage2M&lt;/a&gt;, &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.kakaogames.odin&amp;amp;hl=en_US&amp;amp;gl=US&quot; target=&quot;_blank&quot;&gt;Odin: Valhalla Rising&lt;/a&gt;, &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.miHoYo.GenshinImpact&amp;amp;hl=en_GB&quot; target=&quot;_blank&quot;&gt;Genshin Impact&lt;/a&gt;, dan &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.sgra.dragon&amp;amp;hl=en_US&amp;amp;gl=US&quot; target=&quot;_blank&quot;&gt;Dragonheir: Silent Gods&lt;/a&gt; sudah tersedia dengan &lt;a href=&quot;https://sololeveling.netmarble.com/en&quot; target=&quot;_blank&quot;&gt;Solo Leveling: Arise&lt;/a&gt; akan segera hadir tahun ini. Jika Anda memiliki game PC native dan ingin memperluasnya ke audience gamer global, silakan &lt;a href=&quot;https://docs.google.com/forms/d/e/1FAIpQLSe5xWN_i70u_--3nSUCeahEhwbJyGHVDkZSB3FGAxB7B5MMRQ/viewform?usp=header_link&quot; target=&quot;_blank&quot;&gt;nyatakan minat Anda di sini&lt;/a&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;TEKS ALT&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GkHwMj8PgKaMGbOyvPMlQxHG86eqgtWuR0U3WeE8NAwQ7UFcOhXdCgLw9FoAp8G65xZ046BX1o5ohm_CB8M7R2Aau6gAwtZiY80mlNbhVLW_oTKf_9LCO0azGF_VjOU_IGNX5PG-9Bls6X95vLmGzlX7pGx722et1L1Ks_rDxiO8IAnK_ye7qN-GQtU/s1600/GIF_3_GPG%20white.gif&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;

&lt;ul&gt;&lt;ul&gt;
  
&lt;li&gt;Kami juga membuat kampanye akuisisi pengguna menjadi lebih mudah dan berguna untuk game PC. Sekarang Anda bisa menggunakan &lt;b&gt;&lt;a href=&quot;https://android-developers.googleblog.com/2024/03/introducing-play-install-referrer-for-google-play-games-on-pc.html&quot; target=&quot;_blank&quot;&gt;Play Install Referrer API untuk Google Play Games&lt;/a&gt;&lt;/b&gt; untuk mencapai pemasaran closed-loop di PC, meneruskan informasi klik atau kampanye ke dalam game sehingga Anda bisa mengoptimalkan kampanye pemasaran di seluruh jaringan iklan, sosial, dan saluran lainnya.&lt;/li&gt;

&lt;/ul&gt;&lt;/ul&gt;

&lt;p&gt;Untuk berita selengkapnya dari Google for Games Developer Summit, lihat &lt;a href=&quot;//g.co/gamedevsummit&quot; target=&quot;_blank&quot;&gt;g.co/gamedevsummit&lt;/a&gt;. Anda juga bisa &lt;a href=&quot;https://developers.googleblog.com/2024/03/google-for-games-is-coming-to-gdc-2024.html&quot; target=&quot;_blank&quot;&gt;terhubung dengan kami di GDC di San Francisco&lt;/a&gt;. Kami akan menyelenggarakan sesi sehari penuh pada 19 Maret dan pengalaman produk praktis selama seminggu di Moscone Center, West Hall, Lobi Level 2 mulai 18 Maret hingga 22 Maret.&lt;/p&gt;

&lt;p&gt;Seperti biasa, terima kasih telah bermitra dengan kami untuk menghadirkan game yang luar biasa kepada para pemain di mana pun.&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br&gt;&lt;/p&gt;


___________________

&lt;div style=&quot;text-align: left;&quot;&gt;&lt;em&gt;&lt;small&gt;&lt;sup&gt;1&lt;/sup&gt;Tergantung ketersediaan game dan kompatibilitas PC.&lt;/small&gt;&lt;/em&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;&lt;em&gt;&lt;small&gt;&lt;sup&gt;2&lt;/sup&gt;Fitur ini membutuhkan integrasi PGS SDK V2. Developer bisa menyimpan informasi login ke PGS untuk pengguna, tetapi hanya dapat mengambilnya ketika pengguna telah membuat profil.&lt;/small&gt;&lt;/em&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;&lt;em&gt;&lt;small&gt;&lt;sup&gt;3&lt;/sup&gt;Ketersediaan fitur terbatas untuk pengguna berbahasa Inggris dan judul-judul tertentu yang merupakan bagian dari program akses awal.&lt;/small&gt;&lt;/em&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;&lt;em&gt;&lt;small&gt;&lt;sup&gt;4&lt;/sup&gt;Data internal Google. Pembeli baru mengacu pada pengguna yang melakukan pembelian selama eksperimen uji coba ini setelah tidak melakukan pembelian selama 50 hari terakhir.&lt;/small&gt;&lt;/em&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;&lt;em&gt;&lt;small&gt;&lt;sup&gt;5&lt;/sup&gt;Windows adalah merek dagang dari grup perusahaan Microsoft.&lt;/small&gt;&lt;/em&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;&lt;em&gt;&lt;small&gt;&lt;sup&gt;6&lt;/sup&gt;Data internal Google.&lt;/small&gt;&lt;/em&gt;&lt;/div&gt;&lt;p&gt; 

&lt;/p&gt;&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='replies' type='application/atom+xml' href='http://developers-id.googleblog.com/feeds/8301198407606606070/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://developers-id.googleblog.com/2024/03/update-produk-penting-dari-google-for.html#comment-form' title='36 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/8301198407606606070'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/8301198407606606070'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/update-produk-penting-dari-google-for.html' title='Update produk penting dari Google for Games Developer Summit 2024'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrGpBeUkUN6KAkglqR0AZd4-Qfvt0glXWMXBWrgBJQGazGH78JtSyNRGy8UpUSqcwaSKykhidO1p3jx7ebvmjaDcas-NHb-ti_FdcjODWjlML_mBQ5M2mbwTIz66YgPCdQ9__vPDbnd1QEpxThz-8U97tYmD8AdClYb3szCSorpNaViDo18lhFpMSSdqY/s72-c/GGDS-Keynote-24.png" height="72" width="72"/><thr:total>36</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-3428706036932426502</id><published>2024-03-11T18:28:00.007+07:00</published><updated>2024-05-01T18:29:55.803+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="App"/><category scheme="http://www.blogger.com/atom/ns#" term="best practices"/><category scheme="http://www.blogger.com/atom/ns#" term="conferencing"/><category scheme="http://www.blogger.com/atom/ns#" term="foldables"/><category scheme="http://www.blogger.com/atom/ns#" term="meet"/><category scheme="http://www.blogger.com/atom/ns#" term="partial"/><category scheme="http://www.blogger.com/atom/ns#" term="privacy"/><category scheme="http://www.blogger.com/atom/ns#" term="Productivity"/><category scheme="http://www.blogger.com/atom/ns#" term="screen"/><category scheme="http://www.blogger.com/atom/ns#" term="screensharing"/><category scheme="http://www.blogger.com/atom/ns#" term="Sharing"/><category scheme="http://www.blogger.com/atom/ns#" term="Tablets"/><category scheme="http://www.blogger.com/atom/ns#" term="Video"/><category scheme="http://www.blogger.com/atom/ns#" term="videocall"/><title type='text'>Kemampuan berbagi layar yang disempurnakan di Android 14 (dan Google Meet) meningkatkan produktivitas rapat</title><content type='html'>﻿&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/enhanced-screen-sharing-capabilities-in-android-14.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/enhanced-screen-sharing-capabilities-in-android-14.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_sdASOx_frDm-yazYXC4aKeqWikdYk2buvvFtHk6HO7wg1QuLjkIuo9DDQKuPJ1e1TlHYNGK9znxZgPd8CSLzB-7oYQHsbz4BUOdzB332l1CSKgVX9yho-S3hm8z0FUUb-K08P8DHXaI1sz59udOPgIun_HUpUOfKFIKtBkeqAwxEkRhJX3yTqhtBCgc/s1600/Android-13-Desktop-AVD-Social.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_sdASOx_frDm-yazYXC4aKeqWikdYk2buvvFtHk6HO7wg1QuLjkIuo9DDQKuPJ1e1TlHYNGK9znxZgPd8CSLzB-7oYQHsbz4BUOdzB332l1CSKgVX9yho-S3hm8z0FUUb-K08P8DHXaI1sz59udOPgIun_HUpUOfKFIKtBkeqAwxEkRhJX3yTqhtBCgc/s1600/Android-13-Desktop-AVD-Social.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Francesco Romano–Developer Relations Engineer di Android&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxlVH6A7vyTdl1iUORCTBBC5Z2_5P-Up_WplvQ8OUjgib3yG3yyGWX8kEcAhC1Rzfr5ym4yWrCrQiT5wUGFqG7HCvub8ix0a1np7sYR8ePr_dLaXCo1GrIrE_KAjl3ACBTRodEemNwHqRDEZKPTNIGkJkXi3ECBfyFn6FPCytQ_1GzSPQ6j676JEoKWOE/s1600/Android-13-Desktop-AVD-Header.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxlVH6A7vyTdl1iUORCTBBC5Z2_5P-Up_WplvQ8OUjgib3yG3yyGWX8kEcAhC1Rzfr5ym4yWrCrQiT5wUGFqG7HCvub8ix0a1np7sYR8ePr_dLaXCo1GrIrE_KAjl3ACBTRodEemNwHqRDEZKPTNIGkJkXi3ECBfyFn6FPCytQ_1GzSPQ6j676JEoKWOE/s1600/Android-13-Desktop-AVD-Header.png&quot;&gt;&lt;/a&gt;


&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Berbagi layar aplikasi meningkatkan privasi and produk&lt;/span&gt;&lt;/h2&gt;

&lt;p&gt;Android 14 QPR2 menghadirkan kemajuan menarik dalam privasi pengguna dan multitasking yang lebih efisien dengan berbagi layar aplikasi. Pengguna tidak lagi harus menyiarkan seluruh layar mereka saat berbagi layar atau casting, memastikan mereka membagikan apa yang ingin mereka bagikan.&lt;/p&gt;

&lt;p&gt;Manfaatkan &lt;a href=&quot;https://developer.android.com/reference/kotlin/android/media/projection/MediaProjection&quot; target=&quot;_blank&quot;&gt;MediaProjection API&lt;/a&gt; baru untuk menyesuaikan pengalaman berbagi layar dan memberikan utilitas yang lebih besar kepada pengguna Anda.&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Apa yang dimaksud dengan berbagi layar aplikasi?&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Sebelum Android 14, pengguna hanya dapat berbagi atau merekam seluruh layar mereka di perangkat Android, yang dapat mengekspos informasi pribadi di aplikasi atau notifikasi lain.&lt;/p&gt;

&lt;p&gt;Berbagi layar aplikasi adalah fitur platform baru yang memungkinkan pengguna membatasi berbagi dan merekam ke satu jendela aplikasi, mengurangi risiko berbagi pesan pribadi atau notifikasi secara berlebihan. Dengan berbagi layar aplikasi, status bar, menu navigasi, notifikasi, dan elemen UI sistem lainnya dikecualikan dari tampilan bersama. Hanya konten aplikasi yang dipilih yang dibagikan.&lt;/p&gt;

&lt;p&gt;Ini tidak hanya meningkatkan keamanan untuk berbagi layar, tetapi juga memungkinkan kasus penggunaan baru di layar besar. Pengguna dapat meningkatkan produktivitas multitasking–seperti berbagi layar saat menghadiri rapat–dengan memanfaatkan ruang layar ekstra pada perangkat yang lebih besar ini.&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Bagaimana cara kerjanya?&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Ada tiga poin entri berbeda bagi pengguna untuk memulai berbagi layar aplikasi:&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ol&gt;
&lt;li&gt;Mulai casting dari Setelan Cepat&lt;/li&gt;
&lt;li&gt;Mulai perekaman layar dari Setelan Cepat&lt;/li&gt;
&lt;li&gt;Luncurkan dari aplikasi dengan kemampuan berbagi layar atau merekam melalui MediaProjection API&lt;/li&gt;
&lt;/ol&gt;&lt;/ul&gt;

&lt;p&gt;Mari lihat contoh di mana pengguna host ingin membagikan satu aplikasi kepada peserta panggilan video.&lt;/p&gt;

&lt;p&gt;Pengguna host mulai berbagi layar seperti biasa.Namun kini di Android 14, mereka disajikan dengan dialog yang diperbarui yang memungkinkan mereka untuk memilih untuk berbagi satu aplikasi saja, alih-alih seluruh layar.&lt;/p&gt;
&lt;p&gt;Pengguna host memutuskan untuk membagikan satu aplikasi, dan mereka memilih aplikasi dari App Selector.&lt;/p&gt;
&lt;p&gt;Selama berbagi layar, peserta panggilan video hanya dapat melihat konten dari aplikasi yang dipilih.&lt;/p&gt;
&lt;p&gt;Pengguna host dapat mengakhiri screenshot dengan beberapa cara: dari aplikasi tempat berbagi dimulai, dalam menu notifikasi, dengan menutup aplikasi yang dibagikan, atau dengan mengakhiri panggilan video.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;perjalanan visual host membagikan satu aplikasi kepada peserta dalam panggilan video di empat panel&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyFA8txeUeB4A3r51f5Iv1uf9fIpbiQHODGbtwWEo1Jlcj1mTwOGGv5kcpFcypBCiLeepwmPMiod-sF5f_b9j6oa-iRwNIRgl9EuNv_4gDoCWnum_h4VqokCrxmIqW5bJrB9I4lGFCc0P8Fo7ot_-jL_Z5NHhi7BGXv3_DDJcd-y6CtoK3P0NKSyXXMH4/s1600/App-screen-sharing-inline.png&quot; width=&quot;auto&quot;&gt;&lt;/div&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Bagaimana cara mendukung berbagi layar aplikasi?&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Aplikasi yang menggunakan &lt;a href=&quot;https://developer.android.com/reference/kotlin/android/media/projection/MediaProjection?_gl=1*192c0v6*_up*MQ..*_ga*MTIxNjAwMjcxOC4xNzA4MDgwMDIx*_ga_6HH9YJMN9M*MTcwODA4MDAyMC4xLjAuMTcwODA4MDAyMC4wLjAuMA..&quot; target=&quot;_blank&quot;&gt;MediaProjection API&lt;/a&gt; mampu memulai berbagi layar aplikasi &lt;b&gt;tanpa perubahan kode&lt;/b&gt;. Namun, penting untuk menguji aplikasi Anda untuk memastikan bahwa pengalaman berbagi layar berfungsi sebagaimana mestinya, karena alur penggunaan berubah dengan perilaku baru ini. Sebelumnya, pengguna akan tetap berada di aplikasi host setelah dialog izin. Dengan berbagi layar aplikasi, pengguna tidak akan dikembalikan ke aplikasi host, melainkan aplikasi target yang akan dibagikan seketika diluncurkan. Jika aplikasi target sudah berjalan di latar depan (mis. dalam mode multi-jendela), maka aplikasi itu hanya akan menjadi yang terfokus paling atas.&lt;/p&gt;

&lt;p&gt;Android 14 juga memperkenalkan dua metode callback untuk memberdayakan Anda menyesuaikan pengalaman berbagi:&lt;/p&gt;
  
&lt;p&gt;&lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/kotlin/android/media/projection/MediaProjection.Callback?_gl=1*1dwltys*_up*MQ..*_ga*MTIxNjAwMjcxOC4xNzA4MDgwMDIx*_ga_6HH9YJMN9M*MTcwODA4MDAyMC4xLjAuMTcwODA4MDAyMC4wLjAuMA..#oncapturedcontentresize&quot; target=&quot;_blank&quot;&gt;MediaProjection.Callback#onCapturedContentResize(width, height)&lt;/a&gt;&lt;/span&gt; dipanggil segera setelah rekam dimulai atau saat ukuran region yang direkam berubah. Argumen metode memberikan ukuran yang akurat untuk tangkapan streaming.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Catatan:&lt;/b&gt; Lebar dan tinggi yang diberikan sesuai dengan lebar dan tinggi yang akan ditampilkan oleh &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/kotlin/android/view/WindowMetrics.html?_gl=1*fzz62x*_up*MQ..*_ga*MTIxNjAwMjcxOC4xNzA4MDgwMDIx*_ga_6HH9YJMN9M*MTcwODA4MDAyMC4xLjAuMTcwODA4MDE4OS4wLjAuMA..#getBounds%28%29&quot; target=&quot;_blank&quot;&gt;android.view.WindowMetrics#getBounds()&lt;/a&gt;&lt;/span&gt; dari region yang direkam.&lt;/p&gt;

&lt;p&gt;Jika konten yang direkam memiliki rasio aspek berbeda dari &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/kotlin/android/hardware/display/VirtualDisplay.html?_gl=1*fzz62x*_up*MQ..*_ga*MTIxNjAwMjcxOC4xNzA4MDgwMDIx*_ga_6HH9YJMN9M*MTcwODA4MDAyMC4xLjAuMTcwODA4MDE4OS4wLjAuMA..&quot; target=&quot;_blank&quot;&gt;VirtualDisplay&lt;/a&gt;&lt;/span&gt; atau output &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/kotlin/android/view/Surface.html?_gl=1*fzz62x*_up*MQ..*_ga*MTIxNjAwMjcxOC4xNzA4MDgwMDIx*_ga_6HH9YJMN9M*MTcwODA4MDAyMC4xLjAuMTcwODA4MDE4OS4wLjAuMA..&quot; target=&quot;_blank&quot;&gt;Surface&lt;/a&gt;&lt;/span&gt;, streaming yang direkam memiliki bilah hitam di sekitar konten yang direkam. Aplikasi dapat menghindari bilah hitam di sekitar konten yang direkam dengan memperbarui ukuran &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;VirtualDisplay&lt;/span&gt; dan output &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;Surface&lt;/span&gt;:&lt;/p&gt;
  
&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;override&lt;/span&gt; &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;fun&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;onCapturedContentResize&lt;/span&gt;(width: Int, height: Int): String {
    &lt;span style=&quot;color: #408080; font-style: italic;&quot;&gt;// VirtualDisplay instance from MediaProjection#createVirtualDisplay().&lt;/span&gt;
    virtualDisplay.resize(width, height, dpi)

    &lt;span style=&quot;color: #408080; font-style: italic;&quot;&gt;// Create a new Surface with the updated size.&lt;/span&gt;
    &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;val&lt;/span&gt; textureName: Int &lt;span style=&quot;color: #408080; font-style: italic;&quot;&gt;// the OpenGL texture object name&lt;/span&gt;
    &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;val&lt;/span&gt; surfaceTexture = SurfaceTexture(textureName)
    surfaceTexture.setDefaultBufferSize(width, height)
    &lt;span style=&quot;color: green; font-weight: bold;&quot;&gt;val&lt;/span&gt; surface = Surface(surfaceTexture)

    &lt;span style=&quot;color: #408080; font-style: italic;&quot;&gt;// Ensure the VirtualDisplay has the updated Surface to send the capture to.&lt;/span&gt;
    virtualDisplay.setSurface(surface)
}
&lt;/pre&gt;&lt;/div&gt;
  
&lt;p&gt;API lainnya adalah &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/kotlin/android/media/projection/MediaProjection.Callback?_gl=1*1rggbp6*_up*MQ..*_ga*MTIxNjAwMjcxOC4xNzA4MDgwMDIx*_ga_6HH9YJMN9M*MTcwODA4MDAyMC4xLjAuMTcwODA4MDAyMC4wLjAuMA..#oncapturedcontentvisibilitychanged&quot; target=&quot;_blank&quot;&gt;MediaProjection.Callback#onCapturedContentVisibilityChanged(isVisible),&lt;/a&gt;&lt;/span&gt; yang dipanggil setelah rekam dimulai atau saat visibilitas region yang direkam berubah. Argumen metode menunjukkan visibilitas saat ini dari region yang direkam.&lt;/p&gt;
  
&lt;p&gt;Callback terpicu saat:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;Region yang direkam menjadi tidak terlihat &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;(isVisible==False)&lt;/span&gt;. Ini mungkin terjadi saat aplikasi yang diproyeksikan bukan lagi yang paling atas, seperti saat aplikasi lain menutupinya sepenuhnya, atau pengguna keluar dari aplikasi yang direkam.&lt;/li&gt;
&lt;li&gt;Region yang direkam menjadi terlihat lagi &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;(isVisible==True)&lt;/span&gt;. Ini mungkin terjadi jika pengguna memindahkan aplikasi yang menutupi untuk menampilkan setidaknya beberapa bagian dari aplikasi yang direkam (misalnya, pengguna memiliki beberapa aplikasi yang terlihat dalam mode multi-jendela).&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;
  
&lt;p&gt;Aplikasi dapat memanfaatkan callback ini dengan menunjukkan atau menyembunyikan konten yang diambil dari &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/kotlin/android/view/Surface.html&quot; target=&quot;_blank&quot;&gt;Surface&lt;/a&gt;&lt;/span&gt; output berdasarkan apakah region yang direkam saat ini terlihat oleh pengguna. Anda harus menjeda atau melanjutkan berbagi untuk menghemat resource.&lt;/p&gt; 
  
&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Cara Google Meet meningkatkan produktivitas rapat&lt;/span&gt;&lt;/h3&gt;


&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;“Berbagi layar aplikasi memungkinkan pengguna untuk berbagi informasi spesifik dalam panggilan Meet tanpa terlalu banyak berbagi informasi pribadi di layar seperti pesan dan notifikasi. Pengguna dapat memilih aplikasi tertentu untuk dibagikan, atau mereka dapat berbagi seluruh layar seperti sebelumnya. Selain itu, pengguna dapat memanfaatkan mode layar split-screen pada perangkat layar besar untuk berbagi konten sambil tetap melihat wajah teman, keluarga, rekan kerja, dan peserta rapat lainnya.”&amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;b&gt;- Manajer Produk di Google Meet&lt;/b&gt;&lt;/blockquote&gt;


&lt;p&gt;Mari lihat tindakan berbagi layar aplikasi selama panggilan video, dalam versi Google Meet yang akan segera hadir ini!&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak dari tindakan berbagi layar aplikasi selama panggilan video di Google Meet&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_voCiK0Puj-DzOezfUac_cI7SZ8oiRMm-0y4UKRrfvNr3iyPk-4u6DK8hXpPykOiPZp3idl73ky7zztsh3v_XvH9qRLg-mFTNPWe1xTUq2cjyb3da0J0j4NMuuVJQP0iQFJv6J0TTYuRZdCb7o06PLmCAajZ940i2sgMOQ7IIYH-edRHtzjfw1PDJuQ/s1600/image1.gif&quot; width=&quot;auto&quot;&gt;&lt;/div&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Jendela ke dunia&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Berbagi layar aplikasi membuka pintu (dan jendela) untuk pengalaman aplikasi yang lebih terfokus dan aman dalam ekosistem Android.&lt;/p&gt;

&lt;p&gt;Fitur baru ini meningkatkan beberapa kasus penggunaan:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Aplikasi kolaborasi&lt;/b&gt; dapat memfasilitasi diskusi terfokus pada elemen desain, dokumen, atau spreadsheet tertentu tanpa menyertakan detail latar belakang yang mengganggu.&lt;/li&gt;
&lt;li&gt;Agen &lt;b&gt;dukungan teknis&lt;/b&gt; dapat melihat aplikasi masalah pengguna dari jarak jauh tanpa melihat konten yang berpotensi sensitif di area lain.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Alat konferensi video&lt;/b&gt; dapat berbagi jendela presentasi secara selektif daripada seluruh layar.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Aplikasi pendidikan&lt;/b&gt; dapat menunjukkan fungsionalitas tanpa mengorbankan privasi siswa, dan siswa dapat membagikan proyek tanpa khawatir menunjukkan informasi sensitif.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;p&gt;Dengan mengimlementasikan berbagi layar aplikasi secara bijaksana, Anda dapat menjadikan aplikasi Anda sebagai jawara privasi dan kenyamanan pengguna.&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='replies' type='application/atom+xml' href='http://developers-id.googleblog.com/feeds/3428706036932426502/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://developers-id.googleblog.com/2024/03/kemampuan-berbagi-layar-yang.html#comment-form' title='67 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3428706036932426502'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3428706036932426502'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/kemampuan-berbagi-layar-yang.html' title='Kemampuan berbagi layar yang disempurnakan di Android 14 (dan Google Meet) meningkatkan produktivitas rapat'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_sdASOx_frDm-yazYXC4aKeqWikdYk2buvvFtHk6HO7wg1QuLjkIuo9DDQKuPJ1e1TlHYNGK9znxZgPd8CSLzB-7oYQHsbz4BUOdzB332l1CSKgVX9yho-S3hm8z0FUUb-K08P8DHXaI1sz59udOPgIun_HUpUOfKFIKtBkeqAwxEkRhJX3yTqhtBCgc/s72-c/Android-13-Desktop-AVD-Social.png" height="72" width="72"/><thr:total>67</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-2985160322397227000</id><published>2024-03-07T18:23:00.009+07:00</published><updated>2024-05-01T18:25:23.532+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="#JetpackCompose"/><category scheme="http://www.blogger.com/atom/ns#" term="#TheAndroidShow"/><category scheme="http://www.blogger.com/atom/ns#" term="Android UI"/><category scheme="http://www.blogger.com/atom/ns#" term="events"/><category scheme="http://www.blogger.com/atom/ns#" term="explore"/><category scheme="http://www.blogger.com/atom/ns#" term="jetpack compose"/><title type='text'>#TheAndroidShow: terbaru dari MWC, Gemini Nano, Android 15, dan banyak lagi!</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/tas24-recap.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/tas24-recap.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzCfvtscYp-s6T4XFATx4pLgXixHBYITpSFBtZOFlWhbMT-x_Qf8EN_rGmlp_2Da68eufEQGt5yiRDFbq3YovBKZqVRS70Q9KegA1TzDJPAFwWdlcKIxQJPR6fxL0Hx3SPN6oqnVrZEq_WlMFqXBcp2khwgtvo7spv2y-9WhF38fBrwan4PPorToZ-W4g/s1600/Image_20240306_143230.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzCfvtscYp-s6T4XFATx4pLgXixHBYITpSFBtZOFlWhbMT-x_Qf8EN_rGmlp_2Da68eufEQGt5yiRDFbq3YovBKZqVRS70Q9KegA1TzDJPAFwWdlcKIxQJPR6fxL0Hx3SPN6oqnVrZEq_WlMFqXBcp2khwgtvo7spv2y-9WhF38fBrwan4PPorToZ-W4g/s1600/Image_20240306_143230.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Anirudh Dewani, Direktur Hubungan Developer Android&lt;/em&gt;

&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;Minggu lalu, para pembuat perangkat Android merilis banyak perangkat baru, dan hari ini kami akan mengupas tuntas apa artinya hal itu bagi para developer, serta yang terbaru dari Gemini Nano, Android 15, Jetpack Compose, dan banyak lagi, dalam episode lain dari acara TV triwulanan kami, &lt;a href=&quot;https://d.android.com/events/show&quot; target=&quot;_blank&quot;&gt;#TheAndroidShow&lt;/a&gt;:&lt;/p&gt; 

&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;415&quot; src=&quot;https://www.youtube.com/embed/pou4o1X1DI4&quot; width=&quot;100%&quot; youtube-src-id=&quot;pou4o1X1DI4&quot;&gt;&lt;/iframe&gt;

&lt;h2&gt;Perangkat wearable dan foldable terbaru – mulailah membangun!&lt;/h2&gt;

&lt;p&gt;Para pembuat perangkat Android meluncurkan perangkat wearable dan foldable terbaru mereka minggu lalu di Mobile World Congress, dan kami berada di Barcelona untuk melihat perangkat-perangkat baru tersebut serta cara Anda dapat mulai membangun di atasnya. Beberapa favorit kami:&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
  
&lt;li&gt;&lt;b&gt;OnePlus Watch 2&lt;/b&gt;, didukung dengan versi terbaru Wear OS (&lt;a href=&quot;https://android-developers.googleblog.com/2023/10/wear-os-4-is-now-stable-and-available-on-google-pixel-watch-2.html&quot; target=&quot;_blank&quot;&gt;Wear OS 4&lt;/a&gt;). Perangkat ini memanfaatkan pembaruan yang telah kami lakukan pada pengalaman pengguna &lt;a href=&quot;https://wearos.google.com/&quot; target=&quot;_blank&quot;&gt;Wear OS by Google&lt;/a&gt;, khususnya meningkatkan daya dan performa, &lt;a href=&quot;https://android-developers.googleblog.com/2024/02/wear-os-hybrid-interface-boosting-power-and-performance.html&quot; target=&quot;_blank&quot;&gt;Anda dapat membaca lebih lanjut di sini.&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt; &lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;Xiaomi Watch 2&lt;/b&gt;, &lt;a href=&quot;https://www.mi.com/global/product/xiaomi-watch-2/&quot; target=&quot;_blank&quot;&gt;smartwatch terbaru&lt;/a&gt; dari tim Xiaomi. Perangkat ini didukung oleh Wear OS by Google dan memberikan pengalaman kamera, kebugaran, dan tidur yang telah di-upgrade untuk memungkinkan pengguna mendapatkan yang terbaik dari perangkat mereka.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt; &lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;PORSCHE DESIGN HONOR Magic V2 RSR&lt;/b&gt;, &lt;a href=&quot;https://www.hihonor.com/global/phones/honor-magic-v2-rsr-porsche-design/&quot; target=&quot;_blank&quot;&gt;smartphone foldable tertipis&lt;/a&gt; di dunia. Ini adalah perangkat foldable terbaru untuk Android dan didesain dengan mengedepankan pengalaman pengguna, termasuk teknologi kenyamanan mata yang berfokus pada manusia.&lt;/li&gt; 

&lt;/ul&gt;&lt;/ul&gt;
&lt;p&gt;Compose adalah cara yang luar biasa untuk membuat aplikasi bagi pengguna Anda di seluruh faktor bentuk. &lt;a href=&quot;https://developer.android.com/training/wearables/compose&quot; target=&quot;_blank&quot;&gt;Compose untuk Wear OS&lt;/a&gt; dan &lt;a href=&quot;https://medium.com/androiddevelopers/new-apis-for-adaptive-layouts-in-jetpack-compose-f27cace48bcd&quot; target=&quot;_blank&quot;&gt;tata letak adaptif&lt;/a&gt; yang akan datang untuk layar besar membantu para developer menghidupkan aplikasi mereka dengan kode yang lebih sedikit, alat yang canggih, dan API yang intuitif. Lihat galeri &lt;a href=&quot;https://d.android.com/wear/gallery&quot; target=&quot;_blank&quot;&gt;Wear OS&lt;/a&gt; dan &lt;a href=&quot;https://developer.android.com/large-screens/gallery&quot; target=&quot;_blank&quot;&gt;Layar Besar&lt;/a&gt;, di mana Anda dapat menemukan inspirasi UX dan panduan desain yang disesuaikan dengan jenis aplikasi Anda.&lt;/p&gt;&lt;br&gt;

&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;415&quot; src=&quot;https://www.youtube.com/embed/BcGfpspxX2E&quot; width=&quot;100%&quot; youtube-src-id=&quot;BcGfpspxX2E&quot;&gt;&lt;/iframe&gt;&lt;br&gt;

&lt;p&gt;&lt;br&gt;&lt;/p&gt;

&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Di balik layar, dengan Gemini Nano dan AICore&lt;/span&gt;&lt;/h2&gt;
  
&lt;p&gt;Dengan semua kegembiraan seputar AI generatif, mungkin sulit untuk mengetahui dari mana harus memulai. Jadi dalam acara TV hari ini, kami akan mengajak Anda ke balik layar dengan &lt;a href=&quot;https://android-developers.googleblog.com/2023/12/a-new-foundation-for-ai-on-android.html&quot; target=&quot;_blank&quot;&gt;Gemini Nano&lt;/a&gt;, model paling efisien dari Google yang dibuat untuk tugas-tugas di perangkat, dan &lt;a href=&quot;http://d.android.com/ml/aicore&quot; target=&quot;_blank&quot;&gt;AICore&lt;/a&gt;, layanan sistem Android untuk model dasar di perangkat. Kami menyoroti cara tim yang membangun aplikasi Perekam Suara menggunakan Gemini Nano untuk membantu meringkas memo suara pengguna di perangkat dan dengan mempertimbangkan privasi. Inilah bagian terbaiknya: tim membangun fitur ini dalam waktu singkat hanya dengan sejumlah kecil engineer.&lt;/p&gt;&lt;br&gt;

&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;415&quot; src=&quot;https://www.youtube.com/embed/hHIMUgTuoXE&quot; width=&quot;100%&quot; youtube-src-id=&quot;hHIMUgTuoXE&quot;&gt;&lt;/iframe&gt;&lt;br&gt;

&lt;p&gt;&lt;br&gt;&lt;/p&gt;

&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Now in Android&lt;/span&gt;&lt;/h2&gt;
  
&lt;p&gt;Kami merayakan episode ke-100 Now in Android, yang mencakup berita developer terbaru, termasuk:&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://android-developers.googleblog.com/2024/02/first-developer-preview-android15.html&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Pratinjau developer Android 15&lt;/b&gt;&lt;/a&gt;, yang mencakup pembaruan pada &lt;a href=&quot;https://developer.android.com/design-for-safety/privacy-sandbox&quot; target=&quot;_blank&quot;&gt;Privacy Sandbox&lt;/a&gt; dan &lt;a href=&quot;https://developer.android.com/health-and-fitness/guides/health-connect&quot; target=&quot;_blank&quot;&gt;Health Connect&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/reference/android/security/FileIntegrityManager&quot; target=&quot;_blank&quot;&gt;API perlindungan integritas file yang baru&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/reference/android/hardware/camera2/CameraCharacteristics&quot; target=&quot;_blank&quot;&gt;kontrol kamera yang disempurnakan&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/reference/android/media/midi/MidiUmpDeviceService&quot; target=&quot;_blank&quot;&gt;perangkat MIDI 2.0 virtual&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/games/optimize/adpf&quot; target=&quot;_blank&quot;&gt;Android Dynamic Performance Framework&lt;/a&gt; yang telah diperluas, dan masih banyak lagi.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://android-developers.googleblog.com/2024/02/android-studio-iguana-is-stable.html&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Android Studio Iguana&lt;/b&gt;&lt;/a&gt;🦎yang sekarang sudah tersedia dalam versi stabil dan mencakup &lt;a href=&quot;https://developer.android.com/studio/releases#compose-ui-check&quot; target=&quot;_blank&quot;&gt;Pemeriksaan UI Compose&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/studio/releases#compose-progressive-rendering&quot; target=&quot;_blank&quot;&gt;Rendering progresif di Pratinjau Compose&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/studio/releases#aqi-vcs&quot; target=&quot;_blank&quot;&gt;dukungan Sistem Kontrol Versi di App Quality Insights&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/studio/releases#baseline-profiles-module-wizard&quot; target=&quot;_blank&quot;&gt;dukungan bawaan untuk membuat Profil Baseline&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/studio/releases#espresso-device-api&quot; target=&quot;_blank&quot;&gt;Espresso device API&lt;/a&gt;, dan banyak lagi.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;&lt;a href=&quot;http://android-developers.googleblog.com/2024/02/cloud-photos-now-available-in-android-photo-picker.html&quot; target=&quot;_blank&quot;&gt;Foto cloud&lt;/a&gt;&lt;/b&gt;, sekarang tersedia di pemilih foto Android.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;&lt;a href=&quot;https://developers.google.com/ml-kit/vision/doc-scanner&quot; target=&quot;_blank&quot;&gt;ML Kit Document Scanner API&lt;/a&gt;&lt;/b&gt;, memungkinkan Anda untuk dengan mudah mengintegrasikan kemampuan pemindaian dokumen tingkat lanjut dalam aplikasi Anda.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://android-developers.googleblog.com/2024/02/wear-os-hybrid-interface-boosting-power-and-performance.html&quot; target=&quot;_blank&quot;&gt;Antarmuka Hybrid Wear OS&lt;/a&gt;, &lt;a href=&quot;https://medium.com/androiddevelopers/jetpack-compose-strong-skipping-mode-explained-cbdb2aa4b900?source=rss----95b274b437c2---4&quot; target=&quot;_blank&quot;&gt;Scrolling/Skipping/Shapes&lt;/a&gt; di Compose, &lt;a href=&quot;https://adbackstage.libsyn.com/episode-204-fanotations&quot; target=&quot;_blank&quot;&gt;Lint&lt;/a&gt;, dan masih banyak lagi!&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;&lt;br&gt;

&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;415&quot; src=&quot;https://www.youtube.com/embed/tiNXsmbcKgA&quot; width=&quot;100%&quot; youtube-src-id=&quot;tiNXsmbcKgA&quot;&gt;&lt;/iframe&gt;&lt;br&gt;

&lt;p&gt;&lt;br&gt;&lt;/p&gt;

&lt;p&gt;Itulah ringkasan dari episode lain dari acara TV triwulanan kami, #TheAndroidShow. Namun, perbincangan terus berlanjut di YouTube, X, dan LinkedIn: beri tahu kami bagian favorit Anda, atau apa yang Anda ingin kami bahas berikutnya di episode triwulanan kami. Sebelum kami berpamitan, Anda bisa melihat playlist lengkap, dengan berita terbaru dari para developer Android, &lt;a href=&quot;https://youtu.be/pou4o1X1DI4?list=PLWz5rJ2EKKc_sAwvxL-DjrIMOKT9NOh30&quot; target=&quot;_blank&quot;&gt;di sini&lt;/a&gt;. &lt;/p&gt;
&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/2985160322397227000'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/2985160322397227000'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/theandroidshow-terbaru-dari-mwc-gemini.html' title='#TheAndroidShow: terbaru dari MWC, Gemini Nano, Android 15, dan banyak lagi!'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzCfvtscYp-s6T4XFATx4pLgXixHBYITpSFBtZOFlWhbMT-x_Qf8EN_rGmlp_2Da68eufEQGt5yiRDFbq3YovBKZqVRS70Q9KegA1TzDJPAFwWdlcKIxQJPR6fxL0Hx3SPN6oqnVrZEq_WlMFqXBcp2khwgtvo7spv2y-9WhF38fBrwan4PPorToZ-W4g/s72-c/Image_20240306_143230.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-6191776852389049960</id><published>2024-03-06T18:18:00.007+07:00</published><updated>2024-05-01T18:20:30.808+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="android developers"/><category scheme="http://www.blogger.com/atom/ns#" term="best practices"/><category scheme="http://www.blogger.com/atom/ns#" term="featured"/><category scheme="http://www.blogger.com/atom/ns#" term="Games"/><category scheme="http://www.blogger.com/atom/ns#" term="google play"/><title type='text'>Mendesain pengalaman penghapusan akun Anda dengan mempertimbangkan pengguna</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/designing-your-account-deletion-experience-google-play.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/designing-your-account-deletion-experience-google-play.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhljLTe4e3m2lCTVHZukvwtt3N5A34tfp3uQ9kITH8m5EM-9FI-7752LR4HofGCVBUzc9aaTXmUEC_xrKJnNW1R4pzx9YCZMFxWDxF64PWv8Zg6Yai3XKNlDvRv_PjR8QE8gikqfChslevvcNF8SzPET1WNH-_thMq-svIuGSTQ5t_KrFoE-SUWok28Xhc/s1600/social-Account-Deletion-Case-Study-Blog.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhljLTe4e3m2lCTVHZukvwtt3N5A34tfp3uQ9kITH8m5EM-9FI-7752LR4HofGCVBUzc9aaTXmUEC_xrKJnNW1R4pzx9YCZMFxWDxF64PWv8Zg6Yai3XKNlDvRv_PjR8QE8gikqfChslevvcNF8SzPET1WNH-_thMq-svIuGSTQ5t_KrFoE-SUWok28Xhc/s1600/social-Account-Deletion-Case-Study-Blog.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Tatiana van Maaren–Pemimpin Kemitraan T&amp;amp;S Global, Privasi &amp;amp; Keamanan, May Smith–Product Manager, dan Anita Issagholyan–Pemimpin Kebijakan&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50WdOqNNKoMWD6WVzyUPnglOMkEDYqfzeToYuq8rKeYkm3AiqvYYgBC_gZbSKLImlxK8qyvp8tr5mMeK5Cfih1k6_uSTOmwXAczn8YkKzHWhAF8SVbkiv2m45JVHG2rDzIinPrGoyV7ujVT9Gze4sde0wVa_2-B8TvdCzPs3RRjKL5anNqxgJxRF5BcY/s1600/Play-Account-Deletion-Case-Study-Blog.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50WdOqNNKoMWD6WVzyUPnglOMkEDYqfzeToYuq8rKeYkm3AiqvYYgBC_gZbSKLImlxK8qyvp8tr5mMeK5Cfih1k6_uSTOmwXAczn8YkKzHWhAF8SVbkiv2m45JVHG2rDzIinPrGoyV7ujVT9Gze4sde0wVa_2-B8TvdCzPs3RRjKL5anNqxgJxRF5BcY/s1600/Play-Account-Deletion-Case-Study-Blog.png&quot;&gt;&lt;/a&gt;

&lt;p&gt;Dengan jutaan developer yang mengandalkan platform kami, Google Play berkomitmen untuk menjaga ekosistem kami tetap aman bagi semua orang. Itulah sebabnya, selain investasi berkelanjutan kami dalam privasi dan keamanan aplikasi, kami juga terus memperbarui kebijakan kami untuk merespons tantangan dan ekspektasi pengguna yang baru.&lt;/p&gt; 

&lt;p&gt;Sebagai contoh, kami baru-baru ini memperkenalkan &lt;a href=&quot;https://android-developers.googleblog.com/2023/04/giving-people-more-control-over-their-data.html&quot; target=&quot;_blank&quot;&gt;kebijakan penghapusan akun baru&lt;/a&gt; dengan pengungkapan yang diperlukan dalam bagian Keamanan Data di Play Store. Menghapus akun seharusnya semudah membuat akun, sehingga kebijakan baru ini mengharuskan developer untuk menyediakan informasi dan sumber daya web yang membantu pengguna untuk mengelola data mereka dan memahami praktik penghapusan aplikasi. &lt;/p&gt; 

&lt;p&gt;Untuk membantu Anda membangun kepercayaan dan mendesain pengalaman yang mudah digunakan yang membantu memenuhi persyaratan kebijakan kami, pertimbangkan &lt;b&gt;5 praktik terbaik&lt;/b&gt; berikut ini saat menerapkan solusi penghapusan akun Anda.&lt;/p&gt; 

&lt;h3&gt;1. &amp;nbsp;&amp;nbsp; &amp;nbsp;Buatlah menjadi lancar&lt;/h3&gt;
  
&lt;p&gt;Pengguna lebih menyukai alur penghapusan akun yang sederhana dan tidak berbelit-belit. Meskipun pengguna tahu bahwa akan ada lebih banyak langkah lebih lanjut (seperti autentikasi), menavigasi beberapa layar sebelum halaman penghapusan dapat menjadi penghalang yang signifikan dan menimbulkan perasaan negatif bagi pengguna. Pertimbangkan untuk menyediakan opsi penghapusan akun Anda di halaman setelan akun atau letakkan tombol yang mencolok di layar utama. Desain alur dengan mempertimbangkan visibilitas dengan membawa pengguna langsung ke proses penghapusan.&lt;/p&gt;

&lt;h3&gt;2. &amp;nbsp;&amp;nbsp; &amp;nbsp;Izinkan penghapusan otomatis&lt;/h3&gt; 
  
&lt;p&gt;Pengguna merasa bahwa jika mereka dapat membuat akun tanpa berbicara dengan agen layanan pelanggan, mereka seharusnya juga dapat menghapus akun mereka secara online. Jika otomatisasi belum ada dalam roadmap Anda, pertimbangkan formulir permintaan penghapusan langkah demi langkah atau halaman khusus untuk menghubungkan pengguna dengan dukungan pelanggan.&lt;/p&gt;

&lt;h3&gt;3. &amp;nbsp;&amp;nbsp; &amp;nbsp;Tawarkan panduan dan jelaskan implikasi yang dapat ditimbulkan&lt;/h3&gt;

&lt;p&gt;Pengguna menghapus akun mereka karena berbagai alasan, beberapa di antaranya mungkin lebih baik di-resolve dengan cara lain. Di awal alur penghapusan Anda, arahkan pengguna Anda ke artikel Pusat Bantuan yang menjelaskan cara kerja proses penghapusan Anda dalam istilah yang sederhana, termasuk kemungkinan konsekuensi apa pun. Misalnya, jelaskan apakah pengguna Anda perlu menjeda metode pembayaran mereka sebelum menghapus akun, atau mendownload data akun apa pun yang ingin mereka simpan. Membantu pengguna Anda memahami prosesnya terlebih dahulu dapat mencegah penghapusan yang tidak disengaja. Bagi mereka yang berubah pikiran, pertimbangkan untuk menawarkan cara untuk memulihkan akun mereka dalam jangka waktu yang wajar. &lt;/p&gt; 
  
&lt;p&gt;Berikut ini adalah contoh bagaimana Developer Play Store, Canva, telah mendesain alur penghapusan dalam aplikasi untuk menjelaskan konsekuensi potensial dari penghapusan akun:&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;perjalanan pengguna di aplikasi Canva dalam tiga panel&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSmgP5HlDbudibZxpVZwLrzDcBnt2rg_ITmTLc2t_OFMIDPyLBzQJxeBfmyyp_nk1OL0Yd-pkQKiPFUqH0WyUbcDloblVhUOv6HcW-I0iNeTOghSLQjcQnVyqEFBEpXjqT5zDcIJUFnrcAEyh_-8Y2HxwW3sRCsP4glQPy03pBG40xhwC6G9qOClzmugk/s1600/Account-Deletion-Google-Play-inline%20%281%29.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Perjalanan pengguna di aplikasi Canva &lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;

&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;“Privasi data pengguna selalu menjadi hal yang penting bagi kami. Kami selalu mempertimbangkan pendekatan kami dalam mengoptimalkan aplikasi Canva sehingga pengguna kami dapat memiliki lebih banyak transparansi dan kontrol atas data mereka. Kami menyambut baik persyaratan baru dari Play Store ini karena kami tahu bahwa alur baru ini akan meningkatkan kepercayaan pengguna terhadap aplikasi kami dan memberikan manfaat bagi bisnis kami dalam jangka panjang.”&amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;b&gt;- Will Currie, Software Engineer, Canva&lt;/b&gt;&lt;/blockquote&gt;

&lt;h3&gt;4. &amp;nbsp;&amp;nbsp; &amp;nbsp;Konfirmasi penghapusan akun &lt;/h3&gt;

&lt;p&gt;Terkadang pengguna tidak mengerti apakah yang dihapus adalah akunnya atau hanya data yang dikumpulkan oleh aplikasi saat proses penghapusan. Pengguna sering mengira bahwa data yang disimpan aplikasi Anda di cloud akan secara otomatis terhapus bersamaan dengan penghapusan akun. Karena mungkin perlu waktu untuk menghapus data akun dari sistem internal perusahaan atau mematuhi persyaratan retensi data di berbagai region, transparansi tentang proses ini dapat membantu Anda mempertahankan kepercayaan pada merek Anda dan meningkatkan kemungkinan pengguna untuk kembali di masa mendatang.&lt;/p&gt;
  
&lt;p&gt;Berikut ini SYBO Games, telah mendesain alur penghapusan web dalam aplikasi mereka:&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;perjalanan pengguna di sumber daya web Sybo Games dalam empat panel&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59KSA_oGI24P30Um9abe7fLhiYoTWKn5q8oJ2lDsKScf30Jq6GyC_ZAWCfCAYfwiGRD4jdN4n5KCCXFH7L-zdCY7efdN96HhsuTmOFvQNUw5l75QoLBa43i_LPo5ph1-W64y3fTSKRXFMLIy8TeFWa-pY-qjpX-0j9Tg0mroJcxc56ZFAmRjH06kvKCE/s1600/Account-Deletion-Google-Play-inline-2.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Perjalanan pengguna di sumber daya web Sybo Games
&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;
  
  
&lt;blockquote&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;i&gt;“Kami selalu berusaha untuk memastikan bahwa game kami memberikan pengalaman pengguna yang menyenangkan, dibangun di atas fondasi perlindungan data yang solid. Saat kami mengetahui tentang pembaruan penghapusan akun baru di Google Play, kami pikir ini merupakan langkah besar untuk memastikan bahwa seluruh ekosistem developer mengoptimalkan keamanan pengguna. Kami mendorong para developer untuk meluangkan waktu guna melakukan peningkatan ini dan memprioritaskan check-in privasi secara reguler.” &amp;nbsp;&lt;/i&gt;&lt;/span&gt;&lt;b&gt;- Elizabeth Ann Schweitzer, Manajer Kepatuhan Game, SYBO Games&lt;/b&gt;&lt;/blockquote&gt;

  &lt;h3&gt;5. &amp;nbsp;&amp;nbsp; &amp;nbsp;Jangan lupakan engagement pengguna&lt;/h3&gt;
  
&lt;p&gt;Ini adalah kesempatan bagus untuk terhubung dengan pengguna Anda pada saat yang kritis. Pastikan pengguna yang telah meng-uninstal aplikasi Anda dapat dengan mudah menghapus akun mereka melalui sumber daya web tanpa perlu menginstal ulang aplikasi. Anda juga dapat mengundang mereka untuk menyelesaikan survei atau memberikan masukan tentang keputusan mereka.&lt;/p&gt;

&lt;p&gt;Melindungi data pengguna sangat penting untuk membangun kepercayaan dan loyalitas. Dengan memperbarui bagian Keamanan Data di Google Play dan terus mengoptimalkan pengalaman pengguna untuk penghapusan akun, Anda dapat memperkuat kepercayaan terhadap perusahaan Anda sembari mengupayakan perlindungan data pengguna level tertinggi.&lt;/p&gt;&lt;br&gt;

&lt;p&gt;Terima kasih atas kolaborasi dan masukan Anda yang berkelanjutan dalam mengembangkan fitur transparansi data ini dan dalam membantu menjadikan Google Play aman untuk semua.&lt;/p&gt; 


&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/6191776852389049960'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/6191776852389049960'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/mendesain-pengalaman-penghapusan-akun.html' title='Mendesain pengalaman penghapusan akun Anda dengan mempertimbangkan pengguna'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhljLTe4e3m2lCTVHZukvwtt3N5A34tfp3uQ9kITH8m5EM-9FI-7752LR4HofGCVBUzc9aaTXmUEC_xrKJnNW1R4pzx9YCZMFxWDxF64PWv8Zg6Yai3XKNlDvRv_PjR8QE8gikqfChslevvcNF8SzPET1WNH-_thMq-svIuGSTQ5t_KrFoE-SUWok28Xhc/s72-c/social-Account-Deletion-Case-Study-Blog.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-715688871398150414</id><published>2024-03-05T18:18:00.009+07:00</published><updated>2024-03-15T18:20:01.981+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="announcement"/><category scheme="http://www.blogger.com/atom/ns#" term="explore"/><category scheme="http://www.blogger.com/atom/ns#" term="latest"/><category scheme="http://www.blogger.com/atom/ns#" term="platform"/><category scheme="http://www.blogger.com/atom/ns#" term="text-to-speech"/><category scheme="http://www.blogger.com/atom/ns#" term="Wear OS"/><title type='text'>Memperkenalkan mesin Text-To-Speech baru pada Wear OS</title><content type='html'>﻿&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/introducing-new-text-to-speech-engine-wear-os.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/introducing-new-text-to-speech-engine-wear-os.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz59FlzcTBW59NOVhyLb_vZd-ePuN6w-TMUiMvxaZDiofpQHayKQn8sPLmP-bmuj5-6kPS7wHUOTqpzOTwoRqBRO1zdnLE3EuqPaH97Cw0ezGgLFKIbX0dzXfI4xx0bPa8XLl6FyvhYKs3XKBowHEz2ambpEB1H5UypEtPrn-dXMXkGlJEKu7NdjMV/s1600/Android%20-%20Policy%20Updates-%20Improving%20Wear%20App%20Quality-social.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz59FlzcTBW59NOVhyLb_vZd-ePuN6w-TMUiMvxaZDiofpQHayKQn8sPLmP-bmuj5-6kPS7wHUOTqpzOTwoRqBRO1zdnLE3EuqPaH97Cw0ezGgLFKIbX0dzXfI4xx0bPa8XLl6FyvhYKs3XKBowHEz2ambpEB1H5UypEtPrn-dXMXkGlJEKu7NdjMV/s1600/Android%20-%20Policy%20Updates-%20Improving%20Wear%20App%20Quality-social.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Ouiam Koubaa – Product Manager dan Yingzhe Li – Software Engineer&lt;/em&gt;
  
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVviCwvyzix33x3GBKtuFuXHOivMjeQP5FrEX8df4khO7Y6KSKwdAqBIRmac1eN5T9EIMbwATiUxqjjnOoMZow-T458ZZadL0fpwy901_pNLayQ-wLUAm8w0W2OyNZk_6KAYPwHOLqKcu9bLnpoc8K-3RIQvNeRV11iSzBSL2U20bRnb89EXghEHBs/s1600/Android%20-%20Policy%20Updates-%20Improving%20Wear%20App%20Quality-header.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1058&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVviCwvyzix33x3GBKtuFuXHOivMjeQP5FrEX8df4khO7Y6KSKwdAqBIRmac1eN5T9EIMbwATiUxqjjnOoMZow-T458ZZadL0fpwy901_pNLayQ-wLUAm8w0W2OyNZk_6KAYPwHOLqKcu9bLnpoc8K-3RIQvNeRV11iSzBSL2U20bRnb89EXghEHBs/s1600/Android%20-%20Policy%20Updates-%20Improving%20Wear%20App%20Quality-header.png&quot;&gt;&lt;/a&gt;

&lt;p&gt;Hari ini, kami sangat senang bisa mengumumkan perilisan mesin Text-To-Speech (TTS) baru yang berkinerja baik dan andal. Text-to-speech mengubah teks menjadi ucapan yang terdengar natural untuk lebih dari 50 bahasa yang didukung teknologi machine learning (ML) Google. Mesin text-to-speech baru pada Wear OS menggunakan model ML prosodi yang lebih kecil dan efisien untuk menghadirkan sintesis yang lebih cepat pada perangkat Wear OS.&lt;/p&gt;

&lt;p&gt;Kasus penggunaan text-to-speech Wear OS dapat mencakup layanan aksesibilitas, panduan latihan untuk aplikasi olahraga, panduan navigasi, dan membacakan peringatan yang masuk dengan keras melalui speaker jam atau headphone yang terhubung melalui Bluetooth. Mesin ini diperuntukkan buat interaksi singkat, jadi sebaiknya tidak digunakan untuk membaca artikel panjang, atau ringkasan podcast berdurasi panjang.&lt;/p&gt; 

&lt;h3&gt;Cara menggunakan TTS Wear OS&lt;/h3&gt;

&lt;p&gt;Text-to-speech telah lama didukung di Android. TTS baru Wear OS telah disempurnakan agar berkinerja baik dan andal pada perangkat dengan memori rendah. Semua API Android masih sama, jadi developer menggunakan proses yang sama untuk mengintegrasikannya ke dalam aplikasi Wear OS, misalnya, &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/speech/tts/TextToSpeech#speak%28java.lang.CharSequence,%20int,%20android.os.Bundle,%20java.lang.String%29&quot; target=&quot;_blank&quot;&gt;TextToSpeech#speak&lt;/a&gt;&lt;/span&gt; bisa digunakan untuk mengucapkan teks tertentu. TTS tersedia pada perangkat yang menjalankan Wear OS 4 atau yang lebih tinggi.&lt;/p&gt;

&lt;p&gt;Saat pengguna berinteraksi dengan TTS Wear OS untuk pertama kalinya setelah perangkat booting, mesin sintesis akan siap dalam waktu sekitar 10 detik. Untuk kasus tertentu ketika developer menginginkan agar jam &lt;i&gt;&lt;u&gt;segera&lt;/u&gt;&lt;/i&gt; berbicara setelah membuka aplikasi atau meluncurkan pengalaman, kode berikut bisa digunakan untuk melakukan pemanasan awal mesin TTS sebelum ada permintaan sintesis yang masuk.&lt;/p&gt;

&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;private fun initTtsEngine() {
    &lt;span style=&quot;color: #666666;&quot;&gt;//&lt;/span&gt; Callback when TextToSpeech connection is set up
    val callback &lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; TextToSpeech&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;OnInitListener { status &lt;span style=&quot;color: #666666;&quot;&gt;-&amp;gt;&lt;/span&gt;
        &lt;span style=&quot;color: green;&quot;&gt;if&lt;/span&gt; (status &lt;span style=&quot;color: #666666;&quot;&gt;==&lt;/span&gt; TextToSpeech&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;SUCCESS) {
            &lt;span style=&quot;color: blue;&quot;&gt;Log&lt;/span&gt;&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;i(TAG, &lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;tts Client Initialized successfully&quot;&lt;/span&gt;)


            &lt;span style=&quot;color: #666666;&quot;&gt;//&lt;/span&gt; Get default TTS locale
            val defaultVoice &lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; tts&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;voice
            &lt;span style=&quot;color: green;&quot;&gt;if&lt;/span&gt; (defaultVoice &lt;span style=&quot;color: #666666;&quot;&gt;==&lt;/span&gt; null) {
                &lt;span style=&quot;color: blue;&quot;&gt;Log&lt;/span&gt;&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;w(TAG, &lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;defaultVoice == null&quot;&lt;/span&gt;)
                &lt;span style=&quot;color: green;&quot;&gt;return&lt;/span&gt;&lt;span style=&quot;color: #19177c;&quot;&gt;@OnInitListener&lt;/span&gt;
            }


            &lt;span style=&quot;color: #666666;&quot;&gt;//&lt;/span&gt; Set TTS engine &lt;span style=&quot;color: green;&quot;&gt;to&lt;/span&gt; use default locale
            tts&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;language &lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; defaultVoice&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;locale




            try {
                &lt;span style=&quot;color: #666666;&quot;&gt;//&lt;/span&gt; Create a temporary file &lt;span style=&quot;color: green;&quot;&gt;to&lt;/span&gt; synthesize sample text
                val tempFile &lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt;
                        File&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;createTempFile(&lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;tmpsynthesize&quot;&lt;/span&gt;, null, applicationContext&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;cacheDir)


                &lt;span style=&quot;color: #666666;&quot;&gt;//&lt;/span&gt; Synthesize sample text &lt;span style=&quot;color: green;&quot;&gt;to&lt;/span&gt; our file
                tts&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;synthesizeToFile(
                        &lt;span style=&quot;color: #666666;&quot;&gt;/*&lt;/span&gt; text&lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #666666;&quot;&gt;*/&lt;/span&gt; &lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;1 2 3&quot;&lt;/span&gt;, &lt;span style=&quot;color: #666666;&quot;&gt;//&lt;/span&gt; Some sample text
                        &lt;span style=&quot;color: #666666;&quot;&gt;/*&lt;/span&gt; params&lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #666666;&quot;&gt;*/&lt;/span&gt; null, &lt;span style=&quot;color: #666666;&quot;&gt;//&lt;/span&gt; No params necessary &lt;span style=&quot;color: green;&quot;&gt;for&lt;/span&gt; a sample request
                        &lt;span style=&quot;color: #666666;&quot;&gt;/*&lt;/span&gt; file&lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #666666;&quot;&gt;*/&lt;/span&gt; tempFile,
                        &lt;span style=&quot;color: #666666;&quot;&gt;/*&lt;/span&gt; utteranceId&lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #666666;&quot;&gt;*/&lt;/span&gt; &lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;sampletext&quot;&lt;/span&gt;
                )


                &lt;span style=&quot;color: #666666;&quot;&gt;//&lt;/span&gt; &lt;span style=&quot;color: green;&quot;&gt;And&lt;/span&gt; clean up the file
                tempFile&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;deleteOnExit()
            } catch (e&lt;span style=&quot;color: #666666;&quot;&gt;:&lt;/span&gt; Exception) {
                &lt;span style=&quot;color: blue;&quot;&gt;Log&lt;/span&gt;&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;e(TAG, &lt;span style=&quot;color: #ba2121;&quot;&gt;&quot;Unhandled exception: &quot;&lt;/span&gt;, e)
            }
        }
    }


    tts &lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; TextToSpeech(applicationContext, callback)
}
&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Setelah selesai menggunakan TTS, Anda dapat menghentikan mesin dengan memanggil &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;tts.shutdown()&lt;/span&gt; dalam metode &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;onDestroy()&lt;/span&gt; aktivitas Anda. Perintah ini juga harus digunakan saat menutup aplikasi yang menggunakan TTS.&lt;/p&gt;


&lt;h3&gt;Bahasa dan Lokalitas&lt;/h3&gt;
  
&lt;p&gt;Secara default, TTS Wear OS memuat 7 bahasa bawaan dalam image sistem: Bahasa Inggris, Spanyol, Prancis, Italia, Jerman, Jepang, dan Mandarin. OEM dapat memilih untuk melakukan pramuat set bahasa yang berbeda. Anda bisa memeriksa bahasa apa saja yang tersedia dengan menggunakan &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/speech/tts/TextToSpeech#getAvailableLanguages%28%29&quot; target=&quot;_blank&quot;&gt;TextToSpeech#getAvailableLanguages()&lt;/a&gt;&lt;/span&gt;. Selama pengaturan jam, jika pengguna memilih bahasa sistem yang bukan merupakan file suara pramuat, jam akan secara otomatis mendownload file suara yang sesuai saat pengguna pertama kali terhubung ke Wi-Fi saat mengisi daya jam mereka. &lt;/p&gt;

&lt;p&gt;Ada beberapa kasus tertentu di mana output ucapan mungkin berbeda dari bahasa sistem pengguna. Misalnya, dalam skenario ketika aplikasi keamanan menggunakan TTS untuk memanggil petugas tanggap darurat, developer mungkin ingin menyintesis ucapan dalam bahasa lokal tempat pengguna berada, bukan bahasa yang digunakan jam. Untuk menyintesis teks dalam bahasa yang berbeda dari setelan sistem, gunakan &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/speech/tts/TextToSpeech#setLanguage%28java.util.Locale%29&quot; target=&quot;_blank&quot;&gt;TextToSpeech#setLanguage(java.util.Locale)&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;

&lt;h3&gt;Kesimpulan&lt;/h3&gt;
  
&lt;p&gt;Aplikasi Wear OS Anda sekarang dapat berbicara, baik secara langsung &lt;a href=&quot;https://developer.android.com/training/wearables/apps/audio&quot; target=&quot;_blank&quot;&gt;dari speaker jam atau melalui headphone yang terhubung dengan Bluetooth&lt;/a&gt;. Pelajari lebih lanjut tentang &lt;a href=&quot;https://developer.android.com/reference/android/speech/tts/TextToSpeech&quot; target=&quot;_blank&quot;&gt;penggunaan TTS&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Kami sangat ingin melihat bagaimana Anda menggunakan mesin Text-to-speech untuk menciptakan pengalaman yang lebih bermanfaat dan menarik bagi pengguna Anda di Wear OS!&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;

&lt;div style=&quot;background: #f8f8f8; overflow:auto;width:auto;border:0;&quot;&gt;&lt;pre style=&quot;margin: 0; line-height: 125%&quot;&gt;Copyright &lt;span style=&quot;color: #666666&quot;&gt;2023&lt;/span&gt; Google LLC&lt;span style=&quot;color: #666666&quot;&gt;.&lt;/span&gt;
SPDX&lt;span style=&quot;color: #666666&quot;&gt;-&lt;/span&gt;License&lt;span style=&quot;color: #666666&quot;&gt;-&lt;/span&gt;Identifier&lt;span style=&quot;color: #666666&quot;&gt;:&lt;/span&gt; Apache&lt;span style=&quot;color: #666666&quot;&gt;-2.0&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/715688871398150414'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/715688871398150414'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/memperkenalkan-mesin-text-to-speech.html' title='Memperkenalkan mesin Text-To-Speech baru pada Wear OS'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz59FlzcTBW59NOVhyLb_vZd-ePuN6w-TMUiMvxaZDiofpQHayKQn8sPLmP-bmuj5-6kPS7wHUOTqpzOTwoRqBRO1zdnLE3EuqPaH97Cw0ezGgLFKIbX0dzXfI4xx0bPa8XLl6FyvhYKs3XKBowHEz2ambpEB1H5UypEtPrn-dXMXkGlJEKu7NdjMV/s72-c/Android%20-%20Policy%20Updates-%20Improving%20Wear%20App%20Quality-social.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-1900402123917943042</id><published>2024-03-04T18:21:00.012+07:00</published><updated>2024-03-15T18:25:02.219+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Android 14"/><category scheme="http://www.blogger.com/atom/ns#" term="Android betas"/><category scheme="http://www.blogger.com/atom/ns#" term="Android release"/><category scheme="http://www.blogger.com/atom/ns#" term="case study"/><category scheme="http://www.blogger.com/atom/ns#" term="Meta"/><category scheme="http://www.blogger.com/atom/ns#" term="mobile"/><category scheme="http://www.blogger.com/atom/ns#" term="Solve"/><category scheme="http://www.blogger.com/atom/ns#" term="web"/><title type='text'>Menyambut Android 14: Adopsi Awal Meta yang Memberdayakan Pengalaman Pengguna yang Ditingkatkan</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/android-14-meta-early-adoption-enhanced-user-experience.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/03/android-14-meta-early-adoption-enhanced-user-experience.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5n06FoVE-2EYCtpdVDhyphenhyphenTnQY6uxTLFwcX4ulmQ6OmzdgLDu500sWA8CPjM36tDpjiSCFJDsQ4fslD8InyzLPi4Tsin0zintvb4cfZbtK7WMb3BV9qXenxgSXsemkZwYkUCGOCanhUbJWMfErr-meqQ5Oo7eae1H4KC_cSh5XRngvHG3Hk6LDM0z4zOg/s1600/AndroidDev_MetaRelease__V4.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5n06FoVE-2EYCtpdVDhyphenhyphenTnQY6uxTLFwcX4ulmQ6OmzdgLDu500sWA8CPjM36tDpjiSCFJDsQ4fslD8InyzLPi4Tsin0zintvb4cfZbtK7WMb3BV9qXenxgSXsemkZwYkUCGOCanhUbJWMfErr-meqQ5Oo7eae1H4KC_cSh5XRngvHG3Hk6LDM0z4zOg/s1600/AndroidDev_MetaRelease__V4.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Terence Zhang – Developer Relations Engineer, Google; bekerja sama dengan Tina Ho - Partner Engineering, TPM dan Kun Wang – Partner Engineering, Partner Engineer&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5n06FoVE-2EYCtpdVDhyphenhyphenTnQY6uxTLFwcX4ulmQ6OmzdgLDu500sWA8CPjM36tDpjiSCFJDsQ4fslD8InyzLPi4Tsin0zintvb4cfZbtK7WMb3BV9qXenxgSXsemkZwYkUCGOCanhUbJWMfErr-meqQ5Oo7eae1H4KC_cSh5XRngvHG3Hk6LDM0z4zOg/s1600/AndroidDev_MetaRelease__V4.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5n06FoVE-2EYCtpdVDhyphenhyphenTnQY6uxTLFwcX4ulmQ6OmzdgLDu500sWA8CPjM36tDpjiSCFJDsQ4fslD8InyzLPi4Tsin0zintvb4cfZbtK7WMb3BV9qXenxgSXsemkZwYkUCGOCanhUbJWMfErr-meqQ5Oo7eae1H4KC_cSh5XRngvHG3Hk6LDM0z4zOg/s1600/AndroidDev_MetaRelease__V4.png&quot;&gt;&lt;/a&gt;

&lt;p&gt;Dengan dirilisnya &lt;a href=&quot;https://android-developers.googleblog.com/2024/02/first-developer-preview-android15.html&quot; target=&quot;_blank&quot;&gt;Pratinjau Developer Android 15&lt;/a&gt; yang pertama, rilis Android baru lainnya yang menghadirkan fitur baru dan peningkatan di balik layar untuk miliaran pengguna di seluruh dunia akan segera hadir. Sebagai developer Android, Anda adalah pemain utama dalam evolusi ini; dengan tetap berada di atas &lt;a href=&quot;https://support.google.com/googleplay/android-developer/answer/11926878&quot; target=&quot;_blank&quot;&gt;siklus upgrade targetSDK&lt;/a&gt;, Anda memastikan bahwa pengguna mendapatkan pengalaman terbaik.&lt;/p&gt;

&lt;p&gt;Cara Meta, perusahaan induk Instagram, Facebook, WhatsApp, dan Messenger, melakukan pendekatan terhadap Android 14 memberikan cetak biru untuk kesuksesan developer dan kepuasan pengguna. &lt;b&gt;Meta meningkatkan kecepatan adopsi targetSDK hingga 4x lipat&lt;/b&gt;, dan untuk memahami lebih lanjut tentang bagaimana mereka membangunnya, kami berbicara dengan tim di Meta, dengan tujuan untuk mendapatkan insight yang dapat dibangun oleh semua developer ke dalam program pengujian mereka.&lt;/p&gt; 

&lt;h3&gt;Perjalanan Meta di A14: Cetak biru untuk adopsi yang lebih cepat&lt;/h3&gt;

&lt;p&gt;Ketika Android 11 diluncurkan, beberapa aplikasi Meta mengalami kendala dengan fitur yang sudah ada, seperti Chat Head, dan persyaratan baru, seperti integrasi penyimpanan terbatas. Memperbaiki masalah ini cukup rumit karena lambatnya adopsi alat developer dan strategi aplikasi yang terdesentralisasi. Pengalaman ini memotivasi Meta untuk membuat Program Kesiapan Android OS internal yang berfokus pada prioritas pengujian awal dan menyeluruh di seluruh jendela rilis Android dan mempercepat adopsi targetSDK aplikasi mereka.&lt;/p&gt;

&lt;p&gt;Program ini secara resmi diluncurkan tahun lalu. Dengan mengompilasi aplikasi terhadap setiap Android 14 beta dan melakukan pengujian otomatis dan fungsi mendasar software secara menyeluruh untuk secara proaktif mengidentifikasi potensi masalah, Meta dapat dengan mulus mengadopsi fitur Android 14 baru, seperti tipe Layanan Latar Depan &lt;a href=&quot;https://issuetracker.google.com/&quot; target=&quot;_blank&quot;&gt;dan mengirimkan masukan serta laporan bug tepat waktu ke tim Android&lt;/a&gt;, yang berkontribusi pada peningkatan OS.&lt;/p&gt;

&lt;p&gt;Meta juga mempercepat adopsi targetSDK mereka untuk Android 14—mengupdate Messenger, Facebook, dan Instagram dalam waktu satu hingga dua bulan setelah rilis AOSP, dibandingkan dengan tujuh hingga sembilan bulan untuk Android 12 (&lt;b&gt;peningkatan kecepatan lebih dari 4x lipat!&lt;/b&gt;). Program kesiapan yang baru dibuat Meta menjadi kunci pencapaian ini dengan bekerja di setiap aplikasi untuk mengadopsi perubahan Android terbaru sembari tetap mempertahankan kompatibilitas. Sebagai contoh, dengan mengotomatiskan dan menyederhanakan proses rilis SDK mereka, Meta mampu memangkas waktu peluncuran dari tiga minggu menjadi kurang dari tiga jam, meningkatkan kerja sama di antara masing-masing tim aplikasi dengan menyediakan akses langsung ke SDK terbaru dan memungkinkan pengujian cepat terhadap fitur OS terbaru. Pendekatan terpusat juga berarti Threads mengadopsi dukungan Android 14 dengan cepat meskipun aplikasi baru yang berkembang pesat ini didukung oleh tim yang minim. &lt;/p&gt;

&lt;h3&gt;Menuai hasilnya: Dampak terhadap pengguna&lt;/h3&gt;

&lt;p&gt;Strategi adopsi targetSDK awal Meta juga memberikan manfaat yang signifikan bagi pengguna. Begini caranya:&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Keandalan dan kompatibilitas yang lebih baik:&lt;/b&gt; Adopsi awal pratinjau dan beta Android mencegah kejutan menjelang peluncuran OS, menjamin pengalaman hari pertama yang mulus bagi pengguna yang melakukan upgrade ke versi Android terbaru. Sebagai contoh, dengan izin media parsial, eksperimen ekstensif Meta dengan alur izin memastikan &quot;pengguna mendapatkan informasi tentang perubahan tersebut dan memegang kontrol atas setelan privasi mereka,&quot; sekaligus memaksimalkan fungsionalitas berbagi media aplikasi.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;br&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Eksperimen yang komprehensif dengan fitur rilis baru:&lt;/b&gt; Adopsi rilis Android awal memberikan Meta waktu yang cukup untuk berkolaborasi dengan tim privasi, desain, dan strategi konten, sehingga mereka dapat mengintegrasikan fitur-fitur Android baru yang selalu hadir dalam setiap rilis. Ini meningkatkan kolaborasi pada fitur lainnya, memungkinkan Meta untuk meluncurkan pengalaman gambar &lt;a href=&quot;https://source.android.com/docs/core/camera/ultra-hdr&quot; target=&quot;_blank&quot;&gt;Ultra HDR&lt;/a&gt; di Instagram dalam waktu 3 bulan setelah perilisan platform dengan konsep &quot;Android pertama&quot; adalah contoh yang bagus untuk hal ini, memuaskan pengguna dengan warna yang lebih cerah dan kaya dengan rentang dinamis lebih tinggi dalam postingan dan cerita Instagram mereka.&lt;/li&gt; 
&lt;/ul&gt;&lt;/ul&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Adopsi Ultra HDR oleh Meta di Android 14 menghadirkan warna yang lebih cerah dan rentang dinamis tinggi pada postingan dan cerita Instagram.&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYrW_yI6CcPjUcSgGaaDZ_784bCOcnub8cMzP48Wtj3MpT4n97ylqg67oyE_hNJh-buxbXstd8Q7HWPoNv_bF6eCor0_hpfeCAnlENTik0MRc8WhT44c9FtYcGu63PK01gSdxbBQ21CeeDm_ndcsmENgl66U6OftpGg0cuOePeZSaaCUd2XUeBKrcA15E/s1600/image2.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Adopsi Ultra HDR oleh Meta di Android 14 menghadirkan warna yang lebih cerah dan rentang dinamis tinggi pada postingan dan cerita Instagram.&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;h3&gt;Menyambut versi Android terbaru&lt;/h3&gt;

&lt;p&gt;Perjalanan Meta menyorot alasan yang kuat bagi developer Android untuk mengadopsi pola pikir yang sama dalam bekerja dengan Android beta:&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Uji aplikasi Anda lebih awal:&lt;/b&gt; Antisipasi perubahan Android OS, pastikan aplikasi Anda siap untuk SDK target terbaru segera setelah tersedia untuk menciptakan transisi yang mulus bagi pengguna yang melakukan update ke versi Android terbaru. &lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;br&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Manfaatkan alat terbaru untuk mengoptimalkan pengalaman pengguna:&lt;/b&gt; Uji aplikasi Anda secara menyeluruh terhadap setiap versi beta untuk mengidentifikasi dan mengatasi berbagai potensi masalah. Periksa Asisten Upgrade Android Studio untuk menyoroti perubahan besar yang dapat menyebabkan gangguan pada setiap targetSDKVersion, dan integrasikan alat &lt;a href=&quot;https://developer.android.com/about/versions/14/reference/compat-framework-changes&quot; target=&quot;_blank&quot;&gt;framework kompatibilitas&lt;/a&gt; ke dalam proses pengujian Anda untuk membantu menemukan potensi masalah aplikasi pada versi OS terbaru. &lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;br&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Berkolaborasi dengan Google:&lt;/b&gt; Berikan masukan berharga dan laporan bug Anda menggunakan &lt;a href=&quot;https://issuetracker.google.com/&quot; target=&quot;_blank&quot;&gt;issue tracker Google&lt;/a&gt; untuk berkontribusi secara langsung pada peningkatan ekosistem Android.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;p&gt;Kami mendorong Anda untuk memanfaatkan sepenuhnya program Beta &amp;amp; Pratinjau Developer Android, dimulai dengan &lt;a href=&quot;https://android-developers.googleblog.com/2024/02/first-developer-preview-android15.html&quot; target=&quot;_blank&quot;&gt;Pratinjau Developer 1 Android 15&lt;/a&gt; yang baru saja dirilis. &lt;/p&gt;

&lt;h3&gt;Tim di balik kesuksesan&lt;/h3&gt;

&lt;p&gt;Terima kasih banyak kepada seluruh tim Meta atas kolaborasinya di Android 14 dan penulisan blog ini! Secara khusus, kami ingin memberikan penghargaan kepada rekan-rekan di Meta atas kontribusinya yang luar biasa dalam membangun budaya adopsi awal:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;  
&lt;li&gt;Tushar Varshney - Partner Engineering, Partner Engineer&lt;/li&gt;
&lt;li&gt;Allen Bae - Partner Engineering, EM&lt;/li&gt;
&lt;li&gt;Abel Del Pino - Facebook, SWE&lt;/li&gt;
&lt;li&gt;Matias Hanco - Facebook, SWE&lt;/li&gt;
&lt;li&gt;Summer Kitahara - Instagram, SWE&lt;/li&gt;
&lt;li&gt;Tom Rozanski - Messenger, SWE&lt;/li&gt;
&lt;li&gt;Ashish Gupta - WhatsApp, SWE&lt;/li&gt;
&lt;li&gt;Daniel Hill - Mobile Infra, SWE&lt;/li&gt;
&lt;li&gt;Jason Tang - Facebook, SWE&lt;/li&gt;
&lt;li&gt;Jane Li - Meta Quest, SWE&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;
&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='replies' type='application/atom+xml' href='http://developers-id.googleblog.com/feeds/1900402123917943042/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://developers-id.googleblog.com/2024/03/menyambut-android-14-adopsi-awal-meta.html#comment-form' title='42 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/1900402123917943042'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/1900402123917943042'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/03/menyambut-android-14-adopsi-awal-meta.html' title='Menyambut Android 14: Adopsi Awal Meta yang Memberdayakan Pengalaman Pengguna yang Ditingkatkan'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5n06FoVE-2EYCtpdVDhyphenhyphenTnQY6uxTLFwcX4ulmQ6OmzdgLDu500sWA8CPjM36tDpjiSCFJDsQ4fslD8InyzLPi4Tsin0zintvb4cfZbtK7WMb3BV9qXenxgSXsemkZwYkUCGOCanhUbJWMfErr-meqQ5Oo7eae1H4KC_cSh5XRngvHG3Hk6LDM0z4zOg/s72-c/AndroidDev_MetaRelease__V4.png" height="72" width="72"/><thr:total>42</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-5820432820976554898</id><published>2024-02-29T18:26:00.014+07:00</published><updated>2024-03-15T18:30:23.589+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="android"/><category scheme="http://www.blogger.com/atom/ns#" term="Android Emulator"/><category scheme="http://www.blogger.com/atom/ns#" term="android studio"/><category scheme="http://www.blogger.com/atom/ns#" term="Android Studio Emulator"/><category scheme="http://www.blogger.com/atom/ns#" term="Android Studio Iguana"/><category scheme="http://www.blogger.com/atom/ns#" term="androidstudio"/><category scheme="http://www.blogger.com/atom/ns#" term="Baseline Profiles"/><category scheme="http://www.blogger.com/atom/ns#" term="compose"/><category scheme="http://www.blogger.com/atom/ns#" term="featured"/><category scheme="http://www.blogger.com/atom/ns#" term="Pixel Fold AVD"/><category scheme="http://www.blogger.com/atom/ns#" term="Pixel Tablet AVD"/><title type='text'>Android Studio Iguana sudah stabil</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/02/android-studio-iguana-is-stable.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/02/android-studio-iguana-is-stable.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMLW97x07fxQ0CLacNwpF1EkzVmEqrWeOIGWk1c8lkQ19okJMVRcjLDCOzacz4wkJG3gMS4Ot-m1qoDIzfQbhTH-dGtq5jkkv8QGLUc2uvAvfCSSaJWxg7zLrRL5NndmJ6-g1hwiH4PcFJPZqMnID3atks9uKYBzVq7GkQODb8co9XZIEQf06xApzqYX4/s1600/Android-Studio-Iguana-SOCIAL.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMLW97x07fxQ0CLacNwpF1EkzVmEqrWeOIGWk1c8lkQ19okJMVRcjLDCOzacz4wkJG3gMS4Ot-m1qoDIzfQbhTH-dGtq5jkkv8QGLUc2uvAvfCSSaJWxg7zLrRL5NndmJ6-g1hwiH4PcFJPZqMnID3atks9uKYBzVq7GkQODb8co9XZIEQf06xApzqYX4/s1600/Android-Studio-Iguana-SOCIAL.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Neville Sicard-Gregory – Senior Product Manager, Android Studio&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMLW97x07fxQ0CLacNwpF1EkzVmEqrWeOIGWk1c8lkQ19okJMVRcjLDCOzacz4wkJG3gMS4Ot-m1qoDIzfQbhTH-dGtq5jkkv8QGLUc2uvAvfCSSaJWxg7zLrRL5NndmJ6-g1hwiH4PcFJPZqMnID3atks9uKYBzVq7GkQODb8co9XZIEQf06xApzqYX4/s1600/Android-Studio-Iguana-SOCIAL.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMLW97x07fxQ0CLacNwpF1EkzVmEqrWeOIGWk1c8lkQ19okJMVRcjLDCOzacz4wkJG3gMS4Ot-m1qoDIzfQbhTH-dGtq5jkkv8QGLUc2uvAvfCSSaJWxg7zLrRL5NndmJ6-g1hwiH4PcFJPZqMnID3atks9uKYBzVq7GkQODb8co9XZIEQf06xApzqYX4/s1600/Android-Studio-Iguana-SOCIAL.png&quot;&gt;&lt;/a&gt;

&lt;p&gt;Hari ini kami meluncurkan &lt;a href=&quot;https://developer.android.com/studio&quot; target=&quot;_blank&quot;&gt;Android Studio Iguana&lt;/a&gt; 🦎 di saluran rilis stabil untuk mempermudah Anda membuat aplikasi berkualitas tinggi. Dengan fitur-fitur seperti dukungan Sistem Kontrol Versi di App Quality Insights, hingga dukungan bawaan baru untuk membuat Profil Dasar bagi aplikasi Jetpack Compose, versi ini akan meningkatkan alur kerja pengembangan Anda saat mengoptimalkan aplikasi. Download versi terbaru sekarang!&lt;/p&gt;

&lt;p&gt;Lihat daftar fitur baru pada Android Studio Iguana di bawah ini, yang disusun menurut alur developer utama.&lt;/p&gt;

&lt;h3&gt;Debugging&lt;/h3&gt;
&lt;h4 id=&quot;Version-control-system-integration-App-Quality-Insights&quot;&gt;&lt;span style=&quot;font-size: large&quot;&gt;Integrasi sistem kontrol versi dalam App Quality Insights&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Ketika build rilis beberapa commit di belakang kode sumber lokal Anda, nomor baris dalam laporan kerusakan &lt;a href=&quot;https://firebase.google.com/docs/crashlytics/get-started?platform=android&quot; target=&quot;_blank&quot;&gt;Firebase Crashlytics&lt;/a&gt; dapat dengan mudah menjadi tidak valid, sehingga lebih sulit menavigasi secara akurat dari error ke kode saat menggunakan &lt;a href=&quot;https://developer.android.com/studio/debug/app-quality-insights&quot; target=&quot;_blank&quot;&gt;App Quality Insights&lt;/a&gt;. Jika Anda menggunakan git untuk kontrol versi, sekarang ada solusi untuk masalah ini.&lt;/p&gt;

&lt;p&gt;Ketika Anda membangun aplikasi menggunakan Plugin Android Gradle 8.3 atau yang lebih baru dan Crashlytics SDK versi terbaru, AGP menyertakan informasi commit git sebagai bagian dari artefak build yang dipublikasikan ke Play Store. Ketika terjadi error, Crashlytics akan melampirkan informasi git ke laporan, dan Android Studio Iguana menggunakan informasi ini untuk membandingkan checkout lokal Anda dengan kode eksak yang menyebabkan error dari histori git Anda.&lt;/p&gt;

&lt;p&gt;Setelah Anda membangun aplikasi menggunakan Plugin Android Gradle 8.3 atau yang lebih tinggi dengan Crashlytics SDK terbaru, dan memublikasikannya, laporan kerusakan baru di jendela App Quality Insights memungkinkan Anda membuka baris kode dalam checkout git saat ini atau melihat laporan perbedaan antara checkout saat ini dengan versi codebase aplikasi yang menyebabkan laporan kerusakan. &lt;a href=&quot;https://developer.android.com/studio/releases#aqi-vcs&quot; target=&quot;_blank&quot;&gt;Pelajari lebih lanjut&lt;/a&gt;.&lt;/p&gt;


&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;app quality insights dengan integrasi sistem kontrol versi di Android Studio&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT1p7b4amrON_4eHtUegzZFUToeflQ6pDVsjzU5qrhsUXmyKY6cFAoZ1v3fJh1VtFmkyycF-XQOuB8RHsWZ8XXdGum-RfBTPmb_V97eXq9g2Y0m4p-fRrzpAXhZkkyLMi7d22wMK1-jkx98HN33w67rOpS-3eLFMAp3y6CYUXkny-9ONJP258OVGs0ySc/s1600/image6.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;App Quality Insights dengan Integrasi Sistem Kontrol Versi&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;


&lt;h4 id=&quot;View-Crashlytics-crash-variants-App-Quality-Insights&quot;&gt;&lt;span style=&quot;font-size: large&quot;&gt;Menampilkan varian error Crashlytics di App Quality Insights&lt;/span&gt;&lt;/h4&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;app quality insights di Android Studio&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjopsyasNaKzqq9VwK_tGzpfW2Zj-UTpXEysJl3VIhKUBoaNPBwQfpQEWDwF02lhN3A-njmKWHiM9KHtHxr-ngv7WTFnhYkGEX0oCTZj1_PYQzr5bN1Dkn7VQAXWveDOZ0LorwSE79wuzHlY91o_q3lDO3OBEExHvZO1Jpbusqk3ChcCfSEC5-jp9VVXk0/s1600/image11.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Varian error di App Quality Insights&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;p&gt;Sekarang, saat Anda memilih masalah Crashlytics di App Quality Insights, Anda akan melihat data gabungan dari peristiwa yang memiliki titik kegagalan yang sama dalam kode Anda, tetapi mungkin memiliki akar penyebab yang berbeda. Untuk membantu Anda menganalisis akar penyebab error, Crashlytics sekarang mengelompokkan peristiwa yang memiliki pelacakan tumpukan yang identik sebagai varian masalah. Kini Anda bisa menampilkan peristiwa dalam setiap varian laporan kerusakan di App Quality Insights dengan memilih varian dari menu dropdown. Atau, Anda bisa menampilkan informasi gabungan untuk semua varian dengan memilih &lt;b&gt;All&lt;/b&gt;.&lt;/p&gt;

&lt;h3&gt;Desain&lt;/h3&gt;

&lt;h4 id=&quot;Jetpack-Compose-UI-Check&quot;&gt;&lt;span style=&quot;font-size: large&quot;&gt;Pemeriksaan UI Jetpack Compose&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Untuk membantu developer membangun UI adaptif dan mudah diakses di Jetpack Compose, Iguana memperkenalkan mode Pemeriksaan UI baru di Pratinjau Compose. Cara kerja fitur ini mirip dengan &lt;a href=&quot;https://developer.android.com/studio/releases/past-releases/as-electric-eel-release-notes#visual-linting&quot; target=&quot;_blank&quot;&gt;analisis lint visual&lt;/a&gt; dan &lt;a href=&quot;https://developer.android.com/guide/topics/ui/accessibility/testing#accessibility-scanner&quot; target=&quot;_blank&quot;&gt;integrasi pemeriksaan aksesibilitas&lt;/a&gt; untuk tampilan. Aktifkan mode pemeriksaan UI Compose untuk mengaudit UI Compose Anda secara otomatis dan memeriksa masalah adaptif dan aksesibilitas pada berbagai ukuran layar, seperti teks yang terlalu melar pada layar besar atau kontras warna yang rendah. Mode ini menyoroti masalah yang ditemukan dalam konfigurasi pratinjau yang berbeda, dan mencantumkannya dalam panel masalah.&lt;/p&gt;

&lt;p&gt;Cobalah dengan mengklik ikon Pemeriksaan UI di Pratinjau Compose.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Titik masuk Pemeriksaan UI di Pratinjau Compose&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmxUObWjCdKU1b_k7SM2GF3ctMOKgkM0DaR7iTAXNEJ1XB1La6M0XjY4FA3JpsWbmP075mUu4T1Vi9FK-4R9qO0_bMJ-KgqCCJ0of0cIBMxQ7uIijHST492HcwXdCP5advPejWe9iqMwohuaf6XW178dwOW8J0H0v-RmejVM5trelOXUso3fHWkYJoBs/s1600/image8.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Titik masuk Pemeriksaan UI di Pratinjau Compose&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Hasil Pemeriksaan UI Reply App di Pratinjau Compose&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoU9ZlgRQ_ayGBAYuQHc5on9Q1DHesdlJc08h2IgZI8RXrrvliPYiXFk939FP7N1Bmc52qnjnOrl_RhG-GuQOmhiWNdxT4kP0JnhYU1pdwDg_rj8YTtWpCU62fQ_DuGGlProqTD7DGMxzs7VDcb2_7BD9iQQtCG6dhyphenhyphenY_yjmmH18_JGio_7S0CoQeKx3c/s1600/image3.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Hasil Pemeriksaan UI Reply App di Pratinjau Compose&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;h4&gt;&lt;span style=&quot;font-size: large&quot;&gt;Rendering progresif untuk Pratinjau Compose&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Pratinjau Compose di Android Studio Iguana sekarang menerapkan rendering progresif, sehingga Anda dapat melakukan iterasi pada desain Anda dengan waktu pemuatan yang lebih singkat. Fitur ini secara otomatis menurunkan detail pratinjau di luar tampilan untuk meningkatkan performa, yang berarti, Anda bisa menggulir tata letak yang paling kompleks sekalipun tanpa lag.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak yang menunjukkan rendering progresif di Compose&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizA6oSmA5LLc5m2C2jxrzZwKUxk3EFAx3dzA15MPYtVwDRq5XFCqdGO0hgMi-EEHgdLCriPxflcVD4GcpHaV8bf_vQGAra4K0vb8QhBLr10br08O7NEUWP_EPu9at6oMCMx-HGTvQJfk9yChhCb8rYh2fylbnLHvRIymFI0B5dz_eFPTbt1tW3ZWuCIVw/s1600/image7.gif&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Rendering Progresif di Compose
&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;h3&gt;Develop&lt;/h3&gt;

&lt;h4&gt;&lt;span style=&quot;font-size: large&quot;&gt;Update Platform IntelliJ&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Android Studio Iguana menyertakan rilis platform IntelliJ 2023.2, yang memiliki banyak fitur baru seperti dukungan untuk GitLab, penelusuran teks di Search Everywhere, update penyesuaian warna untuk UI baru, dan sejumlah peningkatan baru. &lt;a href=&quot;https://www.jetbrains.com/idea/whatsnew/2023-2/&quot; target=&quot;_blank&quot;&gt;Pelajari lebih lanjut&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;Pengujian&lt;/h3&gt;

&lt;h4 id=&quot;Baseline-Profiles-module-wizard&quot;&gt;&lt;span style=&quot;font-size: large&quot;&gt;Wizard modul Profil Dasar&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Sering kali ketika Anda menjalankan aplikasi Android untuk pertama kalinya pada perangkat, waktu mulai aplikasi mungkin terlihat lambat karena sistem operasi harus menjalankan kompilasi saat itu juga. Untuk mengatasi situasi ini, Anda bisa membuat &lt;a href=&quot;https://developer.android.com/topic/performance/baselineprofiles/overview&quot; target=&quot;_blank&quot;&gt;Profil Dasar&lt;/a&gt; untuk membantu Android meningkatkan aspek-aspek seperti waktu mulai aplikasi, scrolling, dan kecepatan navigasi dalam aplikasi Anda. Kami menyederhanakan proses pengaturan Profil Dasar dengan menawarkan template &lt;b&gt;Generator Profil Dasar&lt;/b&gt; baru di wizard modul baru (&lt;b&gt;File &amp;gt; New &amp;gt; New Module&lt;/b&gt;). Template ini mengonfigurasi project Anda untuk mendukung Profil Dasar dan menggunakan plugin Gradle Profil Dasar terbaru, yang menyederhanakan proses penyiapan dengan mengotomatiskan tugas-tugas yang diperlukan dengan satu perintah Gradle.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Wizard modul Profil Dasar - Membuat Modul Baru&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyKl8DkBdJgx4pL2FmWQCDe3tA95kmPYjyckhjetXmKUovCHj1865RvDhmtZ69h4D_lHkn9ivNvRv72z_TM0uZpoN3_lgmU0znQvH9PIEuOsBv84LOrDyrS-ZkiT1vL6-gOQsUzmsdJcz_n7XzUQ7aZZNiLQSCCAHjL5CtyGsE00GLX2xSYMAeMN0mFyQ/s1600/image1.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Generator Profil Dasar&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;p&gt;Selain itu, template ini membuat konfigurasi run yang memungkinkan Anda membuat Profil Dasar dengan sekali klik dari daftar dropdown &quot;Select Run/Debug Configuration&quot;.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Menu drop-down Generate Baseline Profile&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEtil4Dxz-J9int-_rjsa3fPhBUWWVG3SSJFg_U7cUFuyidiKB1xwB3osGNS_r9ETRfrsR1uMZbRuC3epK5SFNO7lQZxTw8e59lbWosmaWSoFZgFVyp5o4Zyjid0Iy3ZlsDE-YiR6WZEMKe6joQDnerPSgiiVInbRo8zpLt1HsPfjElX8xvdx_PmWbFgI/s1600/image9.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Menu drop-down Generate Baseline Profile&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;h4 id=&quot;Espresso-Device-API&quot;&gt;&lt;span style=&quot;font-size: large&quot;&gt;Menguji perubahan konfigurasi dengan Espresso Device API&lt;/span&gt;&lt;/h4&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Pengujian sinkron perubahan ukuran jendela menggunakan Espresso Device API&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz1i3rsJk6RwVmTP7T74LJjvZhn_bSiRcq6FO-KqIn87-oSwAVT98bf3mVDA2M8pFLCfgA6pd1qKoD-DuDmdZ8ysrE9CjB38xJ6j_wouW_Ea1QmsVxBtkBQHxgMtadci1B9B7h-UqY1kuXFRQHfGG7imIyjDommwzYhT1FHlVxel_f869cOhomhYxIP64/s1600/image10.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Pengujian sinkron perubahan ukuran jendela menggunakan Espresso Device API&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;p&gt;Tangani masalah tata letak sejak dini dan pastikan aplikasi Anda memberikan pengalaman pengguna yang mulus di berbagai perangkat dan orientasi. &lt;a href=&quot;https://github.com/android/testing-samples/tree/main/ui/espresso/EspressoDeviceSample&quot; target=&quot;_blank&quot;&gt;Espresso Device API&lt;/a&gt; menyimulasikan bagaimana aplikasi Anda bereaksi terhadap perubahan konfigurasi—seperti rotasi layar, melipat/membuka lipatan perangkat, atau perubahan ukuran jendela—secara sinkron pada perangkat virtual. API ini membantu Anda menguji secara menyeluruh dan secara preemptive memperbaiki masalah yang membuat pengguna frustasi sehingga Anda dapat membangun aplikasi Android yang lebih andal dengan percaya diri. API ini dibangun di atas endpoint gRPC baru yang diperkenalkan di Android Emulator 34.2, yang memungkinkan aliran data dua arah dengan aman dan simulasi sensor yang tepat.&lt;/p&gt;

&lt;h4 id=&quot;Pixel-8-Pixel-8-Pro-devices-in-Android-Emulator-(34.2)&quot;&gt;&lt;span style=&quot;font-size: large&quot;&gt;Perangkat Pixel 8 dan Pixel 8 Pro di Android Emulator (34.2)&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Uji aplikasi Anda pada konfigurasi perangkat Google Pixel terbaru dengan definisi Perangkat Virtual Android yang telah diupdate di Android Studio. Dengan Android Studio Iguana dan Android Emulator terbaru (34.2+), akses Pixel Fold, Pixel Tablet, Pixel 7a, Pixel 8, dan Pixel 8 Pro. Memvalidasi aplikasi Anda di perangkat virtual ini adalah cara termudah untuk memastikan bahwa aplikasi Anda bereaksi dengan benar terhadap berbagai ukuran layar dan jenis perangkat.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Perangkat Virtual Android Pixel Baru di Android Emulator&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSAlg0gBem1FyQlMUdsAhO1FRqUikc6ylXGFWuy-w90PzwkkrY7AoTTRi__scQQuWAVZX07N0X2AeCFzjfE9OKe92YEXMyqVn-mFLAbT4FQCMmpnc5otcQzZWn4D6pVOH5wmf5_q9l0R9yK7ifJZhleaVFDp5bnofCergyxRiY4AhzB4rq1H6n_S7vuT0/s1600/image5.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Perangkat Virtual Android Pixel Baru di Android Emulator. &lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;


&lt;h3&gt;Build&lt;/h3&gt;

&lt;h4 id=&quot;Support-Gradle-Version-Catalogs&quot;&gt;&lt;span style=&quot;font-size: large&quot;&gt;Dukungan untuk Katalog Versi Gradle&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Android Studio Iguana menyederhanakan manajemen dependensi dengan dukungan yang disempurnakan untuk Katalog Versi Gradle berbasis TOML. Anda akan mendapatkan keuntungan dari:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Manajemen dependensi terpusat:&lt;/b&gt; Menjaga semua dependensi project Anda tetap terorganisir dalam satu file untuk pengeditan dan pembaruan yang lebih mudah.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Fitur penghemat waktu:&lt;/b&gt; Nikmati pelengkapan kode yang mulus, navigasi cerdas dalam kode Anda, dan kemampuan untuk mengedit dependensi project dengan cepat melalui dialog Project Structure yang nyaman.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Peningkatan efisiensi:&lt;/b&gt; Ucapkan selamat tinggal pada dependensi yang tersebar dan update versi secara manual. Katalog versi memberi Anda alur kerja pengembangan yang lebih mudah dikelola dan efisien.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;p&gt;Project baru akan secara otomatis menggunakan katalog versi untuk manajemen dependensi. Jika Anda sudah memiliki project, pertimbangkan melakukan peralihan untuk mendapatkan manfaat dari peningkatan alur kerja ini. Untuk mempelajari cara mengupdate ke katalog versi Gradle, lihat &lt;a href=&quot;https://developer.android.com/studio/build/migrate-to-catalogs&quot; target=&quot;_blank&quot;&gt;Memigrasikan build Anda ke katalog versi&lt;/a&gt;.&lt;/p&gt;

&lt;h4 id=&quot;policy-issues&quot;&gt;&lt;span style=&quot;font-size: large&quot;&gt;Insight SDK tambahan: masalah kebijakan&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Android Studio Iguana sekarang secara proaktif memberi tahu Anda tentang potensi pelanggaran kebijakan Google Play melalui integrasi dengan &lt;a href=&quot;https://developer.android.com/distribute/sdk-index&quot; target=&quot;_blank&quot;&gt;Google Play SDK Index&lt;/a&gt;. Melihat masalah kebijakan Play dengan mudah di file build dan Dialog Project Structure. Hal ini menyederhanakan kepatuhan, membantu Anda menghindari penundaan atau penolakan publikasi yang tidak terduga di Google Play Store.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Dialog Project Structure Android Studio yang menunjukkan peringatan dari Google Play SDK Index&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-PFVbEYLFKYj8SSlJThmWnjpbVrhZbWucwaoArGPvOo2S7ljD0Ggddg90ZlXPNyCCWdEHYCoNjb24K3cwT7tb1rygEqGDgJ9D8TL6KZ63Jw0wR7qbslgMLBBHlhGfvHnnXnX5sf8H_F9kmSQji7VaGtI8cq6P-RJ7MbEDTzC9y7LdYTuNtJjEegmF1E/s1600/image4.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Peringatan dari Google Play SDK Index pada dialog Project Structure Android Studio&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;&lt;br&gt;

&lt;h4&gt;&lt;span style=&quot;font-size: large&quot;&gt;Dukungan versi compileSdk Android Studio&lt;/span&gt;&lt;/h4&gt;

&lt;p&gt;Menggunakan Android Studio untuk mengembangkan project yang memiliki &lt;a href=&quot;https://developer.android.com/build#android_sdk_settings&quot; target=&quot;_blank&quot;&gt;versi compileSdk&lt;/a&gt; yang tidak didukung bisa menyebabkan error yang tidak terduga karena versi Android Studio lama mungkin tidak dapat menangani Android SDK terbaru dengan benar. Untuk menghindari masalah ini, Android Studio Iguana sekarang secara eksplisit memperingatkan Anda jika compileSdk yang ditujukan untuk project adalah untuk versi yang lebih baru yang tidak didukung secara resmi. Jika tersedia, ia juga menyarankan untuk berpindah ke versi Android Studio yang mendukung compileSdk yang digunakan project Anda. Perlu diingat bahwa &lt;a href=&quot;https://developer.android.com/studio/releases#android_gradle_plugin_and_android_studio_compatibility&quot; target=&quot;_blank&quot;&gt;mengupgrade Android Studio mungkin juga mengharuskan Anda mengupgrade AGP&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;&lt;b&gt;Ringkasan&lt;/b&gt;&lt;/h3&gt;
&lt;p&gt;Singkatnya, &lt;a href=&quot;https://developer.android.com/studio&quot; target=&quot;_blank&quot;&gt;Android Studio Iguana&lt;/a&gt; 🦎menyertakan penyempurnaan dan fitur-fitur berikut ini:&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Debugging&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;#Version-control-system-integration-App-Quality-Insights&quot;&gt;Kontrol versi dalam App Quality Insights&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#View-Crashlytics-crash-variants-App-Quality-Insights&quot;&gt;Menampilkan Crashlytics dalam App Quality Insights&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;
&lt;p&gt;&lt;b&gt;Desain&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;#Jetpack-Compose-UI-Check&quot;&gt;Pemeriksaan UI Jetpack Compose&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Rendering progresif untuk Pratinjau Compose&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;
&lt;p&gt;&lt;b&gt;Develop&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;Update platform IntelliJ&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;
&lt;p&gt;&lt;b&gt;Pengujian&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;#Baseline-Profiles-module-wizard&quot;&gt;Wizard Profil Dasar&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#Espresso-Device-API&quot;&gt;Espresso Device API&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#Pixel-8-Pixel-8-Pro-devices-in-Android-Emulator-(34.2)&quot;&gt;Perangkat Virtual Android terbaru&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;
&lt;p&gt;&lt;b&gt;Build&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;#Support-Gradle-Version-Catalogs&quot;&gt;Dukungan untuk Katalog Versi Gradle&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#policy-issues&quot;&gt;Peringatan masalah kebijakan di Google Play SDK Index&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Dukungan versi CompileSDK&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;h3&gt;Download Android Studio Sekarang&lt;/h3&gt;

&lt;p&gt;Download &lt;a href=&quot;https://developer.android.com/studio&quot; target=&quot;_blank&quot;&gt;Android Studio Iguana&lt;/a&gt; 🦎 sekarang dan manfaatkan fitur-fitur terbaru untuk menyederhanakan alur kerja dan membantu Anda membuat aplikasi yang lebih baik. Masukan Anda sangatlah penting – &lt;a href=&quot;https://developer.android.com/studio/known-issues&quot; target=&quot;_blank&quot;&gt;periksa masalah yang diketahui&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/studio/report-bugs&quot; target=&quot;_blank&quot;&gt;laporkan bug&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/studio/report-bugs&quot; target=&quot;_blank&quot;&gt;sarankan peningkatan&lt;/a&gt;, dan jadilah bagian dari komunitas kami yang dinamis di &lt;a href=&quot;https://www.linkedin.com/showcase/androiddev/posts/?feedView=all&quot; target=&quot;_blank&quot;&gt;LinkedIn&lt;/a&gt; &lt;a href=&quot;https://medium.com/androiddevelopers&quot; target=&quot;_blank&quot;&gt;Medium&lt;/a&gt;, &lt;a href=&quot;https://www.youtube.com/c/AndroidDevelopers/videos&quot; target=&quot;_blank&quot;&gt;YouTube&lt;/a&gt;, atau &lt;a href=&quot;https://twitter.com/androidstudio&quot; target=&quot;_blank&quot;&gt;X (sebelumnya dikenal sebagai Twitter)&lt;/a&gt;. Mari membangun masa depan aplikasi Android bersama-sama! &lt;/p&gt;













&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/5820432820976554898'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/5820432820976554898'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/android-studio-iguana-sudah-stabil.html' title='Android Studio Iguana sudah stabil'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMLW97x07fxQ0CLacNwpF1EkzVmEqrWeOIGWk1c8lkQ19okJMVRcjLDCOzacz4wkJG3gMS4Ot-m1qoDIzfQbhTH-dGtq5jkkv8QGLUc2uvAvfCSSaJWxg7zLrRL5NndmJ6-g1hwiH4PcFJPZqMnID3atks9uKYBzVq7GkQODb8co9XZIEQf06xApzqYX4/s72-c/Android-Studio-Iguana-SOCIAL.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-3017984291308682259</id><published>2024-02-28T09:26:00.001+07:00</published><updated>2024-03-18T09:29:44.317+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="graphics"/><category scheme="http://www.blogger.com/atom/ns#" term="jetpack compose"/><category scheme="http://www.blogger.com/atom/ns#" term="shapes"/><title type='text'>Bermain-main dengan bentuk di Compose</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/androiddevelopers/fun-with-shapes-in-compose-8814c439e1a0&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/androiddevelopers/fun-with-shapes-in-compose-8814c439e1a0&quot;/&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;STATIC&quot;&gt;html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden=&quot;true&quot;]{visibility:hidden;pointer-events:none}
/*XCode style (c) Angel Garcia &lt;angelgarcia.mail@gmail.com&gt;*/.hljs {background: #fff;color: black;
}/* Gray DOCTYPE selectors like WebKit */
.xml .hljs-meta {color: #c0c0c0;
}.hljs-comment,
.hljs-quote {color: #007400;
}.hljs-tag,
.hljs-attribute,
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-name {color: #aa0d91;
}.hljs-variable,
.hljs-template-variable {color: #3F6E74;
}.hljs-code,
.hljs-string,
.hljs-meta .hljs-string {color: #c41a16;
}.hljs-regexp,
.hljs-link {color: #0E0EFF;
}.hljs-title,
.hljs-symbol,
.hljs-bullet,
.hljs-number {color: #1c00cf;
}.hljs-section,
.hljs-meta {color: #643820;
}.hljs-title.class_,
.hljs-class .hljs-title,
.hljs-type,
.hljs-built_in,
.hljs-params {color: #5c2699;
}.hljs-attr {color: #836C28;
}.hljs-subst {color: #000;
}.hljs-formula {background-color: #eee;font-style: italic;
}.hljs-addition {background-color: #baeeba;
}.hljs-deletion {background-color: #ffc8bd;
}.hljs-selector-id,
.hljs-selector-class {color: #9b703f;
}.hljs-doctag,
.hljs-strong {font-weight: bold;
}.hljs-emphasis {font-style: italic;
}
&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;KEYFRAME&quot;&gt;@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot;&gt;.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Open Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{fill:rgba(0, 0, 0, 1)}.av{height:22px}.aw{margin-left:16px}.ax{border:none}.ay{border-radius:20px}.az{width:240px}.ba{background:#F9F9F9}.bb path{fill:#6B6B6B}.bd{outline:none}.be{font-family:sohne, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif}.bf{font-size:14px}.bg{width:100%}.bh{padding:10px 20px 10px 0}.bi{background-color:transparent}.bj{color:#242424}.bk::placeholder{color:#6B6B6B}.bl{display:inline-block}.bm{margin-left:12px}.bn{margin-right:12px}.bo{border-radius:4px}.bp{margin-left:24px}.bq{height:24px}.bw{background-color:#F9F9F9}.bx{border-radius:50%}.by{height:32px}.bz{width:32px}.ca{justify-content:center}.cg{max-width:680px}.ch{min-width:0}.ci{animation:k1 1.2s ease-in-out infinite}.cj{height:100vh}.ck{margin-bottom:16px}.cl{margin-top:48px}.cm{align-items:flex-start}.cn{flex-direction:column}.co{justify-content:space-between}.cp{margin-bottom:24px}.cv{width:80%}.cw{background-color:#F2F2F2}.dc{height:44px}.dd{width:44px}.de{margin:auto 0}.df{margin-bottom:4px}.dg{height:16px}.dh{width:120px}.di{width:80px}.do{margin-bottom:8px}.dp{width:96%}.dq{width:98%}.dr{width:81%}.ds{margin-left:8px}.dt{color:#6B6B6B}.du{font-size:13px}.dv{height:100%}.eo{color:#FFFFFF}.ep{fill:#FFFFFF}.eq{background:rgba(103, 139, 160, 1)}.er{border-color:rgba(103, 139, 160, 1)}.ev:disabled{cursor:inherit !important}.ew:disabled{opacity:0.3}.ex:disabled:hover{background:rgba(103, 139, 160, 1)}.ey:disabled:hover{border-color:rgba(103, 139, 160, 1)}.ez{border-radius:99em}.fa{border-width:1px}.fb{border-style:solid}.fc{box-sizing:border-box}.fd{text-decoration:none}.fe{text-align:center}.fh{margin-right:32px}.fi{position:relative}.fj{fill:#6B6B6B}.fm{background:transparent}.fn svg{margin-left:4px}.fo svg{fill:#6B6B6B}.fq{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fr{position:absolute}.fy{margin:0 24px}.gc{background:rgba(255, 255, 255, 1)}.gd{border:1px solid #F2F2F2}.ge{box-shadow:0 1px 4px #F2F2F2}.gf{max-height:100vh}.gg{overflow-y:auto}.gh{left:0}.gi{top:calc(100vh + 100px)}.gj{bottom:calc(100vh + 100px)}.gk{width:10px}.gl{pointer-events:none}.gm{word-break:break-word}.gn{word-wrap:break-word}.go:after{display:block}.gp:after{content:&quot;&quot;}.gq:after{clear:both}.gr{clear:both}.ha{margin-left:auto}.hb{margin-right:auto}.hc{max-width:5261px}.hi{padding-top:5px}.hj{padding-bottom:5px}.hl{cursor:zoom-in}.hm{z-index:auto}.ho{max-width:100%}.hp{height:auto}.hq{line-height:1.23}.hr{letter-spacing:0}.hs{font-style:normal}.ht{font-weight:700}.it{@media all and (max-width: 551.98px):8px}.iu{@media all and (min-width: 552px) and (max-width: 727.98px):8px}.iv{@media all and (min-width: 728px) and (max-width: 903.98px):16px}.iw{@media all and (min-width: 904px) and (max-width: 1079.98px):16px}.ix{@media all and (min-width: 1080px):16px}.jd{align-items:baseline}.je{width:48px}.jf{height:48px}.jg{border:2px solid rgba(255, 255, 255, 1)}.jh{z-index:0}.ji{box-shadow:none}.jj{border:1px solid rgba(0, 0, 0, 0.05)}.jk{margin-left:-12px}.jl{width:28px}.jm{height:28px}.jn{z-index:1}.jo{width:24px}.jp{margin-bottom:2px}.jq{flex-wrap:nowrap}.jr{font-size:16px}.js{line-height:24px}.ju{margin:0 8px}.jv{display:inline}.jw{color:rgba(103, 139, 160, 1)}.jx{fill:rgba(103, 139, 160, 1)}.ka{flex:0 0 auto}.kd{flex-wrap:wrap}.kg{white-space:pre-wrap}.kh{margin-right:4px}.ki{overflow:hidden}.kj{max-height:20px}.kk{text-overflow:ellipsis}.kl{display:-webkit-box}.km{-webkit-line-clamp:1}.kn{-webkit-box-orient:vertical}.ko{word-break:break-all}.kq{padding-left:8px}.kr{padding-right:8px}.ls&gt; *{flex-shrink:0}.lt{overflow-x:scroll}.lu::-webkit-scrollbar{display:none}.lv{scrollbar-width:none}.lw{-ms-overflow-style:none}.lx{width:74px}.ly{flex-direction:row}.mb{-webkit-user-select:none}.mc{border:0}.md{fill:rgba(117, 117, 117, 1)}.mg{outline:0}.mh{user-select:none}.mi&gt; svg{pointer-events:none}.mr{cursor:progress}.ms{margin-left:4px}.mt{margin-top:0px}.mu{opacity:1}.mv{padding:4px 0}.my{width:16px}.na{display:inline-flex}.nd{padding:8px 2px}.ne svg{color:#6B6B6B}.nv{line-height:1.58}.nw{letter-spacing:-0.004em}.nx{font-family:source-serif-pro, Georgia, Cambria, &quot;Times New Roman&quot;, Times, serif}.os{margin-bottom:-0.46em}.ot{text-decoration:underline}.ou{padding:2px 4px}.ov{font-size:75%}.ow&gt; strong{font-family:inherit}.ox{font-family:source-code-pro, Menlo, Monaco, &quot;Courier New&quot;, Courier, monospace}.oy{max-width:360px}.pe{margin-top:10px}.pf{max-width:728px}.pi{font-style:inherit}.pj{line-height:1.12}.pk{letter-spacing:-0.022em}.pl{font-weight:600}.qg{margin-bottom:-0.28em}.qm{max-width:555px}.qn{overflow-x:auto}.qo{padding:32px}.qp{border:1px solid #E5E5E5}.qq{line-height:1.4}.qr{margin-top:-0.2em}.qs{margin-bottom:-0.2em}.qt{white-space:pre}.qu{min-width:fit-content}.qv{max-width:477px}.qw{max-width:474px}.qx{max-width:571px}.qy{max-width:559px}.qz{max-width:1344px}.ra{max-width:1308px}.rb{font-style:italic}.rc{margin-top:32px}.rd{margin-bottom:14px}.re{padding-top:24px}.rf{padding-bottom:10px}.rg{background-color:#000000}.rh{height:3px}.ri{width:3px}.rj{margin-right:20px}.rk{margin-bottom:26px}.rl{margin-top:6px}.rm{margin-top:8px}.rn{margin-right:8px}.ro{padding:8px 16px}.rp{border-radius:100px}.rq{transition:background 300ms ease}.rs{white-space:nowrap}.rt{border-top:none}.rz{height:52px}.sa{max-height:52px}.sb{box-sizing:content-box}.sc{position:static}.se{max-width:155px}.sp{align-items:flex-end}.sq{width:76px}.sr{height:76px}.ss{border:2px solid #F9F9F9}.st{height:72px}.su{width:72px}.sv{margin-left:-16px}.sw{width:36px}.sx{height:36px}.sy{width:auto}.sz{stroke:#F2F2F2}.ta{color:#F2F2F2}.tb{fill:#F2F2F2}.tc{background:#F2F2F2}.td{border-color:#F2F2F2}.tj{font-weight:500}.tk{font-size:24px}.tl{line-height:30px}.tm{letter-spacing:-0.016em}.tn{margin-top:16px}.to{height:0px}.tp{border-bottom:solid 1px #E5E5E5}.tq{margin-top:72px}.tr{padding:24px 0}.ts{margin-bottom:0px}.tt{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.es:hover{background:rgba(91, 119, 136, 1)}.et:hover{border-color:rgba(91, 119, 136, 1)}.eu:hover{cursor:pointer}.fk:hover{color:#242424}.fl:hover{fill:#242424}.fp:hover svg{fill:#242424}.fs:hover{background-color:rgba(0, 0, 0, 0.1)}.jt:hover{text-decoration:underline}.jy:hover:not(:disabled){color:rgba(91, 119, 136, 1)}.jz:hover:not(:disabled){fill:rgba(91, 119, 136, 1)}.mf:hover{fill:rgba(8, 8, 8, 1)}.mw:hover{fill:#000000}.mx:hover p{color:#000000}.mz:hover{color:#000000}.nf:hover svg{color:#000000}.rr:hover{background-color:#F2F2F2}.te:hover{background:#F2F2F2}.tf:hover{border-color:#F2F2F2}.tg:hover{cursor:wait}.th:hover{color:#F2F2F2}.ti:hover{fill:#F2F2F2}.bc:focus-within path{fill:#242424}.hn:focus{transform:scale(1.01)}.me:focus{fill:rgba(8, 8, 8, 1)}.ng:focus svg{color:#000000}.mj:active{border-style:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 1080px)&quot;&gt;.d{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ee{font-size:14px}.ef{line-height:20px}.el{font-size:13px}.em{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:68px}.gb{max-width:680px}.gz{max-width:1192px}.hh{margin-top:40px}.io{font-size:42px}.ip{margin-top:1em}.iq{margin-bottom:32px}.ir{line-height:52px}.is{letter-spacing:-0.011em}.jc{align-items:center}.le{border-top:solid 1px #F2F2F2}.lf{border-bottom:solid 1px #F2F2F2}.lg{margin:32px 0 0}.lh{padding:3px 8px}.lq&gt; *{margin-right:24px}.lr&gt; :last-child{margin-right:0}.mq{margin-top:0px}.nc{margin:0}.oo{font-size:20px}.op{margin-top:2.14em}.oq{line-height:32px}.or{letter-spacing:-0.003em}.pd{margin-top:56px}.qc{font-size:24px}.qd{margin-top:1.95em}.qe{line-height:30px}.qf{letter-spacing:-0.016em}.ql{margin-top:0.94em}.ry{margin-bottom:88px}.sj{display:inline-block}.so{padding-top:72px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 1079.98px)&quot;&gt;.e{display:none}.mp{margin-top:0px}.pg{margin-left:auto}.ph{text-align:center}.si{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 903.98px)&quot;&gt;.f{display:none}.mo{margin-top:0px}.sh{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 727.98px)&quot;&gt;.g{display:none}.mm{margin-top:0px}.mn{margin-right:0px}.sg{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 551.98px)&quot;&gt;.h{display:none}.s{display:flex}.t{justify-content:space-between}.br{width:24px}.cb{margin:0 24px}.cq{height:40px}.cx{margin-bottom:44px}.dj{margin-bottom:32px}.dw{font-size:13px}.dx{line-height:20px}.eg{padding:0px 8px 1px}.ft{margin-bottom:4px}.gs{margin:0}.gt{max-width:100%}.hd{margin-top:32px}.hu{font-size:32px}.hv{margin-top:1.01em}.hw{margin-bottom:24px}.hx{line-height:38px}.hy{letter-spacing:-0.014em}.iy{align-items:flex-start}.kb{flex-direction:column}.ke{margin-bottom:2px}.ks{margin:24px -24px 0}.kt{padding:0}.li&gt; *{margin-right:8px}.lj&gt; :last-child{margin-right:24px}.lz{margin-left:0px}.mk{margin-top:0px}.ml{margin-right:0px}.nh{border:1px solid #F2F2F2}.ni{border-radius:99em}.nj{padding:0px 16px 0px 12px}.nk{height:38px}.nl{align-items:center}.nn svg{margin-right:8px}.ny{font-size:18px}.nz{margin-top:1.56em}.oa{line-height:28px}.ob{letter-spacing:-0.003em}.oz{margin-top:40px}.pm{font-size:20px}.pn{margin-top:1.2em}.po{line-height:24px}.pp{letter-spacing:0}.qh{margin-top:0.67em}.ru{margin-bottom:80px}.sf{display:inline-block}.sk{padding-top:48px}.nm:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 904px) and (max-width: 1079.98px)&quot;&gt;.i{display:none}.bu{width:64px}.ce{margin:0 64px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.ec{font-size:14px}.ed{line-height:20px}.ej{font-size:13px}.ek{padding:5px 12px}.ff{display:flex}.fw{margin-bottom:68px}.ga{max-width:680px}.gy{max-width:1192px}.hg{margin-top:40px}.ij{font-size:42px}.ik{margin-top:1em}.il{margin-bottom:32px}.im{line-height:52px}.in{letter-spacing:-0.011em}.jb{align-items:center}.la{border-top:solid 1px #F2F2F2}.lb{border-bottom:solid 1px #F2F2F2}.lc{margin:32px 0 0}.ld{padding:3px 8px}.lo&gt; *{margin-right:24px}.lp&gt; :last-child{margin-right:0}.nb{margin:0}.ok{font-size:20px}.ol{margin-top:2.14em}.om{line-height:32px}.on{letter-spacing:-0.003em}.pc{margin-top:56px}.py{font-size:24px}.pz{margin-top:1.95em}.qa{line-height:30px}.qb{letter-spacing:-0.016em}.qk{margin-top:0.94em}.rx{margin-bottom:88px}.sn{padding-top:72px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 728px) and (max-width: 903.98px)&quot;&gt;.j{display:none}.w{display:flex}.x{justify-content:space-between}.bt{width:64px}.cd{margin:0 48px}.cs{height:48px}.cz{margin-bottom:52px}.dl{margin-bottom:48px}.ea{font-size:13px}.eb{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:68px}.fz{max-width:680px}.gw{margin:0}.gx{max-width:100%}.hf{margin-top:40px}.ie{font-size:42px}.if{margin-top:1em}.ig{margin-bottom:32px}.ih{line-height:52px}.ii{letter-spacing:-0.011em}.ja{align-items:center}.kw{border-top:solid 1px #F2F2F2}.kx{border-bottom:solid 1px #F2F2F2}.ky{margin:32px 0 0}.kz{padding:3px 8px}.lm&gt; *{margin-right:24px}.ln&gt; :last-child{margin-right:0}.og{font-size:20px}.oh{margin-top:2.14em}.oi{line-height:32px}.oj{letter-spacing:-0.003em}.pb{margin-top:56px}.pu{font-size:24px}.pv{margin-top:1.95em}.pw{line-height:30px}.px{letter-spacing:-0.016em}.qj{margin-top:0.94em}.rw{margin-bottom:88px}.sm{padding-top:72px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 552px) and (max-width: 727.98px)&quot;&gt;.k{display:none}.u{display:flex}.v{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dy{font-size:13px}.dz{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:4px}.gu{margin:0}.gv{max-width:100%}.he{margin-top:32px}.hz{font-size:32px}.ia{margin-top:1.01em}.ib{margin-bottom:24px}.ic{line-height:38px}.id{letter-spacing:-0.014em}.iz{align-items:flex-start}.kc{flex-direction:column}.kf{margin-bottom:2px}.ku{margin:24px 0 0}.kv{padding:0}.lk&gt; *{margin-right:8px}.ll&gt; :last-child{margin-right:8px}.ma{margin-left:0px}.no{border:1px solid #F2F2F2}.np{border-radius:99em}.nq{padding:0px 16px 0px 12px}.nr{height:38px}.ns{align-items:center}.nu svg{margin-right:8px}.oc{font-size:18px}.od{margin-top:1.56em}.oe{line-height:28px}.of{letter-spacing:-0.003em}.pa{margin-top:40px}.pq{font-size:20px}.pr{margin-top:1.2em}.ps{line-height:24px}.pt{letter-spacing:0}.qi{margin-top:0.67em}.rv{margin-bottom:80px}.sl{padding-top:48px}.nt:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;print&quot;&gt;.sd{display:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;(prefers-reduced-motion: no-preference)&quot;&gt;.hk{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;539&quot; data-fela-type=&quot;RULE&quot; media=&quot;(orientation: landscape) and (max-width: 903.98px)&quot;&gt;.kp{max-height:none}&lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;article&gt;&lt;div class=&quot;l&quot;&gt;&lt;div class=&quot;l&quot;&gt;&lt;span class=&quot;l&quot;&gt;&lt;/span&gt;&lt;section&gt;&lt;div&gt;&lt;div class=&quot;fr gh gi gj gk gl&quot;&gt;&lt;/div&gt;&lt;div class=&quot;gm gn go gp gq&quot;&gt;&lt;div class=&quot;gr&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;gs gt gu gv gw gx ce gy cf gz ch bg&quot;&gt;&lt;figure class=&quot;hd he hf hg hh gr hi hj paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb hc&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*CftPnKhH_WQYP6LhmG31bA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*CftPnKhH_WQYP6LhmG31bA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*CftPnKhH_WQYP6LhmG31bA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*CftPnKhH_WQYP6LhmG31bA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*CftPnKhH_WQYP6LhmG31bA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*CftPnKhH_WQYP6LhmG31bA.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*CftPnKhH_WQYP6LhmG31bA.png 2000w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*CftPnKhH_WQYP6LhmG31bA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*CftPnKhH_WQYP6LhmG31bA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*CftPnKhH_WQYP6LhmG31bA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*CftPnKhH_WQYP6LhmG31bA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*CftPnKhH_WQYP6LhmG31bA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*CftPnKhH_WQYP6LhmG31bA.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*CftPnKhH_WQYP6LhmG31bA.png 2000w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;1000&quot; height=&quot;298&quot; loading=&quot;eager&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;ch bg fy fz ga gb&quot;&gt;&lt;div&gt;&lt;div class=&quot;it iu iv iw ix&quot;&gt;&lt;div class=&quot;speechify-ignore ab co&quot;&gt;&lt;div class=&quot;speechify-ignore bg l&quot;&gt;&lt;div class=&quot;iy iz ja jb jc ab&quot;&gt;&lt;div&gt;&lt;div class=&quot;ab jd&quot;&gt;&lt;a rel=&quot;noopener follow&quot; href=&quot;/@riggaroo?source=post_page-----8814c439e1a0--------------------------------&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l je jf bx jg jh&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Rebecca Franks&quot; class=&quot;l fc bx dc dd cw&quot; src=&quot;https://miro.medium.com/v2/resize:fill:88:88/2*xRjEQ7J90g2Og8eEBjM65Q.png&quot; width=&quot;44&quot; height=&quot;44&quot; loading=&quot;lazy&quot; data-testid=&quot;authorPhoto&quot;&gt;&lt;div class=&quot;ji bx l dc dd fr n jj fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;a href=&quot;https://medium.com/androiddevelopers?source=post_page-----8814c439e1a0--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;div class=&quot;jk ab fi&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l jl jm bx jg jn&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Developer Android&quot; class=&quot;l fc bx bq jo cw&quot; src=&quot;https://miro.medium.com/v2/resize:fill:48:48/1*3tLD4Ve66pbBpuawm9Fu9Q.png&quot; width=&quot;24&quot; height=&quot;24&quot; loading=&quot;lazy&quot; data-testid=&quot;publicationPhoto&quot;&gt;&lt;div class=&quot;ji bx l bq jo fr n jj fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bm bg l&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div style=&quot;flex:1&quot;&gt;&lt;span class=&quot;be b bf z bj&quot;&gt;&lt;div class=&quot;jp ab q&quot;&gt;&lt;div class=&quot;ab q jq&quot;&gt;&lt;div class=&quot;ab q&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;p class=&quot;be b jr js bj&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar jt&quot; data-testid=&quot;authorName&quot; rel=&quot;noopener follow&quot; href=&quot;/@riggaroo?source=post_page-----8814c439e1a0--------------------------------&quot;&gt;Rebecca Franks&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;ju jv&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;p class=&quot;be b jr js dt&quot;&gt;&lt;span&gt;&lt;a class=&quot;jw jx ah ai aj ak al am an ao ap aq ar ew jy jz&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F3f9b9c30bec7&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fandroiddevelopers%2Ffun-with-shapes-in-compose-8814c439e1a0&amp;amp;user=Rebecca+Franks&amp;amp;userId=3f9b9c30bec7&amp;amp;source=post_page-3f9b9c30bec7----8814c439e1a0---------------------post_header-----------&quot;&gt;Ikuti&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;l ka&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab cm kb kc kd&quot;&gt;&lt;div class=&quot;ke kf ab&quot;&gt;&lt;div class=&quot;be b bf z dt ab kg&quot;&gt;&lt;span class=&quot;kh l ka&quot;&gt;Dipublikasikan di&lt;/span&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar jt ab q&quot; data-testid=&quot;publicationName&quot; href=&quot;https://medium.com/androiddevelopers?source=post_page-----8814c439e1a0--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;p class=&quot;be b bf z ki kj kk kl km kn ko kp bj&quot;&gt;Developer Android&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;span class=&quot;ju jv&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab ae&quot;&gt;&lt;span data-testid=&quot;storyReadTime&quot;&gt;Bacaan 6 menit&lt;/span&gt;&lt;div class=&quot;kq kr l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span data-testid=&quot;storyPublishDate&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab co ks kt ku kv kw kx ky kz la lb lc ld le lf lg lh&quot;&gt;&lt;div class=&quot;h k w ff fg q&quot;&gt;&lt;div class=&quot;lx l&quot;&gt;&lt;div class=&quot;ab q ly&quot;&gt;&lt;div class=&quot;pw-multi-vote-icon fi kh lz ma mb&quot;&gt;&lt;span&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar as at&quot; data-testid=&quot;headerClapButton&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fandroiddevelopers%2F8814c439e1a0&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fandroiddevelopers%2Ffun-with-shapes-in-compose-8814c439e1a0&amp;amp;user=Rebecca+Franks&amp;amp;userId=3f9b9c30bec7&amp;amp;source=-----8814c439e1a0---------------------clap_footer-----------&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;mc ao md me mf mg am mh mi mj mb&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; aria-label=&quot;clap&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M11.37.83L12 3.28l.63-2.45h-1.26zM13.92 3.95l1.52-2.1-1.18-.4-.34 2.5zM8.59 1.84l1.52 2.11-.34-2.5-1.18.4zM18.52 18.92a4.23 4.23 0 0 1-2.62 1.33l.41-.37c2.39-2.4 2.86-4.95 1.4-7.63l-.91-1.6-.8-1.67c-.25-.56-.19-.98.21-1.29a.7.7 0 0 1 .55-.13c.28.05.54.23.72.5l2.37 4.16c.97 1.62 1.14 4.23-1.33 6.7zm-11-.44l-4.15-4.15a.83.83 0 0 1 1.17-1.17l2.16 2.16a.37.37 0 0 0 .51-.52l-2.15-2.16L3.6 11.2a.83.83 0 0 1 1.17-1.17l3.43 3.44a.36.36 0 0 0 .52 0 .36.36 0 0 0 0-.52L5.29 9.51l-.97-.97a.83.83 0 0 1 0-1.16.84.84 0 0 1 1.17 0l.97.97 3.44 3.43a.36.36 0 0 0 .51 0 .37.37 0 0 0 0-.52L6.98 7.83a.82.82 0 0 1-.18-.9.82.82 0 0 1 .76-.51c.22 0 .43.09.58.24l5.8 5.79a.37.37 0 0 0 .58-.42L13.4 9.67c-.26-.56-.2-.98.2-1.29a.7.7 0 0 1 .55-.13c.28.05.55.23.73.5l2.2 3.86c1.3 2.38.87 4.59-1.29 6.75a4.65 4.65 0 0 1-4.19 1.37 7.73 7.73 0 0 1-4.07-2.25zm3.23-12.5l2.12 2.11c-.41.5-.47 1.17-.13 1.9l.22.46-3.52-3.53a.81.81 0 0 1-.1-.36c0-.23.09-.43.24-.59a.85.85 0 0 1 1.17 0zm7.36 1.7a1.86 1.86 0 0 0-1.23-.84 1.44 1.44 0 0 0-1.12.27c-.3.24-.5.55-.58.89-.25-.25-.57-.4-.91-.47-.28-.04-.56 0-.82.1l-2.18-2.18a1.56 1.56 0 0 0-2.2 0c-.2.2-.33.44-.4.7a1.56 1.56 0 0 0-2.63.75 1.6 1.6 0 0 0-2.23-.04 1.56 1.56 0 0 0 0 2.2c-.24.1-.5.24-.72.45a1.56 1.56 0 0 0 0 2.2l.52.52a1.56 1.56 0 0 0-.75 2.61L7 19a8.46 8.46 0 0 0 4.48 2.45 5.18 5.18 0 0 0 3.36-.5 4.89 4.89 0 0 0 4.2-1.51c2.75-2.77 2.54-5.74 1.43-7.59L18.1 7.68z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;pw-multi-vote-count l mk ml mm mn mo mp mq&quot;&gt;&lt;p class=&quot;be b du z dt&quot;&gt;&lt;span class=&quot;mr&quot;&gt;--&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button class=&quot;ao mc mu mv ab q fj mw mx&quot; aria-label=&quot;responses&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; class=&quot;mt&quot;&gt;&lt;path d=&quot;M18 16.8a7.14 7.14 0 0 0 2.24-5.32c0-4.12-3.53-7.48-8.05-7.48C7.67 4 4 7.36 4 11.48c0 4.13 3.67 7.48 8.2 7.48a8.9 8.9 0 0 0 2.38-.32c.23.2.48.39.75.56 1.06.69 2.2 1.04 3.4 1.04.22 0 .4-.11.48-.29a.5.5 0 0 0-.04-.52 6.4 6.4 0 0 1-1.16-2.65v.02zm-3.12 1.06l-.06-.22-.32.1a8 8 0 0 1-2.3.33c-4.03 0-7.3-2.96-7.3-6.59S8.17 4.9 12.2 4.9c4 0 7.1 2.96 7.1 6.6 0 1.8-.6 3.47-2.02 4.72l-.2.16v.26l.02.3a6.74 6.74 0 0 0 .88 2.4 5.27 5.27 0 0 1-2.17-.86c-.28-.17-.72-.38-.94-.59l.01-.02z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;p class=&quot;be b du z dt&quot;&gt;&lt;span class=&quot;pw-responses-count ms mt&quot;&gt;2&lt;/span&gt;&lt;/p&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab q li lj lk ll lm ln lo lp lq lr ls lt lu lv lw&quot;&gt;&lt;div class=&quot;my k j i d&quot;&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;span&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar as at&quot; data-testid=&quot;headerBookmarkButton&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F8814c439e1a0&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fandroiddevelopers%2Ffun-with-shapes-in-compose-8814c439e1a0&amp;amp;source=-----8814c439e1a0---------------------bookmark_footer-----------&quot;&gt;&lt;svg width=&quot;25&quot; height=&quot;25&quot; viewBox=&quot;0 0 25 25&quot; fill=&quot;none&quot; class=&quot;dt mz&quot; aria-label=&quot;Add to list bookmark button&quot;&gt;&lt;path d=&quot;M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18V2.5zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .8.4l5.7-4.4 5.7 4.4a.5.5 0 0 0 .8-.4v-8.5a.5.5 0 0 0-1 0v7.48l-5.2-4a.5.5 0 0 0-.6 0l-5.2 4V7z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;fc na cm&quot;&gt;&lt;div class=&quot;l ae&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;gs gu gw nb nc ho ch bg&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div class=&quot;bl bg&quot; aria-hidden=&quot;false&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-label=&quot;Listen&quot; data-testid=&quot;audioPlayButton&quot; class=&quot;af fj ah ai aj ak al nd an ao ap ew ne nf mx ng nh ni nj nk s nl nm nn no np nq nr u ns nt nu&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0zm9-10a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm3.38 10.42l-4.6 3.06a.5.5 0 0 1-.78-.41V8.93c0-.4.45-.63.78-.41l4.6 3.06c.3.2.3.64 0 .84z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Dengarkan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot; aria-describedby=&quot;postFooterSocialMenu&quot; aria-labelledby=&quot;postFooterSocialMenu&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-controls=&quot;postFooterSocialMenu&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Share Post&quot; data-testid=&quot;headerSocialShareButton&quot; class=&quot;af fj ah ai aj ak al nd an ao ap ew ne nf mx ng nh ni nj nk s nl nm nn no np nq nr u ns nt nu&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M15.22 4.93a.42.42 0 0 1-.12.13h.01a.45.45 0 0 1-.29.08.52.52 0 0 1-.3-.13L12.5 3v7.07a.5.5 0 0 1-.5.5.5.5 0 0 1-.5-.5V3.02l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.8a.42.42 0 0 1 .07.5zm-.1.14zm.88 2h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.14c.1.1.15.22.15.35a.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9V8.96c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Bagikan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p id=&quot;2f35&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Kami baru saja merilis &lt;a class=&quot;af ot&quot; href=&quot;https://developer.android.com/jetpack/compose/graphics/draw/shapes&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;dokumentasi&lt;/a&gt; baru yang membahas cara menggunakan library &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;graphics-shapes&lt;/code&gt; di Jetpack Compose. Meskipun dokumentasi itu membahas dasar-dasarnya, saya pikir akan menyenangkan mencoba sesuatu yang sedikit lebih rumit dan membuat status progres yang terlihat berbeda dari versi standar yang biasa kita gunakan.&lt;/p&gt;&lt;p id=&quot;b94a&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dalam postingan blog ini, kita akan membahas cara membuat status progres yang bertransisi dari poligon bulat berbentuk &quot;bintang&quot; berlekuk-lekuk menjadi lingkaran sembari menampilkan animasi progres reguler.&lt;/p&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb oy&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*xmH7I2vA6SP_VZ9K 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*xmH7I2vA6SP_VZ9K 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*xmH7I2vA6SP_VZ9K 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*xmH7I2vA6SP_VZ9K 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*xmH7I2vA6SP_VZ9K 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*xmH7I2vA6SP_VZ9K 1100w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*xmH7I2vA6SP_VZ9K 720w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 360px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*xmH7I2vA6SP_VZ9K 640w, https://miro.medium.com/v2/resize:fit:720/0*xmH7I2vA6SP_VZ9K 720w, https://miro.medium.com/v2/resize:fit:750/0*xmH7I2vA6SP_VZ9K 750w, https://miro.medium.com/v2/resize:fit:786/0*xmH7I2vA6SP_VZ9K 786w, https://miro.medium.com/v2/resize:fit:828/0*xmH7I2vA6SP_VZ9K 828w, https://miro.medium.com/v2/resize:fit:1100/0*xmH7I2vA6SP_VZ9K 1100w, https://miro.medium.com/v2/resize:fit:720/0*xmH7I2vA6SP_VZ9K 720w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 360px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;360&quot; height=&quot;360&quot; loading=&quot;eager&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;figcaption class=&quot;pe fe pf ha hb pg ph be b bf z dt&quot;&gt;&lt;em class=&quot;pi&quot;&gt;Status progres tak terbatas gradien garis berlekuk-lekuk&lt;/em&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;h1 id=&quot;5db9&quot; class=&quot;pj pk hs be pl pm pn po pp pq pr ps pt pu pv pw px py pz qa qb qc qd qe qf qg bj&quot;&gt;Membuat poligon&lt;/h1&gt;&lt;p id=&quot;ec5f&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny qh oa ob oc qi oe of og qj oi oj ok qk om on oo ql oq or os gm bj&quot;&gt;Langkah pertama yang ingin kita lakukan adalah membuat transisi dari lingkaran ke lingkaran berlekuk-lekuk, jadi kita membuat dua bentuk yang perlu kita transformasikan.&lt;/p&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb qm&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*AgEw3OkwnoPI20CBO76Ahw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*AgEw3OkwnoPI20CBO76Ahw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*AgEw3OkwnoPI20CBO76Ahw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*AgEw3OkwnoPI20CBO76Ahw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*AgEw3OkwnoPI20CBO76Ahw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*AgEw3OkwnoPI20CBO76Ahw.png 1100w, https://miro.medium.com/v2/resize:fit:1110/format:webp/1*AgEw3OkwnoPI20CBO76Ahw.png 1110w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 555px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*AgEw3OkwnoPI20CBO76Ahw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*AgEw3OkwnoPI20CBO76Ahw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*AgEw3OkwnoPI20CBO76Ahw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*AgEw3OkwnoPI20CBO76Ahw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*AgEw3OkwnoPI20CBO76Ahw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*AgEw3OkwnoPI20CBO76Ahw.png 1100w, https://miro.medium.com/v2/resize:fit:1110/1*AgEw3OkwnoPI20CBO76Ahw.png 1110w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 555px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;555&quot; height=&quot;255&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;figcaption class=&quot;pe fe pf ha hb pg ph be b bf z dt&quot;&gt;&lt;em class=&quot;pi&quot;&gt;Dua bentuk yang akan kita transformasikan&lt;/em&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p id=&quot;8fbf&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Kita menggunakan &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;RoundedPolygon#star()&lt;/code&gt;, karena ini memungkinkan kita menetapkan radius bagian dalam untuk bentuk dengan sudut membulat, dan &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;RoundedPolygon#circle()&lt;/code&gt; untuk bentuk lingkaran.&lt;/p&gt;&lt;pre class=&quot;oz pa pb pc pd qn ox qo bo qp ba bj&quot;&gt;&lt;span id=&quot;1e44&quot; class=&quot;qq pk hs ox b bf qr qs l qt qu&quot;&gt;val starPolygon = remember {&lt;br&gt;   RoundedPolygon.star(&lt;br&gt;       numVerticesPerRadius = 12,&lt;br&gt;       innerRadius = 1f / 3f,&lt;br&gt;       rounding = CornerRounding(1f / 6f))&lt;br&gt;}&lt;br&gt;val circlePolygon = remember {&lt;br&gt;   RoundedPolygon.circle(&lt;br&gt;       numVertices = 12&lt;br&gt;   )&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;h1 id=&quot;aafe&quot; class=&quot;pj pk hs be pl pm pn po pp pq pr ps pt pu pv pw px py pz qa qb qc qd qe qf qg bj&quot;&gt;Transformasi di antara dua bentuk&lt;/h1&gt;&lt;p id=&quot;5c13&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny qh oa ob oc qi oe of og qj oi oj ok qk om on oo ql oq or os gm bj&quot;&gt;Untuk melakukan transformasi di antara dua poligon, kita perlu membuat objek &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;Morph&lt;/code&gt;:&lt;/p&gt;&lt;pre class=&quot;oz pa pb pc pd qn ox qo bo qp ba bj&quot;&gt;&lt;span id=&quot;3ef1&quot; class=&quot;qq pk hs ox b bf qr qs l qt qu&quot;&gt;val morph = remember {&lt;br&gt;   Morph(starPolygon, circlePolygon)&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;9057&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Ini akan digunakan dengan nilai progres animasi untuk menentukan progres transformasi di antara kedua bentuk ini. Untuk menggambar objek &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;Morph&lt;/code&gt;, kita perlu mendapatkan objek &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;Path&lt;/code&gt; dari geometrinya, yang kita buat dengan menggunakan metode pembantu berikut:&lt;/p&gt;&lt;pre class=&quot;oz pa pb pc pd qn ox qo bo qp ba bj&quot;&gt;&lt;span id=&quot;139d&quot; class=&quot;qq pk hs ox b bf qr qs l qt qu&quot;&gt;fun Morph.toComposePath(progress: Float, scale: Float = 1f, path: Path = Path()): Path {&lt;br&gt;   var first = true&lt;br&gt;   path.rewind()&lt;br&gt;   forEachCubic(progress) { bezier -&amp;gt;&lt;br&gt;       // move to the initial position if its the first cubic curve&lt;br&gt;       if (first) {&lt;br&gt;           path.moveTo(bezier.anchor0X * scale, bezier.anchor0Y * scale)&lt;br&gt;           first = false&lt;br&gt;       }&lt;br&gt;      // add cubic curve to the current path for each curve in the Morph&lt;br&gt;       path.cubicTo(&lt;br&gt;           bezier.control0X * scale, bezier.control0Y * scale,&lt;br&gt;           bezier.control1X * scale, bezier.control1Y * scale,&lt;br&gt;           bezier.anchor1X * scale, bezier.anchor1Y * scale&lt;br&gt;       )&lt;br&gt;   }&lt;br&gt;   path.close()&lt;br&gt;   return path&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;1e13&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dengan Path &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;Morph&lt;/code&gt;, kita bisa memanggil &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;DrawScope#drawPath()&lt;/code&gt; untuk menggambar bentuk transformasi animasi kita:&lt;/p&gt;&lt;pre class=&quot;oz pa pb pc pd qn ox qo bo qp ba bj&quot;&gt;&lt;span id=&quot;f46a&quot; class=&quot;qq pk hs ox b bf qr qs l qt qu&quot;&gt;val infiniteTransition = rememberInfiniteTransition(label = &quot;infinite&quot;)&lt;br&gt;val progress = infiniteTransition.animateFloat(&lt;br&gt;   initialValue = 0f,&lt;br&gt;   targetValue = 1f,&lt;br&gt;   animationSpec = infiniteRepeatable(&lt;br&gt;       tween(4000, easing = LinearEasing),&lt;br&gt;       repeatMode = RepeatMode.Reverse&lt;br&gt;   ),&lt;br&gt;   label = &quot;progress&quot;&lt;br&gt;)&lt;br&gt;//.. shapes that are created .. // &lt;br&gt;var morphPath = remember {&lt;br&gt;   Path()&lt;br&gt;}&lt;br&gt;&lt;br&gt;&lt;br&gt;Box(&lt;br&gt;   modifier = Modifier&lt;br&gt;       .padding(16.dp)&lt;br&gt;       .drawWithCache {&lt;br&gt;           morphPath = morph&lt;br&gt;               .toComposePath(progress = progress.value, scale = size.minDimension / 2f, path = morphPath)&lt;br&gt;&lt;br&gt;&lt;br&gt;           onDrawBehind {&lt;br&gt;               translate(size.width / 2f, size.height / 2f) {&lt;br&gt;                   drawPath(morphPath, color = Color.Black, style = Stroke(16.dp.toPx()))&lt;br&gt;               }&lt;br&gt;           }&lt;br&gt;     }&lt;br&gt;)&lt;/span&gt;&lt;/pre&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb qv&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*1HTGw6IK8sZVwj42 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*1HTGw6IK8sZVwj42 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*1HTGw6IK8sZVwj42 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*1HTGw6IK8sZVwj42 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*1HTGw6IK8sZVwj42 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*1HTGw6IK8sZVwj42 1100w, https://miro.medium.com/v2/resize:fit:954/format:webp/0*1HTGw6IK8sZVwj42 954w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 477px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*1HTGw6IK8sZVwj42 640w, https://miro.medium.com/v2/resize:fit:720/0*1HTGw6IK8sZVwj42 720w, https://miro.medium.com/v2/resize:fit:750/0*1HTGw6IK8sZVwj42 750w, https://miro.medium.com/v2/resize:fit:786/0*1HTGw6IK8sZVwj42 786w, https://miro.medium.com/v2/resize:fit:828/0*1HTGw6IK8sZVwj42 828w, https://miro.medium.com/v2/resize:fit:1100/0*1HTGw6IK8sZVwj42 1100w, https://miro.medium.com/v2/resize:fit:954/0*1HTGw6IK8sZVwj42 954w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 477px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;477&quot; height=&quot;531&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;figcaption class=&quot;pe fe pf ha hb pg ph be b bf z dt&quot;&gt;&lt;em class=&quot;pi&quot;&gt;Transformasi jalur antara lingkaran dan bentuk bintang berlekuk-lekuk&lt;/em&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p id=&quot;6894&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Sekarang kita bisa memutar bentuk seiring waktu dengan membuat variabel animasi lain untuk rotasi dan memanggil &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;DrawScope#rotate()&lt;/code&gt;.&lt;/p&gt;&lt;pre class=&quot;oz pa pb pc pd qn ox qo bo qp ba bj&quot;&gt;&lt;span id=&quot;31d9&quot; class=&quot;qq pk hs ox b bf qr qs l qt qu&quot;&gt;val infiniteTransition = rememberInfiniteTransition(label = &quot;infinite&quot;)&lt;br&gt;val progress = infiniteTransition.animateFloat(&lt;br&gt;   initialValue = 0f,&lt;br&gt;   targetValue = 1f,&lt;br&gt;   animationSpec = infiniteRepeatable(&lt;br&gt;       tween(4000, easing = LinearEasing),&lt;br&gt;       repeatMode = RepeatMode.Reverse&lt;br&gt;   ),&lt;br&gt;   label = &quot;progress&quot;&lt;br&gt;)&lt;br&gt;val rotation = infiniteTransition.animateFloat(&lt;br&gt;   initialValue = 0f,&lt;br&gt;   targetValue = 360f,&lt;br&gt;   animationSpec = infiniteRepeatable(&lt;br&gt;       tween(4000, easing = LinearEasing),&lt;br&gt;       repeatMode = RepeatMode.Reverse&lt;br&gt;   ),&lt;br&gt;   label = &quot;rotation&quot;&lt;br&gt;)&lt;br&gt;&lt;br&gt;&lt;br&gt;Box(&lt;br&gt;   modifier = Modifier&lt;br&gt;       .padding(16.dp)&lt;br&gt;       .drawWithCache {&lt;br&gt;           morphPath = morph&lt;br&gt;               .toComposePath(progress = progress.value, scale = size.minDimension / 2f, path = morphPath)&lt;br&gt;           onDrawBehind {&lt;br&gt;               rotate(rotation.value){&lt;br&gt;                   translate(size.width / 2f, size.height / 2f) {&lt;br&gt;                       drawPath(morphPath, color = Color.Black, style = Stroke(16.dp.toPx()))&lt;br&gt;                   }&lt;br&gt;               }&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;bf11&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Langkah itu akan menghasilkan animasi bentuk yang berputar dan bertransformasi seperti berikut ini:&lt;/p&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qw&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*_A-sj-MqaXuZoLb_ 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*_A-sj-MqaXuZoLb_ 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*_A-sj-MqaXuZoLb_ 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*_A-sj-MqaXuZoLb_ 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*_A-sj-MqaXuZoLb_ 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*_A-sj-MqaXuZoLb_ 1100w, https://miro.medium.com/v2/resize:fit:948/format:webp/0*_A-sj-MqaXuZoLb_ 948w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 474px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*_A-sj-MqaXuZoLb_ 640w, https://miro.medium.com/v2/resize:fit:720/0*_A-sj-MqaXuZoLb_ 720w, https://miro.medium.com/v2/resize:fit:750/0*_A-sj-MqaXuZoLb_ 750w, https://miro.medium.com/v2/resize:fit:786/0*_A-sj-MqaXuZoLb_ 786w, https://miro.medium.com/v2/resize:fit:828/0*_A-sj-MqaXuZoLb_ 828w, https://miro.medium.com/v2/resize:fit:1100/0*_A-sj-MqaXuZoLb_ 1100w, https://miro.medium.com/v2/resize:fit:948/0*_A-sj-MqaXuZoLb_ 948w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 474px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;474&quot; height=&quot;484&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;pe fe pf ha hb pg ph be b bf z dt&quot;&gt;&lt;em class=&quot;pi&quot;&gt;Lingkaran yang bertransformasi dan berputar&lt;/em&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;h1 id=&quot;50b8&quot; class=&quot;pj pk hs be pl pm pn po pp pq pr ps pt pu pv pw px py pz qa qb qc qd qe qf qg bj&quot;&gt;Menggambar jalur secara progresif seiring waktu&lt;/h1&gt;&lt;p id=&quot;c188&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny qh oa ob oc qi oe of og qj oi oj ok qk om on oo ql oq or os gm bj&quot;&gt;Kita punya jalurnya, dan kita membuatnya berputar seiring waktu, tetapi hasil akhir di atas menunjukkan bahwa kita hanya menggambar segmen jalur dan bukan jalur penuh. Bagaimana kita bisa mencapainya?&lt;/p&gt;&lt;p id=&quot;07f5&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Pertama, kita perlu mengetahui panjang jalur, yang dapat kita peroleh dari &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;PathMeasure&lt;/code&gt;. Kemudian kita bisa menggunakan &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;PathMeasure.getSegment()&lt;/code&gt; untuk mendapatkan sebagian dari jalur, berdasarkan progres saat ini (&lt;code class=&quot;cw ou ov ow ox b&quot;&gt;totalLength * progress.value&lt;/code&gt;), dengan hasil yang digunakan di objek jalur baru yang disebut &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;destinationPath&lt;/code&gt;.&lt;/p&gt;&lt;p id=&quot;e757&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Segmen jalur ini kemudian dapat digambar seperti berikut ini:&lt;/p&gt;&lt;pre class=&quot;oz pa pb pc pd qn ox qo bo qp ba bj&quot;&gt;&lt;span id=&quot;c8a3&quot; class=&quot;qq pk hs ox b bf qr qs l qt qu&quot;&gt;val pathMeasurer = remember {&lt;br&gt;   PathMeasure()&lt;br&gt;}&lt;br&gt;var morphPath = remember {&lt;br&gt;   Path()&lt;br&gt;}&lt;br&gt;//..&lt;br&gt;&lt;br&gt;&lt;br&gt;// in drawWithCache: &lt;br&gt;morphPath = morph&lt;br&gt;    .toComposePath(&lt;br&gt;        progress = progress.value,&lt;br&gt;        scale = size.minDimension / 2f,&lt;br&gt;        path = morphPath&lt;br&gt;    )&lt;br&gt;pathMeasurer.setPath(morphPath, false)&lt;br&gt;val totalLength = pathMeasurer.length&lt;br&gt;destinationPath.reset()&lt;br&gt;pathMeasurer.getSegment(0f, totalLength * progress.value, destinationPath)&lt;br&gt;&lt;br&gt;onDrawBehind {&lt;br&gt;    rotate(rotation.value) {&lt;br&gt;        translate(size.width / 2f, size.height / 2f) {&lt;br&gt;            val brush = Brush.sweepGradient(colors, center = Offset(0.5f, 0.5f))&lt;br&gt;&lt;br&gt;            drawPath(destinationPath, brush, style = Stroke(16.dp.toPx(), cap = StrokeCap.Round))&lt;br&gt;        }&lt;br&gt;    }&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;e60b&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Tanpa rotasi, ini memberikan hasil seperti berikut:&lt;/p&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb qx&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*F9NBD57fW9QoHzXs 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*F9NBD57fW9QoHzXs 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*F9NBD57fW9QoHzXs 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*F9NBD57fW9QoHzXs 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*F9NBD57fW9QoHzXs 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*F9NBD57fW9QoHzXs 1100w, https://miro.medium.com/v2/resize:fit:1142/format:webp/0*F9NBD57fW9QoHzXs 1142w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 571px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*F9NBD57fW9QoHzXs 640w, https://miro.medium.com/v2/resize:fit:720/0*F9NBD57fW9QoHzXs 720w, https://miro.medium.com/v2/resize:fit:750/0*F9NBD57fW9QoHzXs 750w, https://miro.medium.com/v2/resize:fit:786/0*F9NBD57fW9QoHzXs 786w, https://miro.medium.com/v2/resize:fit:828/0*F9NBD57fW9QoHzXs 828w, https://miro.medium.com/v2/resize:fit:1100/0*F9NBD57fW9QoHzXs 1100w, https://miro.medium.com/v2/resize:fit:1142/0*F9NBD57fW9QoHzXs 1142w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 571px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;571&quot; height=&quot;571&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;6277&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dengan penambahan animasi untuk transformasi dan rotasi, kita bisa melihatnya secara perlahan-lahan bertransformasi menjadi lingkaran saat menggambar garis:&lt;/p&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb qy&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*ub-0G8kpHAH56Ffm 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*ub-0G8kpHAH56Ffm 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*ub-0G8kpHAH56Ffm 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*ub-0G8kpHAH56Ffm 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*ub-0G8kpHAH56Ffm 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*ub-0G8kpHAH56Ffm 1100w, https://miro.medium.com/v2/resize:fit:1118/format:webp/0*ub-0G8kpHAH56Ffm 1118w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 559px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*ub-0G8kpHAH56Ffm 640w, https://miro.medium.com/v2/resize:fit:720/0*ub-0G8kpHAH56Ffm 720w, https://miro.medium.com/v2/resize:fit:750/0*ub-0G8kpHAH56Ffm 750w, https://miro.medium.com/v2/resize:fit:786/0*ub-0G8kpHAH56Ffm 786w, https://miro.medium.com/v2/resize:fit:828/0*ub-0G8kpHAH56Ffm 828w, https://miro.medium.com/v2/resize:fit:1100/0*ub-0G8kpHAH56Ffm 1100w, https://miro.medium.com/v2/resize:fit:1118/0*ub-0G8kpHAH56Ffm 1118w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 559px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;559&quot; height=&quot;559&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/figure&gt;&lt;h1 id=&quot;68b1&quot; class=&quot;pj pk hs be pl pm pn po pp pq pr ps pt pu pv pw px py pz qa qb qc qd qe qf qg bj&quot;&gt;Menggambar warna gradien seiring waktu dengan garis&lt;/h1&gt;&lt;p id=&quot;46b0&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny qh oa ob oc qi oe of og qj oi oj ok qk om on oo ql oq or os gm bj&quot;&gt;Sekarang karena kita sudah memiliki gambar jalur seiring waktu, kita ingin menerapkan gradien pada jalur tersebut. Pendekatan yang paling mudah adalah dengan menetapkan &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;Brush.linearGradient()&lt;/code&gt; menggunakan warna yang kita inginkan untuk setiap operasi menggambar. Namun jika kita menjalankannya, kita bisa melihat bahwa ia tidak memberikan efek persis seperti yang diinginkan, gradien diterapkan pada seluruh jalur dalam satu arah, dan tidak mengikuti arah garis.&lt;/p&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qz&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*gNhu9S9lSQqMUtg3 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*gNhu9S9lSQqMUtg3 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*gNhu9S9lSQqMUtg3 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*gNhu9S9lSQqMUtg3 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*gNhu9S9lSQqMUtg3 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*gNhu9S9lSQqMUtg3 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*gNhu9S9lSQqMUtg3 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*gNhu9S9lSQqMUtg3 640w, https://miro.medium.com/v2/resize:fit:720/0*gNhu9S9lSQqMUtg3 720w, https://miro.medium.com/v2/resize:fit:750/0*gNhu9S9lSQqMUtg3 750w, https://miro.medium.com/v2/resize:fit:786/0*gNhu9S9lSQqMUtg3 786w, https://miro.medium.com/v2/resize:fit:828/0*gNhu9S9lSQqMUtg3 828w, https://miro.medium.com/v2/resize:fit:1100/0*gNhu9S9lSQqMUtg3 1100w, https://miro.medium.com/v2/resize:fit:1400/0*gNhu9S9lSQqMUtg3 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;647&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;5087&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dari gambar di bawah, Anda bisa melihat, bahwa garis ini mengikuti satu arah pada seluruh bentuk, padahal kita sebenarnya menghendaki agar garis ini berubah warna saat garis digambar di tempatnya.&lt;/p&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb ra&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*uLPMjiqf-CEnYkXe 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*uLPMjiqf-CEnYkXe 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*uLPMjiqf-CEnYkXe 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*uLPMjiqf-CEnYkXe 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*uLPMjiqf-CEnYkXe 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*uLPMjiqf-CEnYkXe 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*uLPMjiqf-CEnYkXe 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*uLPMjiqf-CEnYkXe 640w, https://miro.medium.com/v2/resize:fit:720/0*uLPMjiqf-CEnYkXe 720w, https://miro.medium.com/v2/resize:fit:750/0*uLPMjiqf-CEnYkXe 750w, https://miro.medium.com/v2/resize:fit:786/0*uLPMjiqf-CEnYkXe 786w, https://miro.medium.com/v2/resize:fit:828/0*uLPMjiqf-CEnYkXe 828w, https://miro.medium.com/v2/resize:fit:1100/0*uLPMjiqf-CEnYkXe 1100w, https://miro.medium.com/v2/resize:fit:1400/0*uLPMjiqf-CEnYkXe 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;649&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;0a02&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Masih ingat &lt;em class=&quot;rb&quot;&gt;dengan &lt;/em&gt;pena gel pelangi yang sangat menarik yang dulu pernah Anda miliki? Kita ingin menerapkan efek tersebut pada bentuk kami — berubah warna mengikuti arah garis yang digambar.&lt;/p&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qz&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*4aoF3B7EDo-Ab-qM 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*4aoF3B7EDo-Ab-qM 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*4aoF3B7EDo-Ab-qM 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*4aoF3B7EDo-Ab-qM 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*4aoF3B7EDo-Ab-qM 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*4aoF3B7EDo-Ab-qM 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*4aoF3B7EDo-Ab-qM 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*4aoF3B7EDo-Ab-qM 640w, https://miro.medium.com/v2/resize:fit:720/0*4aoF3B7EDo-Ab-qM 720w, https://miro.medium.com/v2/resize:fit:750/0*4aoF3B7EDo-Ab-qM 750w, https://miro.medium.com/v2/resize:fit:786/0*4aoF3B7EDo-Ab-qM 786w, https://miro.medium.com/v2/resize:fit:828/0*4aoF3B7EDo-Ab-qM 828w, https://miro.medium.com/v2/resize:fit:1100/0*4aoF3B7EDo-Ab-qM 1100w, https://miro.medium.com/v2/resize:fit:1400/0*4aoF3B7EDo-Ab-qM 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;625&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;aca6&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Untuk melakukannya, kita bisa menggunakan &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;Brush.sweepGradient()&lt;/code&gt; dengan warna yang disediakan, ini memberikan efek gradien yang digambar seiring waktu.&lt;/p&gt;&lt;pre class=&quot;oz pa pb pc pd qn ox qo bo qp ba bj&quot;&gt;&lt;span id=&quot;78b5&quot; class=&quot;qq pk hs ox b bf qr qs l qt qu&quot;&gt;val brush = Brush.sweepGradient(colors, center = Offset(0.5f, 0.5f))&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;db54&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Yang memberi kita hasil berikut:&lt;/p&gt;&lt;figure class=&quot;oz pa pb pc pd gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb oy&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*ANsbfQGLxCGopcM6 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*ANsbfQGLxCGopcM6 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*ANsbfQGLxCGopcM6 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*ANsbfQGLxCGopcM6 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*ANsbfQGLxCGopcM6 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*ANsbfQGLxCGopcM6 1100w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*ANsbfQGLxCGopcM6 720w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 360px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*ANsbfQGLxCGopcM6 640w, https://miro.medium.com/v2/resize:fit:720/0*ANsbfQGLxCGopcM6 720w, https://miro.medium.com/v2/resize:fit:750/0*ANsbfQGLxCGopcM6 750w, https://miro.medium.com/v2/resize:fit:786/0*ANsbfQGLxCGopcM6 786w, https://miro.medium.com/v2/resize:fit:828/0*ANsbfQGLxCGopcM6 828w, https://miro.medium.com/v2/resize:fit:1100/0*ANsbfQGLxCGopcM6 1100w, https://miro.medium.com/v2/resize:fit:720/0*ANsbfQGLxCGopcM6 720w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 360px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;360&quot; height=&quot;360&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;cdad&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Ini terlihat bagus! Namun, jika kita ingin punya sesuatu yang lebih umum yang dapat digunakan untuk menggambar jalur yang berubah-ubah, kita harus mengubah implementasinya menjadi seperti &lt;a class=&quot;af ot&quot; href=&quot;https://github.com/riggaroo/compose-playtime/blob/main/app/src/main/java/dev/riggaroo/composeplaytime/GradientAlongPathAnimation.kt&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;contoh ini&lt;/a&gt;.&lt;/p&gt;&lt;h1 id=&quot;1e5c&quot; class=&quot;pj pk hs be pl pm pn po pp pq pr ps pt pu pv pw px py pz qa qb qc qd qe qf qg bj&quot;&gt;Ringkasan&lt;/h1&gt;&lt;p id=&quot;fc14&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny qh oa ob oc qi oe of og qj oi oj ok qk om on oo ql oq or os gm bj&quot;&gt;Library &lt;code class=&quot;cw ou ov ow ox b&quot;&gt;graphics-shapes&lt;/code&gt; yang baru membuka berbagai macam kemungkinan bentuk baru di Android. Contoh dalam artikel ini membuat bentuk dan menggunakannya untuk membuat status progres melingkar kustom, tetapi ada banyak kemungkinan lain yang dapat dieksplorasi dengan API baru ini untuk membuat bentuk bulat dan mentransformasikannya. Cuplikan kode selengkapnya bisa ditemukan &lt;a class=&quot;af ot&quot; href=&quot;https://github.com/riggaroo/compose-playtime/blob/main/app/src/main/java/dev/riggaroo/composeplaytime/ShapeLoaderDemo.kt&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;di sini&lt;/a&gt;.&lt;/p&gt;&lt;p id=&quot;ee28&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Berkreasi dan buatlah bentuk-bentuk yang menyenangkan! 🟩🟡💜&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab ca rc rd re rf&quot; role=&quot;separator&quot;&gt;&lt;span class=&quot;rg bx bl rh ri rj&quot;&gt;&lt;/span&gt;&lt;span class=&quot;rg bx bl rh ri rj&quot;&gt;&lt;/span&gt;&lt;span class=&quot;rg bx bl rh ri&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;gm gn go gp gq&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;ch bg fy fz ga gb&quot;&gt;&lt;p id=&quot;19d3&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Cuplikan kode dalam blog ini memiliki lisensi berikut:&lt;/p&gt;&lt;pre class=&quot;oz pa pb pc pd qn ox qo bo qp ba bj&quot;&gt;&lt;span id=&quot;e438&quot; class=&quot;qq pk hs ox b bf qr qs l qt qu&quot;&gt;// Copyright 2023 Google LLC. SPDX-License-Identifier: Apache-2.0&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;/div&gt;&lt;/div&gt;&lt;/article&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3017984291308682259'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3017984291308682259'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/bermain-main-dengan-bentuk-di-compose.html' title='Bermain-main dengan bentuk di Compose'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-2357954666577323538</id><published>2024-02-27T09:21:00.020+07:00</published><updated>2024-03-18T09:25:09.359+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="jetpack compose"/><title type='text'>Jetpack Compose: Penjelasan Mode Strong Skipping</title><content type='html'>﻿&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/androiddevelopers/jetpack-compose-strong-skipping-mode-explained-cbdb2aa4b900&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/androiddevelopers/jetpack-compose-strong-skipping-mode-explained-cbdb2aa4b900&quot;/&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;STATIC&quot;&gt;html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden=&quot;true&quot;]{visibility:hidden;pointer-events:none}
/*XCode style (c) Angel Garcia &lt;angelgarcia.mail@gmail.com&gt;*/.hljs {background: #fff;color: black;
}/* Gray DOCTYPE selectors like WebKit */
.xml .hljs-meta {color: #c0c0c0;
}.hljs-comment,
.hljs-quote {color: #007400;
}.hljs-tag,
.hljs-attribute,
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-name {color: #aa0d91;
}.hljs-variable,
.hljs-template-variable {color: #3F6E74;
}.hljs-code,
.hljs-string,
.hljs-meta .hljs-string {color: #c41a16;
}.hljs-regexp,
.hljs-link {color: #0E0EFF;
}.hljs-title,
.hljs-symbol,
.hljs-bullet,
.hljs-number {color: #1c00cf;
}.hljs-section,
.hljs-meta {color: #643820;
}.hljs-title.class_,
.hljs-class .hljs-title,
.hljs-type,
.hljs-built_in,
.hljs-params {color: #5c2699;
}.hljs-attr {color: #836C28;
}.hljs-subst {color: #000;
}.hljs-formula {background-color: #eee;font-style: italic;
}.hljs-addition {background-color: #baeeba;
}.hljs-deletion {background-color: #ffc8bd;
}.hljs-selector-id,
.hljs-selector-class {color: #9b703f;
}.hljs-doctag,
.hljs-strong {font-weight: bold;
}.hljs-emphasis {font-style: italic;
}
&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;KEYFRAME&quot;&gt;@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot;&gt;.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Open Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{fill:rgba(0, 0, 0, 1)}.av{height:22px}.aw{margin-left:16px}.ax{border:none}.ay{border-radius:20px}.az{width:240px}.ba{background:#F9F9F9}.bb path{fill:#6B6B6B}.bd{outline:none}.be{font-family:sohne, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif}.bf{font-size:14px}.bg{width:100%}.bh{padding:10px 20px 10px 0}.bi{background-color:transparent}.bj{color:#242424}.bk::placeholder{color:#6B6B6B}.bl{display:inline-block}.bm{margin-left:12px}.bn{margin-right:12px}.bo{border-radius:4px}.bp{margin-left:24px}.bq{height:24px}.bw{background-color:#F9F9F9}.bx{border-radius:50%}.by{height:32px}.bz{width:32px}.ca{justify-content:center}.cg{max-width:680px}.ch{min-width:0}.ci{animation:k1 1.2s ease-in-out infinite}.cj{height:100vh}.ck{margin-bottom:16px}.cl{margin-top:48px}.cm{align-items:flex-start}.cn{flex-direction:column}.co{justify-content:space-between}.cp{margin-bottom:24px}.cv{width:80%}.cw{background-color:#F2F2F2}.dc{height:44px}.dd{width:44px}.de{margin:auto 0}.df{margin-bottom:4px}.dg{height:16px}.dh{width:120px}.di{width:80px}.do{margin-bottom:8px}.dp{width:96%}.dq{width:98%}.dr{width:81%}.ds{margin-left:8px}.dt{color:#6B6B6B}.du{font-size:13px}.dv{height:100%}.eo{color:#FFFFFF}.ep{fill:#FFFFFF}.eq{background:rgba(103, 139, 160, 1)}.er{border-color:rgba(103, 139, 160, 1)}.ev:disabled{cursor:inherit !important}.ew:disabled{opacity:0.3}.ex:disabled:hover{background:rgba(103, 139, 160, 1)}.ey:disabled:hover{border-color:rgba(103, 139, 160, 1)}.ez{border-radius:99em}.fa{border-width:1px}.fb{border-style:solid}.fc{box-sizing:border-box}.fd{text-decoration:none}.fe{text-align:center}.fh{margin-right:32px}.fi{position:relative}.fj{fill:#6B6B6B}.fm{background:transparent}.fn svg{margin-left:4px}.fo svg{fill:#6B6B6B}.fq{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fr{position:absolute}.fy{margin:0 24px}.gc{background:rgba(255, 255, 255, 1)}.gd{border:1px solid #F2F2F2}.ge{box-shadow:0 1px 4px #F2F2F2}.gf{max-height:100vh}.gg{overflow-y:auto}.gh{left:0}.gi{top:calc(100vh + 100px)}.gj{bottom:calc(100vh + 100px)}.gk{width:10px}.gl{pointer-events:none}.gm{word-break:break-word}.gn{word-wrap:break-word}.go:after{display:block}.gp:after{content:&quot;&quot;}.gq:after{clear:both}.gr{clear:both}.ha{margin-left:auto}.hb{margin-right:auto}.hc{max-width:6314px}.hi{padding-top:5px}.hj{padding-bottom:5px}.hl{cursor:zoom-in}.hm{z-index:auto}.ho{max-width:100%}.hp{height:auto}.hq{line-height:1.23}.hr{letter-spacing:0}.hs{font-style:normal}.ht{font-weight:700}.it{@media all and (max-width: 551.98px):8px}.iu{@media all and (min-width: 552px) and (max-width: 727.98px):8px}.iv{@media all and (min-width: 728px) and (max-width: 903.98px):16px}.iw{@media all and (min-width: 904px) and (max-width: 1079.98px):16px}.ix{@media all and (min-width: 1080px):16px}.jd{align-items:baseline}.je{width:48px}.jf{height:48px}.jg{border:2px solid rgba(255, 255, 255, 1)}.jh{z-index:0}.ji{box-shadow:none}.jj{border:1px solid rgba(0, 0, 0, 0.05)}.jk{margin-left:-12px}.jl{width:28px}.jm{height:28px}.jn{z-index:1}.jo{width:24px}.jp{margin-bottom:2px}.jq{flex-wrap:nowrap}.jr{font-size:16px}.js{line-height:24px}.ju{margin:0 8px}.jv{display:inline}.jw{color:rgba(103, 139, 160, 1)}.jx{fill:rgba(103, 139, 160, 1)}.ka{flex:0 0 auto}.kd{flex-wrap:wrap}.kg{white-space:pre-wrap}.kh{margin-right:4px}.ki{overflow:hidden}.kj{max-height:20px}.kk{text-overflow:ellipsis}.kl{display:-webkit-box}.km{-webkit-line-clamp:1}.kn{-webkit-box-orient:vertical}.ko{word-break:break-all}.kq{padding-left:8px}.kr{padding-right:8px}.ls&gt; *{flex-shrink:0}.lt{overflow-x:scroll}.lu::-webkit-scrollbar{display:none}.lv{scrollbar-width:none}.lw{-ms-overflow-style:none}.lx{width:74px}.ly{flex-direction:row}.mb{-webkit-user-select:none}.mc{border:0}.md{fill:rgba(117, 117, 117, 1)}.mg{outline:0}.mh{user-select:none}.mi&gt; svg{pointer-events:none}.mr{cursor:progress}.ms{margin-left:4px}.mt{margin-top:0px}.mu{opacity:1}.mv{padding:4px 0}.my{width:16px}.na{display:inline-flex}.nd{padding:8px 2px}.ne svg{color:#6B6B6B}.nv{line-height:1.58}.nw{letter-spacing:-0.004em}.nx{font-family:source-serif-pro, Georgia, Cambria, &quot;Times New Roman&quot;, Times, serif}.os{margin-bottom:-0.46em}.ot{text-decoration:underline}.ou{line-height:1.12}.ov{letter-spacing:-0.022em}.ow{font-weight:600}.pr{margin-bottom:-0.28em}.px{list-style-type:disc}.py{margin-left:30px}.pz{padding-left:0px}.qf{padding:2px 4px}.qg{font-size:75%}.qh&gt; strong{font-family:inherit}.qi{font-family:source-code-pro, Menlo, Monaco, &quot;Courier New&quot;, Courier, monospace}.qo{overflow-x:auto}.qp{padding:32px}.qq{border:1px solid #E5E5E5}.qr{line-height:1.4}.qs{margin-top:-0.2em}.qt{margin-bottom:-0.2em}.qu{white-space:pre}.qv{min-width:fit-content}.qw{line-height:1.18}.rk{margin-bottom:-0.31em}.rl{margin-top:32px}.rm{margin-bottom:14px}.rn{padding-top:24px}.ro{padding-bottom:10px}.rp{background-color:#000000}.rq{height:3px}.rr{width:3px}.rs{margin-right:20px}.rt{max-width:1452px}.ru{margin-top:10px}.rv{max-width:728px}.ry{max-width:1600px}.rz{margin-bottom:26px}.sa{margin-top:6px}.sb{margin-top:8px}.sc{margin-right:8px}.sd{padding:8px 16px}.se{border-radius:100px}.sf{transition:background 300ms ease}.sh{white-space:nowrap}.si{border-top:none}.so{height:52px}.sp{max-height:52px}.sq{box-sizing:content-box}.sr{position:static}.st{max-width:155px}.te{align-items:flex-end}.tf{width:76px}.tg{height:76px}.th{border:2px solid #F9F9F9}.ti{height:72px}.tj{width:72px}.tk{margin-left:-16px}.tl{width:36px}.tm{height:36px}.tn{width:auto}.to{stroke:#F2F2F2}.tp{color:#F2F2F2}.tq{fill:#F2F2F2}.tr{background:#F2F2F2}.ts{border-color:#F2F2F2}.ty{font-weight:500}.tz{font-size:24px}.ua{line-height:30px}.ub{letter-spacing:-0.016em}.uc{margin-top:16px}.ud{height:0px}.ue{border-bottom:solid 1px #E5E5E5}.uf{margin-top:72px}.ug{padding:24px 0}.uh{margin-bottom:0px}.ui{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.es:hover{background:rgba(91, 119, 136, 1)}.et:hover{border-color:rgba(91, 119, 136, 1)}.eu:hover{cursor:pointer}.fk:hover{color:#242424}.fl:hover{fill:#242424}.fp:hover svg{fill:#242424}.fs:hover{background-color:rgba(0, 0, 0, 0.1)}.jt:hover{text-decoration:underline}.jy:hover:not(:disabled){color:rgba(91, 119, 136, 1)}.jz:hover:not(:disabled){fill:rgba(91, 119, 136, 1)}.mf:hover{fill:rgba(8, 8, 8, 1)}.mw:hover{fill:#000000}.mx:hover p{color:#000000}.mz:hover{color:#000000}.nf:hover svg{color:#000000}.sg:hover{background-color:#F2F2F2}.tt:hover{background:#F2F2F2}.tu:hover{border-color:#F2F2F2}.tv:hover{cursor:wait}.tw:hover{color:#F2F2F2}.tx:hover{fill:#F2F2F2}.bc:focus-within path{fill:#242424}.hn:focus{transform:scale(1.01)}.me:focus{fill:rgba(8, 8, 8, 1)}.ng:focus svg{color:#000000}.mj:active{border-style:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 1080px)&quot;&gt;.d{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ee{font-size:14px}.ef{line-height:20px}.el{font-size:13px}.em{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:68px}.gb{max-width:680px}.gz{max-width:1192px}.hh{margin-top:40px}.io{font-size:42px}.ip{margin-top:1em}.iq{margin-bottom:32px}.ir{line-height:52px}.is{letter-spacing:-0.011em}.jc{align-items:center}.le{border-top:solid 1px #F2F2F2}.lf{border-bottom:solid 1px #F2F2F2}.lg{margin:32px 0 0}.lh{padding:3px 8px}.lq&gt; *{margin-right:24px}.lr&gt; :last-child{margin-right:0}.mq{margin-top:0px}.nc{margin:0}.oo{font-size:20px}.op{margin-top:2.14em}.oq{line-height:32px}.or{letter-spacing:-0.003em}.pn{font-size:24px}.po{margin-top:1.95em}.pp{line-height:30px}.pq{letter-spacing:-0.016em}.pw{margin-top:0.94em}.qe{margin-top:1.14em}.qn{margin-top:56px}.rh{margin-top:1.72em}.ri{line-height:24px}.rj{letter-spacing:0}.sn{margin-bottom:88px}.sy{display:inline-block}.td{padding-top:72px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 1079.98px)&quot;&gt;.e{display:none}.mp{margin-top:0px}.rw{margin-left:auto}.rx{text-align:center}.sx{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 903.98px)&quot;&gt;.f{display:none}.mo{margin-top:0px}.sw{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 727.98px)&quot;&gt;.g{display:none}.mm{margin-top:0px}.mn{margin-right:0px}.sv{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 551.98px)&quot;&gt;.h{display:none}.s{display:flex}.t{justify-content:space-between}.br{width:24px}.cb{margin:0 24px}.cq{height:40px}.cx{margin-bottom:44px}.dj{margin-bottom:32px}.dw{font-size:13px}.dx{line-height:20px}.eg{padding:0px 8px 1px}.ft{margin-bottom:4px}.gs{margin:0}.gt{max-width:100%}.hd{margin-top:32px}.hu{font-size:32px}.hv{margin-top:1.01em}.hw{margin-bottom:24px}.hx{line-height:38px}.hy{letter-spacing:-0.014em}.iy{align-items:flex-start}.kb{flex-direction:column}.ke{margin-bottom:2px}.ks{margin:24px -24px 0}.kt{padding:0}.li&gt; *{margin-right:8px}.lj&gt; :last-child{margin-right:24px}.lz{margin-left:0px}.mk{margin-top:0px}.ml{margin-right:0px}.nh{border:1px solid #F2F2F2}.ni{border-radius:99em}.nj{padding:0px 16px 0px 12px}.nk{height:38px}.nl{align-items:center}.nn svg{margin-right:8px}.ny{font-size:18px}.nz{margin-top:1.56em}.oa{line-height:28px}.ob{letter-spacing:-0.003em}.ox{font-size:20px}.oy{margin-top:1.2em}.oz{line-height:24px}.pa{letter-spacing:0}.ps{margin-top:0.67em}.qa{margin-top:1.34em}.qj{margin-top:40px}.qx{font-size:16px}.qy{margin-top:1.23em}.sj{margin-bottom:80px}.su{display:inline-block}.sz{padding-top:48px}.nm:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 904px) and (max-width: 1079.98px)&quot;&gt;.i{display:none}.bu{width:64px}.ce{margin:0 64px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.ec{font-size:14px}.ed{line-height:20px}.ej{font-size:13px}.ek{padding:5px 12px}.ff{display:flex}.fw{margin-bottom:68px}.ga{max-width:680px}.gy{max-width:1192px}.hg{margin-top:40px}.ij{font-size:42px}.ik{margin-top:1em}.il{margin-bottom:32px}.im{line-height:52px}.in{letter-spacing:-0.011em}.jb{align-items:center}.la{border-top:solid 1px #F2F2F2}.lb{border-bottom:solid 1px #F2F2F2}.lc{margin:32px 0 0}.ld{padding:3px 8px}.lo&gt; *{margin-right:24px}.lp&gt; :last-child{margin-right:0}.nb{margin:0}.ok{font-size:20px}.ol{margin-top:2.14em}.om{line-height:32px}.on{letter-spacing:-0.003em}.pj{font-size:24px}.pk{margin-top:1.95em}.pl{line-height:30px}.pm{letter-spacing:-0.016em}.pv{margin-top:0.94em}.qd{margin-top:1.14em}.qm{margin-top:56px}.re{margin-top:1.72em}.rf{line-height:24px}.rg{letter-spacing:0}.sm{margin-bottom:88px}.tc{padding-top:72px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 728px) and (max-width: 903.98px)&quot;&gt;.j{display:none}.w{display:flex}.x{justify-content:space-between}.bt{width:64px}.cd{margin:0 48px}.cs{height:48px}.cz{margin-bottom:52px}.dl{margin-bottom:48px}.ea{font-size:13px}.eb{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:68px}.fz{max-width:680px}.gw{margin:0}.gx{max-width:100%}.hf{margin-top:40px}.ie{font-size:42px}.if{margin-top:1em}.ig{margin-bottom:32px}.ih{line-height:52px}.ii{letter-spacing:-0.011em}.ja{align-items:center}.kw{border-top:solid 1px #F2F2F2}.kx{border-bottom:solid 1px #F2F2F2}.ky{margin:32px 0 0}.kz{padding:3px 8px}.lm&gt; *{margin-right:24px}.ln&gt; :last-child{margin-right:0}.og{font-size:20px}.oh{margin-top:2.14em}.oi{line-height:32px}.oj{letter-spacing:-0.003em}.pf{font-size:24px}.pg{margin-top:1.95em}.ph{line-height:30px}.pi{letter-spacing:-0.016em}.pu{margin-top:0.94em}.qc{margin-top:1.14em}.ql{margin-top:56px}.rb{margin-top:1.72em}.rc{line-height:24px}.rd{letter-spacing:0}.sl{margin-bottom:88px}.tb{padding-top:72px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 552px) and (max-width: 727.98px)&quot;&gt;.k{display:none}.u{display:flex}.v{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dy{font-size:13px}.dz{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:4px}.gu{margin:0}.gv{max-width:100%}.he{margin-top:32px}.hz{font-size:32px}.ia{margin-top:1.01em}.ib{margin-bottom:24px}.ic{line-height:38px}.id{letter-spacing:-0.014em}.iz{align-items:flex-start}.kc{flex-direction:column}.kf{margin-bottom:2px}.ku{margin:24px 0 0}.kv{padding:0}.lk&gt; *{margin-right:8px}.ll&gt; :last-child{margin-right:8px}.ma{margin-left:0px}.no{border:1px solid #F2F2F2}.np{border-radius:99em}.nq{padding:0px 16px 0px 12px}.nr{height:38px}.ns{align-items:center}.nu svg{margin-right:8px}.oc{font-size:18px}.od{margin-top:1.56em}.oe{line-height:28px}.of{letter-spacing:-0.003em}.pb{font-size:20px}.pc{margin-top:1.2em}.pd{line-height:24px}.pe{letter-spacing:0}.pt{margin-top:0.67em}.qb{margin-top:1.34em}.qk{margin-top:40px}.qz{font-size:16px}.ra{margin-top:1.23em}.sk{margin-bottom:80px}.ta{padding-top:48px}.nt:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;print&quot;&gt;.ss{display:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;(prefers-reduced-motion: no-preference)&quot;&gt;.hk{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;554&quot; data-fela-type=&quot;RULE&quot; media=&quot;(orientation: landscape) and (max-width: 903.98px)&quot;&gt;.kp{max-height:none}&lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;article&gt;&lt;div class=&quot;l&quot;&gt;&lt;div class=&quot;l&quot;&gt;&lt;span class=&quot;l&quot;&gt;&lt;/span&gt;&lt;section&gt;&lt;div&gt;&lt;div class=&quot;fr gh gi gj gk gl&quot;&gt;&lt;/div&gt;&lt;div class=&quot;gm gn go gp gq&quot;&gt;&lt;div class=&quot;gr&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;gs gt gu gv gw gx ce gy cf gz ch bg&quot;&gt;&lt;figure class=&quot;hd he hf hg hh gr hi hj paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb hc&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*zVAXf3M-apUqIC5oNL32rg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*zVAXf3M-apUqIC5oNL32rg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*zVAXf3M-apUqIC5oNL32rg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*zVAXf3M-apUqIC5oNL32rg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*zVAXf3M-apUqIC5oNL32rg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*zVAXf3M-apUqIC5oNL32rg.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*zVAXf3M-apUqIC5oNL32rg.png 2000w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*zVAXf3M-apUqIC5oNL32rg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*zVAXf3M-apUqIC5oNL32rg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*zVAXf3M-apUqIC5oNL32rg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*zVAXf3M-apUqIC5oNL32rg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*zVAXf3M-apUqIC5oNL32rg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*zVAXf3M-apUqIC5oNL32rg.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*zVAXf3M-apUqIC5oNL32rg.png 2000w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;1000&quot; height=&quot;298&quot; loading=&quot;eager&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;ch bg fy fz ga gb&quot;&gt;&lt;div&gt;&lt;div class=&quot;it iu iv iw ix&quot;&gt;&lt;div class=&quot;speechify-ignore ab co&quot;&gt;&lt;div class=&quot;speechify-ignore bg l&quot;&gt;&lt;div class=&quot;iy iz ja jb jc ab&quot;&gt;&lt;div&gt;&lt;div class=&quot;ab jd&quot;&gt;&lt;a rel=&quot;noopener follow&quot; href=&quot;/@bentrengrove?source=post_page-----cbdb2aa4b900--------------------------------&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l je jf bx jg jh&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Ben Trengrove&quot; class=&quot;l fc bx dc dd cw&quot; src=&quot;https://miro.medium.com/v2/da:true/resize:fill:88:88/0*hShtas1U5DWPDEfK&quot; width=&quot;44&quot; height=&quot;44&quot; loading=&quot;lazy&quot; data-testid=&quot;authorPhoto&quot;&gt;&lt;div class=&quot;ji bx l dc dd fr n jj fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;a href=&quot;https://medium.com/androiddevelopers?source=post_page-----cbdb2aa4b900--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;div class=&quot;jk ab fi&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l jl jm bx jg jn&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Developer Android&quot; class=&quot;l fc bx bq jo cw&quot; src=&quot;https://miro.medium.com/v2/resize:fill:48:48/1*3tLD4Ve66pbBpuawm9Fu9Q.png&quot; width=&quot;24&quot; height=&quot;24&quot; loading=&quot;lazy&quot; data-testid=&quot;publicationPhoto&quot;&gt;&lt;div class=&quot;ji bx l bq jo fr n jj fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bm bg l&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div style=&quot;flex:1&quot;&gt;&lt;span class=&quot;be b bf z bj&quot;&gt;&lt;div class=&quot;jp ab q&quot;&gt;&lt;div class=&quot;ab q jq&quot;&gt;&lt;div class=&quot;ab q&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;p class=&quot;be b jr js bj&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar jt&quot; data-testid=&quot;authorName&quot; rel=&quot;noopener follow&quot; href=&quot;/@bentrengrove?source=post_page-----cbdb2aa4b900--------------------------------&quot;&gt;Ben Trengrove&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;ju jv&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;p class=&quot;be b jr js dt&quot;&gt;&lt;span&gt;&lt;a class=&quot;jw jx ah ai aj ak al am an ao ap aq ar ew jy jz&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F84718b19bc40&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fandroiddevelopers%2Fjetpack-compose-strong-skipping-mode-explained-cbdb2aa4b900&amp;amp;user=Ben+Trengrove&amp;amp;userId=84718b19bc40&amp;amp;source=post_page-84718b19bc40----cbdb2aa4b900---------------------post_header-----------&quot;&gt;Ikuti&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;l ka&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab cm kb kc kd&quot;&gt;&lt;div class=&quot;ke kf ab&quot;&gt;&lt;div class=&quot;be b bf z dt ab kg&quot;&gt;&lt;span class=&quot;kh l ka&quot;&gt;Dipublikasikan di&lt;/span&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar jt ab q&quot; data-testid=&quot;publicationName&quot; href=&quot;https://medium.com/androiddevelopers?source=post_page-----cbdb2aa4b900--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;p class=&quot;be b bf z ki kj kk kl km kn ko kp bj&quot;&gt;Developer Android&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;span class=&quot;ju jv&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab ae&quot;&gt;&lt;span data-testid=&quot;storyReadTime&quot;&gt;Bacaan 13 menit&lt;/span&gt;&lt;div class=&quot;kq kr l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span data-testid=&quot;storyPublishDate&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab co ks kt ku kv kw kx ky kz la lb lc ld le lf lg lh&quot;&gt;&lt;div class=&quot;h k w ff fg q&quot;&gt;&lt;div class=&quot;lx l&quot;&gt;&lt;div class=&quot;ab q ly&quot;&gt;&lt;div class=&quot;pw-multi-vote-icon fi kh lz ma mb&quot;&gt;&lt;span&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar as at&quot; data-testid=&quot;headerClapButton&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fandroiddevelopers%2Fcbdb2aa4b900&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fandroiddevelopers%2Fjetpack-compose-strong-skipping-mode-explained-cbdb2aa4b900&amp;amp;user=Ben+Trengrove&amp;amp;userId=84718b19bc40&amp;amp;source=-----cbdb2aa4b900---------------------clap_footer-----------&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;mc ao md me mf mg am mh mi mj mb&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; aria-label=&quot;clap&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M11.37.83L12 3.28l.63-2.45h-1.26zM13.92 3.95l1.52-2.1-1.18-.4-.34 2.5zM8.59 1.84l1.52 2.11-.34-2.5-1.18.4zM18.52 18.92a4.23 4.23 0 0 1-2.62 1.33l.41-.37c2.39-2.4 2.86-4.95 1.4-7.63l-.91-1.6-.8-1.67c-.25-.56-.19-.98.21-1.29a.7.7 0 0 1 .55-.13c.28.05.54.23.72.5l2.37 4.16c.97 1.62 1.14 4.23-1.33 6.7zm-11-.44l-4.15-4.15a.83.83 0 0 1 1.17-1.17l2.16 2.16a.37.37 0 0 0 .51-.52l-2.15-2.16L3.6 11.2a.83.83 0 0 1 1.17-1.17l3.43 3.44a.36.36 0 0 0 .52 0 .36.36 0 0 0 0-.52L5.29 9.51l-.97-.97a.83.83 0 0 1 0-1.16.84.84 0 0 1 1.17 0l.97.97 3.44 3.43a.36.36 0 0 0 .51 0 .37.37 0 0 0 0-.52L6.98 7.83a.82.82 0 0 1-.18-.9.82.82 0 0 1 .76-.51c.22 0 .43.09.58.24l5.8 5.79a.37.37 0 0 0 .58-.42L13.4 9.67c-.26-.56-.2-.98.2-1.29a.7.7 0 0 1 .55-.13c.28.05.55.23.73.5l2.2 3.86c1.3 2.38.87 4.59-1.29 6.75a4.65 4.65 0 0 1-4.19 1.37 7.73 7.73 0 0 1-4.07-2.25zm3.23-12.5l2.12 2.11c-.41.5-.47 1.17-.13 1.9l.22.46-3.52-3.53a.81.81 0 0 1-.1-.36c0-.23.09-.43.24-.59a.85.85 0 0 1 1.17 0zm7.36 1.7a1.86 1.86 0 0 0-1.23-.84 1.44 1.44 0 0 0-1.12.27c-.3.24-.5.55-.58.89-.25-.25-.57-.4-.91-.47-.28-.04-.56 0-.82.1l-2.18-2.18a1.56 1.56 0 0 0-2.2 0c-.2.2-.33.44-.4.7a1.56 1.56 0 0 0-2.63.75 1.6 1.6 0 0 0-2.23-.04 1.56 1.56 0 0 0 0 2.2c-.24.1-.5.24-.72.45a1.56 1.56 0 0 0 0 2.2l.52.52a1.56 1.56 0 0 0-.75 2.61L7 19a8.46 8.46 0 0 0 4.48 2.45 5.18 5.18 0 0 0 3.36-.5 4.89 4.89 0 0 0 4.2-1.51c2.75-2.77 2.54-5.74 1.43-7.59L18.1 7.68z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;pw-multi-vote-count l mk ml mm mn mo mp mq&quot;&gt;&lt;p class=&quot;be b du z dt&quot;&gt;&lt;span class=&quot;mr&quot;&gt;--&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button class=&quot;ao mc mu mv ab q fj mw mx&quot; aria-label=&quot;responses&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; class=&quot;mt&quot;&gt;&lt;path d=&quot;M18 16.8a7.14 7.14 0 0 0 2.24-5.32c0-4.12-3.53-7.48-8.05-7.48C7.67 4 4 7.36 4 11.48c0 4.13 3.67 7.48 8.2 7.48a8.9 8.9 0 0 0 2.38-.32c.23.2.48.39.75.56 1.06.69 2.2 1.04 3.4 1.04.22 0 .4-.11.48-.29a.5.5 0 0 0-.04-.52 6.4 6.4 0 0 1-1.16-2.65v.02zm-3.12 1.06l-.06-.22-.32.1a8 8 0 0 1-2.3.33c-4.03 0-7.3-2.96-7.3-6.59S8.17 4.9 12.2 4.9c4 0 7.1 2.96 7.1 6.6 0 1.8-.6 3.47-2.02 4.72l-.2.16v.26l.02.3a6.74 6.74 0 0 0 .88 2.4 5.27 5.27 0 0 1-2.17-.86c-.28-.17-.72-.38-.94-.59l.01-.02z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;p class=&quot;be b du z dt&quot;&gt;&lt;span class=&quot;pw-responses-count ms mt&quot;&gt;6&lt;/span&gt;&lt;/p&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab q li lj lk ll lm ln lo lp lq lr ls lt lu lv lw&quot;&gt;&lt;div class=&quot;my k j i d&quot;&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;span&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar as at&quot; data-testid=&quot;headerBookmarkButton&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fcbdb2aa4b900&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fandroiddevelopers%2Fjetpack-compose-strong-skipping-mode-explained-cbdb2aa4b900&amp;amp;source=-----cbdb2aa4b900---------------------bookmark_footer-----------&quot;&gt;&lt;svg width=&quot;25&quot; height=&quot;25&quot; viewBox=&quot;0 0 25 25&quot; fill=&quot;none&quot; class=&quot;dt mz&quot; aria-label=&quot;Add to list bookmark button&quot;&gt;&lt;path d=&quot;M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18V2.5zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .8.4l5.7-4.4 5.7 4.4a.5.5 0 0 0 .8-.4v-8.5a.5.5 0 0 0-1 0v7.48l-5.2-4a.5.5 0 0 0-.6 0l-5.2 4V7z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;fc na cm&quot;&gt;&lt;div class=&quot;l ae&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;gs gu gw nb nc ho ch bg&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div class=&quot;bl bg&quot; aria-hidden=&quot;false&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-label=&quot;Listen&quot; data-testid=&quot;audioPlayButton&quot; class=&quot;af fj ah ai aj ak al nd an ao ap ew ne nf mx ng nh ni nj nk s nl nm nn no np nq nr u ns nt nu&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0zm9-10a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm3.38 10.42l-4.6 3.06a.5.5 0 0 1-.78-.41V8.93c0-.4.45-.63.78-.41l4.6 3.06c.3.2.3.64 0 .84z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Dengarkan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot; aria-describedby=&quot;postFooterSocialMenu&quot; aria-labelledby=&quot;postFooterSocialMenu&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-controls=&quot;postFooterSocialMenu&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Share Post&quot; data-testid=&quot;headerSocialShareButton&quot; class=&quot;af fj ah ai aj ak al nd an ao ap ew ne nf mx ng nh ni nj nk s nl nm nn no np nq nr u ns nt nu&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M15.22 4.93a.42.42 0 0 1-.12.13h.01a.45.45 0 0 1-.29.08.52.52 0 0 1-.3-.13L12.5 3v7.07a.5.5 0 0 1-.5.5.5.5 0 0 1-.5-.5V3.02l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.8a.42.42 0 0 1 .07.5zm-.1.14zm.88 2h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.14c.1.1.15.22.15.35a.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9V8.96c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Bagikan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p id=&quot;2084&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Mode strong skipping adalah fitur eksperimental dalam Jetpack Compose Compiler 1.5.4+ yang saat ini sedang diuji. Ini adalah bagian dari tugas kami agar kode yang Anda tulis secara natural menjadi lebih berkinerja. Kami tidak ingin mengharuskan Anda menjadi ahli dalam internal Compose untuk menulis kode Compose yang bagus! Mode strong skipping mengubah aturan tentang composable yang bisa melewati rekomposisi dan akan sangat mengurangi rekomposisi dengan mengizinkan composable dengan parameter yang tidak stabil untuk dilewati, dan selain itu, secara otomatis mengingat lambda dengan tangkapan yang tidak stabil.&lt;/p&gt;&lt;p id=&quot;12f2&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Perubahan ini mungkin terlihat kecil, tetapi perubahan perilakunya cukup besar, begitu juga dengan biaya yang harus ditanggung jika salah. Kami meluncurkannya dengan hati-hati karena sulit untuk membalikkan perubahan seperti ini. Melakukan rekomposisi ketika tidak diperlukan memiliki biaya performa tetapi aplikasi Anda akan tetap berfungsi dengan baik untuk pengguna, tidak melakukan rekomposisi ketika seharusnya dilakukan dapat menyebabkan bug pada aplikasi Anda yang tentunya ingin kita hindari!&lt;/p&gt;&lt;p id=&quot;ab2a&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Saat ini kami telah mengaktifkan fitur tersebut dalam kode kami di library Compose 1.7.0-alfa, dan kami sedang mengevaluasi kapan harus mengaktifkannya secara default di kode Anda, dengan sasaran rilis stabil Compose 1.7. Silakan coba dan laporkan masalah yang Anda temukan di &lt;a class=&quot;af ot&quot; href=&quot;http://goo.gle/compose-feedback&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;goo.gle/compose-feedback&lt;/a&gt;.&lt;/p&gt;&lt;h1 id=&quot;ad99&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;TL;DR&lt;/h1&gt;&lt;p id=&quot;e68c&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Aktifkan mode strong skipping di compiler Compose untuk mendapatkan perilaku berikut:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;3124&quot; class=&quot;nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os px py pz bj&quot;&gt;Composable dengan parameter yang tidak stabil bisa dilewati.&lt;/li&gt;&lt;li id=&quot;745c&quot; class=&quot;nv nw hs nx b ny qa oa ob oc qb oe of og qc oi oj ok qd om on oo qe oq or os px py pz bj&quot;&gt;Parameter yang tidak stabil dibandingkan ekualitasnya melalui ekualitas instance (&lt;code class=&quot;cw qf qg qh qi b&quot;&gt;===&lt;/code&gt;)&lt;/li&gt;&lt;li id=&quot;2064&quot; class=&quot;nv nw hs nx b ny qa oa ob oc qb oe of og qc oi oj ok qd om on oo qe oq or os px py pz bj&quot;&gt;Parameter yang stabil terus dibandingkan ekualitasnya dengan &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;Object.equals()&lt;/code&gt;&lt;/li&gt;&lt;li id=&quot;b060&quot; class=&quot;nv nw hs nx b ny qa oa ob oc qb oe of og qc oi oj ok qd om on oo qe oq or os px py pz bj&quot;&gt;Semua lambda dalam fungsi composable secara otomatis diingat. Ini berarti Anda tidak perlu lagi membungkus lambda dengan remember untuk memastikan composable yang menggunakan lambda, dilewati.&lt;/li&gt;&lt;/ul&gt;&lt;h1 id=&quot;70ee&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;Bagaimana cara mengaktifkan strong skipping?&lt;/h1&gt;&lt;p id=&quot;5928&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Atur flag compiler &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;experimentalStrongSkipping&lt;/code&gt; ke &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;true&lt;/code&gt; dengan basis per modul. Ini bisa dilakukan di Gradle dengan cuplikan berikut dalam file gradle level root Anda untuk mengaktifkannya bagi semua modul:&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;0e08&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;tasks.withType&amp;lt;org.jetbrains.kotlin.gradle.tasks.KotlinCompile&amp;gt;() {&lt;br&gt;    compilerOptions.freeCompilerArgs.addAll(&lt;br&gt;        &quot;-P&quot;,&lt;br&gt;        &quot;plugin:androidx.compose.compiler.plugins.kotlin:experimentalStrongSkipping=true&quot;,&lt;br&gt;    )&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;h1 id=&quot;29a6&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;Perubahan mendalam&lt;/h1&gt;&lt;h2 id=&quot;214f&quot; class=&quot;qw ov hs be ow qx qy dx pa qz ra dz pe og rb rc rd ok re rf rg oo rh ri rj rk bj&quot;&gt;Kemampuan Melewati Composable&lt;/h2&gt;&lt;p id=&quot;4262&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Mode strong skipping melonggarkan beberapa aturan stabilitas yang saat ini diterapkan oleh compiler Compose saat melewati composable. Secara default, compiler Compose akan menandai fungsi composable sebagai dapat dilewati jika fungsi tersebut hanya memiliki nilai stabil yang disediakan sebagai argumen. Mode strong skipping mengubah hal ini.&lt;/p&gt;&lt;p id=&quot;ff93&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dengan strong skipping diaktifkan, semua fungsi composable &lt;a class=&quot;af ot&quot; href=&quot;https://developer.android.com/jetpack/compose/performance/stability#functions&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;yang dapat dimulai ulang&lt;/a&gt; akan dapat dilewati, tanpa menghiraukan apakah fungsi tersebut memiliki parameter yang tidak stabil atau tidak. Fungsi composable yang tidak dapat dimulai ulang tetap tidak dapat dilewati.&lt;/p&gt;&lt;p id=&quot;56bb&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Untuk menentukan apakah akan melewati composable selama rekomposisi, parameter yang tidak stabil akan dibandingkan dengan nilai sebelumnya menggunakan instance ekualitas (&lt;code class=&quot;cw qf qg qh qi b&quot;&gt;===&lt;/code&gt;). Parameter stabil terus dibandingkan dengan nilai sebelumnya menggunakan ekualitas objek — &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;Object.equals()&lt;/code&gt;.&lt;/p&gt;&lt;p id=&quot;ca48&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;&lt;strong class=&quot;nx ht&quot;&gt;Catatan:&lt;/strong&gt; Parameter lambda tidak ditangani secara berbeda, tetapi ada sedikit perbedaan pada cara kerjanya dalam praktik, yang akan dijelaskan pada bagian berikutnya.&lt;/p&gt;&lt;p id=&quot;bc88&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Jika semua parameter memenuhi persyaratan ini, composable akan dilewati selama rekomposisi.&lt;/p&gt;&lt;p id=&quot;d172&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Salah satu contoh composable yang akan direkomposisi sebelumnya, tetapi dengan mengaktifkan mode strong skipping akan dilewati adalah:&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;6a2b&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;@Composable&lt;br&gt;fun ArticleList(&lt;br&gt;articles: List&amp;lt;Article&amp;gt;, // List = Unstable, Article = Stable&lt;br&gt;modifier: Modifier = Modifier // Stable&lt;br&gt;) {&lt;br&gt;  // …&lt;br&gt;}&lt;br&gt;&lt;br&gt;@Composable&lt;br&gt;fun CollectionScreen(viewModel: CollectionViewModel = viewModel()) {&lt;br&gt;  var favorite by remember { mutableStateOf(false) }&lt;br&gt;  Column {&lt;br&gt;    FavoriteButton(isFavorite = favorite, onToggle = { favorite = !favorite })&lt;br&gt;    ArticleList(viewModel.articles)&lt;br&gt;  }&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;560d&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Tanpa mengaktifkan mode strong skipping, ketika &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;FavoriteButton&lt;/code&gt; diaktifkan, daftar artikel juga akan direkomposisi karena memiliki tipe parameter yang tidak stabil (&lt;code class=&quot;cw qf qg qh qi b&quot;&gt;List&lt;/code&gt;). Dengan strong skipping diaktifkan, &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;ArticleList&lt;/code&gt; akan dilewati karena instance daftar (&lt;code class=&quot;cw qf qg qh qi b&quot;&gt;articles&lt;/code&gt;) tidak berubah.&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab ca rl rm rn ro&quot; role=&quot;separator&quot;&gt;&lt;span class=&quot;rp bx bl rq rr rs&quot;&gt;&lt;/span&gt;&lt;span class=&quot;rp bx bl rq rr rs&quot;&gt;&lt;/span&gt;&lt;span class=&quot;rp bx bl rq rr&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;gm gn go gp gq&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;ch bg fy fz ga gb&quot;&gt;&lt;h2 id=&quot;409f&quot; class=&quot;qw ov hs be ow qx qy dx pa qz ra dz pe og rb rc rd ok re rf rg oo rh ri rj rk bj&quot;&gt;Memoisasi lambda&lt;/h2&gt;&lt;p id=&quot;d521&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Mode strong skipping juga memungkinkan lebih banyak memoisasi lambda di dalam fungsi composable. Sekarang secara default (atau di masa depan dengan strong skipping dinonaktifkan), compiler Compose hanya akan membungkus lambda dalam fungsi composable yang hanya menangkap nilai stabil dalam fungsi &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;remember&lt;/code&gt;, selain itu lambda composable juga akan selalu diingat.&lt;/p&gt;&lt;p id=&quot;2761&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;&lt;strong class=&quot;nx ht&quot;&gt;Catatan:&lt;/strong&gt; Lambda tanpa tangkapan juga dimemoisasi, tetapi ini dilakukan oleh compiler Kotlin dan bukan oleh plugin compiler Compose dengan membuat instance statis lambda.&lt;/p&gt;&lt;p id=&quot;a450&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dengan strong skipping diaktifkan, &lt;strong class=&quot;nx ht&quot;&gt;lambda dengan tangkapan yang tidak stabil juga akan dimemoisasi&lt;/strong&gt;. Ini berarti semua lambda yang ditulis dalam fungsi composable sekarang secara otomatis diingat.&lt;/p&gt;&lt;p id=&quot;13c4&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Secara efektif ini membungkus lambda Anda dengan panggilan remember, serta dikunci dengan tangkapan lambda secara otomatis, mis.&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;5aae&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;@Composable&lt;br&gt;fun MyComposable(unstableObject: Unstable, stableObject: Stable) {&lt;br&gt;  val lambda = {&lt;br&gt;    use(unstableObject)&lt;br&gt;    use(stableObject)&lt;br&gt;  }&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;f0a3&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;kira-kira menjadi seperti ini dengan strong skipping diaktifkan:&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;8aae&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;@Composable&lt;br&gt;fun MyComposable(unstableObject: Unstable, stableObject: Stable) {&lt;br&gt;   val lambda = remember(unstableObject, stableObject) {&lt;br&gt;     {&lt;br&gt;       use(unstableObject)&lt;br&gt;       use(stableObject)&lt;br&gt;     }&lt;br&gt;  }&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;98d3&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Kunci mengikuti aturan perbandingan yang sama dengan fungsi composable, kunci tidak stabil dibandingkan menggunakan ekualitas instance dan kunci stabil dibandingkan menggunakan ekualitas objek.&lt;/p&gt;&lt;p id=&quot;2c13&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;&lt;strong class=&quot;nx ht&quot;&gt;Catatan:&lt;/strong&gt; Ini sedikit berbeda dengan panggilan remember normal di mana semua kunci dibandingkan menggunakan ekualitas objek.&lt;/p&gt;&lt;p id=&quot;eeab&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Melakukan pengoptimalan ini sangat meningkatkan jumlah composable yang akan dilewati selama rekomposisi, karena tanpa memoisasi ini, composable apa pun yang mengambil parameter lambda kemungkinan besar akan memiliki lambda baru yang dialokasikan selama rekomposisi dan karenanya tidak akan memiliki parameter yang sama dengan komposisi terakhir.&lt;/p&gt;&lt;h1 id=&quot;05dc&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;Mengapa strong skipping bersifat eksperimental?&lt;/h1&gt;&lt;p id=&quot;e68e&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Mengubah composable mana yang bisa dilewati merupakan perubahan perilaku yang sangat besar untuk Compose, mungkin perubahan perilaku terbesar yang pernah kami luncurkan. Kami ingin berhati-hati dalam mengaktifkannya untuk memastikan tidak ada kasus berisiko yang akan membuat upgrade ke versi Compose baru menjadi terlalu sulit. Saat ini kami telah mengaktifkannya untuk kode kami di Compose 1.7 alfa dan akan memutuskan apakah tetap mengaktifkannya sebelum 1.7 menjadi beta.&lt;/p&gt;&lt;p id=&quot;a564&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Kami kemudian akan memutuskan apakah akan mengaktifkannya secara default di compiler untuk semua orang. Perlu diperhatikan bahwa &quot;eksperimental&quot; mirip dengan API lainnya. Kami rasa kodenya tidak mengandung bug, kami hanya tidak yakin bahwa kodenya sudah dalam bentuk final dan mungkin saja akan berubah di masa depan.&lt;/p&gt;&lt;p id=&quot;02e8&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Jika Anda mencobanya dan menemukan masalah dengan strong skipping, harap laporkan bug di &lt;a class=&quot;af ot&quot; href=&quot;http://goo.gle/compose-feedback&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;goo.gle/compose-feedback&lt;/a&gt;.&lt;/p&gt;&lt;h1 id=&quot;3810&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;Apakah saya masih harus menandai tipe sebagai stabil?&lt;/h1&gt;&lt;p id=&quot;7e06&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Kebutuhan untuk melakukan hal ini akan menurun secara drastis, tetapi masih diperlukan dalam beberapa kasus. Kasus utama untuk hal ini adalah ketika Anda menginginkan objek Anda dibandingkan dengan ekualitas objek, bukan dengan ekualitas instance.&lt;/p&gt;&lt;p id=&quot;8c8a&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Kami juga telah menambahkan &lt;a class=&quot;af ot&quot; href=&quot;https://developer.android.com/jetpack/compose/performance/stability/fix#configuration-file&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;file konfigurasi stabilitas&lt;/a&gt; agar kasus ini lebih mudah dikelola. Ini memungkinkan Anda menandai class apa pun sebagai stabil. Anda bisa menggunakan file konfigurasi dengan atau tanpa mengaktifkan strong skipping, keduanya merupakan fitur yang terpisah tetapi saling melengkapi yang dirancang untuk membantu mengatasi masalah ini.&lt;/p&gt;&lt;p id=&quot;6282&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;File konfigurasi sangat bagus untuk class eksternal, seperti &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;java.time.Instant&lt;/code&gt; yang tidak dapat dianotasi dengan &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;@Stable&lt;/code&gt;. Anda juga bisa menandai seluruh paket sebagai stabil jika itu membantu kasus penggunaan Anda, mis. &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;java.time.*&lt;/code&gt;.&lt;/p&gt;&lt;p id=&quot;2881&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Peringatan, konfigurasi ini tidak membuat class stabil dengan sendirinya. Sebaliknya, dengan menggunakan konfigurasi ini, Anda bersedia mengikuti &lt;a class=&quot;af ot&quot; href=&quot;https://developer.android.com/jetpack/compose/performance/stability#types&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;kontrak stabilitas&lt;/a&gt; dengan compiler. Salah mengonfigurasi class bisa menyebabkan rekomposisi rusak.&lt;/p&gt;&lt;h1 id=&quot;f83f&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;Apakah seluruh aplikasi saya akan rusak ketika saya mengaktifkannya?&lt;/h1&gt;&lt;p id=&quot;e643&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Seharusnya tidak! Namun, mungkin Anda akan menemukan sejumlah kegagalan uji. Ini akan berdasar pada jenis pengujian yang Anda tulis di code base, tetapi jika Anda melakukan pengujian yang secara khusus menghitung jumlah komposisi dari sebuah composable, maka jumlah tersebut kemungkinan besar akan berubah, dan pengujian akan gagal sampai Anda memperbarui jumlah tersebut.&lt;/p&gt;&lt;h1 id=&quot;7c50&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;Ini diaktifkan di Compose 1.7. 0-alfa, apakah ini berarti jika saya menggunakan 1.7 maka saya menggunakan Strong Skipping?&lt;/h1&gt;&lt;p id=&quot;5069&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Tidak. Strong skipping adalah flag compiler compose, sehingga perlu diaktifkan untuk setiap modul yang digunakan. Jika Anda menggunakan Compose 1.7 tetapi tidak mengaktifkan strong skipping, composable kami akan melewati aturan strong skipping dan composable Anda akan melewati seperti biasanya. Hal yang sama berlaku untuk modul, Anda bisa memilih untuk mengaktifkan strong skipping modul satu per satu.&lt;/p&gt;&lt;h1 id=&quot;2a9f&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;Apakah ada contoh yang berfungsi dengan baik sebelumnya, tetapi menjadi tidak berfungsi dengan strong skipping?&lt;/h1&gt;&lt;p id=&quot;5368&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Contoh composable yang sebelumnya dapat berfungsi, tetapi tidak berfungsi saat strong skipping diaktifkan, pada umumnya karena composable tersebut berfungsi akibat efek samping yang tidak disengaja. Ini kemungkinan besar akan terjadi dengan objek nested yang dapat diubah. Cuplikan kode berikut akan berfungsi dengan strong skipping dinonaktifkan, tetapi dengan strong skipping diaktifkan, composable daftar akan dilewati.&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;48e3&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;@Composable&lt;br&gt;fun MyToggle(enabled: Boolean) {}&lt;br&gt;@Composable&lt;br&gt;fun MyList(list: List&amp;lt;String&amp;gt;) {}&lt;br&gt;&lt;br&gt;@Composable&lt;br&gt;fun MyScreen() {&lt;br&gt;   var list by remember { mutableStateOf(mutableListOf(&quot;Foo&quot;)) }&lt;br&gt;   var toggle by remember { mutableStateOf(false) }&lt;br&gt;   MyToggle(toggle)&lt;br&gt;   MyList(list)&lt;br&gt;&lt;br&gt;   Button(&lt;br&gt;      onClick = {&lt;br&gt;         list.add(&quot;Bar&quot;)&lt;br&gt;         toggle = !toggle&lt;br&gt;      }&lt;br&gt;   ) { Text(&quot;Toggle&quot;) }&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;4e1d&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Composable ini hanya berfungsi sebelumnya karena &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;toggle&lt;/code&gt; memicu rekomposisi, dan perubahan pada daftar yang dapat diubah hanya terjadi akibat efek samping. &lt;a class=&quot;af ot&quot; href=&quot;https://dev.to/zachklipp&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Zach Klippenstein&lt;/a&gt; menerbitkan postingan yang bagus tentang masalah ini jika Anda tertarik: &lt;a class=&quot;af ot&quot; href=&quot;https://dev.to/zachklipp/two-mutables-dont-make-a-right-2kgp&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Dua status yang dapat diubah tidak akan menjadikannya benar&lt;/a&gt;.&lt;/p&gt;&lt;h1 id=&quot;28bf&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;Mengintip di balik layar pengembangan Compose&lt;/h1&gt;&lt;p id=&quot;edce&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Anda bisa berhenti membaca di sini jika Anda hanya ingin mempelajari tentang mode strong skipping, tetapi saya pikir sebagian orang mungkin ingin mengetahui lebih dalam tentang apa yang berubah dan mengapa. Ini adalah pemikiran yang kami lalui ketika mengembangkan fitur Compose baru.&lt;/p&gt;&lt;p id=&quot;b57e&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Mode strong skipping mengatasi dua titik masalah utama dalam pengembangan Compose:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;bb1b&quot; class=&quot;nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os px py pz bj&quot;&gt;Composable tidak dilewati saat developer berpikir bahwa mereka harus melakukannya karena input yang tidak stabil&lt;/li&gt;&lt;li id=&quot;a0dd&quot; class=&quot;nv nw hs nx b ny qa oa ob oc qb oe of og qc oi oj ok qd om on oo qe oq or os px py pz bj&quot;&gt;&quot;Lambda tidak stabil&quot; didiagnosis sebagai penyebab rekomposisi&lt;/li&gt;&lt;/ul&gt;&lt;h2 id=&quot;2f48&quot; class=&quot;qw ov hs be ow qx qy dx pa qz ra dz pe og rb rc rd ok re rf rg oo rh ri rj rk bj&quot;&gt;Kemampuan melewati&lt;/h2&gt;&lt;p id=&quot;196b&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Ketika Compose pertama kali dikembangkan, kami sebenarnya mengira bahwa orang-orang akan kesulitan menghadapi masalah yang berbeda dari yang kita lihat sekarang. Kami pikir tim akan terus bertanya &quot;mengapa ini tidak dikomposisi ulang?!”. Ternyata yang terjadi justru sebaliknya. Kami mengambil pendekatan konservatif untuk rekomposisi, kami percaya bahwa dalam kasus ketika kami tidak tahu jika input ke composable telah berubah (karena mereka tidak stabil dan mutasinya tidak terlacak oleh runtime compose), kami tidak boleh melewatinya. Ya, mungkin performanya sedikit menurun, tetapi ini berarti aplikasi akan menunjukkan keadaan yang benar ketika ada hal lain yang menyebabkan rekomposisi (seperti yang ditunjukkan pada contoh di atas), yang merupakan faktor terpenting bagi pengguna akhir.&lt;/p&gt;&lt;p id=&quot;4dbc&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Setelah Compose dirilis, kami melihat hal yang berlawanan dengan hipotesis awal kami, developer berjuang untuk memahami mengapa composable dapat dikomposisi ulang. Masalah ini diperkuat oleh layout inspector yang menunjukkan jumlah rekomposisi, ini adalah alat termudah yang tersedia untuk mendiagnosis masalah performa di aplikasi Anda, dan jangan salah paham, beberapa di antaranya sangat nyata dan perlu diperbaiki, tetapi menggunakan jumlah rekomposisi sebagai alat untuk pengoptimalan performa memiliki kelemahan yang sangat besar. &lt;strong class=&quot;nx ht&quot;&gt;Rekomposisi hanyalah salah satu bagian dari performa aplikasi Anda dan jumlah rekomposisi hanyalah ukuran tidak langsung dari kontribusi rekomposisi terhadap hal itu.&lt;/strong&gt; Anda bisa memiliki satu composable yang sangat mahal yang menghabiskan banyak waktu untuk dikomposisi ulang, dan Anda bisa memiliki composable yang sangat murah untuk dikomposisi ulang yang memerlukan rekomposisi tambahan di sana-sini yang sebenarnya tidak sepadan karena membuat kode Anda menjadi lebih rumit dihindari. Di sini, jika Anda hanya menggunakan layout inspector, Anda mungkin menghabiskan banyak waktu untuk mengoptimalkan composable yang murah, dan sama sekali tidak menyadari bahwa composable yang hanya dikomposisi ulang sekali, sebenarnya adalah yang mahal. Inilah mengapa kami selalu mengatakan, khawatirkan tentang rekomposisi hanya ketika Anda memiliki masalah performa yang terukur. Anda harus menggunakan alat seperti &lt;a class=&quot;af ot&quot; href=&quot;https://developer.android.com/jetpack/compose/performance/tooling#tracing&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;pelacakan komposisi&lt;/a&gt; dan &lt;a class=&quot;af ot&quot; href=&quot;https://developer.android.com/topic/performance/benchmarking/macrobenchmark-overview&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;macrobenchmark&lt;/a&gt; untuk mengukur dan menguantifikasi waktu atau tenggat waktu bingkai yang terlewat jika perubahan kode Anda benar-benar membuat perbedaan pada performa akhir aplikasi Anda.&lt;/p&gt;&lt;p id=&quot;96b1&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Namun demikian, kami setuju bahwa situasi saat ini dapat diperbaiki. Developer terjebak dalam situasi yang berkinerja buruk ketika menulis kode Kotlin/Compose idiomatis. Idealnya, Anda tidak perlu memikirkan semua ini, kecuali pada kasus-kasus berisiko, jadi kami coba mencari cara untuk mengatasinya.&lt;/p&gt;&lt;p id=&quot;79fa&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Permintaan fitur yang sering kami lihat adalah mengapa kami tidak menampilkan stabilitas di Android Studio? Itu akan membuat proses debug jauh lebih mudah daripada menggali laporan compiler. Kami sebenarnya sudah mengimplementasikan prototipe awal fitur ini.&lt;/p&gt;&lt;figure class=&quot;qj qk ql qm qn gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb rt&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*0vGqHENl7wCLSmvt 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*0vGqHENl7wCLSmvt 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*0vGqHENl7wCLSmvt 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*0vGqHENl7wCLSmvt 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*0vGqHENl7wCLSmvt 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*0vGqHENl7wCLSmvt 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*0vGqHENl7wCLSmvt 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*0vGqHENl7wCLSmvt 640w, https://miro.medium.com/v2/resize:fit:720/0*0vGqHENl7wCLSmvt 720w, https://miro.medium.com/v2/resize:fit:750/0*0vGqHENl7wCLSmvt 750w, https://miro.medium.com/v2/resize:fit:786/0*0vGqHENl7wCLSmvt 786w, https://miro.medium.com/v2/resize:fit:828/0*0vGqHENl7wCLSmvt 828w, https://miro.medium.com/v2/resize:fit:1100/0*0vGqHENl7wCLSmvt 1100w, https://miro.medium.com/v2/resize:fit:1400/0*0vGqHENl7wCLSmvt 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;388&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;ru fe rv ha hb rw rx be b bf z dt&quot;&gt;Implementasi prototipe petunjuk stabilitas inline di Studio&lt;/figcaption&gt;&lt;/figure&gt;&lt;p id=&quot;e6ff&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Kami memutuskan untuk tidak meluncurkan fitur ini karena ada dua masalah utama dengan solusi ini:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;2e14&quot; class=&quot;nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os px py pz bj&quot;&gt;Ini memberikan keunggulan besar pada fitur compiler yang kami tujukan sebagai kasus berisiko lanjutan. Ini akan berdampak pada developer yang berpikir bahwa mereka harus membuat setiap parameter stabil.&lt;/li&gt;&lt;li id=&quot;2454&quot; class=&quot;nv nw hs nx b ny qa oa ob oc qb oe of og qc oi oj ok qd om on oo qe oq or os px py pz bj&quot;&gt;Ini tidak memperbaiki masalah dengan &quot;lambda yang tidak stabil&quot; karena lambda tersebut tetap akan terlihat stabil. (Dibahas secara mendetail di bawah).&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;2bba&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Kami telah menambahkan informasi ini ke debugger. Android Studio Hedgehog dan yang lebih baru akan menampilkan status rekomposisi composable ketika Anda menempatkan titik henti sementara di dalamnya, termasuk informasi tentang stabilitas.&lt;/p&gt;&lt;figure class=&quot;qj qk ql qm qn gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb ry&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*weqdf-JmdsHHE_ff 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*weqdf-JmdsHHE_ff 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*weqdf-JmdsHHE_ff 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*weqdf-JmdsHHE_ff 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*weqdf-JmdsHHE_ff 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*weqdf-JmdsHHE_ff 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*weqdf-JmdsHHE_ff 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*weqdf-JmdsHHE_ff 640w, https://miro.medium.com/v2/resize:fit:720/0*weqdf-JmdsHHE_ff 720w, https://miro.medium.com/v2/resize:fit:750/0*weqdf-JmdsHHE_ff 750w, https://miro.medium.com/v2/resize:fit:786/0*weqdf-JmdsHHE_ff 786w, https://miro.medium.com/v2/resize:fit:828/0*weqdf-JmdsHHE_ff 828w, https://miro.medium.com/v2/resize:fit:1100/0*weqdf-JmdsHHE_ff 1100w, https://miro.medium.com/v2/resize:fit:1400/0*weqdf-JmdsHHE_ff 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;55&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;ru fe rv ha hb rw rx be b bf z dt&quot;&gt;Status rekomposisi di debugger Android Studio Hedgehog&lt;/figcaption&gt;&lt;/figure&gt;&lt;p id=&quot;c5f0&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Namun, secara umum, mengapa Anda harus tahu tentang hal ini? Dapatkah kita mencapai tujuan awal kita, yaitu stabilitas yang hanya diperlukan pada kasus berisiko? Dari sinilah kami sampai pada gagasan awal mengenai mode strong skipping, yang memungkinkan composable dengan parameter yang tidak stabil untuk melewatinya juga. Ini menggeser pendekatan default kami untuk rekomposisi dari yang semula konservatif, tidak akan melewati saat kami tidak seharusnya mendekatinya, menjadi pendekatan yang lebih seimbang, yang menurut kami lebih sesuai dengan apa yang secara intuitif Anda harapkan. Yang terpenting, kami tidak mengurangi pengalaman developer yang belum belajar tentang konsep stabilitas, kode mereka kemungkinan besar akan menjadi lebih cepat setelah kami mengaktifkannya secara default.&lt;/p&gt;&lt;h2 id=&quot;e261&quot; class=&quot;qw ov hs be ow qx qy dx pa qz ra dz pe og rb rc rd ok re rf rg oo rh ri rj rk bj&quot;&gt;“Lambda yang tidak stabil”&lt;/h2&gt;&lt;p id=&quot;0728&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Kita masih menghadapi masalah lambda. Mungkin salah satu kesalahpahaman terbesar tentang Compose adalah konsep &quot;lambda yang tidak stabil&quot; yang menyebabkan rekomposisi. Semua lambda dalam Compose bersifat stabil, jadi konsep lambda yang tidak stabil adalah konsep yang agak keliru. Jika ingin memperbaiki masalah kemampuan melewati, kita juga harus mengatasi titik masalahnya. Untuk memahaminya, kita harus mundur selangkah dan melihat compiler lebih mendalam.&lt;/p&gt;&lt;p id=&quot;d7b8&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Compiler Compose menentukan jika sebuah composable bisa dilewati pada waktu kompilasi dengan melihat stabilitas parameter composable. Ada beberapa composable yang tidak mungkin diketahui hingga runtime karena beberapa hal seperti tipe umum, tetapi sebagian besar composable bisa ditentukan dapat dilewati atau tidak pada waktu kompilasi. Mari kita lihat contoh composable yang menyertakan lambda:&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;645e&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;@Composable&lt;br&gt;fun NumberComposable(&lt;br&gt;  current: Long,&lt;br&gt;  onValueChanged: (Long) -&amp;gt; Unit&lt;br&gt;) { }&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;0cd4&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Composable ini akan diproses oleh compiler dan ditandai sebagai dapat dilewati, termasuk lambda yang ditandai sebagai stabil. Laporan compiler compose akan menunjukkan hal berikut:&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;3902&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;restartable skippable scheme(&quot;[androidx.compose.ui.UiComposable]&quot;) fun NumberComposable(&lt;br&gt;  stable current: Long&lt;br&gt;  stable onValueChanged: Function1&amp;lt;Long, Unit&amp;gt;&lt;br&gt;)&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;a072&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dalam contoh ini, bayangkan composable kemudian gunakan sebagai berikut:&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;038f&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;@Composable&lt;br&gt;fun MyScreen(viewModel: MyViewModel) {&lt;br&gt;  val number by viewModel.number.collectAsState()&lt;br&gt;  var text by remember { mutableStateOf(&quot;&quot;) }&lt;br&gt;  NumberComposable(&lt;br&gt;    current = number,&lt;br&gt;    onValueChange = { viewModel.numberChanged(it) }&lt;br&gt;  )&lt;br&gt;  TextField(text, onValueChanged = { text = it })&lt;br&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;e226&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Developer composable ini berharap bahwa ketika pengguna mengetik di kolom teks, &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;NumberComposable&lt;/code&gt; akan melewati rekomposisi karena inputnya tidak berubah dan laporan compiler juga mengonfirmasi bahwa ia dapat dilewati. Tetapi saat runtime, mereka melihat layout inspector yang menunjukkan bahwa hal itu tidak terjadi. Contoh ini sudah cukup jelas, pada kenyataannya kami melihat developer mengalami masalah ini dan melakukan rekomposisi seluruh layar mereka dan menyebabkan jank pada perangkat berspesifikasi rendah saat pengguna mengetik, dan kami setuju bahwa ini sangat buruk!&lt;/p&gt;&lt;p id=&quot;4dfc&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Namun, apa yang sebenarnya terjadi di sini? Apakah laporan compiler berbohong, atau layout inspector yang salah? Tidak, perilaku ini muncul karena &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;MyViewModel&lt;/code&gt; tidak stabil dan ini menyebabkan sedikit perbedaan yang akan saya jelaskan di bawah.&lt;/p&gt;&lt;p id=&quot;092f&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Yang perlu diperhatikan adalah bahwa lambda hanyalah objek di balik layar. Ketika composable &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;MyScreen&lt;/code&gt; dikomposisi ulang, lambda &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;onValueChanged&lt;/code&gt; direalokasi. Ketika &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;NumberComposable&lt;/code&gt; dievaluasi untuk dilewati, runtime compose melihat setiap argumen yang diberikan ke dalam composable dan membandingkannya dengan nilai sebelumnya. Runtime melihat bahwa &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;current&lt;/code&gt; adalah nilai yang sama tetapi &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;onValueChanged&lt;/code&gt; telah berubah karena sudah direalokasi dan lambda hanya menggunakan ekualitas referensi untuk pengecekan ekualitasnya (alamat objek tidak sama), oleh karena itu composable akan dikomposisi ulang karena inputnya berubah. Rekomposisi disebabkan oleh objek lambda yang berubah, bukan lambda yang tidak stabil.&lt;/p&gt;&lt;p id=&quot;2bef&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Jadi, mengapa tidak semua composable dengan lambda tidak pernah dilewati? Titik masalah ini adalah studi kasus mengapa kami selalu ragu-ragu menambahkan “keajaiban compiler”. Semakin banyak yang dilakukan compiler untuk Anda, semakin sulit memahami mengapa kode Anda tidak berfungsi sebagaimana mestinya. Dalam kasus ini, dahulu ketika kami mengembangkan skipping, kami menyadari bahwa ia tidak akan terlalu efektif jika semua composable dengan lambda tidak bisa melewati, itu akan menghasilkan sejumlah besar composable yang tidak pernah melewati! Jadi, kami mengimplementasikan pengingat otomatis lambda, selama mereka hanya memiliki tangkapan stabil. Jika composable di atas ditulis tanpa menggunakan &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;viewModel&lt;/code&gt; yang tidak stabil pada lambda, composable akan berperilaku seperti yang diharapkan developer. Sesuatu seperti ini&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;855c&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;@Composable&lt;br&gt;fun NumberComposable(&lt;br&gt;  current = number,&lt;br&gt;  onValueChange = { stableViewModel.numberChanged(it) }&lt;br&gt;) { }&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;0cf6&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Compiler akan mentransformasi kode menjadi seperti ini:&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;7d2e&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;@Composable&lt;br&gt;fun NumberComposable(&lt;br&gt;current = number,&lt;br&gt;onValueChange = remember(stableViewModel) { { stableViewModel.numberChanged(it) } }&lt;br&gt;{ }&lt;/span&gt;&lt;/pre&gt;&lt;p id=&quot;68f3&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Karena lambda tidak lagi direalokasi pada rekomposisi, berkat panggilan &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;remember&lt;/code&gt;, input ke &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;NumberComposable&lt;/code&gt; akan sama sehingga composable akan dilewati.&lt;/p&gt;&lt;p id=&quot;fbea&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Mode strong skipping juga memperluas pengingat otomatis ini ke lambda dengan tangkapan tidak stabil, yang berarti&lt;strong class=&quot;nx ht&quot;&gt; setiap lambda dalam fungsi composable sekarang dimemoisasi&lt;/strong&gt;. Ini adalah kompensasi dalam memori untuk performa runtime yang lebih baik, sesuai harapan kami. Namun kami tidak dapat memastikannya, inilah alasan lain mengapa kami memutuskan untuk meluncurkannya secara perlahan. Sejauh ini terlihat bagus, kode kami di AndroidX tidak menunjukkan adanya regresi performa saat strong skipping diaktifkan dan area-area yang belum disesuaikan stabilitasnya secara manual menunjukkan peningkatan performa yang cukup baik saat rekomposisi, dengan salah satu contohnya adalah waktu yang dibutuhkan untuk merekomposisi &lt;code class=&quot;cw qf qg qh qi b&quot;&gt;RadioGroup&lt;/code&gt; menjadi separuhnya.&lt;/p&gt;&lt;h1 id=&quot;9285&quot; class=&quot;ou ov hs be ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po pp pq pr bj&quot;&gt;Melewati hingga akhir&lt;/h1&gt;&lt;p id=&quot;d928&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny ps oa ob oc pt oe of og pu oi oj ok pv om on oo pw oq or os gm bj&quot;&gt;Kesimpulannya, aktifkan mode strong skipping untuk mendapatkan perilaku berikut:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;d04f&quot; class=&quot;nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os px py pz bj&quot;&gt;Composable dengan parameter yang tidak stabil bisa dilewati.&lt;/li&gt;&lt;li id=&quot;696d&quot; class=&quot;nv nw hs nx b ny qa oa ob oc qb oe of og qc oi oj ok qd om on oo qe oq or os px py pz bj&quot;&gt;Parameter yang tidak stabil dibandingkan ekualitasnya melalui ekualitas instance (&lt;code class=&quot;cw qf qg qh qi b&quot;&gt;===&lt;/code&gt;)&lt;/li&gt;&lt;li id=&quot;4bce&quot; class=&quot;nv nw hs nx b ny qa oa ob oc qb oe of og qc oi oj ok qd om on oo qe oq or os px py pz bj&quot;&gt;Semua lambda dalam fungsi composable secara otomatis diingat. Ini berarti Anda tidak perlu lagi membungkus lambda dengan remember untuk memastikan composable yang menggunakan lambda, dilewati.&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;b88e&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Semoga postingan ini memberikan Anda beberapa insight tentang bagaimana kami mengembangkan perubahan perilaku seperti ini. Kami ingin kode yang Anda tulis secara natural memiliki performa yang baik, tanpa Anda harus menjadi ahli di internal Compose. Namun, seperti yang sudah dijelaskan sebelumnya, kami harus berhati-hati dengan perubahan seperti ini dan bergerak secara perlahan.&lt;/p&gt;&lt;p id=&quot;9b74&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Anda bisa mencoba strong skipping sekarang juga dengan flag compiler, atau menunggu kami mengaktifkannya secara default. Jika Anda mencobanya dan menemukan masalah dengan strong skipping, harap laporkan bug di &lt;a class=&quot;af ot&quot; href=&quot;http://goo.gle/compose-feedback&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;goo.gle/compose-feedback&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab ca rl rm rn ro&quot; role=&quot;separator&quot;&gt;&lt;span class=&quot;rp bx bl rq rr rs&quot;&gt;&lt;/span&gt;&lt;span class=&quot;rp bx bl rq rr rs&quot;&gt;&lt;/span&gt;&lt;span class=&quot;rp bx bl rq rr&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;gm gn go gp gq&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;ch bg fy fz ga gb&quot;&gt;&lt;p id=&quot;0a98&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Cuplikan kode dalam blog ini memiliki lisensi berikut:&lt;/p&gt;&lt;pre class=&quot;qj qk ql qm qn qo qi qp bo qq ba bj&quot;&gt;&lt;span id=&quot;a17f&quot; class=&quot;qr ov hs qi b bf qs qt l qu qv&quot;&gt;// Copyright 2024 Google LLC. SPDX-License-Identifier: Apache-2.0&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;/div&gt;&lt;/div&gt;&lt;/article&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/2357954666577323538'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/2357954666577323538'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/jetpack-compose-penjelasan-mode-strong.html' title='Jetpack Compose: Penjelasan Mode Strong Skipping'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-3768539064640453207</id><published>2024-02-26T09:36:00.003+07:00</published><updated>2024-03-18T09:39:54.104+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="announcement"/><category scheme="http://www.blogger.com/atom/ns#" term="explore"/><category scheme="http://www.blogger.com/atom/ns#" term="featured"/><category scheme="http://www.blogger.com/atom/ns#" term="hybrid interface"/><category scheme="http://www.blogger.com/atom/ns#" term="OnePlus"/><category scheme="http://www.blogger.com/atom/ns#" term="Wear OS"/><title type='text'>Antarmuka hybrid Wear OS: Meningkatkan daya dan performa</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://android-developers.googleblog.com/2024/02/wear-os-hybrid-interface-boosting-power-and-performance.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://android-developers.googleblog.com/2024/02/wear-os-hybrid-interface-boosting-power-and-performance.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;p&gt;
26 Februari 2024
&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmm4lj8twpvPFOe835BVS8ODXRQe300l72XMYE-oW50Ce79FGpaa9UHCtGcnhi_GZcsUCsVrbsy2mp3uVV5GPH7BRATgh-t4ZnmkG_PVICWha2ilkXy5k0O256wwlEby3PDLB-u6qKB3nyV6rtXurwlfUQqvKyQaotUso_E-Z15ql3xcuJml625jwR6PA/s1600/WearOS-OnePlus-AD-Social.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmm4lj8twpvPFOe835BVS8ODXRQe300l72XMYE-oW50Ce79FGpaa9UHCtGcnhi_GZcsUCsVrbsy2mp3uVV5GPH7BRATgh-t4ZnmkG_PVICWha2ilkXy5k0O256wwlEby3PDLB-u6qKB3nyV6rtXurwlfUQqvKyQaotUso_E-Z15ql3xcuJml625jwR6PA/s1600/WearOS-OnePlus-AD-Social.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh &lt;a href=&quot;https://twitter.com/kseniiaS&quot; target=&quot;_blank&quot;&gt;Kseniia Shumelchyk&lt;/a&gt;, Android Developer Relations Engineer&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOORsnGuE8R2oK8MeCeUegCvo3kCWraitp4mtBuyoXY9Y33cuHBJiF0JEBpipOSPLBsfyvtxC8rFdV-pxsQwX00xmE3jszlI68QLgauapkYOt_4wZdotYsITlgTehohAawtmuSOadMsnDHtv8b7fHcqADtmqo21_j0rCuih20mNd6srIEq_tKa3mTEY0I/s1600/Oneplus_blogheader.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOORsnGuE8R2oK8MeCeUegCvo3kCWraitp4mtBuyoXY9Y33cuHBJiF0JEBpipOSPLBsfyvtxC8rFdV-pxsQwX00xmE3jszlI68QLgauapkYOt_4wZdotYsITlgTehohAawtmuSOadMsnDHtv8b7fHcqADtmqo21_j0rCuih20mNd6srIEq_tKa3mTEY0I/s1600/Oneplus_blogheader.png&quot;&gt;&lt;/a&gt;

&lt;p&gt;Melalui kerja sama dengan mitra hardware, kami terus memprioritaskan pengalaman pengguna &lt;a href=&quot;https://wearos.google.com/&quot; target=&quot;_blank&quot;&gt;Wear OS&lt;/a&gt; by Google. Oleh karena itu, kami telah melakukan perubahan desain mendasar pada platform dan secara signifikan memperluas kemampuan antarmuka hybrid Wear OS yang menyempurnakan dua area utama: daya dan performa.&lt;/p&gt;

&lt;p&gt;Dengan &lt;a href=&quot;https://www.prnewswire.com/news-releases/introducing-oneplus-watch-2-a-dual-engine-flagship-smartwatch-powered-with-wear-os-by-google-302070328.html#:~:text=DALLAS%2C%20Feb.%2026%2C%202024,%E2%84%A2%20%28Wear%20OS%204%29&quot; target=&quot;_blank&quot;&gt;OnePlus Watch 2&lt;/a&gt;, yang didukung Wear OS (&lt;a href=&quot;https://android-developers.googleblog.com/2023/10/wear-os-4-is-now-stable-and-available-on-google-pixel-watch-2.html&quot; target=&quot;_blank&quot;&gt;Wear OS 4&lt;/a&gt;) versi terbaru, arsitektur dual-chipset bekerja dengan antarmuka hybrid kami agar kedua chip secara bersama-sama menghasilkan performa yang lebih baik. Hal ini akan menghasilkan makin banyak kasus penggunaan yang mendapatkan manfaat dari masa pakai baterai yang jauh lebih lama hingga 100 jam penggunaan reguler dengan semua fungsinya yang dapat diakses dalam Mode Pintar.&lt;/p&gt;

&lt;p&gt;Bersama-sama, kami menghadirkan pengalaman smartwatch premium yang tidak mengorbankan rangkaian fitur canggih atau masa pakai baterai. Dalam postingan ini, kami akan membagikan bagaimana Anda dapat memanfaatkan perubahan ini saat membangun pengalaman untuk Wear OS.&lt;/p&gt;
  
&lt;h2&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Terdepan dalam inovasi: arsitektur smartwatch dengan desain baru&lt;/span&gt;&lt;/h2&gt;

&lt;p&gt;Smartwatch Wear OS memiliki arsitektur dual-chipset yang mencakup prosesor aplikasi (AP) yang tangguh dan unit mikrokontroler co-prosesor (MCU) berdaya sangat rendah. Arsitekturnya memiliki AP tangguh yang mampu menangani operasi kompleks secara massal, dan dipadukan secara mulus dengan MCU berdaya rendah.&lt;/p&gt;

&lt;p&gt;Antarmuka hybrid Wear OS memungkinkan peralihan cerdas antara MCU atau AP, sehingga AP dapat ditangguhkan saat tidak diperlukan untuk menghemat masa pakai baterai. Hal ini membantu, misalnya, mencapai pengalaman yang lebih hemat daya, seperti pemrosesan data sensor di MCU saat AP dalam keadaan tidur. Pada saat yang sama, antarmuka hybrid memberikan transisi yang mulus antarkondisi ini, menjaga pengalaman pengguna yang beragam dan premium tanpa mengganggu transisi antarmode daya.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;TEKS ALT&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSSIa-_v9BKX-IzB2JLfd6Bz8CL3cQDm2ka_DXn8DPR92iM463UzNbpgWaVno3FJwPildLcdvFM83cAyCBjxRmhtM48nWFv7XzDPQFi5rFhfZCoJOM-pxxcTQ6VcXKy1VIR8kig880mWHhQtiPYQ6kKgY90Hkgg2eQ6Zrk3xKOMYPI_i0vCbxglUVx3LU/s1600/image2.gif&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;br&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Pengalaman konektivitas dan notifikasi&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Untuk menyempurnakan interaksi yang bergantung pada konektivitas seperti notifikasi dan panggilan telepon, OnePlus memanfaatkan kemampuan platform dengan API notifikasi di antarmuka hybrid, yang memungkinkan MCU memproses pengalaman notifikasi reguler dan mengurangi kebutuhan untuk mengaktifkan AP.&lt;/p&gt;

&lt;p&gt;Misalnya, &lt;a href=&quot;https://developer.android.com/training/wearables/notifications&quot; target=&quot;_blank&quot;&gt;notifikasi yang dijembatani&lt;/a&gt; akan dikirimkan ke smartwatch tanpa membangunkan AP berperforma tinggi. Pengguna dapat membaca dan mengabaikan notifikasi ini saat smartwatch tersebut masih didukung oleh MCU. MCU juga dapat menangani tindakan khusus untuk perangkat wearable dalam notifikasi, seperti balasan cepat atau tindakan jarak jauh.&lt;/p&gt;

&lt;h2&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Manfaat bagi pengembangan&lt;/span&gt;&lt;/h2&gt;

&lt;p&gt;Anda dapat memanfaatkan Wear OS API yang ada untuk mendapatkan pengoptimalan ini tanpa upaya tambahan apa pun – tidak perlu mengubah kode!&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Notifikasi&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Antarmuka hybrid notifikasi memungkinkan transisi mulus antarmode daya untuk bekerja dengan tumpukan notifikasi Wear OS. Anda mendapatkan performa notifikasi terbaik dengan &lt;a href=&quot;https://developer.android.com/training/wearables/notifications?_gl=1*9dlcvi*_up*MQ..*_ga*NjY5MzY0MTMzLjE3MDc3ODEwMzU.*_ga_6HH9YJMN9M*MTcwNzc4MTAzNC4xLjAuMTcwNzc4MTAzNC4wLjAuMA..#add-wearable-features&quot; target=&quot;_blank&quot;&gt;Notification API&lt;/a&gt;.&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Pengalaman Kesehatan &amp;amp; Kebugaran&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Antarmuka hybrid Wear OS juga meningkatkan pengalaman kebugaran dengan pelacakan olahraga yang lebih tepat, pengenalan olahraga otomatis, dan pemantauan data kesehatan yang lebih cerdas. Semua ini dapat ditawarkan kepada pengguna tanpa mengurangi masa pakai baterai.&lt;/p&gt;

&lt;p&gt;Dimulai dengan Wear OS 3, para developer menggunakan &lt;a href=&quot;https://developer.android.com/health-and-fitness/guides/health-services&quot; target=&quot;_blank&quot;&gt;Fitur Kesehatan di Wear OS&lt;/a&gt; untuk mendapatkan akses ke data sensor. Antarmuka hybrid kesehatan berfungsi untuk mengaktifkan pengoptimalan daya dengan mengelompokkan data sensor di MCU dan memperbarui aplikasi developer secara berkala melalui Health Services API di AP.&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Tampilan Jam&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Dengan Wear OS 4, kami meluncurkan &lt;a href=&quot;https://android-developers.googleblog.com/2023/05/introducing-watch-face-format-for-wear-os.html&quot; target=&quot;_blank&quot;&gt;Format Tampilan Jam&lt;/a&gt;, format XML deklaratif untuk membuat tampilan jam yang dapat disesuaikan dan hemat daya.&lt;/p&gt;

&lt;p&gt;Platform ini telah menciptakan kemampuan untuk menerapkan rendering Format Tampilan Jam di MCU, sehingga penggunaan format baru ini membantu tampilan jam tertentu agar dapat memanfaatkan pengoptimalan yang muncul di perangkat masa depan untuk penggunaan baterai yang lebih baik.&lt;/p&gt;

&lt;p&gt;Lihat dokumentasi &lt;a href=&quot;https://developer.android.com/training/wearables/wff&quot; target=&quot;_blank&quot;&gt;format tampilan jam&lt;/a&gt; dan &lt;a href=&quot;https://developer.android.com/design/ui/wear/guides/surfaces/watch-faces&quot; target=&quot;_blank&quot;&gt;panduan desain&lt;/a&gt; untuk tampilan jam Wear OS.&lt;/p&gt;

&lt;h2&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Memperluas jangkauan dengan Wear OS&lt;/span&gt;&lt;/h2&gt; 

&lt;p&gt;Dengan tambahan ekosistem smartwatch Wear OS dan kemampuan perangkat yang diperluas, sekarang adalah waktu yang tepat untuk membangun pengalaman smartwatch yang dapat menjangkau lebih banyak pengguna dan menguntungkan bisnis Anda.&lt;/p&gt;

&lt;p&gt;Guna mulai mengembangkan aplikasi untuk Wear OS, cobalah &lt;a href=&quot;https://developer.android.com/codelabs/compose-for-wear-os&quot; target=&quot;_blank&quot;&gt;codelab Compose untuk Wear OS&lt;/a&gt; kami, dan lihat &lt;a href=&quot;http://d.android.com/wear&quot; target=&quot;_blank&quot;&gt;dokumentasi&lt;/a&gt; dan &lt;a href=&quot;https://github.com/android/wear-os-samples&quot; target=&quot;_blank&quot;&gt;contohnya&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Baca lebih lanjut tentang &lt;a href=&quot;https://android-developers.googleblog.com/2023/10/wear-os-4-is-now-stable-and-available-on-google-pixel-watch-2.html&quot; target=&quot;_blank&quot;&gt;update developer di Wear OS 4&lt;/a&gt;, dan cara menyiapkan aplikasi untuk smartwatch Wear OS terbaru.&lt;/p&gt;

&lt;p&gt;Kami tak sabar ingin segera melihat pengalaman apa yang akan Anda hadirkan!&lt;/p&gt;



&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3768539064640453207'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3768539064640453207'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/antarmuka-hybrid-wear-os-meningkatkan.html' title='Antarmuka hybrid Wear OS: Meningkatkan daya dan performa'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmm4lj8twpvPFOe835BVS8ODXRQe300l72XMYE-oW50Ce79FGpaa9UHCtGcnhi_GZcsUCsVrbsy2mp3uVV5GPH7BRATgh-t4ZnmkG_PVICWha2ilkXy5k0O256wwlEby3PDLB-u6qKB3nyV6rtXurwlfUQqvKyQaotUso_E-Z15ql3xcuJml625jwR6PA/s72-c/WearOS-OnePlus-AD-Social.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-3227230185835206926</id><published>2024-02-26T09:31:00.006+07:00</published><updated>2024-03-18T09:34:42.874+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Android UI"/><category scheme="http://www.blogger.com/atom/ns#" term="announcement"/><category scheme="http://www.blogger.com/atom/ns#" term="explore"/><category scheme="http://www.blogger.com/atom/ns#" term="jetpack compose"/><category scheme="http://www.blogger.com/atom/ns#" term="mobile"/><category scheme="http://www.blogger.com/atom/ns#" term="The Android Show"/><category scheme="http://www.blogger.com/atom/ns#" term="web"/><title type='text'>Goodie baru dari Android, Perangkat Wearable di Mobile World Congress + saksikan episode baru #TheAndroidShow minggu depan!</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/02/tas-teaser.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/02/tas-teaser.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta name=&quot;twitter:image&quot; content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0RiyyrPaaVPxXBOu8d8y9wAUWn_45S30v6PSfecI6OKJNKDWdm6gsiLK_14cxBUXhlnk67rK358EWhqvVABQqRVcjKo6iYmP9uPeNBAC3pdSQlMkNoit8dpmSxiymkqleXSeWNqB_q0upzqPX-waFeELV1B7JlaWGXvHqnEUfKaV-QxfGfvS8lIwjNQ/s1600/TAS-Social-Q1-AD.png&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0RiyyrPaaVPxXBOu8d8y9wAUWn_45S30v6PSfecI6OKJNKDWdm6gsiLK_14cxBUXhlnk67rK358EWhqvVABQqRVcjKo6iYmP9uPeNBAC3pdSQlMkNoit8dpmSxiymkqleXSeWNqB_q0upzqPX-waFeELV1B7JlaWGXvHqnEUfKaV-QxfGfvS8lIwjNQ/s1600/TAS-Social-Q1-AD.png&quot; style=&quot;display:none&quot;&gt;

&lt;em&gt;Diposting oleh Anirudh Dewani, Direktur Hubungan Developer Android&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPcej6RGlKIMCO01jywpjhx06BwCX4H99IxkpeZ-kOYOky0wayXs55BenCgg51d03jwUNyWIa3LqfHqfzZew9kj7o4o8x0QilXkmvOVILoz9V8EpMg0Tw1diGmgmIfNS3nAyTtNpjWEHQqToRo2qWHpaQvPVX4yhEz_kzARdB-F-YglL3jIeAgtDTjBY8/s1600/image%20%285%29.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;100%&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPcej6RGlKIMCO01jywpjhx06BwCX4H99IxkpeZ-kOYOky0wayXs55BenCgg51d03jwUNyWIa3LqfHqfzZew9kj7o4o8x0QilXkmvOVILoz9V8EpMg0Tw1diGmgmIfNS3nAyTtNpjWEHQqToRo2qWHpaQvPVX4yhEz_kzARdB-F-YglL3jIeAgtDTjBY8/s1600/image%20%285%29.png&quot;&gt;&lt;/a&gt;


&lt;p&gt;Sebelumnya hari ini, di Mobile World Congress (MWC), sebuah konferensi tahunan yang menampilkan perangkat seluler terkini, Android dan mitra kami meluncurkan serangkaian goodie baru, termasuk perangkat wearable, perangkat foldable, serta sejumlah fitur baru untuk pengguna Android. Teruslah membaca artikel di bawah ini untuk mengetahui bagaimana Anda, sebagai developer, dapat memanfaatkan fitur dan perangkat baru yang sedang dirilis ini. Dan hanya dalam waktu seminggu, pada hari Kamis tanggal 7 Maret pukul 10.00 PT, kami akan memulai episode baru #TheAndroidShow, event langsung triwulanan kami di YouTube dan di &lt;a href=&quot;http://developer.android.com/events/show&quot; target=&quot;_blank&quot;&gt;developer.android.com&lt;/a&gt;, tempat kita akan mendalami lebih jauh topik ini.&lt;/p&gt;

&lt;iframe class=&quot;BLOG_video_class&quot; allowfullscreen=&quot;&quot; youtube-src-id=&quot;3D4k2z8Wmw0&quot; width=&quot;100%&quot; height=&quot;413&quot; src=&quot;https://www.youtube.com/embed/3D4k2z8Wmw0&quot;&gt;&lt;/iframe&gt;&lt;br&gt;
 

&lt;h3&gt;Temukan jam tangan baru dari OnePlus dan cara kami meningkatkan daya dengan antarmuka hibrid Wear OS&lt;/h3&gt;


&lt;p&gt;Perangkat wearable dipamerkan di MWC minggu ini, dan salah satu favorit kami adalah OnePlus Watch 2, yang didukung dengan versi terbaru Wear OS (&lt;a href=&quot;https://android-developers.googleblog.com/2023/10/wear-os-4-is-now-stable-and-available-on-google-pixel-watch-2.html&quot; target=&quot;_blank&quot;&gt;Wear OS 4&lt;/a&gt;). Sebagai bagian dari upaya berkelanjutan kami guna meningkatkan pengalaman pengguna &lt;a href=&quot;https://wearos.google.com/&quot; target=&quot;_blank&quot;&gt;Wear OS by Google&lt;/a&gt;, kami telah melakukan perubahan mendasar pada platform dan secara signifikan mengembangkan kemampuan antarmuka hibrid Wear OS yang meningkatkan dua bidang utama: daya dan performa. Sebagai developer, Anda dapat memanfaatkan API Wear OS yang ada untuk memperoleh pengoptimalan tanpa upaya lainnya lagi – tidak perlu perubahan kode! &lt;a href=&quot;https://android-developers.googleblog.com/2024/02/wear-os-hybrid-interface-boosting-power-and-performance.html &quot; target=&quot;_blank&quot;&gt;Anda dapat membaca selengkapnya tentang update ini di sini.&lt;/a&gt; &lt;/p&gt;


&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Gambar tiga orang yang mengenakan OnePlus Watch 2&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY2MRgmDxsZC8Tni50uvlDqwljNbb4WyRSEHDbE4PsY_-0BL-P0W49r7v6TMX8gH39BxcjRaPNr2ZdYhbHF9vkopYBMLPE2BSmr_Nq2bC60P3hRkiNeZMgbZSyazYw5vUXprwD3sJQswKcsqzLTXv-HK-F6o-Bax9qNYmE5mNUPNLqw774no8nK4r7X7U/s1600/Oneplus_social.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;br&gt;

&lt;h3&gt;Beberapa fitur baru untuk pengguna Android&lt;/h3&gt;

&lt;p&gt;Google merilis 9 fitur baru yang dapat dimanfaatkan pengguna Android di seluruh aplikasi Google, Anda dapat &lt;a href=&quot;https://blog.google/products/android/new-android-features-february-2024&quot; target=&quot;_blank&quot;&gt;membaca selengkapnya tentang fitur tersebut di sini&lt;/a&gt;. Untuk developer, kami ingin menyoroti beberapa cara untuk memanfaatkan berita ini di seluruh pengalaman yang Anda buat ke dalam aplikasi Anda:&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Lebih banyak tempat bagi pengguna untuk melihat data Health Connect mereka, kini di aplikasi Fitbit:&lt;/b&gt; Dengan izin dari pengguna Anda, &lt;a href=&quot;https://developer.android.com/health-and-fitness/guides/health-connect&quot; target=&quot;_blank&quot;&gt;Health Connect&lt;/a&gt; adalah cara utama untuk menghubungkan dan menyinkronkan aplikasi kesehatan dan kebugaran favorit mereka, melihat semua data di satu tempat, dan tetap mengontrol privasi mereka. Dengan menyiapkan Health Connect di aplikasi seluler Fitbit untuk Android, pengguna akan mendapatkan ringkasan data kesehatan dan kebugaran mereka dari seluruh aplikasi di satu tempat. Anda dapat &lt;a href=&quot;https://android-developers.googleblog.com/2023/08/health-connect-brings-together-peloton-oura-lifesum-for-deeper-health-and-fitness-insights.html&quot; target=&quot;_blank&quot;&gt;bergabung dengan developer seperti Peloton, ŌURA, dan Lifesum&lt;/a&gt; yang menggunakan Health Connect untuk memberikan wawasan kesehatan dan kebugaran yang lebih mendalam kepada penggunanya, &lt;a href=&quot;https://developer.android.com/health-and-fitness/guides/health-connect&quot; target=&quot;_blank&quot;&gt;mulai sekarang&lt;/a&gt;!&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
  
&lt;li&gt;&lt;b&gt;Tambahkan dukungan Stilus, seperti yang dilakukan Google Docs: &lt;/b&gt; Dengan markup Google Docs, Anda dapat &lt;a href=&quot;https://www.android.com/new-features-on-android/?feature=google-docs-markups&amp;amp;utm_source=blog&amp;amp;utm_medium=owned&amp;amp;utm_campaign=y24q1spotlight/#gms-filter&quot; target=&quot;_blank&quot;&gt;menambahkan anotasi tulisan tangan ke Dokumen&lt;/a&gt; dari ponsel atau tablet Android cukup dengan menggunakan jari atau stilus. Google Docs memanfaatkan dukungan stilus; &lt;a href=&quot;https://developer.android.com/guide/topics/large-screens/support-advanced-stylus-features&quot; target=&quot;_blank&quot;&gt; Anda dapat mempelajari lebih lanjut cara menambahkan dukungan untuk Stilus di sini&lt;/a&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;ul&gt;
  
&lt;li&gt;&lt;b&gt;Gunakan Kartu untuk Wear OS, seperti yang dilakukan Google Maps:&lt;/b&gt; Dengan &lt;a href=&quot;https://www.android.com/new-features-on-android/?feature=transit-directions-on-google-maps-for-wear-os&amp;amp;utm_source=blog&amp;amp;utm_medium=owned&amp;amp;utm_campaign=y24q1spotlight/#gms-filter&quot; target=&quot;_blank&quot;&gt;petunjuk arah angkutan umum di Google Maps untuk Wear OS&lt;/a&gt;, Anda dapat menyimpan ponsel di saku dan melirik pergelangan tangan untuk memastikan Anda naik bus, kereta api, atau kapal feri. Pengguna dapat melihat petunjuk arah angkutan umum ini melalui Google Maps menggunakan &lt;a href=&quot;https://developer.android.com/design/ui/wear/guides/surfaces/tiles&quot; target=&quot;_blank&quot;&gt;Kartu&lt;/a&gt; yang menyediakan akses cepat ke informasi dan tindakan yang diperlukan pengguna untuk menyelesaikan sesuatu. &lt;a href=&quot;https://developer.android.com/training/wearables/tiles&quot; target=&quot;_blank&quot;&gt;Anda dapat mempelajari selengkapnya cara membuat Kartu untuk aplikasi Anda di sini&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;


&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Gambar bertuliskan &#39;Update baru di Android&#39; dengan gambar smartwatch, laptop, dan Android Auto&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY6auQvdiAc77ulf-KnhpPWzh43OHJp9xTds7BPw8HWrf_SrGOCJ_45AAV8ABdQzgD4ooHD4z7XT41DTaXivXAAO9MDHmjuIvDnfW5UoQ48_gRaJMtd6SB1uzEzqdmVRrsavcmH1Asot1ob9EgqKXtLbRMxIf5axHi5AIQofNgTc5pv9QLmdzNCuPPvZM/s1600/image2.jpg&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;

&lt;h2&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Episode baru #TheAndroidShow, ditayangkan langsung pada tanggal 7 Maret pukul 10.00 PT. Kirimkan pertanyaan #AskAndroid Anda kepada kami sekarang! &lt;/span&gt;&lt;/h2&gt;
  
&lt;p&gt;Anda dapat bergabung dengan kami pada tanggal 7 Maret pukul 10.00 PT untuk menonton episode baru &lt;b&gt;#TheAndroidShow.&lt;/b&gt; Dalam pameran triwulanan ini, kami akan merilis perangkat foldable Android dan layar besar terbaru yang bisa Anda gunakan, ditambah di balik layar Gemini Nano dan AICore.&lt;/p&gt;
  
&lt;p&gt;Kami akan mengadakan Tanya Jawab #AskAndroid langsung dengan tim tentang pembuatan Android; Anda dapat bertanya kepada kami tentang pembuatan aplikasi menakjubkan di seluruh perangkat, Android 15, Compose, Gemini, dan lainnya, menggunakan #AskAndroid di X atau di YouTube. Pakar kami siap menjawab pertanyaan Anda secara langsung!&lt;/p&gt;

&lt;p&gt;&lt;b&gt;#TheAndroidShow: 7 Maret pukul 10.00 PT&lt;/b&gt;, disiarkan langsung di YouTube dan &lt;a href=&quot;https://developer.android.com/events/show&quot; target=&quot;_blank&quot;&gt;d.android.com/events/show&lt;/a&gt;!&lt;/p&gt;

&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3227230185835206926'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/3227230185835206926'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/goodie-baru-dari-android-perangkat.html' title='Goodie baru dari Android, Perangkat Wearable di Mobile World Congress + saksikan episode baru #TheAndroidShow minggu depan!'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0RiyyrPaaVPxXBOu8d8y9wAUWn_45S30v6PSfecI6OKJNKDWdm6gsiLK_14cxBUXhlnk67rK358EWhqvVABQqRVcjKo6iYmP9uPeNBAC3pdSQlMkNoit8dpmSxiymkqleXSeWNqB_q0upzqPX-waFeELV1B7JlaWGXvHqnEUfKaV-QxfGfvS8lIwjNQ/s72-c/TAS-Social-Q1-AD.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-1581648378860729158</id><published>2024-02-22T09:47:00.005+07:00</published><updated>2024-03-18T09:52:12.544+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="AI"/><category scheme="http://www.blogger.com/atom/ns#" term="developer tools"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><category scheme="http://www.blogger.com/atom/ns#" term="machine learning"/><category scheme="http://www.blogger.com/atom/ns#" term="release notes"/><title type='text'>Menambahkan kemampuan pemindaian dokumen dengan mudah ke aplikasi Anda menggunakan ML Kit Document Scanner API</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/02/ml-kit-document-scanner-api.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/02/ml-kit-document-scanner-api.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9szIo2TBAryM51OQHMHjvoJRkwMs2Pa3NXmFxmZrWGdLC2c83LgSXwlf2MypoXN2IBz_3SOS-HQQqKDRAWYfWDmHeNyGl5KUaFkkJeEpKLA2NIX8Vtvrt7pnUdfDDTg6ZmOLfmhQKIldp9v96yadQnUa2r8fZUS6N2t9zPCPJNZteai33hPjUKq6z23k/s1600/a_new_foundtion_editorial-social.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9szIo2TBAryM51OQHMHjvoJRkwMs2Pa3NXmFxmZrWGdLC2c83LgSXwlf2MypoXN2IBz_3SOS-HQQqKDRAWYfWDmHeNyGl5KUaFkkJeEpKLA2NIX8Vtvrt7pnUdfDDTg6ZmOLfmhQKIldp9v96yadQnUa2r8fZUS6N2t9zPCPJNZteai33hPjUKq6z23k/s1600/a_new_foundtion_editorial-social.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt;Diposting oleh Thomas Ezan – Sr. Developer Relations Engineer; Chengji Yan, Penny Li – ML Kit Engineers; David Miro Llopis – Product Manager&lt;/em&gt;

&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm1t-9xVtRVMAjnjo5Ji5Mpx9qcqcJgdeeEOpfOB4AtYrktrF6MhoMMC8VlPKhNxF0mT-D3GA8Ja8ig0KiYnV6bZRInjHxJbkbM1sOinK5SqmJGqeWWHUxYkJ-oB8iorE9-X4MVJUaYMTEn-FycA27R4eFcA2HaUKABbP5zJbWSnCNWPVQzJZkQAqBqeI/s1600/a_new_foundtion_editorial_header.png&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;800&quot; data-original-width=&quot;1058&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm1t-9xVtRVMAjnjo5Ji5Mpx9qcqcJgdeeEOpfOB4AtYrktrF6MhoMMC8VlPKhNxF0mT-D3GA8Ja8ig0KiYnV6bZRInjHxJbkbM1sOinK5SqmJGqeWWHUxYkJ-oB8iorE9-X4MVJUaYMTEn-FycA27R4eFcA2HaUKABbP5zJbWSnCNWPVQzJZkQAqBqeI/s1600/a_new_foundtion_editorial_header.png&quot;&gt;&lt;/a&gt;

&lt;p&gt;Kami sangat gembira mengumumkan diluncurkannya &lt;a href=&quot;https://developers.google.com/ml-kit/vision/doc-scanner&quot; target=&quot;_blank&quot;&gt;ML Kit Document Scanner API&lt;/a&gt;. API baru ini memudahkan penambahan kemampuan pemindaian dokumen tingkat lanjut dengan antarmuka pengguna berkualitas tinggi dan konsisten ke aplikasi Android Anda. ML Kit Document Scanner API memungkinkan pengguna Anda mendigitalkan dokumen kertas dengan cepat dan mudah.&lt;/p&gt;
  
&lt;p&gt;Seperti ML Kit API lainnya, ML Kit Document Scanner API memungkinkan Anda mengintegrasikan fitur-fitur yang didukung oleh Machine Learning (ML) dengan lancar tanpa pengetahuan ML apa pun.&lt;/p&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;ilustrasi ml kit document scanner&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3HKj8jUfxGqQIjF_4IdTi5FHiFqJ0Lh-SZmVLV62K08SunYqiT13hozvG4x6Rkf2gF8IhMdp7a6ZzGUT_iObDSJzVXkuIbAD_PD9Yb2uBCnqWPQE6VNEj7wpqHkzCeVW7jN4fNi0spo3Tx0EV2V-rxlC_5GrlegWEzIeGEDq024Dir8LPCia8s4vctnE/s1600/image4.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;

&lt;h3&gt;Mengapa harus Document Scanner SDK?&lt;/h3&gt;

&lt;p&gt;Meskipun terjadi revolusi digital, dokumen kertas dan hasil cetakan masih ada dalam kehidupan kita sehari-hari. Beberapa dokumen terpenting kita masih dalam bentuk fisik (dokumen identitas, resi, dll).&lt;/p&gt;

&lt;p&gt;ML Kit Document Scanner API menawarkan sejumlah manfaat, termasuk:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;Antarmuka pengguna berkualitas tinggi dan konsisten untuk mendigitalisasi dokumen fisik.&lt;/li&gt;
&lt;li&gt;Deteksi dokumen yang akurat dengan deteksi sudut dan tepi yang presisi untuk pengalaman pemindaian yang lancar dan hasil pemindaian yang optimal.&lt;/li&gt;
&lt;li&gt;Fungsionalitas fleksibel memungkinkan pengguna memotong dokumen yang dipindai, menerapkan filter, menghilangkan jari, menghilangkan noda dan kotoran lainnya, serta mengirimkan kembali file digital dalam format PDF dan JPEG ke aplikasi Anda.&lt;/li&gt;
&lt;li&gt;Pemrosesan di perangkat membantu menjaga privasi.&lt;/li&gt;
&lt;li&gt;Solusi lengkap yang meniadakan keharusan izin kamera.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;p&gt;ML Kit Document Scanner API sudah digunakan oleh aplikasi Android Google Drive dan Google Pixel Camera.&lt;/p&gt;


&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;gambar bergerak yang menampilkan aksi ML Kit Document scanner API di Google Drive&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtQtiEsIs_LrwPwkt6LoySSeA9sEjbBraOfzsFlLEBi1OdCyeR7JJjH42KtkiaawCdBpAXEG_BgokdO4kE2iptk9TCgpC5ld8FURaEjqpu32tlROVDZbjRtgK3biAsSnrobbvAGJSJ2bJYH8h9uj6Y-zx1aJPRI8-fIaKv5Cgaco3Q5JBdZAGbcIL6ztY/s1600/docscan_demo.gif&quot; width=&quot;50%&quot;&gt;&lt;/div&gt;&lt;imgcaption&gt;&lt;center&gt;&lt;em&gt;Aksi ML Kit Document scanner API di Google Drive&lt;/em&gt;&lt;/center&gt;&lt;/imgcaption&gt;

&lt;h3&gt;Mulai&lt;/h3&gt;

&lt;p&gt;ML Kit Document Scanner API memerlukan Android API level 21 atau lebih tinggi. Model, logika pemindaian, dan alur UI diunduh secara dinamis melalui layanan Google Play sehingga ML Kit Document Scanner API memiliki dampak minimal terhadap ukuran aplikasi Anda.&lt;/p&gt;

&lt;p&gt;Untuk mengintegrasikannya ke dalam aplikasi Anda, mulailah dengan mengonfigurasi opsi pemindai dan mendapatkan klien pemindai:&lt;/p&gt;

&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: courier;&quot;&gt;val options &lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; GmsDocumentScannerOptions&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;Builder()
    &lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;setGalleryImportAllowed(false)
    &lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;setPageLimit(&lt;span style=&quot;color: #666666;&quot;&gt;2&lt;/span&gt;)
    &lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;setResultFormats(RESULT_FORMAT_JPEG, RESULT_FORMAT_PDF)
    &lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;setScannerMode(SCANNER_MODE_FULL)
    &lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;build()
val scanner &lt;span style=&quot;color: #666666;&quot;&gt;=&lt;/span&gt; GmsDocumentScanning&lt;span style=&quot;color: #666666;&quot;&gt;.&lt;/span&gt;getClient(options)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;p&gt;Kemudian daftarkan &lt;span style=&quot;color: #0d904f; font-family: Courier;&quot;&gt;ActivityResultCallback&lt;/span&gt; untuk menerima hasil pemindaian:&lt;/p&gt;

&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: courier;&quot;&gt;val scannerLauncher &lt;span&gt;=&lt;/span&gt; registerForActivityResult(StartIntentSenderForResult()) {
  result &lt;span&gt;-&amp;gt;&lt;/span&gt; {
    &lt;span&gt;if&lt;/span&gt; (result&lt;span&gt;.&lt;/span&gt;resultCode &lt;span&gt;==&lt;/span&gt; RESULT_OK) {
      val result &lt;span&gt;=&lt;/span&gt;
        GmsDocumentScanningResult&lt;span&gt;.&lt;/span&gt;fromActivityResultIntent(result&lt;span&gt;.&lt;/span&gt;data)
      result&lt;span&gt;.&lt;/span&gt;getPages()&lt;span&gt;?.&lt;/span&gt;let { pages &lt;span&gt;-&amp;gt;&lt;/span&gt;
        &lt;span&gt;for&lt;/span&gt; (page in pages) {
          val imageUri &lt;span&gt;=&lt;/span&gt; page&lt;span&gt;.&lt;/span&gt;getImageUri()
        }
      }
      result&lt;span&gt;.&lt;/span&gt;getPdf()&lt;span&gt;?.&lt;/span&gt;let { pdf &lt;span&gt;-&amp;gt;&lt;/span&gt;
        val pdfUri &lt;span&gt;=&lt;/span&gt; pdf&lt;span&gt;.&lt;/span&gt;getUri()
        val pageCount &lt;span&gt;=&lt;/span&gt; pdf&lt;span&gt;.&lt;/span&gt;getPageCount()
      }
    }
  }
}&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;


&lt;p&gt;Terakhir, luncurkan aktivitas pemindai dokumen:&lt;/p&gt;

&lt;div style=&quot;background: rgb(248, 248, 248); border: 0px; overflow: auto; width: auto;&quot;&gt;&lt;pre style=&quot;line-height: 125%; margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: courier;&quot;&gt;scanner&lt;span&gt;.&lt;/span&gt;getStartScanIntent(activity)
  &lt;span&gt;.&lt;/span&gt;addOnSuccessListener { intentSender &lt;span&gt;-&amp;gt;&lt;/span&gt;   
    scannescannerrLauncher&lt;span&gt;.&lt;/span&gt;launch(IntentSenderRequest&lt;span&gt;.&lt;/span&gt;Builder(intentSender)&lt;span&gt;.&lt;/span&gt;build())
  }
  &lt;span&gt;.&lt;/span&gt;addOnFailureListener { &lt;span&gt;...&lt;/span&gt; }
&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;


&lt;p&gt;Untuk memulai ML Kit Document Scanner API, kunjungi &lt;a href=&quot;https://developers.google.com/ml-kit/vision/doc-scanner&quot; target=&quot;_blank&quot;&gt;dokumentasi&lt;/a&gt;. Kami tidak sabar untuk melihat apa yang akan Anda lakukan dengan API ini!&lt;/p&gt;








&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/1581648378860729158'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/1581648378860729158'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/menambahkan-kemampuan-pemindaian.html' title='Menambahkan kemampuan pemindaian dokumen dengan mudah ke aplikasi Anda menggunakan ML Kit Document Scanner API'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9szIo2TBAryM51OQHMHjvoJRkwMs2Pa3NXmFxmZrWGdLC2c83LgSXwlf2MypoXN2IBz_3SOS-HQQqKDRAWYfWDmHeNyGl5KUaFkkJeEpKLA2NIX8Vtvrt7pnUdfDDTg6ZmOLfmhQKIldp9v96yadQnUa2r8fZUS6N2t9zPCPJNZteai33hPjUKq6z23k/s72-c/a_new_foundtion_editorial-social.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-7797199593993797694</id><published>2024-02-17T09:52:00.006+07:00</published><updated>2024-03-18T09:56:41.727+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="how to"/><category scheme="http://www.blogger.com/atom/ns#" term="jetpack compose"/><category scheme="http://www.blogger.com/atom/ns#" term="Learn"/><category scheme="http://www.blogger.com/atom/ns#" term="modifier"/><category scheme="http://www.blogger.com/atom/ns#" term="tutorial"/><title type='text'>Memahami Scroll Bertingkat di Jetpack Compose</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/androiddevelopers/understanding-nested-scrolling-in-jetpack-compose-eb57c1ea0af0&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/androiddevelopers/understanding-nested-scrolling-in-jetpack-compose-eb57c1ea0af0&quot;/&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;STATIC&quot;&gt;html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden=&quot;true&quot;]{visibility:hidden;pointer-events:none}
/*XCode style (c) Angel Garcia &lt;angelgarcia.mail@gmail.com&gt;*/.hljs {background: #fff;color: black;
}/* Gray DOCTYPE selectors like WebKit */
.xml .hljs-meta {color: #c0c0c0;
}.hljs-comment,
.hljs-quote {color: #007400;
}.hljs-tag,
.hljs-attribute,
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-name {color: #aa0d91;
}.hljs-variable,
.hljs-template-variable {color: #3F6E74;
}.hljs-code,
.hljs-string,
.hljs-meta .hljs-string {color: #c41a16;
}.hljs-regexp,
.hljs-link {color: #0E0EFF;
}.hljs-title,
.hljs-symbol,
.hljs-bullet,
.hljs-number {color: #1c00cf;
}.hljs-section,
.hljs-meta {color: #643820;
}.hljs-title.class_,
.hljs-class .hljs-title,
.hljs-type,
.hljs-built_in,
.hljs-params {color: #5c2699;
}.hljs-attr {color: #836C28;
}.hljs-subst {color: #000;
}.hljs-formula {background-color: #eee;font-style: italic;
}.hljs-addition {background-color: #baeeba;
}.hljs-deletion {background-color: #ffc8bd;
}.hljs-selector-id,
.hljs-selector-class {color: #9b703f;
}.hljs-doctag,
.hljs-strong {font-weight: bold;
}.hljs-emphasis {font-style: italic;
}
&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;KEYFRAME&quot;&gt;@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot;&gt;.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Open Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{fill:rgba(0, 0, 0, 1)}.av{height:22px}.aw{margin-left:16px}.ax{border:none}.ay{border-radius:20px}.az{width:240px}.ba{background:#F9F9F9}.bb path{fill:#6B6B6B}.bd{outline:none}.be{font-family:sohne, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif}.bf{font-size:14px}.bg{width:100%}.bh{padding:10px 20px 10px 0}.bi{background-color:transparent}.bj{color:#242424}.bk::placeholder{color:#6B6B6B}.bl{display:inline-block}.bm{margin-left:12px}.bn{margin-right:12px}.bo{border-radius:4px}.bp{margin-left:24px}.bq{height:24px}.bw{background-color:#F9F9F9}.bx{border-radius:50%}.by{height:32px}.bz{width:32px}.ca{justify-content:center}.cg{max-width:680px}.ch{min-width:0}.ci{animation:k1 1.2s ease-in-out infinite}.cj{height:100vh}.ck{margin-bottom:16px}.cl{margin-top:48px}.cm{align-items:flex-start}.cn{flex-direction:column}.co{justify-content:space-between}.cp{margin-bottom:24px}.cv{width:80%}.cw{background-color:#F2F2F2}.dc{height:44px}.dd{width:44px}.de{margin:auto 0}.df{margin-bottom:4px}.dg{height:16px}.dh{width:120px}.di{width:80px}.do{margin-bottom:8px}.dp{width:96%}.dq{width:98%}.dr{width:81%}.ds{margin-left:8px}.dt{color:#6B6B6B}.du{font-size:13px}.dv{height:100%}.eo{color:#FFFFFF}.ep{fill:#FFFFFF}.eq{background:rgba(103, 139, 160, 1)}.er{border-color:rgba(103, 139, 160, 1)}.ev:disabled{cursor:inherit !important}.ew:disabled{opacity:0.3}.ex:disabled:hover{background:rgba(103, 139, 160, 1)}.ey:disabled:hover{border-color:rgba(103, 139, 160, 1)}.ez{border-radius:99em}.fa{border-width:1px}.fb{border-style:solid}.fc{box-sizing:border-box}.fd{text-decoration:none}.fe{text-align:center}.fh{margin-right:32px}.fi{position:relative}.fj{fill:#6B6B6B}.fm{background:transparent}.fn svg{margin-left:4px}.fo svg{fill:#6B6B6B}.fq{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fr{position:absolute}.fy{margin:0 24px}.gc{background:rgba(255, 255, 255, 1)}.gd{border:1px solid #F2F2F2}.ge{box-shadow:0 1px 4px #F2F2F2}.gf{max-height:100vh}.gg{overflow-y:auto}.gh{left:0}.gi{top:calc(100vh + 100px)}.gj{bottom:calc(100vh + 100px)}.gk{width:10px}.gl{pointer-events:none}.gm{word-break:break-word}.gn{word-wrap:break-word}.go:after{display:block}.gp:after{content:&quot;&quot;}.gq:after{clear:both}.gr{clear:both}.ha{margin-left:auto}.hb{margin-right:auto}.hc{max-width:4209px}.hi{padding-top:5px}.hj{padding-bottom:5px}.hl{cursor:zoom-in}.hm{z-index:auto}.ho{max-width:100%}.hp{height:auto}.hq{line-height:1.23}.hr{letter-spacing:0}.hs{font-style:normal}.ht{font-weight:700}.it{font-style:inherit}.iu{@media all and (max-width: 551.98px):8px}.iv{@media all and (min-width: 552px) and (max-width: 727.98px):8px}.iw{@media all and (min-width: 728px) and (max-width: 903.98px):16px}.ix{@media all and (min-width: 904px) and (max-width: 1079.98px):16px}.iy{@media all and (min-width: 1080px):16px}.je{align-items:baseline}.jf{width:48px}.jg{height:48px}.jh{border:2px solid rgba(255, 255, 255, 1)}.ji{z-index:0}.jj{box-shadow:none}.jk{border:1px solid rgba(0, 0, 0, 0.05)}.jl{margin-left:-12px}.jm{width:28px}.jn{height:28px}.jo{z-index:1}.jp{width:24px}.jq{margin-bottom:2px}.jr{flex-wrap:nowrap}.js{font-size:16px}.jt{line-height:24px}.jv{margin:0 8px}.jw{display:inline}.jx{color:rgba(103, 139, 160, 1)}.jy{fill:rgba(103, 139, 160, 1)}.kb{flex:0 0 auto}.ke{flex-wrap:wrap}.kh{white-space:pre-wrap}.ki{margin-right:4px}.kj{overflow:hidden}.kk{max-height:20px}.kl{text-overflow:ellipsis}.km{display:-webkit-box}.kn{-webkit-line-clamp:1}.ko{-webkit-box-orient:vertical}.kp{word-break:break-all}.kr{padding-left:8px}.ks{padding-right:8px}.lt&gt; *{flex-shrink:0}.lu{overflow-x:scroll}.lv::-webkit-scrollbar{display:none}.lw{scrollbar-width:none}.lx{-ms-overflow-style:none}.ly{width:74px}.lz{flex-direction:row}.mc{-webkit-user-select:none}.md{border:0}.me{fill:rgba(117, 117, 117, 1)}.mh{outline:0}.mi{user-select:none}.mj&gt; svg{pointer-events:none}.ms{cursor:progress}.mt{opacity:1}.mu{padding:4px 0}.mx{margin-top:0px}.my{width:16px}.na{display:inline-flex}.nd{padding:8px 2px}.ne svg{color:#6B6B6B}.nv{line-height:1.58}.nw{letter-spacing:-0.004em}.nx{font-family:source-serif-pro, Georgia, Cambria, &quot;Times New Roman&quot;, Times, serif}.os{margin-bottom:-0.46em}.ot{padding:2px 4px}.ou{font-size:75%}.ov&gt; strong{font-family:inherit}.ow{font-family:source-code-pro, Menlo, Monaco, &quot;Courier New&quot;, Courier, monospace}.ox{max-width:320px}.pd{text-decoration:underline}.pe{margin:auto}.pf{padding-bottom:100%}.pg{height:0}.ph{line-height:1.12}.pi{letter-spacing:-0.022em}.pj{font-weight:600}.qe{margin-bottom:-0.28em}.qk{max-width:1938px}.ql{list-style-type:disc}.qm{margin-left:30px}.qn{padding-left:0px}.qo{font-style:italic}.qp{max-width:1346px}.qq{max-width:1312px}.qr{max-width:1999px}.qs{line-height:1.18}.rg{margin-bottom:-0.31em}.rm{box-shadow:inset 3px 0 0 0 #242424}.rn{padding-left:23px}.ro{margin-left:-20px}.rp{margin-bottom:26px}.rq{margin-top:6px}.rr{margin-top:8px}.rs{margin-right:8px}.rt{padding:8px 16px}.ru{border-radius:100px}.rv{transition:background 300ms ease}.rx{white-space:nowrap}.ry{border-top:none}.se{height:52px}.sf{max-height:52px}.sg{box-sizing:content-box}.sh{position:static}.sj{max-width:155px}.sp{margin-right:20px}.sv{align-items:flex-end}.sw{width:76px}.sx{height:76px}.sy{border:2px solid #F9F9F9}.sz{height:72px}.ta{width:72px}.tb{margin-left:-16px}.tc{width:36px}.td{height:36px}.te{width:auto}.tf{stroke:#F2F2F2}.tg{color:#F2F2F2}.th{fill:#F2F2F2}.ti{background:#F2F2F2}.tj{border-color:#F2F2F2}.tp{font-weight:500}.tq{font-size:24px}.tr{line-height:30px}.ts{letter-spacing:-0.016em}.tt{margin-top:16px}.tu{height:0px}.tv{border-bottom:solid 1px #E5E5E5}.tw{margin-top:72px}.tx{padding:24px 0}.ty{margin-bottom:0px}.tz{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.es:hover{background:rgba(91, 119, 136, 1)}.et:hover{border-color:rgba(91, 119, 136, 1)}.eu:hover{cursor:pointer}.fk:hover{color:#242424}.fl:hover{fill:#242424}.fp:hover svg{fill:#242424}.fs:hover{background-color:rgba(0, 0, 0, 0.1)}.ju:hover{text-decoration:underline}.jz:hover:not(:disabled){color:rgba(91, 119, 136, 1)}.ka:hover:not(:disabled){fill:rgba(91, 119, 136, 1)}.mg:hover{fill:rgba(8, 8, 8, 1)}.mv:hover{fill:#000000}.mw:hover p{color:#000000}.mz:hover{color:#000000}.nf:hover svg{color:#000000}.rw:hover{background-color:#F2F2F2}.tk:hover{background:#F2F2F2}.tl:hover{border-color:#F2F2F2}.tm:hover{cursor:wait}.tn:hover{color:#F2F2F2}.to:hover{fill:#F2F2F2}.bc:focus-within path{fill:#242424}.hn:focus{transform:scale(1.01)}.mf:focus{fill:rgba(8, 8, 8, 1)}.ng:focus svg{color:#000000}.mk:active{border-style:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 1080px)&quot;&gt;.d{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ee{font-size:14px}.ef{line-height:20px}.el{font-size:13px}.em{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:68px}.gb{max-width:680px}.gz{max-width:1192px}.hh{margin-top:40px}.io{font-size:42px}.ip{margin-top:1em}.iq{margin-bottom:32px}.ir{line-height:52px}.is{letter-spacing:-0.011em}.jd{align-items:center}.lf{border-top:solid 1px #F2F2F2}.lg{border-bottom:solid 1px #F2F2F2}.lh{margin:32px 0 0}.li{padding:3px 8px}.lr&gt; *{margin-right:24px}.ls&gt; :last-child{margin-right:0}.mr{margin-top:0px}.nc{margin:0}.oo{font-size:20px}.op{margin-top:2.14em}.oq{line-height:32px}.or{letter-spacing:-0.003em}.pc{margin-top:56px}.qa{font-size:24px}.qb{margin-top:1.95em}.qc{line-height:30px}.qd{letter-spacing:-0.016em}.qj{margin-top:0.94em}.rd{margin-top:1.72em}.re{line-height:24px}.rf{letter-spacing:0}.rl{margin-top:1.14em}.sd{margin-bottom:88px}.so{display:inline-block}.su{padding-top:72px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 1079.98px)&quot;&gt;.e{display:none}.mq{margin-top:0px}.sn{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 903.98px)&quot;&gt;.f{display:none}.mp{margin-top:0px}.sm{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 727.98px)&quot;&gt;.g{display:none}.mn{margin-top:0px}.mo{margin-right:0px}.sl{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 551.98px)&quot;&gt;.h{display:none}.s{display:flex}.t{justify-content:space-between}.br{width:24px}.cb{margin:0 24px}.cq{height:40px}.cx{margin-bottom:44px}.dj{margin-bottom:32px}.dw{font-size:13px}.dx{line-height:20px}.eg{padding:0px 8px 1px}.ft{margin-bottom:4px}.gs{margin:0}.gt{max-width:100%}.hd{margin-top:32px}.hu{font-size:32px}.hv{margin-top:1.01em}.hw{margin-bottom:24px}.hx{line-height:38px}.hy{letter-spacing:-0.014em}.iz{align-items:flex-start}.kc{flex-direction:column}.kf{margin-bottom:2px}.kt{margin:24px -24px 0}.ku{padding:0}.lj&gt; *{margin-right:8px}.lk&gt; :last-child{margin-right:24px}.ma{margin-left:0px}.ml{margin-top:0px}.mm{margin-right:0px}.nh{border:1px solid #F2F2F2}.ni{border-radius:99em}.nj{padding:0px 16px 0px 12px}.nk{height:38px}.nl{align-items:center}.nn svg{margin-right:8px}.ny{font-size:18px}.nz{margin-top:1.56em}.oa{line-height:28px}.ob{letter-spacing:-0.003em}.oy{margin-top:40px}.pk{font-size:20px}.pl{margin-top:1.2em}.pm{line-height:24px}.pn{letter-spacing:0}.qf{margin-top:0.67em}.qt{font-size:16px}.qu{margin-top:1.23em}.rh{margin-top:1.34em}.rz{margin-bottom:80px}.sk{display:inline-block}.sq{padding-top:48px}.nm:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 904px) and (max-width: 1079.98px)&quot;&gt;.i{display:none}.bu{width:64px}.ce{margin:0 64px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.ec{font-size:14px}.ed{line-height:20px}.ej{font-size:13px}.ek{padding:5px 12px}.ff{display:flex}.fw{margin-bottom:68px}.ga{max-width:680px}.gy{max-width:1192px}.hg{margin-top:40px}.ij{font-size:42px}.ik{margin-top:1em}.il{margin-bottom:32px}.im{line-height:52px}.in{letter-spacing:-0.011em}.jc{align-items:center}.lb{border-top:solid 1px #F2F2F2}.lc{border-bottom:solid 1px #F2F2F2}.ld{margin:32px 0 0}.le{padding:3px 8px}.lp&gt; *{margin-right:24px}.lq&gt; :last-child{margin-right:0}.nb{margin:0}.ok{font-size:20px}.ol{margin-top:2.14em}.om{line-height:32px}.on{letter-spacing:-0.003em}.pb{margin-top:56px}.pw{font-size:24px}.px{margin-top:1.95em}.py{line-height:30px}.pz{letter-spacing:-0.016em}.qi{margin-top:0.94em}.ra{margin-top:1.72em}.rb{line-height:24px}.rc{letter-spacing:0}.rk{margin-top:1.14em}.sc{margin-bottom:88px}.st{padding-top:72px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 728px) and (max-width: 903.98px)&quot;&gt;.j{display:none}.w{display:flex}.x{justify-content:space-between}.bt{width:64px}.cd{margin:0 48px}.cs{height:48px}.cz{margin-bottom:52px}.dl{margin-bottom:48px}.ea{font-size:13px}.eb{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:68px}.fz{max-width:680px}.gw{margin:0}.gx{max-width:100%}.hf{margin-top:40px}.ie{font-size:42px}.if{margin-top:1em}.ig{margin-bottom:32px}.ih{line-height:52px}.ii{letter-spacing:-0.011em}.jb{align-items:center}.kx{border-top:solid 1px #F2F2F2}.ky{border-bottom:solid 1px #F2F2F2}.kz{margin:32px 0 0}.la{padding:3px 8px}.ln&gt; *{margin-right:24px}.lo&gt; :last-child{margin-right:0}.og{font-size:20px}.oh{margin-top:2.14em}.oi{line-height:32px}.oj{letter-spacing:-0.003em}.pa{margin-top:56px}.ps{font-size:24px}.pt{margin-top:1.95em}.pu{line-height:30px}.pv{letter-spacing:-0.016em}.qh{margin-top:0.94em}.qx{margin-top:1.72em}.qy{line-height:24px}.qz{letter-spacing:0}.rj{margin-top:1.14em}.sb{margin-bottom:88px}.ss{padding-top:72px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 552px) and (max-width: 727.98px)&quot;&gt;.k{display:none}.u{display:flex}.v{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dy{font-size:13px}.dz{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:4px}.gu{margin:0}.gv{max-width:100%}.he{margin-top:32px}.hz{font-size:32px}.ia{margin-top:1.01em}.ib{margin-bottom:24px}.ic{line-height:38px}.id{letter-spacing:-0.014em}.ja{align-items:flex-start}.kd{flex-direction:column}.kg{margin-bottom:2px}.kv{margin:24px 0 0}.kw{padding:0}.ll&gt; *{margin-right:8px}.lm&gt; :last-child{margin-right:8px}.mb{margin-left:0px}.no{border:1px solid #F2F2F2}.np{border-radius:99em}.nq{padding:0px 16px 0px 12px}.nr{height:38px}.ns{align-items:center}.nu svg{margin-right:8px}.oc{font-size:18px}.od{margin-top:1.56em}.oe{line-height:28px}.of{letter-spacing:-0.003em}.oz{margin-top:40px}.po{font-size:20px}.pp{margin-top:1.2em}.pq{line-height:24px}.pr{letter-spacing:0}.qg{margin-top:0.67em}.qv{font-size:16px}.qw{margin-top:1.23em}.ri{margin-top:1.34em}.sa{margin-bottom:80px}.sr{padding-top:48px}.nt:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;print&quot;&gt;.si{display:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;(prefers-reduced-motion: no-preference)&quot;&gt;.hk{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;545&quot; data-fela-type=&quot;RULE&quot; media=&quot;(orientation: landscape) and (max-width: 903.98px)&quot;&gt;.kq{max-height:none}&lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;article&gt;&lt;div class=&quot;l&quot;&gt;&lt;div class=&quot;l&quot;&gt;&lt;span class=&quot;l&quot;&gt;&lt;/span&gt;&lt;section&gt;&lt;div&gt;&lt;div class=&quot;fr gh gi gj gk gl&quot;&gt;&lt;/div&gt;&lt;div class=&quot;gm gn go gp gq&quot;&gt;&lt;div class=&quot;gr&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;gs gt gu gv gw gx ce gy cf gz ch bg&quot;&gt;&lt;figure class=&quot;hd he hf hg hh gr hi hj paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb hc&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*oL1k6XmTcDVBQXf9i8JTZw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*oL1k6XmTcDVBQXf9i8JTZw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*oL1k6XmTcDVBQXf9i8JTZw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*oL1k6XmTcDVBQXf9i8JTZw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*oL1k6XmTcDVBQXf9i8JTZw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*oL1k6XmTcDVBQXf9i8JTZw.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*oL1k6XmTcDVBQXf9i8JTZw.png 2000w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*oL1k6XmTcDVBQXf9i8JTZw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*oL1k6XmTcDVBQXf9i8JTZw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*oL1k6XmTcDVBQXf9i8JTZw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*oL1k6XmTcDVBQXf9i8JTZw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*oL1k6XmTcDVBQXf9i8JTZw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*oL1k6XmTcDVBQXf9i8JTZw.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*oL1k6XmTcDVBQXf9i8JTZw.png 2000w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;1000&quot; height=&quot;298&quot; loading=&quot;eager&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;ch bg fy fz ga gb&quot;&gt;&lt;div&gt;&lt;div class=&quot;iu iv iw ix iy&quot;&gt;&lt;div class=&quot;speechify-ignore ab co&quot;&gt;&lt;div class=&quot;speechify-ignore bg l&quot;&gt;&lt;div class=&quot;iz ja jb jc jd ab&quot;&gt;&lt;div&gt;&lt;div class=&quot;ab je&quot;&gt;&lt;a rel=&quot;noopener follow&quot; href=&quot;/@levima?source=post_page-----eb57c1ea0af0--------------------------------&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l jf jg bx jh ji&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Levi Alburquerque&quot; class=&quot;l fc bx dc dd cw&quot; src=&quot;https://miro.medium.com/v2/da:true/resize:fill:88:88/0*yc70WC42MPApCNIR&quot; width=&quot;44&quot; height=&quot;44&quot; loading=&quot;lazy&quot; data-testid=&quot;authorPhoto&quot;&gt;&lt;div class=&quot;jj bx l dc dd fr n jk fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;a href=&quot;https://medium.com/androiddevelopers?source=post_page-----eb57c1ea0af0--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;div class=&quot;jl ab fi&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l jm jn bx jh jo&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Developer Android&quot; class=&quot;l fc bx bq jp cw&quot; src=&quot;https://miro.medium.com/v2/resize:fill:48:48/1*3tLD4Ve66pbBpuawm9Fu9Q.png&quot; width=&quot;24&quot; height=&quot;24&quot; loading=&quot;lazy&quot; data-testid=&quot;publicationPhoto&quot;&gt;&lt;div class=&quot;jj bx l bq jp fr n jk fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bm bg l&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div style=&quot;flex:1&quot;&gt;&lt;span class=&quot;be b bf z bj&quot;&gt;&lt;div class=&quot;jq ab q&quot;&gt;&lt;div class=&quot;ab q jr&quot;&gt;&lt;div class=&quot;ab q&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;p class=&quot;be b js jt bj&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar ju&quot; data-testid=&quot;authorName&quot; rel=&quot;noopener follow&quot; href=&quot;/@levima?source=post_page-----eb57c1ea0af0--------------------------------&quot;&gt;Levi Alburquerque&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;jv jw&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;p class=&quot;be b js jt dt&quot;&gt;&lt;span&gt;&lt;a class=&quot;jx jy ah ai aj ak al am an ao ap aq ar ew jz ka&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F68e2e0af15b1&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fandroiddevelopers%2Funderstanding-nested-scrolling-in-jetpack-compose-eb57c1ea0af0&amp;amp;user=Levi+Albuquerque&amp;amp;userId=68e2e0af15b1&amp;amp;source=post_page-68e2e0af15b1----eb57c1ea0af0---------------------post_header-----------&quot;&gt;Ikuti&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;l kb&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab cm kc kd ke&quot;&gt;&lt;div class=&quot;kf kg ab&quot;&gt;&lt;div class=&quot;be b bf z dt ab kh&quot;&gt;&lt;span class=&quot;ki l kb&quot;&gt;Dipublikasikan di&lt;/span&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar ju ab q&quot; data-testid=&quot;publicationName&quot; href=&quot;https://medium.com/androiddevelopers?source=post_page-----eb57c1ea0af0--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;p class=&quot;be b bf z kj kk kl km kn ko kp kq bj&quot;&gt;Developer Android&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;span class=&quot;jv jw&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab ae&quot;&gt;&lt;span data-testid=&quot;storyReadTime&quot;&gt;Bacaan 10 menit&lt;/span&gt;&lt;div class=&quot;kr ks l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span data-testid=&quot;storyPublishDate&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab co kt ku kv kw kx ky kz la lb lc ld le lf lg lh li&quot;&gt;&lt;div class=&quot;h k w ff fg q&quot;&gt;&lt;div class=&quot;ly l&quot;&gt;&lt;div class=&quot;ab q lz&quot;&gt;&lt;div class=&quot;pw-multi-vote-icon fi ki ma mb mc&quot;&gt;&lt;span&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar as at&quot; data-testid=&quot;headerClapButton&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fandroiddevelopers%2Feb57c1ea0af0&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fandroiddevelopers%2Funderstanding-nested-scrolling-in-jetpack-compose-eb57c1ea0af0&amp;amp;user=Levi+Albuquerque&amp;amp;userId=68e2e0af15b1&amp;amp;source=-----eb57c1ea0af0---------------------clap_footer-----------&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;md ao me mf mg mh am mi mj mk mc&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; aria-label=&quot;clap&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M11.37.83L12 3.28l.63-2.45h-1.26zM13.92 3.95l1.52-2.1-1.18-.4-.34 2.5zM8.59 1.84l1.52 2.11-.34-2.5-1.18.4zM18.52 18.92a4.23 4.23 0 0 1-2.62 1.33l.41-.37c2.39-2.4 2.86-4.95 1.4-7.63l-.91-1.6-.8-1.67c-.25-.56-.19-.98.21-1.29a.7.7 0 0 1 .55-.13c.28.05.54.23.72.5l2.37 4.16c.97 1.62 1.14 4.23-1.33 6.7zm-11-.44l-4.15-4.15a.83.83 0 0 1 1.17-1.17l2.16 2.16a.37.37 0 0 0 .51-.52l-2.15-2.16L3.6 11.2a.83.83 0 0 1 1.17-1.17l3.43 3.44a.36.36 0 0 0 .52 0 .36.36 0 0 0 0-.52L5.29 9.51l-.97-.97a.83.83 0 0 1 0-1.16.84.84 0 0 1 1.17 0l.97.97 3.44 3.43a.36.36 0 0 0 .51 0 .37.37 0 0 0 0-.52L6.98 7.83a.82.82 0 0 1-.18-.9.82.82 0 0 1 .76-.51c.22 0 .43.09.58.24l5.8 5.79a.37.37 0 0 0 .58-.42L13.4 9.67c-.26-.56-.2-.98.2-1.29a.7.7 0 0 1 .55-.13c.28.05.55.23.73.5l2.2 3.86c1.3 2.38.87 4.59-1.29 6.75a4.65 4.65 0 0 1-4.19 1.37 7.73 7.73 0 0 1-4.07-2.25zm3.23-12.5l2.12 2.11c-.41.5-.47 1.17-.13 1.9l.22.46-3.52-3.53a.81.81 0 0 1-.1-.36c0-.23.09-.43.24-.59a.85.85 0 0 1 1.17 0zm7.36 1.7a1.86 1.86 0 0 0-1.23-.84 1.44 1.44 0 0 0-1.12.27c-.3.24-.5.55-.58.89-.25-.25-.57-.4-.91-.47-.28-.04-.56 0-.82.1l-2.18-2.18a1.56 1.56 0 0 0-2.2 0c-.2.2-.33.44-.4.7a1.56 1.56 0 0 0-2.63.75 1.6 1.6 0 0 0-2.23-.04 1.56 1.56 0 0 0 0 2.2c-.24.1-.5.24-.72.45a1.56 1.56 0 0 0 0 2.2l.52.52a1.56 1.56 0 0 0-.75 2.61L7 19a8.46 8.46 0 0 0 4.48 2.45 5.18 5.18 0 0 0 3.36-.5 4.89 4.89 0 0 0 4.2-1.51c2.75-2.77 2.54-5.74 1.43-7.59L18.1 7.68z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;pw-multi-vote-count l ml mm mn mo mp mq mr&quot;&gt;&lt;p class=&quot;be b du z dt&quot;&gt;&lt;span class=&quot;ms&quot;&gt;--&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button class=&quot;ao md mt mu ab q fj mv mw&quot; aria-label=&quot;responses&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; class=&quot;mx&quot;&gt;&lt;path d=&quot;M18 16.8a7.14 7.14 0 0 0 2.24-5.32c0-4.12-3.53-7.48-8.05-7.48C7.67 4 4 7.36 4 11.48c0 4.13 3.67 7.48 8.2 7.48a8.9 8.9 0 0 0 2.38-.32c.23.2.48.39.75.56 1.06.69 2.2 1.04 3.4 1.04.22 0 .4-.11.48-.29a.5.5 0 0 0-.04-.52 6.4 6.4 0 0 1-1.16-2.65v.02zm-3.12 1.06l-.06-.22-.32.1a8 8 0 0 1-2.3.33c-4.03 0-7.3-2.96-7.3-6.59S8.17 4.9 12.2 4.9c4 0 7.1 2.96 7.1 6.6 0 1.8-.6 3.47-2.02 4.72l-.2.16v.26l.02.3a6.74 6.74 0 0 0 .88 2.4 5.27 5.27 0 0 1-2.17-.86c-.28-.17-.72-.38-.94-.59l.01-.02z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab q lj lk ll lm ln lo lp lq lr ls lt lu lv lw lx&quot;&gt;&lt;div class=&quot;my k j i d&quot;&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;span&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar as at&quot; data-testid=&quot;headerBookmarkButton&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Feb57c1ea0af0&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fandroiddevelopers%2Funderstanding-nested-scrolling-in-jetpack-compose-eb57c1ea0af0&amp;amp;source=-----eb57c1ea0af0---------------------bookmark_footer-----------&quot;&gt;&lt;svg width=&quot;25&quot; height=&quot;25&quot; viewBox=&quot;0 0 25 25&quot; fill=&quot;none&quot; class=&quot;dt mz&quot; aria-label=&quot;Add to list bookmark button&quot;&gt;&lt;path d=&quot;M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18V2.5zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .8.4l5.7-4.4 5.7 4.4a.5.5 0 0 0 .8-.4v-8.5a.5.5 0 0 0-1 0v7.48l-5.2-4a.5.5 0 0 0-.6 0l-5.2 4V7z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;fc na cm&quot;&gt;&lt;div class=&quot;l ae&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;gs gu gw nb nc ho ch bg&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div class=&quot;bl bg&quot; aria-hidden=&quot;false&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-label=&quot;Listen&quot; data-testid=&quot;audioPlayButton&quot; class=&quot;af fj ah ai aj ak al nd an ao ap ew ne nf mw ng nh ni nj nk s nl nm nn no np nq nr u ns nt nu&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0zm9-10a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm3.38 10.42l-4.6 3.06a.5.5 0 0 1-.78-.41V8.93c0-.4.45-.63.78-.41l4.6 3.06c.3.2.3.64 0 .84z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Dengarkan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot; aria-describedby=&quot;postFooterSocialMenu&quot; aria-labelledby=&quot;postFooterSocialMenu&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-controls=&quot;postFooterSocialMenu&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Share Post&quot; data-testid=&quot;headerSocialShareButton&quot; class=&quot;af fj ah ai aj ak al nd an ao ap ew ne nf mw ng nh ni nj nk s nl nm nn no np nq nr u ns nt nu&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M15.22 4.93a.42.42 0 0 1-.12.13h.01a.45.45 0 0 1-.29.08.52.52 0 0 1-.3-.13L12.5 3v7.07a.5.5 0 0 1-.5.5.5.5 0 0 1-.5-.5V3.02l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.8a.42.42 0 0 1 .07.5zm-.1.14zm.88 2h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.14c.1.1.15.22.15.35a.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9V8.96c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Bagikan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p id=&quot;5941&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Daftar adalah inti dari sebagian besar aplikasi Android. Selama bertahun-tahun, berbagai solusi diperkenalkan guna memastikan komponen UI lainnya dapat berinteraksi dengan daftar tersebut — misalnya, reaksi panel aplikasi terhadap scroll daftar atau interaksi daftar bertumpuk dengan satu sama lain. Pernahkah Anda menghadapi situasi saat Anda memiliki satu daftar di dalam daftar lainnya dan, dengan men-scroll daftar bagian dalam sampai akhir, Anda ingin daftar bagian luar melanjutkan pergerakannya? Itulah contoh scroll bertingkat klasik!&lt;/p&gt;&lt;p id=&quot;c5e0&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Scroll bertingkat adalah sistem dengan komponen scroll yang ada di dalam satu sama lain yang dapat mengomunikasikan delta scroll-nya agar dapat bekerja sama. Sebagai contoh, dalam sistem View, &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;NestedScrollingParent&lt;/code&gt; dan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;NestedScrollingChild&lt;/code&gt; adalah komponen penyusun untuk scroll bertingkat. Konstruksi ini digunakan oleh komponen seperti &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;NestedScrollView&lt;/code&gt; dan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;RecyclerView&lt;/code&gt; untuk memungkinkan banyak kasus penggunaan scroll bertingkat. Scroll bertingkat merupakan fitur utama di banyak framework UI, dan dalam postingan blog ini, kita akan melihat bagaimana Jetpack Compose menanganinya.&lt;/p&gt;&lt;p id=&quot;bc49&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Mari kita lihat kasus penggunaan ketika sistem scroll bertingkat dapat bermanfaat. Dalam contoh ini, kita akan membuat efek panel aplikasi yang dapat diciutkan khusus di aplikasi kita. Panel aplikasi yang dapat diciutkan akan berinteraksi dengan daftar untuk menciptakan efek menyembunyikan — kapan pun, jika panel aplikasi diperluas, men-scroll daftar ke atas akan membuatnya disembunyikan. Demikian pula, jika panel aplikasi diciutkan, men-scroll daftar ke bawah akan membuatnya meluas. Berikut ini contoh tampilannya:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb ox&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*8QYaeIvCjHDVWFZC.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*8QYaeIvCjHDVWFZC.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*8QYaeIvCjHDVWFZC.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*8QYaeIvCjHDVWFZC.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*8QYaeIvCjHDVWFZC.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*8QYaeIvCjHDVWFZC.gif 1100w, https://miro.medium.com/v2/resize:fit:640/format:webp/0*8QYaeIvCjHDVWFZC.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*8QYaeIvCjHDVWFZC.gif 640w, https://miro.medium.com/v2/resize:fit:720/0*8QYaeIvCjHDVWFZC.gif 720w, https://miro.medium.com/v2/resize:fit:750/0*8QYaeIvCjHDVWFZC.gif 750w, https://miro.medium.com/v2/resize:fit:786/0*8QYaeIvCjHDVWFZC.gif 786w, https://miro.medium.com/v2/resize:fit:828/0*8QYaeIvCjHDVWFZC.gif 828w, https://miro.medium.com/v2/resize:fit:1100/0*8QYaeIvCjHDVWFZC.gif 1100w, https://miro.medium.com/v2/resize:fit:640/0*8QYaeIvCjHDVWFZC.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;320&quot; height=&quot;712&quot; loading=&quot;eager&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;28b8&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Anggaplah aplikasi kita terdiri dari panel aplikasi dan daftar, yang berlaku untuk banyak aplikasi.&lt;/p&gt;&lt;p id=&quot;d386&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Catatan: Anda dapat mencapai perilaku serupa dengan menggunakan parameter TopAppBar &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;&lt;a class=&quot;af pd&quot; href=&quot;https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/material3/material3/src/commonMain/kotlin/androidx/compose/material3/AppBar.kt;l=653?q=TopAppBarScrollBehavior&amp;amp;sq=&amp;amp;ss=androidx%2Fplatform%2Fframeworks%2Fsupport&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;scrollBehavior&lt;/a&gt;&lt;/code&gt; Material 3, namun kami menulis ulang beberapa logika tersebut untuk mengilustrasikan cara kerja sistem scroll bertingkat.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr&quot;&gt;&lt;div class=&quot;pe kj l fi&quot;&gt;&lt;div class=&quot;pf pg l&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;c204&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Kode ini merender hal berikut:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb ox&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*kGlyJuqXUWlTn7qw.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*kGlyJuqXUWlTn7qw.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*kGlyJuqXUWlTn7qw.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*kGlyJuqXUWlTn7qw.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*kGlyJuqXUWlTn7qw.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*kGlyJuqXUWlTn7qw.gif 1100w, https://miro.medium.com/v2/resize:fit:640/format:webp/0*kGlyJuqXUWlTn7qw.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*kGlyJuqXUWlTn7qw.gif 640w, https://miro.medium.com/v2/resize:fit:720/0*kGlyJuqXUWlTn7qw.gif 720w, https://miro.medium.com/v2/resize:fit:750/0*kGlyJuqXUWlTn7qw.gif 750w, https://miro.medium.com/v2/resize:fit:786/0*kGlyJuqXUWlTn7qw.gif 786w, https://miro.medium.com/v2/resize:fit:828/0*kGlyJuqXUWlTn7qw.gif 828w, https://miro.medium.com/v2/resize:fit:1100/0*kGlyJuqXUWlTn7qw.gif 1100w, https://miro.medium.com/v2/resize:fit:640/0*kGlyJuqXUWlTn7qw.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;320&quot; height=&quot;712&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;cf47&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Secara default, tidak ada komunikasi antara panel aplikasi dan daftar. Jika kita men-scroll daftarnya, panel aplikasi bersifat statis. Salah satu alternatifnya adalah menjadikan panel aplikasi menjadi bagian dari daftar itu sendiri, namun kita segera melihat bahwa cara itu tidak akan berhasil. Setelah men-scroll daftar ke bawah, kita perlu men-scroll lagi ke atas untuk melihat panel aplikasi:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb ox&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*fEUOMoZ-33AhkeDD.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*fEUOMoZ-33AhkeDD.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*fEUOMoZ-33AhkeDD.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*fEUOMoZ-33AhkeDD.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*fEUOMoZ-33AhkeDD.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*fEUOMoZ-33AhkeDD.gif 1100w, https://miro.medium.com/v2/resize:fit:640/format:webp/0*fEUOMoZ-33AhkeDD.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*fEUOMoZ-33AhkeDD.gif 640w, https://miro.medium.com/v2/resize:fit:720/0*fEUOMoZ-33AhkeDD.gif 720w, https://miro.medium.com/v2/resize:fit:750/0*fEUOMoZ-33AhkeDD.gif 750w, https://miro.medium.com/v2/resize:fit:786/0*fEUOMoZ-33AhkeDD.gif 786w, https://miro.medium.com/v2/resize:fit:828/0*fEUOMoZ-33AhkeDD.gif 828w, https://miro.medium.com/v2/resize:fit:1100/0*fEUOMoZ-33AhkeDD.gif 1100w, https://miro.medium.com/v2/resize:fit:640/0*fEUOMoZ-33AhkeDD.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;320&quot; height=&quot;712&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;8a1b&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dengan memeriksa masalah ini, kami melihat bahwa kami ingin mempertahankan tempat hierarki panel aplikasi (di luar daftar). Namun, kami juga ingin bereaksi terhadap perubahan scroll dalam daftar — yaitu, membuat komponen bereaksi terhadap scroll daftar. Ini adalah petunjuk bahwa sistem scroll bertingkat di Compose mungkin solusi yang bagus untuk masalah ini.&lt;/p&gt;&lt;p id=&quot;4fa0&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Sistem scroll bertingkat adalah solusi yang bagus jika Anda ingin koordinasi antar komponen ketika satu atau beberapa komponen dapat di-scroll dan tertaut secara hierarki (dalam kasus di atas, panel aplikasi dan daftar memiliki induk yang sama). Sistem ini menghubungkan kontainer scroll dan memberikan kesempatan bagi kita untuk berinteraksi dengan delta scroll yang sedang disebarkan/dibagikan di antara mereka.&lt;/p&gt;&lt;h1 id=&quot;9508&quot; class=&quot;ph pi hs be pj pk pl pm pn po pp pq pr ps pt pu pv pw px py pz qa qb qc qd qe bj&quot;&gt;Mempresentasikan: Siklus scroll bertingkat&lt;/h1&gt;&lt;p id=&quot;9bde&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny qf oa ob oc qg oe of og qh oi oj ok qi om on oo qj oq or os gm bj&quot;&gt;Mari kita kembali sedikit dan membahas cara kerja scroll bertingkat secara umum. Siklus scroll bertingkat adalah aliran delta scroll (perubahan) yang dikirim ke atas dan ke bawah pohon hierarki melalui seluruh komponen yang dapat menjadi bagian dari sistem scroll bertingkat.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qk&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*aRPgTSleR2wtqXEcymRf6w.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*aRPgTSleR2wtqXEcymRf6w.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*aRPgTSleR2wtqXEcymRf6w.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*aRPgTSleR2wtqXEcymRf6w.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*aRPgTSleR2wtqXEcymRf6w.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*aRPgTSleR2wtqXEcymRf6w.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*aRPgTSleR2wtqXEcymRf6w.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*aRPgTSleR2wtqXEcymRf6w.png 640w, https://miro.medium.com/v2/resize:fit:720/1*aRPgTSleR2wtqXEcymRf6w.png 720w, https://miro.medium.com/v2/resize:fit:750/1*aRPgTSleR2wtqXEcymRf6w.png 750w, https://miro.medium.com/v2/resize:fit:786/1*aRPgTSleR2wtqXEcymRf6w.png 786w, https://miro.medium.com/v2/resize:fit:828/1*aRPgTSleR2wtqXEcymRf6w.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*aRPgTSleR2wtqXEcymRf6w.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*aRPgTSleR2wtqXEcymRf6w.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;204&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;006c&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Mari kita ambil sebuah daftar sebagai contoh. Saat peristiwa gestur terdeteksi, bahkan sebelum daftar itu sendiri dapat di-scroll, delta akan dikirim ke sistem scroll bertingkat. Delta yang dihasilkan oleh peristiwa tersebut akan melalui 3 tahap: pra-scroll, pemakaian node, dan pasca-scroll.&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;b30a&quot; class=&quot;nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os ql qm qn bj&quot;&gt;Pada tahap &lt;strong class=&quot;nx ht&quot;&gt;&lt;em class=&quot;qo&quot;&gt;pra-scroll&lt;/em&gt;&lt;/strong&gt;, komponen yang menerima delta sentuh akan mengirimkan peristiwa tersebut melalui pohon hierarki ke induk paling atas. Kemudian peristiwa delta akan melakukan bubble down, artinya delta akan disebarkan dari induk paling dasar ke bawah menuju turunan yang memulai siklus scroll bertingkat. Hal ini memberikan peluang bagi induk scroll bertingkat di sepanjang jalur ini (composable yang menggunakan pengubah &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;nestedScroll&lt;/code&gt;) untuk “melakukan sesuatu” dengan delta sebelum node itu sendiri dapat menggunakannya.&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;4baf&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Jika kita kembali ke diagram, turunan (daftar, misalnya) yang men-scroll 10 piksel akan memulai proses scroll bertingkat. Turunan tersebut akan mengirimkan 10 piksel ke atas rantai ke induk paling dasar yang selama tahap pra-scroll, induk akan diberi kesempatan untuk menggunakan 10 piksel tersebut:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qp&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*qdEGr4ItKAdh0lAfALSMNg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*qdEGr4ItKAdh0lAfALSMNg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*qdEGr4ItKAdh0lAfALSMNg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*qdEGr4ItKAdh0lAfALSMNg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*qdEGr4ItKAdh0lAfALSMNg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*qdEGr4ItKAdh0lAfALSMNg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*qdEGr4ItKAdh0lAfALSMNg.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*qdEGr4ItKAdh0lAfALSMNg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*qdEGr4ItKAdh0lAfALSMNg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*qdEGr4ItKAdh0lAfALSMNg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*qdEGr4ItKAdh0lAfALSMNg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*qdEGr4ItKAdh0lAfALSMNg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*qdEGr4ItKAdh0lAfALSMNg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*qdEGr4ItKAdh0lAfALSMNg.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;325&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;68fe&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dalam perjalanan menuju turunan yang memulai proses, setiap induk dapat memilih untuk menggunakan sebagian dari 10 piksel dan sisanya akan disebarkan ke bawah rantai. Ketika sudah sampai di turunan, kita akan masuk ke tahap pemakaian node. Dalam contoh ini, induk 1 memilih untuk menggunakan 5 piksel, sehingga tersisa 5 piksel untuk tahap berikutnya.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qq&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*j-7pCirM3ZzMCWiTrw10Qw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*j-7pCirM3ZzMCWiTrw10Qw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*j-7pCirM3ZzMCWiTrw10Qw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*j-7pCirM3ZzMCWiTrw10Qw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*j-7pCirM3ZzMCWiTrw10Qw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*j-7pCirM3ZzMCWiTrw10Qw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*j-7pCirM3ZzMCWiTrw10Qw.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*j-7pCirM3ZzMCWiTrw10Qw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*j-7pCirM3ZzMCWiTrw10Qw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*j-7pCirM3ZzMCWiTrw10Qw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*j-7pCirM3ZzMCWiTrw10Qw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*j-7pCirM3ZzMCWiTrw10Qw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*j-7pCirM3ZzMCWiTrw10Qw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*j-7pCirM3ZzMCWiTrw10Qw.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;363&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;f752&quot; class=&quot;nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os ql qm qn bj&quot;&gt;Pada tahap &lt;strong class=&quot;nx ht&quot;&gt;&lt;em class=&quot;qo&quot;&gt;pemakaian node&lt;/em&gt;&lt;/strong&gt;, &lt;strong class=&quot;nx ht&quot;&gt;node itu sendiri&lt;/strong&gt; akan menggunakan delta apa pun yang tidak digunakan oleh induknya. Ini adalah momen ketika, misalnya, sebuah daftar akan benar-benar bergerak.&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;ba9a&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Selama tahap ini, turunan dapat memilih untuk menggunakan sebagian scroll yang tersisa atau seluruhnya. Sisanya akan dikirim kembali untuk melewati tahap pasca-scroll. Turunan dalam diagram kita hanya menggunakan 2 piksel untuk bergerak, menyisakan 3 piksel untuk tahap berikutnya.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qp&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*D_xTrsT7w3t55ZRXOuIspA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*D_xTrsT7w3t55ZRXOuIspA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*D_xTrsT7w3t55ZRXOuIspA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*D_xTrsT7w3t55ZRXOuIspA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*D_xTrsT7w3t55ZRXOuIspA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*D_xTrsT7w3t55ZRXOuIspA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*D_xTrsT7w3t55ZRXOuIspA.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*D_xTrsT7w3t55ZRXOuIspA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*D_xTrsT7w3t55ZRXOuIspA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*D_xTrsT7w3t55ZRXOuIspA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*D_xTrsT7w3t55ZRXOuIspA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*D_xTrsT7w3t55ZRXOuIspA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*D_xTrsT7w3t55ZRXOuIspA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*D_xTrsT7w3t55ZRXOuIspA.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;325&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;dd82&quot; class=&quot;nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os ql qm qn bj&quot;&gt;Terakhir, pada tahap&lt;strong class=&quot;nx ht&quot;&gt;&lt;em class=&quot;qo&quot;&gt; pasca-scroll&lt;/em&gt;&lt;/strong&gt;, apa pun yang tidak digunakan oleh node itu sendiri akan dikirim &lt;strong class=&quot;nx ht&quot;&gt;naik&lt;/strong&gt; lagi ke pendahulunya jika ada orang yang ingin menggunakannya.&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;ccdf&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Tahap pasca-scroll akan bekerja dengan cara yang sama seperti tahap pra-scroll, ketika setiap induk dapat memilih untuk menggunakannya.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qp&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*CApeAzl8F_44wUhdgNKCDA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*CApeAzl8F_44wUhdgNKCDA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*CApeAzl8F_44wUhdgNKCDA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*CApeAzl8F_44wUhdgNKCDA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*CApeAzl8F_44wUhdgNKCDA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*CApeAzl8F_44wUhdgNKCDA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*CApeAzl8F_44wUhdgNKCDA.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*CApeAzl8F_44wUhdgNKCDA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*CApeAzl8F_44wUhdgNKCDA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*CApeAzl8F_44wUhdgNKCDA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*CApeAzl8F_44wUhdgNKCDA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*CApeAzl8F_44wUhdgNKCDA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*CApeAzl8F_44wUhdgNKCDA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*CApeAzl8F_44wUhdgNKCDA.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;325&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;977a&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Selama tahap ini, induk 2 menggunakan 3 piksel yang tersisa dan melaporkan 0 piksel sisanya ke bawah rantai.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qp&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*TtnjkhQQbo9zjGEo5tgQmw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*TtnjkhQQbo9zjGEo5tgQmw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*TtnjkhQQbo9zjGEo5tgQmw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*TtnjkhQQbo9zjGEo5tgQmw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*TtnjkhQQbo9zjGEo5tgQmw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*TtnjkhQQbo9zjGEo5tgQmw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*TtnjkhQQbo9zjGEo5tgQmw.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*TtnjkhQQbo9zjGEo5tgQmw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*TtnjkhQQbo9zjGEo5tgQmw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*TtnjkhQQbo9zjGEo5tgQmw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*TtnjkhQQbo9zjGEo5tgQmw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*TtnjkhQQbo9zjGEo5tgQmw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*TtnjkhQQbo9zjGEo5tgQmw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*TtnjkhQQbo9zjGEo5tgQmw.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;325&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;99d7&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Demikian pula, saat gestur menyeret selesai, tujuan pengguna dapat diterjemahkan menjadi kecepatan yang akan digunakan untuk “menggesek cepat” daftar — yaitu, membuatnya di-scroll menggunakan animasi. Gesek cepat juga merupakan bagian dari siklus scroll bertingkat, dan kecepatan yang dihasilkan oleh peristiwa tarik akan melalui tahap serupa: &lt;em class=&quot;qo&quot;&gt;sebelum gesek cepat&lt;/em&gt;, pemakaian node, dan &lt;em class=&quot;qo&quot;&gt;setelah gesek cepat&lt;/em&gt;.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qk&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*KvPh6q3qymE2Syws2SnvNg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*KvPh6q3qymE2Syws2SnvNg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*KvPh6q3qymE2Syws2SnvNg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*KvPh6q3qymE2Syws2SnvNg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*KvPh6q3qymE2Syws2SnvNg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*KvPh6q3qymE2Syws2SnvNg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*KvPh6q3qymE2Syws2SnvNg.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*KvPh6q3qymE2Syws2SnvNg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*KvPh6q3qymE2Syws2SnvNg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*KvPh6q3qymE2Syws2SnvNg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*KvPh6q3qymE2Syws2SnvNg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*KvPh6q3qymE2Syws2SnvNg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*KvPh6q3qymE2Syws2SnvNg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*KvPh6q3qymE2Syws2SnvNg.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;204&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;0cd1&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Oke, tapi apa relevansinya dengan masalah awal kita? Compose menyediakan seperangkat fitur yang dapat kita gunakan untuk memengaruhi cara kerja tahap-tahap ini dan berinteraksi langsung dengannya. Dalam kasus kami, jika panel aplikasi sedang ditampilkan dan kami men-scroll daftar ke atas, kami ingin memprioritaskan scroll panel aplikasi. Di sisi lain, jika kita men-scroll ke bawah dan panel aplikasi tidak muncul, kami juga ingin memprioritaskan scroll panel aplikasi sebelum men-scroll daftar itu sendiri. Ini adalah petunjuk lain bahwa sistem scroll bertingkat mungkin solusi yang bagus: kasus penggunaan kita membuat kita ingin melakukan sesuatu dengan delta scroll bahkan sebelum daftar di-scroll (lihat tautan dengan tahap pra-scroll di atas).&lt;/p&gt;&lt;p id=&quot;7036&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Selanjutnya mari kita lihat fitur-fitur ini.&lt;/p&gt;&lt;h1 id=&quot;16be&quot; class=&quot;ph pi hs be pj pk pl pm pn po pp pq pr ps pt pu pv pw px py pz qa qb qc qd qe bj&quot;&gt;Pengubah scroll bertingkat&lt;/h1&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;hk hl fi hm bg hn&quot;&gt;&lt;div class=&quot;ha hb qr&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/1*q4ea5rSM5mEouBBXV-1kyg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*q4ea5rSM5mEouBBXV-1kyg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*q4ea5rSM5mEouBBXV-1kyg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*q4ea5rSM5mEouBBXV-1kyg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*q4ea5rSM5mEouBBXV-1kyg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*q4ea5rSM5mEouBBXV-1kyg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*q4ea5rSM5mEouBBXV-1kyg.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/1*q4ea5rSM5mEouBBXV-1kyg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*q4ea5rSM5mEouBBXV-1kyg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*q4ea5rSM5mEouBBXV-1kyg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*q4ea5rSM5mEouBBXV-1kyg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*q4ea5rSM5mEouBBXV-1kyg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*q4ea5rSM5mEouBBXV-1kyg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*q4ea5rSM5mEouBBXV-1kyg.png 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;700&quot; height=&quot;180&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;c286&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Jika kita menganggap siklus scroll bertingkat sebagai sistem yang bekerja pada rantai node, pengubah scroll bertingkat adalah cara kita memasukkan diri kita ke dalam perubahan dan memengaruhi data (delta scroll) yang disebarkan dalam rantai ini. Pengubah ini dapat ditempatkan di mana saja dalam hierarki, dan berkomunikasi dengan instance pengubah scroll bertingkat di atas pohon sehingga dapat berbagi informasi melalui saluran ini. Untuk berinteraksi dengan informasi yang diteruskan melalui saluran ini, Anda dapat menggunakan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;NestedScrollConnection&lt;/code&gt; yang akan memanggil callback tertentu, tergantung tahap pemakaian. Mari kita lihat lebih dalam komponen penyusunan pengubah ini:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;699b&quot; class=&quot;nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os ql qm qn bj&quot;&gt;&lt;code class=&quot;cw ot ou ov ow b&quot;&gt;&lt;strong class=&quot;nx ht&quot;&gt;NestedScrollConnection&lt;/strong&gt;&lt;/code&gt;: Koneksi adalah cara untuk merespons tahap siklus scroll bertingkat. Ini adalah cara utama Anda dapat memengaruhi sistem scroll bertingkat. Ini terdiri dari 4 metode callback, masing-masing mewakili salah satu tahap: pra/pasca-scroll dan sebelum/setelah gesek cepat. Setiap callback juga memberikan informasi mengenai delta yang disebarkan:&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;548a&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;1.&lt;em class=&quot;qo&quot;&gt; &lt;/em&gt;&lt;code class=&quot;cw ot ou ov ow b&quot;&gt;&lt;em class=&quot;qo&quot;&gt;tersedia&lt;/em&gt;&lt;/code&gt;: Delta yang tersedia untuk tahap tertentu.&lt;/p&gt;&lt;p id=&quot;7dac&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;2.&lt;code class=&quot;cw ot ou ov ow b&quot;&gt;&lt;em class=&quot;qo&quot;&gt;digunakan&lt;/em&gt;&lt;/code&gt;: Delta digunakan pada tahap sebelumnya. Misalnya, &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;onPostScroll&lt;/code&gt; memiliki argumen “dipakai” , yang mengacu pada berapa banyak yang dipakai selama tahap pemakaian node. Kita dapat menggunakan nilai ini untuk mengetahui, misalnya, berapa banyak daftar asal yang sudah di-scroll, karena nilai ini akan dipanggil &lt;em class=&quot;qo&quot;&gt;setelah&lt;/em&gt; tahap pemakaian node.&lt;/p&gt;&lt;p id=&quot;06a2&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;3.&lt;em class=&quot;qo&quot;&gt; sumber scroll bertingkat&lt;/em&gt;: Tempat asal delta tersebut — &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;Drag&lt;/code&gt; (jika berasal dari gestur), atau &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;Fling&lt;/code&gt; (jika berasal dari animasi gesek cepat).&lt;/p&gt;&lt;p id=&quot;daa7&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Nilai yang ditampilkan dalam callback adalah cara kita memberi tahu cara berperilaku kepada sistem. Kita akan membahasnya lebih lanjut sebentar lagi.&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;7263&quot; class=&quot;nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os ql qm qn bj&quot;&gt;&lt;code class=&quot;cw ot ou ov ow b&quot;&gt;&lt;strong class=&quot;nx ht&quot;&gt;NestedScrollDispatcher&lt;/strong&gt;&lt;/code&gt;: Operator adalah entitas yang memulai siklus scroll bertingkat — yaitu, menggunakan operator dan memanggil metodenya pada dasarnya akan memicu siklus tersebut. Misalnya, kontainer yang dapat di-scroll memiliki operator bawaan yang menangani pengiriman delta yang ditangkap selama gestur ke dalam sistem. Karena alasan ini, sebagian besar kasus penggunaan akan melibatkan penggunaan koneksi dan bukan operator karena kita &lt;em class=&quot;qo&quot;&gt;bereaksi&lt;/em&gt; terhadap delta yang sudah ada, dan tidak &lt;em class=&quot;qo&quot;&gt;mengirim&lt;/em&gt; yang baru.&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;5d98&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Sekarang, mari pikirkan tentang hal yang kita ketahui mengenai urutan propagasi delta dalam sistem scroll bertingkat dan coba terapkan informasi tersebut ke kasus penggunaan kita untuk melihat bagaimana kita dapat menerapkan perilaku penciutan panel aplikasi yang benar. Sebelumnya kita telah mempelajari bahwa, setelah peristiwa scroll dipicu, bahkan sebelum daftar itu sendiri dapat bergerak, kita akan diberi kesempatan untuk membuat keputusan tentang posisi panel aplikasi. Ini mengisyaratkan bahwa kita perlu melakukan sesuatu selama &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;onPreScroll&lt;/code&gt;. Ingat, &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;onPreScroll&lt;/code&gt; adalah tahap yang terjadi tepat sebelum daftar di-scroll (tahap &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;NodeConsumption&lt;/code&gt;).&lt;/p&gt;&lt;p id=&quot;fa92&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Kode awal kita adalah kombinasi dua composable, satu untuk panel aplikasi dan satu lagi untuk daftar yang diapit dengan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;Box&lt;/code&gt;:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr&quot;&gt;&lt;div class=&quot;pe kj l fi&quot;&gt;&lt;div class=&quot;pf pg l&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;0e3f&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Tinggi panel aplikasi sudah tetap dan kita cukup mengimbangi posisinya untuk menampilkan/menyembunyikannya. Mari kita buat variabel status untuk menampung nilai offset tersebut:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr&quot;&gt;&lt;div class=&quot;pe kj l fi&quot;&gt;&lt;div class=&quot;pf pg l&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;ebd7&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Sekarang, kita perlu memperbarui offset berdasarkan scroll daftar. Kita akan menginstal koneksi scroll bertingkat pada posisi dalam hierarki yang dapat menangkap delta yang berasal dari daftar; pada saat yang bersamaan, ia harus dapat mengubah offset panel aplikasi. Tempat yang bagus adalah induk yang sama dari keduanya — induk memiliki posisi yang bagus secara hierarki untuk 1) menerima delta dari satu komponen dan 2) memengaruhi posisi komponen lainnya. Kita akan menggunakan koneksi tersebut untuk memengaruhi tahap &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;onPreScroll&lt;/code&gt;:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr&quot;&gt;&lt;div class=&quot;pe kj l fi&quot;&gt;&lt;div class=&quot;pf pg l&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;7bf1&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Pada callback &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;&lt;em class=&quot;qo&quot;&gt;onPreScroll&lt;/em&gt;&lt;/code&gt; kita akan menerima delta dari daftar di parameter &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;&lt;em class=&quot;qo&quot;&gt;tersedia&lt;/em&gt;&lt;/code&gt;. Tampilan callback ini harus berupa tampilan apa pun yang kita gunakan dari yang tersedia. Artinya jika kita menampilkan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;&lt;strong class=&quot;nx ht&quot;&gt;Offset.Zero&lt;/strong&gt;&lt;/code&gt;, kita tidak menggunakan apa pun dan daftar akan dapat menggunakan semuanya untuk scroll. Jika kita menampilkan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;&lt;strong class=&quot;nx ht&quot;&gt;available&lt;/strong&gt;&lt;/code&gt;&lt;strong class=&quot;nx ht&quot;&gt;,&lt;/strong&gt; daftar tidak akan ada yang tersisa, sehingga tidak akan di-scroll.&lt;/p&gt;&lt;p id=&quot;eeb7&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Untuk kasus penggunaan kita, jika &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;appBarOffset&lt;/code&gt; kita bernilai antara 0 dan tinggi maksimal panel aplikasi, kita perlu memberikan delta ke panel aplikasi (tambahkan ke offset). Kita dapat mencapainya dengan penghitungan menggunakan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;coerceIn&lt;/code&gt; (ini membatasi nilai antara minimum dan maksimum). Setelah itu, kita perlu melaporkan kembali ke sistem tentang hal yang digunakan oleh offset panel aplikasi. Pada akhirnya, implementasi &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;onPreScroll&lt;/code&gt; terlihat seperti ini:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr&quot;&gt;&lt;div class=&quot;pe kj l fi&quot;&gt;&lt;div class=&quot;pf pg l&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;f800&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Mari kita atur ulang kode kita sedikit dan abstrakkan offset status dan koneksinya menjadi satu kelas:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr&quot;&gt;&lt;div class=&quot;pe kj l fi&quot;&gt;&lt;div class=&quot;pf pg l&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;0ab3&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Dan sekarang, kita bisa menggunakan kelas tersebut untuk menyeimbangkan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;appBar&lt;/code&gt; kita:&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr&quot;&gt;&lt;div class=&quot;pe kj l fi&quot;&gt;&lt;div class=&quot;pf pg l&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;884b&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Sekarang, daftar akan tetap bersifat statis sampai panel aplikasi diciutkan sepenuhnya karena offset panel aplikasi memakai seluruh delta dan tidak ada lagi yang tersisa untuk digunakan dalam daftar.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb ox&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*wm1ozUIN5LTZhZDt.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*wm1ozUIN5LTZhZDt.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*wm1ozUIN5LTZhZDt.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*wm1ozUIN5LTZhZDt.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*wm1ozUIN5LTZhZDt.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*wm1ozUIN5LTZhZDt.gif 1100w, https://miro.medium.com/v2/resize:fit:640/format:webp/0*wm1ozUIN5LTZhZDt.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*wm1ozUIN5LTZhZDt.gif 640w, https://miro.medium.com/v2/resize:fit:720/0*wm1ozUIN5LTZhZDt.gif 720w, https://miro.medium.com/v2/resize:fit:750/0*wm1ozUIN5LTZhZDt.gif 750w, https://miro.medium.com/v2/resize:fit:786/0*wm1ozUIN5LTZhZDt.gif 786w, https://miro.medium.com/v2/resize:fit:828/0*wm1ozUIN5LTZhZDt.gif 828w, https://miro.medium.com/v2/resize:fit:1100/0*wm1ozUIN5LTZhZDt.gif 1100w, https://miro.medium.com/v2/resize:fit:640/0*wm1ozUIN5LTZhZDt.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;320&quot; height=&quot;712&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;c0eb&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Ini bukanlah hal yang kita inginkan. Untuk memperbaikinya, kita perlu menggunakan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;appBarOffset&lt;/code&gt; untuk turut memperbarui area spasi sebelum daftar kita sehingga saat panel aplikasi diciutkan sepenuhnya, tinggi item akan disetel ulang. Setelah itu, panel aplikasi tidak akan menggunakan apa pun lagi, sehingga daftar dapat di-scroll dengan bebas.&lt;/p&gt;&lt;p id=&quot;815b&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Logika ini juga berlaku untuk memperluas panel aplikasi. Saat panel aplikasi diluaskan, daftarnya bersifat statis, namun item yang tidak terlihat bertambah sehingga ini memberikan ilusi bahwa daftar bergerak. Setelah diperluas sepenuhnya, panel aplikasi tidak akan menggunakan delta lagi, dan daftar akan dapat terus di-scroll.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr&quot;&gt;&lt;div class=&quot;pe kj l fi&quot;&gt;&lt;div class=&quot;pf pg l&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;6a2a&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Pada hasil akhirnya, panel aplikasi akan diciutkan/diperluas sebelum daftar di-scroll seperti yang diharapkan.&lt;/p&gt;&lt;figure class=&quot;oy oz pa pb pc gr ha hb paragraph-image&quot;&gt;&lt;div class=&quot;ha hb ox&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*hIoqpiwwNY3-T-8Z.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*hIoqpiwwNY3-T-8Z.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*hIoqpiwwNY3-T-8Z.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*hIoqpiwwNY3-T-8Z.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*hIoqpiwwNY3-T-8Z.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*hIoqpiwwNY3-T-8Z.gif 1100w, https://miro.medium.com/v2/resize:fit:640/format:webp/0*hIoqpiwwNY3-T-8Z.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*hIoqpiwwNY3-T-8Z.gif 640w, https://miro.medium.com/v2/resize:fit:720/0*hIoqpiwwNY3-T-8Z.gif 720w, https://miro.medium.com/v2/resize:fit:750/0*hIoqpiwwNY3-T-8Z.gif 750w, https://miro.medium.com/v2/resize:fit:786/0*hIoqpiwwNY3-T-8Z.gif 786w, https://miro.medium.com/v2/resize:fit:828/0*hIoqpiwwNY3-T-8Z.gif 828w, https://miro.medium.com/v2/resize:fit:1100/0*hIoqpiwwNY3-T-8Z.gif 1100w, https://miro.medium.com/v2/resize:fit:640/0*hIoqpiwwNY3-T-8Z.gif 640w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 320px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg ho hp c&quot; width=&quot;320&quot; height=&quot;712&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/figure&gt;&lt;h2 id=&quot;d553&quot; class=&quot;qs pi hs be pj qt qu dx pn qv qw dz pr og qx qy qz ok ra rb rc oo rd re rf rg bj&quot;&gt;Kesimpulannya:&lt;/h2&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;c781&quot; class=&quot;nv nw hs nx b ny qf oa ob oc qg oe of og qh oi oj ok qi om on oo qj oq or os ql qm qn bj&quot;&gt;Kita dapat menggunakan sistem scroll bertingkat sebagai cara yang memungkinkan interaksi komponen di tempat berbeda dalam hierarki Compose dengan komponen scroll.&lt;/li&gt;&lt;li id=&quot;9642&quot; class=&quot;nv nw hs nx b ny rh oa ob oc ri oe of og rj oi oj ok rk om on oo rl oq or os ql qm qn bj&quot;&gt;Kita dapat menggunakan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;NestedScrollConnection&lt;/code&gt; untuk mengizinkan perubahan pada delta yang disebarkan dalam siklus scroll bertingkat.&lt;/li&gt;&lt;li id=&quot;50cd&quot; class=&quot;nv nw hs nx b ny rh oa ob oc ri oe of og rj oi oj ok rk om on oo rl oq or os ql qm qn bj&quot;&gt;Kita harus mengganti metode &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;onPreScroll&lt;/code&gt;/&lt;code class=&quot;cw ot ou ov ow b&quot;&gt;onPostScroll&lt;/code&gt; untuk mengubah delta scroll dan &lt;code class=&quot;cw ot ou ov ow b&quot;&gt;onPreFling&lt;/code&gt;/&lt;code class=&quot;cw ot ou ov ow b&quot;&gt;onPostFling&lt;/code&gt; untuk mengubah kecepatan gesek cepat.&lt;/li&gt;&lt;li id=&quot;254a&quot; class=&quot;nv nw hs nx b ny rh oa ob oc ri oe of og rj oi oj ok rk om on oo rl oq or os ql qm qn bj&quot;&gt;Selalu ingat untuk menampilkan apa pun yang dipakai di setiap metode yang diganti sehingga siklus scroll bertingkat dapat melanjutkan propagasi.&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;5987&quot; class=&quot;pw-post-body-paragraph nv nw hs nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Jika Anda ingin mempelajari selengkapnya tentang sistem scroll, lihat &lt;a class=&quot;af pd&quot; href=&quot;https://developer.android.com/jetpack/compose/touch-input/pointer-input/scroll#nested-scrolling-interop&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;dokumentasi resmi&lt;/a&gt; yang berisi diskusi yang lebih teknis tentang API yang digunakan di sini dan cara Anda dapat melakukan interop dengan sistem scroll bertingkat View.&lt;/p&gt;&lt;blockquote class=&quot;rm rn ro&quot;&gt;&lt;p id=&quot;710f&quot; class=&quot;nv nw qo nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Lisensi cuplikan kode: Hak Cipta 2024 Google LLC.&lt;/p&gt;&lt;p id=&quot;0496&quot; class=&quot;nv nw qo nx b ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq or os gm bj&quot;&gt;Identifier Lisensi SPDX: Apache-2.0&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;/div&gt;&lt;/div&gt;&lt;/article&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/7797199593993797694'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/7797199593993797694'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/memahami-scroll-bertingkat-di-jetpack.html' title='Memahami Scroll Bertingkat di Jetpack Compose'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-158198259326945886</id><published>2024-02-16T13:38:00.003+07:00</published><updated>2024-02-16T13:38:56.731+07:00</updated><title type='text'>Buat game Flutter epik untuk membantu perjuangan melindungi planet ini</title><content type='html'>&lt;span id=&quot;docs-internal-guid-96458273-7fff-24ab-ac4d-f37358dcd287&quot;&gt;&lt;h2 dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 3pt; padding: 0pt 0pt 3pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Kami tahu developer Flutter menyukai &lt;/span&gt;&lt;a href=&quot;https://flutter.dev/events/puzzle-hack&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;tantangan&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; yang seru, jadi tepat pada tahun baru, kami senang bisa mengumumkan tantangan Flutter berikutnya!&lt;/span&gt;&lt;/h2&gt;&lt;h2 dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 3pt 0pt;&quot;&gt;&lt;br /&gt;&lt;/h2&gt;&lt;h2 dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 3pt 0pt;&quot;&gt;&lt;a href=&quot;http://flutter.dev/global-gamers&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;The Global Gamers Challenge&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; adalah lomba berdurasi 8 minggu untuk mendesain, membuat, dan memublikasikan game yang berkelanjutan, disponsori oleh Flutter dan &lt;/span&gt;&lt;a href=&quot;https://www.globalcitizen.org/en/&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Global Citizen&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;. Pemenang lomba akan berangkat ke NYC pada September 2024 guna bertemu dengan beberapa anggota tim Flutter untuk menjalani workshop dan bimbingan selama satu hari, lalu merayakan pencapaian mereka bersama hingga 60.000 pendukung Global Citizen lain di Global Citizen Festival 2024.&lt;/span&gt;&lt;/h2&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 15pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 20pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Apa itu game yang berkelanjutan?&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-top: 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Game yang berkelanjutan menggunakan kekuatan permainan untuk menginspirasi tindakan positif terhadap lingkungan. Bayangkan Candy Crush, tetapi alih-alih menghancurkan permen, kamu menghancurkan polusi plastik! Atau, bayangkan game seperti &lt;/span&gt;&lt;a href=&quot;https://superdash.flutter.dev/&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Super Dash&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;, tetapi alih-alih&lt;/span&gt;&lt;span style=&quot;background-color: transparent; color: #444746; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; mengumpulkan biji pohon ek, kamu berada di rumah Dash mencari cara untuk mendinginkan rumah dengan mengoptimalkan jalur aliran udara menggunakan jendela, bukan AC&lt;/span&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;. Berikut beberapa ide lain yang terinspirasi oleh kampanye Global Citizen yang sedang berjalan saat ini:&lt;/span&gt;&lt;/p&gt;&lt;ol style=&quot;margin-bottom: 0; margin-top: 0; padding-inline-start: 48px;&quot;&gt;&lt;li aria-level=&quot;1&quot; dir=&quot;ltr&quot; style=&quot;color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 700; list-style-type: decimal; vertical-align: baseline; white-space: pre;&quot;&gt;&lt;p dir=&quot;ltr&quot; role=&quot;presentation&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-top: 18pt;&quot;&gt;&lt;a href=&quot;https://www.reuters.com/markets/commodities/world-cant-afford-us-style-home-energy-consumption-habits-2023-05-19/&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; text-wrap: wrap; vertical-align: baseline;&quot;&gt;Dorong pengurangan penggunaan energi di rumah&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-left: 36pt; margin-top: 18pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Data menunjukkan bahwa rumah-rumah di Amerika Serikat rata-rata menggunakan listrik tiga kali lebih banyak dibandingkan rumah-rumah pada umumnya di negara lain. Bisakah kamu membuat game yang membantu mengurangi ketergantungan pada sumber energi yang tidak efisien?&lt;/span&gt;&lt;/p&gt;&lt;ol start=&quot;2&quot; style=&quot;margin-bottom: 0; margin-top: 0; padding-inline-start: 48px;&quot;&gt;&lt;li aria-level=&quot;1&quot; dir=&quot;ltr&quot; style=&quot;color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 700; list-style-type: decimal; vertical-align: baseline; white-space: pre;&quot;&gt;&lt;p dir=&quot;ltr&quot; role=&quot;presentation&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-top: 18pt;&quot;&gt;&lt;a href=&quot;https://www.timeout.com/travel/best-public-transport-in-the-world&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; text-wrap: wrap; vertical-align: baseline;&quot;&gt;Dorong pengurangan penggunaan plastik sekali pakai&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-left: 36pt; margin-top: 18pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Asia Tenggara merupakan kawasan dengan polusi plastik tertinggi di dunia. Pertimbangkan membuat game yang mendorong seseorang untuk mencari alternatif, seperti memilih botol air pakai ulang daripada botol sekali pakai.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;ol start=&quot;3&quot; style=&quot;margin-bottom: 0; margin-top: 0; padding-inline-start: 48px;&quot;&gt;&lt;li aria-level=&quot;1&quot; dir=&quot;ltr&quot; style=&quot;color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 700; list-style-type: decimal; vertical-align: baseline; white-space: pre;&quot;&gt;&lt;p dir=&quot;ltr&quot; role=&quot;presentation&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-top: 18pt;&quot;&gt;&lt;a href=&quot;https://www.ukri.org/what-we-do/browse-our-areas-of-investment-and-support/understanding-plastic-pollution-impact-on-marine-ecosystems-in-southeast-asia/&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; text-wrap: wrap; vertical-align: baseline;&quot;&gt;Dorong penggunaan transportasi umum untuk jarak dekat dan perjalanan darat untuk jarak yang lebih jauh&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-left: 36pt; margin-top: 18pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Eropa adalah rumah bagi banyak sistem transportasi terbaik di dunia. Game yang efektif dapat mendorong orang untuk menggunakan transportasi umum untuk jarak lebih dekat, dan transportasi darat, seperti kereta (sebagai ganti pesawat) untuk jarak yang lebih jauh.&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 18pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Kami yakin bahwa game dapat mendorong pemain untuk mengambil tindakan kecil dalam kehidupan nyata yang berdampak besar bagi lingkungan. Karenanya, &lt;/span&gt;&lt;a href=&quot;https://www.globalcitizen.org/en/categories/defend-the-planet/&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;jika kamu ingin mengambil tindakan langsung terkait hal ini, lihat kampanye yang sedang dijalankan Global Citizen&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;.&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;line-height: 1.3800000000000001; margin-bottom: 12pt; margin-top: 12pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 11pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;&lt;span style=&quot;border: none; display: inline-block; height: 368px; overflow: hidden; width: 600px;&quot;&gt;&lt;img height=&quot;368&quot; src=&quot;https://lh7-us.googleusercontent.com/t81np60M5icG6AJ5O-G4OrtJKt9pd-lFlDxaTlDO0fXZ6RGgDGL1syBXskVCJYoVNcH4U3sxmvLZjTU1uRDyJedUQcZ4SA63ToPPJ8b6YlkBkPdJ4z4SqSFG9sroom0uAnj-Qaxcz8xnWSspBlu_dtq3uHjK4qBMw_6i6uK1zWV23hwqQEcNrTTKMpgiqg&quot; style=&quot;margin-left: 0px; margin-top: 0px;&quot; width=&quot;600&quot; /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 6pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 20pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Mengapa bergabung dalam Global Gamers Challenge?&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #666666; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 14pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Pertahankan planet ini&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Lomba ini terinspirasi oleh &lt;/span&gt;&lt;a href=&quot;https://www.playing4theplanet.org/&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Playing for the Planet Alliance&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;, sebuah aliansi dari 50 studio game dan perusahaan yang difasilitasi oleh Perserikatan Bangsa-Bangsa, &lt;/span&gt;&lt;a href=&quot;https://blog.google/around-the-globe/google-europe/sustainable-gaming-with-the-playing-for-the-planet-alliance/&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;termasuk Google&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;, dengan misi untuk mengurangi dampak industri terhadap lingkungan dan&lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-style: italic; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;memanfaatkan kekuatan game untuk menghadirkan awareness dan mengoordinasikan tindakan untuk isu-isu lingkungan penting seperti perubahan iklim, hilangnya keanekaragaman hayati, dan polusi.&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Game buatan anggota Playing for the Planet Alliance memiliki jangkauan gabungan lebih dari 1 miliar orang. Melalui inisiatif utama Aliansi ini, &lt;/span&gt;&lt;a href=&quot;https://www.playing4theplanet.org/green-game-jam-2023&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Green Game Jam&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;, game yang berpartisipasi telah menciptakan dampak dunia nyata dengan mengumpulkan dana untuk menanam 2,75 juta pohon dan menggalang sekitar US$1.500.000 untuk melindungi satwa liar dan mendukung gerakan lingkungan.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Kami telah bermitra dengan Playing for the Planet Alliance untuk mendapatkan &lt;/span&gt;&lt;a href=&quot;https://igda-website.s3.us-east-2.amazonaws.com/wp-content/uploads/2022/04/06100719/EnvironmentalGameDesignPlaybook_Alpha_Release_Adj.pdf&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;praktik terbaik untuk game lingkungan&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; dan menambahkannya ke kit referensi yang disediakan sebagai bagian dari tantangan ini. Inilah kesempatanmu untuk membuat sesuatu yang membantu melindungi planet kita!&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #666666; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 14pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Pelajari hal baru&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Baik kamu adalah developer Flutter yang baru mengenal game, seorang developer game yang baru mengenal Flutter, atau seseorang yang baru mengenal pengembangan game dan Flutter, kamu pasti akan mempelajari beberapa trik sekaligus menciptakan dampak positif pada dunia.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 20pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Detail&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 700; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Tanggal&lt;/span&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;: Semua project harus dikirimkan paling lambat 5 Maret 2024, pukul 14.59 PM Waktu Pasifik (GMT -8). 20 Game Teratas akan diumumkan pada akhir Maret 2024, dan pemenang akhir akan diumumkan pada Mei 2024.&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 700; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Cara Pengiriman&lt;/span&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;: Petunjuk pendaftaran dan pengiriman dapat ditemukan di &lt;/span&gt;&lt;a href=&quot;http://globalgamers.devpost.com&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;DevPost&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;.&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-top: 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 700; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Penghargaan&lt;/span&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;: Pemenang akan dinilai berdasarkan kriteria seperti:&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin-bottom: 0; margin-top: 0; padding-inline-start: 48px;&quot;&gt;&lt;li aria-level=&quot;1&quot; dir=&quot;ltr&quot; style=&quot;color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;&quot;&gt;&lt;p dir=&quot;ltr&quot; role=&quot;presentation&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 18pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-wrap: wrap; vertical-align: baseline;&quot;&gt;Keaslian dan kreativitas&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li aria-level=&quot;1&quot; dir=&quot;ltr&quot; style=&quot;color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;&quot;&gt;&lt;p dir=&quot;ltr&quot; role=&quot;presentation&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-wrap: wrap; vertical-align: baseline;&quot;&gt;Tindakan dan narasi keberlanjutan&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li aria-level=&quot;1&quot; dir=&quot;ltr&quot; style=&quot;color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;&quot;&gt;&lt;p dir=&quot;ltr&quot; role=&quot;presentation&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-wrap: wrap; vertical-align: baseline;&quot;&gt;Penggunaan animasi&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li aria-level=&quot;1&quot; dir=&quot;ltr&quot; style=&quot;color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; list-style-type: disc; vertical-align: baseline; white-space: pre;&quot;&gt;&lt;p dir=&quot;ltr&quot; role=&quot;presentation&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-top: 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-wrap: wrap; vertical-align: baseline;&quot;&gt;Deployment multiplatform yang efektif&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 18pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Namun, kami tidak hanya memberikan penghargaan atas kemampuan coding yang hebat. Kami juga punya hadiah untuk ide hebat, video demo, konten edukasi untuk game, dan banyak lagi!&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 700; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Referensi&lt;/span&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;: Kami telah mengumpulkan sejumlah &lt;/span&gt;&lt;a href=&quot;http://flutter.dev/global-gamers/#resources&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;referensi&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; untuk membantumu membuat game, termasuk &lt;/span&gt;&lt;a href=&quot;http://flutter.dev/global-gamers/#guide&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;panduan&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; untuk menavigasi tantangan ini, seperti halnya peta dalam game. Panduan ini memberikan referensi yang kamu perlukan, membantumu menjadi Global Citizen melalui &lt;/span&gt;&lt;a href=&quot;https://glblctzn.co/hQ5oyPFbcGb&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;perjalanan pembelajaran&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; baru dalam aplikasi Global Citizen, dan berisi petunjuk tentang cara mendaftar dan mengirimkan gamemu.&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 700; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Tim&lt;/span&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;: Kamu sebaiknya menyelesaikan tantangan ini sebagai bagian dari tim. Saat kamu &lt;/span&gt;&lt;a href=&quot;http://globalgamers.devpost.com&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;mendaftar untuk tantangan ini&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; di Devpost, kamu akan dapat membagikan keahlian, status tim, dan ide-idemu.&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Jadi, baik kamu punya ide yang inovatif, tetapi memerlukan rekan tim dengan keahlian teknis untuk mewujudkannya, atau jika kamu memiliki keahlian teknis, tetapi menginginkan ide yang inovatif, pastikan kamu mengisi profilmu dengan tepat, lalu baca &lt;/span&gt;&lt;a href=&quot;https://globalgamers.devpost.com/participants&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;tab peserta&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; dan cari orang yang detail profilnya sesuai dengan yang kamu cari!&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Kami tak sabar melihat ide-ide yang akan datang dari ahli teknologi dan aktivis yang bekerja sama untuk mencapai tujuan bersama. Kalau kamu memerlukan dukungan tambahan dalam mencari rekan tim, baca &lt;/span&gt;&lt;a href=&quot;https://help.devpost.com/hc/en-us/articles/360022031411-Participants-page-forming-a-team&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;artikel bantuan&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;.&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Terakhir, jumlah anggota tim memang fleksibel, tetapi hanya 3 orang yang akan dapat melakukan perjalanan ke New York City jika project-nya terpilih sebagai finalis.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 20pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Ayo mulai dan terus terhubung&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 0pt; margin-top: 0pt; padding: 0pt 0pt 18pt 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Lihat situs resmi lomba di flutter.dev/global-gamers untuk semua hal yang perlu kamu ketahui. Kamu juga bisa membuka &lt;/span&gt;&lt;a href=&quot;https://globalgamers.devpost.com/&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1155cc; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; text-decoration-line: underline; text-decoration-skip-ink: none; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Devpost&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt; untuk melakukan pendaftaran dan pengiriman.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p dir=&quot;ltr&quot; style=&quot;background-color: white; line-height: 1.3800000000000001; margin-bottom: 18pt; margin-top: 0pt;&quot;&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;Pengiriman ditutup pada 5 Maret, jadi jangan tunggu lagi! Kami tak sabar melihat kreasimu!&lt;/span&gt;&lt;/p&gt;&lt;div&gt;&lt;span style=&quot;background-color: transparent; color: #1f1f1f; font-family: &amp;quot;Google Sans&amp;quot;, sans-serif; font-size: 12pt; font-variant-alternates: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://developers-id.googleblog.com/feeds/158198259326945886/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://developers-id.googleblog.com/2024/02/buat-game-flutter-epik-untuk-membantu.html#comment-form' title='79 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/158198259326945886'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/158198259326945886'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/buat-game-flutter-epik-untuk-membantu.html' title='Buat game Flutter epik untuk membantu perjuangan melindungi planet ini'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh7-us.googleusercontent.com/t81np60M5icG6AJ5O-G4OrtJKt9pd-lFlDxaTlDO0fXZ6RGgDGL1syBXskVCJYoVNcH4U3sxmvLZjTU1uRDyJedUQcZ4SA63ToPPJ8b6YlkBkPdJ4z4SqSFG9sroom0uAnj-Qaxcz8xnWSspBlu_dtq3uHjK4qBMw_6i6uK1zWV23hwqQEcNrTTKMpgiqg=s72-c" height="72" width="72"/><thr:total>79</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-9102572085054946667</id><published>2024-02-16T10:42:00.005+07:00</published><updated>2024-03-01T10:46:04.496+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="announcement"/><category scheme="http://www.blogger.com/atom/ns#" term="flutter"/><category scheme="http://www.blogger.com/atom/ns#" term="flutter app development"/><category scheme="http://www.blogger.com/atom/ns#" term="releases"/><title type='text'>Memulai tahun 2024 lebih kuat dengan Flutter dan Dart</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/flutter/starting-2024-strong-with-flutter-and-dart-cae9845264fe&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;https://medium.com/flutter/starting-2024-strong-with-flutter-and-dart-cae9845264fe&quot;/&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;STATIC&quot;&gt;html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden=&quot;true&quot;]{visibility:hidden;pointer-events:none}
/*XCode style (c) Angel Garcia &lt;angelgarcia.mail@gmail.com&gt;*/.hljs {background: #fff;color: black;
}/* Gray DOCTYPE selectors like WebKit */
.xml .hljs-meta {color: #c0c0c0;
}.hljs-comment,
.hljs-quote {color: #007400;
}.hljs-tag,
.hljs-attribute,
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-name {color: #aa0d91;
}.hljs-variable,
.hljs-template-variable {color: #3F6E74;
}.hljs-code,
.hljs-string,
.hljs-meta .hljs-string {color: #c41a16;
}.hljs-regexp,
.hljs-link {color: #0E0EFF;
}.hljs-title,
.hljs-symbol,
.hljs-bullet,
.hljs-number {color: #1c00cf;
}.hljs-section,
.hljs-meta {color: #643820;
}.hljs-title.class_,
.hljs-class .hljs-title,
.hljs-type,
.hljs-built_in,
.hljs-params {color: #5c2699;
}.hljs-attr {color: #836C28;
}.hljs-subst {color: #000;
}.hljs-formula {background-color: #eee;font-style: italic;
}.hljs-addition {background-color: #baeeba;
}.hljs-deletion {background-color: #ffc8bd;
}.hljs-selector-id,
.hljs-selector-class {color: #9b703f;
}.hljs-doctag,
.hljs-strong {font-weight: bold;
}.hljs-emphasis {font-style: italic;
}
&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;KEYFRAME&quot;&gt;@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-webkit-keyframes k2{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@-moz-keyframes k2{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes k2{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot;&gt;.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Open Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{fill:rgba(0, 0, 0, 1)}.av{height:22px}.aw{margin-left:16px}.ax{border:none}.ay{border-radius:20px}.az{width:240px}.ba{background:#F9F9F9}.bb path{fill:#6B6B6B}.bd{outline:none}.be{font-family:sohne, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif}.bf{font-size:14px}.bg{width:100%}.bh{padding:10px 20px 10px 0}.bi{background-color:transparent}.bj{color:#242424}.bk::placeholder{color:#6B6B6B}.bl{display:inline-block}.bm{margin-left:12px}.bn{margin-right:12px}.bo{border-radius:4px}.bp{margin-left:24px}.bq{height:24px}.bw{background-color:#F9F9F9}.bx{border-radius:50%}.by{height:32px}.bz{width:32px}.ca{justify-content:center}.cg{max-width:680px}.ch{min-width:0}.ci{animation:k1 1.2s ease-in-out infinite}.cj{height:100vh}.ck{margin-bottom:16px}.cl{margin-top:48px}.cm{align-items:flex-start}.cn{flex-direction:column}.co{justify-content:space-between}.cp{margin-bottom:24px}.cv{width:80%}.cw{background-color:#F2F2F2}.dc{height:44px}.dd{width:44px}.de{margin:auto 0}.df{margin-bottom:4px}.dg{height:16px}.dh{width:120px}.di{width:80px}.do{margin-bottom:8px}.dp{width:96%}.dq{width:98%}.dr{width:81%}.ds{margin-left:8px}.dt{color:#6B6B6B}.du{font-size:13px}.dv{height:100%}.eo{color:#FFFFFF}.ep{fill:#FFFFFF}.eq{background:rgba(73, 139, 209, 1)}.er{border-color:rgba(73, 139, 209, 1)}.ev:disabled{cursor:inherit !important}.ew:disabled{opacity:0.3}.ex:disabled:hover{background:rgba(73, 139, 209, 1)}.ey:disabled:hover{border-color:rgba(73, 139, 209, 1)}.ez{border-radius:99em}.fa{border-width:1px}.fb{border-style:solid}.fc{box-sizing:border-box}.fd{text-decoration:none}.fe{text-align:center}.fh{margin-right:32px}.fi{position:relative}.fj{fill:#6B6B6B}.fm{background:transparent}.fn svg{margin-left:4px}.fo svg{fill:#6B6B6B}.fq{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fr{position:absolute}.fy{margin:0 24px}.gc{background:rgba(255, 255, 255, 1)}.gd{border:1px solid #F2F2F2}.ge{box-shadow:0 1px 4px #F2F2F2}.gf{max-height:100vh}.gg{overflow-y:auto}.gh{left:0}.gi{top:calc(100vh + 100px)}.gj{bottom:calc(100vh + 100px)}.gk{width:10px}.gl{pointer-events:none}.gm{word-break:break-word}.gn{word-wrap:break-word}.go:after{display:block}.gp:after{content:&quot;&quot;}.gq:after{clear:both}.gr{line-height:1.23}.gs{letter-spacing:0}.gt{font-style:normal}.gu{font-weight:700}.hu{@media all and (max-width: 551.98px):8px}.hv{@media all and (min-width: 552px) and (max-width: 727.98px):8px}.hw{@media all and (min-width: 728px) and (max-width: 903.98px):16px}.hx{@media all and (min-width: 904px) and (max-width: 1079.98px):16px}.hy{@media all and (min-width: 1080px):16px}.ie{align-items:baseline}.if{width:48px}.ig{height:48px}.ih{border:2px solid rgba(255, 255, 255, 1)}.ii{z-index:0}.ij{box-shadow:none}.ik{border:1px solid rgba(0, 0, 0, 0.05)}.il{margin-left:-12px}.im{width:28px}.in{height:28px}.io{z-index:1}.ip{width:24px}.iq{margin-bottom:2px}.ir{flex-wrap:nowrap}.is{font-size:16px}.it{line-height:24px}.iv{margin:0 8px}.iw{display:inline}.ix{color:rgba(73, 139, 209, 1)}.iy{fill:rgba(73, 139, 209, 1)}.jb{flex:0 0 auto}.je{flex-wrap:wrap}.jh{white-space:pre-wrap}.ji{margin-right:4px}.jj{overflow:hidden}.jk{max-height:20px}.jl{text-overflow:ellipsis}.jm{display:-webkit-box}.jn{-webkit-line-clamp:1}.jo{-webkit-box-orient:vertical}.jp{word-break:break-all}.jr{padding-left:8px}.js{padding-right:8px}.kt&gt; *{flex-shrink:0}.ku{overflow-x:scroll}.kv::-webkit-scrollbar{display:none}.kw{scrollbar-width:none}.kx{-ms-overflow-style:none}.ky{width:74px}.kz{flex-direction:row}.lc{-webkit-user-select:none}.ld{border:0}.le{cursor:progress}.lf{fill:rgba(117, 117, 117, 1)}.li{opacity:0.25}.lj{outline:0}.lk{user-select:none}.ll&gt; svg{pointer-events:none}.lu{margin-left:4px}.lv{margin-top:0px}.lw{opacity:1}.lx{padding:4px 0}.ma{width:16px}.mb{display:inline-flex}.mh{max-width:100%}.mi{padding:8px 2px}.mj svg{color:#6B6B6B}.na{line-height:1.58}.nb{letter-spacing:-0.004em}.nc{font-family:source-serif-pro, Georgia, Cambria, &quot;Times New Roman&quot;, Times, serif}.nx{margin-bottom:-0.46em}.ny{font-style:italic}.nz{margin-left:auto}.oa{margin-right:auto}.ob{max-width:1280px}.oh{clear:both}.oj{cursor:zoom-in}.ok{z-index:auto}.om{height:auto}.on{text-decoration:underline}.oo{max-width:1600px}.op{list-style-type:disc}.oq{margin-left:30px}.or{padding-left:0px}.ox{margin:auto}.oy{padding-bottom:56.206088992974244%}.oz{height:0}.pa{max-width:1200px}.pb{margin-top:10px}.pc{max-width:728px}.pf{margin-bottom:26px}.pg{margin-top:6px}.ph{margin-top:8px}.pi{margin-right:8px}.pj{padding:8px 16px}.pk{border-radius:100px}.pl{transition:background 300ms ease}.pn{white-space:nowrap}.po{border-top:none}.pu{height:52px}.pv{max-height:52px}.pw{box-sizing:content-box}.px{position:static}.pz{max-width:155px}.qf{margin-right:20px}.ql{align-items:flex-end}.qm{width:76px}.qn{height:76px}.qo{border:2px solid #F9F9F9}.qp{height:72px}.qq{width:72px}.qr{margin-left:-16px}.qs{width:36px}.qt{height:36px}.qu{width:auto}.qv{stroke:#F2F2F2}.qw{color:#F2F2F2}.qx{fill:#F2F2F2}.qy{background:#F2F2F2}.qz{border-color:#F2F2F2}.rf{font-weight:500}.rg{font-size:24px}.rh{line-height:30px}.ri{letter-spacing:-0.016em}.rj{margin-top:16px}.rk{height:0px}.rl{border-bottom:solid 1px #E5E5E5}.rr{margin-top:72px}.rs{padding:24px 0}.rt{margin-bottom:0px}.ru{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.es:hover{background:rgba(68, 119, 175, 1)}.et:hover{border-color:rgba(68, 119, 175, 1)}.eu:hover{cursor:pointer}.fk:hover{color:#242424}.fl:hover{fill:#242424}.fp:hover svg{fill:#242424}.fs:hover{background-color:rgba(0, 0, 0, 0.1)}.iu:hover{text-decoration:underline}.iz:hover:not(:disabled){color:rgba(68, 119, 175, 1)}.ja:hover:not(:disabled){fill:rgba(68, 119, 175, 1)}.lh:hover{fill:rgba(117, 117, 117, 1)}.ly:hover{fill:#000000}.lz:hover p{color:#000000}.mk:hover svg{color:#000000}.pm:hover{background-color:#F2F2F2}.ra:hover{background:#F2F2F2}.rb:hover{border-color:#F2F2F2}.rc:hover{cursor:wait}.rd:hover{color:#F2F2F2}.re:hover{fill:#F2F2F2}.bc:focus-within path{fill:#242424}.lg:focus{fill:rgba(117, 117, 117, 1)}.ml:focus svg{color:#000000}.ol:focus{transform:scale(1.01)}.lm:active{border-style:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 1080px)&quot;&gt;.d{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ee{font-size:14px}.ef{line-height:20px}.el{font-size:13px}.em{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:68px}.gb{max-width:680px}.hp{font-size:42px}.hq{margin-top:1.19em}.hr{margin-bottom:32px}.hs{line-height:52px}.ht{letter-spacing:-0.011em}.id{align-items:center}.kf{border-top:solid 1px #F2F2F2}.kg{border-bottom:solid 1px #F2F2F2}.kh{margin:32px 0 0}.ki{padding:3px 8px}.kr&gt; *{margin-right:24px}.ks&gt; :last-child{margin-right:0}.lt{margin-top:0px}.mg{margin:0}.nt{font-size:20px}.nu{margin-top:2.14em}.nv{line-height:32px}.nw{letter-spacing:-0.003em}.og{margin-top:56px}.ow{margin-top:1.14em}.pt{margin-bottom:88px}.qe{display:inline-block}.qk{padding-top:72px}.rq{margin-top:40px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 1079.98px)&quot;&gt;.e{display:none}.ls{margin-top:0px}.pd{margin-left:auto}.pe{text-align:center}.qd{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 903.98px)&quot;&gt;.f{display:none}.lr{margin-top:0px}.qc{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 727.98px)&quot;&gt;.g{display:none}.lp{margin-top:0px}.lq{margin-right:0px}.qb{display:inline-block}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (max-width: 551.98px)&quot;&gt;.h{display:none}.s{display:flex}.t{justify-content:space-between}.br{width:24px}.cb{margin:0 24px}.cq{height:40px}.cx{margin-bottom:44px}.dj{margin-bottom:32px}.dw{font-size:13px}.dx{line-height:20px}.eg{padding:0px 8px 1px}.ft{margin-bottom:4px}.gv{font-size:32px}.gw{margin-top:1.01em}.gx{margin-bottom:24px}.gy{line-height:38px}.gz{letter-spacing:-0.014em}.hz{align-items:flex-start}.jc{flex-direction:column}.jf{margin-bottom:2px}.jt{margin:24px -24px 0}.ju{padding:0}.kj&gt; *{margin-right:8px}.kk&gt; :last-child{margin-right:24px}.la{margin-left:0px}.ln{margin-top:0px}.lo{margin-right:0px}.mc{margin:0}.mm{border:1px solid #F2F2F2}.mn{border-radius:99em}.mo{padding:0px 16px 0px 12px}.mp{height:38px}.mq{align-items:center}.ms svg{margin-right:8px}.nd{font-size:18px}.ne{margin-top:1.56em}.nf{line-height:28px}.ng{letter-spacing:-0.003em}.oc{margin-top:40px}.os{margin-top:1.34em}.pp{margin-bottom:80px}.qa{display:inline-block}.qg{padding-top:48px}.rm{margin-top:32px}.mr:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 904px) and (max-width: 1079.98px)&quot;&gt;.i{display:none}.bu{width:64px}.ce{margin:0 64px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.ec{font-size:14px}.ed{line-height:20px}.ej{font-size:13px}.ek{padding:5px 12px}.ff{display:flex}.fw{margin-bottom:68px}.ga{max-width:680px}.hk{font-size:42px}.hl{margin-top:1.19em}.hm{margin-bottom:32px}.hn{line-height:52px}.ho{letter-spacing:-0.011em}.ic{align-items:center}.kb{border-top:solid 1px #F2F2F2}.kc{border-bottom:solid 1px #F2F2F2}.kd{margin:32px 0 0}.ke{padding:3px 8px}.kp&gt; *{margin-right:24px}.kq&gt; :last-child{margin-right:0}.mf{margin:0}.np{font-size:20px}.nq{margin-top:2.14em}.nr{line-height:32px}.ns{letter-spacing:-0.003em}.of{margin-top:56px}.ov{margin-top:1.14em}.ps{margin-bottom:88px}.qj{padding-top:72px}.rp{margin-top:40px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 728px) and (max-width: 903.98px)&quot;&gt;.j{display:none}.w{display:flex}.x{justify-content:space-between}.bt{width:64px}.cd{margin:0 48px}.cs{height:48px}.cz{margin-bottom:52px}.dl{margin-bottom:48px}.ea{font-size:13px}.eb{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:68px}.fz{max-width:680px}.hf{font-size:42px}.hg{margin-top:1.19em}.hh{margin-bottom:32px}.hi{line-height:52px}.hj{letter-spacing:-0.011em}.ib{align-items:center}.jx{border-top:solid 1px #F2F2F2}.jy{border-bottom:solid 1px #F2F2F2}.jz{margin:32px 0 0}.ka{padding:3px 8px}.kn&gt; *{margin-right:24px}.ko&gt; :last-child{margin-right:0}.me{margin:0}.nl{font-size:20px}.nm{margin-top:2.14em}.nn{line-height:32px}.no{letter-spacing:-0.003em}.oe{margin-top:56px}.ou{margin-top:1.14em}.pr{margin-bottom:88px}.qi{padding-top:72px}.ro{margin-top:40px}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;all and (min-width: 552px) and (max-width: 727.98px)&quot;&gt;.k{display:none}.u{display:flex}.v{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dy{font-size:13px}.dz{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:4px}.ha{font-size:32px}.hb{margin-top:1.01em}.hc{margin-bottom:24px}.hd{line-height:38px}.he{letter-spacing:-0.014em}.ia{align-items:flex-start}.jd{flex-direction:column}.jg{margin-bottom:2px}.jv{margin:24px 0 0}.jw{padding:0}.kl&gt; *{margin-right:8px}.km&gt; :last-child{margin-right:8px}.lb{margin-left:0px}.md{margin:0}.mt{border:1px solid #F2F2F2}.mu{border-radius:99em}.mv{padding:0px 16px 0px 12px}.mw{height:38px}.mx{align-items:center}.mz svg{margin-right:8px}.nh{font-size:18px}.ni{margin-top:1.56em}.nj{line-height:28px}.nk{letter-spacing:-0.003em}.od{margin-top:40px}.ot{margin-top:1.34em}.pq{margin-bottom:80px}.qh{padding-top:48px}.rn{margin-top:32px}.my:hover{border-color:#E5E5E5}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;print&quot;&gt;.py{display:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;(orientation: landscape) and (max-width: 903.98px)&quot;&gt;.jq{max-height:none}&lt;/style&gt;
&lt;style type=&quot;text/css&quot; data-fela-rehydration=&quot;488&quot; data-fela-type=&quot;RULE&quot; media=&quot;(prefers-reduced-motion: no-preference)&quot;&gt;.oi{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}&lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;article&gt;&lt;div class=&quot;l&quot;&gt;&lt;div class=&quot;l&quot;&gt;&lt;span class=&quot;l&quot;&gt;&lt;/span&gt;&lt;section&gt;&lt;div&gt;&lt;div class=&quot;fr gh gi gj gk gl&quot;&gt;&lt;/div&gt;&lt;div class=&quot;gm gn go gp gq&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;ch bg fy fz ga gb&quot;&gt;&lt;div&gt;&lt;div class=&quot;hu hv hw hx hy&quot;&gt;&lt;div class=&quot;speechify-ignore ab co&quot;&gt;&lt;div class=&quot;speechify-ignore bg l&quot;&gt;&lt;div class=&quot;hz ia ib ic id ab&quot;&gt;&lt;div&gt;&lt;div class=&quot;ab ie&quot;&gt;&lt;a rel=&quot;noopener follow&quot; href=&quot;/@brandonbadger?source=post_page-----cae9845264fe--------------------------------&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l if ig bx ih ii&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Brandon Badger&quot; class=&quot;l fc bx dc dd cw&quot; src=&quot;https://miro.medium.com/v2/resize:fill:88:88/1*nFmOI6gpDMxUgSzNIZ19Kg.png&quot; width=&quot;44&quot; height=&quot;44&quot; loading=&quot;lazy&quot; data-testid=&quot;authorPhoto&quot;&gt;&lt;div class=&quot;ij bx l dc dd fr n ik fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;a href=&quot;https://medium.com/flutter?source=post_page-----cae9845264fe--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;div class=&quot;il ab fi&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;div class=&quot;l im in bx ih io&quot;&gt;&lt;div class=&quot;l fi&quot;&gt;&lt;img alt=&quot;Flutter&quot; class=&quot;l fc bx bq ip cw&quot; src=&quot;https://miro.medium.com/v2/resize:fill:48:48/1*5-aoK8IBmXve5whBQM90GA.png&quot; width=&quot;24&quot; height=&quot;24&quot; loading=&quot;lazy&quot; data-testid=&quot;publicationPhoto&quot;&gt;&lt;div class=&quot;ij bx l bq ip fr n ik fs&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bm bg l&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div style=&quot;flex:1&quot;&gt;&lt;span class=&quot;be b bf z bj&quot;&gt;&lt;div class=&quot;iq ab q&quot;&gt;&lt;div class=&quot;ab q ir&quot;&gt;&lt;div class=&quot;ab q&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;p class=&quot;be b is it bj&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar iu&quot; data-testid=&quot;authorName&quot; rel=&quot;noopener follow&quot; href=&quot;/@brandonbadger?source=post_page-----cae9845264fe--------------------------------&quot;&gt;Brandon Badger&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;iv iw&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;p class=&quot;be b is it dt&quot;&gt;&lt;span&gt;&lt;a class=&quot;ix iy ah ai aj ak al am an ao ap aq ar ew iz ja&quot; rel=&quot;noopener follow&quot; href=&quot;/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F2534f4e317f3&amp;amp;operation=register&amp;amp;redirect=https%3A%2F%2Fmedium.com%2Fflutter%2Fstarting-2024-strong-with-flutter-and-dart-cae9845264fe&amp;amp;user=Brandon+Badger&amp;amp;userId=2534f4e317f3&amp;amp;source=post_page-2534f4e317f3----cae9845264fe---------------------post_header-----------&quot;&gt;Ikuti&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;l jb&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab cm jc jd je&quot;&gt;&lt;div class=&quot;jf jg ab&quot;&gt;&lt;div class=&quot;be b bf z dt ab jh&quot;&gt;&lt;span class=&quot;ji l jb&quot;&gt;Dipublikasikan di&lt;/span&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;a class=&quot;af ag ah ai aj ak al am an ao ap aq ar iu ab q&quot; data-testid=&quot;publicationName&quot; href=&quot;https://medium.com/flutter?source=post_page-----cae9845264fe--------------------------------&quot; rel=&quot;noopener follow&quot;&gt;&lt;p class=&quot;be b bf z jj jk jl jm jn jo jp jq bj&quot;&gt;Flutter&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;span class=&quot;iv iw&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;&lt;div class=&quot;ab ae&quot;&gt;&lt;span data-testid=&quot;storyReadTime&quot;&gt;Bacaan 5 menit&lt;/span&gt;&lt;div class=&quot;jr js l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;l&quot; aria-hidden=&quot;true&quot;&gt;&lt;span class=&quot;be b bf z dt&quot;&gt;·&lt;/span&gt;&lt;div class=&quot;ab co jt ju jv jw jx jy jz ka kb kc kd ke kf kg kh ki&quot;&gt;&lt;div class=&quot;h k w ff fg q&quot;&gt;&lt;div class=&quot;ky l&quot;&gt;&lt;div class=&quot;ab q kz&quot;&gt;&lt;div class=&quot;pw-multi-vote-icon fi ji la lb lc&quot;&gt;&lt;div class=&quot;&quot;&gt;&lt;div class=&quot;ld le lf lg lh li lj am lk ll lm lc&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; aria-label=&quot;clap&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M11.37.83L12 3.28l.63-2.45h-1.26zM15.42 1.84l-1.18-.39-.34 2.5 1.52-2.1zM9.76 1.45l-1.19.4 1.53 2.1-.34-2.5zM20.25 11.84l-2.5-4.4a1.42 1.42 0 0 0-.93-.64.96.96 0 0 0-.75.18c-.25.19-.4.42-.45.7l.05.05 2.35 4.13c1.62 2.95 1.1 5.78-1.52 8.4l-.46.41c1-.13 1.93-.6 2.78-1.45 2.7-2.7 2.51-5.59 1.43-7.38zM12.07 9.01c-.13-.69.08-1.3.57-1.77l-2.06-2.07a1.12 1.12 0 0 0-1.56 0c-.15.15-.22.34-.27.53L12.07 9z&quot;&gt;&lt;/path&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M14.74 8.3a1.13 1.13 0 0 0-.73-.5.67.67 0 0 0-.53.13c-.15.12-.59.46-.2 1.3l1.18 2.5a.45.45 0 0 1-.23.76.44.44 0 0 1-.48-.25L7.6 6.11a.82.82 0 1 0-1.15 1.15l3.64 3.64a.45.45 0 1 1-.63.63L5.83 7.9 4.8 6.86a.82.82 0 0 0-1.33.9c.04.1.1.18.18.26l1.02 1.03 3.65 3.64a.44.44 0 0 1-.15.73.44.44 0 0 1-.48-.1L4.05 9.68a.82.82 0 0 0-1.4.57.81.81 0 0 0 .24.58l1.53 1.54 2.3 2.28a.45.45 0 0 1-.64.63L3.8 13a.81.81 0 0 0-1.39.57c0 .22.09.43.24.58l4.4 4.4c2.8 2.8 5.5 4.12 8.68.94 2.27-2.28 2.71-4.6 1.34-7.1l-2.32-4.08z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;pw-multi-vote-count l ln lo lp lq lr ls lt&quot;&gt;&lt;p class=&quot;be b du z dt&quot;&gt;&lt;span class=&quot;le&quot;&gt;--&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button class=&quot;ao ld lw lx ab q fj ly lz&quot; aria-label=&quot;responses&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; class=&quot;lv&quot;&gt;&lt;path d=&quot;M18 16.8a7.14 7.14 0 0 0 2.24-5.32c0-4.12-3.53-7.48-8.05-7.48C7.67 4 4 7.36 4 11.48c0 4.13 3.67 7.48 8.2 7.48a8.9 8.9 0 0 0 2.38-.32c.23.2.48.39.75.56 1.06.69 2.2 1.04 3.4 1.04.22 0 .4-.11.48-.29a.5.5 0 0 0-.04-.52 6.4 6.4 0 0 1-1.16-2.65v.02zm-3.12 1.06l-.06-.22-.32.1a8 8 0 0 1-2.3.33c-4.03 0-7.3-2.96-7.3-6.59S8.17 4.9 12.2 4.9c4 0 7.1 2.96 7.1 6.6 0 1.8-.6 3.47-2.02 4.72l-.2.16v.26l.02.3a6.74 6.74 0 0 0 .88 2.4 5.27 5.27 0 0 1-2.17-.86c-.28-.17-.72-.38-.94-.59l.01-.02z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;p class=&quot;be b du z dt&quot;&gt;&lt;span class=&quot;pw-responses-count lu lv&quot;&gt;4&lt;/span&gt;&lt;/p&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;ab q kj kk kl km kn ko kp kq kr ks kt ku kv kw kx&quot;&gt;&lt;div class=&quot;ma k j i d&quot;&gt;&lt;/div&gt;&lt;div class=&quot;h k&quot;&gt;&lt;/div&gt;&lt;div class=&quot;fc mb cm&quot;&gt;&lt;div class=&quot;l ae&quot;&gt;&lt;div class=&quot;ab ca&quot;&gt;&lt;div class=&quot;mc md me mf mg mh ch bg&quot;&gt;&lt;div class=&quot;ab&quot;&gt;&lt;div class=&quot;bl bg&quot; aria-hidden=&quot;false&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-label=&quot;Listen&quot; data-testid=&quot;audioPlayButton&quot; class=&quot;af fj ah ai aj ak al mi an ao ap ew mj mk lz ml mm mn mo mp s mq mr ms mt mu mv mw u mx my mz&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0zm9-10a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm3.38 10.42l-4.6 3.06a.5.5 0 0 1-.78-.41V8.93c0-.4.45-.63.78-.41l4.6 3.06c.3.2.3.64 0 .84z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Dengarkan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot; aria-describedby=&quot;postFooterSocialMenu&quot; aria-labelledby=&quot;postFooterSocialMenu&quot;&gt;&lt;div&gt;&lt;div class=&quot;bl&quot; aria-hidden=&quot;false&quot;&gt;&lt;button aria-controls=&quot;postFooterSocialMenu&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Share Post&quot; data-testid=&quot;headerSocialShareButton&quot; class=&quot;af fj ah ai aj ak al mi an ao ap ew mj mk lz ml mm mn mo mp s mq mr ms mt mu mv mw u mx my mz&quot;&gt;&lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M15.22 4.93a.42.42 0 0 1-.12.13h.01a.45.45 0 0 1-.29.08.52.52 0 0 1-.3-.13L12.5 3v7.07a.5.5 0 0 1-.5.5.5.5 0 0 1-.5-.5V3.02l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.8a.42.42 0 0 1 .07.5zm-.1.14zm.88 2h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.14c.1.1.15.22.15.35a.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9V8.96c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1z&quot; fill=&quot;currentColor&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;div class=&quot;j i d&quot;&gt;&lt;p class=&quot;be b bf z dt&quot;&gt;Bagikan&lt;/p&gt;&lt;/div&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p id=&quot;1e54&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Perkenalan, dua rilis SDK baru, dan membawa Flutter dan Dart ke era Gemini&lt;/p&gt;&lt;p id=&quot;ac80&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;&lt;em class=&quot;ny&quot;&gt;Kami sangat antusias mengumumkan rilis SDK kuartal pertama tahun ini untuk Flutter dan Dart — Flutter 3.19 dan Dart 3.3, bersama dengan beberapa pengumuman menarik lainnya terkait AI.&lt;/em&gt;&lt;/p&gt;&lt;figure class=&quot;oc od oe of og oh nz oa paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;oi oj fi ok bg ol&quot;&gt;&lt;div class=&quot;nz oa ob&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*gO0yYMh4FUkpue3w 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*gO0yYMh4FUkpue3w 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*gO0yYMh4FUkpue3w 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*gO0yYMh4FUkpue3w 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*gO0yYMh4FUkpue3w 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*gO0yYMh4FUkpue3w 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*gO0yYMh4FUkpue3w 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*gO0yYMh4FUkpue3w 640w, https://miro.medium.com/v2/resize:fit:720/0*gO0yYMh4FUkpue3w 720w, https://miro.medium.com/v2/resize:fit:750/0*gO0yYMh4FUkpue3w 750w, https://miro.medium.com/v2/resize:fit:786/0*gO0yYMh4FUkpue3w 786w, https://miro.medium.com/v2/resize:fit:828/0*gO0yYMh4FUkpue3w 828w, https://miro.medium.com/v2/resize:fit:1100/0*gO0yYMh4FUkpue3w 1100w, https://miro.medium.com/v2/resize:fit:1400/0*gO0yYMh4FUkpue3w 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg mh om c&quot; width=&quot;700&quot; height=&quot;394&quot; loading=&quot;eager&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;875d&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;&lt;strong class=&quot;nc gu&quot;&gt;Nilai dan masa depan Flutter dan Dart&lt;/strong&gt;&lt;/p&gt;&lt;p id=&quot;a396&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Saya baru saja bergabung dengan tim Flutter dan Dart, dan saya sangat senang dapat bekerja sama dengan komunitas developer kami pada saat AI bergerak dengan cepat untuk meningkatkan produktivitas developer dan membuka berbagai jenis pengalaman pengguna yang baru. Saya melihat potensi yang tak terbatas dalam peran Flutter dan Dart untuk membantu membentuk masa depan ini. Saya juga terinspirasi oleh visi awal Flutter untuk meningkatkan pengalaman membangun aplikasi yang indah, berkinerja, dan multiplatform untuk perangkat apa pun&lt;strong class=&quot;nc gu&quot;&gt;&lt;em class=&quot;ny&quot;&gt;.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p id=&quot;5881&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Melihat jutaan developer berbakat dan kreatif yang mendukung Flutter dengan kontribusinya terhadap framework, atau dengan membangun pengalaman yang luar biasa — jelas sekali bahwa orang lain melihat visi ini dan termotivasi untuk membantu. Dan misi utamanya tetap sama: untuk menghadirkan penyambungan framework dan bahasa yang kuat, yang memungkinkan developer kreatif membangun aplikasi yang indah, kaya, dan berkinerja tinggi untuk perangkat apa pun. Mari kita lakukan ini bersama-sama!&lt;/p&gt;&lt;p id=&quot;bce2&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;&lt;strong class=&quot;nc gu&quot;&gt;Membawa Flutter dan Dart ke era Gemini&lt;/strong&gt;&lt;/p&gt;&lt;p id=&quot;fe3c&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Hari ini kami meluncurkan &lt;a class=&quot;af on&quot; rel=&quot;noopener&quot; href=&quot;/flutter/harness-gemini-in-your-dart-and-flutter-apps-00573e560381&quot;&gt;Google AI Dart SDK&lt;/a&gt;, paket pub.dev baru, &lt;a class=&quot;af on&quot; href=&quot;https://pub.dev/packages/google_generative_ai&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;google_generative_ai,&lt;/a&gt; dan &lt;a class=&quot;af on&quot; href=&quot;https://ai.google.dev/tutorials/dart_quickstart&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;sumber daya pendukung&lt;/a&gt;; semuanya ini memungkinkan Anda membangun fitur berbasis AI generatif, seperti smart chat bot, mesin telusur visual, dan deskripsi gambar ke dalam aplikasi Dart dan Flutter menggunakan Gemini API. Kemampuan lintas platform Flutter dan Dart serta SDK baru ini mempermudah Anda membangun pengalaman interaktif lintas platform.&lt;/p&gt;&lt;figure class=&quot;oc od oe of og oh nz oa paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;oi oj fi ok bg ol&quot;&gt;&lt;div class=&quot;nz oa oo&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*5hGoIuMtVnvrZ2id 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*5hGoIuMtVnvrZ2id 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*5hGoIuMtVnvrZ2id 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*5hGoIuMtVnvrZ2id 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*5hGoIuMtVnvrZ2id 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*5hGoIuMtVnvrZ2id 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*5hGoIuMtVnvrZ2id 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*5hGoIuMtVnvrZ2id 640w, https://miro.medium.com/v2/resize:fit:720/0*5hGoIuMtVnvrZ2id 720w, https://miro.medium.com/v2/resize:fit:750/0*5hGoIuMtVnvrZ2id 750w, https://miro.medium.com/v2/resize:fit:786/0*5hGoIuMtVnvrZ2id 786w, https://miro.medium.com/v2/resize:fit:828/0*5hGoIuMtVnvrZ2id 828w, https://miro.medium.com/v2/resize:fit:1100/0*5hGoIuMtVnvrZ2id 1100w, https://miro.medium.com/v2/resize:fit:1400/0*5hGoIuMtVnvrZ2id 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg mh om c&quot; width=&quot;700&quot; height=&quot;182&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;61b5&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Dan ini hanyalah awal dari inovasi yang kami bawa ke pengembangan Flutter dan Dart dengan AI. Sebagai contoh, dalam waktu dekat developer Flutter dan Dart bisa menyalin kode Dart secara langsung dari &lt;a class=&quot;af on&quot; href=&quot;https://aistudio.google.com/?utm_source=flutter&amp;amp;utm_medium=referral&amp;amp;utm_campaign=blog_umbrella_announcement&amp;amp;utm_content=&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Google AI Studio&lt;/a&gt; setelah menyempurnakan prompt untuk kasus penggunaan Anda.&lt;/p&gt;&lt;p id=&quot;c976&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Pelajari lebih lanjut tentang Google AI Dart SDK di &lt;a class=&quot;af on&quot; rel=&quot;noopener&quot; href=&quot;/flutter/harness-gemini-in-your-dart-and-flutter-apps-00573e560381&quot;&gt;postingan blog pembahasan mendalam&lt;/a&gt;.&lt;/p&gt;&lt;p id=&quot;9afc&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Banyak developer yang sudah mulai menggabungkan Flutter dan alat AI secara menarik:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;9721&quot; class=&quot;na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx op oq or bj&quot;&gt;Tim di &lt;a class=&quot;af on&quot; href=&quot;https://leancode.co/&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;LeanCode&lt;/a&gt; telah menggunakan model Gemini untuk membangun &lt;a class=&quot;af on&quot; href=&quot;https://leancode.co/arb_translate&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;arb_translate&lt;/a&gt;, sebuah paket yang memungkinkan developer melakukan tugas penerjemahan secara otomatis&lt;/li&gt;&lt;li id=&quot;7ef5&quot; class=&quot;na nb gt nc b nd os nf ng nh ot nj nk nl ou nn no np ov nr ns nt ow nv nw nx op oq or bj&quot;&gt;We Spot Turtles! telah menggabungkan Flutter dan AI dalam misi mereka untuk menyelamatkan penyu dari kepunahan. Mereka baru saja menjadi sorotan di &lt;a class=&quot;af on&quot; href=&quot;https://play.google.com/console/about/weareplay/&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;#WeArePlay campaign&lt;/a&gt; Google Play. Lihatlah di bawah ini.&lt;/li&gt;&lt;li id=&quot;cd6b&quot; class=&quot;na nb gt nc b nd os nf ng nh ot nj nk nl ou nn no np ov nr ns nt ow nv nw nx op oq or bj&quot;&gt;AutoGPT, sebuah proyek open source eksperimental yang dibangun di atas model bahasa besar (LLM), memiliki &lt;a class=&quot;af on&quot; href=&quot;https://github.com/Significant-Gravitas/auto_gpt_flutter_client&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;klien Flutter&lt;/a&gt; yang berjalan di iOS, Android, web, macOS, dan Windows.&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;0b81&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;&lt;a class=&quot;af on&quot; href=&quot;https://youtu.be/CfzhLOiczDQ?si=Qgc4Yb4Q9xKI6byF&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;#WeArePlay | Caitlin dan Nicolas | We Spot Turtles! | Australia&lt;/a&gt;&lt;/p&gt;&lt;figure class=&quot;oc od oe of og oh&quot;&gt;&lt;div class=&quot;ox jj l fi&quot;&gt;&lt;div class=&quot;oy oz l&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;4077&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Saat Anda menjelajahi kemampuan model Gemini, pastikan membagikan pengalaman baru dan inovasi yang Anda bangun bersama kami menggunakan hashtag #BuildWithGemini.&lt;/p&gt;&lt;p id=&quot;79e0&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;&lt;strong class=&quot;nc gu&quot;&gt;Rilis dua SDK baru&lt;/strong&gt;&lt;/p&gt;&lt;p id=&quot;56d1&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Selain antusiasme yang dihadirkan AI, kami tetap fokus untuk terus membangun framework UI yang kuat, yang mampu menghadirkan pengalaman apa pun yang ingin Anda bangun di layar apa pun yang Anda inginkan. Anda akan melihat progres menuju visi tersebut dalam rilis SDK hari ini, Flutter 3.19 dan Dart 3.3.&lt;/p&gt;&lt;p id=&quot;85d4&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Rilis ini berfokus pada penyempurnaan dan peningkatan performa yang dibangun di atas jalur yang telah ditetapkan Flutter dan Dart &lt;a class=&quot;af on&quot; rel=&quot;noopener&quot; href=&quot;/flutter/whats-next-for-flutter-b94ce089f49c&quot;&gt;tahun lalu&lt;/a&gt;. Dalam rilis Flutter ini, Anda akan menemukan:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;46eb&quot; class=&quot;na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx op oq or bj&quot;&gt;Pembaruan pada upaya kami untuk menghasilkan terobosan performa grafik melalui upaya berkelanjutan atas Impeller&lt;/li&gt;&lt;li id=&quot;534e&quot; class=&quot;na nb gt nc b nd os nf ng nh ot nj nk nl ou nn no np ov nr ns nt ow nv nw nx op oq or bj&quot;&gt;Langkah tambahan untuk menyediakan integrasi yang mulus antar platform dengan font native iOS Flutter dan versi awal validator web deep linking&lt;/li&gt;&lt;li id=&quot;19cd&quot; class=&quot;na nb gt nc b nd os nf ng nh ot nj nk nl ou nn no np ov nr ns nt ow nv nw nx op oq or bj&quot;&gt;Fokus berkelanjutan pada pengalaman developer dengan update untuk DevTools dan &lt;a class=&quot;af on&quot; rel=&quot;noopener&quot; href=&quot;/flutter/progress-of-the-flutter-package-ecosystem-17cded9a0703&quot;&gt;laporan progres pada ekosistem paket Flutter&lt;/a&gt;&lt;/li&gt;&lt;li id=&quot;936e&quot; class=&quot;na nb gt nc b nd os nf ng nh ot nj nk nl ou nn no np ov nr ns nt ow nv nw nx op oq or bj&quot;&gt;Dan terakhir, kami sangat senang bisa membagikan progres misi kami untuk membantu menentukan masa depan web dengan Wasm&lt;/li&gt;&lt;/ul&gt;&lt;figure class=&quot;oc od oe of og oh nz oa paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;oi oj fi ok bg ol&quot;&gt;&lt;div class=&quot;nz oa oo&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*2UG76__vsbp6NHtN 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*2UG76__vsbp6NHtN 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*2UG76__vsbp6NHtN 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*2UG76__vsbp6NHtN 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*2UG76__vsbp6NHtN 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*2UG76__vsbp6NHtN 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*2UG76__vsbp6NHtN 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*2UG76__vsbp6NHtN 640w, https://miro.medium.com/v2/resize:fit:720/0*2UG76__vsbp6NHtN 720w, https://miro.medium.com/v2/resize:fit:750/0*2UG76__vsbp6NHtN 750w, https://miro.medium.com/v2/resize:fit:786/0*2UG76__vsbp6NHtN 786w, https://miro.medium.com/v2/resize:fit:828/0*2UG76__vsbp6NHtN 828w, https://miro.medium.com/v2/resize:fit:1100/0*2UG76__vsbp6NHtN 1100w, https://miro.medium.com/v2/resize:fit:1400/0*2UG76__vsbp6NHtN 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg mh om c&quot; width=&quot;700&quot; height=&quot;394&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p id=&quot;df68&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Dart 3.3 memperkenalkan tipe ekstensi, model baru untuk berinteraksi dengan JavaScript di web, dan pembaruan pada upaya kami untuk mendukung akses ke library web yang lebih banyak dan lebih baik. Anda bisa mempelajari lebih lanjut mengenai setiap rilis dalam postingan blog untuk &lt;a class=&quot;af on&quot; rel=&quot;noopener&quot; href=&quot;/flutter/whats-new-in-flutter-3-19-58b1aae242d2&quot;&gt;Flutter 3.19&lt;/a&gt; dan &lt;a class=&quot;af on&quot; rel=&quot;noopener&quot; href=&quot;/dartlang/dart-3-3-325bf2bf6c13&quot;&gt;Dart 3.3&lt;/a&gt;.&lt;/p&gt;&lt;p id=&quot;a1eb&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;&lt;strong class=&quot;nc gu&quot;&gt;Strategi dan Roadmap 2024&lt;/strong&gt;&lt;/p&gt;&lt;p id=&quot;f30b&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Setiap fitur ini merupakan langkah kecil dalam perjalanan lebih besar yang kami lakukan tahun ini, dan bisa Anda lihat di &lt;a class=&quot;af on&quot; href=&quot;https://github.com/flutter/flutter/wiki/Roadmap&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;roadmap 2024&lt;/a&gt; kami. Seperti biasa, roadmap ini lahir dari keinginan untuk terbuka tentang rencana kami karena kami tahu banyak dari Anda menganggap Flutter dan Dart sebagai komponen penting dalam karier dan bisnis Anda. Meskipun demikian, progres terkadang sulit diprediksi, bahkan dengan perencanaan yang sudah siap.&lt;/p&gt;&lt;p id=&quot;da55&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Dan meskipun kami pasti melakukan yang terbaik untuk terus bersikap transparan karena perubahan yang terjadi memaksa kami untuk mengalihkan fokus dan melakukan kompromi, kami ingin menyoroti bahwa terdapat lebih banyak kontributor untuk Flutter dan Dart di luar Google dibandingkan dengan kami yang dipekerjakan di sini, yang berarti bahwa hal-hal yang disebutkan dalam roadmap kami hanyalah sebagian kecil dari ribuan perubahan yang akan hadir ke Dart dan Flutter pada tahun ini.&lt;/p&gt;&lt;figure class=&quot;oc od oe of og oh nz oa paragraph-image&quot;&gt;&lt;div role=&quot;button&quot; tabindex=&quot;0&quot; class=&quot;oi oj fi ok bg ol&quot;&gt;&lt;div class=&quot;nz oa pa&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://miro.medium.com/v2/resize:fit:640/format:webp/0*oAoUwrRrrYWIbu_u 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*oAoUwrRrrYWIbu_u 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*oAoUwrRrrYWIbu_u 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*oAoUwrRrrYWIbu_u 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*oAoUwrRrrYWIbu_u 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*oAoUwrRrrYWIbu_u 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*oAoUwrRrrYWIbu_u 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot; type=&quot;image/webp&quot;&gt;&lt;source data-testid=&quot;og&quot; srcset=&quot;https://miro.medium.com/v2/resize:fit:640/0*oAoUwrRrrYWIbu_u 640w, https://miro.medium.com/v2/resize:fit:720/0*oAoUwrRrrYWIbu_u 720w, https://miro.medium.com/v2/resize:fit:750/0*oAoUwrRrrYWIbu_u 750w, https://miro.medium.com/v2/resize:fit:786/0*oAoUwrRrrYWIbu_u 786w, https://miro.medium.com/v2/resize:fit:828/0*oAoUwrRrrYWIbu_u 828w, https://miro.medium.com/v2/resize:fit:1100/0*oAoUwrRrrYWIbu_u 1100w, https://miro.medium.com/v2/resize:fit:1400/0*oAoUwrRrrYWIbu_u 1400w&quot; sizes=&quot;(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;bg mh om c&quot; width=&quot;700&quot; height=&quot;467&quot; loading=&quot;lazy&quot; role=&quot;presentation&quot;&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;pb fe pc nz oa pd pe be b bf z dt&quot;&gt;Roadmap 2024&lt;/figcaption&gt;&lt;/figure&gt;&lt;p id=&quot;f846&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;&lt;strong class=&quot;nc gu&quot;&gt;Menyatukan semuanya&lt;/strong&gt;&lt;/p&gt;&lt;p id=&quot;0478&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Saya telah mengerjakan banyak proyek yang menyenangkan dan inovatif selama 17+ tahun di Google dan YouTube, tetapi ini adalah hal paling antusias yang pernah saya rasakan dalam menyambut kesempatan baru. Saya memulai karier saya sebagai software engineer, dan tugas pertama saya di Google adalah sebagai PM untuk alat developer Maps API dan Geo, jadi saya senang sekali bisa kembali ke akar developer saya.&lt;/p&gt;&lt;p id=&quot;c88d&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Salah satu hal yang mendorong antusiasme saya, adalah, antusiasme Anda. Selama tahun 2024 ini, saya melihat banyak hal luar biasa yang muncul dari komunitas ini, termasuk:&lt;/p&gt;&lt;ul class=&quot;&quot;&gt;&lt;li id=&quot;233a&quot; class=&quot;na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx op oq or bj&quot;&gt;Lebih dari 2.700 orang telah bergabung dalam&lt;a class=&quot;af on&quot; href=&quot;http://flutter.dev/global-gamers&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt; Global Gamers Challenge&lt;/a&gt;, yang kami selenggarakan bekerja sama dengan firma advokasi internasional Global Citizen untuk menantang Anda menggunakan keahlian Anda dalam membangun game Flutter yang dapat menginspirasi dunia untuk hidup lebih berkelanjutan.&lt;/li&gt;&lt;li id=&quot;b0bd&quot; class=&quot;na nb gt nc b nd os nf ng nh ot nj nk nl ou nn no np ov nr ns nt ow nv nw nx op oq or bj&quot;&gt;&lt;a class=&quot;af on&quot; href=&quot;https://youtu.be/37qvcjmE51w&quot; rel=&quot;noopener ugc nofollow&quot; target=&quot;_blank&quot;&gt;Superlist&lt;/a&gt;, yang mengumumkan versi 1.0 kemarin, menggunakan Flutter untuk mendefinisikan ulang manajemen tugas, pencatatan, dan segala sesuatunya.&lt;/li&gt;&lt;/ul&gt;&lt;p id=&quot;4006&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Sebagai penutup, anak-anak saya mulai belajar Ilmu Komputer, dan saya termotivasi untuk membantu menciptakan pengalaman pengembangan software yang akan membantu generasi berikutnya mengubah dunia menjadi lebih baik.&lt;/p&gt;&lt;p id=&quot;eaf4&quot; class=&quot;pw-post-body-paragraph na nb gt nc b nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx gm bj&quot;&gt;Tahun ini menjanjikan sesuatu yang penting untuk menciptakan masa depan tersebut, dan saya tidak sabar menantikan bagaimana Flutter dan Dart mendukungnya. Seperti biasa, kami sangat berterima kasih atas dukungan Anda yang tiada henti dan kami tidak sabar menantikan apa yang akan kita bangun bersama. Sampai jumpa lagi!&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;/div&gt;&lt;/div&gt;&lt;/article&gt;
&lt;/body&gt;&lt;/html&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/9102572085054946667'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/9102572085054946667'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/memulai-tahun-2024-lebih-kuat-dengan.html' title='Memulai tahun 2024 lebih kuat dengan Flutter dan Dart'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6158048950125693510.post-550172143600687439</id><published>2024-02-16T10:26:00.002+07:00</published><updated>2024-03-01T10:30:33.082+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Android 15"/><category scheme="http://www.blogger.com/atom/ns#" term="announcement"/><category scheme="http://www.blogger.com/atom/ns#" term="explore"/><category scheme="http://www.blogger.com/atom/ns#" term="mobile"/><category scheme="http://www.blogger.com/atom/ns#" term="release notes"/><title type='text'>Pratinjau Developer Pertama Android 15</title><content type='html'>&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/02/first-developer-preview-android15.html&quot;/&gt;
&lt;meta name=&quot;original_url&quot; content=&quot;http://android-developers.googleblog.com/2024/02/first-developer-preview-android15.html&quot;/&gt;
&lt;style id=&quot;page-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--
body {
font-family: Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
color: #202124
}
h1 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px
}
h2 {
font-size: 30px;
line-height: 40px
}
h2,
h3 {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 500
}
h3 {
font-size: 24px;
line-height: 32px
}
h4 {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px
}
h5 {
font-size: 16px;
line-height: 24px
}
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 600
}
h6 {
font-size: 14px;
line-height: 22px
}
.display {
font-family: Roboto, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 67.2px
}
.hidden-text {
height: 1px;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -10px;
width: 1px
}
img,
video {
border: 0;
height: auto;
max-width: 100%
}
body {
position: relative;
min-height: 100vh
}
body.no-scroll {
overflow: hidden
}
a {
color: #4184f3;
text-decoration: none
}
a:focus,
a:focus-visible {
outline-offset: -2px
}
.content-wrap {
padding-top: 200px;
max-width: 800px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:915px) {
.content-wrap {
padding-top: 100px
}
}
.full-width {
width: 100%
}
.icon-link {
height: 42px;
width: 132px;
border-radius: 80px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: baseline;
-ms-flex-pack: center;
justify-content: baseline;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background: transparent;
border: none;
color: black !important
}
.icon-link:hover {
background-color: hsla(213, 7%, 76%, .2)
}
.icon-link:focus {
background-color: hsla(213, 7%, 76%, .26)
}
.icon-link:active {
background-color: hsla(213, 7%, 76%, .32)
}
.adb-container {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto;
max-width: 1420px
}
@media only screen and (max-width:767px) {
.adb-container {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--large {
margin: 40px auto;
padding: 0 40px;
position: relative;
width: auto
}
@media only screen and (max-width:767px) {
.adb-container--large {
margin: 24px auto;
padding: 0 20px
}
}
.adb-container--flex-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.section,
body {
margin: 0
}
.adb-card {
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
margin: 40px 0;
padding: 20px;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: opacity .2s linear, -webkit-box-shadow .2s linear;
transition: box-shadow .2s linear, opacity .2s linear;
transition: box-shadow .2s linear, opacity .2s linear, -webkit-box-shadow .2s linear
}
.divider {
border: none;
height: 1px;
color: #DADCE0;
background-color: #DADCE0;
margin: 0 20px;
}
.adb-card:first-child {
background-color: #d7effe;
border: none;
padding: 32px 24px 32px;
margin: 40px 20px 60px;
}
@media only screen and (max-width:850px) {
.adb-card {
max-height: unset;
padding: 0 20px
}
.adb-card:first-child {
margin-bottom: 40px;
}
}
@media only screen and (max-width:600px) {
.adb-card:first-child {
margin: 0 -20px 40px;
}
.adb-card {
border-radius: 0;
padding: 0;
}
.divider {
margin: 0;
}
.content-wrap {
padding-top: 54px;
}
}
.adb-card:focus-within,
.adb-card:hover {
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, .1);
box-shadow: 0 0 36px rgba(0, 0, 0, .1);
cursor: pointer
}
.adb-card__href {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.adb-card__image-wrapper {
overflow: hidden;
position: relative;
width: auto;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.adb-card__content {
padding: 24px 0 0
}
.adb-card__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 600;
margin-bottom: 12px
}
.adb-card__info {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px
}
.adb-card__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin-bottom: 48px
}
.adb-card:hover .adb-content__image-wrapper img,
.adb-card__href:focus~.adb-content__image-wrapper img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease
}
.devsite-footer {
padding: 0 24px;
border-top: 1px solid #bdc1c6
}
.devsite-footer li {
display: block
}
.devsite-footer li a {
text-decoration: none;
font-size: 14px;
line-height: 16px;
color: #202124
}
.devsite-footer li a:focus,
.devsite-footer li a:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-linkboxes-list {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #bdc1c6
}
@media only screen and (max-width:767px) {
.devsite-footer-linkboxes-list {
grid-template-columns: 1fr;
padding-left: 0
}
}
.devsite-footer-linkbox {
display: block
}
.devsite-footer-linkbox-heading {
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 0 0 4px
}
.devsite-footer-linkbox ul {
padding-left: 0
}
.devsite-footer-sites-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.devsite-footer-utility nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
}
.devsite-footer-utility-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 24px 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0
}
}
.devsite-footer-utility-button {
justify-self: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 20px;
margin-left: auto;
padding-left: 16px
}
.devsite-footer-utility-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 8px 0 0
}
.devsite-footer-utility-item:last-child {
margin-right: 0
}
@media only screen and (min-width:768px) {
.devsite-footer-utility-item:not(:first-child):before {
content: &quot;|&quot;;
margin: 0 8px 0 0
}
}
.devsite-footer-sites {
border-bottom: 1px solid #bdc1c6;
padding: 24px 0 23px
}
.devsite-footer-sites-logo {
height: 32px;
margin-top: 5px;
width: 185px
}
.devsite-footer-sites-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0
}
.devsite-footer-sites-item {
margin: 0 0 0 40px
}
@media only screen and (max-width:767px) {
.devsite-footer-sites-item {
margin: 0
}
}
.devsite-footer-sites-link {
display: block;
padding: 8px 0;
color: #202124
}
.devsite-footer-sites-link:focus,
.devsite-footer-sites-link:hover {
color: #1a73e8;
outline: none
}
.devsite-footer-utility-link:focus {
text-decoration: underline
}
.devsite-footer-utility .devsite-footer-utility-button {
line-height: 20px;
font: 400 14px/16px Roboto, sans-serif
}
.devsite-footer-utility .devsite-footer-utility-button:before {
content: &quot;&quot;;
margin: 0
}
@media only screen and (max-width:767px) {
.devsite-footer-utility .devsite-footer-utility-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 18px 0 12px
}
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link {
border: 0;
background: #1a73e8;
color: #fff;
line-height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 0 16px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 0;
box-shadow: 0 1px 2px 0;
display: inline-block;
font: 500 14px/36px Roboto, sans-serif;
height: 36px;
letter-spacing: 0;
min-width: 36px;
padding: 0 24px;
text-align: center;
-webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s;
transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
vertical-align: middle;
white-space: nowrap
}
.devsite-footer-utility .devsite-footer-utility-button .devsite-footer-utility-link:hover {
background: #1765cc
}
.adb-page__title {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 61.6px;
text-align: center;
color: #202124
}
.adb-detail hr {
border: 1px solid #dadce0;
margin: 40px 0
}
.adb-detail__title {
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.adb-detail__info {
font-weight: 400;
font-size: 16px;
line-height: 24px
}
.adb-detail__content {
min-height: 200px
}
.icon-sidebar {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 0;
left: -300px;
max-width: 220px;
gap: 8px
}
.icon-sidebar .share-text {
font-weight: 500;
margin-left: 4px
}
@media only screen and (max-width:1440px) {
.icon-sidebar {
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
left: 0;
margin-top: -20px;
margin-bottom: 40px;
}
.icon-sidebar .share-text {
display: none;
}
}
.copy-tooltip {
display: none;
position: fixed;
bottom: 16px;
left: 10px;
z-index: 100;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.copy-tooltip .copy-tooltiptext {
width: 200px;
background-color: #073042;
color: #fff;
text-align: center;
border-radius: 80px;
padding: 8px 16px;
}
.header__overlay {
height: 100vh;
left: 0;
position: fixed;
width: 100vw;
border: none;
background-color: rgba(0, 0, 0, .4);
-webkit-animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
animation: fade-in .4s cubic-bezier(.39, .575, .565, 1);
opacity: 0;
top: 0;
z-index: -1;
display: none
}
.header__overlay.show {
display: block;
opacity: 1;
z-index: 800;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.social-icons__links {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.social-icons__links path {
fill: #80868b
}
.social-icons__container-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 14px
}
@media only screen and (max-width:1000px) {
.social-icons__container-header {
display: none
}
}
.adb-blog-logo:focus,
.adb-blog-logo:hover {
opacity: .7;
text-decoration: none
}
.adb-blog-logo__image {
height: 32px;
margin-left: 0;
margin-top: 6px
}
@media only screen and (min-width:840px) {
.adb-blog-logo__image {
margin-left: 24px
}
}
.header {
position: fixed;
background: #fff;
z-index: 700;
top: 0;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
height: auto
}
.header .top-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 24px;
height: 50px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6
}
@media only screen and (max-width:839px) {
.header .top-row {
padding: 0 16px
}
}
.header .top-row__left,
.header .top-row__right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%
}
.header .nav-row,
.header .top-row__left,
.header .top-row__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .nav-row {
background: #fff;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header .nav-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 50px;
position: relative;
background-color: #fff
}
@media only screen and (max-width:839px) {
.header .nav-items {
display: none
}
}
.header .nav-items tab {
position: relative
}
.header .nav-items tab.active .header__nav-item:after,
.header .nav-items tab:hover .header__nav-item:after {
background: #1a73e8
}
.header .nav-items tab.active .header__nav-item,
.header .nav-items tab:focus-within a {
color: #202124
}
@media only screen and (max-width:839px) {
.header .header__cta,
.header .nav-items {
display: none
}
}
.header__search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0 6px 24px;
overflow: hidden;
position: relative;
margin-right: 36px;
border-radius: 4px
}
@media only screen and (max-width:767px) {
.header__search-container:not(.mobile) {
display: none
}
}
.header__search-container.mobile {
margin: 0 0 20px
}
.header__search-container.mobile #searchform,
.header__search-container.mobile .searchbox {
width: 100%
}
.header__search-container .searchbox {
border-radius: 2px
}
.header__search-container .searchbox input {
font-family: Android Euclid, Roboto, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: #80868b;
border: 0;
margin: 0;
height: 20px;
outline: 0;
padding: 8px 8px 8px 40px;
width: 100%;
-webkit-transition: background .2s;
transition: background .2s
}
.header__search-container .searchbox input::-webkit-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input:-ms-input-placeholder,
.header__search-container .searchbox input::-ms-input-placeholder {
color: #80868b
}
.header__search-container .searchbox input::placeholder {
color: #80868b
}
.header__search-container .searchbox input:hover {
background: #e8eaed
}
.header__search-container .material-icons {
color: #80868b;
left: 8px;
position: absolute;
top: 6px;
-webkit-transition: color .2s;
transition: color .2s
}
.header__cta {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1a73e8 !important;
text-decoration: none
}
.header__cta.mobile {
padding: 18px 0
}
.header__cta:hover .cta-icon {
margin-left: 0;
margin-right: 12px
}
.header__cta .cta-icon {
-webkit-transition: margin-right .2s linear, margin-left .2s linear;
transition: margin-right .2s linear, margin-left .2s linear;
margin-left: 4px;
margin-right: 8px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.header__cta .cta-icon path {
fill: #1a73e8
}
.header__nav-item {
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #80868b;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 18px;
height: 100%;
text-transform: none;
text-decoration: none
}
.header__nav-item:hover {
color: #202124
}
.header__nav-item.mobile {
font-weight: 500;
padding: 0
}
.header__nav-item:after {
bottom: 0;
border-radius: 3px 3px 0 0;
content: &quot;&quot;;
display: block;
height: 3px;
left: 50%;
min-width: 20px;
position: absolute;
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 24px)
}
.header__hamburger {
border: 0;
background: none;
outline: none;
padding: 0;
margin: 1px 8px 0 -4px;
padding: 8px;
color: rgba(0, 0, 0, .65);
cursor: pointer
}
@media only screen and (min-width:840px) {
.header__hamburger {
display: none
}
}
.header__side-menu {
background-color: #fff;
bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1);
transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
z-index: 900
}
.header__side-menu.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
width: 80%
}
.header__side-menu.is-open,
.header__side-menu__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.header__side-menu__content {
padding: 18px 16px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header__side-menu__content .spacer {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.header__side-menu__title {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 12px
}
.header__side-menu__items {
list-style: none
}
.header__side-menu__items li {
padding: 12px 0
}
.header__side-menu__items tab {
position: relative
}
.header__side-menu__items tab.active .header__nav-item,
.header__side-menu__items tab:focus-within a {
color: #202124
}
.header__side-menu__bottom {
border-top: 1px solid #e6e6e6
}
.header__side-menu__logo-container {
background: #fff;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4px 16px;
border-bottom: 1px solid #e6e6e6
}
#nav .widget {
margin: 0
}
.featured__wrapper {
width: 100%;
border: 0;
background-color: #e8f0fe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 0
}
@media only screen and (max-width:767px) {
.featured__wrapper {
padding: 0
}
}
.featured__inner {
max-width: 1080px;
width: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 48px
}
@media only screen and (min-width:768px) {
.featured__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
padding: 12px 80px
}
}
.featured__href {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.featured__image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 100%;
}
.featured__content {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: 24px;
width: 100%
}
.featured__title {
font-size: 32px;
line-height: 44.8px;
font-weight: 500;
font-family: Android Euclid, Roboto, sans-serif;
margin-bottom: 15px
}
.featured__info {
font-family: Roboto Mono, monospace;
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-bottom: 24px
}
.featured__description {
margin-bottom: 48px
}
.preview.featured__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f1f3f4;
padding: 64px 0 120px
}
.preview.featured__wrapper h1 {
margin: 0 0 64px
}
.blog-label-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px
}
.blog-label-container .blog-label {
text-decoration: none;
z-index: 3
}
.blog-label-container .blog-label span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
background-color: #F1F3F4;
border-radius: 100px;
padding: 4px 16px;
color: #3c4043
}
.adb-card:first-child .blog-label span {
background-color: #fff;
}
.blog-label-container .blog-label span:focus,
.blog-label-container .blog-label span:hover {
background-color: #D7EFFE
}
.adb-card:first-child .blog-label span:focus,
.adb-card:first-child .blog-label span:hover {
background-color: #F1F3F4
}
.blog-label-container .blog-label span:focus-visible {
outline-offset: 0
}
#pagination-container {
display: none
}
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pagination .page-button {
font-family: Android Euclid, Roboto, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: black;
background-color: #3DDC84;
padding: 16px 24px;
border-radius: 80px;
text-decoration: none
}
.pagination .page-button:focus,
.pagination .page-button:hover {
background-color: #3DDC8460;
}
.pagination .page-button.disabled {
color: #80868b;
background-color: #f1f3f4
}    
--&gt;&lt;/style&gt;
&lt;style id=&quot;template-skin-1&quot; type=&quot;text/css&quot;&gt;&lt;!--

--&gt;&lt;/style&gt;
&lt;style&gt;
         /** Blogger default styles **/
         html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 {
           font-family: Roboto, sans-serif;
         }

         .plusfollowers h2.title, .post h2.title, .widget h2.title {
           font-family: Roboto, sans-serif;
         }

         pre, .post-content pre.prettyprint {
           background-color: #f7f7f7;
           border: 1px solid #ddd;
           margin: 0 0 1em 0;
           padding: 1em;
           overflow: auto;
         }

         pre, code {
           font-size: 9pt;
           line-height: 125%;
           font-family: monospace;
         }

         pre, code {
           color: #060;
           font: 13px/18px Consolas, &#39;Liberation Mono&#39;, Menlo, Monaco, Courier, monospace;
           -webkit-font-smoothing: subpixel-antialiased;
           -moz-osx-font-smoothing: auto;
         }

         /* Styles for https://github.com/google/code-prettify */
         .com { color: #060; }
         .kwd { color: #008; }
         .typ { color: #606; }
         .lit { color: #066; }
         .pun { color: #660; }
         .pln { color: #000; }

         .fb-custom img, .twitter-custom img, .gplus-share img, .email-custom img {
           cursor: pointer;
           opacity: 0.54;
         }

         .twitter-custom, .gplus-share, .fb-custom {
           margin-right: 12px;
         }

         /** Blogger custom theme **/

         .adb-header,
         .searchBox input {
             box-sizing: border-box;
         }

         .popout-nav {
           background-color: white;
           width: 280px;
           height: 100%;
           position: fixed;
           z-index: 6;
           left: -280px;
           transition: left 0.2s;
         }

         .popout-search {
           background-color: white;
           width: 280px;
           position: fixed;
           z-index: 6;
           right: -280px;
           transition: right 0.2s;
           top: 0;
         }
      
      	 .popout-search .widget {
           margin: 0;
      	 }
         
         .popout-search #BlogSearch2_form .popout-options {
      	   padding-right: 24px;
           width: calc(100% - 48px);
         }

         .dropdown-nav {
           display: none;
           background-color: white;
           width: 104px;
           position: fixed;
           padding: 4px 0px 3px 0px;
           z-index: 4;
           left: 352px;
           top: 176px;
           transition: top 0.2s;
           box-shadow: 0 0px 2px 0 rgba(60,64,67,.3), 0 0px 6px 2px rgba(60,64,67,.15), inset 0 0px 6px -4px rgba(154,160,166,.5);
         }

         .dropdown-options {
           align-items: center;
           display: flex;
           flex-wrap: wrap;
           width: 94px;
           height: 48px;
           padding-left: 10px;
         }

         .dropdown-options:hover {
           background-color: #f7f9fa;
         }

         .dropdown-options span {
           color: #80868b;
         }

         .popout-options {
           padding-right: 8px;
           padding-left: 24px;
           padding-top: 16px;
           padding-bottom: 15px;
           display: inline-block;
           width: calc(100% - 32px);
           border-top: 1px solid #ddd;
           font-size: 13px;
           font-weight: 700;
           color: #80868b !important;
         }

         .popout-options:last-of-type {
           border-bottom: 1px solid #ddd;
         }

         .popout-options:first-of-type {
           border-top: 0;
         }

         #close-popout {
           padding: 12px 12px 11px 20px;
         }

         #close-search-popout {
           padding: 12px 20px 11px 12px;
           text-align: right;
         }

         .popout-search-overlay{
           display: none;
           opacity: 0;
           background-color: black;
		   width: 100%;
      	   height: 100%;
           position: fixed;
           transition: opacity 0.2s;
        }

        .popout-overlay{
          display: none;
          opacity: 0;
          background-color: black;
          width: 100%;
          height: 100%;
          position: fixed;
		  z-index: 5;
          transition: opacity 0.2s;
        }

         html {
           background-color: #fff;
           font-family: Roboto, sans-serif;
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
         }

         body {
           width: 100%;
           position: absolute;
           padding: 0;
           /* This ensures that the scroll bar is always present, which is needed */
           /* because  render happens after page load; otherwise the header */
           /* would &#39;bounce&#39; in-between states. */
           min-height: 150%;
         }

         h2 {
           font-size: 130%;
         }

         h1, h2, h3, h4, h5 {
           line-height: 1.5em;
           margin-bottom: 1em;
         }

         html, h4, h5, h6 {
           font-size: 14px;
         }

         a, a:visited {
           color: #039be5;
           text-decoration: none;
         }

         pre code {
           display: block;
         }

         .cols-wrapper {
           margin-top: 56px;
         }

         .header-outer, .cols-wrapper {
           padding: 0 60px;
         }

         html, .header-inner a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
         }


         /** Archive widget. **/

         .BlogArchive {
           font-size: 13px;
           font-weight: normal;
         }

         .BlogArchive .widget- {
           display: none;
         }

         .BlogArchive h2, .Label h2 {
           color: #039be5;
           text-decoration: none;
         }


         /* Specificity needed here to override widget CSS defaults. */


         /* Months */

         .Label {
           font-size: 13px;
           font-weight: normal;
         }

         .sidebar-icon {
           display: inline-block;
           width: auto;
           vertical-align: middle;
           height: 24px;
           margin-right: 24px;
         }

         .sidebar-social-links {
           align-items: center;
         }

         .sidebar-social-links .android-logo,
      .android-logo {
           height: 48px;
      }

         .sidebar-social-links a:last-child img {
             margin-right: 0;
         }

         .Label .widget- {
           display: none;
         }

         .searchBox input {
           border: 1px solid #eee;
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-size: 14px;
           padding: 8px 8px 8px 40px;
           width: 100%;
           font-family: Android Euclid, Roboto, sans-serif;
           background: url(&#39;https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png&#39;) 8px center no-repeat;
         }

         .searchBox ::-webkit-input-placeholder {
           /* WebKit, Blink, Edge */
           color: rgba(0, 0, 0, .54);
         }

         .section {
           margin: 0;
           padding: 0;
         }

         #sidebar-top {
           border: 1px solid #eee;
         }

         #sidebar-top &gt; div {
           margin: 16px 0;
         }


         /*main post*/

         .post {
           margin-bottom: 30px;
         }

         #main .post .title {
           margin: 0;
         }

         #main .post .title a {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: normal;
           font-size: 24px;
         }

         .message, #main .post .post-header {
           margin: 0;
           padding: 0;
         }

         #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption {
           color: #444;
           font-weight: 500;
         }

         #main .post .post-header .published {
           font-size: 11px;
           font-weight: bold;
         }

         .post-header .publishdate {
           font-size: 16px;
           font-weight: normal;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #main .post .post-footer {
           font-size: 12px;
           padding-bottom: 21px;
         }

         .label-footer {
           margin-bottom: 12px;
           margin-top: 12px;
         }

         #main .post .post-header .published {
           margin-bottom: 16px;
         }

         .post .post- {
           color: #545454;
           color: rgba(0, 0, 0, .67);
           font-size: 16px;
           margin: 16px 0 36px 0;
           line-height: 24px;
           word-wrap: break-word;
         }


         .post-summary {
           display: none;
         }

         /* Override all post images/videos to left align. */


         @media (max-width: 712px) {
           .post- img {
             max-width: 100%;
             height: auto;
             width: auto;
           }
         }

         .post- .tr-caption-container img {
           margin-bottom: 12px;
         }

         .post- iframe, .post- embed {
           margin-left: auto !important;
           margin-right: auto !important;
           max-width: 100%;
         }

         .post- .carousel-container {
           margin-bottom: 48px;
         }

         #main .post- b {
           font-weight: 500;
         }

         /* These are the main paragraph spacing tweaks. */

         #main .post- br {
           : &#39;&#39;;
           display: block;
           padding: 4px;
         }

         .post-content .space {
           display: block;
           height: 8px;
         }

         .post-content iframe+.space, .post-content iframe+br {
           padding: 0 !important;
         }

         #main .post .jump-link {
           margin-bottom: 10px;
         }

         .post-content img, .post-content iframe {
           margin: 30px 0 20px 0;
         }

         .post-content &gt; img:first-child, .post-content &gt; iframe:first-child {
           margin-top: 0;
         }

         .col-right .section {
           padding: 0 16px;
         }

         #aside {
           background: #fff;
           border: 1px solid #eee;
           border-top: 0;
           z-index: 2;
         }

         #aside .widget {
           margin: 0;
         }

         #aside .widget h2, #ArchiveList .toggle+a.post-count-link {
           color: #212121;
           color: rgba(0, 0, 0, .87);
           font-weight: 400 !important;
           margin: 0;
         }

         #ArchiveList .toggle {
           float: right;
         }

         #ArchiveList .toggle .material-icons {
           padding-top: 4px;
         }

         #sidebar-top,
         #sidebar {
           background: #fff;
         }

         #sidebar .tab {
           cursor: pointer;
         }

         #sidebar .tab .arrow {
           display: inline-block;
           float: right;
         }

         #sidebar .tab .icon {
           display: inline-block;
           vertical-align: top;
           height: 24px;
           width: 24px;
           margin-right: 13px;
           margin-left: -1px;
           margin-top: 1px;
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget-content &gt; :first-child {
           padding-top: 8px;
         }

         #sidebar .active .tab .arrow {
           -ms-transform: rotate(180deg);
           transform: rotate(180deg);
         }

         #sidebar .arrow {
           color: #757575;
           color: rgba(0, 0, 0, .54);
         }

         #sidebar .widget h2 {
           font-size: 14px;
           line-height: 24px;
           display: inline-block;
         }

         #sidebar .widget .BlogArchive {
           padding-bottom: 8px;
         }

         #sidebar .widget {
           border-bottom: 1px solid #eee;
           box-shadow: 0px 1px 0 white;
           margin-bottom: 0;
           padding: 14px 0;
           min-height: 20px;
         }

         #sidebar .widget:last-child {
           border-bottom: none;
           box-shadow: none;
           margin-bottom: 0;
         }

         #sidebar ul {
           margin: 0;
           padding: 0;
         }

         #sidebar ul li {
           list-style: none;
           padding: 0;
         }

         #sidebar ul li a {
           line-height: 32px;
         }

         #sidebar ul ul ul li a {
           line-height: 24px;
         }

         #sidebar .archive {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC&#39;);
           height: 24px;
           line-height: 24px;
           padding-left: 30px;
         }

         #sidebar .labels {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC&#39;);
           height: 20px;
           line-height: 20px;
           padding-left: 30px;
         }

         #sidebar .rss a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII=&#39;);
         }

         #sidebar .subscription a {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC&#39;);
         }

         #sidebar-bottom {
           background: #f5f5f5;
           border-top: 1px solid #eee;
         }

         #sidebar-bottom .widget {
           border-bottom: 1px solid #e0e0e0;
           padding: 15px 0;
           text-align: center;
         }

         #sidebar-bottom &gt; div:last-child {
           border-bottom: 0;
         }

         #sidebar-bottom .text {
           line-height: 20px;
         }

         /* Home, forward, and backward pagination. */
         .blog-pager {
           padding-top: 10px;
           margin-top: 15px;
           text-align: right !important;
         }

         #blog-pager {
           padding: 40px 0 0;
         }

         #blog-pager a {
           display: inline-block;
         }

         .blog-pager i.disabled {
           opacity: 0.2 !important;
         }

         .blog-pager i {
           color: black;
           margin-left: 16px;
           opacity: 0.54;
         }

         .blog-pager i:hover, .blog-pager i:active {
           opacity: 0.87;
         }

         #blog-pager-older-link, #blog-pager-newer-link {
           float: none;
         }

         .gplus-profile {
           background-color: #fafafa;
           border: 1px solid #eee;
           overflow: hidden;
           width: 212px;
         }

         .gplus-profile-inner {
           margin-left: -1px;
           margin-top: -1px;
         }

         /* Sidebar follow buttons. */

         .followgooglewrapper {
           padding: 12px 0 0 0;
         }

         .loading {
           visibility: hidden;
         }

         .detail-page .post-footer .cmt_iframe_holder {
           padding-top: 40px !important;
         }

         /* ADB */

         .adb-hero-area {
           min-height: 104px;
           background-color: #073042;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
           z-index: 5;
           position: fixed;
           width: 100%;
         }
      
         .adb-hero-logo {
      	   height: 80px;
           position: absolute;
           top: 12px;
           left: 16px;
         }
      
         .adb-footer-btm {
           display: flex;
           margin: 0 24px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding-bottom: 40px;
         }

         .subscribe-btn {
           color: black;
           background-color: #3DDC84;
           border-radius: 100px;
           font: 500 16px/24px Android Euclid,Roboto,sans-serif;
           padding: 12px 24px;
           border: 0;
         }

         .adb-footer-info {
           align-items: center;
           display: flex;
           padding: 0;
           margin: 9px 0 0 -8px;
           font-size: 13px;
         }

         .footer-list {
           list-style: none;
           padding: 0 8px;
         }

         .subscribe-info {
           list-style: none;
           padding: 0 8px 0 0;
           font-size: 13px;
           color: black;
         }

         .footer-newsletter {
           display: flex;
           align-items: center;
         }

         .adb-header-inner {
           display: flex;
           align-items: center;
         }

         .adb-header {
           background-color: white;
           color: #fff;
           height: 48px;
           left: 0;
           overflow: hidden;
           padding: 36px 24px;
           right: 0;
           top: 104px;
           z-index: 4;
           display: flex;
           align-items: center;
           position: fixed;
      	   border-bottom: solid 1px #DADCE0;
         }

         .adb-shadow {
           margin-top: 48px;
           height: 1px;
           width: 100%;
           position: fixed;
           background: white;
           z-index: 2;
           box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);
         }

         .adb-logo-box {
           display:inline;
         }

         .adb-burger-box {
           display: none;
           margin: 0 16px 0 0;
         }

         .adb-search-box {
           display: none;
           margin: 0 0 0 16px;
         }

         .adb-htag-box {
           display: flex;
           align-items: center;
         }

         .adb-header-tags {
             padding: 0 24px 0 0;
         }

         .adb-header-tags ~ .atb-header-tags {
             padding: 0 24px;
         }

         .adb-header-tags a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #5F6368;
         }

         .adb-header-tags a:hover {
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #073042;
         }

         .more-dropdown {
           display: none;
         }

         .dropdown-icon {
           transition: all 0.3s;
         }

         .adb-header-logo {
           display: inline-block;
           vertical-align: -11px;
           width: 134px;
           height: 32px;
         }

         .adb-header-title {
           color: #fff;
           display: inline-block;
           font-size: 20px;
           font-weight: normal;
         }

         .adb-header-links {
           border-left: 1px solid rgba(0, 0, 0, .1);
           display: block;
           left: 250px;
           list-style: none;
           margin: 0;
           padding: 12px 0 12px 18px;
           position: absolute;
           top: 0;
         }

         .adb-header-link-item {
           display: inline-block;
         }

         .adb-header-link, .adb-header-link:visited {
           color: #fff;
           display: inline-block;
           font-weight: 500;
           opacity: .7;
           padding: 12px 9px;
           text-transform: uppercase;
           vertical-align: 2px;
         }

         .adb-header-link:hover, .adb-header-link:focus {
           color: #fff;
           opacity: 1;
         }

         .adb-header-console, .adb-header-console:visited {
           border-radius: 3px;
           box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
           color: #fff;
           float: right;
           font-size: 14px;
           font-weight: 500;
           line-height: 28px;
           padding: 4px 10px;
           position: relative;
           text-transform: uppercase;
           transition: box-shadow .2s;
           z-index: 60;
         }

         .adb-header-console:hover {
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
           color: #fff;
         }

         .adb-header-console:focus {
           background-color: rgba(63, 81, 181, .1);
           color: #fff;
         }

         .adb-header-console-image {
           vertical-align: -5px;
         }

         .adb-hero {
           background-color: #dcedc8;
           margin-top: 64px;
         }

         .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
           color: #414141;
           display: inline-block;
           font-weight: 500;
           margin: 25px 25px 0;
         }

         .adb-hero-inner {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAc4AAADZCAMAAACenCAVAAAAvVBMVEXc7cjY68PT6bvR57fQ57bY6sPZ68TU6bvR6LfP5rTQ57XR57jW6r7b7cfa7MbS6LnS6Lrb7cbQ6Lfb7MbX6r/Z68PY6sLV6b7U6b3U6r3T6LnX68Da7MXP57Tb7Mfc7cfW6b/P57XS57nY68LY68HU6L3W6r/W6b7T6brX6sDV6rzQ57fa7MTV6b3T6Lra68TR57bX68HW6sDS57jU6bzO5rTP5rXZ7MXR6LbZ68XX6sHT6LvV6bzS6LjZ7MILrTuqAAAIyklEQVR4AezXhXEkUQwE0B6+Xhg8MzND/smZ4UsLBSb9Kr0UhI1vl6RZnqUFlnBl9Y+j8WQK4+qGr9oOi7iKr0YFTOt6vhsPmM81/FDAspafUszl/vNTXsOuFYZWMYfrRgyswa51hjLM4TYYGsOuTQpbgNO2dyjAroxCvgunpZT2YFZDaQKnlFRg1z6lgxpOOqS0CbtqKutwwhGVYxh2QqWGC/WUMlhWH1BK4QKnVFZh2hmVEh/cXk7pHLbt5pQafHCT6Jr9gsoR3riayiXMyyhd4Y27jDDHJVQu8MJdU7lBBBpKoz08c7eU8gERuKNyhiduhcopolBRqeGAMaV7xKE7eGzvThQTVZooAJdC1AM2qGg0BhdCrpnciVE0i9dZ3v+t/n2ZMBtJGpsu6nuCrNJddar4/gAnMmuP/GPk3JFwrL2QKw3FD26GyGmQNXbIGVHNKdfmYraDl/ZUcxO8NNtIW888bafDC7tP5R2qtQfL724N5AypxjbIGdseWHMV1VfP+rrnZvbTerMEhHb2Py4eA7KX9AwD5LSppi5ZdPTHEhv6cd5mSjZaeMW/Dc66TEpkO+Q0qIbUE5es6ke85FMN/YGXZs9yQLdXYGVASGJDBaMZXsQouzau/fzfitNsKvpUL1O8dFBksb+Q80C1coaco7RtLeYzO9tHCV7qUY0ckXPGribSoNpQB3Z1MbWtby1hiZwWw35CRjUReRx7Sg5ecqgmJiyHOxrIWVEtPDPNY/TMx4bmczq5T3jpSRELm1NWodVmlGY364tP4ZXvdw5u8jjDf8yQJJ7j+2HYfBh3d+l5HFB5RmyzjM3yh8iDUbb6M9y7j3idgxM+3BzTuPzyXmdOTARJaUc8tUmX7ekB7+aF7dV1a0G6pIx3CkxKmBBUreMfvS0086aTnZZf6kfG53mlN/0UnS2bW5Socz9OA737eM6JkZWu4uUiXfVcnIT34eZM6Yq9hcRKR0OpL7i9cHBi/udjrCOUuiFWsnc2/oKsfYAhXvM2lsj4S/7b2/L9y4cODDu0j8HbBzqSPvutOksqpDH+gorw1+dvHLcaEzv3r4+0BdmnBJXi9bL+G6qaEbFz98rF4sEwnKGKrrrxK3sOuzoMlM9i+ql47KPC/HX8inTxljgKUHBYI1g6qDx/HBct76XETfHF4v3hHpZwVgH9APc0TfFSyTwLZ7DJ9FYxmZvTv1h89DmBdbyHEX0rcuuTRB38fNuQ2vmw1GAYMSjv6ZwQbD0ksFlz9LPW7gMxNv3RBVtlDqz3cbWo32rmEXLGFExcsJBMnilGzk29pleT5gx8fLiq2XzyM2rllpiboEYGxF2UoD6+EntL1Ma+TkOP/LVqNJLM3yeqgayDmnjqKmIu3aNGDhlx1pqiZvyUuAqaqKGwRRwt1gnqqR0QO5ce6ms5J1ZGIWqtkxIf0QNqb7ohJjIXgFjPiYF4j38R2wbZTk1m+C/xqU9WSzv4hkgyVkcg0QvIUg0XEHleRjaK/gQb8g/a2EL8hHcky6zxC+JTQBa5c/BL4nBO1lgl+B2xJjv0QxQgnA1ZoOGhGHFNldedoShxMadKU/d4BeEEVGF3Ll5FJF+psm7Bh5xwHyDeoKeogvp7iDfpbKhyWgeIN/JSqpjbBOLtlqwq7qJNFdKGeKdQUUUEIcS7Df6iSngeQAPhtqgCWi60EElKxjUSsCFriK5nYEMuLDtoJSZk0BiaiaYsZGPlXnEqHoipIhOaKIW4WnD63xThgtP/pthHdFqfUCIRRvK/KZ+3VX1uiulc7puc3EstSOpD9d7+LYGTFfiQenyKkxE3VLLGI9iQkcH4CackzqlEwRYnJbwNlUb5ODHhBVSWHk5O+JFMLkh5qFYxLxnoPZ9BmJGRdrELNuTddNEAwhg34NSvFnvSqgth1ANpNEIZkhkYSg4dt9rHocCFXvvxWUD/ELR2TQ98hMOWon+Ks7YLrZI70iWETu6yT99Qt3uw4A4j+lY6hU4dVcloUFdR3tkA1kt29J1zHxr1SIsGNAoDnvGjMCj/CLmr3INzQj9x5sFm41Ns933c0PtNoc+O0bJNA9+Xryp14+zSL9x5PH6beS2vQrfP0exkQcMG08BdCn1SepeFc8KPijWs5MxPdzN4CipzR2nQb8wdnu0O5UKbkN7h/LQZ/a9Ms+pZNYp9kQt9Yvo9H3Yx8H15QSXm/qZUQMY0ybOCPtNKlIMuqYAogW1SKkBBoxW9SXSARoqKCGGbBRVxBY0C85V3h2mb/MrASGxIb3BnYlaxwXRmLwUMFxMc6NSlQvpM6nt5MXTylOl00JGKYTqxp6DVBb1SkECrlOmvs0HFGA7efjA0dwrLfKVC5tDLp1dpGHrGKFjm0tCZYEWvMTA0NrOBZVZUSMtoLn4I3T5RISnTZTGXJrea9BPotmU6QrqlQi6gXWx05V5MRTiwTaD/4aW5FN8y9pCJYZ2usSPBNRUzNfapNIZ1fGM7KQdUSMNYJyl6Ajh2yAKTBUYHpfCZruJ0jB3wCpVur1GSIf3G8yOPlG1ePDN46d2iJEmLR+86L4lNBRQTZXK/6UAxunMWDxC3Da6omXsoz5XiOa8/NfV9JYHRXVBXiudG8r0y9Jmzpl87oFSDFv3Qog2rDTb0Q6qJckX0K7coWTKkHxh1YLmkSz/Q6JjNKnVQOj+lnM0nMPDxmnLuPhjej5rhFLbjmP4nOF6BCXfdov8JLkPj+xcdnMjh03p3nWXLBwesuB/+GGbHXbc5wIkkSt7CwEmXU1lGbPX3OYVBt5y2Yoov9EN/QVhpJK9xZL/7P4Kw1LO8iIH7qxx8CEu5zG8pcldpQ1hrSjnBI4S9YnrpBsJiEzkIcfIkByFWUqkIcdKjb7kQdos49a3Fjv7vE4TlfPoflYAPuXoeIaw3pv+6h7CeQ/8RPYIP6XpegwGxknMtwxcqK7AgAqkhcDKkf3oAI9LE9sCDWGhf4S8M70peggnxQERTMCFcIjUDF+KOUrAhhvQANkT4dwEsPvJYWz4QAAAAAElFTkSuQmCC&#39;);
           background-position: bottom right 70px;
           background-repeat: no-repeat;
           background-size: auto 100%;
           margin: 0 auto;
           max-width: 980px;
           padding: 0 60px;
           position: relative;
         }

         .adb-hero-back-icon {
           display: inline-block;
           margin-right: 5px;
           vertical-align: middle;
         }

         .adb-hero-title {
           font-size: 22px;
           line-height: 28px;
           padding: 24px 24px 0px 112px;
         }

         .adb-hero-title a {
           color: #FFFFFF;
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 500;
         }

         .adb-hero-summary {
           font-size: 16px;
           line-height: 24px;
           padding: 8px 24px 8px 112px;
         }

         .adb-hero-summary a {
           color: rgba(255, 255, 255, 0.9);
         }

         .adb-hero-description {
           color: #6f7172;
           font-size: 16px;
           margin: 0;
           max-width: 440px;
           padding-bottom: 32px;
         }

         .adb-hero-search {
           position: absolute;
           top: 19.35%;
           right: 1.94%;
         }

      	 .adb-hero-search .searchBox input {
           border: 1px solid #80868B;
           border-radius: 4px;
           color: white;
         }

         .adb-hero-search .searchBox input::placeholder {
           color: #F1F3F4;
           font-weight: 500;
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 0.5px;
           padding-left: 12px;
         }

         .adb-hero-link {
           position: absolute;
           right: 1.67%;
           top: 64.52%;
         }

         .adb-hero-link a {
           font-family: Android Euclid, Roboto, sans-serif;
           font-weight: 600;
           font-size: 16px;
           line-height: 20px;
           color: #3DDC84;
           letter-spacing: 1.4px;
         }

         .adb-hero-arrow {
           display: inline-flex;
           font-size: 24px;
           vertical-align: middle;
         }

         .adb-socials-box {
           display: flex;
           position: absolute;
           right: 1.67%;
         }

         .adb-socials-category,
         .adb-socials-divider {
           display: flex;
           align-items: center;
         }
      
         .adb-socials-divider {
           color: #DADCE0;
           font-size: 40px;
           font-weight: 100;
           margin: 0 20px;
         }

         .adb-socials-category img,
      .adb-footer-social-links img {
           height: 24px;
         }

      .adb-footer-social-links-img {
           margin-right: 20px;
         }

         .adb-hero-subscribe, .adb-hero-subscribe:visited {
           background-color: #90c653;
           color: #fff;
           display: inline-block;
           border-radius: 3px;
           margin: 25px 0 60px;
           padding: 13px 32px;
           text-transform: uppercase;
         }

         .adb-hero-subscribe:hover, .adb-hero-subscribe:focus {
           background-color: #333;
         }

         .adb-footer {
           margin: 32px auto 64px;
         }

         .adb-footer-more {
           border-bottom: 1px solid #f0f0f0;
           border-top: 1px solid #f0f0f0;
           padding: 30px 0;
         }

         .adb-footer-more a {
           color: #000;
           display: inline-block;
           font-size: 20px;
           font-weight: 300;
           margin-right: 16px;
         }

         .adb-footer-social {
           float: right;
           margin-top: -62px;
         }

         .adb-footer-social a {
           background-color: #ccc;
           background-position: center;
           background-repeat: no-repeat;
           background-size: auto 16px;
           border-radius: 50%;
           display: inline-block;
           height: 36px;
           margin-left: 16px;
           transition: background-color .1s;
           width: 36px;
         }

         .adb-footer-social-youtube {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAQAAAAxWje/AAABLUlEQVQ4y6WUvUoDYRBFr42gCdhK8AV8BwsVC0FQfIQUgr5DIKJoGy1CfAaDq1hIGn8K2xDSaBc1wUJJEYmbkDXssdi1Mrvfst9tZ+bAzNwZSZLEAmvsUKTCBQ80eaWLyxiAMS5dXmhyT5UyBfIsM68/McM1aXRDJgCUSKsTSWQZpAa4ZMUmNtoSRxGhbd4TAI7F1eSIxBwVfAPgUtSjAJLEEk+xgLroxAEkpikyigS0RS8eIEks8hgB6ImhGSAxxS5fE9JGwksCkCRyOP/SfPFjC0jawl5UC9ZDbBvXuB+zxjezkZ5NRnJirHxmtLIjDq2O6UBsWJ3zut1D+WZWEqepAaVg0hlqqcpr4VMNbbpKngJlqtzRoMUnfTx8fDz6fNCiwS3n4VtfIRdU/gLTrSb7DGWLcQAAAABJRU5ErkJggg&#39;);
         }

         .adb-footer-social-youtube:hover {
           background-color: #f44336;
         }

         .adb-footer-social-gplus {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAQAAACpWpz6AAABJUlEQVQ4EZXBTUoCYQDH4X9hTS3Cja0Kyb2X6BCJoLlr1aKwK1QHCMMzWLiqTcuWXaAWQWIlU1DQh4QJ+Wt4X95x0hGn55FCeGzSpMUXXW45ocSC/oMiHUZ1KCgZZqkzyZaSoM7QgCd8BlgXLGo6ijgv7JJRgAxV3jjDUwwMOXh0sK5ZUQRZ5hQLQw4VrA/WlBCGHJpY+0oMQw5trLxCjNtTgFiij5VSiHFHChBL9LFSCjGurgCxRBsrrxA+Pj4+Pl2sQ0VgyKGJdaAYNLAqisCQQxnrk5xGkKOHlVUEhhw8HrFuWFUEaa6wLvUHhoYo4LxSZVkBlihzh7OuaagR9YzPD0PHmo5ZakzSIKVk2OCBUe/sMKPkmKfEKS16fHPPOduklcAvR50zMVwhTI4AAAAASUVORK5CYII=&#39;);
         }

         .adb-footer-social-gplus:hover {
           background-color: #f44336;
         }

         .adb-footer-social-twitter {
           background-image: url(&#39;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAQAAAB0gUQ+AAABI0lEQVQ4EY3BQShDAQDH4f+zTSyJuLgoLlwclYOTHCwHu9ouiLRScpUmNwduDkpCSTs4LAeJhINoOTo4ctHkskyJtf20vWbe3tvb+z7JFUGibLHPMj0qoYEWSYzRKkdMkKbsm3m6WSRFuyQeuKNNNoTJU61ABL8kssAjvbKgiTR2V+ywJol3ijJMY+gP4zhLEpDEGWUpwvhUQgwnh/hURIT/3thjjmGWcBKViSCXeBWSiWdO+MGbPpm4watPfDIRxasLVXCANwuqwCDGK/V80akKGjnmmgLutmXFOvV80CUrAiRxNys7DCY5J4OzXdVCP7c4OcIvO5oJkSCHXZ5VDFkxwilP5HB2z6Cc0EGcF6plSTAqNxgMMEWcTTZYYYYhAqrpF0uh1zgYi1hVAAAAAElFTkSuQmCC&#39;);
         }

         .adb-footer-social-twitter:hover {
           background-color: #55acee;
         }

         .adb-footer-social span {
           display: none;
         }

         .adb-footer-related {
           padding-top: 8px;
         }

         .adb-footer-related a {
           color: #999;
           font-size: 12px;
           white-space: nowrap;
         }

         .adb-footer-related a:not(:last-child)::after {
           content: &#39;|&#39;;
           cursor: default;
           margin: 0 7px 0 10px;
         }

      .adb-footer-section {
           margin: 48px auto;
           max-width: 700px;
         }

         .adb-footer-title {
           font-weight: 500;
           font-size: 14px;
           line-height: 20px;
           letter-spacing: 1.5px;
           text-transform: uppercase;
           color: #3C4043;
           margin-bottom: 24px;
         }

         .adb-footer-columns {
           display: flex;
           justify-content: space-between;
          }

         .adb-other-blogs-title img {
           margin-right: 8px;
           vertical-align: -12px;
         }

         .adb-footer-social-label {
           display: flex !important;
           align-items: center;
         }

         .adb-footer-column a,
         .adb-footer-social-label,
         #footer-subscribe .tab h2 {
           color: #000;
           font-size: 14px;
           font-weight: 400;
           line-height: 20px;
           letter-spacing: 0.25px;
           padding: .85em 0;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-btm a {
           color: #000;
           font-family: Android Euclid, Roboto, sans-serif;
           font-size: 14px;
           font-weight: 400;
           letter-spacing: 0.25px;
           opacity: .7;
           transition: opacity .1s;
           -webkit-column-break-inside: avoid;
           break-inside: avoid-column;
           display: table;
           margin: 0;
           page-break-inside: avoid;
         }

      .adb-footer-column a {
           opacity: .7;
           transition: opacity .1s;
         }

         .adb-footer-column a:hover {
           opacity: 1;
         }

         .adb-footer-social-links {
           margin: 0 0 20px;
         }

         #footer-subscribe .widget {
           margin: 0;
         }

         #footer-subscribe .tab {
           display: flex;
           align-items: center;
         }

         #footer-subscribe .tab img {
           height: 16px;
         }

         .adb-label-view-more-toggle {
           cursor: pointer;
         }

         .adb-label-view-more-toggle::after {
           content: &#39;\00e5c5&#39;;
           float: right;
           font: 2em / .7 Material Icons;
           opacity: .6;
         }

         .adb-label-view-more-toggle.active::after {
           transform: rotate(180deg);
         }


         /** Desktop **/

         @media (max-width: 900px) {
           .col-right {
             display: none;
           }
           .col-main {
             margin-right: 0;
             min-width: initial;
           }
           .cols-wrapper {
             min-width: initial;
           }
           .adb-hero-inner {
             background-image: none;
           }
         }


         /** ADB header breakpoint **/

         @media (max-width: 768px) {
           .adb-header-links {
             display: none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-header {
             padding: 12px;
             text-align: center;
           }
         }

         @media (max-width: 1196px) {
           .breakpoint-hide {
             display:none;
           }

           .more-dropdown {
             height: 50px;
             display: flex;
             align-items: center;
           }
         }

         @media (max-width: 915px) {
           .adb-header {
           	height: 0;
           	margin: 0;
           	padding: 0;
           	display: none;
           }
           .adb-header-tags {
             display:none;
           }

           .more-dropdown {
             display:none;
           }

           .dropdown-nav {
             display: none;
           }

           .adb-hero-summary,
           .adb-hero-link,
           .adb-socials-category {
           	display: none;
           }
      
           .adb-hero-title {
            padding-left: 152px;
           }
      
           .adb-hero-logo {
            height: 52px;
            top: 12px;
            left: 120px;
           }
           .adb-footer-section {
           	margin: 0 auto;
           }
           .adb-footer-btm {
           	margin: 0 24px 40px;
           }

           .adb-hero-area {
           	min-height: 76px;
           }

           .adb-burger-box {
            display:inline;
           	position: absolute;
           	top: 17px;
           	margin-left: 24px;
           	font-size: 32px;
           	color: white;
           }

           .adb-hero-title a{
           	margin-left: 40px;
           }
         }

         /** Tablet **/

         @media (max-width: 712px) {
           .header-outer, .cols-wrapper {
             padding: 0 40px;
           }
           /* ADB */
           .adb-hero-inner {
             padding: 0 40px;
           }
           .adb-hero-title {
            font-size: 16px;
            padding-left: 132px;
           }
           .adb-hero-logo {
            left: 100px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 36px;
           }
           .adb-other-blogs-list {
             columns: auto;
           }
           .adb-other-blogs-title {
             font-size: 20px;
           }
           .adb-other-blogs-title img {
             height: auto;
             vertical-align: -6px;
             width: 32px;
           }
           .adb-footer-section {
           	margin: 0 24px;
           }
           .adb-footer-more {
             padding-bottom: 75px;
           }
           .adb-footer-social {
             float: none;
             margin-bottom: 35px
           }
           .adb-footer-social .adb-footer-social-youtube {
             margin-left: 0;
           }
         }


         /** Small tablet **/

         @media (max-width: 600px) {
           .header-inner .google-logo {
             top: 32px;
             margin-top: 0;
           }
           .header-inner .google-logo img {
             height: 56px;
             width: auto;
             /*
             height: auto;
             width: 188px;
             */
             /* Override any optical adjustments at desktop size. */
             top: 0 !important;
           }
           .header-left {
             left: 0;
             top: inherit;
             bottom: 24px;
           }

           .adb-footer-columns {
           	display: block;
           }

           .adb-footer-column {
           	margin-bottom: 48px;
           }

           .adb-footer-column a {
           	opacity: 1;
           }

           .adb-footer-social-label {
           	padding: 0;
           }

           .adb-footer-column .widget a {
           	padding: 0;
           }

           .footer-newsletter {
             margin-top: 16px;
           }

           .subscribe-btn {
           	width: 100%;
           }

           .adb-hero-search {
             display: none;
           }

           .adb-search-box {
            display:inline;
           	position: absolute;
           	top: 24px;
           	right: 24px;
           	font-size: 24px;
           	color: white;
           }
         }

         /** Mobile **/

         @media (max-width: 480px) {
           .header-outer, .cols-wrapper {
             padding: 0 16px;
           }
           .adb-hero-logo {
            height: 28px;
            top: 24px;
            left: 76px;
           }
           .adb-hero-back, .adb-hero-back:link, .adb-hero-back:visited {
             margin-left: 16px;
           }
           .cols-wrapper {
             margin-top: 0;
             overflow-x: auto;
           }
           .post-header .publishdate, .post .post-content {
             font-size: 16px;
           }
           .post .post-content {
             line-height: 28px;
             margin-bottom: 30px;
           }
           .post {
             margin-top: 30px;
           }
           .byline-author {
             display: block;
             font-size: 12px;
             line-height: 24px;
             margin-top: 6px;
           }
           #main .post .title a {
             font-weight: 500;
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
           }
           #main .post .post-header {
             padding-bottom: 12px;
           }
           #main .post .post-header .published {
             margin-bottom: -8px;
             margin-top: 3px;
           }
           .post .read-more {
             display: block;
             margin-top: 14px;
           }
           .post .tr-caption {
             font-size: 12px;
           }
           #main .post .title a {
             font-size: 20px;
             line-height: 30px;
           }
           .post-content iframe {
             /* iframe won&#39;t keep aspect ratio when scaled down. */
             max-height: 240px;
           }
           .post-content .separator img, .post-content .tr-caption-container img {
             margin-left: -16px;
             max-width: 100%;
           }
           .post-content table {
             table-layout: fixed;
             width: 100%;
           }
           /** List page tweaks. **/
           .list-page .post-original {
             display: none;
           }
           .list-page .post-summary {
             display: block;
           }
           .list-page .comment-container {
             display: none;
           }
           .list-page .label-footer {
             display: none;
           }
           .list-page #main .post .post-footer {
             border-bottom: 1px solid #eee;
             margin: -16px 0 0 0;
             padding: 0 0 20px 0;
           }
           .list-page .post .share {
             display: none;
           }
           /** Detail page tweaks. **/
           .detail-page .post-footer .cmt_iframe_holder {
             padding-top: 32px !important;
           }
           .detail-page .label-footer {
             margin-bottom: 0;
           }
           .detail-page #main .post .post-footer {
             padding-bottom: 0;
           }
           .detail-page #comments {
             display: none;
           }
           /* ADB */
           .adb-header-console {
             display: none;
           }
           .adb-hero-inner {
             padding: 0 16px;
           }
           .adb-hero-title {
             color: #4c4c4c;
             color: rgba(0, 0, 0, .70);
             font-weight: 500;
             line-height: 30px;
             padding-left: 80px;
           }
         }

         /* Fixed-position sidebar for larger screens */
         @media screen and (min-height: 700px) and (min-width: 1100px) {
           .col-right .section {
             max-height: calc(100vh - 197px);
             overflow: auto;
           }

           .col-right.scroll-start {
             left: 50%;
             margin-left: 241px;
             position: fixed;
             top: 96px;
           }

           .col-right.scroll-end {
             bottom: 485px;
             position: absolute;
             top: auto;
           }
         }

         [data-about-pullquote], [data-is-preview], [data-about-syndication] {
           display: none;
         }
         
        #imgFull {
            display: block;
            margin: 10px auto;
            width: 90%;
            border: 0;
            padding: 0;
        }

        #imgHalf {
            display: block;
            margin: 10px auto;
            width: 50%;
            border: 0;
            padding: 0;
        }

        #flexParent {
            display: flex;
            width: 100%;
            justify-content: space-around;
            align-items: center;
        }

        #flexImg {
            width: 90%;
            margin: 0;
            padding: 0;
            border: 0;
        }

        #imgCaption {
            text-align: center;
            font-style: italic; 
            font-size: 85%;
            margin: -5px 0 10px 0;
            padding: 0;
            border: 0;
        }

        #floatRight {
            float: right;
            width: 45%;
            margin: 5px 0 5px 5px;
            padding: 0;
            border: 0;
        }

        #floatLeft {
            float: left;
            width: 45%;
            margin: 5px 5px 5px 0;
            padding: 0;
            border: 0;
        }
    &lt;/style&gt;
&lt;style&gt;
        .loading {
          visibility: visible;
        }
      &lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div class=&quot;adb-detail&quot;&gt;
&lt;div class=&quot;adb-detail__info&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;adb-detail__title&quot;&gt;
&lt;/div&gt;
&lt;hr&gt;


&lt;div class=&quot;adb-detail__content&quot;&gt;
&lt;div&gt;
&lt;meta content=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDDCgXcu5EI9w514aJNVe4C1CciGCHkKn8lWUyaa_TK-HspfRAKoKvDAiMTbGZ-Y406y9W5sn4y-SEyGFiwbNlS7EScaVTMgSOVhuq2kUBwoaMX0KqdYSIdGRHfI7zpi7nm5ciPZVlS2cdTOb_xEeWVma4KVdGt2T2DmvkNFTIuWqFpgx8Fe5maN9TCPI/s1600/Android-15-DP1-Social%20%281%29.png&quot; name=&quot;twitter:image&quot;&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDDCgXcu5EI9w514aJNVe4C1CciGCHkKn8lWUyaa_TK-HspfRAKoKvDAiMTbGZ-Y406y9W5sn4y-SEyGFiwbNlS7EScaVTMgSOVhuq2kUBwoaMX0KqdYSIdGRHfI7zpi7nm5ciPZVlS2cdTOb_xEeWVma4KVdGt2T2DmvkNFTIuWqFpgx8Fe5maN9TCPI/s1600/Android-15-DP1-Social%20%281%29.png&quot; style=&quot;display: none;&quot;&gt;

&lt;em&gt; Diposting oleh &lt;a href=&quot;https://twitter.com/davey_burke&quot; target=&quot;_blank&quot;&gt;Dave Burke&lt;/a&gt;, VP of Engineering &lt;/em&gt;

&lt;div class=&quot;separator&quot; style=&quot;border: 0px; clear: both; float: right; padding: 0px; width: 45%;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX98TKIsaJF7D4wnq7YBOuMjtYH-6D5Kgm7m7VbRek7cQIGN7TNVtJMDIbSiEG5KgcGyGpgGxEOz7u9v-WhQASrQrjvCQF8-RQ7PsZpA6djqK7RA7mXrnt6aYiac8voLef_mhP-s_TucPVEP1vvmUBjspmjA2RdrbvIqVwYXQJZ1fwPyamJIxXTrgMVmg/s1600/image1.png&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Logo Android 14&quot; border=&quot;0&quot; data-original-height=&quot;512&quot; data-original-width=&quot;512&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX98TKIsaJF7D4wnq7YBOuMjtYH-6D5Kgm7m7VbRek7cQIGN7TNVtJMDIbSiEG5KgcGyGpgGxEOz7u9v-WhQASrQrjvCQF8-RQ7PsZpA6djqK7RA7mXrnt6aYiac8voLef_mhP-s_TucPVEP1vvmUBjspmjA2RdrbvIqVwYXQJZ1fwPyamJIxXTrgMVmg/s1600/image1.png&quot; width=&quot;320&quot;&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Kami merilis Pratinjau Developer pertama Android 15 hari ini sehingga Anda, developer, bisa berkolaborasi dengan kami untuk membangun Android yang lebih baik.&lt;/p&gt;

&lt;p&gt;Android 15 melanjutkan upaya kami untuk membangun platform guna membantu meningkatkan produktivitas Anda sekaligus memberikan kemampuan baru untuk menghadirkan pengalaman media yang superior, meminimalkan dampak baterai, memaksimalkan kelancaran performa aplikasi, serta melindungi privasi dan keamanan pengguna, semuanya pada beragam perangkat yang ada di luar sana.&lt;/p&gt;

&lt;p&gt;Android memungkinkan aplikasi Anda memanfaatkan hardware perangkat premium, termasuk kemampuan kamera kelas atas, GPU yang kuat, layar yang memukau, dan pemrosesan AI. Permintaan untuk perangkat layar besar, termasuk tablet, perangkat foldable, dan flippable, terus meningkat, menawarkan peluang untuk menjangkau pengguna kelas atas. Selain itu, Android berkomitmen untuk menyediakan peralatan dan library untuk membantu aplikasi Anda memanfaatkan kemajuan AI terbaru.&lt;/p&gt;

&lt;p&gt;Masukan Anda terhadap Pratinjau Developer Android 15 dan program beta QPR memainkan peran penting dalam membantu perkembangan Android. &lt;a href=&quot;https://developer.android.com/about/versions/15&quot; target=&quot;_blank&quot;&gt;Situs developer Android 15&lt;/a&gt; punya banyak informasi tentang pratinjau, termasuk download untuk Pixel dan dokumentasi mendetail tentang perubahan. Pratinjau ini hanyalah permulaan, dan kami memiliki banyak hal yang akan dibagikan seiring dengan siklus rilisnya. Terima kasih sebelumnya atas bantuan Anda dalam menjadikan Android sebagai platform yang bisa digunakan oleh semua orang.&lt;/p&gt;

&lt;h3&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Melindungi privasi dan keamanan pengguna&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android terus berupaya menciptakan solusi untuk memaksimalkan privasi dan keamanan pengguna.&lt;/p&gt;

&lt;h3&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Privacy Sandbox di Android&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android 15 membawa Android AD Services ke ekstensi level 10, dengan menggabungkan versi terbaru &lt;a href=&quot;https://developer.android.com/design-for-safety/privacy-sandbox&quot; target=&quot;_blank&quot;&gt;Privacy Sandbox di Android&lt;/a&gt;, bagian dari upaya kami untuk mengembangkan teknologi baru guna meningkatkan privasi pengguna serta memungkinkan pengalaman periklanan yang efektif dan dipersonalisasi untuk aplikasi seluler. &lt;a href=&quot;https://developer.android.com/design-for-safety/privacy-sandbox/program-overview&quot; target=&quot;_blank&quot;&gt;Situs kami punya banyak informasi&lt;/a&gt; tentang pratinjau developer dan program beta Privacy Sandbox di Android untuk membantu Anda memulai.&lt;/p&gt;

&lt;h3&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Health Connect&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android 15 mengintegrasikan Android 14 ekstensi 10 di dalam &lt;a href=&quot;https://developer.android.com/health-and-fitness/guides/health-connect/develop/get-started&quot; target=&quot;_blank&quot;&gt;Health Connect dari Android&lt;/a&gt;, sebuah platform yang aman dan terpusat untuk mengelola serta membagikan data kesehatan dan kebugaran yang dikumpulkan aplikasi. Update ini menambahkan dukungan untuk tipe data baru dalam aspek &lt;a href=&quot;https://developer.android.com/reference/android/health/connect/datatypes/StepsCadenceRecord#STEPS_CADENCE_RATE_AVG&quot; target=&quot;_blank&quot;&gt;kebugaran&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/reference/android/health/connect/datatypes/NutritionRecord#TRANS_FAT_TOTAL&quot; target=&quot;_blank&quot;&gt;nutrisi&lt;/a&gt;, dan lainnya.&lt;/p&gt;


&lt;h3&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Integritas file&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;&lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/security/FileIntegrityManager&quot; target=&quot;_blank&quot;&gt;FileIntegrityManager&lt;/a&gt;&lt;/span&gt; Android 15 menyertakan API baru yang memanfaatkan fitur &lt;a href=&quot;https://docs.kernel.org/filesystems/fsverity.html&quot; target=&quot;_blank&quot;&gt;fs-verity&lt;/a&gt; di kernel Linux. Dengan fs-verity, file bisa &lt;a href=&quot;https://developer.android.com/reference/android/security/FileIntegrityManager#setupFsVerity%28java.io.File%29&quot; target=&quot;_blank&quot;&gt;dilindungi dengan penanda kriptografi khusus&lt;/a&gt;, membantu Anda &lt;a href=&quot;https://developer.android.com/reference/android/security/FileIntegrityManager#getFsVerityDigest%28java.io.File%29&quot; target=&quot;_blank&quot;&gt;memastikan bahwa file tersebut tidak diubah atau dirusak&lt;/a&gt;. Hal ini menghasilkan peningkatan keamanan, perlindungan dari potensi malware atau modifikasi file yang tidak diotorisasi yang dapat membahayakan fungsionalitas atau data aplikasi Anda.&lt;/p&gt;


&lt;h3&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Berbagi layar parsial&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android 15 mendukung berbagi layar parsial sehingga pengguna bisa membagikan atau merekam jendela aplikasi saja, tidak seluruh layar perangkat. Fitur ini, yang aktif pertama kali di Android 14 QPR2, mencakup &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/about/versions/14/features/partial-screen-sharing#media_projection_callbacks&quot; target=&quot;_blank&quot;&gt; MediaProjection&lt;/a&gt;&lt;/span&gt;&lt;a href=&quot;https://developer.android.com/about/versions/14/features/partial-screen-sharing#media_projection_callbacks&quot; target=&quot;_blank&quot;&gt; callback&lt;/a&gt; yang memungkinkan aplikasi Anda menyesuaikan pengalaman berbagi layar parsial. Perhatikan bahwa &lt;a href=&quot;https://developer.android.com/about/versions/14/behavior-changes-14#media-projection-consent&quot; target=&quot;_blank&quot;&gt;persetujuan pengguna sekarang diperlukan&lt;/a&gt; untuk setiap sesi perekaman &lt;span style=&quot;font-family: Courier;&quot;&gt;&lt;a href=&quot;https://developer.android.com/reference/android/media/projection/MediaProjection&quot; target=&quot;_blank&quot;&gt;MediaProjection&lt;/a&gt;&lt;/span&gt;.&lt;/p&gt;


&lt;h3&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Mendukung kreator&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;Android terus berupaya memberi Anda akses ke alat dan hardware untuk mendukung kreator mewujudkan visi mereka di Android.&lt;/p&gt;


&lt;h3&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Kontrol Kamera Dalam Aplikasi&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android 15 menambahkan ekstensi baru untuk kontrol yang lebih besar atas hardware kamera dan algoritmenya pada perangkat yang didukung:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Penyempurnaan pada kondisi minim cahaya&lt;/b&gt; yang memberikan kontrol kepada developer untuk &lt;a href=&quot;https://developer.android.com/reference/android/hardware/camera2/CameraCharacteristics#CONTROL_LOW_LIGHT_BOOST_INFO_LUMINANCE_RANGE&quot; target=&quot;_blank&quot;&gt;meningkatkan kecerahan pratinjau kamera.&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Penyesuaian kekuatan lampu flash canggih&lt;/b&gt; yang memungkinkan kontrol presisi intensitas flash dalam mode &lt;a href=&quot;https://developer.android.com/reference/android/hardware/camera2/CameraCharacteristics#FLASH_SINGLE_STRENGTH_DEFAULT_LEVEL&quot; target=&quot;_blank&quot;&gt;SINGLE&lt;/a&gt; dan &lt;a href=&quot;https://developer.android.com/reference/android/hardware/camera2/CameraCharacteristics#FLASH_TORCH_STRENGTH_DEFAULT_LEVEL&quot; target=&quot;_blank&quot;&gt;TORCH&lt;/a&gt; sewaktu mengambil gambar.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;h3&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Perangkat Virtual MIDI 2.0&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android 13 menambahkan dukungan untuk terkoneksi ke &lt;a href=&quot;https://developer.android.com/reference/android/media/midi/package-summary&quot; target=&quot;_blank&quot;&gt;perangkat MIDI 2.0 melalui USB&lt;/a&gt;, yang berkomunikasi menggunakan Universal MIDI Packets (UMP). Android 15 memperluas &lt;a href=&quot;https://developer.android.com/reference/android/media/midi/MidiUmpDeviceService&quot; target=&quot;_blank&quot;&gt;dukungan UMP ke aplikasi MIDI virtual&lt;/a&gt;, yang memungkinkan aplikasi komposisi untuk mengontrol aplikasi synthesizer sebagai perangkat MIDI 2.0 virtual, seperti halnya pada perangkat USB MIDI 2.0.&lt;/p&gt;

&lt;h3&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Performa dan kualitas&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;Android terus berfokus untuk membantu Anda meningkatkan kualitas aplikasi. Sebagian besar fokusnya adalah peralatan dan library, termasuk &lt;a href=&quot;https://developer.android.com/jetpack/compose&quot; target=&quot;_blank&quot;&gt;Jetpack Compose&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/studio&quot; target=&quot;_blank&quot;&gt;Android Studio&lt;/a&gt;, dan lainnya.&lt;/p&gt;


&lt;h3&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Performa Dinamis&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android 15 melanjutkan investasi kami dalam &lt;a href=&quot;https://developer.android.com/games/optimize/adpf&quot; target=&quot;_blank&quot;&gt;Android Dynamic Performance Framework (ADPF)&lt;/a&gt;, kumpulan API yang memungkinkan game dan aplikasi yang intensif dalam hal performa untuk berinteraksi secara lebih langsung dengan sistem daya dan termal perangkat Android. Pada perangkat yang didukung, Android 15 akan menambahkan kemampuan ADPF baru:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Sebuah &lt;a href=&quot;https://developer.android.com/reference/android/os/PerformanceHintManager.Session#setPreferPowerEfficiency%28boolean%29&quot; target=&quot;_blank&quot;&gt;mode efisiensi daya&lt;/a&gt;&lt;/b&gt; sebagai sesi petunjuk untuk mengindikasikan bahwa thread terkait harus lebih mengutamakan penghematan daya daripada performa, sangat bagus untuk beban kerja latar belakang yang berjalan dalam waktu lama.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Durasi kerja GPU dan CPU&lt;/b&gt; keduanya bisa &lt;a href=&quot;https://developer.android.com/reference/android/os/PerformanceHintManager.Session#reportActualWorkDuration%28android.os.WorkDuration%29&quot; target=&quot;_blank&quot;&gt;dilaporkan&lt;/a&gt; dalam sesi petunjuk, sehingga sistem dapat menyesuaikan frekuensi CPU dan GPU secara bersamaan untuk memenuhi permintaan beban kerja secara optimal.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li&gt;&lt;b&gt;&lt;a href=&quot;https://developer.android.com/reference/android/os/PowerManager#getThermalHeadroomThresholds%28%29&quot; target=&quot;_blank&quot;&gt;Ambang batas thermal headroom&lt;/a&gt;&lt;/b&gt; untuk menginterpretasikan kemungkinan status pelambatan termal berdasarkan prediksi headroom.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;
&lt;p&gt;Untuk mempelajari lebih lanjut tentang cara menggunakan ADPF dalam aplikasi dan game Anda, &lt;a href=&quot;https://developer.android.com/games/optimize/adpf&quot; target=&quot;_blank&quot;&gt;silakan lihat dokumentasi&lt;/a&gt;.&lt;/p&gt;


&lt;h3&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Produktivitas Developer&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;Android 15 terus menambahkan API OpenJDK, termasuk peningkatan kualitas &lt;a href=&quot;https://developer.android.com/reference/java/nio/ByteBuffer#get%28int,%20byte[]%29&quot; target=&quot;_blank&quot;&gt;buffer NIO&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/reference/java/util/stream/DoubleStream.DoubleMapMultiConsumer&quot; target=&quot;_blank&quot;&gt;stream&lt;/a&gt;, &lt;a href=&quot;https://developer.android.com/reference/javax/security/auth/x500/X500PrivateCredential&quot; target=&quot;_blank&quot;&gt;keamanan&lt;/a&gt;, dan banyak lagi. API ini telah diupdate di &lt;a href=&quot;https://android-developers.googleblog.com/2023/11/the-secret-to-androids-improved-memory-latest-android-runtime-update.html&quot; target=&quot;_blank&quot;&gt;lebih dari satu miliar perangkat yang menjalankan Android 12+ melalui update Sistem Google Play&lt;/a&gt;, sehingga Anda bisa menargetkan fitur pemrograman terbaru.&lt;/p&gt;

&lt;h3&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Kompatibilitas aplikasi&lt;/span&gt;&lt;/h3&gt;

&lt;img&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Gambar linimasa Pengembangan Android 15, yang menunjukkan bahwa kami tepat waktu dengan Pratinjau Developer pada Februari&quot; border=&quot;0&quot; id=&quot;imgCaption&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorrv3MG899Rr4AvPI0rRj3UrXpg_O2qDcKpCXekB11JGPO5hDJgqUvvy9aZ10eusam_4cNx8zzRb8rfCv1pRsgkSWH1yFuUTr-G97i8u4SrsBey8KzWdeJi1lUpXSq7x52hoApa2GNCnSfFjeMN4eEwFasWb1IaO8rAZFJYqY9mcC7uj1b4ncp1EQzyY/s1600/image2.png&quot; width=&quot;100%&quot;&gt;&lt;/div&gt;&lt;br&gt;

&lt;p&gt;Untuk memberikan Anda lebih banyak waktu untuk merencanakan pekerjaan kompatibilitas aplikasi, kami memberitahukan tahapan pencapaian Stabilitas Platform jauh sebelumnya.&lt;/p&gt;


&lt;p&gt;Pada tahapan pencapaian ini kami akan memberikan API SDK/NDK final, API internal final, dan perilaku sistem yang dihadapi aplikasi. Kami berharap dapat mencapai Stabilitas Platform pada Juni 2024, dan sejak saat itu Anda memiliki waktu beberapa bulan sebelum rilis resmi untuk melakukan pengujian akhir. Detail jadwal rilis bisa dilihat &lt;a href=&quot;https://developer.android.com/about/versions/15/overview#timeline&quot; target=&quot;_blank&quot;&gt;di sini&lt;/a&gt;.&lt;/p&gt;


&lt;h2&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Memulai dengan Android 15&lt;/span&gt;&lt;/h2&gt;

&lt;p&gt;Pratinjau Developer memiliki semua yang Anda butuhkan untuk mencoba fitur Android 15, menguji aplikasi Anda, dan memberi kami masukan. Anda bisa memulainya hari ini dengan &lt;a href=&quot;https://developer.android.com/about/versions/15/get#pixel_flash_install&quot; target=&quot;_blank&quot;&gt;mem-flash image sistem&lt;/a&gt; ke perangkat seri Pixel 6, 7, atau 8, serta Pixel Fold dan Pixel Tablet. Jika tidak memiliki perangkat Pixel, Anda bisa &lt;a href=&quot;https://developer.android.com/about/versions/15/get#on_emulator&quot; target=&quot;_blank&quot;&gt;menggunakan image sistem 64-bit dengan Android Emulator&lt;/a&gt; di Android Studio.&lt;/p&gt;

&lt;p&gt;Untuk pengalaman pengembangan terbaik dengan Android 15, sebaiknya gunakan &lt;a href=&quot;https://developer.android.com/studio/preview&quot; target=&quot;_blank&quot;&gt;pratinjau terbaru Android Studio Jellyfish&lt;/a&gt; (atau versi Jellyfish+ yang lebih baru). Setelah siap, berikut adalah beberapa hal yang harus Anda lakukan:&lt;/p&gt;
&lt;ul&gt;&lt;ul&gt;
&lt;li&gt;Mencoba fitur dan API baru – masukan Anda sangatlah penting selama periode awal pratinjau developer. Laporkan masalah dalam tracker kami di &lt;a href=&quot;https://developer.android.com/about/versions/15/feedback&quot; target=&quot;_blank&quot;&gt;halaman masukan&lt;/a&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;
&lt;li&gt;Menguji kompatibilitas aplikasi Anda – pelajari apakah aplikasi Anda terpengaruh oleh perubahan di Android 15; instal aplikasi Anda ke perangkat atau emulator yang menjalankan Android 15 dan uji secara ekstensif.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;

&lt;p&gt;Kami akan mengupdate image sistem pratinjau dan SDK secara reguler selama siklus rilis Android 15. Rilis pratinjau awal ini untuk kalangan developer saja dan tidak ditujukan untuk penggunaan sehari-hari atau pengguna umumnya, sehingga kami hanya menyediakannya melalui download manual. Setelah Anda menginstal build pratinjau secara manual, Anda akan secara otomatis mendapatkan update over the air (OTA) di masa mendatang untuk semua rilis pratinjau dan Beta selanjutnya. Baca selengkapnya &lt;a href=&quot;https://developer.android.com/about/versions/15/overview#pixel&quot; target=&quot;_blank&quot;&gt;di sini&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Jika Anda ingin berpindah dari program &lt;a href=&quot;https://developer.android.com/about/versions/14/get-qpr&quot; target=&quot;_blank&quot;&gt;Android 14 QPR Beta&lt;/a&gt; ke program Pratinjau Developer Android 15 dan tidak ingin menghapus total perangkat, kami sarankan untuk pindah ke Pratinjau Developer 1 sekarang. Jika tidak, Anda mungkin mengalami periode waktu ketika Android 14 Beta memiliki tanggal build yang lebih baru yang akan mencegah Anda membuka Pratinjau Developer Android 15 secara langsung tanpa melakukan penghapusan total data.&lt;/p&gt;

&lt;p&gt;Saat mencapai rilis Beta, kami juga akan mengundang konsumen untuk mencoba Android 15, dan kami akan membuka pendaftaran untuk program Android Beta pada saat itu. Untuk saat ini, harap perhatikan bahwa program Android Beta belum tersedia untuk Android 15.&lt;/p&gt;

&lt;p&gt;Untuk informasi selengkapnya, kunjungi &lt;a href=&quot;https://developer.android.com/about/versions/15&quot; target=&quot;_blank&quot;&gt;situs developer Android 15&lt;/a&gt;.&lt;/p&gt;&lt;br&gt;

&lt;p&gt;&lt;small&gt;&lt;em&gt;Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.&lt;/em&gt;&lt;/small&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;hr&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;


</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/550172143600687439'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6158048950125693510/posts/default/550172143600687439'/><link rel='alternate' type='text/html' href='http://developers-id.googleblog.com/2024/02/pratinjau-developer-pertama-android-15.html' title='Pratinjau Developer Pertama Android 15'/><author><name>Google Developers Indonesia</name><uri>http://www.blogger.com/profile/14521003048806621204</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDDCgXcu5EI9w514aJNVe4C1CciGCHkKn8lWUyaa_TK-HspfRAKoKvDAiMTbGZ-Y406y9W5sn4y-SEyGFiwbNlS7EScaVTMgSOVhuq2kUBwoaMX0KqdYSIdGRHfI7zpi7nm5ciPZVlS2cdTOb_xEeWVma4KVdGt2T2DmvkNFTIuWqFpgx8Fe5maN9TCPI/s72-c/Android-15-DP1-Social%20%281%29.png" height="72" width="72"/></entry></feed>