CINXE.COM

<!DOCTYPE html> <html lang="en-US" class="no-js" amp="" data-amp-auto-lightbox-disable transformed="self;v=1" i-amphtml-layout="" i-amphtml-no-boilerplate="" i-amphtml-binding> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="preconnect" href="https://cdn.ampproject.org"><style amp-runtime="" i-amphtml-version="012410292120000">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden} /*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important} /*# sourceURL=/css/ampshared.css*/</style><meta name="robots" content="max-image-preview:large"><meta name="generator" content="WordPress 6.7.1"><meta property="og:type" content="article"><meta property="og:title" content="Better video performance in Web Stories"><meta property="og:url" content="https://blog.amp.dev/2021/08/24/better-video-performance-in-web-stories/"><meta property="og:description" content="Web performance is critical for a great user experience. We continue to see Story creators utilizing video-first narratives to keep their viewers engaged and coming back for more. However, the dist…"><meta property="article:published_time" content="2021-08-24T14:38:21+00:00"><meta property="article:modified_time" content="2021-08-24T14:38:21+00:00"><meta property="og:site_name" content="The AMP Blog"><meta property="og:image" content="https://blog.amp.dev/wp-content/uploads/2021/08/image1-1.png"><meta property="og:image:width" content="1999"><meta property="og:image:height" content="1000"><meta property="og:image:alt" content=""><meta property="og:locale" content="en_US"><meta name="twitter:text:title" content="Better video performance in Web Stories"><meta name="twitter:image" content="https://blog.amp.dev/wp-content/uploads/2021/08/image1-1.png?w=640"><meta name="twitter:card" content="summary_large_image"><meta name="generator" content="AMP Plugin v2.5.5; mode=standard"><meta name="msapplication-TileImage" content="https://blog.amp.dev/wp-content/uploads/2020/05/amp-logo-icon-512x512-1-300x300.png"><link rel="dns-prefetch" href="//blog.amp.dev"><link rel="dns-prefetch" href="//v0.wordpress.com"><link rel="preload" href="https://amp.dev/static/fonts/noto-sans-v7-latin-700.woff2" as="font" crossorigin><link rel="preload" href="https://amp.dev/static/fonts/noto-sans-v7-latin-regular.woff2" as="font" crossorigin><link rel="preload" href="https://amp.dev/static/fonts/poppins-v5-latin-700.woff2" as="font" crossorigin><script async="" src="https://cdn.ampproject.org/v0.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0.js" crossorigin="anonymous"></script><script src="https://cdn.ampproject.org/v0/amp-analytics-0.1.mjs" async="" custom-element="amp-analytics" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js" crossorigin="anonymous" custom-element="amp-analytics"></script><script src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.mjs" async="" custom-element="amp-autocomplete" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.js" crossorigin="anonymous" custom-element="amp-autocomplete"></script><script src="https://cdn.ampproject.org/v0/amp-bind-0.1.mjs" async="" custom-element="amp-bind" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-bind-0.1.js" crossorigin="anonymous" custom-element="amp-bind"></script><script src="https://cdn.ampproject.org/v0/amp-form-0.1.mjs" async="" custom-element="amp-form" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-form-0.1.js" crossorigin="anonymous" custom-element="amp-form"></script><script src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.mjs" async="" custom-element="amp-lightbox" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js" crossorigin="anonymous" custom-element="amp-lightbox"></script><script src="https://cdn.ampproject.org/v0/amp-list-0.1.mjs" async="" custom-element="amp-list" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-list-0.1.js" crossorigin="anonymous" custom-element="amp-list"></script><script src="https://cdn.ampproject.org/v0/amp-mustache-0.2.mjs" async="" custom-template="amp-mustache" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js" crossorigin="anonymous" custom-template="amp-mustache"></script><link rel="icon" href="https://blog.amp.dev/wp-content/uploads/2020/05/amp-logo-icon-512x512-1-150x150.png" sizes="32x32"><link rel="icon" href="https://blog.amp.dev/wp-content/uploads/2020/05/amp-logo-icon-512x512-1-300x300.png" sizes="192x192"><style amp-custom="">amp-img:is([sizes="auto" i], [sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}amp-img.amp-wp-enforced-sizes{object-fit:contain}button[overflow]{bottom:0}amp-img img,amp-img noscript{image-rendering:inherit;object-fit:inherit;object-position:inherit}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}.wp-block-code{box-sizing:border-box}.wp-block-code code{direction:ltr;display:block;font-family:inherit;overflow-wrap:break-word;text-align:initial;white-space:pre-wrap}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}:where(.wp-block-post-comments input[type=submit]){border:none}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}:where(.wp-block-file){margin-bottom:1.5em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}.wp-block-image a{display:inline-block}.wp-block-image amp-img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:-moz-fit-content;width:fit-content}.wp-block-image[data-amp-original-style*=border-radius] amp-img,.wp-block-image[data-amp-original-style*=border-radius]>a{border-radius:inherit}.wp-block-image.aligncenter{text-align:center}.wp-block-image .aligncenter,.wp-block-image.aligncenter{display:table}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image figure{margin:0}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}:where(.wp-block-latest-comments:not([data-amp-original-style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([data-amp-original-style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}:where(.wp-block-post-comments-form) input:not([type=submit]){border:1px solid #949494;font-family:inherit;font-size:1em}:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])){padding:calc(.667em + 2px)}:where(.wp-block-post-excerpt){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}:where(.wp-block-search__input){font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.66667em;padding-right:.66667em}:root :where(.wp-block-tag-cloud.is-style-outline){display:flex;flex-wrap:wrap;gap:1ch}:root :where(.wp-block-tag-cloud.is-style-outline a){border:1px solid;margin-right:0;padding:1ch 2ch}:root :where(.wp-block-tag-cloud.is-style-outline a):not(#_#_#_#_#_#_#_#_){font-size:unset;text-decoration:none}:root :where(.wp-block-table-of-contents){box-sizing:border-box}:where(.wp-block-term-description){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}:where(pre.wp-block-verse){font-family:inherit}.entry-content{counter-reset:footnotes}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.aligncenter{clear:both}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:not(#_#_#_#_#_#_#_){word-wrap:normal}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([data-amp-original-style*=border-top-color]){border-top-style:solid}html :where([data-amp-original-style*=border-right-color]){border-right-style:solid}html :where([data-amp-original-style*=border-bottom-color]){border-bottom-style:solid}html :where([data-amp-original-style*=border-left-color]){border-left-style:solid}html :where([data-amp-original-style*=border-width]){border-style:solid}html :where([data-amp-original-style*=border-top-width]){border-top-style:solid}html :where([data-amp-original-style*=border-right-width]){border-right-style:solid}html :where([data-amp-original-style*=border-bottom-width]){border-bottom-style:solid}html :where([data-amp-original-style*=border-left-width]){border-left-style:solid}html :where(amp-img[class*=wp-image-]),html :where(amp-anim[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.wp-block-image{margin:0 0 1em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0}.hljs{color:#444}.hljs-comment{color:#888}.hljs-name{font-weight:bold}.hljs-string{color:#800}.wp-block-code{border:0;padding:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}.wp-block-code > span{display:block;overflow:auto}.shcb-language{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal;word-break:normal}.hljs{box-sizing:border-box}.wp-block-code code.hljs:not(.shcb-wrap-lines){white-space:pre}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--dusty-orange:#ed8f5b;--wp--preset--color--dusty-red:#e36d60;--wp--preset--color--dusty-wine:#9c4368;--wp--preset--color--dark-sunset:#33223b;--wp--preset--color--almost-black:#0a1c28;--wp--preset--color--dusty-water:#41848f;--wp--preset--color--dusty-sky:#72a7a3;--wp--preset--color--dusty-daylight:#97c0b7;--wp--preset--color--dusty-sun:#eee9d1;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:16px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--font-size--regular:20px;--wp--preset--font-size--larger:48px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}@font-face{font-family:system;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Ubuntu Light"),local("Segoe UI Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system;font-style:italic;font-weight:300;src:local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Ubuntu Light Italic"),local("Segoe UI Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system;font-style:normal;font-weight:400;src:local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Ubuntu"),local("Segoe UI"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system;font-style:italic;font-weight:400;src:local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Ubuntu Italic"),local("Segoe UI Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system;font-style:normal;font-weight:500;src:local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Ubuntu Medium"),local("Segoe UI Semibold"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system;font-style:italic;font-weight:500;src:local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Ubuntu Medium Italic"),local("Segoe UI Semibold Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system;font-style:normal;font-weight:700;src:local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Segoe UI Bold"),local("Tahoma Bold")}@font-face{font-family:system;font-style:italic;font-weight:700;src:local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Segoe UI Bold Italic"),local("Tahoma Bold")}@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400;font-display:optional;src:local("Noto Sans"),local("NotoSans"),url("https://amp.dev/static/fonts/noto-sans-v7-latin-regular.woff2") format("woff2"),url("https://amp.dev/static/fonts/noto-sans-v7-latin-regular.woff") format("woff")}@font-face{font-family:"Noto Sans";font-style:normal;font-weight:700;font-display:optional;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url("https://amp.dev/static/fonts/noto-sans-v7-latin-700.woff2") format("woff2"),url("https://amp.dev/static/fonts/noto-sans-v7-latin-700.woff") format("woff")}@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:optional;src:local("Poppins Bold"),local("Poppins-Bold"),url("https://amp.dev/static/fonts/poppins-v5-latin-700.woff2") format("woff2"),url("https://amp.dev/static/fonts/poppins-v5-latin-700.woff") format("woff")}@font-face{font-family:"Fira Mono";font-style:normal;font-weight:400;font-display:optional;src:local("Fira Mono"),local("FiraMono"),url("https://amp.dev/static/fonts/fira-mono-v7-latin-500.woff2") format("woff2"),url("https://amp.dev/static/fonts/fira-mono-v7-latin-500.woff") format("woff")}*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{padding:0;margin:0;min-width:240px;color:#48525c;background-color:#fff;font-size:16px;font-family:"Noto Sans",system;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-touch-action:manipulation;touch-action:manipulation}@media (max-width: 240px){html,body{font-size:14px}}:target::before{content:"";display:block;visibility:hidden;height:120px;margin-top:-120px}@media (min-width: 1024px){h1:target::before{height:75px;margin-top:-75px}h2:target::before{height:81px;margin-top:-81px}h3:target::before{height:87px;margin-top:-87px}h4:target::before{height:90px;margin-top:-90px}h5:target::before{height:93px;margin-top:-93px}}a{font-weight:bold;text-decoration:none;color:#005af0}a code{display:inline;padding:2px 4px;font-family:"Fira Mono",monospace;font-weight:500;word-break:normal;color:#000;color:#005af0;background-color:#e2e5e6;font-size:.9em}.ap-o-search{z-index:9999}.ap-o-search-escaper{position:fixed;left:0;top:0;right:0;bottom:0;opacity:.6;background:#000}.ap-o-search-container{position:relative;width:90vw;padding:23px 0 0;margin:0;background:#fafafc;-webkit-box-shadow:0 2px 50px 0 rgba(0,0,0,.5);box-shadow:0 2px 50px 0 rgba(0,0,0,.5)}@media (min-width: 1024px){.ap-o-search-container{width:100%;max-width:900px;padding:32px 60px 0;margin:0 auto}}@media (min-width: 1280px){.ap-o-search-container{max-width:1060px;padding:32px 140px 0}}@media (min-width: 1440px){.ap-o-search-container{max-width:1200px;padding:32px 210px 0}}.ap-o-search-form{position:relative;z-index:2}.ap-o-search-autocomplete{width:100%}@media (max-width: 1023px){.ap-o-search-autocomplete{width:calc(100% - 40px);left:15px}}.ap-o-search-autocomplete div[role="listbox"]{width:100%;max-height:210px;margin-top:-4px;margin-left:0;border-radius:0 0 4px 4px;-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1);box-shadow:0 15px 20px 0 rgba(0,0,0,.1)}.ap-o-search-autocomplete div[role="listbox"]:not(:empty)::before{content:"";display:block;position:sticky;position:-webkit-sticky;left:10px;top:0;width:calc(100% - 20px);height:1px;background:#ceced2;z-index:1}@media (min-width: 1024px){.ap-o-search-autocomplete div[role="listbox"]:not(:empty)::before{left:60px;width:calc(100% - 90px)}}.ap-o-search-autocomplete div[role="option"]{padding:14px 60px;font-family:"Poppins",system;font-weight:700;color:#20202a}@media (max-width: 1023px){.ap-o-search-autocomplete div[role="option"]{padding:14px 40px}}.ap-o-search-autocomplete div[role="option"]:hover{color:#005af0;background:none}.ap-o-search-input{margin-top:1.5rem;margin-top:2rem;margin-bottom:.75em;font-family:"Poppins",system;font-weight:700;line-height:1.2em;line-height:1.4em;color:#20202a;font-size:1.8rem;width:100%;padding:18px 160px 18px 60px;margin:0;border:none;border-radius:4px;background:transparent}@media (max-width: 1023px){.ap-o-search-input{font-size:1.125rem;padding:20px 20px 20px 40px}}.ap-o-search-input::-webkit-input-placeholder{color:#ceced2}.ap-o-search-input::-moz-placeholder{color:#ceced2}.ap-o-search-input:focus{outline:none;background:#fff;-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1);box-shadow:0 15px 20px 0 rgba(0,0,0,.1)}.ap-o-search-input-icon{position:absolute;left:30px;top:32px;width:17px;height:17px}@media (max-width: 1023px){.ap-o-search-input-icon{width:18px;height:18px;left:11px;top:23px}}.ap-o-search-submit{margin-top:1.5rem;margin-bottom:.75em;font-family:"Poppins",system;font-weight:700;line-height:1.2em;color:#20202a;color:#fff;font-size:1em;display:inline-block;max-width:100%;width:auto;height:auto;padding:.75em 1.75em;margin:0;text-decoration:none;text-align:center;border-radius:3px;background-color:#005af0;border:none;cursor:pointer;-webkit-box-shadow:0 15px 35px -5px rgba(0,0,0,.25);-webkit-box-shadow:none;box-shadow:0 15px 35px -5px rgba(0,0,0,.25);box-shadow:none;-webkit-transition:-webkit-transform .3s cubic-bezier(.25,.1,.25,1),-webkit-box-shadow .3s cubic-bezier(.25,.1,.25,1);transition:-webkit-transform .3s cubic-bezier(.25,.1,.25,1),-webkit-box-shadow .3s cubic-bezier(.25,.1,.25,1);transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s cubic-bezier(.25,.1,.25,1);transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s cubic-bezier(.25,.1,.25,1),-webkit-transform .3s cubic-bezier(.25,.1,.25,1),-webkit-box-shadow .3s cubic-bezier(.25,.1,.25,1);opacity:0;pointer-events:none;position:absolute;top:11px;right:10px}.ap-o-search-submit:hover{-webkit-transform:translateY(-.125em);transform:translateY(-.125em);-webkit-box-shadow:0 25px 20px -15px rgba(0,0,0,.15);box-shadow:0 25px 20px -15px rgba(0,0,0,.15)}@media (min-width: 768px){.ap-o-search-submit{padding:1em 2em}}@media (min-width: 768px){.ap-o-search-submit{padding:.75em 1.75em}}@media (min-width: 1024px){.ap-o-search-submit{top:13px;right:30px;padding:1em 2em}}.ap-o-search-submit:hover{-webkit-box-shadow:none;box-shadow:none}.ap-o-search-submit[disabled]{background-color:#e2e5e6;-webkit-transform:none;transform:none}@media (min-width: 1024px){.ap-o-search-submit:focus,.ap-o-search-input:focus+.ap-o-search-submit{opacity:1;pointer-events:auto}}.ap-o-search-result{overflow-x:hidden;overflow-y:auto;height:100vh;min-height:60vh;max-height:calc(100vh - 88px);padding:0 0 30px;-webkit-overflow-scrolling:touch;outline:none}@media (min-width: 1024px){.ap-o-search-result{max-height:calc(100vh - 108px);margin-right:30px}.ap-o-search-result::-webkit-scrollbar{width:6px;height:6px}.ap-o-search-result::-webkit-scrollbar-thumb{border-radius:3px;background-color:#91979d}.ap-o-search-result::-webkit-scrollbar-corner{background-color:transparent}.ap-o-search-result::-webkit-scrollbar-thumb{background:#e2e5e6}}.ap-o-search-result::before{content:"";display:block;height:2em;position:sticky;position:-webkit-sticky;top:0;background:-webkit-gradient(linear,left bottom,left top,from(rgba(250,250,252,0)),to(#fafafc));background:linear-gradient(0deg,rgba(250,250,252,0) 0%,#fafafc 100%);z-index:1}.ap-o-search-result-list:last-child .ap-o-search-result-item:last-child{margin-bottom:30px}.ap-o-search-result-list .ap-o-search-result-hint{margin-top:30px}.ap-o-search-result-category{padding:30px 0 0;margin:1.5rem 25px 10px;color:#ceced2;border-top:1px solid #ceced2}@media (min-width: 1024px){.ap-o-search-result-category{margin:1.5rem 60px 10px}}.ap-o-search-result-category:first-child{margin-top:0;padding:0;border:none}.ap-o-search-result-item{margin:0 10px;border-radius:4px}@media (min-width: 1024px){.ap-o-search-result-item{margin:0 45px}}@media (min-width: 1024px){.ap-o-search-result-item:hover{background:#fff;-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1);box-shadow:0 15px 20px 0 rgba(0,0,0,.1)}}@media (max-width: 1023px){.ap-o-search-result-item-highlight{margin:10px 25px;background:#fff;-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1);box-shadow:0 15px 20px 0 rgba(0,0,0,.1)}}.ap-o-search-result-item:hover .ap-o-search-result-linklist,.ap-o-search-result-item .ap-o-search-result-link:focus .ap-o-search-result-linklist{opacity:1}.ap-o-search-result-item:focus-within .ap-o-search-result-linklist{opacity:1}.ap-o-search-result-link{display:block;padding:15px;line-height:1.6rem;font-weight:normal;color:#48525c}.ap-o-search-result-linklist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 0 5px;margin:0 15px;border-top:1px solid #e8e8e9}@media (min-width: 1024px){.ap-o-search-result-linklist{padding:0;margin-top:-15px;border:none;opacity:0}}.ap-o-search-result-linklist-item{padding:0}@media (min-width: 1024px){.ap-o-search-result-linklist-item{padding-bottom:5px;margin-right:1.5rem}}.ap-o-search-result-linklist-item .ap-m-lnk-text{font-size:.75rem}.ap-o-search-result-linklist-item .ap-m-lnk-icon{width:12px;height:12px;margin-right:5px}.ap-o-search-result-linklist-item svg{width:100%}@media (max-width: 1023px){.ap-o-search-result-linklist-item-playground{display:none}}.ap-o-search-result-title{margin:0;font-size:1rem;color:#005af0}.ap-o-search-result-description{font-size:.875rem;line-height:1.6;margin:0}.ap-o-search-result-load-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:2rem}.ap-o-search-result-load-button .ap-a-btn{padding:.5rem 2rem;font-size:.875rem;color:#005af0;border:2px solid #005af0;background:transparent;-webkit-box-shadow:none;box-shadow:none;opacity:.6}.ap-o-search-result-load-button .ap-a-btn:hover{-webkit-transform:none;transform:none;opacity:1}.ap-o-search-result-hint{padding:0 25px;font-size:.75rem}@media (min-width: 1024px){.ap-o-search-result-hint{padding:0 60px}}.ap-o-search-result-error{padding:14vh 15px 0;text-align:center}.ap-o-search-result-error-smiley,.ap-o-search-result-error-shruggie{margin-top:1.5rem;margin-bottom:.75em;font-family:"Poppins",system;font-weight:700;line-height:1.2em;color:#20202a;color:#ebebf0;font-size:16vw;margin:0}@media (min-width: 768px){.ap-o-search-result-error-smiley,.ap-o-search-result-error-shruggie{font-size:13vw}}@media (min-width: 1024px){.ap-o-search-result-error-smiley,.ap-o-search-result-error-shruggie{font-size:100px}}.ap-o-search-result-error-shruggie{font-family:Arial,Helvetica,sans-serif}.ap-o-search-result-error-copy{margin:0 0 2em}.ap-m-search-trigger{padding:5px 0;margin:0 20px 9px 0;cursor:pointer}@media (max-width: 1023px){.ap-o-header .ap-m-search-trigger{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:0;margin:0 70px 9px auto}.mainmenuopen .ap-o-header .ap-m-search-trigger{margin-left:0}}@media (max-width: 240px){.ap-o-header .ap-m-search-trigger{margin-right:60px}}.ap-m-search-trigger-close{position:fixed;left:calc(90vw - 18px);top:35px;padding:12px;margin:0;fill:#fff;background:#005af0;border-radius:50%;-webkit-box-shadow:0px 6px 10px 0px rgba(0,0,0,.14);box-shadow:0px 6px 10px 0px rgba(0,0,0,.14);z-index:3}@media (min-width: 1024px){.ap-m-search-trigger-close{position:absolute;left:auto;right:10px;top:52px}}@media (min-width: 1280px){.ap-m-search-trigger-close{right:52px}}@media (min-width: 1440px){.ap-m-search-trigger-close{right:87px}}.ap-m-search-trigger-close .ap-m-search-trigger-icon{width:12px;height:12px}.ap-m-search-trigger-icon{width:18px;height:18px}h1,h2,h3,h4,h5{margin-top:1.5rem;margin-top:2em;margin-bottom:.75em;font-family:"Poppins",system;font-weight:700;line-height:1.2em;color:#20202a}h1{font-size:2.2rem;margin-top:3rem}h2{font-size:1.8rem;margin-top:2rem}h3{font-size:1.414rem;margin-top:1.8rem}h4{font-size:1.2rem}h5{font-size:1rem}.ap--content p{line-height:1.6rem;font-weight:normal;color:#48525c;display:block;margin-top:1.1em;margin-bottom:0;font-size:1rem}.ap--content p small{font-size:.875rem}.ap--content code{display:inline;padding:2px 4px;font-family:"Fira Mono",monospace;font-weight:500;word-break:normal;color:#000;background-color:#e2e5e6;font-size:.9em}.ap--content a code{display:inline;padding:2px 4px;font-family:"Fira Mono",monospace;font-weight:500;word-break:normal;color:#000;color:#005af0;background-color:#e2e5e6;font-size:.9em}.ap--content pre{font-family:"Fira Mono",monospace;font-weight:500;font-size:1rem;white-space:pre-wrap}.ap--content ul{line-height:1.6rem;font-weight:normal;color:#48525c;display:block;margin-top:1.1em;margin-bottom:0;font-size:.875rem;padding-left:2em;margin:1.5em 0 2.5em}.ap--content ul li{padding-left:.5em}.ap--content ul li p{font-size:1em}.ap-m-lnk{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;padding:0 0 1.5em;margin:0}.ap-m-lnk-text{line-height:1.6rem;line-height:1.3;font-weight:normal;font-weight:bold;color:#48525c;color:#005af0;font-size:.875rem}.ap-m-lnk-icon{fill:#005af0;padding:.438em 0;margin-bottom:auto;margin-right:.625em;-webkit-box-sizing:content-box;-webkit-box-sizing:initial;box-sizing:content-box;box-sizing:initial}.ap-m-lnk-square{border-bottom:1px solid #ebebf0}.ap-m-lnk-square .ap-m-lnk-text{font-size:1rem;font-family:"Poppins",system;font-weight:700;color:#000;padding-left:10px}.ap-m-lnk-square .ap-m-lnk-icon{width:1.375em;height:1.375em;fill:#fff;background-color:#005af0;padding:.563em;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.25);box-shadow:0 10px 20px 0 rgba(0,0,0,.25)}.ap-a-ico{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:medium;font-size:initial;-webkit-box-sizing:content-box;-webkit-box-sizing:initial;box-sizing:content-box;box-sizing:initial;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:1em;height:1em}.ap-m-nav-link{font-family:"Poppins",system;font-weight:700;font-size:1.5em;color:#000}@media (min-width: 1024px){.ap-m-nav-link{font-size:1rem}}.ap-m-nav-link-2{line-height:1.6rem;font-weight:normal;color:#48525c;font-size:1rem}@media (min-width: 1024px){.ap-m-nav-link-2{font-size:.875rem}}.ap-m-nav-link-2.active{text-decoration:underline}.ap-m-nav-link:hover{color:#005af0}.ap-m-nav-link.active{font-weight:bold;color:#005af0}.ap-o-burger-menu{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:110px 20px 80px;z-index:16;background-color:#fff}@media (max-width: 240px){.ap-o-burger-menu{padding:37px 20px 0}}.ap-o-burger-menu-label{position:fixed;z-index:1001;top:12px;right:20px;cursor:pointer}.ap-o-burger-menu-label.mainmenuopen{z-index:1004}@media (min-width: 768px){.ap-o-burger-menu-label{right:30px}}@media (min-width: 1024px){.ap-o-burger-menu-label{display:none}}.ap-o-burger-menu-icon{width:30px;height:30px}@media (min-width: 1024px){.ap-o-burger-menu{display:none}}.ap-o-burger-menu.mainmenuopen{display:block;z-index:1003}.ap-o-burger-menu.mainmenuopen ~ .ap--main{max-height:calc(100vh - 55px)}.ap-o-burger-menu.mainmenuopen ~ .ap--footer{display:none}.ap-o-burger-menu-items{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin:0;margin-top:1rem;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 240px){.ap-o-burger-menu-items{padding:1rem 0}}.ap-o-burger-menu-items .ap-o-burger-menu-items{margin-top:1rem}.ap-o-burger-menu-items .ap-o-burger-menu-items .ap-o-burger-menu-item:last-child{margin-bottom:0}.ap-o-burger-menu-item{margin-bottom:1rem;position:relative}.ap-o-burger-menu-item:last-child{margin-top:auto}.ap-o-burger-menu-item ul{display:none}.ap-o-burger-menu-item-trigger{position:absolute;left:0;top:0;width:100%;height:36px;padding:0;margin:0;background:none transparent;border:none;cursor:pointer;-webkit-appearance:none}.ap-o-burger-menu-item-trigger:focus{outline:-webkit-focus-ring-color auto 5px}.ap-o-burger-menu-item-trigger:checked ~ ul{display:block}.ap-o-burger-menu-item-trigger:checked+.nav-icon .ap-a-ico{-webkit-transform:rotate(0);transform:rotate(0)}.ap-o-burger-menu-item-trigger+.nav-icon .ap-a-ico{display:inline-block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.ap-o-burger-menu-item .ap-a-ico{height:.6em;margin-bottom:.3em;margin-left:.3em;width:.6em}.ap--header{width:100%;max-width:2020px;margin:0 auto;position:-webkit-sticky;position:sticky;top:0;z-index:1001;background-color:#fff;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.07);box-shadow:0 2px 10px 0 rgba(0,0,0,.07)}.ap--header.mainmenuopen{z-index:1004}.ap--header.mainmenuopen ~ .ap--main{max-width:100vw;overflow-x:hidden}@media (min-width: 1024px){.ap--header{top:0px}}.ap-o-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1460px;padding:10px 0 0 20px;margin:0 auto}@media (min-width: 1024px){.ap-o-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:30px}}.ap-o-header-home{position:-webkit-sticky;position:sticky;top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:auto;padding-bottom:10px;overflow:hidden}.ap-o-header-home-logo{height:30px;margin-right:6px;width:30px}.ap-o-header-home-title{margin-left:4px;font-family:"Poppins",system;font-weight:700;font-size:1.5em;color:#005af0}@media (min-width: 1024px){.ap-o-header-home-title{font-size:1.125rem}}.ap-o-header-main{display:none;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:0 30px}@media (min-width: 1024px){.ap-o-header-main{display:-webkit-box;display:-ms-flexbox;display:flex}}.ap-o-header-main-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 18px -5px}.ap-o-header-main-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 14px 0;border:0;background:none}.ap-o-header-main-link-icon{font-size:8px;margin-left:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.25,.1,.25,1);transition:-webkit-transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1),-webkit-transform .2s cubic-bezier(.25,.1,.25,1)}.ap-o-header-main-link:hover ~ .ap-o-header-flyout,.ap-o-header-main-link:focus ~ .ap-o-header-flyout,.ap-o-header-flyout:hover{opacity:1;pointer-events:all;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1);transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.ap-o-header-flyout:focus-within{opacity:1;pointer-events:all;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1);transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.ap-o-header-flyout{-webkit-box-shadow:0 10px 25px 0 rgba(0,0,0,.2);box-shadow:0 10px 25px 0 rgba(0,0,0,.2);position:absolute;top:95%;left:0;margin:0;padding:0 0 10px;pointer-events:none;opacity:0;list-style:none;background:#fff;border-radius:0 0 4px 4px;-webkit-transition:opacity .2s cubic-bezier(.25,.1,.25,1);transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.ap-o-header-flyout:before{content:"";display:block;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.07)),to(rgba(255,255,255,.07)));background:linear-gradient(to bottom,rgba(0,0,0,.07) 0%,rgba(255,255,255,.07) 100%);height:8px;margin-bottom:10px}.ap-o-header-flyout-item-secondary{margin:20px 0;white-space:nowrap;min-width:200px}.ap-o-header-flyout-item-secondary a:hover{color:#005af0}.ap-o-header-flyout-item-title{line-height:1.6rem;line-height:1.4em;font-weight:normal;font-weight:bold;font-weight:700;color:#48525c;color:#000;font-size:.875rem;font-family:"Poppins",system}.ap-o-header-flyout-item-title.secondary{padding:0 15px}.ap-o-header-flyout-item-description{line-height:1.6rem;line-height:1.25em;font-weight:normal;color:#48525c;font-size:.8125rem;opacity:.75}.ap-o-header-flyout-primary-item{position:relative;width:300px}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link{-webkit-box-shadow:0 10px 25px 0 rgba(0,0,0,.2);box-shadow:0 10px 25px 0 rgba(0,0,0,.2);background-color:#005af0}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info>*{color:#fff}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info-stories .ap-o-header-flyout-item-title{color:#20202a}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info-stories .ap-o-header-flyout-item-description{color:#20202a}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info-email .ap-o-header-flyout-item-title{color:#20202a}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info-email .ap-o-header-flyout-item-description{color:#20202a}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-icon{fill:#fff}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-icon.stories{fill:#20202a}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-icon.email{fill:#20202a}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link.websites{background:linear-gradient(225deg,#00dcc0 0%,#005af0 75%)}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link.stories{background:linear-gradient(225deg,#ec6600 0%,#ffdc00 75%)}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link.ads{background:linear-gradient(225deg,#eb49e1 0%,#5500d7 75%)}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link.email{background:linear-gradient(225deg,#09a600 0%,#e1eb64 75%)}.ap-o-header-flyout-primary-item-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;padding:10px;margin:0 5px}.ap-o-header-flyout-primary-item-link-info{margin:0 20px 0 15px}.ap-o-header-flyout-primary-item-link-icon{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:medium;font-size:initial;-webkit-box-sizing:content-box;-webkit-box-sizing:initial;box-sizing:content-box;box-sizing:initial;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2em;height:2em}.ap-o-header-flyout-primary-item-link-icon.websites{fill:url("#gradient-websites") #000}.ap-o-header-flyout-primary-item-link-icon.stories{fill:url("#gradient-stories") #000}.ap-o-header-flyout-primary-item-link-icon.ads{fill:url("#gradient-ads") #000}.ap-o-header-flyout-primary-item-link-icon.email{fill:url("#gradient-email") #000}.ap--footer{position:relative;z-index:15;padding:3em 0 2em;line-height:1.6rem;font-weight:normal;color:#48525c;color:#fff;font-size:1rem;background:linear-gradient(45deg,#48525c,#20202a)}.ap-o-footer{width:100%;max-width:1440px;padding:0 20px;margin:0 auto}.ap-o-footer-line-top{padding-bottom:4em}@media (min-width: 768px){.ap-o-footer-line-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.ap-o-footer-follow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:auto}@media (min-width: 1024px){.ap-o-footer-follow{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.ap-o-footer-follow-title{margin:3em 2em 1em 0;color:#fff}@media (min-width: 768px){.ap-o-footer-follow-title{margin:auto 2em auto 1em}}.ap-o-footer-follow-menu{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;margin:0}.ap-o-footer-follow-item{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}@media (min-width: 768px){.ap-o-footer-follow-item{margin:16px}}.ap-o-footer-follow-icon{width:2.5em;height:2.5em;fill:#fff}@media (max-width: 240px){.ap-o-footer-follow-icon{font-size:14px}}@media (min-width: 768px){.ap-o-footer-nav{display:grid;grid-gap:30px;grid-template-columns:repeat(12,1fr)}}.ap-o-footer-nav-column{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.ap-o-footer-nav-column:nth-child(2n+1){grid-column:span 3}@media (max-width: 1023px){.ap-o-footer-nav-column:nth-child(2n+1){grid-column:span 6}}.ap-o-footer-nav-column:nth-child(2n+2){grid-column:span 3}@media (max-width: 1023px){.ap-o-footer-nav-column:nth-child(2n+2){grid-column:span 6}}.ap-o-footer-nav-title{color:#fff}.ap-o-footer-nav-menu{list-style:none;padding:0}@media (min-width: 768px){.ap-o-footer-nav-menu+.ap-o-footer-nav-title{margin-top:2.5em}}.ap-o-footer-nav-item{position:relative}.ap-o-footer-nav-link{padding-left:35px;font-size:.8125rem;color:#fff}.ap-o-footer-nav-icon{position:absolute;left:10px;top:8px;width:12px;height:12px;fill:#fff}.ap-o-footer-line-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:4em}@media (min-width: 768px){.ap-o-footer-line-bottom{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}.ap-o-footer-openjsf{width:50%;max-width:200px;margin-bottom:40px;margin-right:auto}@media (min-width: 768px){.ap-o-footer-openjsf{margin-bottom:0}}.ap-o-footer-legal-nav-menu{list-style:none;padding:0;margin:0}.ap-o-footer-legal-nav-item{display:inline-block;margin-right:1em}.ap-o-footer-legal-nav-link{font-size:.8125rem;font-weight:400;color:#fff}.ap-o-footer-copyright{display:block;font-size:.875rem;margin-top:2em;color:#e2e5e6}.ap-o-footer-copyright a{color:#fafafc}.ap-t-custom-content{top:0;left:0;background-repeat:no-repeat;background-size:100% auto;background-position:top right;background-attachment:fixed;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 768\"><defs><linearGradient id=\"a\" x1=\"239.67\" y1=\"855.23\" x2=\"606.28\" y2=\"-152.04\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"%23fff\" stop-opacity=\"0\"/><stop offset=\"1\" stop-color=\"%23EDEDF1\"/></linearGradient></defs><g><path fill=\"url(%23a)\" d=\"M0 0h1024v214L786.37 768H0V0z\"/></g></svg>")}.ap-t-custom-content .ap--content{grid-column:1;position:relative;width:100%}@media (min-width: 768px){.ap-t-custom-content .ap--content{grid-column:9/25}}@media (min-width: 1024px){.ap-t-custom-content .ap--content{grid-column:7/25}}.ap-t-custom-content .ap--content{padding-left:30px;padding-right:30px;margin-bottom:7em}@media (min-width: 768px){.ap-t-custom-content .ap--content{padding-left:0;padding-right:0}}@media (min-width: 768px){.ap-t-custom-content .ap--content{margin-bottom:8vw}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.screen-reader-text:not(#_#_#_#_#_#_#_){position:absolute;word-wrap:normal}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.screen-reader-text:focus:not(#_#_#_#_#_#_#_){clip:auto}#primary[tabindex="-1"]:focus{outline:0}.site-main{padding-top:2rem}.site-main{overflow:hidden}.entry{margin-bottom:2rem;margin-right:auto;margin-left:auto}.entry:first-child .entry-header{margin-top:0}.entry:first-child .entry-meta:first-child{margin-top:0}.entry:last-child{margin-bottom:0}.entry:last-child .entry-footer{margin-bottom:0}.entry .entry-meta:first-child{margin-top:2rem}.entry h1:first-child,.entry h2:first-child,.entry h3:first-child,.entry h4:first-child,.entry h5:first-child{margin-top:0}.entry-title{margin-bottom:1rem;text-align:center}.entry-meta+.entry-title{margin-top:1rem}.entry-meta,.entry-taxonomies{text-align:center}.term-links{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px;padding:0}.entry-footer>.newsletter-cta{border-top:1px solid #ebebf0;padding-top:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex}.entry-footer>.newsletter-cta>p{margin:0;padding-right:40px}.entry-footer>.newsletter-cta>.ap-m-lnk-square{border-bottom:0;padding-bottom:0}.entry-footer>.newsletter-cta .ap-m-lnk-icon{margin-bottom:0}@media (max-width: 640px){.entry-footer>.newsletter-cta{display:block}.entry-footer>.newsletter-cta>p{margin-bottom:1em}}.entry-footer{border-bottom:1px solid #ebebf0}.nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ebebf0}.nav-links .ap-m-lnk-square{border-bottom:0}.nav-links .nav-previous+.nav-next{padding-left:40px}.nav-links .nav-previous .ap-m-lnk{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.nav-links .nav-previous .ap-m-lnk-square .ap-m-lnk-icon svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-links .nav-next .ap-m-lnk-square .ap-m-lnk-text{padding-right:10px;padding-left:0}.entry-meta,.entry-footer{font-family:"Roboto Condensed",sans-serif}.updated:not(.published){display:none}.entry-content{margin:1.5em 0 0}.entry-content>*{display:block;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem;max-width:calc(45 * 1rem)}@media (max-width: 1024px){.entry-content>*{padding:0}}.entry-header,.entry-footer,.post-navigation{margin:1.5em auto;padding-right:1.5rem;padding-left:1.5rem;max-width:calc(45 * 1rem)}@media screen and (min-width: 48em){.entry-content>*,.entry-header,.entry-footer,.post-navigation{padding-left:0;padding-right:0}}.entry-footer span{margin-right:1em}.entry-footer{clear:both;padding:1.5em 0}@media screen and (min-width: 48em){.entry-footer{padding-right:0;padding-left:0}}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.wp-block-code code{background-color:unset;padding:0;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.entry-content ul{padding-right:2.5em;padding-left:2.5em;margin-left:auto;margin-right:auto}.entry-content ul ul{margin-right:0;margin-left:0;padding-right:1.5em;padding-left:1.5em}@media screen and (min-width: 48em){.entry-content pre{padding:1.5em}}@font-face{font-family:social-logos;src:url("data:application/octet-stream;base64,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") format("woff2");display:inline-block;vertical-align:middle;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}amp-img#wpstats{display:none}.entry-content ul{padding-right:0}.entry-content li ul{margin-top:0;margin-bottom:0;padding-left:2.5em;padding-right:0}@media (max-width:640px){.entry-content ul,.entry-content li ul{padding-left:1.25em}}.entry-taxonomies .ap-m-filter-bubble:not(:first-child){padding-left:.5ex}.amp-wp-8d5c0cf:not(#_#_#_#_#_){position:absolute;width:0;height:0;overflow:hidden} /*# sourceURL=amp-custom.css */</style><link rel="profile" href="http://gmpg.org/xfn/11"><link rel="alternate" type="application/rss+xml" title="The AMP Blog » Feed" href="https://blog.amp.dev/feed/"><link rel="alternate" type="application/rss+xml" title="The AMP Blog » Comments Feed" href="https://blog.amp.dev/comments/feed/"><link rel="https://api.w.org/" href="https://blog.amp.dev/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://blog.amp.dev/wp-json/wp/v2/posts/4204"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://blog.amp.dev/xmlrpc.php?rsd"><link rel="canonical" href="https://blog.amp.dev/2021/08/24/better-video-performance-in-web-stories/"><link rel="shortlink" href="https://wp.me/paQKQx-15O"><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://blog.amp.dev/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.amp.dev%2F2021%2F08%2F24%2Fbetter-video-performance-in-web-stories%2F"><link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://blog.amp.dev/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.amp.dev%2F2021%2F08%2F24%2Fbetter-video-performance-in-web-stories%2F&format=xml"><link rel="apple-touch-icon" href="https://blog.amp.dev/wp-content/uploads/2020/05/amp-logo-icon-512x512-1-300x300.png"><title>Better video performance in Web Stories – The AMP Blog</title><script type="application/ld+json">{"@context":"http://schema.org","publisher":{"@type":"Organization","name":"The AMP Blog","logo":{"@type":"ImageObject","url":"https://blog.amp.dev/wp-content/uploads/2020/05/amp-logo-icon-512x512-1.png"}},"@type":"BlogPosting","mainEntityOfPage":"https://blog.amp.dev/2021/08/24/better-video-performance-in-web-stories/","headline":"Better video performance in Web Stories","datePublished":"2021-08-24T07:38:21-07:00","dateModified":"2021-08-24T07:38:21-07:00","author":{"@type":"Person","name":"The AMP Project"},"image":"https://blog.amp.dev/wp-content/uploads/2021/08/image1-1.png"}</script></head> <body class="post-template-default single single-post postid-4204 single-format-standard wp-embed-responsive"> <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-amp-original-style="position: absolute; width: 0; height: 0; overflow: hidden;" class="amp-wp-8d5c0cf"> <defs> <symbol id="stackoverflow" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 19 25"><path d="M14.2 14.7h1.6V25H0V14.7h1.6v8.6h12.5c.1-2.8.1-5.7.1-8.6zM9.5 3.2c1.8 2.7 3.6 5.4 5.4 8.2.6-.4 1.1-.8 1.7-1.2C14.8 7.5 13 4.8 11.2 2c-.5.5-1.1.8-1.7 1.2zm5.1 8.5c-2.8-1.7-5.5-3.3-8.2-5-.4.6-.7 1.2-1.1 1.8 2.7 1.7 5.5 3.3 8.2 5 .4-.6.8-1.2 1.1-1.8zM17.4 0c-.7.1-1.3.2-2 .4.5 3.2 1.1 6.5 1.6 9.7.7-.1 1.3-.2 2-.4-.5-3.2-1.1-6.5-1.6-9.7zm-4 14.1c-3.1-.9-6.2-1.7-9.2-2.6-.2.7-.4 1.4-.5 2 3.1.9 6.2 1.7 9.2 2.6.1-.6.3-1.3.5-2zm-.9 5.5H3v2.1h9.5v-2.1zm.3-2.7c-3.2-.3-6.3-.6-9.5-.9-.1.7-.1 1.4-.2 2.1 3.2.3 6.3.6 9.5.9 0-.8.1-1.4.2-2.1z" /></symbol><symbol id="github" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M32 0.792c-17.68 0-32 14.328-32 32 0 14.141 9.168 26.133 21.88 30.36 1.6 0.301 2.187-0.688 2.187-1.539 0-0.76-0.027-2.773-0.040-5.44-8.901 1.931-10.779-4.293-10.779-4.293-1.456-3.693-3.56-4.68-3.56-4.68-2.899-1.984 0.224-1.944 0.224-1.944 3.213 0.224 4.901 3.296 4.901 3.296 2.853 4.893 7.491 3.48 9.32 2.661 0.288-2.069 1.112-3.48 2.027-4.28-7.107-0.8-14.576-3.552-14.576-15.813 0-3.493 1.24-6.347 3.293-8.587-0.36-0.808-1.44-4.061 0.28-8.469 0 0 2.68-0.859 8.8 3.28 2.56-0.712 5.28-1.064 8-1.080 2.72 0.016 5.44 0.368 8 1.080 6.080-4.139 8.76-3.28 8.76-3.28 1.72 4.408 0.64 7.661 0.32 8.469 2.040 2.24 3.28 5.093 3.28 8.587 0 12.293-7.48 15-14.6 15.787 1.12 0.96 2.16 2.923 2.16 5.92 0 4.283-0.040 7.723-0.040 8.763 0 0.84 0.56 1.84 2.2 1.52 12.803-4.197 21.963-16.197 21.963-30.317 0-17.672-14.328-32-32-32z" /> </symbol><symbol id="wordpress" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M57.251 18.2A28.688 28.688 0 0 1 60.766 32c0 10.611-5.749 19.883-14.301 24.867l8.787-25.405c1.64-4.107 2.187-7.389 2.187-10.304 0-1.08-.069-2.08-.187-2.96zm-21.283.277c1.725-.08 3.285-.28 3.285-.28 1.552-.2 1.371-2.48-.179-2.397 0 0-4.68.36-7.68.36-2.837 0-7.6-.4-7.6-.4-1.56-.08-1.763 2.28-.2 2.36 0 0 1.44.163 3 .24l4.48 12.28-6.32 18.88L14.277 18.4c1.731-.08 3.291-.267 3.291-.267 1.56-.2 1.376-2.48-.173-2.389 0 0-4.656.368-7.664.368-.533 0-1.168-.021-1.84-.04C13.096 8.4 21.96 3.24 32 3.24a28.642 28.642 0 0 1 19.429 7.555c-.123-.008-.243-.024-.376-.024-2.827 0-4.832 2.461-4.832 5.104 0 2.373 1.368 4.381 2.827 6.749 1.096 1.92 2.373 4.381 2.373 7.939 0 2.44-.944 5.317-2.189 9.277l-2.867 9.56-10.4-30.96.003.037zM32 60.757c-2.824 0-5.549-.408-8.128-1.165l8.632-25.083 8.84 24.232c.064.141.133.269.208.397A28.794 28.794 0 0 1 32 60.762zM3.229 32c0-4.171.896-8.133 2.493-11.707L19.439 57.89C9.85 53.226 3.231 43.389 3.228 31.999zM32 0C14.36 0 0 14.36 0 32s14.36 32 32 32 32-14.36 32-32S49.64 0 32 0z" /></symbol><symbol id="youtube" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M62.664 16.542c-.773-2.708-2.862-4.797-5.514-5.556l-.057-.014c-4.989-1.336-25.065-1.336-25.065-1.336s-20.026-.027-25.065 1.337c-2.708.773-4.797 2.862-5.556 5.514l-.014.057C.507 21.107 0 26.354 0 31.72l.001.327v-.017.252a83.84 83.84 0 0 0 1.475 15.695l-.083-.521c.773 2.708 2.862 4.797 5.513 5.556l.057.014c4.983 1.339 25.065 1.339 25.065 1.339s20.023 0 25.065-1.339c2.708-.773 4.797-2.862 5.556-5.514l.014-.057c.85-4.469 1.336-9.609 1.336-14.863l-.002-.595v.03c.002-.184.002-.403.002-.621 0-5.255-.486-10.396-1.416-15.38l.08.515zM25.621 41.608V22.42l16.71 9.609z" /></symbol><symbol id="twitter" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M63.875 12.186c-2.36 1.037-4.88 1.744-7.533 2.067 2.704-1.629 4.784-4.197 5.768-7.261-2.536 1.48-5.346 2.557-8.338 3.157-2.389-2.557-5.794-4.157-9.576-4.157-7.245 0-13.119 5.874-13.119 13.111 0 1.040 0.12 2.040 0.339 2.997-10.906-0.515-20.572-5.752-27.042-13.669-1.139 1.925-1.776 4.162-1.776 6.6 0 4.56 2.32 8.568 5.834 10.922-2.152-0.069-4.176-0.661-5.941-1.643v0.163c0 6.36 4.514 11.663 10.522 12.871-1.101 0.296-2.264 0.456-3.456 0.456-0.837 0-1.64-0.080-2.443-0.229 1.683 5.208 6.52 9.005 12.277 9.112-4.48 3.517-10.157 5.613-16.271 5.613-1.040 0-2.077-0.061-3.12-0.179 5.837 3.717 12.714 5.89 20.151 5.89 24.143 0 37.329-19.989 37.329-37.294 0-0.557 0-1.12-0.040-1.68 2.563-1.837 4.8-4.16 6.56-6.794l-0.125-0.053z" /> </symbol><symbol id="download" viewbox="0 0 64 64"> <path d="M8.8 62.32c0-0.88 0.72-1.68 1.68-1.68 10.8 0 32.32 0 43.040 0 0.88 0 1.68 0.72 1.68 1.68 0 0.88-0.72 1.68-1.68 1.68-10.8 0-32.32 0-43.040 0-0.96 0-1.68-0.72-1.68-1.68z" /> <path d="M49.44 34.56c0.72-0.72 0.72-1.84 0-2.56s-1.84-0.72-2.56 0l-13.040 13.040v-43.28c0-0.96-0.88-1.76-1.84-1.76-1.040 0-1.84 0.8-1.84 1.76v43.28l-13.040-13.12c-0.72-0.72-1.84-0.72-2.56 0s-0.72 1.84 0 2.56l16.24 16.24c0.72 0.72 1.84 0.72 2.56 0l16.080-16.16z" /> </symbol><symbol id="quote" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 103 82"><defs><lineargradient id="a" x1="84.125%" x2="15.643%" y1="-17.883%" y2="100%"><stop offset="0%" stop-color="#00DCC0"></stop><stop offset="100%" stop-color="#005AF0"></stop></lineargradient></defs><path fill="url(#a) #005AF0" fill-rule="evenodd" d="M106.5 45.7c0-13.6 3.6-24.55 10.8-32.85C124.5 4.55 135 .4 148.8.4v18.9c-10.6 0-15.9 6.8-15.9 20.4v4.5h19.2v37.2h-39.3c-4.2-12-6.3-23.9-6.3-35.7zm57 0c0-13.6 3.55-24.55 10.65-32.85C181.25 4.55 191.7.4 205.5.4v18.9c-10.4 0-15.6 6.8-15.6 20.4v4.5h18.9v37.2h-39.3c-4-12.2-6-24.1-6-35.7z" transform="translate(-106)" /></symbol><symbol id="fast-loading" viewbox="0 0 64 64"> <path d="M31.879 55.333c-0.736 0-1.333-0.597-1.333-1.333v0l-0.133-44c0-0.736 0.597-1.333 1.333-1.333v0 0l30.921 0.044c0.736 0 1.333 0.597 1.333 1.333v0 43.612c0 0 0 0 0 0 0 0.731-0.589 1.325-1.318 1.333h-0.001l-30.788 0.344zM62.667 53.656v0zM33.088 11.333l0.12 41.317 28.125-0.313v-40.961z" /> <path d="M46.133 45.815h-1.663l1.637-10.044-5.137 0.008c-0.457-0.004-0.827-0.375-0.827-0.833 0-0.002 0-0.004 0-0.006v0c0.031-0.2 0.095-0.379 0.187-0.541l-0.004 0.008 9.105-15.395h1.683l-1.677 10.059h5.176c0.002 0 0.004 0 0.006 0 0.454 0 0.823 0.368 0.823 0.823 0 0.194-0.067 0.372-0.179 0.512l0.001-0.002z" /> <path d="M25.333 26h-24c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h24c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z" /> <path d="M25.333 34h-18.667c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h18.667c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z" /> <path d="M25.333 42h-12c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z" /> </symbol><symbol id="components" viewbox="0 0 64 64"> <path d="M9.001 36.945h-7.577c-0.735 0-1.33-0.596-1.33-1.33v0l-0.093-33.569c0-0.735 0.596-1.33 1.33-1.33v0 0l24.091 0.029c0.735 0 1.33 0.596 1.33 1.33v0 4.007c0 0.735-0.596 1.33-1.33 1.33s-1.33-0.596-1.33-1.33v0-2.678l-21.426-0.031 0.085 30.911h6.253c0.735 0 1.33 0.596 1.33 1.33s-0.596 1.33-1.33 1.33v0z" /> <path d="M13.396 44.927c-0.735 0-1.33-0.596-1.33-1.33v0l-0.093-33.569c0-0.735 0.596-1.33 1.33-1.33v0 0l22.76 0.029c0.735 0 1.33 0.596 1.33 1.33v0 33.274c0 0 0 0 0 0 0 0.729-0.587 1.321-1.313 1.33h-0.001l-22.667 0.266zM36.063 43.33v0zM14.637 11.355l0.085 30.891 20.011-0.23v-30.631z" /> <path d="M23.886 37.372h-1.219l1.205-7.394h-3.777c-0.337-0.002-0.609-0.276-0.609-0.613 0-0.001 0-0.003 0-0.004v0c0.021-0.149 0.068-0.284 0.136-0.405l-0.003 0.006 6.706-11.334h1.238l-1.235 7.406h3.81c0.001 0 0.002 0 0.003 0 0.334 0 0.605 0.271 0.605 0.605 0 0.142-0.049 0.272-0.13 0.375l0.001-0.001z" /> <path d="M42.798 24.706c0 0 0 0 0 0-0.732 0-1.326-0.591-1.33-1.322v-0l-0.083-13.352c0-0.002 0-0.005 0-0.008 0-0.735 0.596-1.33 1.33-1.33 0 0 0 0 0 0l19.955 0.013c0.735 0 1.33 0.596 1.33 1.33v0 13.235c0 0 0 0 0 0 0 0.732-0.592 1.327-1.323 1.33h-0l-19.872 0.104zM62.67 23.272v0zM44.053 11.354l0.067 10.692 17.22-0.097v-10.581z" /> <path d="M42.798 40.67c0 0 0 0-0 0-0.731 0-1.324-0.59-1.33-1.319v-0.001l-0.083-10.692c0-0.003-0-0.007-0-0.011 0-0.735 0.596-1.33 1.33-1.33 0 0 0 0 0 0l19.955 0.011c0.735 0 1.33 0.596 1.33 1.33v0 10.599c0 0.735-0.596 1.33-1.33 1.33v0l-19.867 0.083zM62.67 39.257v0zM44.056 29.978l0.061 8.031 17.222-0.077v-7.943z" /> <path d="M24.039 63.285c0 0 0 0-0 0-0.731 0-1.325-0.59-1.33-1.321v-0.001l-0.093-13.352c0-0.003-0-0.006-0-0.009 0-0.735 0.596-1.33 1.33-1.33 0 0 0 0 0 0l22.76 0.013c0.735 0 1.33 0.596 1.33 1.33v0 13.235c0 0.735-0.596 1.33-1.33 1.33v0l-22.661 0.104zM46.706 61.851v0zM25.288 49.933l0.073 10.692 20.015-0.098v-10.58z" /> <path d="M50.431 15.527c0 1.029-0.834 1.862-1.862 1.862s-1.862-0.834-1.862-1.862c0-1.029 0.834-1.862 1.862-1.862v0c0.013-0 0.029-0.001 0.044-0.001 1.004 0 1.819 0.814 1.819 1.819 0 0.016-0 0.031-0.001 0.047l0-0.002z" /> <path d="M40.054 56.633h-9.312c-0.735 0-1.33-0.596-1.33-1.33s0.596-1.33 1.33-1.33v0h9.312c0.735 0 1.33 0.596 1.33 1.33s-0.596 1.33-1.33 1.33v0z" /> </symbol><symbol id="content-modules" viewbox="0 0 64 64"> <path d="M25.427 29.091h-20.308c-2.424-0.002-4.389-1.967-4.391-4.391v-20.309c0.002-2.424 1.967-4.389 4.391-4.391h20.309c2.424 0.002 4.389 1.967 4.391 4.391v20.309c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM5.119 2.909c-0.818 0.001-1.481 0.664-1.482 1.482v20.308c0.001 0.818 0.664 1.481 1.482 1.482h20.308c0.818-0.001 1.481-0.664 1.482-1.482v-20.308c-0.001-0.818-0.664-1.481-1.482-1.482h-0z" /> <path d="M2.182 26.182c-0.803-0-1.454-0.651-1.454-1.454 0-0.402 0.163-0.765 0.426-1.028l9.756-9.756 4.364 4.364 8.727-8.727 5.392 5.392c0.253 0.261 0.408 0.618 0.408 1.011 0 0.803-0.651 1.454-1.454 1.454-0.393 0-0.749-0.156-1.011-0.409l-3.335-3.335-8.727 8.727-4.364-4.364-7.699 7.699c-0.263 0.263-0.627 0.426-1.028 0.426v0z" /> <path d="M13.818 8c0 1.205-0.977 2.182-2.182 2.182s-2.182-0.977-2.182-2.182c0-1.205 0.977-2.182 2.182-2.182s2.182 0.977 2.182 2.182z" /> <path d="M54.545 10.182h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z" /> <path d="M54.545 16h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z" /> <path d="M54.545 21.818h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z" /> <path d="M58.882 29.091h-20.308c-2.424-0.002-4.389-1.967-4.391-4.391v-20.309c0.002-2.424 1.967-4.389 4.391-4.391h20.309c2.424 0.002 4.389 1.967 4.391 4.391v20.309c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM38.573 2.909c-0.818 0.001-1.481 0.664-1.482 1.482v20.308c0.001 0.818 0.664 1.481 1.482 1.482h20.308c0.818-0.001 1.481-0.664 1.482-1.482v-20.308c-0.001-0.818-0.664-1.481-1.482-1.482h-0z" /> <path d="M58.882 64h-53.763c-2.424-0.002-4.389-1.967-4.391-4.391v-23.218c0.002-2.424 1.967-4.389 4.391-4.391h53.763c2.424 0.002 4.389 1.967 4.391 4.391v23.218c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM5.119 34.909c-0.818 0.001-1.481 0.664-1.482 1.482v23.218c0.001 0.818 0.664 1.481 1.482 1.482h53.763c0.818-0.001 1.481-0.664 1.482-1.482v-23.218c-0.001-0.818-0.664-1.481-1.482-1.482h-0z" /> <path d="M28.364 55.273c-0.803 0-1.454-0.651-1.454-1.455v0-11.539c0-0.803 0.651-1.454 1.454-1.454 0.298 0 0.576 0.090 0.807 0.244l-0.005-0.003 8.727 5.769c0.395 0.264 0.652 0.709 0.652 1.213s-0.257 0.949-0.647 1.21l-0.005 0.003-8.727 5.77c-0.226 0.151-0.503 0.241-0.801 0.241h-0zM29.818 44.985v6.128l4.636-3.065z" /> </symbol><symbol id="interaction" viewbox="0 0 64 64"> <path d="M18.722 63.74c-0.734-0.001-1.33-0.596-1.33-1.331 0-0.616 0.419-1.135 0.988-1.286l0.009-0.002 12.671-3.284c0.694-0.163 1.253-0.635 1.533-1.26l0.006-0.014c0.108-0.268 0.17-0.579 0.17-0.905 0-0.424-0.106-0.822-0.293-1.171l0.007 0.013c-0.65-1.018-1.584-1.804-2.69-2.256l-0.038-0.014-4.88 3.658c-0.218 0.163-0.494 0.261-0.792 0.261-0.735 0-1.331-0.596-1.331-1.331 0-0.392 0.17-0.745 0.439-0.988l13.027-11.579c0.406-0.433 0.655-1.017 0.655-1.659 0-0.67-0.271-1.276-0.71-1.715l0 0c-0.41-0.415-0.98-0.672-1.609-0.672-0.665 0-1.264 0.287-1.678 0.745l-0.002 0.002-7.88 7.519c-0.24 0.235-0.569 0.38-0.932 0.38-0.736 0-1.332-0.596-1.332-1.332 0-0.373 0.153-0.71 0.4-0.952l0-0c0.41-0.411 1.264-1.263 1.238-1.556 0 0-0.044-0.225-0.624-0.63-0.655-0.409-1.13-0.184-2.662 1.313-0.246 0.243-0.585 0.394-0.958 0.394-0.099 0-0.196-0.011-0.29-0.031l0.009 0.002c-0.448-0.094-0.807-0.403-0.97-0.811l-0.003-0.009c-0.048-0.196-0.075-0.421-0.075-0.652 0-0.523 0.14-1.014 0.384-1.437l-0.007 0.014c0.043-0.108 0.1-0.253 0.148-0.385-0.13-0.172-0.31-0.3-0.517-0.365l-0.007-0.002c-0.424-0.090-1.198 0.441-1.807 0.86-0.362 0.27-0.771 0.524-1.202 0.741l-0.047 0.022c-0.164 0.078-0.357 0.123-0.56 0.123-0.735 0-1.331-0.596-1.331-1.331 0-0.385 0.164-0.733 0.426-0.976l0.001-0.001c-0.017-0.075-0.042-0.14-0.075-0.201l0.002 0.004c-0.097-0.011-0.209-0.017-0.323-0.017-0.779 0-1.491 0.293-2.029 0.774l0.003-0.003-9.463 11.654c-0.246 0.322-0.629 0.527-1.061 0.527-0.735 0-1.331-0.596-1.331-1.331 0-0.336 0.125-0.643 0.33-0.877l-0.001 0.002 9.549-11.731c0.039-0.049 0.079-0.092 0.122-0.132l0.001-0.001c1.019-0.951 2.391-1.534 3.899-1.534 0.388 0 0.768 0.039 1.134 0.112l-0.037-0.006c0.687 0.211 1.241 0.679 1.56 1.29l0.007 0.014c0.616-0.4 1.369-0.638 2.177-0.638 0.199 0 0.394 0.014 0.585 0.042l-0.022-0.003c1.018 0.236 1.862 0.849 2.395 1.681l0.009 0.015c0.080 0.088 0.15 0.187 0.207 0.294l0.004 0.008c0.39-0.165 0.842-0.261 1.318-0.261 0.745 0 1.434 0.235 1.999 0.635l-0.011-0.007c0.495 0.333 0.916 0.734 1.26 1.194l0.010 0.013 4.534-4.327c0.895-0.926 2.148-1.501 3.535-1.501 1.364 0 2.599 0.556 3.489 1.454l0 0c0.92 0.919 1.489 2.19 1.489 3.593s-0.569 2.674-1.489 3.593v0l-6.615 5.876c1.407 0.745 2.552 1.82 3.359 3.126l0.021 0.037c0.383 0.705 0.608 1.543 0.608 2.434 0 0.695-0.137 1.357-0.385 1.963l0.013-0.035c-0.615 1.407-1.832 2.453-3.316 2.821l-0.034 0.007-12.643 3.278c-0.101 0.029-0.217 0.047-0.337 0.049h-0.001z" /> <path d="M42.808 44.744c-0.004 0-0.009 0-0.014 0-0.735 0-1.331-0.596-1.331-1.331 0-0.524 0.303-0.977 0.743-1.194l0.008-0.004c2.019-1.009 3.381-3.061 3.381-5.43 0-3.342-2.709-6.051-6.051-6.051-2.078 0-3.911 1.047-5.001 2.643l-0.013 0.021c-0.243 0.353-0.645 0.581-1.1 0.581-0.735 0-1.331-0.596-1.331-1.331 0-0.28 0.087-0.54 0.234-0.754l-0.003 0.005c1.59-2.31 4.22-3.806 7.2-3.806 4.812 0 8.713 3.901 8.713 8.713 0 3.403-1.951 6.35-4.795 7.785l-0.050 0.023c-0.169 0.083-0.367 0.132-0.577 0.132-0.004 0-0.008 0-0.013-0h0.001z" /> <path d="M41.858 51.95c-0 0-0 0-0.001 0-0.735 0-1.331-0.596-1.331-1.331 0-0.654 0.472-1.198 1.093-1.31l0.008-0.001c5.948-1.084 10.399-6.225 10.399-12.406 0-6.959-5.641-12.6-12.6-12.6-5.481 0-10.144 3.499-11.878 8.386l-0.027 0.088c-0.186 0.526-0.679 0.895-1.258 0.895-0.735 0-1.331-0.596-1.331-1.331 0-0.156 0.027-0.306 0.076-0.445l-0.003 0.009c2.133-6.026 7.782-10.265 14.421-10.265 8.429 0 15.262 6.833 15.262 15.262 0 7.488-5.392 13.716-12.505 15.013l-0.093 0.014c-0.069 0.014-0.148 0.021-0.23 0.021-0.001 0-0.001 0-0.002 0h0z" /> <path d="M58.677 10.907c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM58.677 2.922c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z" /> <path d="M6.775 21.553c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM6.775 13.568c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z" /> <path d="M32.060 10.907c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM32.060 2.922c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z" /> <path d="M50.692 24.215c-0.735-0-1.331-0.596-1.331-1.331 0-0.367 0.149-0.7 0.39-0.941l7.595-7.595v-4.772c0-0.735 0.596-1.331 1.331-1.331s1.331 0.596 1.331 1.331v0 5.874l-8.375 8.375c-0.241 0.241-0.573 0.39-0.941 0.39v0z" /> <path d="M33.39 21.553c-0.619-0.001-1.139-0.426-1.286-1l-0.002-0.009-1.372-5.645v-5.323c0-0.735 0.596-1.331 1.331-1.331s1.331 0.596 1.331 1.331v0 5.16l1.291 5.165c0.025 0.097 0.040 0.208 0.040 0.322 0 0.62-0.424 1.141-0.998 1.289l-0.009 0.002c-0.097 0.025-0.209 0.040-0.325 0.040h-0z" /> <path d="M25.406 26.876c-0.001 0-0.002 0-0.003 0-0.402 0-0.762-0.18-1.004-0.464l-0.002-0.002-7.588-8.85h-6.042c-0.735 0-1.331-0.596-1.331-1.331s0.596-1.331 1.331-1.331v0h7.266l8.384 9.781c0.199 0.231 0.319 0.534 0.319 0.865 0 0.735-0.596 1.331-1.331 1.331 0 0-0 0-0 0v0z" /> </symbol><symbol id="star" viewbox="0 0 64 64"> <path d="M13.16 62.478c-0.84 0-1.54-0.7-1.54-1.54 0-0.14 0-0.14 0-0.28l3.5-20.16-14.7-14.28c-0.56-0.56-0.56-1.54 0-2.24 0.28-0.28 0.56-0.42 0.84-0.42l20.3-2.94 9.1-18.34c0.42-0.7 1.4-0.98 2.24-0.56 0.14 0.14 0.28 0.28 0.42 0.56l9.1 18.34 20.3 2.94c0.84 0.14 1.4 0.84 1.26 1.68 0 0.28-0.14 0.7-0.42 0.84l-14.7 14.42 3.5 20.16c0.14 0.84-0.42 1.68-1.26 1.82-0.28 0-0.7 0-0.98-0.14l-18.2-9.52-18.2 9.52c-0.14 0.14-0.42 0.14-0.56 0.14zM4.76 26.219l13.020 12.74c0.42 0.42 0.56 0.84 0.42 1.4l-3.080 17.92 16.1-8.4c0.42-0.28 0.98-0.28 1.4 0l16.1 8.4-2.94-18.060c-0.14-0.56 0.14-0.98 0.42-1.4l13.020-12.74-18.060-2.66c-0.56-0.14-0.98-0.42-1.12-0.84l-8.12-16.24-8.12 16.38c-0.28 0.42-0.7 0.7-1.12 0.84l-17.92 2.66z" /> <path d="M29.959 46.238h-1.54l1.54-9.1h-4.62c-0.42 0-0.7-0.28-0.7-0.7 0 0 0 0 0 0 0-0.14 0.14-0.28 0.14-0.42l8.26-14h1.54l-1.54 9.1h4.76c0.42 0 0.7 0.28 0.7 0.7 0 0 0 0 0 0 0 0.14 0 0.28-0.14 0.42l-8.4 14z" /> </symbol><symbol id="ux-improvement" viewbox="0 0 64 64"> <path d="M31.972 60.18c-0.867 0-1.734-0.434-2.457-1.011l-24.421-24.999c-6.792-7.081-6.792-18.063 0-25.144 6.647-6.792 17.63-6.792 24.421-0.289 0.145 0.145 0.145 0.145 0.289 0.289l2.168 2.312 2.168-2.312c6.503-6.792 17.485-6.936 24.277-0.434 0.145 0.145 0.289 0.289 0.434 0.434 5.636 5.78 6.792 14.595 2.746 21.531-0.434 0.723-1.301 0.867-2.023 0.433s-0.867-1.301-0.578-1.879c3.324-5.78 2.601-13.15-2.312-18.063-5.491-5.636-14.595-5.78-20.231-0.289-0.145 0.145-0.289 0.145-0.434 0.289l-4.191 4.191-4.191-4.191c-5.347-5.636-14.595-5.78-20.231-0.289-0.144 0.145-0.144 0.289-0.289 0.289-5.78 5.925-5.78 15.173 0 21.098l24.421 24.999c0.145 0.145 0.578 0.145 0.723 0l0.434-0.434c0.578-0.578 1.445-0.578 2.023 0s0.578 1.445 0 2.023l-0.578 0.578c-0.434 0.578-1.301 0.867-2.168 0.867z" /> <path d="M46.422 59.457c-8.815 0-15.896-7.081-15.896-15.896s7.081-15.896 15.896-15.896 15.896 7.081 15.896 15.896-7.081 15.896-15.896 15.896zM46.422 30.556c-7.225 0-13.005 5.78-13.005 13.006s5.78 13.005 13.005 13.005 13.005-5.78 13.005-13.005-5.78-13.005-13.005-13.005z" /> <path d="M52.203 43.562c-0.434 0-0.723-0.145-1.011-0.434l-4.769-4.769-4.769 4.769c-0.578 0.578-1.445 0.578-2.023 0s-0.578-1.445 0-2.023l5.78-5.78c0.578-0.578 1.445-0.578 2.023 0l5.78 5.78c0.578 0.578 0.578 1.445 0 2.023-0.289 0.289-0.578 0.434-1.011 0.434z" /> <path d="M46.422 52.232c-0.867 0-1.445-0.578-1.445-1.445v-13.005c0-0.867 0.578-1.445 1.445-1.445s1.445 0.578 1.445 1.445v13.005c0 0.867-0.578 1.445-1.445 1.445z" /> </symbol><symbol id="news" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 93 72"><path d="M17.9 38.9h-1.6l1.6-10h-5.1c-.5 0-.8-.4-.8-.9l.2-.6 9-15.4h1.7l-1.7 10H26.4c.5 0 .8.4.8.9l-.2.5-9.1 15.5z" /><path d="M61 15H34c-.6 0-1-.4-1-1s.4-1 1-1h27c.6 0 1 .4 1 1s-.4 1-1 1zm-27-1.5v.5-.5zM61 26H34c-.6 0-1-.4-1-1s.4-1 1-1h27c.6 0 1 .4 1 1s-.4 1-1 1zm-27-1.5v.5-.5zM61 37H34c-.6 0-1-.4-1-1s.4-1 1-1h27c.6 0 1 .4 1 1s-.4 1-1 1zm-27-1.5v.5-.5zM61 48H13c-.6 0-1-.4-1-1s.4-1 1-1h48c.6 0 1 .4 1 1s-.4 1-1 1zm-48-1.5v.5-.5zM61 59H13c-.6 0-1-.4-1-1s.4-1 1-1h48c.6 0 1 .4 1 1s-.4 1-1 1zm-48-1.5v.5-.5zM82 20c.6 0 1 .4 1 1v37c0 .6-.4 1-1 1s-1-.4-1-1V21c0-.6.4-1 1-1z" /><path d="M93 21c0-.6-.4-1-1-1s-1 .4-1 1v40c0 5-4 9-9 9s-9-4-9-9V2.6c0-.7 0-1.1-.3-1.5-.2-.3-.4-.6-.8-.8-.4-.3-.7-.3-1.5-.3H2.6C1.8 0 1.5 0 1 .3.7.4.4.7.3 1c-.3.5-.3.8-.3 1.6v59.2c0 3.2.2 4.6 1.1 6.2a7.2 7.2 0 0 0 3 3c1.5.8 3 1.1 6.2 1.1h71.8c6 0 10.9-5 10.9-11V21zM10.3 70c-3.1 0-4.2-.3-5.2-.8S3.4 67.9 2.9 67c-.6-1.1-.9-2.1-.9-5.3V2.6 2h69v59c0 3.7 1.9 7 4.7 9H10.3z" class="st1" /></symbol><symbol id="external" viewbox="0 0 64 64"> <path d="M28.879 11.24c-0.841-0.841-2.206-0.841-3.048 0s-0.841 2.207 0 3.048l15.543 15.543h-39.241c-1.219 0-2.133 0.987-2.133 2.133 0 1.219 0.914 2.207 2.133 2.207h39.241l-15.616 15.543c-0.841 0.841-0.841 2.206 0 3.048 0.835 0.841 2.206 0.841 3.048 0l19.273-19.279c0.841-0.841 0.841-2.206 0-3.048l-19.2-19.194zM59.429 27.392c2.511 0 4.571 2.060 4.571 4.571s-2.060 4.571-4.571 4.571-4.571-2.060-4.571-4.571 2.060-4.571 4.571-4.571z" /> </symbol><symbol id="internal" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M43.16 10.18c-0.881-0.881-2.322-0.881-3.203 0s-0.881 2.322 0 3.203l16.335 16.335h-54.051c-1.281 0-2.242 1.041-2.242 2.242 0 1.281 0.961 2.322 2.242 2.322h54.051l-16.415 16.335c-0.881 0.881-0.881 2.322 0 3.203s2.322 0.881 3.203 0l20.259-20.259c0.881-0.881 0.881-2.322 0-3.203l-20.179-20.179z" /></symbol><symbol id="menu" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M2.133 13.867h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z" /> <path d="M2.133 28.8h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z" /> <path d="M2.133 43.733h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z" /> </symbol><symbol id="magnifier" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M61.925 58.24l-15.2-15.84c3.92-4.64 6.080-10.48 6.080-16.64-0.080-14.16-11.6-25.76-25.84-25.76s-25.84 11.6-25.84 25.84 11.6 25.84 25.84 25.84c5.36 0 10.4-1.6 14.8-4.64l15.36 15.92c0.64 0.64 1.52 1.040 2.4 1.040s1.68-0.32 2.32-0.96c1.36-1.28 1.36-3.44 0.080-4.8zM26.965 6.72c10.56 0 19.12 8.56 19.12 19.12s-8.64 19.040-19.12 19.040-19.12-8.56-19.12-19.040 8.56-19.12 19.12-19.12z" /></symbol><symbol id="wrench" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M64 18.267c0 1.608-0.214 3.21-0.636 4.767l0.008 0.169c0.028 0.598-0.186 1.18-0.592 1.619-2.713 7.035-9.527 11.712-17.107 11.712-1.852 0-3.671-0.275-5.427-0.819l-25.943 25.854c-1.573 1.567-3.667 2.431-5.889 2.431s-4.318-0.864-5.89-2.431l-0.087-0.087c-3.25-3.238-3.25-8.508 0-11.747l23.75-23.669c0.66-0.657 1.046-1.529 1.090-2.456l0.173-3.404c-0.070-0.657-0.105-1.308-0.105-1.939 0-10.074 8.221-18.267 18.327-18.267 3.298 0 6.532 0.883 9.353 2.555 0.602 0.357 1.005 0.979 1.083 1.675 0.011 0.098 0.017 0.161 0.020 0.237 0.044 1.158-0.297 1.536-9.858 10.586l3.847 3.921c1.149-1.058 3.185-2.929 8.997-8.27 0.542-0.497 1.293-0.697 2.010-0.534 0.719 0.163 1.311 0.668 1.583 1.351 0.856 2.147 1.291 4.418 1.292 6.745zM59.819 22.4c0.395-1.346 0.595-2.737 0.594-4.132 0-1.194-0.141-2.367-0.422-3.507-2.922 2.685-8.959 8.231-9.040 8.307-0.536 0.494-1.37 0.474-1.88-0.046l-6.953-7.087c-0.252-0.258-0.39-0.605-0.384-0.965s0.158-0.702 0.42-0.95c2.985-2.825 7.47-7.107 9.54-9.166-1.884-0.84-3.936-1.278-6.022-1.278-8.129 0-14.742 6.59-14.742 14.691 0 0.533 0.032 1.090 0.096 1.654 0.007 0.071 0.010 0.142 0.007 0.214l-0.174 3.646c-0.087 1.818-0.847 3.528-2.138 4.816l-23.75 23.668c-1.85 1.844-1.85 4.844 0 6.688l0.087 0.087c0.897 0.893 2.088 1.385 3.356 1.385s2.46-0.492 3.355-1.385l26.429-26.338c0.2-0.199 0.419-0.39 0.693-0.601 0.377-0.292 0.882-0.363 1.326-0.187 1.743 0.692 3.578 1.044 5.456 1.044 6.243 0 11.831-3.943 13.905-9.811 0.044-0.126 0.107-0.244 0.187-0.351-0.002-0.134 0.016-0.268 0.054-0.396z" /> </symbol><symbol id="template" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M1.44 0h62.56v64h-64v-64h1.44zM20.64 60.88v-39.52h-17.76v39.6h17.76zM23.44 21.36v39.6h37.44v-39.6h-37.44zM2.88 18.24h58.080v-15.36h-58.080v15.36z" /></symbol><symbol id="learn" viewbox="0 0 64 64"> <path d="M57.674 35.257c0 1.779 1.416 3.221 3.163 3.221s3.163-1.442 3.163-3.221c0-1.155-0.602-2.16-1.498-2.728v-8.973c0-0.682-0.401-1.297-1.018-1.563l-29.585-12.716c-0.413-0.178-0.881-0.178-1.295 0l-29.586 12.716c-0.617 0.265-1.018 0.881-1.018 1.563s0.401 1.297 1.018 1.562l6.662 2.863v17.587c0 4.624 7.288 9.29 23.571 9.29s23.571-4.666 23.571-9.29v-17.587l4.349-1.869v6.417c-0.896 0.569-1.497 1.573-1.497 2.728zM51.491 45.567c0 1.575-4.797 5.898-20.24 5.898s-20.24-4.323-20.24-5.898v-16.155l19.593 8.421c0.207 0.089 0.427 0.134 0.647 0.134s0.441-0.045 0.647-0.134l19.593-8.421v16.155zM31.251 34.43l-25.303-10.875 25.303-10.875 25.302 10.875-25.302 10.875z" /> </symbol><symbol id="examples-flyout" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 26 20"><g><path d="M20 19.3a.9.9 0 1 1 0-1.7 1.9 1.9 0 0 0 1.9-1.9v-3a3.6 3.6 0 0 1 1.3-2.7 3.6 3.6 0 0 1-1.3-2.8v-3A1.9 1.9 0 0 0 20 2.3a.9.9 0 1 1 0-1.7 3.6 3.6 0 0 1 3.6 3.6v3a1.9 1.9 0 0 0 2 2v1.6a1.9 1.9 0 0 0-2 2v3a3.6 3.6 0 0 1-3.6 3.5zm-14 0a3.6 3.6 0 0 1-3.6-3.6v-3a1.9 1.9 0 0 0-2-1.9V9.1a1.9 1.9 0 0 0 2-1.9v-3A3.6 3.6 0 0 1 6 .6a.9.9 0 1 1 0 1.8A1.9 1.9 0 0 0 4 4.2v3A3.6 3.6 0 0 1 2.8 10a3.6 3.6 0 0 1 1.3 2.7v3A1.9 1.9 0 0 0 6 17.6a.9.9 0 1 1 0 1.7z" /><g transform="translate(5.8 8.5)"><circle cx="12.3" cy="1.4" r="1.4" /><circle cx="7.3" cy="1.4" r="1.4" /><circle cx="2.2" cy="1.4" r="1.4" /></g></g></symbol><symbol id="components-flyout" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 28 22"><path d="M8.7 17l-2.5-2.2-4-3.5-.9-.8v1l2.5-2.2 4-3.5 1-.8c.2-.3.2-.8 0-1a.8.8 0 0 0-1.2 0L5.1 6l-4 3.6-.8.8c-.3.2-.3.8 0 1l2.5 2.2 4 3.6.8.8c.3.2.8.3 1.1 0 .3-.3.3-.8 0-1.1zM19.3 5l2.5 2.2 4 3.5.9.8v-1l-2.5 2.2-4 3.5-.9.8c-.3.3-.3.8 0 1 .3.4.8.3 1 0L23 16l4-3.6.9-.8c.3-.2.3-.8 0-1l-2.5-2.3-4-3.5-1-.8c-.2-.3-.7-.3-1 0-.3.3-.3.8 0 1zm-8 16.4l.7-2 1.6-5a3563.7 3563.7 0 0 1 2-5.8l1.7-5.1.8-2.5c.2-.4-.1-.9-.5-1a.8.8 0 0 0-1 .6c-.1.7-.4 1.3-.6 2l-1.6 4.9-2 5.9-1.7 5-.8 2.6c-.2.4.1.8.5 1a.8.8 0 0 0 1-.6z" /></symbol><symbol id="guides-documents" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 31 32"><path d="M6.7 28H1.2c-.4 0-.6-.4-.6-.8L.5.7c0-.4.3-.7.7-.7h21.1c.5 0 .7.3.7.7V2c0 .5-.2.7-.7.7-.4 0-.6-.2-.6-.7v-.6H1.8L2 26.6h4.8c.4 0 .7.2.7.6 0 .4-.3.7-.7.7z" /><path d="M8 6.8H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 10.9H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 15H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 19H6c-.4 0-.7-.2-.7-.6 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7z" /><path d="M29.8 4H8.7c-.5 0-.7.4-.7.8v26.5c0 .4.3.7.7.7h21.1c.4 0 .7-.3.7-.7V4.8c0-.4-.3-.7-.7-.7zm-.6 26.6H9.4V5.4h19.8v25.2z" /><path d="M18.1 22.8h-.6l.6-3.8h-1.9c-.2 0-.3-.1-.3-.3v-.2l3.4-5.8h.7l-.7 3.8h2c.2 0 .3.1.3.3v.2L18 22.8z" /></symbol><symbol id="start" viewbox="0 0 64 64"> <path d="M63.195 1.874c-0.143-0.52-0.549-0.926-1.069-1.069-10.765-2.978-20.385 2.978-24.355 6.948l-11.452 11.452-5.421-1.756c-3.551-1.163-7.454-0.217-10.078 2.443l-3.359 3.359c-0.582 0.594-0.582 1.544 0 2.138l7.329 7.329-4.199 6.948c-0.343 0.593-0.25 1.342 0.229 1.832l11.681 11.605c0.471 0.504 1.223 0.63 1.832 0.305l6.948-4.123h0.076l7.329 7.329c0.594 0.582 1.544 0.582 2.138 0l3.359-3.359c2.66-2.624 3.606-6.527 2.443-10.078l-1.756-5.421 11.452-11.452c3.894-4.047 9.849-13.666 6.871-24.431zM23.799 50.126l-9.925-9.925 3.13-5.268 12.063 12.063-5.268 3.13zM54.109 24.015l-12.139 12.139c-0.4 0.399-0.547 0.987-0.382 1.527l2.061 6.337c0.783 2.448 0.136 5.128-1.68 6.948l-2.29 2.29-29.012-29.012 2.29-2.29c1.819-1.815 4.5-2.463 6.948-1.68l6.337 2.061c0.54 0.165 1.128 0.018 1.527-0.382l12.216-12.063c3.436-3.359 11.452-8.398 20.461-6.337 2.061 9.085-2.978 17.102-6.337 20.461z" /> <path d="M10.667 51.195l-9.009 9.009c-0.478 0.358-0.703 0.963-0.576 1.547s0.583 1.040 1.167 1.167c0.584 0.127 1.188-0.098 1.547-0.576l9.009-9.009c0.456-0.608 0.396-1.459-0.142-1.996s-1.388-0.598-1.996-0.142z" /> <path d="M11.66 63.563c0.594 0.582 1.544 0.582 2.138 0l4.581-4.581c0.456-0.608 0.395-1.459-0.142-1.996s-1.388-0.598-1.996-0.142l-4.581 4.581c-0.582 0.594-0.582 1.544 0 2.138z" /> <path d="M1.505 52.798c0.403-0.006 0.787-0.17 1.069-0.458l4.581-4.581c0.478-0.358 0.703-0.963 0.576-1.547s-0.583-1.040-1.167-1.167c-0.584-0.127-1.188 0.098-1.547 0.576l-4.581 4.581c-0.428 0.436-0.554 1.086-0.322 1.65s0.78 0.937 1.391 0.945z" /> <path d="M43.726 13.021c-2.003 2.003-2.003 5.25 0 7.253s5.25 2.003 7.253 0c2.003-2.003 2.003-5.25 0-7.253s-5.25-2.003-7.253 0zM48.841 18.136c-0.699 0.692-1.79 0.794-2.605 0.243s-1.127-1.601-0.745-2.508c0.382-0.907 1.351-1.417 2.315-1.219s1.653 1.050 1.646 2.033c-0.004 0.545-0.223 1.067-0.611 1.451z" /> </symbol><symbol id="amp-email" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <defs> <lineargradient id="gradient-email" x1="76.2776137%" x2="20.8316146%" y1="-25.8400575%" y2="121.578822%"> <stop offset="0%" stop-color="#F1F068"></stop> <stop offset="46.2139774%" stop-color="#96D64F"></stop> <stop offset="100%" stop-color="#2DB932"></stop> </lineargradient> </defs> <path d="M64 14.080c0-3.291-2.56-5.851-5.851-5.851h-52.297c-3.291 0-5.851 2.56-5.851 5.851v35.84c0 3.291 2.56 5.851 5.851 5.851h52.297c3.291 0 5.851-2.56 5.851-5.851v-35.84zM5.851 11.154h52.297c0.183 0 0.366 0 0.549 0l-24.503 25.417c-0.549 0.549-1.28 0.914-2.194 0.914-0.731 0-1.646-0.366-2.194-0.914l-24.32-25.417c0 0 0.183 0 0.366 0zM2.926 14.080c0-0.366 0-0.731 0.183-1.097l15.36 16.091-15.543 19.2v-34.194zM58.149 52.846h-52.297c-0.731 0-1.646-0.366-2.194-0.914l16.823-20.663 7.131 7.497c1.097 1.097 2.56 1.829 4.206 1.829s3.109-0.731 4.206-1.829l6.583-6.949 17.371 20.114c-0.366 0.549-1.097 0.914-1.829 0.914v0zM61.074 48.274l-16.091-18.834 15.909-16.64c0.183 0.366 0.183 0.731 0.183 1.097v34.377z" /> </symbol><symbol id="amp-ads" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <defs> <lineargradient id="gradient-ads" x1="100%" x2="14.5415777%" y1="0%" y2="123.368881%"> <stop offset="0%" stop-color="#FF52E1"></stop> <stop offset="100%" stop-color="#5500D7"></stop> </lineargradient> </defs> <path d="M56.399 14.68c3.654-3.846 9.616-10.963 6.924-13.847-2.885-2.885-10.001 3.269-13.847 6.731l-0.577-0.577c-0.385-0.385-0.962-0.577-1.539-0.385l-15.963 3.077c-0.385 0-0.577 0.192-0.769 0.385l-30.195 30.195c-0.577 0.577-0.577 1.731 0 2.308l20.963 20.963c0.385 0.385 0.769 0.385 1.154 0.385s0.769-0.192 1.154-0.385l30.003-30.003c0.192-0.192 0.385-0.577 0.385-0.769v0l3.077-15.963c0.192-0.577 0-1.154-0.385-1.539l-0.385-0.577zM53.899 16.988l-2.885 14.424-28.464 28.656-18.655-18.655 28.656-28.656 14.424-2.885c-1.539 1.731-4.039 4.423-5.962 7.116-1.923-0.192-3.654 0.385-5.193 1.923-2.5 2.5-2.5 6.731 0 9.232s6.731 2.5 9.232 0c1.346-1.346 2.116-3.27 1.923-5.193-0.192-1.154-0.577-2.308-1.154-3.077-0.192-0.385-0.385-0.577-0.769-0.769-0.192-0.192-0.577-0.577-0.769-0.769 1.154-1.731 2.885-3.654 5.193-5.962l2.5 2.5 1.923 2.116zM43.321 24.873c-0.192 0.385-0.385 0.577-0.577 0.962-1.346 1.346-3.27 1.346-4.616 0s-1.346-3.27 0-4.616c0.192-0.192 0.577-0.385 0.962-0.577 1.154-0.577 2.308-0.385 3.462 0.385 0.192 0 0.192 0.192 0.385 0.192 0 0 0.192 0.192 0.192 0.385 0.577 0.962 0.769 2.116 0.192 3.27zM54.091 12.372l-2.5-2.5c4.039-3.846 7.308-5.77 8.847-6.347-0.577 1.539-2.5 4.616-6.347 8.847z" /> </symbol><symbol id="amp-stories" viewbox="0 0 36 32"> <defs> <lineargradient id="gradient-stories" x1="81.726943%" x2="23.7165981%" y1="-28.3832685%" y2="119.978062%"> <stop offset="0%" stop-color="#FFF300"></stop> <stop offset="100%" stop-color="#FF8F00"></stop> </lineargradient> </defs> <path d="M7.111 0h21.333v32h-21.333v-32zM9.481 2.37v27.259h16.593v-27.259h-16.593zM0 4.741h2.37v22.519h-2.37v-22.519zM33.185 4.741h2.37v22.519h-2.37v-22.519z" /> </symbol><symbol id="amp-websites" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <defs> <lineargradient id="gradient-websites" x1="81.8129399%" x2="33.8766928%" y1="0%" y2="94.4849088%"> <stop offset="0%" stop-color="#00DCC0"></stop> <stop offset="100%" stop-color="#005AF0"></stop> </lineargradient> </defs> <path d="M63.196 4.646h-62.253c-0.566 0-0.943 0.377-0.943 0.755v53.010c0 0.566 0.377 0.943 0.943 0.943h62.253c0.566 0 0.755-0.377 0.755-0.755v-53.198c0.189-0.377-0.189-0.755-0.755-0.755zM3.395 18.040h57.348v33.202h-57.348v-33.202zM60.744 7.853v6.98h-57.348v-6.98h57.348zM3.395 56.147v-1.509h57.348v1.509h-57.348zM9.055 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM12.828 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM18.487 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM51.123 39.734l-11.13-13.96c-0.189-0.189-0.377-0.377-0.755-0.377v0c-0.189 0-0.566 0-0.755 0.377l-8.3 9.621-4.716-6.225c-0.189-0.189-0.377-0.377-0.755-0.377s-0.566 0-0.755 0.377l-8.866 10.376c-0.377 0.377-0.189 0.943 0 1.132s0.377 0.189 0.566 0.189c0.189 0 0.566 0 0.754-0.377l8.3-9.621 4.528 5.471-2.452 3.018c-0.377 0.377-0.189 0.943 0 1.132 0.377 0.189 0.943 0.189 1.132 0l11.319-13.017 10.376 13.205c0.189 0.189 0.377 0.377 0.755 0.377 0.189 0 0.377 0 0.566-0.189 0.377-0.377 0.566-0.943 0.189-1.132zM27.165 26.718c1.509 0 2.641-1.132 2.641-2.641 0-1.321-1.132-2.641-2.641-2.641s-2.641 1.132-2.641 2.641c0 1.509 1.132 2.641 2.641 2.641zM27.165 23.322c0.566 0 0.943 0.377 0.943 0.943s-0.377 0.943-0.943 0.943-0.943-0.377-0.943-0.943c0-0.566 0.377-0.943 0.943-0.943z" /> </symbol><symbol id="angle-down-solid" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M56.293 16.003c1.761-1.645 4.553-1.645 6.314 0 1.857 1.734 1.857 4.623 0 6.357l-27.45 25.638c-1.761 1.645-4.553 1.645-6.314 0l-27.45-25.638c-0.899-0.839-1.393-1.963-1.393-3.178s0.494-2.339 1.393-3.178c1.761-1.645 4.553-1.645 6.314 0l24.293 22.689 24.293-22.689z" /> </symbol><symbol id="logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M0 15c0 8.284 6.716 15 15 15 8.285 0 15-6.716 15-15 0-8.284-6.715-15-15-15C6.716 0 0 6.716 0 15z" /><path fill="#005AF0" fill-rule="nonzero" d="M13.85 24.098h-1.14l1.128-6.823-3.49.005h-.05a.57.57 0 0 1-.568-.569c0-.135.125-.363.125-.363l6.272-10.46 1.16.005-1.156 6.834 3.508-.004h.056c.314 0 .569.254.569.568 0 .128-.05.24-.121.335L13.85 24.098zM15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.285 0 15-6.716 15-15 0-8.284-6.715-15-15-15z" /></g></symbol><symbol id="close" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M39.503 32l22.963-22.963c2.046-2.046 2.046-5.457 0-7.503s-5.456-2.046-7.503 0l-22.963 22.963-22.963-22.963c-2.046-2.046-5.457-2.046-7.503 0s-2.046 5.457 0 7.503l22.963 22.963-22.963 22.963c-2.046 2.046-2.046 5.456 0 7.503s5.457 2.046 7.503 0l22.963-22.963 22.963 22.963c2.046 2.046 5.456 2.046 7.503 0s2.046-5.456 0-7.503l-22.963-22.963z" /> </symbol> </defs> </svg><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-amp-original-style="position: absolute; width: 0; height: 0; overflow: hidden;" class="amp-wp-8d5c0cf"> <defs> <symbol id="close" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M39.503 32l22.963-22.963c2.046-2.046 2.046-5.457 0-7.503s-5.456-2.046-7.503 0l-22.963 22.963-22.963-22.963c-2.046-2.046-5.457-2.046-7.503 0s-2.046 5.457 0 7.503l22.963 22.963-22.963 22.963c-2.046 2.046-2.046 5.456 0 7.503s5.457 2.046 7.503 0l22.963-22.963 22.963 22.963c2.046 2.046 5.456 2.046 7.503 0s2.046-5.456 0-7.503l-22.963-22.963z" /> </symbol><symbol id="internal" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M43.16 10.18c-0.881-0.881-2.322-0.881-3.203 0s-0.881 2.322 0 3.203l16.335 16.335h-54.051c-1.281 0-2.242 1.041-2.242 2.242 0 1.281 0.961 2.322 2.242 2.322h54.051l-16.415 16.335c-0.881 0.881-0.881 2.322 0 3.203s2.322 0.881 3.203 0l20.259-20.259c0.881-0.881 0.881-2.322 0-3.203l-20.179-20.179z" /></symbol><symbol id="menu" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M2.133 13.867h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z" /> <path d="M2.133 28.8h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z" /> <path d="M2.133 43.733h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z" /> </symbol><symbol id="magnifier" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M61.925 58.24l-15.2-15.84c3.92-4.64 6.080-10.48 6.080-16.64-0.080-14.16-11.6-25.76-25.84-25.76s-25.84 11.6-25.84 25.84 11.6 25.84 25.84 25.84c5.36 0 10.4-1.6 14.8-4.64l15.36 15.92c0.64 0.64 1.52 1.040 2.4 1.040s1.68-0.32 2.32-0.96c1.36-1.28 1.36-3.44 0.080-4.8zM26.965 6.72c10.56 0 19.12 8.56 19.12 19.12s-8.64 19.040-19.12 19.040-19.12-8.56-19.12-19.040 8.56-19.12 19.12-19.12z" /></symbol><symbol id="wrench" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M64 18.267c0 1.608-0.214 3.21-0.636 4.767l0.008 0.169c0.028 0.598-0.186 1.18-0.592 1.619-2.713 7.035-9.527 11.712-17.107 11.712-1.852 0-3.671-0.275-5.427-0.819l-25.943 25.854c-1.573 1.567-3.667 2.431-5.889 2.431s-4.318-0.864-5.89-2.431l-0.087-0.087c-3.25-3.238-3.25-8.508 0-11.747l23.75-23.669c0.66-0.657 1.046-1.529 1.090-2.456l0.173-3.404c-0.070-0.657-0.105-1.308-0.105-1.939 0-10.074 8.221-18.267 18.327-18.267 3.298 0 6.532 0.883 9.353 2.555 0.602 0.357 1.005 0.979 1.083 1.675 0.011 0.098 0.017 0.161 0.020 0.237 0.044 1.158-0.297 1.536-9.858 10.586l3.847 3.921c1.149-1.058 3.185-2.929 8.997-8.27 0.542-0.497 1.293-0.697 2.010-0.534 0.719 0.163 1.311 0.668 1.583 1.351 0.856 2.147 1.291 4.418 1.292 6.745zM59.819 22.4c0.395-1.346 0.595-2.737 0.594-4.132 0-1.194-0.141-2.367-0.422-3.507-2.922 2.685-8.959 8.231-9.040 8.307-0.536 0.494-1.37 0.474-1.88-0.046l-6.953-7.087c-0.252-0.258-0.39-0.605-0.384-0.965s0.158-0.702 0.42-0.95c2.985-2.825 7.47-7.107 9.54-9.166-1.884-0.84-3.936-1.278-6.022-1.278-8.129 0-14.742 6.59-14.742 14.691 0 0.533 0.032 1.090 0.096 1.654 0.007 0.071 0.010 0.142 0.007 0.214l-0.174 3.646c-0.087 1.818-0.847 3.528-2.138 4.816l-23.75 23.668c-1.85 1.844-1.85 4.844 0 6.688l0.087 0.087c0.897 0.893 2.088 1.385 3.356 1.385s2.46-0.492 3.355-1.385l26.429-26.338c0.2-0.199 0.419-0.39 0.693-0.601 0.377-0.292 0.882-0.363 1.326-0.187 1.743 0.692 3.578 1.044 5.456 1.044 6.243 0 11.831-3.943 13.905-9.811 0.044-0.126 0.107-0.244 0.187-0.351-0.002-0.134 0.016-0.268 0.054-0.396z" /> </symbol><symbol id="template" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M1.44 0h62.56v64h-64v-64h1.44zM20.64 60.88v-39.52h-17.76v39.6h17.76zM23.44 21.36v39.6h37.44v-39.6h-37.44zM2.88 18.24h58.080v-15.36h-58.080v15.36z" /></symbol><symbol id="learn" viewbox="0 0 64 64"> <path d="M57.674 35.257c0 1.779 1.416 3.221 3.163 3.221s3.163-1.442 3.163-3.221c0-1.155-0.602-2.16-1.498-2.728v-8.973c0-0.682-0.401-1.297-1.018-1.563l-29.585-12.716c-0.413-0.178-0.881-0.178-1.295 0l-29.586 12.716c-0.617 0.265-1.018 0.881-1.018 1.563s0.401 1.297 1.018 1.562l6.662 2.863v17.587c0 4.624 7.288 9.29 23.571 9.29s23.571-4.666 23.571-9.29v-17.587l4.349-1.869v6.417c-0.896 0.569-1.497 1.573-1.497 2.728zM51.491 45.567c0 1.575-4.797 5.898-20.24 5.898s-20.24-4.323-20.24-5.898v-16.155l19.593 8.421c0.207 0.089 0.427 0.134 0.647 0.134s0.441-0.045 0.647-0.134l19.593-8.421v16.155zM31.251 34.43l-25.303-10.875 25.303-10.875 25.302 10.875-25.302 10.875z" /> </symbol><symbol id="examples-flyout" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 26 20"><g><path d="M20 19.3a.9.9 0 1 1 0-1.7 1.9 1.9 0 0 0 1.9-1.9v-3a3.6 3.6 0 0 1 1.3-2.7 3.6 3.6 0 0 1-1.3-2.8v-3A1.9 1.9 0 0 0 20 2.3a.9.9 0 1 1 0-1.7 3.6 3.6 0 0 1 3.6 3.6v3a1.9 1.9 0 0 0 2 2v1.6a1.9 1.9 0 0 0-2 2v3a3.6 3.6 0 0 1-3.6 3.5zm-14 0a3.6 3.6 0 0 1-3.6-3.6v-3a1.9 1.9 0 0 0-2-1.9V9.1a1.9 1.9 0 0 0 2-1.9v-3A3.6 3.6 0 0 1 6 .6a.9.9 0 1 1 0 1.8A1.9 1.9 0 0 0 4 4.2v3A3.6 3.6 0 0 1 2.8 10a3.6 3.6 0 0 1 1.3 2.7v3A1.9 1.9 0 0 0 6 17.6a.9.9 0 1 1 0 1.7z" /><g transform="translate(5.8 8.5)"><circle cx="12.3" cy="1.4" r="1.4" /><circle cx="7.3" cy="1.4" r="1.4" /><circle cx="2.2" cy="1.4" r="1.4" /></g></g></symbol><symbol id="components-flyout" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 28 22"><path d="M8.7 17l-2.5-2.2-4-3.5-.9-.8v1l2.5-2.2 4-3.5 1-.8c.2-.3.2-.8 0-1a.8.8 0 0 0-1.2 0L5.1 6l-4 3.6-.8.8c-.3.2-.3.8 0 1l2.5 2.2 4 3.6.8.8c.3.2.8.3 1.1 0 .3-.3.3-.8 0-1.1zM19.3 5l2.5 2.2 4 3.5.9.8v-1l-2.5 2.2-4 3.5-.9.8c-.3.3-.3.8 0 1 .3.4.8.3 1 0L23 16l4-3.6.9-.8c.3-.2.3-.8 0-1l-2.5-2.3-4-3.5-1-.8c-.2-.3-.7-.3-1 0-.3.3-.3.8 0 1zm-8 16.4l.7-2 1.6-5a3563.7 3563.7 0 0 1 2-5.8l1.7-5.1.8-2.5c.2-.4-.1-.9-.5-1a.8.8 0 0 0-1 .6c-.1.7-.4 1.3-.6 2l-1.6 4.9-2 5.9-1.7 5-.8 2.6c-.2.4.1.8.5 1a.8.8 0 0 0 1-.6z" /></symbol><symbol id="guides-documents" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 31 32"><path d="M6.7 28H1.2c-.4 0-.6-.4-.6-.8L.5.7c0-.4.3-.7.7-.7h21.1c.5 0 .7.3.7.7V2c0 .5-.2.7-.7.7-.4 0-.6-.2-.6-.7v-.6H1.8L2 26.6h4.8c.4 0 .7.2.7.6 0 .4-.3.7-.7.7z" /><path d="M8 6.8H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 10.9H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 15H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 19H6c-.4 0-.7-.2-.7-.6 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7z" /><path d="M29.8 4H8.7c-.5 0-.7.4-.7.8v26.5c0 .4.3.7.7.7h21.1c.4 0 .7-.3.7-.7V4.8c0-.4-.3-.7-.7-.7zm-.6 26.6H9.4V5.4h19.8v25.2z" /><path d="M18.1 22.8h-.6l.6-3.8h-1.9c-.2 0-.3-.1-.3-.3v-.2l3.4-5.8h.7l-.7 3.8h2c.2 0 .3.1.3.3v.2L18 22.8z" /></symbol><symbol id="start" viewbox="0 0 64 64"> <path d="M63.195 1.874c-0.143-0.52-0.549-0.926-1.069-1.069-10.765-2.978-20.385 2.978-24.355 6.948l-11.452 11.452-5.421-1.756c-3.551-1.163-7.454-0.217-10.078 2.443l-3.359 3.359c-0.582 0.594-0.582 1.544 0 2.138l7.329 7.329-4.199 6.948c-0.343 0.593-0.25 1.342 0.229 1.832l11.681 11.605c0.471 0.504 1.223 0.63 1.832 0.305l6.948-4.123h0.076l7.329 7.329c0.594 0.582 1.544 0.582 2.138 0l3.359-3.359c2.66-2.624 3.606-6.527 2.443-10.078l-1.756-5.421 11.452-11.452c3.894-4.047 9.849-13.666 6.871-24.431zM23.799 50.126l-9.925-9.925 3.13-5.268 12.063 12.063-5.268 3.13zM54.109 24.015l-12.139 12.139c-0.4 0.399-0.547 0.987-0.382 1.527l2.061 6.337c0.783 2.448 0.136 5.128-1.68 6.948l-2.29 2.29-29.012-29.012 2.29-2.29c1.819-1.815 4.5-2.463 6.948-1.68l6.337 2.061c0.54 0.165 1.128 0.018 1.527-0.382l12.216-12.063c3.436-3.359 11.452-8.398 20.461-6.337 2.061 9.085-2.978 17.102-6.337 20.461z" /> <path d="M10.667 51.195l-9.009 9.009c-0.478 0.358-0.703 0.963-0.576 1.547s0.583 1.040 1.167 1.167c0.584 0.127 1.188-0.098 1.547-0.576l9.009-9.009c0.456-0.608 0.396-1.459-0.142-1.996s-1.388-0.598-1.996-0.142z" /> <path d="M11.66 63.563c0.594 0.582 1.544 0.582 2.138 0l4.581-4.581c0.456-0.608 0.395-1.459-0.142-1.996s-1.388-0.598-1.996-0.142l-4.581 4.581c-0.582 0.594-0.582 1.544 0 2.138z" /> <path d="M1.505 52.798c0.403-0.006 0.787-0.17 1.069-0.458l4.581-4.581c0.478-0.358 0.703-0.963 0.576-1.547s-0.583-1.040-1.167-1.167c-0.584-0.127-1.188 0.098-1.547 0.576l-4.581 4.581c-0.428 0.436-0.554 1.086-0.322 1.65s0.78 0.937 1.391 0.945z" /> <path d="M43.726 13.021c-2.003 2.003-2.003 5.25 0 7.253s5.25 2.003 7.253 0c2.003-2.003 2.003-5.25 0-7.253s-5.25-2.003-7.253 0zM48.841 18.136c-0.699 0.692-1.79 0.794-2.605 0.243s-1.127-1.601-0.745-2.508c0.382-0.907 1.351-1.417 2.315-1.219s1.653 1.050 1.646 2.033c-0.004 0.545-0.223 1.067-0.611 1.451z" /> </symbol><symbol id="amp-email" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <defs> <lineargradient id="gradient-email" x1="76.2776137%" x2="20.8316146%" y1="-25.8400575%" y2="121.578822%"> <stop offset="0%" stop-color="#F1F068"></stop> <stop offset="46.2139774%" stop-color="#96D64F"></stop> <stop offset="100%" stop-color="#2DB932"></stop> </lineargradient> </defs> <path d="M64 14.080c0-3.291-2.56-5.851-5.851-5.851h-52.297c-3.291 0-5.851 2.56-5.851 5.851v35.84c0 3.291 2.56 5.851 5.851 5.851h52.297c3.291 0 5.851-2.56 5.851-5.851v-35.84zM5.851 11.154h52.297c0.183 0 0.366 0 0.549 0l-24.503 25.417c-0.549 0.549-1.28 0.914-2.194 0.914-0.731 0-1.646-0.366-2.194-0.914l-24.32-25.417c0 0 0.183 0 0.366 0zM2.926 14.080c0-0.366 0-0.731 0.183-1.097l15.36 16.091-15.543 19.2v-34.194zM58.149 52.846h-52.297c-0.731 0-1.646-0.366-2.194-0.914l16.823-20.663 7.131 7.497c1.097 1.097 2.56 1.829 4.206 1.829s3.109-0.731 4.206-1.829l6.583-6.949 17.371 20.114c-0.366 0.549-1.097 0.914-1.829 0.914v0zM61.074 48.274l-16.091-18.834 15.909-16.64c0.183 0.366 0.183 0.731 0.183 1.097v34.377z" /> </symbol><symbol id="amp-ads" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <defs> <lineargradient id="gradient-ads" x1="100%" x2="14.5415777%" y1="0%" y2="123.368881%"> <stop offset="0%" stop-color="#FF52E1"></stop> <stop offset="100%" stop-color="#5500D7"></stop> </lineargradient> </defs> <path d="M56.399 14.68c3.654-3.846 9.616-10.963 6.924-13.847-2.885-2.885-10.001 3.269-13.847 6.731l-0.577-0.577c-0.385-0.385-0.962-0.577-1.539-0.385l-15.963 3.077c-0.385 0-0.577 0.192-0.769 0.385l-30.195 30.195c-0.577 0.577-0.577 1.731 0 2.308l20.963 20.963c0.385 0.385 0.769 0.385 1.154 0.385s0.769-0.192 1.154-0.385l30.003-30.003c0.192-0.192 0.385-0.577 0.385-0.769v0l3.077-15.963c0.192-0.577 0-1.154-0.385-1.539l-0.385-0.577zM53.899 16.988l-2.885 14.424-28.464 28.656-18.655-18.655 28.656-28.656 14.424-2.885c-1.539 1.731-4.039 4.423-5.962 7.116-1.923-0.192-3.654 0.385-5.193 1.923-2.5 2.5-2.5 6.731 0 9.232s6.731 2.5 9.232 0c1.346-1.346 2.116-3.27 1.923-5.193-0.192-1.154-0.577-2.308-1.154-3.077-0.192-0.385-0.385-0.577-0.769-0.769-0.192-0.192-0.577-0.577-0.769-0.769 1.154-1.731 2.885-3.654 5.193-5.962l2.5 2.5 1.923 2.116zM43.321 24.873c-0.192 0.385-0.385 0.577-0.577 0.962-1.346 1.346-3.27 1.346-4.616 0s-1.346-3.27 0-4.616c0.192-0.192 0.577-0.385 0.962-0.577 1.154-0.577 2.308-0.385 3.462 0.385 0.192 0 0.192 0.192 0.385 0.192 0 0 0.192 0.192 0.192 0.385 0.577 0.962 0.769 2.116 0.192 3.27zM54.091 12.372l-2.5-2.5c4.039-3.846 7.308-5.77 8.847-6.347-0.577 1.539-2.5 4.616-6.347 8.847z" /> </symbol><symbol id="amp-stories" viewbox="0 0 36 32"> <defs> <lineargradient id="gradient-stories" x1="81.726943%" x2="23.7165981%" y1="-28.3832685%" y2="119.978062%"> <stop offset="0%" stop-color="#FFF300"></stop> <stop offset="100%" stop-color="#FF8F00"></stop> </lineargradient> </defs> <path d="M7.111 0h21.333v32h-21.333v-32zM9.481 2.37v27.259h16.593v-27.259h-16.593zM0 4.741h2.37v22.519h-2.37v-22.519zM33.185 4.741h2.37v22.519h-2.37v-22.519z" /> </symbol><symbol id="amp-websites" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <defs> <lineargradient id="gradient-websites" x1="81.8129399%" x2="33.8766928%" y1="0%" y2="94.4849088%"> <stop offset="0%" stop-color="#00DCC0"></stop> <stop offset="100%" stop-color="#005AF0"></stop> </lineargradient> </defs> <path d="M63.196 4.646h-62.253c-0.566 0-0.943 0.377-0.943 0.755v53.010c0 0.566 0.377 0.943 0.943 0.943h62.253c0.566 0 0.755-0.377 0.755-0.755v-53.198c0.189-0.377-0.189-0.755-0.755-0.755zM3.395 18.040h57.348v33.202h-57.348v-33.202zM60.744 7.853v6.98h-57.348v-6.98h57.348zM3.395 56.147v-1.509h57.348v1.509h-57.348zM9.055 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM12.828 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM18.487 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM51.123 39.734l-11.13-13.96c-0.189-0.189-0.377-0.377-0.755-0.377v0c-0.189 0-0.566 0-0.755 0.377l-8.3 9.621-4.716-6.225c-0.189-0.189-0.377-0.377-0.755-0.377s-0.566 0-0.755 0.377l-8.866 10.376c-0.377 0.377-0.189 0.943 0 1.132s0.377 0.189 0.566 0.189c0.189 0 0.566 0 0.754-0.377l8.3-9.621 4.528 5.471-2.452 3.018c-0.377 0.377-0.189 0.943 0 1.132 0.377 0.189 0.943 0.189 1.132 0l11.319-13.017 10.376 13.205c0.189 0.189 0.377 0.377 0.755 0.377 0.189 0 0.377 0 0.566-0.189 0.377-0.377 0.566-0.943 0.189-1.132zM27.165 26.718c1.509 0 2.641-1.132 2.641-2.641 0-1.321-1.132-2.641-2.641-2.641s-2.641 1.132-2.641 2.641c0 1.509 1.132 2.641 2.641 2.641zM27.165 23.322c0.566 0 0.943 0.377 0.943 0.943s-0.377 0.943-0.943 0.943-0.943-0.377-0.943-0.943c0-0.566 0.377-0.943 0.943-0.943z" /> </symbol><symbol id="angle-down-solid" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"> <path d="M56.293 16.003c1.761-1.645 4.553-1.645 6.314 0 1.857 1.734 1.857 4.623 0 6.357l-27.45 25.638c-1.761 1.645-4.553 1.645-6.314 0l-27.45-25.638c-0.899-0.839-1.393-1.963-1.393-3.178s0.494-2.339 1.393-3.178c1.761-1.645 4.553-1.645 6.314 0l24.293 22.689 24.293-22.689z" /> </symbol><symbol id="logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M0 15c0 8.284 6.716 15 15 15 8.285 0 15-6.716 15-15 0-8.284-6.715-15-15-15C6.716 0 0 6.716 0 15z" /><path fill="#005AF0" fill-rule="nonzero" d="M13.85 24.098h-1.14l1.128-6.823-3.49.005h-.05a.57.57 0 0 1-.568-.569c0-.135.125-.363.125-.363l6.272-10.46 1.16.005-1.156 6.834 3.508-.004h.056c.314 0 .569.254.569.568 0 .128-.05.24-.121.335L13.85 24.098zM15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.285 0 15-6.716 15-15 0-8.284-6.715-15-15-15z" /></g></symbol> </defs> </svg> <header class="ap--header " data-amp-bind-class="'ap--header ' + (mainmenuopen ? 'mainmenuopen' : '')" i-amphtml-binding> <div class="ap-o-header"> <a class="ap-o-header-home" href="https://amp.dev/"> <svg class="ap-o-header-home-logo"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use></svg> <span class="ap-o-header-home-title">AMP</span> </a> <nav class="ap-o-header-main"> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link ap-m-nav-link "> About <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link websites" href="https://amp.dev/about/websites/"> <div class="ap-o-header-flyout-primary-item-link-icon websites"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-websites"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info ap-o-header-flyout-primary-item-link-info-websites"> <div class="ap-o-header-flyout-item-title">AMP Websites</div> <div class="ap-o-header-flyout-item-description">Create flawless web experiences</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link stories" href="https://amp.dev/about/stories/"> <div class="ap-o-header-flyout-primary-item-link-icon stories"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-stories"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info ap-o-header-flyout-primary-item-link-info-stories"> <div class="ap-o-header-flyout-item-title">Web Stories</div> <div class="ap-o-header-flyout-item-description">Snackable Stories for everyone</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link ads" href="https://amp.dev/about/ads/"> <div class="ap-o-header-flyout-primary-item-link-icon ads"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-ads"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info ap-o-header-flyout-primary-item-link-info-ads"> <div class="ap-o-header-flyout-item-title">AMP Ads</div> <div class="ap-o-header-flyout-item-description">Super fast ads on the web</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link email" href="https://amp.dev/about/email/"> <div class="ap-o-header-flyout-primary-item-link-icon email"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-email"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info ap-o-header-flyout-primary-item-link-info-email"> <div class="ap-o-header-flyout-item-title">AMP Email</div> <div class="ap-o-header-flyout-item-description">Next gen email</div> </div> </a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/about/page-experience/">Page Experience</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/about/how-amp-works/">How AMP works</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/about/mission-and-vision/">Vision & Mission</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/about/use-cases/">Use cases</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/success-stories/">Success Stories</a> </li> </ul> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link ap-m-nav-link "> Documentation <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/documentation/">Get Started</a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="https://amp.dev/documentation/guides-and-tutorials/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#guides-documents"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Guides & Tutorials</div> <div class="ap-o-header-flyout-item-description">Get started with AMP</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="https://amp.dev/documentation/components/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#components-flyout"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Components</div> <div class="ap-o-header-flyout-item-description">The complete AMP library</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="https://amp.dev/documentation/examples/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#examples-flyout"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Examples</div> <div class="ap-o-header-flyout-item-description">Hands-on introduction to AMP</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="https://amp.dev/documentation/courses/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#learn"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Courses</div> <div class="ap-o-header-flyout-item-description">Learn AMP with free courses</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="https://amp.dev/documentation/templates/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#template"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Templates</div> <div class="ap-o-header-flyout-item-description">Ready to use</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="https://amp.dev/documentation/tools/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wrench"></use></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Tools</div> <div class="ap-o-header-flyout-item-description">Begin building</div> </div> </a> </li> </ul> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link ap-m-nav-link "> Community <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/documentation/guides-and-tutorials/contribute/">Contribute</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/community/roadmap/">Roadmap</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/community/governance/">Governance</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/community/working-groups/access-subscriptions/">Working Groups</a> </li> </ul> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link ap-m-nav-link "> Events <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/events/amp-fest-2020/">AMP Fest 2020</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/events/amp-roadshow/">AMP Roadshow</a> </li> </ul> </div> <div class="ap-o-header-main-item"> <a class="ap-o-header-main-link ap-m-nav-link active" href="https://blog.amp.dev">Blog</a> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link ap-m-nav-link "> Support <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/support/">Help</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="https://amp.dev/support/faq/">FAQ</a> </li> </ul> </div> </nav> <div id="searchTriggerOpen" class="ap-m-search-trigger" on="tap:searchLightbox" role="button" aria-label="Search" tabindex="0"> <div class="ap-a-ico ap-m-search-trigger-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#magnifier"></use></svg> </div> </div> </div> </header> <label class="ap-o-burger-menu-label" on="tap:AMP.setState({mainmenuopen: !mainmenuopen, noScrollState: !noScrollState})" data-amp-bind-class="'ap-o-burger-menu-label ' + (mainmenuopen ? 'mainmenuopen ' : '')" for="burger-menu" tabindex="0" role="button" aria-label="Burger Menu" i-amphtml-binding> <div class="ap-a-ico ap-o-burger-menu-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu"></use></svg> </div> </label> <nav class="ap-o-burger-menu" data-amp-bind-class="mainmenuopen ? 'ap-o-burger-menu mainmenuopen' : 'ap-o-burger-menu'" i-amphtml-binding> <ul class="ap-o-burger-menu-items"> <li class="ap-o-burger-menu-item"> <label class="ap-o-burger-menu-link ap-m-nav-link "> About </label> <input class="ap-o-burger-menu-item-trigger" type="checkbox" aria-label="About"> <span class="nav-icon"> <svg class="ap-a-ico"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg> </span> <ul class="ap-o-burger-menu-items"> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/about/websites/"> AMP Websites </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/about/stories/"> Web Stories </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/about/ads/"> AMP Ads </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/about/email/"> AMP Email </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/about/page-experience/"> Page Experience </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/about/how-amp-works/"> How AMP works </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/about/mission-and-vision/"> Vision & Mission </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/about/use-cases/"> Use cases </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/success-stories/"> Success Stories </a> </li> </ul> </li> <li class="ap-o-burger-menu-item"> <label class="ap-o-burger-menu-link ap-m-nav-link "> Documentation </label> <input class="ap-o-burger-menu-item-trigger" type="checkbox" aria-label="Documentation"> <span class="nav-icon"> <svg class="ap-a-ico"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg> </span> <ul class="ap-o-burger-menu-items"> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/documentation/"> Get Started </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/documentation/guides-and-tutorials/"> Guides & Tutorials </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/documentation/components/"> Components </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/documentation/examples/"> Examples </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/documentation/courses/"> Courses </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/documentation/templates/"> Templates </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/documentation/tools/"> Tools </a> </li> </ul> </li> <li class="ap-o-burger-menu-item"> <label class="ap-o-burger-menu-link ap-m-nav-link "> Community </label> <input class="ap-o-burger-menu-item-trigger" type="checkbox" aria-label="Community"> <span class="nav-icon"> <svg class="ap-a-ico"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg> </span> <ul class="ap-o-burger-menu-items"> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/documentation/guides-and-tutorials/contribute/"> Contribute </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/community/roadmap/"> Roadmap </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/community/governance/"> Governance </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/community/working-groups/access-subscriptions/"> Working Groups </a> </li> </ul> </li> <li class="ap-o-burger-menu-item"> <label class="ap-o-burger-menu-link ap-m-nav-link "> Events </label> <input class="ap-o-burger-menu-item-trigger" type="checkbox" aria-label="Events"> <span class="nav-icon"> <svg class="ap-a-ico"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use></svg> </span> <ul class="ap-o-burger-menu-items"> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/events/amp-fest-2020/"> AMP Fest 2020 </a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link-2" href="https://amp.dev/events/amp-roadshow/"> AMP Roadshow </a> </li> </ul> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link active" href="https://blog.amp.dev">Blog</a> </li> <li class="ap-o-burger-menu-item"> <a class="ap-o-burger-menu-link ap-m-nav-link " href="https://amp.dev/support/"> Help </a> </li> </ul> </nav> <amp-state id="query" src="https://amp.dev/search/latest-query" class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-state> <amp-state id="clear" data-amp-bind-src="clear ? 'https://amp.dev/search/clear-latest-query' : ''" class="i-amphtml-layout-container" i-amphtml-layout="container" i-amphtml-binding></amp-state> <amp-lightbox id="searchLightbox" class="ap-o-search i-amphtml-layout-nodisplay" layout="nodisplay" on="lightboxOpen:searchInput.focus,AMP.setState({clear: false}); lightboxClose:searchTriggerOpen.focus" scrollable hidden="hidden" i-amphtml-layout="nodisplay"> <div class="ap-o-search-escaper" role="button" tabindex="0" on="tap:searchLightbox.close"></div> <div class="ap-o-search-container"> <div class="ap-m-search-trigger ap-m-search-trigger-close" on="tap:searchLightbox.close,AMP.setState({clear: true, query: null})" role="button" tabindex="0"> <div class="ap-a-ico ap-m-search-trigger-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#close"></use></svg> </div> </div> <div class="ap-o-search-field"> <form action-xhr="https://amp.dev/documentation/examples/api/echo" class="ap-o-search-form" id="searchForm" method="POST" on="submit:AMP.setState({ query: throttledValue }),searchResult.focus,searchList.changeToLayoutContainer" target="_top"> <amp-autocomplete class="ap-o-search-autocomplete i-amphtml-layout-container" filter="substring" min-characters="1" on="select:AMP.setState({ query: event.value })" submit-on-enter="false" src="https://amp.dev/search/autosuggest" i-amphtml-layout="container"> <div class="ap-a-ico ap-o-search-input-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#magnifier"></use></svg> </div> <input id="searchInput" class="ap-o-search-input" name="q" placeholder="What are you looking for?" on="input-throttled:AMP.setState({ throttledValue: event.value })" data-amp-bind-value="query == null ? '' : query" required i-amphtml-binding> <button class="ap-o-search-submit" type="submit" name="search-submit" disabled data-amp-bind-disabled="!throttledValue" i-amphtml-binding>Search</button> </amp-autocomplete> </form> <div class="ap-o-search-result" id="searchResult" tabindex="-1"> <amp-state id="search" src="https://amp.dev/search/highlights?locale=en" data-amp-bind-src="query == null || clear ? 'https://amp.dev/search/highlights?locale=en' : 'https://amp.dev/search/do?q=' + encodeURIComponent(query) + '&locale=en'" class="i-amphtml-layout-container" i-amphtml-layout="container" i-amphtml-binding></amp-state> <amp-list id="searchList" src="https://amp.dev/search/highlights?locale=en" data-amp-bind-src="query == null || clear ? 'https://amp.dev/search/highlights?locale=en' : 'https://amp.dev/search/do?q=' + encodeURIComponent(query) + '&locale=en'" binding="no" items="." height="80vh" layout="fixed-height" load-more="auto" load-more-bookmark="nextUrl" reset-on-refresh single-item class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:80vh" i-amphtml-layout="fixed-height" i-amphtml-binding> <template type="amp-mustache" id="searchResultTemplate"> <div class="ap-o-search-result-list"> {{^prevUrl}} {{#result.components.length}} <h4 class="ap-o-search-result-category">{{#initial}}Important Components{{/initial}}{{^initial}}Components{{/initial}}</h4> {{/result.components.length}} {{/prevUrl}} {{#result.components}} <div class="ap-o-search-result-item ap-o-search-result-item-highlight"> <a class="ap-o-search-result-link" href="{{url}}"> <h4 class="ap-o-search-result-title">{{#initial}}<{{title}}>{{/initial}}{{^initial}}{{title}}{{/initial}}</h4> <p class="ap-o-search-result-description">{{description}}</p> </a> {{#exampleUrl}} <div class="ap-o-search-result-linklist"> <a class="ap-o-search-result-linklist-item ap-o-search-result-linklist-item-example ap-m-lnk" href="{{exampleUrl}}"> <div class="ap-a-ico ap-m-lnk-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg> </div> <span class="ap-m-lnk-text">Open example</span> </a> {{#playgroundUrl}} <a class="ap-o-search-result-linklist-item ap-o-search-result-linklist-item-playground ap-m-lnk" href="{{playgroundUrl}}" target="_blank"> <div class="ap-a-ico ap-m-lnk-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg> </div> <span class="ap-m-lnk-text">Open in playground</span> </a> {{/playgroundUrl}} </div> {{/exampleUrl}} </div> {{/result.components}} {{^prevUrl}} {{#result.pages.length}} <h4 class="ap-o-search-result-category">{{#initial}}Popular Articles{{/initial}}{{^initial}}Results{{/initial}}</h4> {{/result.pages.length}} {{/prevUrl}} {{#result.pages}} <div class="ap-o-search-result-item"> <a class="ap-o-search-result-link" href="{{url}}"> <h4 class="ap-o-search-result-title">{{title}}</h4> <p class="ap-o-search-result-description">{{description}}</p> </a> </div> {{/result.pages}} {{#result.isTruncated}} <div class="ap-o-search-result-hint"> Although there are {{result.totalResults}} hits in total we cannot show more than 100. </div> {{/result.isTruncated}} </div> </template> <amp-list-load-more load-more-button class="i-amphtml-layout-container" i-amphtml-layout="container"> <div class="ap-o-search-result-load-button" overflow> <button class="ap-a-btn">Load more</button> </div> </amp-list-load-more> <amp-list-load-more class="ap-o-search-result-hint i-amphtml-layout-container" load-more-failed i-amphtml-layout="container"> Something went wrong while trying to load more search results.<br> We apologize for the inconvenience caused.<br> Please try again later. </amp-list-load-more> <div class="ap-o-search-result-error" fallback> <h2 class="ap-o-search-result-error-smiley">;(</h2> <h3 class="ap-o-search-result-error-headline">Something went wrong…</h3> <p class="ap-o-search-result-error-copy"> …while trying to load the search results.<br> We apologize for the inconvenience caused.<br> Please try again later. </p> </div> </amp-list> <div class="ap-o-search-result-error" data-amp-bind-hidden="search.initial == true || search.result.totalResults != 0" hidden i-amphtml-binding> <h2 class="ap-o-search-result-error-shruggie">¯\_(ツ)_/¯</h2> <h3 class="ap-o-search-result-error-headline">No results found.</h3> <p class="ap-o-search-result-error-copy">We could not find any results matching your search query.</p> </div> </div> </div> </div> </amp-lightbox> <main id="primary" class="ap--main ap-t-custom-content site-main"> <article id="post-4204" class="entry ap--content post-4204 post type-post status-publish format-standard has-post-thumbnail hentry category-stories"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"> <a href="https://blog.amp.dev/2021/08/24/better-video-performance-in-web-stories/" rel="bookmark"><time class="entry-date published updated" datetime="2021-08-24T07:38:21-07:00">August 24, 2021</time></a> </span> </div> <h1 class="entry-title">Better video performance in Web Stories</h1> <div class="entry-taxonomies"> <span class="category-links term-links"> <a class="ap-m-filter-bubble" href="https://blog.amp.dev/category/stories/" rel="category tag">Stories</a> </span> </div> </header> <div class="entry-content"> <div class="wp-block-image"><figure class="aligncenter size-large"><amp-img width="1024" height="512" src="https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-1024x512.png" alt="" class="wp-image-4206 amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" srcset="https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-1024x512.png 1024w, https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-300x150.png 300w, https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-768x384.png 768w, https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-1536x768.png 1536w, https://blog.amp.dev/wp-content/uploads/2021/08/image1-1.png 1999w" sizes="100vw" layout="intrinsic" disable-inline-width="" data-hero-candidate="" data-hero i-amphtml-ssr i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMiIgd2lkdGg9IjEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" fetchpriority="high" alt="" src="https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-1024x512.png" srcset="https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-1024x512.png 1024w, https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-300x150.png 300w, https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-768x384.png 768w, https://blog.amp.dev/wp-content/uploads/2021/08/image1-1-1536x768.png 1536w, https://blog.amp.dev/wp-content/uploads/2021/08/image1-1.png 1999w" sizes="100vw"></amp-img></figure></div> <p>Web performance is critical for a great user experience. We continue to see Story creators utilizing video-first narratives to keep their viewers engaged and coming back for more. However, the distribution cost of serving videos, and the complexity of serving video quickly to users globally, can be high. To help address these challenges: Web Stories has expanded support for video caching (i.e. using the Google cache is not an obligatory part of using Web Stories).</p> <p>Google now provides support for video caching to all Web Stories. For most creators your favorite <a href="https://stories.google/tools/">creation tool</a> will likely handle this added performance boost. If you are publishing your own Stories you can opt-in to the <a href="https://developers.google.com/amp">Google Cache</a> by following the steps below.</p> <h2 id="potential-benefits" class="wp-block-heading"><strong>Potential Benefits</strong></h2> <ul class="wp-block-list"><li><strong>Reduced serving costs: </strong>If you opt-in, Google will try to serve videos from the Google cache before falling back to your site’s hosting, potentially reducing your video hosting costs by up to 99%. </li><li><strong>Less waiting</strong>: Videos played from the Google cache start playing 35% faster on average than non-cached videos across Discover, Google Search and Google Images. </li><li><strong>Better reader experience</strong>: Google’s video cache is fast, and we see on average a 75% improvement on bounce rate on pages with video across Discover, Google Search and Google Images. </li></ul> <h2 id="opt-in-instructions" class="wp-block-heading"><strong>Opt-In Instructions</strong></h2> <p>If you opt in, Google will try to serve videos from the Google cache before falling back to your site’s hosting, potentially reducing your video hosting costs by up to 99%. </p> <p>To get started using the <a href="https://developers.google.com/amp">Google Cache</a> to serve video, you’ll need access to the HTML of your Stories.</p> <h3 id="to-opt-in-on-the-google-cache" class="wp-block-heading"><strong>To opt-in on the Google cache</strong>:</h3> <p>Mark the <code>amp-video</code> with the attribute <code>cache="google"</code>.</p> <p>The sources should be specified as a <code>source</code> child component and not through the <code>src</code> attribute of <code>amp-video</code>. Use 720p videos or higher to take advantage of all the video transcodes and adaptive bitrate algorithms.</p> <h3 id="example" class="wp-block-heading">Example:</h3> <pre class="wp-block-code" aria-describedby="shcb-language-1" data-shcb-language-name="HTML, XML" data-shcb-language-slug="xml"><span><code class="hljs language-xml"><span class="hljs-comment"></span> <span class="hljs-tag"><<span class="hljs-name">amp-video</span> <span class="hljs-attr">cache</span>=<span class="hljs-string">"google"</span>></span> <span class="hljs-tag"><<span class="hljs-name">source</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"source1.mp4"</span>></span> <span class="hljs-tag"></<span class="hljs-name">amp-video</span>></span></code></span><small class="shcb-language" id="shcb-language-1"><span class="shcb-language__label">Code language:</span> <span class="shcb-language__name">HTML, XML</span> <span class="shcb-language__paren">(</span><span class="shcb-language__slug">xml</span><span class="shcb-language__paren">)</span></small></pre> <p>If the opt-in was successful, you will be able to see on the browser network tab a request to <code>https://*.cdn.ampproject.org/mbv/s/*</code> that returns a JSON with an empty list of sources (since the cache missed this video). In the following minutes/hours, the Google video cache will fetch and store the video contents, so that a later request to this url can return a processed list of video sources for that origin video.</p> <h2 id="implementation-troubleshooting" class="wp-block-heading"><strong>Implementation Troubleshooting</strong></h2> <p>Your video hosting must allow crawling the videos and the video must be public for the cache to fetch it. A typical way hosting services disable crawling is via <a href="https://developers.google.com/search/docs/advanced/robots/intro">robots.txt</a>. For example, Vimeo or YouTube disable crawling, so if your videos are hosted on such services and embedded into your Stories, you won’t be able to use the feature.</p> <h2 id="stay-updated" class="wp-block-heading"><strong>Stay Updated</strong></h2> <p>Whether you like reading Web Stories, are interested in creating them yourself, or are building creation tools, do share your ideas and suggestions with the Web Stories working group. You can reach out to us on <a href="https://github.com/ampproject/amphtml/issues?q=is%3Aissue+is%3Aopen+label%3A%22WG%3A+stories%22+">Github</a>, <a href="https://github.com/ampproject/amphtml/blob/master/CONTRIBUTING.md#discussion-channels">Slack</a> and can subscribe to a low traffic <a href="https://groups.google.com/a/amp.dev/g/web-stories-devpreview">developer preview email group</a>.</p> <p><em>Posted by Ryan Warrender, Web Stories Product Manager, Google</em></p> </div> <footer class="entry-footer"> <div class="entry-actions"> </div> <div class="newsletter-cta"> <p>Get the latest updates, event announcements, community discussions, and advanced tutorials straight to your inbox with the AMP newsletter.</p> <a href="https://services.google.com/fb/forms/ampnewsletter/" class="ap-m-lnk ap-m-lnk-square"> <div class="ap-a-ico ap-m-lnk-icon"> <svg width="22" height="22" viewbox="0 0 64 64"> <path d="M28.879 11.24c-0.841-0.841-2.206-0.841-3.048 0s-0.841 2.207 0 3.048l15.543 15.543h-39.241c-1.219 0-2.133 0.987-2.133 2.133 0 1.219 0.914 2.207 2.133 2.207h39.241l-15.616 15.543c-0.841 0.841-0.841 2.206 0 3.048 0.835 0.841 2.206 0.841 3.048 0l19.273-19.279c0.841-0.841 0.841-2.206 0-3.048l-19.2-19.194zM59.429 27.392c2.511 0 4.571 2.060 4.571 4.571s-2.060 4.571-4.571 4.571-4.571-2.060-4.571-4.571 2.060-4.571 4.571-4.571z" /> </svg> </div> <span class="ap-m-lnk-text">Subscribe</span> </a> </div> </footer> </article> <nav class="navigation post-navigation" role="navigation"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"> <div class="nav-previous"> <a href="https://blog.amp.dev/2021/08/18/preview-your-web-stories-across-all-devices/" class="ap-m-lnk ap-m-lnk-square"> <span class="ap-m-lnk-text"> Preview your Web Stories across all devices </span> <div class="ap-a-ico ap-m-lnk-icon"> <svg width="22" height="22" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M43.16 10.18c-0.881-0.881-2.322-0.881-3.203 0s-0.881 2.322 0 3.203l16.335 16.335h-54.051c-1.281 0-2.242 1.041-2.242 2.242 0 1.281 0.961 2.322 2.242 2.322h54.051l-16.415 16.335c-0.881 0.881-0.881 2.322 0 3.203s2.322 0.881 3.203 0l20.259-20.259c0.881-0.881 0.881-2.322 0-3.203l-20.179-20.179z" /></svg> </div> </a> </div> <div class="nav-next"> <a href="https://blog.amp.dev/2021/08/26/richer-interactions-in-web-stories/" class="ap-m-lnk ap-m-lnk-square"> <span class="ap-m-lnk-text"> Richer interactions in Web Stories </span> <div class="ap-a-ico ap-m-lnk-icon"> <svg width="22" height="22" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path d="M43.16 10.18c-0.881-0.881-2.322-0.881-3.203 0s-0.881 2.322 0 3.203l16.335 16.335h-54.051c-1.281 0-2.242 1.041-2.242 2.242 0 1.281 0.961 2.322 2.242 2.322h54.051l-16.415 16.335c-0.881 0.881-0.881 2.322 0 3.203s2.322 0.881 3.203 0l20.259-20.259c0.881-0.881 0.881-2.322 0-3.203l-20.179-20.179z" /></svg> </div> </a> </div> </div> </nav> </main> <footer class="ap--footer"> <div class="ap-o-footer"> <div class="ap-o-footer-line-top"> <div class="ap-o-footer-hint">Of course, this site is made with AMP!</div> <div class="ap-o-footer-follow"> <h5 class="ap-o-footer-follow-title">Follow us</h5> <ul class="ap-o-footer-follow-menu"> <li class="ap-o-footer-follow-item"> <a class="ap-a-ico ap-o-footer-follow-icon" href="https://twitter.com/AMPhtml" rel="noopener" title="Twitter"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#twitter"></use></svg> </a> </li> <li class="ap-o-footer-follow-item"> <a class="ap-a-ico ap-o-footer-follow-icon" href="https://www.youtube.com/channel/UCXPBsjgKKG2HqsKBhWA4uQw" rel="noopener" title="YouTube"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#youtube"></use></svg> </a> </li> <li class="ap-o-footer-follow-item"> <a class="ap-a-ico ap-o-footer-follow-icon" href="https://blog.amp.dev/" rel="noopener"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wordpress" title="WordPress"></use></svg> </a> </li> <li class="ap-o-footer-follow-item"> <a class="ap-a-ico ap-o-footer-follow-icon" href="https://github.com/ampproject" title="GitHub"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#github"></use></svg> </a></li> <li class="ap-o-footer-follow-item"> <a class="ap-a-ico ap-o-footer-follow-icon" href="https://stackoverflow.com/questions/tagged/amp-html" rel="noopener" title="Stackoverflow"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stackoverflow"></use></svg></a> </li> </ul> </div> </div> <div class="ap-o-footer-nav"> <div class="ap-o-footer-nav-column"> <h5 class="ap-o-footer-nav-title">Overview</h5> <ul class="ap-o-footer-nav-menu"> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/about/websites/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>AMP Framework</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/about/use-cases/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Use Cases</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/success-stories/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Success stories</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/about/how-amp-works/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Functionality</a></li> </ul> </div> <div class="ap-o-footer-nav-column"> <h5 class="ap-o-footer-nav-title">Docs</h5> <ul class="ap-o-footer-nav-menu"> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/documentation/guides-and-tutorials/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Get Started</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/documentation/guides-and-tutorials/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Guides and Tutorials</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/documentation/components/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Components</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/documentation/examples/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Examples</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/documentation/templates/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Design Templates</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/documentation/tools/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Tools</a></li> </ul> </div> <div class="ap-o-footer-nav-column"> <h5 class="ap-o-footer-nav-title">Community</h5> <ul class="ap-o-footer-nav-menu"> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/support/faq/platform-and-vendor-partners/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Platform and Vendor Partners</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/documentation/guides-and-tutorials/contribute/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Contribute</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/community/roadmap/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Roadmap</a></li> </ul> <h5 class="ap-o-footer-nav-title">OpenJS Foundation</h5> <ul class="ap-o-footer-nav-menu"> <li class="ap-o-footer-nav-item"><a class="ap-o-footer-nav-link" href="https://openjsf.org" rel="noopener"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>The OpenJS Foundation</a></li> <li class="ap-o-footer-nav-item"><a class="ap-o-footer-nav-link" href="https://bylaws.openjsf.org" rel="noopener"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>OpenJS Foundation Bylaws</a></li> <li class="ap-o-footer-nav-item"><a class="ap-o-footer-nav-link" href="https://trademark-policy.openjsf.org" rel="noopener"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Trademark Policy</a></li> <li class="ap-o-footer-nav-item"><a class="ap-o-footer-nav-link" href="https://trademark-list.openjsf.org" rel="noopener"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>Trademark List</a></li> </ul> </div> <div class="ap-o-footer-nav-column"> <h5 class="ap-o-footer-nav-title">Events</h5> <ul class="ap-o-footer-nav-menu"> <li class="ap-o-footer-nav-item"><a href="https://blog.amp.dev/2020/02/20/amp-conf-2020-return-to-nyc/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>AMP Conf 2020</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/events/amp-cs-2019/" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use></svg></div>AMP Contributor Summit 2019</a></li> </ul> <h5 class="ap-o-footer-nav-title">AMP Brand Materials</h5> <ul class="ap-o-footer-nav-menu"> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/static/files/brand-material/AMP_Mini_Styleguide.pdf" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#download"></use></svg></div>Styleguide</a></li> <li class="ap-o-footer-nav-item"><a href="https://amp.dev/static/files/brand-material/AMP_Logo_Rebrush.zip" class="ap-o-footer-nav-link"><div class="ap-a-ico ap-o-footer-nav-icon"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#download"></use></svg></div>Logos</a></li> </ul> </div> </div> <div class="ap-o-footer-line-bottom"> <div class="ap-o-footer-openjsf"> <amp-img src="https://amp.dev/static/img/logo-openjsf.svg" alt="Logo of the OpenJS Foundation" width="315" height="100" layout="responsive" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:31.746%"></i-amphtml-sizer></amp-img> </div> <ul class="ap-o-footer-legal-nav-menu"> <li class="ap-o-footer-legal-nav-item"><a class="ap-o-footer-legal-nav-link" href="https://terms-of-use.openjsf.org" rel="noopener">Terms of Use</a></li> <li class="ap-o-footer-legal-nav-item"><a class="ap-o-footer-legal-nav-link" href="https://privacy-policy.openjsf.org" rel="noopener">Privacy Policy</a></li> <li class="ap-o-footer-legal-nav-item"><a class="ap-o-footer-legal-nav-link" href="https://www.linuxfoundation.org/cookies" rel="noopener">Cookie Policy</a></li> </ul> </div> <div class="ap-o-footer-copyright"> © <a href="https://openjsf.org">OpenJS Foundation</a> and AMP Project contributors. All rights reserved. The <a href="https://openjsf.org">OpenJS Foundation</a> has registered trademarks and uses trademarks. For a list of trademarks of the <a href="https://openjsf.org">OpenJS Foundation</a>, please see our <a href="https://trademark-policy.openjsf.org">Trademark Policy</a> and <a href="https://trademark-list.openjsf.org">Trademark List</a>. Trademarks and logos not indicated on the <a href="https://trademark-list.openjsf.org">list of OpenJS Foundation trademarks</a> are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them. <br><br> The services available at <a href="https://cdn.ampproject.org">cdn.ampproject.org</a> are provided by Google and the respective <a href="https://policies.google.com/privacy?hl=en">privacy policy</a> applies. </div> </div> </footer> <amp-analytics id="32a0d5a4257b" type="gtag" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px" i-amphtml-layout="fixed"><script type="application/json">{"vars":{"gtag_id":"UA-67833617-1","config":{"UA-67833617-1":{"groups":"default"}}}}</script></amp-analytics><amp-pixel src="https://pixel.wp.com/g.gif?v=ext&blog=160336497&post=4204&tz=-8&srv=blog.amp.dev&host=blog.amp.dev&rand=RANDOM&ref=DOCUMENT_REFERRER" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px" i-amphtml-layout="fixed"></amp-pixel> </body></html>