https://www.ampproject.org/documentation/tools/

Scan ID:: 2b4080ad-c249-414a-a514-fb07f43cb708Finished
Submitted URL:: https://www.ampproject.org/documentation/tools/
Report Finished:: Oct 8, 2024, 11:53:53
Links · 15 found

The outgoing links identified from the page
Link	Text
https://ampbyexample.com/	Examples
https://youtube.com/TheAMPProject	Videos
https://validator.ampproject.org	AMP Validator
https://ampbyexample.com	AMP By Example
https://ampbyexample.com/playground/	AMP Playground
https://www.ampstart.com	AMP Start
https://cdn.ampproject.org/experiments.html	AMP Experiments
https://github.com/ampproject/amp-toolbox	AMP Toolbox
https://services.google.com/fb/forms/ampnewsletter/	Newsletter
https://status.ampproject.org/	AMP Status
JavaScript Variables · 19 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
AMP	object
AMP_CONFIG	object
AMP_EXP	object
__AMP_LOG	object
HTMLElementOrig	function
__AMP_ERRORS	object
__AMP_MODE	object
Console log messages · 13 found

Messages logged to the web console
Type	Category	Log
error	network	URL https://www.ampproject.org/documentation/tools/ Text Failed to load resource: the server responded with a status of 404 ()
info	other	URL https://cdn.ampproject.org/v0.js Text Powered by AMP ⚡ HTML – Version 2409191841000 https://www.ampproject.org/documentation/tools/
error	network	URL https://amp.dev/static/img/symbols/close.svg Text Failed to load resource: the server responded with a status of 404 ()
error	network	URL https://amp.dev/static/img/hamburger.svg Text Failed to load resource: the server responded with a status of 404 ()
error	network	URL https://amp.dev/static/img/symbols/return.svg Text Failed to load resource: the server responded with a status of 404 ()
error	network	URL https://amp.dev/static/img/sprite.svg Text Failed to load resource: the server responded with a status of 404 ()
error	network	URL https://amp.dev/static/img/arrow.svg Text Failed to load resource: the server responded with a status of 404 ()
error	network	URL https://amp.dev/static/img/logo-blue.svg Text Failed to load resource: the server responded with a status of 404 ()
warning	other	URL https://cdn.ampproject.org/v0.js Text [AmpAnalytics analytics-ga] Warning from analytics vendor%s%s: %s googleanalytics [object Object]
error	network	URL https://amp.dev/static/img/amp_favicon.png?v=3 Text Failed to load resource: the server responded with a status of 404 ()
error	other	Text The script resource is behind a redirect, which is disallowed.
error	javascript	URL https://cdn.ampproject.org/v0.js Text [amp-install-serviceworker] ServiceWorker registration failed: JSHandle@error
error	network	URL https://amp.dev/static/img/symbols/search.svg Text Failed to load resource: the server responded with a status of 404 ()
HTML

The raw HTML body of the page
<!DOCTYPE html><html ⚡="" lang="en" amp-version="2409191841000" class="i-amphtml-singledoc i-amphtml-standalone amp-geo-group-eu amp-iso-country-es"><head><style amp-runtime="">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><style amp-extension="amp-sidebar">amp-sidebar{--story-page-vh:1vh;position:fixed!important;top:0;max-height:100vh!important;height:100vh;max-width:80vw;background-color:#efefef;min-width:45px!important;outline:none;overflow-x:hidden!important;overflow-y:auto!important;z-index:2147483647;-webkit-overflow-scrolling:touch;will-change:transform}amp-sidebar[side=left]{left:0!important;transform:translateX(-100%);animation-name:i-amphtml-sidebar-slide-out-left}amp-sidebar[side=left][open]{animation-name:i-amphtml-sidebar-slide-in-left}amp-sidebar[side=right]{right:0!important;transform:translateX(100%);animation-name:i-amphtml-sidebar-slide-out-right}amp-sidebar[side=right][open]{animation-name:i-amphtml-sidebar-slide-in-right}amp-sidebar[side][i-amphtml-sidebar-opened]{transform:none;animation:none}.i-amphtml-sidebar-mask,amp-sidebar[side]{animation-duration:233ms;animation-timing-function:cubic-bezier(0,0,.21,1);animation-fill-mode:forwards}.i-amphtml-toolbar>ol,.i-amphtml-toolbar>ul{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:auto;list-style-type:none;padding:0;margin:0}.amp-sidebar-mask{background-color:rgba(0,0,0,.5)}.i-amphtml-sidebar-mask{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-image:none!important;animation-name:i-amphtml-sidebar-mask-fade-out;z-index:2147483646}.i-amphtml-sidebar-mask[open]{animation-name:i-amphtml-sidebar-mask-fade-in}.i-amphtml-sidebar-mask[i-amphtml-sidebar-opened]{animation:none}@keyframes i-amphtml-sidebar-slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes i-amphtml-sidebar-slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes i-amphtml-sidebar-slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes i-amphtml-sidebar-slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes i-amphtml-sidebar-mask-fade-in{0%{opacity:0}to{opacity:1}}@keyframes i-amphtml-sidebar-mask-fade-out{0%{opacity:1}to{opacity:0}}
/*# sourceURL=/extensions/amp-sidebar/0.1/amp-sidebar.css*/</style><style amp-extension="amp-consent">amp-consent{position:fixed!important;bottom:0;left:0;overflow:hidden!important;background:hsla(0,0%,100%,.7);width:100%;z-index:2147483645}amp-consent[i-amphtml-notbuilt]>*{display:none!important}amp-consent>*{max-height:100vh!important}amp-consent.amp-active{visibility:visible}amp-consent.amp-hidden{visibility:hidden}@keyframes amp-consent-ui-placeholder-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.i-amphtml-consent-ui-placeholder{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.i-amphtml-consent-ui-placeholder>svg{width:30px;height:30px;fill:none;stroke-width:1.5px;transform-origin:50% 50%;animation:amp-consent-ui-placeholder-spin 1000ms linear infinite}.i-amphtml-consent-alertdialog{overflow:hidden;position:absolute;height:1px;width:1px;top:auto;left:auto}.i-amphtml-consent-ui-fill{position:absolute;top:0;left:0;width:100%}iframe.i-amphtml-consent-ui-fill{border:none}amp-consent.i-amphtml-consent-ui-iframe-active{width:100%!important;height:100%!important;padding:0px!important;margin:0px!important;overflow:auto!important;transform:translate3d(0px,100vh,0px)!important}amp-consent.i-amphtml-consent-ui-iframe-active.i-amphtml-consent-ui-modal{box-sizing:border-box;top:0;right:0;animation:i-amphtml-modal-appear 0.5s;animation-fill-mode:forwards;height:var(--i-amphtml-modal-height)!important;width:90vw!important;margin:auto!important;max-width:760px}amp-consent.i-amphtml-consent-ui-border-enabled{border-top-left-radius:8px!important;border-top-right-radius:8px!important;box-shadow:0 0 5px 0 rgba(0,0,0,.2)!important}amp-consent.i-amphtml-consent-ui-modal.i-amphtml-consent-ui-border-enabled{border-radius:8px!important;box-shadow:0 0 5px 0 rgba(0,0,0,.2)!important}amp-consent.i-amphtml-consent-ui-iframe-active.i-amphtml-consent-ui-iframe-transform{transform:translate3d(0px,calc(100% - var(--i-amphtml-modal-height)),0px)!important}amp-consent.i-amphtml-consent-ui-iframe-active.i-amphtml-consent-ui-in{transition:transform 0.5s ease-out!important}amp-consent.i-amphtml-consent-ui-iframe-active.i-amphtml-consent-ui-in.i-amphtml-consent-ui-iframe-fullscreen{top:0px!important;transform:translateZ(0px)!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important}amp-consent.i-amphtml-consent-ui-in.i-amphtml-consent-ui-iframe-fullscreen>.i-amphtml-consent-ui-fill{height:100%!important}@keyframes i-amphtml-consent-ui-mask{0%{opacity:0.0}to{opacity:0.2}}@keyframes i-amphtml-modal-appear{0%{transform:translateY(100vh);opacity:0}to{transform:translate(0);opacity:1}}.i-amphtml-consent-ui-mask{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;opacity:0.2;animation:i-amphtml-consent-ui-mask 0.25s ease-in;background-image:none!important;background-color:#000;z-index:2147483644}
/*# sourceURL=/extensions/amp-consent/0.1/amp-consent.css*/</style><style amp-extension="amp-form">form.amp-form-submit-error [submit-error],form.amp-form-submit-success [submit-success],form.amp-form-submitting [submitting]{display:block}textarea[autoexpand]:not(.i-amphtml-textarea-max){overflow:hidden!important}.i-amphtml-textarea-clone{visibility:hidden;position:absolute;top:-9999px;left:-9999px;height:0!important}.i-amphtml-validation-bubble{transform:translate(-50%,-100%);background-color:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.5);max-width:200px;position:absolute;display:block;box-sizing:border-box;padding:10px;border-radius:5px}.i-amphtml-validation-bubble:after{content:" ";position:absolute;bottom:-8px;left:30px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}[visible-when-invalid]{color:red}
/*# sourceURL=/extensions/amp-form/0.1/amp-form.css*/</style><style amp-extension="amp-accordion">amp-accordion>section>:last-child{display:none!important}amp-accordion>section[expanded]>:last-child{display:block!important}.i-amphtml-accordion-content,.i-amphtml-accordion-header{margin:0}.i-amphtml-accordion-header{cursor:pointer;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}amp-accordion>section:not([expanded]) .i-amphtml-media-component,amp-accordion>section:not([expanded]) .i-amphtml-media-component *{display:none!important;visibility:hidden!important}
/*# sourceURL=/extensions/amp-accordion/0.1/amp-accordion.css*/</style>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <meta property="og:description" content="Accelerated Mobile Pages Project">
  <meta property="og:image" content="https://www.ampproject.org/static/img/logo-og-image.jpg">
  <meta name="amp-experiments-opt-in" content="url-replacement-v2">
  <meta name="google-site-verification" content="DPQFQ0Loo-Qiz2pYWfboqYb03QnnVUMb0RDvg7O2u2c">
  <meta name="amp-google-client-id-api" content="googleanalytics">
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Webpage",
    "url": "https://www.ampproject.org/404.html",
    "name": "AMP Project",
    "headline":"Page not Found (404)",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://www.ampproject.org/404.html"
    },
    "publisher": {
      "@type": "Organization",
      "name": "AMP Project",
      "logo": {
          "url": "https://www.ampproject.org/assets/img/logo-blue.svg",
          "width": 175,
          "height": 60,
          "@type": "ImageObject"
      }
    },
    "image": {
      "@type": "ImageObject",
      "url": "https://www.ampproject.org/static/img/logo-og-image.jpg",
      "width": 1200,
      "height": 630
    }
  }
  </script>

  <title>Page not Found (404) – AMP</title>
  <link rel="shortcut icon" href="/static/img/amp_favicon.png?v=3">
  <link rel="canonical" href="https://www.ampproject.org/404.html">

  <link rel="manifest" href="/manifest.json">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="apple-touch-icon" sizes="120x120" href="/static/img/icons/120.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/static/img/icons/152.png">
  <link rel="apple-touch-icon" sizes="167x167" href="/static/img/icons/167.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/static/img/icons/180.png">

  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400" rel="stylesheet">
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <script async="" src="https://cdn.ampproject.org/v0.js"></script>
  <script async="" custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
  <script async="" custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
  <script async="" custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
  <script async="" custom-element="amp-install-serviceworker" src="https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js"></script>
  <script async="" custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
  <script async="" custom-element="amp-consent" src="https://cdn.ampproject.org/v0/amp-consent-0.1.js"></script>
  <script async="" custom-element="amp-geo" src="https://cdn.ampproject.org/v0/amp-geo-0.1.js"></script>

    <script async="" custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>

  <style amp-custom="">
