@media only screen and (min-width:1600px){body,html{font-size:100%}}@media only screen and (min-width:0rem){body,html{overflow:visible;scroll-behavior:smooth}#hero .left-section{max-width:25em;padding:9.125em 1em 3.75em}#hero .left-section .topper{color:var(--purple);display:block;font-family:Ubuntu,Arial,sans-serif;font-size:1em;font-weight:700;line-height:1.5em;margin-bottom:1em;text-transform:uppercase}#hero .left-section h1{color:var(--purpleDeep);font-size:2.4375em;font-weight:700;line-height:1.15384615;margin-bottom:.41025641em}#hero .left-section p{color:var(--bodyTextColor);font-size:1.125em;line-height:1.5em;margin-bottom:1.5rem}#hero .left-section .updated{color:#4ac7c2;font-family:Ubuntu,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.2em;text-transform:uppercase}#hero .right-section{aspect-ratio:1.75609756;display:block;position:relative;width:100%}#hero .right-section img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}}@media only screen and (min-width:48rem){#hero{padding-bottom:3.125em;padding-top:11.3125em;position:relative;z-index:10}#hero .container{align-items:center;display:flex;justify-content:space-between;max-width:68.125em;width:95%}#hero .left-section{margin-right:3.125em;max-width:26.5em;padding:0}#hero .right-section{aspect-ratio:1.46052632;border-radius:.5em;max-width:34.6875em;padding:0}#hero .right-section img{border-radius:.5em}}@media only screen and (min-width:64rem){#hero .left-section .topper{font-size:1.25em;margin-bottom:1.2em}#hero .left-section h1{font-size:3.0625em;margin-bottom:.48979592em}#hero .left-section p{font-size:1.5625em}}@media only screen and (min-width:84.375rem){#hero .container{align-items:flex-start}#hero .left-section{margin-top:1.3125em}}@media only screen and (min-width:0rem){body.dark-mode #hero .left-section .topper{color:var(--tealLight)}body.dark-mode #hero .left-section h1,body.dark-mode #hero .left-section p{color:var(--bodyTextColorWhite)}body.scroll #content .back-to-top{opacity:1;transform:translateY(0)}#content{padding:2.5em 0;position:relative}#content .container{padding:0 1em}#content .iframe{box-shadow:0 8px 24px rgba(149,157,165,.2);height:0;margin-bottom:2em;overflow:hidden;padding-top:56.25%;position:relative;width:100%}#content .document-nav{margin:auto auto 3.125em;max-width:43.75em}#content .document-nav .sticky{background:#ecf4fe;border-radius:.25em;max-width:18.75em;padding:1.875em 1em}#content .document-nav .header{color:var(--primaryLight);display:block;font-family:Ubuntu,Arial,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.2em;margin-bottom:1.5rem;text-transform:uppercase}#content .document-nav ol,#content .document-nav ul{padding-left:1.25em}#content .document-nav ol.documentation li,#content .document-nav ol.freelancing-guide li,#content .document-nav ol.pagespeed-handbook li,#content .document-nav ul.documentation li,#content .document-nav ul.freelancing-guide li,#content .document-nav ul.pagespeed-handbook li{list-style-type:none}#content .document-nav ol li,#content .document-nav ol li a,#content .document-nav ul li,#content .document-nav ul li a{color:var(--bodyTextColor);font-family:Ubuntu,Arial,sans-serif;font-size:clamp(1rem,1.5vw,1.3125rem);font-weight:700;line-height:1.5em}#content .document-nav ol li a,#content .document-nav ul li a{text-decoration:none;transition:color .3s}#content .document-nav ol li a:hover,#content .document-nav ul li a:hover{color:var(--primary)}#content .document-nav .target.clicked .dropdown{height:auto;opacity:1;overflow:visible;padding-bottom:.9375rem}#content .document-nav .dropdown{height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-left:.625em;transition:opacity .3s,padding .3s}#content .document-nav .dropdown li{font-size:1rem;font-weight:700;list-style-type:lower-alpha}#content .document-nav .dropdown li a{font-size:1rem}#content .content-container{background:#fff;margin:auto;max-width:43.75em}#content .content-container .doc-img{border-radius:.25em;box-shadow:0 8px 24px rgba(149,157,165,.1);display:block;height:auto;margin-bottom:clamp(1rem,5vw,1.5rem);width:100%}#content .content-container pre{margin-bottom:1.5em}#content .content-container h2{color:var(--purpleDeep);font-size:2.25em;font-weight:700;line-height:1.15384615;margin-bottom:clamp(1rem,5vw,2rem);margin-top:2em}#content .content-container #group1 h2{margin-top:0}#content .content-container img{height:auto;margin:1.25em 0;width:100%}#content .content-container h3{border-left:.1875rem solid var(--primary);font-size:1.25rem;margin-bottom:clamp(1rem,5vw,1.5rem);padding-left:.9375rem}#content .content-container h4,#content .content-container h5,#content .content-container h6{font-size:1rem;margin-bottom:clamp(1rem,5vw,1.25rem)}#content .content-container .suggested,#content .content-container p{font-size:1rem;line-height:1.5em;margin-bottom:clamp(1rem,5vw,1.5rem)}#content .content-container .suggested strong,#content .content-container p strong{color:#1a1a1a}#content .content-container a{color:var(--primary);font-size:1rem;font-weight:700;text-decoration:underline}#content .content-container .suggested{color:var(--primary);display:block}#content .content-container ol,#content .content-container ul{margin-bottom:1.5rem;padding-left:2.5rem}#content .content-container ol li,#content .content-container ul li{font-size:1rem;margin-bottom:1rem}#content .content-container ol.no-bullets li,#content .content-container ul.no-bullets li{list-style-type:none}#content .content-container .buttons-ul li{align-items:flex-start;display:flex;justify-content:flex-start}#content .content-container .buttons-ul li img{border-radius:.5rem;display:block;height:auto;margin-right:.625em;width:auto}#content .back-to-top{align-items:center;background:linear-gradient(.353turn,var(--primaryLight) 28.48%,var(--purpleDark) 100.16%);border-radius:50%;bottom:1em;display:flex;font-size:1em;height:3.125em;justify-content:center;opacity:0;position:fixed;right:1em;transform:translateY(12.5em);transition:transform .6s,opacity .5s;width:3.125em}#content .back-to-top img{height:1.5em;width:1.5em}}@media only screen and (min-width:64rem){#content{padding:3.75em 1em 0;position:relative}#content:before{background:var(--primaryLight);content:"";display:block;height:23.75em;height:35.625em;left:0;opacity:.1;position:absolute;top:0;width:100%}#content .container{align-items:normal;margin-bottom:3.125em;padding:0;position:relative}#content .document-nav{display:table;margin:0;max-width:none;width:auto}#content .document-nav .sticky{max-width:28.125em}#content .content-container{border-radius:.5em;margin:0;max-width:47.3125em;padding:3.125em 2.5em;position:relative;width:70vw;z-index:1}#content .back-to-top{display:none}#content .document-nav{height:auto;min-height:200px;overflow:auto;position:sticky;top:0;width:32%}#content .document-nav .sticky{background:#ecf4fe;border-radius:.5em;margin-top:-1.875em;padding:1.875em;position:sticky;top:10.625em;z-index:10}#content .container{display:flex;justify-content:space-between}}@media only screen and (min-width:0rem){body.dark-mode #content .content-container{background-color:var(--dark)}body.dark-mode #content .content-container h2,body.dark-mode #content .content-container h3{color:var(--tealLight)}body.dark-mode #content .content-container a{color:#ff3390}body.dark-mode #content .content-container .suggested,body.dark-mode #content .content-container p strong{color:var(--bodyTextColorWhite)}body.dark-mode #content .document-nav .sticky{background-color:#181f3f}body.dark-mode #content .document-nav .header{color:var(--tealLight)}body.dark-mode #content .document-nav ol li a,body.dark-mode #content .document-nav ul li a{color:var(--bodyTextColorWhite)}}