a.underlined,.card-container.grid .card-link p{hyphens:manual;overflow-wrap:normal;white-space:nowrap;word-break:normal;word-wrap:normal}.light,a,.text-label,amp-sidebar .return-button{font-size:14px;font-weight:400;letter-spacing:.56px;line-height:16px;text-transform:uppercase}@media only screen and (max-width: 956px){.light,a,.text-label,amp-sidebar .return-button{font-size:12px}}body,.header div.tab .list-container>ul li a,.card,.searchbar input{font-weight:300;text-transform:none}body,.card{font-size:20px;line-height:28px}@media only screen and (max-width: 956px){body,.card{font-size:16px;line-height:26px}}.small,.header div.tab .list-container>ul li a,.searchbar input{color:#333;font-size:16px;line-height:26px}@media only screen and (max-width: 956px){.small,.header div.tab .list-container>ul li a,.searchbar input{font-size:14px}}.smaller{color:#333;font-size:14px;line-height:26px}.light{color:#959595;margin-bottom:15px}.desktop-up,.desktop-only{display:none;visibility:hidden}@media only screen and (min-width: 957px){.desktop-up,.desktop-only{display:block;visibility:visible}}.tablet-up{display:none;visibility:hidden}@media only screen and (min-width: 1025px){.tablet-up{display:block;visibility:visible}}.tablet-down{display:none;visibility:hidden}@media only screen and (max-width: 1024px){.tablet-down{display:block;visibility:visible}}.mobile-down{display:none;visibility:hidden}@media only screen and (max-width: 956px){.mobile-down{display:block;visibility:visible}}@keyframes cta-line{0%{transform-origin:100% 50%;transform:scaleX(1)}45%{transform-origin:100% 50%;transform:scaleX(0)}55%{transform-origin:0% 50%;transform:scaleX(0)}100%{transform-origin:0% 50%;transform:scaleX(1)}}.header div.tab .list-container>ul li.has-sublist::after,.language .current::after,amp-sidebar .language .current::after,amp-sidebar .has-sub-level::after,footer .footer-image.twitter,footer .footer-image.wordpress,footer .footer-image.youtube{display:inline-block;background-image:url("/static/img/sprite.svg");background-size:100px 74px}html,body,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}html,body{box-sizing:border-box;overflow-x:hidden}body{color:#000;font-family:"Roboto",sans-serif;padding-top:80px}@media only screen and (max-width: 956px){body{padding-top:60px}}img{border:0;max-width:100%}h1,h2,h3,h4,h5{color:#000;font-weight:300;margin:0.25em 0}h1,h2.h1{font-size:50px;font-weight:100;line-height:65px}@media only screen and (max-width: 956px){h1,h2.h1{font-size:35px;line-height:44px}}h2{font-size:40px;line-height:50px;font-weight:100}@media only screen and (max-width: 956px){h2{font-size:26px;line-height:40px;font-weight:300}}h3{font-size:30px;line-height:40px}@media only screen and (max-width: 956px){h3{font-size:20px;line-height:28px}}h4{font-size:24px;line-height:32px}@media only screen and (max-width: 956px){h4{font-size:18px;line-height:26px}}a{color:#1c79c0;position:relative;text-decoration:none}a.underlined::before,.card-container.grid .card-link p::before{background:linear-gradient(to right, #0389ff, #0dd3ff);bottom:-3px;content:'';left:0;height:1px;position:absolute;right:0}a.underlined.cta,.card-container.grid .card-link p.cta{overflow:hidden}a.underlined.cta::before,.card-container.grid .card-link p.cta::before{bottom:-5px;height:2px}a.underlined.cta:hover::before,.card-container.grid .card-link p.cta:hover::before{animation:0.5s 1 cta-line}@media only screen and (max-width: 956px){a{font-size:14px}}.button{background-color:#0389ff;display:inline-block;color:#fff;padding:15px 20px;position:relative;transition:background-color 0.3s}.button span{position:relative;z-index:1}.button::before{background:linear-gradient(to right, #0389ff, #0dd3ff);bottom:-2px;content:'';left:0;height:2px;position:absolute;right:0}.button::after{background:linear-gradient(36deg, #0dd3ff, #0389ff);content:'';z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0}.button:hover{background-color:transparent}.button:hover .arrow{transform:translateX(3px)}.button.light{background:#fff;color:#1c79c0}.button.light::after{background:linear-gradient(36deg, #5ADAFD, #51B9FD);opacity:0;transition:opacity 0.3s;z-index:0}.button.light:hover{color:#fff}.button.light:hover::after{opacity:1}.button .arrow{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid white;display:inline-block;height:0;margin-left:8px;transition:transform 0.3s;width:0}.rtl .button .arrow{margin:0 8px 0 0;transform:rotate(180deg)}.rtl .button:hover .arrow{transform:rotate(180deg) translateX(3px)}blockquote{color:#797c82;border-left:4px solid #f9f9f9;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}.rtl blockquote{border-left:0;border-right:4px solid #f9f9f9;padding-left:0;padding-right:15px}p:last-child{margin-bottom:0}figure{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}amp-youtube,amp-vimeo{box-shadow:0px 3px 20px 0 rgba(0,0,0,0.1)}.rtl figure{direction:ltr}.container{box-sizing:border-box;margin:0 auto;max-width:3000px;padding:0 22px}.container.sm{max-width:800px}.container.md{max-width:925px}.container.lg{max-width:1200px}.container.xl{max-width:1440px}.wrap{margin:0 auto;overflow:hidden}:target::before{content:'';display:block;height:110px;margin-top:-110px;visibility:hidden}@media only screen and (max-width: 956px){:target::before{height:70px;margin-top:-70px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0.5}100%{transform:translateY(0);opacity:1}}amp-consent{background:white;box-shadow:rgba(0,0,0,0.26) 0 0 19px 0;animation:.5s ease-out 0s 1 slideUp}.consent-popup p{line-height:20px;font-size:14px}.consent-popup div{display:flex;justify-content:center;align-items:center}.consent-popup a{text-transform:none;font-size:inherit}.consent-popup .close-button{background:url(/static/img/symbols/close.svg) no-repeat center transparent;filter:brightness(0.25);border:0;position:absolute}.consent-popup .button.text-label{flex:none;align-self:center;padding:13px 18px;width:142px;border:none}@media only screen and (max-width: 640px){.consent-popup div{flex-flow:column wrap;align-items:center;margin:12px 25px 15px 12px}.consent-popup p{padding:5px 20px 5px 10px;margin:0 0 10px 0}.consent-popup .close-button{background-size:17px;top:15px;right:13px;width:20px;height:20px}}@media only screen and (min-width: 641px){.consent-popup div{flex-flow:row;height:100px;margin:0 40px}.consent-popup p{max-width:530px;padding:0 25px 0 40px;margin:0}.consent-popup .close-button{background-size:20px;left:30px;width:30px;height:55px}}@media only screen and (max-width: 320px){.consent-popup p{line-height:16px;font-size:12px}}:lang(ko) body{font-weight:400}.header{backface-visibility:hidden;background-color:#fff;box-shadow:0 0 40px 0 rgba(0,0,0,0.1);font-size:14px;font-weight:300;transform:translateZ(0)}.header .container{position:relative;z-index:1}.header.fixed{left:0;position:fixed;top:0;transform:translateY(0%);transition:all .4s ease;width:100%;z-index:1000}.header .nav-container,.header .left-nav,.header .alt,.header .tabs{display:flex}.header .nav-container{justify-content:space-between;position:relative}.header .left-nav,.header .alt{justify-content:flex-start}.header .left-nav{align-items:center;font-size:20px;font-weight:300;margin-left:0}.header .left-nav .header-title{background:url("/static/img/logo-blue.svg") no-repeat center left/100%;color:#0379c4;margin:0;padding:40px 40px 40px 60px;text-transform:none;white-space:nowrap;width:auto}.header .left-nav .header-title::after,.header .left-nav .header-title::before{display:none}.header .alt,.header .tabs{align-items:stretch}.header .alt{padding:0}.header .alt.right{font-size:15px}.header .tabs{justify-content:center;margin-left:40px}.header .tab{color:#333;font-weight:400;margin:0 4px;padding:6px;position:relative;transition:.1s ease color}.header .tab::after{background:linear-gradient(to right, #1c79c0, #0389ff, #0dd3ff);bottom:0;content:'';height:3px;left:20px;margin:auto;opacity:0;position:absolute;right:20px;transition:.1s ease opacity}.header .tab:hover,.header .tab.active{color:#1c79c0}.header .tab.active::after{opacity:1}.header .tab.active:hover::after{opacity:0}.header .tab.hamburger{align-self:center;background:url("/static/img/hamburger.svg") no-repeat center/30px 24px transparent;border:0;cursor:pointer;display:none;height:40px;margin:0;padding:0;width:40px}.header div.tab{padding:6px 15px}.header div.tab::before{bottom:0;box-shadow:0 0 40px 0 rgba(0,0,0,0.1);content:'';left:-10px;opacity:0;position:absolute;right:-10px;top:20px;transition:opacity .2s ease-out}.header div.tab>a{color:inherit;position:relative;top:19px}.header div.tab .list-container>ul,.header div.tab .sublist{list-style:none}.header div.tab .list-container,.header div.tab .sublist{opacity:0;pointer-events:none;position:absolute}.header div.tab .list-container{left:-10px;top:100%;transition:.2s ease-out;z-index:-1}.header div.tab .list-shadow{bottom:-50px;left:-50px;overflow:hidden;position:absolute;right:-50px;top:0}.header div.tab .list-shadow::before{bottom:50px;box-shadow:0 0 40px 0 rgba(0,0,0,0.1);content:'';left:50px;position:absolute;right:50px;top:0}.header div.tab .list-container>ul{background:#fff;min-width:250px;position:relative}.header div.tab .list-container>ul li{box-sizing:border-box;position:relative}.header div.tab .list-container>ul li.has-sublist::after{width:6.12px;height:11.88px;background-position:-84px -38.94px;content:'';position:absolute;right:20px;top:18px}.header div.tab .list-container>ul li a{display:block;padding:7.5px 30px}.header div.tab .list-container>ul li:hover{background:#f8f8f8}.header div.tab .list-container>ul li:hover .sublist{opacity:1;pointer-events:all}.header div.tab .list-container>ul li.external a{background:no-repeat right 15px center / 12px}.header div.tab .list-container>ul li.external:hover a{background-image:url("/static/img/ic_open_in_new_black.svg")}.header div.tab .list-container>ul .sublist{background:#f8f8f8;box-shadow:0 0 40px 0 rgba(0,0,0,0.1);right:0;top:0;transform:translateX(100%);transition:opacity .3s;max-height:calc(100vh - 295px);overflow-y:auto}.header div.tab .list-container>ul .sublist li:hover{background:white}.header div.tab .list-container>ul .sublist li a{display:block;font-size:14px;line-height:1.3;padding:15px 35px}.header div.tab:hover::before{opacity:1}.header div.tab:hover .list-container{opacity:1;pointer-events:all;z-index:0}@media only screen and (max-width: 956px){.header .container{padding-right:18px}.header .left-nav{flex:1 1 auto;width:auto}.header .left-nav .header-title{margin:0;padding:30px 30px 30px 50px;width:auto}.header div.tab,.header .desktop{display:none}.header .tab.hamburger{display:inline-block}}.rtl .header .tabs{margin-right:60px}.rtl .header .tab .list-container{left:auto;right:-10px}.rtl .header .tab .list-container>ul li.has-sublist::after{left:20px;right:auto;transform:rotate(180deg)}.rtl .header .tab .list-container>ul li.external a{background-position:left 15px center}.rtl .header .tab .list-container>ul .sublist{left:0;transform:translateX(-100%);right:auto}:lang(ko) .header{font-weight:400}:lang(ko) .header div.tab .list-container>ul li a{font-weight:400}.promo{display:flex;justify-content:center;overflow:hidden;position:relative;text-align:center;height:60px}.promo .left,.promo .right{background-color:#fcf7fe;background-image:url(/static/img/amp-conf/sakura.png);background-position:bottom right;background-repeat:no-repeat;background-size:contain;flex:1 1 50%;padding:6px 0;display:block;text-transform:none;box-shadow:inset 0px -5px 5px 0px #0000000a}.promo .right{position:relative}.promo .right::before{display:block;content:'';position:absolute;top:-10%;left:-10px;background:#fff;width:20px;height:120%;transform:rotate(20deg)}.promo .description,.promo .link{color:#2b2b2b;font-weight:400;line-height:1.5;position:relative}.promo .description{font-size:18px}@media only screen and (min-width: 958px){.promo .description.desktop-up{display:block}}.promo .link{display:inline-block;font-weight:400;margin-left:20px;text-transform:uppercase;vertical-align:center}.promo .link::after{background:url(/static/img/arrow.svg) center/cover no-repeat;content:'';display:inline-block;height:10px;margin-left:10px;width:10px}@media only screen and (max-width: 956px){.promo .promo .description,.promo .promo .link{font-size:16px}.promo .promo .description.mobile-down{display:block}.promo .promo .description,.promo .promo .link{font-size:14px}}.promo-line{left:50px;top:-50px;position:absolute;width:150px}.rtl .header .promo .link::after{transform:rotate(180deg)}.doc-sidebar,.toc{top:140px}:lang(ko) .promo .left,:lang(ko) .promo .right{font-weight:400}.container .content{margin:0 auto;min-width:0;padding:100px 0;transition:all .25s ease;width:100%;word-break:break-word;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.main{align-items:stretch;display:flex;margin-left:300px;min-height:calc(100vh - 274px)}.main h1{font-size:40px;font-weight:100;line-height:50px;margin-top:0}.main h2{font-size:30px;line-height:40px;margin-top:30px}.main h3{font-size:24px;line-height:32px;margin-top:30px}.main h4{font-size:18px;line-height:24px;margin-top:30px}.main h5{font-size:16px;font-weight:400;margin-top:30px}.main h6{font-size:14px}.main a{font-size:16px}.main aside a{font-size:14px}.main hr{margin-top:30px;border:0;border-bottom:2px solid #1c79c0}.main .centered-fig{text-align:center}.main .flex-images{display:flex;align-items:center}.main .special-char{font-size:22px;font-weight:400;padding:10px}.main .content{flex-grow:1;-webkit-flex-grow:1;max-width:1000px;padding-bottom:60px;padding-top:70px}.main .content ul,.main .content ol{margin-left:40px}.main amp-img,.main amp-youtube,.main amp-iframe{margin:1em 0}.main .alignment-wrapper{margin-bottom:1em}.main .alignment-wrapper.left{float:left;margin-right:1em}@media only screen and (max-width: 460px){.main .alignment-wrapper.left{float:none;margin-right:0}}.main .alignment-wrapper.right{float:right;margin-left:1em}@media only screen and (max-width: 460px){.main .alignment-wrapper.right{float:none;margin-left:0}}.main .alignment-wrapper.center{margin:0 auto}@media only screen and (max-width: 460px){.main .alignment-wrapper.center{float:none;margin-left:0}}.main .alignment-wrapper.half{width:calc(50% - 0.5em)}@media only screen and (max-width: 460px){.main .alignment-wrapper.half{width:auto}}.main .alignment-wrapper.third{width:calc(33% - 0.5em)}@media only screen and (max-width: 460px){.main .alignment-wrapper.third{width:auto}}.main .alignment-wrapper.margin-none{margin:0}.main .alignment-wrapper.ninety{width:calc(90% - 0.5em)}@media only screen and (max-width: 460px){.main .alignment-wrapper.ninety{width:auto}}.main .alignment-wrapper.seventyfive{width:calc(75% - 0.5em)}@media only screen and (max-width: 460px){.main .alignment-wrapper.seventyfive{width:auto}}.main .alignment-wrapper.forty{width:calc(40% - 0.5em)}@media only screen and (max-width: 460px){.main .alignment-wrapper.forty{width:auto}}.main .alignment-wrapper amp-img{margin:0}.main .alignment-wrapper figcaption{font-size:0.8em;color:#666;margin-top:1em;padding:1em 0;border-top:2px solid #f0f0f0;text-align:center}.rtl .main{margin:0 350px 0 auto}@media only screen and (max-width: 956px){.container .content{max-width:100%;padding:70px 0}.main{flex-direction:column;margin-left:0}.main h1{font-size:26px;line-height:40px;font-weight:300}.main h2{font-size:20px;line-height:28px}.main h3{font-size:18px;line-height:26px}.main a{font-size:14px}.rtl .main{margin-right:0}}.error-text{color:red}.success-text{color:green}.bg-triangle-primary .wrap,.bg-triangle-secondary .wrap,.bg-triangle-bottom .wrap{overflow:hidden;position:relative}.bg-triangle-primary .wrap::before,.bg-triangle-primary .wrap::after,.bg-triangle-secondary .wrap::before,.bg-triangle-secondary .wrap::after,.bg-triangle-bottom .wrap::before,.bg-triangle-bottom .wrap::after{background:linear-gradient(to right, rgba(3,137,255,0.05), rgba(13,211,255,0.05));display:block;height:1400px;left:0;position:absolute;width:100%;z-index:-1}.bg-triangle-primary .wrap::before,.bg-triangle-secondary .wrap::before,.bg-triangle-bottom .wrap::before{content:'';top:0;transform:skewY(36deg);transform-origin:top right}.bg-triangle-primary .wrap::before{background:linear-gradient(to right, #0389ff, #0dd3ff)}.bg-triangle-primary .post-title,.bg-triangle-primary nav.breadcrumb li,.bg-triangle-primary nav.breadcrumb a{color:#fff}.bg-triangle-bottom .wrap::after{bottom:0;content:'';transform:skewY(-36deg);transform-origin:bottom right}nav.breadcrumb{margin:15px 20px;position:absolute;z-index:2}nav.breadcrumb ul{line-height:12px;list-style:none}nav.breadcrumb li,nav.breadcrumb a{color:#959595;font-size:12px;font-weight:300;letter-spacing:0;line-height:17px;text-transform:none}nav.breadcrumb li{display:inline}nav.breadcrumb li::after{content:'\00bb';margin-left:5px}nav.breadcrumb li:last-child::after{content:''}.rtl nav li::after{margin-left:0;margin-right:5px}@media only screen and (max-width: 956px){nav li,nav a{font-size:10px}}:lang(ko) nav.breadcrumb li,:lang(ko) nav.breadcrumb a{font-weight:400}.language{height:33px;left:100px;position:relative;top:-4px;user-select:none}.language section{border:0;padding:0}.language section[expanded] .current,.language section[expanded] .others-inner{box-shadow:0 0 40px 0 rgba(0,0,0,0.1)}.language section[expanded] .current{left:60px}.language section[expanded] .current::after{transform:scale(0.75)}.language h6{color:#333;display:inline-block;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;text-transform:uppercase}.language h6 span{padding-right:6px}.language .current{font-size:1em;margin-right:100px;text-align:right;width:140px}.language .current::after{width:16px;height:8.3px;background-position:-42.58px -54.2px;content:'';display:inline-block;position:relative;top:-4px;transform:scale(0.75)}.language .others{padding:0 50px 50px 50px;left:-50px;top:-1px}.language .others-inner{background:#fff;margin:0}.language .others-inner div{width:200px}.language .others-inner div a{margin:0 10px;text-transform:capitalize}.language .others-inner div:hover{background-color:#f9f9f9}.language .current,.language .others-inner div{background-color:transparent;border:0;box-sizing:border-box;height:auto;padding:10px 15px 8px}.language .current:hover a,.language .others-inner div:hover a{text-decoration:none}.language .current a,.language .others-inner div a{color:#333;display:inline-block;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.rtl .language{left:auto;right:100px}.rtl .language .current{margin:0 0 0 100px;right:-60px}.rtl .language .others{left:auto;right:-50px}.rtl .language section[expanded] .current{left:auto;right:0}.rtl .language .current a,.rtl .language .others-inner div a{background-position:right 6px}header .language{align-self:center;margin-left:12px}@media only screen and (max-height: 775px){header .language .others-inner div{padding:7px 15px}header .language .others-inner div a{display:block}}amp-sidebar .language{bottom:15px;left:10px;position:absolute;top:auto}amp-sidebar .language section[expanded] .current{left:0}amp-sidebar .language .current a,amp-sidebar .language .others-inner div a{color:#1c79c0}amp-sidebar .language .current{margin-right:0;text-align:left}amp-sidebar .language .current::after{width:15.53px;height:8.3px;background-position:-84px -15.71px;top:-5px;transform:rotate(180deg) scale(0.75)}amp-sidebar .language .others{box-shadow:0 0 40px 0 rgba(0,0,0,0.1);left:0;padding:0;transform:translateY(-117%);transform:translateY(calc(-100% - 50px))}amp-sidebar .language .others .others-inner{box-shadow:none;width:240px}amp-sidebar .language .others .others-inner::after{clear:both;content:'';display:table}amp-sidebar .language .others .others-inner div{float:left;width:120px}.rtl amp-sidebar .language section[expanded] .current{right:-50px}.points{max-width:1200px;padding:100px;position:relative}.point{border-bottom:3px solid #e5f7ff;padding:30px}.point:last-child{border-bottom:0}.point-text{align-items:flex-start;display:flex}.point-text h4,.point-text .description{margin:0 20px;width:0}.point-text h4{flex:1 1 auto}.point-text .description{flex:2 1 auto}.point-text .description a{text-transform:none}.point-text .description p{margin-top:0}.point-example{margin:40px 20px 20px}@media only screen and (max-width: 1024px){.points{padding:100px 30px}}@media only screen and (max-width: 768px){.points{padding:0}.point{padding:30px 0}.point .point-text{display:block}.point h4,.point .description{width:auto}.point h4{margin-bottom:30px}}.large-cta{background:linear-gradient(36deg, #0dd3ff, #0389ff, #1c79c0);padding:100px 0;position:relative;text-align:center}.large-cta .large-cta-lines{position:absolute}.large-cta .large-cta-lines.left{bottom:-30%;left:-10%}.large-cta .large-cta-lines.right{right:-5%;top:-30%}.large-cta h1,.large-cta p{color:#fff;margin:0 auto 50px;max-width:600px}.large-cta h1+p{margin-top:-30px}amp-carousel .card-container{padding-left:35px;padding-right:35px}.amp-carousel-button{background:transparent;cursor:pointer}.amp-carousel-button:before,.amp-carousel-button:after{background:#acbac1;content:'';display:block;height:2px;width:20px}.amp-carousel-button:before{transform:translate(10px, 10px) rotate(45deg)}.amp-carousel-button:after{transform:translate(10px, 22px) rotate(-45deg)}.amp-carousel-button-prev{left:0;transform:translateY(-50%) translateY(-10px) rotateY(180deg)}.amp-carousel-button-next{right:0;transform:translateY(-50%) translateY(-10px)}.rtl .amp-carousel-button-prev{left:10px}.rtl .amp-carousel-button-next{right:10px}@media only screen and (max-width: 956px){amp-carousel .card-container{padding-left:20px;padding-right:20px}.amp-carousel-button::before,.amp-carousel-button::after{opacity:0.6}.amp-carousel-button-prev{left:-2px;transform:translateY(-50%) translateY(-10px) rotateY(180deg) scale(0.7)}.amp-carousel-button-next{right:-9px;transform:translateY(-50%) translateY(-10px) scale(0.7)}}.card-container{box-sizing:border-box;display:flex;justify-content:space-between;padding:20px 5px}.card{background:#fff;box-shadow:0px 3px 20px 0 rgba(0,0,0,0.075);box-sizing:border-box;display:inline-block;flex:0 0 31%;flex:0 0 calc(33% - 30px);flex-basis:calc(33% - 30px);height:90%;margin:10px 5px;padding:10px;position:relative;transition:transform 0.3s, box-shadow 0.3s}.card::before{background:linear-gradient(to right, #1c79c0, #0389ff, #0dd3ff);content:'';left:0;height:2px;position:absolute;right:0;top:-2px}.card.centered{align-items:center;text-align:center}.card:hover{box-shadow:0px 3px 50px 0 rgba(0,0,0,0.075);transform:translateY(-5px)}.card--spacer{box-shadow:none;height:0;padding:0}.card--spacer::before{display:none}.card--spacer:hover{box-shadow:none}.card-inner{display:inline-flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.card-type{color:#1c79c0;margin-bottom:15px}.card-content{font-weight:300;text-transform:none}.card-content h4{hyphens:auto}.card-content p{line-height:24px;overflow:hidden}.card-date{margin-top:10px}.card-section-heading{font-size:30px;margin:50px 10px 0}.card-container.grid{flex-wrap:wrap}.card-container.grid::after{content:'';display:block;flex:0 0 31%;flex:0 0 calc(33% - 30px);flex-basis:calc(33% - 30px);margin:10px 5px;visibility:hidden}.card-container.grid .card{display:flex;height:auto;min-height:400px;padding:0}.card-container.grid .card:hover .card-link p::before{animation:.5s 1 cta-line}.card-container.grid .card-inner{display:flex;height:auto;padding:50px;width:100%}.card-container.grid .card-title{display:block;flex:1 0 auto;hyphens:none;margin-bottom:1em}.card-container.grid .card-title h2{font-size:36px;word-break:initial}.card-container.grid .card-link p{color:#1c79c0;display:inline;margin:0;padding:0;position:relative}.card-container.grid .card-link p::before{bottom:-5px;height:2px}.card-container.case .card-inner{padding:50px}.card-container.case .card-date::before{content:' | ';display:inline;margin:0 12px}.card-container.case .card-logo{align-items:center;display:flex;height:40px;margin:1em 0}@media only screen and (max-width: 956px){.card-container.grid .card,.card-container.case .card{flex:0 0 48%;flex:0 0 calc(50% - 30px);flex-basis:calc(50% - 30px)}.card-container.grid .card-title,.card-container.case .card-title{margin-bottom:2em}.card-section-heading{margin:50px 0 0}}@media only screen and (max-width: 768px){.card-container.grid .card,.card-container.case .card{flex:0 0 100%;margin:10px 0;min-height:300px}}:lang(ko) .card-content{font-weight:400}amp-accordion section{border-bottom:2px solid #ededed}.accordion-header,.accordion-content{margin:20px 0;padding:0 25px 0 65px}.accordion-header{background-color:transparent;border:0}.accordion-title{margin:0;position:relative;transition:color 0.3s}.accordion-title:hover{color:#1c79c0}.accordion-title::before,.accordion-title::after{background:linear-gradient(to right, #0389ff, #0dd3ff);content:'';display:inline-block;height:2px;left:-40px;position:absolute;top:50%;width:8px}.accordion-title::after{transform:rotate(90deg)}section[expanded] .accordion-title::after{content:none}.accordion-content p:first-child{margin-top:0}.accordion-content p:last-child{margin-bottom:2px}@media only screen and (max-width: 956px){amp-accordion section{border-bottom:1px solid #ededed}.accordion-header,.accordion-content{margin:15px 0;padding:0 0 0 30px}.accordion-title::before,.accordion-title::after{left:-30px}}.lightbox{background-color:rgba(51,51,51,0.9)}.lightbox__container{position:relative;top:50%;padding:50px;transform:translateY(-50%)}@media only screen and (max-width: 956px){.lightbox__container{padding:30px}}.lightbox__close{cursor:pointer;position:absolute;right:5px;top:5px;width:40px;height:40px;background-image:url("/static/img/close.svg");background-repeat:no-repeat;background-position:center;background-size:20px}.searchbar{position:absolute;right:150px;top:23px;z-index:2}@media only screen and (max-width: 1140px){.searchbar{display:none}}.searchbar input{border:0;border-bottom:1px solid #4d4d4d;font-family:"Roboto",sans-serif;outline:0;vertical-align:bottom}.searchbar button{background:url(/static/img/symbols/search.svg) center/cover no-repeat;border:0;cursor:pointer;height:24.2px;position:relative;top:3px;vertical-align:middle;width:24.6px}.rtl .searchbar{left:230px;right:auto}amp-sidebar{background:#fff;width:100vw}amp-sidebar .submenu{background:#fff;bottom:0;box-shadow:0 3px 20px 0 rgba(0,0,0,0.075);left:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform 233ms cubic-bezier(0, 0, 0.21, 1)}amp-sidebar input:checked+.submenu{transform:translateX(0)}amp-sidebar input[type="checkbox"]{position:absolute;visibility:hidden}amp-sidebar .menu-item{border-bottom:solid 1px #ededed;color:#000;display:block;position:relative;text-transform:none}amp-sidebar .menu-item:hover{background:#f9f9f9}amp-sidebar .item-layer-1{font-size:35px;font-weight:100;line-height:44px;padding:30px 35px 30px 25px}amp-sidebar .item-layer-2,amp-sidebar .item-layer-3{font-size:18px;font-weight:300;line-height:26px;padding:15px 35px 15px 25px}amp-sidebar .menu-layer::after{background:#1c79c0;bottom:0;content:'';position:absolute;right:0;top:0;width:13px}amp-sidebar .menu-layer .items{left:0;overflow-x:hidden;overflow-y:scroll;position:absolute;right:0}amp-sidebar .menu-layer.primary{height:100%;position:relative}amp-sidebar .menu-layer.primary .items{bottom:80px;top:60px}amp-sidebar .menu-layer.secondary{z-index:2}amp-sidebar .menu-layer.tertiary{z-index:3}amp-sidebar .menu-layer.secondary .items,amp-sidebar .menu-layer.tertiary .items{bottom:0;top:85px}amp-sidebar .has-sub-level::after{width:15.53px;height:8.3px;background-position:-84px -15.71px;content:'';height:12px;position:absolute;right:35px;top:calc(50% - 6px);transform:rotate(90deg) scale(0.75);width:16px}amp-sidebar .close-button{background:url(/static/img/symbols/close.svg) no-repeat center/18px transparent;border:0;height:58px;position:absolute;right:13px;top:0;width:68px}amp-sidebar .return-button{color:#b3b3b3;font-weight:300;left:25px;position:absolute;top:22px}amp-sidebar .return-button::before{background:url(/static/img/symbols/return.svg) no-repeat center/contain transparent;border:0;content:'';display:inline-block;height:11px;margin-right:5px;position:relative;top:1px;width:7px}.rtl amp-sidebar .item-layer-1{padding:30px 35px}.rtl amp-sidebar .has-sub-level::after{left:35px;right:auto;transform:rotate(-90deg) scale(0.75)}.rtl amp-sidebar .return-button::before{margin:0 5px;transform:rotate(180deg)}.rtl amp-sidebar .submenu{transform:translateX(-100%)}:lang(ko) amp-sidebar .item-layer-2,:lang(ko) amp-sidebar .item-layer-3{font-weight:400}footer{background-color:#fff;padding:30px 0;position:relative}footer .footer-image{margin:0 10px}footer .footer-image.twitter{width:22.93px;height:19.66px;background-position:0px -54.2px}footer .footer-image.wordpress{width:24.03px;height:24.03px;background-position:-24.6px -30px}footer .footer-image.youtube{width:24px;height:24px;background-position:-60px -24px}footer .footer-icons{align-items:center;display:flex;flex-direction:row;justify-content:center}footer .footer-privacy{color:#727272;font-size:12px;font-weight:400;justify-content:center;text-transform:none;padding-top:15px}.footer-cta{background:linear-gradient(to right, #1c79c0, #0389ff, #0dd3ff);display:block;padding:20px 30px;position:relative;z-index:1}.footer-cta .cta-line{position:absolute}.footer-cta .cta-line.left{height:140px;left:0;top:-50px;width:156px}.footer-cta .cta-line.right{bottom:-30px;height:107.5px;right:-50px;width:175px}.footer-cta .cta-line.right-half{bottom:0;height:77.5px;right:-50px;width:175px;overflow:hidden}.footer-cta .inner{position:relative;margin:0 auto;max-width:1200px;width:80%}.footer-cta .inner h2{text-transform:none}.footer-cta .inner h2,.footer-cta .inner .link-text{color:#fff;display:inline-block}.footer-cta .inner .link-text{color:white;position:absolute;right:0;top:50%;transform:translateY(-50%)}.footer-cta .inner .link-text::after{background:url(/static/img/arrow.svg) center/cover no-repeat;content:'';display:inline-block;height:12px;margin-left:10px;width:12px}.rtl .footer-cta .inner .link-text{left:0;right:auto}.rtl .footer-cta .inner .link-text::after{margin:0 10px 0 0;transform:rotate(180deg)}@media only screen and (max-width: 1000px){.footer-cta .inner{width:90%}}@media only screen and (max-width: 956px){.footer-cta{overflow:hidden}.footer-cta .cta-line.right,.footer-cta .cta-line.right-half{bottom:10px;right:-100px;height:107.5px}.footer-cta .inner{text-align:center;width:100%}.footer-cta .inner h1,.footer-cta .inner .link-text{display:block}.footer-cta .inner .link-text{margin-top:20px;position:static}}.fourofour{margin:5em auto;max-width:800px;padding:0 1em}.fourofour .hide{display:none}.fourofour .show{display:show}.playingboard{margin:2em auto}.playingboard table{margin:auto;border:0;border-collapse:collapse}.playingboard td{border:0;padding:0}.playingboard .cell{width:5.25em;height:5.25em;border-color:#5ADAFD;border-style:solid;border:0}.playingboard .cell-vert{border-left:0.25em solid #5ADAFD;border-right:0.25em solid #5ADAFD}.playingboard .cell-horiz{border-top:0.25em solid #5ADAFD;border-bottom:0.25em solid #5ADAFD}.playingboard .win{background:lightgrey}.playingboard .in-play{background:none}.playingboard .grid-button{width:100%;height:100%;border:0;box-shadow:none;border-radius:0px;font-size:2em;padding:0;margin:0}.playingboard .grid-button:active{border:0}.controlboard{margin:2em auto;display:flex;justify-content:center}.controlboard .reset-button{font-size:1rem;line-height:1.125rem;padding:.7em .8em;text-decoration:none;white-space:nowrap;word-wrap:normal;vertical-align:middle;cursor:pointer;background-color:#fff;color:#5ADAFD;border:1px solid #5ADAFD}    
  </style>

  <style amp-boilerplate="">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

<script async="" custom-element="amp-auto-lightbox" data-script="amp-auto-lightbox" i-amphtml-inserted="" crossorigin="anonymous" src="https://cdn.ampproject.org/rtv/012409191841000/v0/amp-auto-lightbox-0.1.js"></script><link rel="preconnect" href="https://www.ampproject.org" referrerpolicy="origin"><link rel="preconnect" href="https://www.google-analytics.com" referrerpolicy="origin"></head>
<body class="404 amp-mode-mouse amp-geo-group-eu amp-iso-country-es" style="opacity: 1; visibility: visible; animation: auto ease 0s 1 normal none running none;">

  <amp-analytics type="googleanalytics" id="analytics-ga" class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout" i-amphtml-layout="fixed" style="width: 1px; height: 1px;" aria-hidden="true" hidden="">
    <script type="application/json">
    {
      "vars": {
        "account": "UA-67833617-1"
      },
      "triggers": {
        "trackPageview": {
          "on": "visible",
          "request": "pageview"
        }
      }
    }
    </script>
  </amp-analytics>

<amp-sidebar id="sidebar" side="right" layout="nodisplay" class="i-amphtml-element i-amphtml-layout-nodisplay i-amphtml-overlay i-amphtml-scrollable i-amphtml-built" hidden="" i-amphtml-layout="nodisplay" role="menu" tabindex="-1">
  <form class="menu-layer primary i-amphtml-form" action="/" target="_top" novalidate="">
    <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
    <div class="items">
        <label class="menu-item item-layer-1 has-sub-level"><input type="checkbox">
        About
          <div class="submenu menu-layer secondary">
            <div class="return-button">Back</div>
            <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
            <div class="items">
                <label class="menu-item item-layer-2 has-sub-level"><input type="checkbox">What is AMP?
                  <div class="submenu menu-layer tertiary">
                    <div class="return-button">Back</div>
                    <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
                    <div class="items">
                      <a class="menu-item item-layer-3" href="/learn/overview/">What is AMP?</a>
                      <a class="menu-item item-layer-3" href="/about/benefits/">Benefits</a>
                      <a class="menu-item item-layer-3" href="/about/amp-design-principles/">Design Principles</a>
                      <a class="menu-item item-layer-3" href="/about/mission/">Vision &amp; Mission</a>
                    </div>
                  </div>
                </label>
                <a class="menu-item item-layer-2" href="/learn/about-how/">How AMP Works</a>
                <label class="menu-item item-layer-2 has-sub-level"><input type="checkbox">Who is AMP for?
                  <div class="submenu menu-layer tertiary">
                    <div class="return-button">Back</div>
                    <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
                    <div class="items">
                      <a class="menu-item item-layer-3" href="/learn/who-uses-amp/">Who is AMP for?</a>
                      <a class="menu-item item-layer-3" href="/learn/who-uses-amp/publishers/">AMP for Publishers</a>
                      <a class="menu-item item-layer-3" href="/learn/who-uses-amp/advertisers/">AMP for Advertisers</a>
                      <a class="menu-item item-layer-3" href="/learn/who-uses-amp/ecommerce/">AMP for Ecommerce</a>
                      <a class="menu-item item-layer-3" href="/learn/who-uses-amp/ad-tech-platforms/">AMP for Ad Tech Platforms</a>
                    </div>
                  </div>
                </label>
                <label class="menu-item item-layer-2 has-sub-level"><input type="checkbox">Case Studies
                  <div class="submenu menu-layer tertiary">
                    <div class="return-button">Back</div>
                    <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
                    <div class="items">
                      <a class="menu-item item-layer-3" href="/case-studies/">Case Studies</a>
                      <a class="menu-item item-layer-3" href="/case-studies/publishers/">Publishers</a>
                      <a class="menu-item item-layer-3" href="/case-studies/advertisers/">Advertisers</a>
                      <a class="menu-item item-layer-3" href="/case-studies/ecommerce/">Ecommerce</a>
                    </div>
                  </div>
                </label>
                <a class="menu-item item-layer-2" href="/learn/showcases/">Showcase</a>
                <a class="menu-item item-layer-2" href="/stories/">AMP stories</a>
            </div>
          </div>
        </label>
        <label class="menu-item item-layer-1 has-sub-level"><input type="checkbox">
        Docs
          <div class="submenu menu-layer secondary">
            <div class="return-button">Back</div>
            <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
            <div class="items">
                <a class="menu-item item-layer-2" href="/docs/">Guides &amp; Tutorials</a>
                <a class="menu-item item-layer-2" href="/docs/reference/components.html">Reference</a>
                <a class="menu-item item-layer-2 external" href="https://ampbyexample.com/">Examples</a>
                <a class="menu-item item-layer-2 external" href="https://youtube.com/TheAMPProject">Videos</a>
            </div>
          </div>
        </label>
        <label class="menu-item item-layer-1 has-sub-level"><input type="checkbox">
        Reference
          <div class="submenu menu-layer secondary">
            <div class="return-button">Back</div>
            <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
            <div class="items">
                <a class="menu-item item-layer-2" href="/docs/reference/components.html">Components</a>
                <a class="menu-item item-layer-2" href="/docs/reference/experimental.html">Experimental features</a>
            </div>
          </div>
        </label>
        <label class="menu-item item-layer-1 has-sub-level"><input type="checkbox">
        Tools
          <div class="submenu menu-layer secondary">
            <div class="return-button">Back</div>
            <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
            <div class="items">
                <a class="menu-item item-layer-2 external" href="https://validator.ampproject.org">AMP Validator</a>
                <a class="menu-item item-layer-2 external" href="https://ampbyexample.com">AMP By Example</a>
                <a class="menu-item item-layer-2 external" href="https://ampbyexample.com/playground/">AMP Playground</a>
                <a class="menu-item item-layer-2 external" href="https://www.ampstart.com">AMP Start</a>
                <a class="menu-item item-layer-2 external" href="https://cdn.ampproject.org/experiments.html">AMP Experiments</a>
                <a class="menu-item item-layer-2 external" href="https://github.com/ampproject/amp-toolbox">AMP Toolbox</a>
            </div>
          </div>
        </label>
        <label class="menu-item item-layer-1 has-sub-level"><input type="checkbox">
        The Latest
          <div class="submenu menu-layer secondary">
            <div class="return-button">Back</div>
            <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
            <div class="items">
                <a class="menu-item item-layer-2" href="/latest/">What's New</a>
                <a class="menu-item item-layer-2" href="/latest/blog/">Blog</a>
                <a class="menu-item item-layer-2" href="/latest/event/">Events</a>
                <a class="menu-item item-layer-2" href="/roadmap/">Roadmap</a>
                <a class="menu-item item-layer-2 external" href="https://services.google.com/fb/forms/ampnewsletter/">Newsletter</a>
            </div>
          </div>
        </label>
        <label class="menu-item item-layer-1 has-sub-level"><input type="checkbox">
        Support
          <div class="submenu menu-layer secondary">
            <div class="return-button">Back</div>
            <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
            <div class="items">
                <label class="menu-item item-layer-2 has-sub-level"><input type="checkbox">FAQ
                  <div class="submenu menu-layer tertiary">
                    <div class="return-button">Back</div>
                    <button type="reset" class="close-button" id="menu-button" on="tap:sidebar.toggle"></button>
                    <div class="items">
                      <a class="menu-item item-layer-3" href="/support/faqs/">FAQ</a>
                      <a class="menu-item item-layer-3" href="/support/faqs/overview.html">AMP Overview</a>
                      <a class="menu-item item-layer-3" href="/support/faqs/platform-involvement.html">Platform and Technology Company Involvement</a>
                      <a class="menu-item item-layer-3" href="/support/faqs/publisher-monetization.html">Publisher Monetization</a>
                      <a class="menu-item item-layer-3" href="/support/faqs/supported-platforms.html">Supported Platforms, Vendors and Partners</a>
                      <a class="menu-item item-layer-3" href="/support/faqs/supported-browsers.html">Supported Browsers</a>
                    </div>
                  </div>
                </label>
                <a class="menu-item item-layer-2" href="/support/developer/get_support.html">Developer Support</a>
                <a class="menu-item item-layer-2" href="/static/img/brand-guidelines.pdf">Brand Guidelines</a>
                <a class="menu-item item-layer-2 external" href="https://status.ampproject.org/">AMP Status</a>
            </div>
          </div>
        </label>
    </div>
<div class="language desktop">
  <amp-accordion disable-session-states="" class="i-amphtml-element i-amphtml-layout-container i-amphtml-built" i-amphtml-layout="container">
    <section>
      <h6 class="current flag-en i-amphtml-accordion-header" id="81_AMP_header_0" role="button" aria-controls="81_AMP_content_0" aria-expanded="false" tabindex="0"><span>English</span></h6>
      <div class="others i-amphtml-accordion-content" id="81_AMP_content_0" aria-labelledby="81_AMP_header_0" role="region">
        <div class="others-inner">
          <div><a href="/ar/404/" class="flag-ar"><span>العربية</span></a></div>
          <div><a href="/es/404/" class="flag-es"><span>español</span></a></div>
          <div><a href="/fr/404/" class="flag-fr"><span>français</span></a></div>
          <div><a href="/id/404/" class="flag-id"><span>Indonesia</span></a></div>
          <div><a href="/it/404/" class="flag-it"><span>italiano</span></a></div>
          <div><a href="/ja/404/" class="flag-ja"><span>日本語</span></a></div>
          <div><a href="/ko/404/" class="flag-ko"><span>한국어</span></a></div>
          <div><a href="/pt_br/404/" class="flag-pt_BR"><span>português</span></a></div>
          <div><a href="/ru/404/" class="flag-ru"><span>русский</span></a></div>
          <div><a href="/tr/404/" class="flag-tr"><span>Türkçe</span></a></div>
          <div><a href="/zh_cn/404/" class="flag-zh_CN"><span>中文</span></a></div>
        </div>
      </div>
    </section>
  </amp-accordion>
</div>  </form>
<button class="i-amphtml-screen-reader" tabindex="-1">Close the sidebar</button></amp-sidebar><header class="header fixed">

  <div class="container">
    <div class="nav-container">
      <div class="left-nav alt">
        <a href="/" class="tab header-title"><span></span></a>

        <div class="tabs">
          <div class="tab">
            <a href="/learn/overview/">About</a>
            <div class="list-container">
              <div class="list-shadow"></div>
              <ul>
                <li class="has-sublist">
                  <a href="/learn/overview/">What is AMP?</a>
                    <ul class="sublist">
                      <li>
                          <a href="/about/benefits/">Benefits</a>
                      </li>
                      <li>
                          <a href="/about/amp-design-principles/">Design Principles</a>
                      </li>
                      <li>
                          <a href="/about/mission/">Vision &amp; Mission</a>
                      </li>
                    </ul>
                </li>
                <li>
                  <a href="/learn/about-how/">How AMP Works</a>
                </li>
                <li class="has-sublist">
                  <a href="/learn/who-uses-amp/">Who is AMP for?</a>
                    <ul class="sublist">
                      <li>
                          <a href="/learn/who-uses-amp/publishers/">AMP for Publishers</a>
                      </li>
                      <li>
                          <a href="/learn/who-uses-amp/advertisers/">AMP for Advertisers</a>
                      </li>
                      <li>
                          <a href="/learn/who-uses-amp/ecommerce/">AMP for Ecommerce</a>
                      </li>
                      <li>
                          <a href="/learn/who-uses-amp/ad-tech-platforms/">AMP for Ad Tech Platforms</a>
                      </li>
                    </ul>
                </li>
                <li class="has-sublist">
                  <a href="/case-studies/">Case Studies</a>
                    <ul class="sublist">
                      <li>
                          <a href="/case-studies/publishers/">Publishers</a>
                      </li>
                      <li>
                          <a href="/case-studies/advertisers/">Advertisers</a>
                      </li>
                      <li>
                          <a href="/case-studies/ecommerce/">Ecommerce</a>
                      </li>
                    </ul>
                </li>
                <li>
                  <a href="/learn/showcases/">Showcase</a>
                </li>
                <li>
                  <a href="/stories/">AMP stories</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="tab">
            <a href="/docs/">Docs</a>
            <div class="list-container">
              <div class="list-shadow"></div>
              <ul>
                <li>
                  <a href="/docs/">Guides &amp; Tutorials</a>
                </li>
                <li>
                  <a href="/docs/reference/components.html">Reference</a>
                </li>
                <li class="external">
                  <a href="https://ampbyexample.com/" target="_blank">Examples</a>
                </li>
                <li class="external">
                  <a href="https://youtube.com/TheAMPProject" target="_blank">Videos</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="tab">
            <a href="/docs/reference/components.html">Reference</a>
            <div class="list-container">
              <div class="list-shadow"></div>
              <ul>
                <li>
                  <a href="/docs/reference/components.html">Components</a>
                </li>
                <li>
                  <a href="/docs/reference/experimental.html">Experimental features</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="tab">
            <a>Tools</a>
            <div class="list-container">
              <div class="list-shadow"></div>
              <ul>
                <li class="external">
                  <a href="https://validator.ampproject.org" target="_blank">AMP Validator</a>
                </li>
                <li class="external">
                  <a href="https://ampbyexample.com" target="_blank">AMP By Example</a>
                </li>
                <li class="external">
                  <a href="https://ampbyexample.com/playground/" target="_blank">AMP Playground</a>
                </li>
                <li class="external">
                  <a href="https://www.ampstart.com" target="_blank">AMP Start</a>
                </li>
                <li class="external">
                  <a href="https://cdn.ampproject.org/experiments.html" target="_blank">AMP Experiments</a>
                </li>
                <li class="external">
                  <a href="https://github.com/ampproject/amp-toolbox" target="_blank">AMP Toolbox</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="tab">
            <a href="/latest/">The Latest</a>
            <div class="list-container">
              <div class="list-shadow"></div>
              <ul>
                <li>
                  <a href="/latest/">What's New</a>
                </li>
                <li>
                  <a href="/latest/blog/">Blog</a>
                </li>
                <li>
                  <a href="/latest/event/">Events</a>
                </li>
                <li>
                  <a href="/roadmap/">Roadmap</a>
                </li>
                <li class="external">
                  <a href="https://services.google.com/fb/forms/ampnewsletter/" target="_blank">Newsletter</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="tab">
            <a href="/support/">Support</a>
            <div class="list-container">
              <div class="list-shadow"></div>
              <ul>
                <li class="has-sublist">
                  <a href="/support/faqs/">FAQ</a>
                    <ul class="sublist">
                      <li>
                          <a href="/support/faqs/overview.html">AMP Overview</a>
                      </li>
                      <li>
                          <a href="/support/faqs/platform-involvement.html">Platform and Technology Company Involvement</a>
                      </li>
                      <li>
                          <a href="/support/faqs/publisher-monetization.html">Publisher Monetization</a>
                      </li>
                      <li>
                          <a href="/support/faqs/supported-platforms.html">Supported Platforms, Vendors and Partners</a>
                      </li>
                      <li>
                          <a href="/support/faqs/supported-browsers.html">Supported Browsers</a>
                      </li>
                    </ul>
                </li>
                <li>
                  <a href="/support/developer/get_support.html">Developer Support</a>
                </li>
                <li>
                  <a href="/static/img/brand-guidelines.pdf">Brand Guidelines</a>
                </li>
                <li class="external">
                  <a href="https://status.ampproject.org/" target="_blank">AMP Status</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="right alt">
<form action="//www.google.com/search" method="get" class="searchbar i-amphtml-form" target="_top" novalidate="">
  <input class="query" name="q" type="text">
  <input name="as_sitesearch" type="hidden" value="www.ampproject.org">
  <button name="search" type="submit"></button>
</form><div class="language desktop">
  <amp-accordion disable-session-states="" class="i-amphtml-element i-amphtml-layout-container i-amphtml-built" i-amphtml-layout="container">
    <section>
      <h6 class="current flag-en i-amphtml-accordion-header" id="51_AMP_header_0" role="button" aria-controls="51_AMP_content_0" aria-expanded="false" tabindex="0"><span>English</span></h6>
      <div class="others i-amphtml-accordion-content" id="51_AMP_content_0" aria-labelledby="51_AMP_header_0" role="region">
        <div class="others-inner">
          <div><a href="/ar/404/" class="flag-ar"><span>العربية</span></a></div>
          <div><a href="/es/404/" class="flag-es"><span>español</span></a></div>
          <div><a href="/fr/404/" class="flag-fr"><span>français</span></a></div>
          <div><a href="/id/404/" class="flag-id"><span>Indonesia</span></a></div>
          <div><a href="/it/404/" class="flag-it"><span>italiano</span></a></div>
          <div><a href="/ja/404/" class="flag-ja"><span>日本語</span></a></div>
          <div><a href="/ko/404/" class="flag-ko"><span>한국어</span></a></div>
          <div><a href="/pt_br/404/" class="flag-pt_BR"><span>português</span></a></div>
          <div><a href="/ru/404/" class="flag-ru"><span>русский</span></a></div>
          <div><a href="/tr/404/" class="flag-tr"><span>Türkçe</span></a></div>
          <div><a href="/zh_cn/404/" class="flag-zh_CN"><span>中文</span></a></div>
        </div>
      </div>
    </section>
  </amp-accordion>
</div>        <button class="tab hamburger" id="menu-button" on="tap:sidebar.toggle"></button>
      </div>
    </div>
  </div>

</header>






  <div class="wrap">

<div class="promo">

  <a href="/amp-conf/" class="left">
    <div class="description desktop-up">
      AMP Conf 2019. April 17/18. Tokyo.
    </div>
    <div class="description mobile-down">
      AMP Conf 2019
    </div>
    <div class="link">Request an invitation</div>
  </a>

</div>
    <div class="content">

      <section class="fourofour">
    <amp-state id="g" class="i-amphtml-element i-amphtml-layout-container i-amphtml-built" i-amphtml-layout="container" hidden="" aria-hidden="true">
    <script type="application/json">
    {
      "-1": "O",
      "1": "⚡",
      "p": 1
    }
    </script>
  </amp-state>
    <h1 [class]="max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3 ? 'hide' : 'show'">Uh oh! That's an error.</h1>
    <h1 [class]="max(tr,br,lc,rc,fd + c,bd + c,mc + c,mr + c) == 3 ? 'show' : 'hide'" class="hide">⚡ wins!!!</h1>
    <h1 [class]="min(tr,br,lc,rc,fd + c,bd + c,mc + c,mr + c) == -3 ? 'show' : 'hide'" class="hide">O wins!!!</h1>

    <p>The page you've requested can't be found. Why don't you browse around, or while you're here, play a game of tic-tac-toe made with AMP?</p>

    <div class="playingboard"> 
    <table>
        <tbody><tr>
          <td class="cell"><button on="tap:AMP.setState({
                    tr: tr + g.p,
                    lc: lc + g.p,
                    bd: bd + g.p,
                    b: {
                      a: g[g.p]
                    },
                    g: {
                      p: g.p * -1
                    }
                  })" [text]="b.a ? b.a : &quot;&quot;" [class]="max(abs(tr),abs(lc),abs(bd + c)) == 3 ? &quot;grid-button win&quot; : &quot;grid-button in-play&quot;" [disabled]="b.a || max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3" class="grid-button in-play"></button></td> 
          <td class="cell cell-vert"><button on="tap:AMP.setState({
                    tr: tr + g.p,
                    mc: mc + g.p,
                    b: {
                      b: g[g.p]
                    },
                    g: {
                      p: g.p * -1
                    }
                  })" [text]="b.b ? b.b : &quot;&quot;" [class]="max(abs(tr),abs(mc + c)) == 3 ? &quot;grid-button win&quot; : &quot;grid-button in-play&quot;" [disabled]="b.b || max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3" class="grid-button in-play"></button></td> 
          <td class="cell"><button on="tap:AMP.setState({
                    tr: tr + g.p,
                    rc: rc + g.p,
                    fd: fd + g.p,
                    b: {
                      c: g[g.p]
                    },
                    g: {
                      p: g.p * -1
                    }
                  })" [text]="b.c ? b.c : &quot;&quot;" [class]="max(abs(tr),abs(rc),abs(fd + c)) == 3 ? &quot;grid-button win&quot; : &quot;grid-button in-play&quot;" [disabled]="b.c || max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3" class="grid-button in-play"></button></td> 
        </tr>
        <tr>
          <td class="cell cell-horiz"><button on="tap:AMP.setState({
                    mr: mr + g.p,
                    lc: lc + g.p,
                    b: {
                      d: g[g.p]
                    },
                    g: {
                      p: g.p * -1
                    }
                  })" [text]="b.d ? b.d : &quot;&quot;" [class]="max(abs(mr + c),abs(lc)) == 3 ? &quot;grid-button win&quot; : &quot;grid-button in-play&quot;" [disabled]="b.d || max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3" class="grid-button in-play"></button></td> 
          <td class="cell cell-horiz cell-vert"><button on="tap:AMP.setState({
                    c: c + g.p,
                    b: {
                      e: g[g.p]
                    },
                    g: {
                      p: g.p * -1
                    }
                  })" [text]="b.e ? b.e : &quot;&quot;" [class]="max(abs(mr + c),abs(mc + c),abs(fd + c),abs(bd + c)) == 3 ? &quot;grid-button win&quot; : &quot;grid-button in-play&quot;" [disabled]="b.e || max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3" class="grid-button in-play"></button></td> 
          <td class="cell cell-horiz"><button on="tap:AMP.setState({
                    mr: mr + g.p,
                    rc: rc + g.p,
                    b: {
                      f: g[g.p]
                    },
                    g: {
                      p: g.p * -1
                    }
                  })" [text]="b.f ? b.f : &quot;&quot;" [class]="max(abs(mr + c),abs(rc)) == 3 ? &quot;grid-button win&quot; : &quot;grid-button in-play&quot;" [disabled]="b.f || max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3" class="grid-button in-play"></button></td>  
        </tr>
        <tr>
          <td class="cell"><button on="tap:AMP.setState({
                    br: br + g.p,
                    lc: lc + g.p,
                    fd: fd + g.p,
                    b: {
                      g: g[g.p]
                    },
                    g: {
                      p: g.p * -1
                    }
                  })" [text]="b.g ? b.g : &quot;&quot;" [class]="max(abs(br),abs(lc),abs(fd + c)) == 3 ? &quot;grid-button win&quot; : &quot;grid-button in-play&quot;" [disabled]="b.g || max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3" class="grid-button in-play"></button></td> 
          <td class="cell cell-vert"><button on="tap:AMP.setState({
                    br: br + g.p,
                    mc: mc + g.p,
                    b: {
                      h: g[g.p]
                    },
                    g: {
                      p: g.p * -1
                    }
                  })" [text]="b.h ? b.h : &quot;&quot;" [class]="max(abs(br),abs(mc + c)) == 3 ? &quot;grid-button win&quot; : &quot;grid-button in-play&quot;" [disabled]="b.h || max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3" class="grid-button in-play"></button></td>  
          <td class="cell"><button on="tap:AMP.setState({
                    br: br + g.p,
                    rc: rc + g.p,
                    bd: bd + g.p,
                    b: {
                      i: g[g.p]
                    },
                    g: {
                      p: g.p * -1
                    }
                  })" [text]="b.i ? b.i : &quot;&quot;" [class]="max(abs(br),abs(rc), abs(bd + c)) == 3 ? &quot;grid-button win&quot; : &quot;grid-button in-play&quot;" [disabled]="b.i || max(abs(tr),abs(br),abs(lc),abs(rc),abs(fd + c),abs(bd + c),abs(mc + c),abs(mr + c)) == 3" class="grid-button in-play"></button></td>  
        </tr>
      </tbody></table>
    </div>
    <div>
      <div class="controlboard">
        <button class="reset-button" on="tap:AMP.setState({
                      &quot;g&quot;: {
                        &quot;-1&quot;: &quot;O&quot;,
                        &quot;1&quot;: &quot;⚡&quot;,
                        &quot;p&quot;: 1  
                      },
                      tr: null,
                      mr: null,
                      br: null,
                      lc: null,
                      mc: null,
                      rc: null,
                      fd: null,
                      bd: null,
                      c: null,
                      b: null
                    })">Restart game</button>
      </div>
    </div>
</section>

<footer>
 <div class="container">
    <div class="row">
      <div class="twelve columns footer-icons">
        <a href="https://twitter.com/amphtml">
          <div class="footer-image twitter"></div>
        </a>
        <a href="https://amphtml.wordpress.com/">
          <div class="footer-image wordpress"></div>
        </a>
        <a href="https://youtube.com/TheAMPProject">
          <div class="footer-image youtube"></div>
        </a>
      </div>
    </div>
    <div class="row">
      <div class="twelve columns footer-icons">
        <a class="footer-privacy" href="https://www.google.com/intl/en/policies/privacy/">Privacy</a>
      </div>
    </div>
  </div>
</footer>

<amp-install-serviceworker src="/service-worker.js?v2" layout="nodisplay" class="i-amphtml-element i-amphtml-layout-nodisplay i-amphtml-built" hidden="" i-amphtml-layout="nodisplay"></amp-install-serviceworker>    </div>
  </div>

<amp-geo layout="nodisplay" class="i-amphtml-element i-amphtml-layout-nodisplay i-amphtml-built" hidden="" i-amphtml-layout="nodisplay">
  <script type="application/json">
    {
      "ISOCountryGroups": {
        "eu": ["at", "be", "bg", "ch", "cy", "cz", "dk", "de", "ee", "el", "es", "fi", "fr", "hr", "ie", "is", "it", "li", "lv", "lt", "lu", "hu", "mt", "nl", "no", "pl", "pt", "ro", "si", "sk", "se", "uk"]
      }
    }
  </script>
</amp-geo>

<amp-consent id="consent" layout="nodisplay" class="i-amphtml-element i-amphtml-layout-nodisplay i-amphtml-built amp-active i-amphtml-layout" i-amphtml-layout="nodisplay">
  <script type="application/json" hidden="">
    {
      "consents": {
        "eu": {
          "promptIfUnknownForGeoGroup": "eu",
          "promptUI": "consent-popup"
        }
      }
    }
  </script>

  <div id="consent-popup" class="consent-popup">
    <div>
      <button type="reset" class="close-button" on="tap:consent.dismiss" role="button" tabindex="0"></button>
      <p>
        We use cookies to understand how you use our site and to improve your experience. By continuing to use our site, you accept our <a href="https://policies.google.com/technologies/cookies">use of cookies</a> and <a href="https://policies.google.com/privacy">privacy policy</a>.
      </p>
      <button on="tap:consent.accept" class="button text-label" role="button" tabindex="1">OK</button>
    </div>
  </div>
</amp-consent>

</body></html>