Artboard 1

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Helvetica';src:local("Helvetica");font-weight:normal}@font-face{font-family:'Arial';src:local("Arial");font-weight:normal}@font-face{font-family:'Courier New';src:local("Courier New");font-weight:normal}@font-face{font-family:'Courier';src:local("Courier");font-weight:normal}body,input,button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:hsla(222, 55%, 46%, 1)}h1,h2,h3,h4,h5,h6{margin:0}h1{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:600;font-size:42px;letter-spacing:-.4px;line-height:54.6px;margin-top:-13.434px;margin-bottom:-11.25px;padding-bottom:16px;color:hsla(222, 55%, 24%, 1)}h2{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:600;font-size:28px;letter-spacing:-.4px;line-height:36.4px;margin-top:-8.956px;margin-bottom:-7.5px;padding-bottom:24px;color:hsla(222, 55%, 24%, 1)}h3{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:600;font-size:20px;letter-spacing:normal;line-height:26px;margin-top:-6.04px;margin-bottom:-5px;padding-bottom:16px;color:hsla(222, 55%, 24%, 1)}h4{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:600;font-size:18px;letter-spacing:normal;line-height:23.4px;margin-top:-5.686px;margin-bottom:-4.75px;color:hsla(222, 55%, 24%, 1);padding-bottom:8px}h5{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px;color:hsla(0, 0%, 44%, 1);padding-bottom:24px}p{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:19px;letter-spacing:normal;line-height:28px;margin-top:-7.863px;margin-bottom:-6.875px;padding-bottom:30.8px;color:hsla(222, 28%, 40%, 1);-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0,"dlig" 0}p:last-child{padding-bottom:0}p strong{font-weight:600;color:hsla(222, 55%, 24%, 1)}p a{font-weight:600}pre{font-family:IBM Plex Mono, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;font-weight:normal;font-size:14px;letter-spacing:normal;line-height:22px;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}p code,ul code,ol code{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:19px;letter-spacing:normal;line-height:28px;font-size:15px;font-weight:700;background:hsla(0, 0%, 92%, 1);border-radius:2px;padding:2px 4px}.tutorial-container ul,.tutorial-container ol,#terms ul,#terms ol,#privacy ul,#privacy ol{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:19px;letter-spacing:normal;line-height:28px;margin-top:-7.863px;margin-bottom:-6.875px;padding-bottom:30.8px;padding-left:48px}.tutorial-container ul:last-child,.tutorial-container ol:last-child,#terms ul:last-child,#terms ol:last-child,#privacy ul:last-child,#privacy ol:last-child{padding-bottom:0}.tutorial-container ul li,.tutorial-container ol li,#terms ul li,#terms ol li,#privacy ul li,#privacy ol li{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:19px;letter-spacing:normal;line-height:28px;margin-top:-7.863px;margin-bottom:-6.875px;padding-bottom:16.8px;color:hsla(222, 28%, 40%, 1)}.tutorial-container ul li a,.tutorial-container ol li a,#terms ul li a,#terms ol li a,#privacy ul li a,#privacy ol li a{font-weight:600}.tutorial-container ul li:last-child,.tutorial-container ol li:last-child,#terms ul li:last-child,#terms ol li:last-child,#privacy ul li:last-child,#privacy ol li:last-child{padding-bottom:0}@-webkit-keyframes click{0%{opacity:1;-webkit-transform:scale3d(0.1, 0.1, 1);transform:scale3d(0.1, 0.1, 1)}100%{opacity:0;-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}}@keyframes click{0%{opacity:1;-webkit-transform:scale3d(0.1, 0.1, 1);transform:scale3d(0.1, 0.1, 1)}100%{opacity:0;-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}}nav.main{padding:32px 0}nav.main .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0;list-style:none}@media (max-width: 400px){nav.main .nav{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 400px){nav.main .nav a:first-child{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}}nav.main .nav-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;margin:0}@media (max-width: 400px){nav.main .nav-wrapper{margin-top:16px}}nav.main .nav-item-label{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px;color:hsla(0, 0%, 36%, 1)}nav.main .nav-item-new{background-color:hsla(222, 55%, 46%, 1);padding:12px 16px;border-radius:4px}nav.main .nav-item-new .nav-item-label{color:#fff;font-weight:600;letter-spacing:-0.2px;font-size:15px}nav.main .nav-item-login{background-color:hsla(225, 40%, 94%, 1);padding:12px 16px;border-radius:4px;margin-right:16px}nav.main .nav-item-login .nav-item-label{color:hsla(222, 28%, 40%, 1);letter-spacing:-0.2px;font-size:15px}nav.main .nav-item-brand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}nav.main .nav-item-brand .nav-brand-wordmark{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:hsla(222, 55%, 24%, 1);font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px;font-weight:600}nav.main .nav-item-brand .nav-brand-version{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:hsla(222, 55%, 46%, 1);border-radius:4px;padding:6px 5px;margin-left:4px}nav.main .nav-item-brand .nav-brand-version label{cursor:pointer;display:block;text-transform:uppercase;font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:600;font-size:10px;letter-spacing:normal;line-height:13px;margin-top:-2.77px;margin-bottom:-2.25px;color:#fff}.home-interactive .home-interactive-title{padding-bottom:32px}.home-interactive .home-interactive-example{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-interactive .home-interactive-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:48px;position:relative;margin-left:-16px}@media (max-width: 670px){.home-interactive .home-interactive-nav{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%;margin-bottom:24px}}.home-interactive .home-interactive-nav button{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:19px;letter-spacing:normal;line-height:28px;color:hsla(222, 55%, 46%, 1);background:none;border:none;text-align:left;margin:0 0 4px 0;height:40px;outline:none;z-index:99999;font-weight:600;font-size:16px;padding:0 16px}@media (max-width: 670px){.home-interactive .home-interactive-nav button{text-align:center}}.home-interactive .home-interactive-nav .button-selection{will-change:transform;background:#fff;width:100%;height:40px;position:absolute;-webkit-transition:-webkit-transform 200ms ease-in;transition:-webkit-transform 200ms ease-in;transition:transform 200ms ease-in;transition:transform 200ms ease-in, -webkit-transform 200ms ease-in;border-radius:2px;-webkit-box-shadow:hsla(222, 55%, 24%, .05) 0 2px 6px,hsla(222, 55%, 24%, .05) 0 6px 12px,hsla(222, 55%, 24%, .05) 0 12px 24px,hsla(222, 55%, 24%, .05) 0 12px 48px,hsla(222, 55%, 24%, .05) 0 12px 96px;box-shadow:hsla(222, 55%, 24%, .05) 0 2px 6px,hsla(222, 55%, 24%, .05) 0 6px 12px,hsla(222, 55%, 24%, .05) 0 12px 24px,hsla(222, 55%, 24%, .05) 0 12px 48px,hsla(222, 55%, 24%, .05) 0 12px 96px}.home-interactive .home-interactive-wrapper{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.home-interactive .home-interactive-description{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;min-height:80px;margin:8px 0 32px 0;position:relative}.home-interactive .home-interactive-description [class^="step-"]{max-width:700px;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease}.home-interactive .home-interactive-playground{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;position:relative}.home-interactive .container-sketch-one,.home-interactive .container-sketch-two,.home-interactive .container-sketch-three{position:absolute;top:0;left:0;opacity:0}.home-interactive .home-interactive-description .step-states{display:none}.home-interactive [data-step="states"] .home-interactive-description .step-states{display:block}.home-interactive .home-interactive-description .step-transitions{display:none}.home-interactive [data-step="transitions"] .home-interactive-description .step-transitions{display:block}.home-interactive .home-interactive-description .step-refine{display:none}.home-interactive [data-step="refine"] .home-interactive-description .step-refine{display:block}.home-interactive .home-interactive-description .step-prototype{display:none}.home-interactive [data-step="prototype"] .home-interactive-description .step-prototype{display:block}.home-interactive .home-interactive-description .step-share{display:none}.home-interactive [data-step="share"] .home-interactive-description .step-share{display:block}.home-interactive [data-step="states"] .prototype,.home-interactive [data-step="transitions"] .prototype,.home-interactive [data-step="refine"] .prototype{opacity:0;pointer-events:none}.home-interactive [data-step="states"] .container-sketch-one{opacity:1;position:relative}.home-interactive [data-step="transitions"] .container-sketch-two{opacity:1;position:relative}.home-interactive [data-step="transitions"] .button-selection{-webkit-transform:translateY(calc(100% + 4px));transform:translateY(calc(100% + 4px))}.home-interactive [data-step="refine"] .container-sketch-three{opacity:1;position:relative}.home-interactive [data-step="refine"] .button-selection{-webkit-transform:translateY(calc(200% + 8px));transform:translateY(calc(200% + 8px))}.home-interactive [data-step="refine"] .prototype{opacity:0}.home-interactive [data-step="prototype"] .spec{opacity:0}.home-interactive [data-step="prototype"] .vis{-webkit-transform:translateX(calc(-100% - 22px));transform:translateX(calc(-100% - 22px))}@media (max-width: 899px){.home-interactive [data-step="prototype"] .vis{-webkit-transform:translateY(calc(-100% - 22px));transform:translateY(calc(-100% - 22px))}}.home-interactive [data-step="prototype"] .container-sketch-three{opacity:1;position:relative}.home-interactive [data-step="prototype"] .button-selection{-webkit-transform:translateY(calc(300% + 12px));transform:translateY(calc(300% + 12px))}.home-interactive [data-share-active="true"] .container-share{opacity:1;pointer-events:auto}.home-interactive [data-share-active="true"] .container-share .share-url{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.home-interactive [data-share-active="true"] .container-share .share-description{opacity:1;-webkit-transition-delay:400ms;transition-delay:400ms}.home-interactive [data-share-active="true"] .home-interactive-description [class^="step-"]{display:none}.home-interactive [data-share-active="true"] .home-interactive-description .step-share{display:block}.home-interactive [data-share-active="true"] .home-interactive-playground .vis,.home-interactive [data-share-active="true"] .home-interactive-playground .spec,.home-interactive [data-share-active="true"] .home-interactive-playground .prototype{-webkit-filter:blur(4px);filter:blur(4px)}.home-interactive [data-share-active="true"] .home-interactive-playground .vis .embed-section-title,.home-interactive [data-share-active="true"] .home-interactive-playground .spec .embed-section-title,.home-interactive [data-share-active="true"] .home-interactive-playground .prototype .embed-section-title{opacity:0;-webkit-transition:opacity 300ms ease;transition:opacity 300ms ease;-webkit-transition-delay:0;transition-delay:0}.home-interactive [data-share-active="true"] .home-interactive-playground .statechart-reset{opacity:0;-webkit-transition:opacity 100ms ease;transition:opacity 100ms ease}.home-interactive [data-share-active="true"] .button-selection{-webkit-transform:translateY(calc(400% + 16px));transform:translateY(calc(400% + 16px))}.home-interactive .container-share{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;z-index:9999;background:rgba(255,255,255,0.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.home-interactive .container-share .share-url{background:#fff;-webkit-box-shadow:hsla(222, 55%, 46%, .1) 0 4px 12px,hsla(222, 55%, 46%, .03) 0 12px 24px,hsla(222, 55%, 46%, .05) 0 24px 48px,hsla(222, 55%, 46%, .05) 0 24px 96px,hsla(222, 55%, 46%, .05) 0 24px 192px;box-shadow:hsla(222, 55%, 46%, .1) 0 4px 12px,hsla(222, 55%, 46%, .03) 0 12px 24px,hsla(222, 55%, 46%, .05) 0 24px 48px,hsla(222, 55%, 46%, .05) 0 24px 96px,hsla(222, 55%, 46%, .05) 0 24px 192px;padding:16px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:80%;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease}.home-interactive .container-share .share-url input{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;border:none;background:hsla(222, 50%, 98%, 1);border-radius:4px;padding:0 12px;font-family:IBM Plex Mono, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;font-weight:normal;font-size:14px;letter-spacing:normal;line-height:22px;color:hsla(222, 28%, 40%, 1);outline:none;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.home-interactive .container-share .share-icon{background:grey;width:28px;height:40px;margin-right:16px;background:url('data:image/svg+xml;utf8,') no-repeat center center;background-size:28px}.home-interactive .container-share .share-description{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px;opacity:0;-webkit-transition:opacity 500ms ease;transition:opacity 500ms ease;text-align:center}.home-interactive [data-show-cursor="true"]:after{content:" ";background:hsla(225, 40%, 94%, .8);width:40px;height:40px;border-radius:50%;position:absolute;top:-6px;left:5px;opacity:0;-webkit-animation:click 1.2s infinite;animation:click 1.2s infinite;-webkit-animation-delay:0;animation-delay:0;pointer-events:none}.home-interactive-playground .embed{grid-template-columns:50% 50%;grid-template-rows:1fr;padding:0}@media (max-width: 899px){.home-interactive-playground .embed{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.home-interactive-playground .embed .embed-section-title{-webkit-transition:opacity 500ms ease;transition:opacity 500ms ease;-webkit-transition-delay:300ms;transition-delay:300ms}.home-interactive-playground .embed .vis,.home-interactive-playground .embed .spec,.home-interactive-playground .embed .prototype{height:100%;max-height:none}.home-interactive-playground .embed .spec{-webkit-transition:opacity 1s ease;transition:opacity 1s ease;grid-column:1;grid-row:1}.home-interactive-playground .embed .vis{-webkit-transition:-webkit-transform 400ms ease;transition:-webkit-transform 400ms ease;transition:transform 400ms ease;transition:transform 400ms ease, -webkit-transform 400ms ease;z-index:9998;grid-column:2;grid-row:1}@media (max-width: 899px){.home-interactive-playground .embed .vis{grid-column:1;grid-row:2}}.home-interactive-playground .embed .prototype{-webkit-transition:opacity 1s ease;transition:opacity 1s ease;grid-column:2;grid-row:1}@media (max-width: 899px){.home-interactive-playground .embed .prototype{grid-column:1;grid-row:2}}.home-interactive-playground .embed .visualization-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.newsletter{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:wrap;flex-wrap:wrap}.newsletter .newsletter-title{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.newsletter .newsletter-description,.newsletter .newsletter-form{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}@media (max-width: 670px){.newsletter .newsletter-description,.newsletter .newsletter-form{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}}.newsletter .newsletter-description{margin-right:64px}@media (min-width: 671px) and (max-width: 880px){.newsletter .newsletter-description{margin-right:32px}}@media (max-width: 670px){.newsletter .newsletter-description{margin-right:0;margin-bottom:48px}}.newsletter #mc_embed_signup_scroll{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px}.newsletter #mc_embed_signup_scroll ul{list-style:none;padding:0;margin:0}.newsletter #mc_embed_signup_scroll li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.newsletter #mc_embed_signup_scroll li div{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.newsletter #mc_embed_signup_scroll li input[type="checkbox"]{margin-right:10px;display:inline-block;width:14px}.newsletter #mc_embed_signup_scroll li label{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px;color:hsla(222, 28%, 40%, 1)}.newsletter #mc_embed_signup_scroll li+li{margin-top:24px}.newsletter #mce-EMAIL{width:100%;padding:8px;border:1px solid hsla(222, 55%, 46%, .4) !important;background:hsla(222, 50%, 98%, 1);color:hsla(222, 55%, 24%, 1);font-weight:600;border-radius:4px;outline:none}.newsletter #mce-EMAIL:focus{border:1px solid hsla(222, 55%, 46%, .8) !important}.newsletter #mce-EMAIL::-webkit-input-placeholder{color:hsla(222, 28%, 40%, .6);font-weight:400}.newsletter #mce-EMAIL:-ms-input-placeholder{color:hsla(222, 28%, 40%, .6);font-weight:400}.newsletter #mce-EMAIL::placeholder{color:hsla(222, 28%, 40%, .6);font-weight:400}.newsletter #mc_embed_signup div.mce_inline_error{background:none;color:hsla(8, 68%, 50%, 1);font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;font-weight:600;padding:0;margin:8px 0 0 0}.newsletter .mc-field-group+.mc-field-group{margin-top:24px}.newsletter .clear{margin-top:24px}.newsletter #mce-responses{margin-top:16px}.newsletter #mce-error-response{color:hsla(8, 68%, 50%, 1);font-weight:600}.newsletter #mce-success-response{color:hsla(222, 55%, 46%, 1);font-weight:600}.newsletter #mc-embedded-subscribe{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px;font-weight:600;border:none;background:hsla(222, 55%, 46%, 1);border-radius:4px;color:#fff;padding:10px 16px}@media (max-width: 670px){.newsletter #mc-embedded-subscribe{width:100%}}.embed{display:grid;grid-template-columns:50% 50%;grid-template-rows:1fr auto;grid-gap:22px;background:none;padding:32px 24px;height:100%;position:relative}@media (max-width: 670px){.embed{grid-template-columns:100%;grid-template-rows:100%}}.embed .playground .spec,.embed .playground .code{grid-column:1/span 2}.embed .vis,.embed .spec,.embed .prototype,.embed .code{position:relative;background:hsla(222, 50%, 98%, 1);padding:24px 16px;border-radius:4px}.embed .spec,.embed .code{max-height:400px;height:100%}.embed .vis{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.embed .prototype{background:#fff;border:1px solid hsla(225, 40%, 94%, 1)}.embed .spec{padding:24px 10px;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.embed .embed-section-title{background:#fff;position:absolute;top:-11px;right:8px;padding:4px 8px;border-radius:4px;-webkit-box-shadow:hsla(222, 55%, 46%, .1) 0 2px 6px,hsla(222, 55%, 46%, .03) 0 6px 12px,hsla(222, 55%, 46%, .03) 0 12px 24px,hsla(222, 55%, 46%, .03) 0 12px 48px,hsla(222, 55%, 46%, .03) 0 12px 96px;box-shadow:hsla(222, 55%, 46%, .1) 0 2px 6px,hsla(222, 55%, 46%, .03) 0 6px 12px,hsla(222, 55%, 46%, .03) 0 12px 24px,hsla(222, 55%, 46%, .03) 0 12px 48px,hsla(222, 55%, 46%, .03) 0 12px 96px;font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:600;font-size:10px;letter-spacing:normal;line-height:13px;text-transform:uppercase;color:hsla(222, 55%, 46%, 1);opacity:1;z-index:9999}.embed .statechart,.embed .substates{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:wrap;flex-wrap:wrap}.embed .statechart{background:none}.embed .statechart .state{background:#fff;border:1px solid hsla(0, 0%, 86%, 1);border-radius:4px;margin:8px;padding:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:hsla(0, 0%, 66%, 1);max-width:100%;-webkit-box-shadow:hsla(222, 55%, 46%, .06) 0 2px 6px,hsla(222, 55%, 46%, .03) 0 6px 12px;box-shadow:hsla(222, 55%, 46%, .06) 0 2px 6px,hsla(222, 55%, 46%, .03) 0 6px 12px}.embed .statechart .state[data-is-default="true"]{border-radius:12px 4px 4px 4px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.embed .statechart .state[data-is-active-ancestor="true"]{color:hsla(222, 28%, 40%, 1)}.embed .statechart .state[data-is-pseudostate="true"]{border-style:dashed}.embed .statechart .state[data-is-active-ancestor="false"] .transition-name{color:hsla(222, 55%, 46%, .6);font-weight:400}.embed .statechart .state[data-is-active="true"]{background:hsla(222, 55%, 46%, 1);border:none;-webkit-box-shadow:hsla(222, 55%, 46%, .3) 0 2px 6px,hsla(222, 55%, 46%, .1) 0 6px 12px;box-shadow:hsla(222, 55%, 46%, .3) 0 2px 6px,hsla(222, 55%, 46%, .1) 0 6px 12px}.embed .statechart .state[data-is-active="true"] .state-name{color:#fff;font-weight:600}.embed .statechart .state[data-is-active="true"] .clickable,.embed .statechart .state[data-is-active="true"] .transition{color:#D6E6FF}.embed .statechart .state .state-name{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;font-size:15px;color:hsla(222, 55%, 24%, 1)}.embed .statechart .transitions{margin:0;padding:0;list-style:none}.embed .statechart .transitions li{position:relative}.embed .statechart .transition{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;font-size:14px}.embed .statechart .state-name,.embed .statechart .transition-name{margin:0}.embed .statechart .transition-name{font-style:italic}.embed .statechart .clickable{cursor:pointer;color:hsla(222, 55%, 46%, 1);font-weight:600;text-decoration:underline}.embed .visualization-container{background:#fff;border:none;min-height:200px}.embed .CodeMirror{background:none;height:100%}.embed .CodeMirror pre{font-family:IBM Plex Mono, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;font-weight:normal;font-size:14px;letter-spacing:normal;line-height:22px}.embed .codemirror-container{height:100% !important;width:100%;border:none}.embed .CodeMirror-gutters{background:hsla(222, 50%, 98%, 1);border:none}.embed .CodeMirror-lines{padding:0;color:hsla(222, 55%, 24%, 1)}.embed .CodeMirror-linenumber{font-family:IBM Plex Mono, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;font-weight:normal;font-size:14px;letter-spacing:normal;line-height:22px;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;padding:0;color:hsla(222, 28%, 40%, .4)}.embed .CodeMirror-activeline-background{background:hsla(225, 40%, 94%, 1)}.embed .cm-keyword{color:inherit}.embed .cm-operator{color:hsla(222, 55%, 46%, .8)}.embed .CodeMirror-selected{background:hsla(222, 55%, 46%, .16)}.embed .CodeMirror-focused .CodeMirror-selected{background:hsla(222, 55%, 46%, .16)}.embed .CodeMirror-line::-moz-selection,.embed .CodeMirror-line>span::-moz-selection,.embed .CodeMirror-line>span>span::-moz-selection{background:hsla(222, 55%, 46%, .16)}.embed .CodeMirror-line::selection,.embed .CodeMirror-line>span::selection,.embed .CodeMirror-line>span>span::selection{background:hsla(222, 55%, 46%, .16)}.embed .CodeMirror-line::-moz-selection,.embed .CodeMirror-line>span::-moz-selection,.embed .CodeMirror-line>span>span::-moz-selection{background:hsla(222, 55%, 46%, .16)}.embed .statechart-reset{background:hsla(222, 55%, 46%, 1) url('data:image/svg+xml;utf8,') no-repeat center center;background-size:18px;border:none;border-radius:50%;height:32px;width:32px;-webkit-box-shadow:0 2px 4px rgba(80,80,82,0.2);box-shadow:0 2px 4px rgba(80,80,82,0.2);position:absolute;bottom:-16px;right:16px;outline:none;cursor:pointer;color:transparent;text-indent:-9999px;opacity:1;-webkit-transition:opacity 500ms ease;transition:opacity 500ms ease;-webkit-transition-delay:300ms;transition-delay:300ms}.embed .statechart-reset:active{background:hsla(222, 55%, 46%, 1) url('data:image/svg+xml;utf8,') no-repeat center center;background-size:18px}#tutorial .statepen-embed{margin:48px auto}#tutorial .statepen-embed .embed{padding:0}#tutorial hr{margin:48px 0}#tutorial .tutorial-container{max-width:680px}#tutorial .video-container{margin-bottom:48px}#tutorial .tutorial-header{padding:64px 0 0 0}#tutorial .tutorial-content{padding:0 0 64px 0}#tutorial .tip{background:#fffacd;display:block;padding:10px}#tutorial .highlight pre{background:hsla(222, 50%, 98%, 1);padding:24px;color:hsla(222, 55%, 24%, 1);margin:0}#tutorial .highlight+p{padding-top:32px}.tutorials-list-section{padding:64px 0}.tutorials-list-section .tutorials-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding:0;margin:0 -16px}.tutorials-list-section .tutorials-list-item{-webkit-box-flex:1;-ms-flex:1 1 33.333%;flex:1 1 33.333%;max-width:33.333%;padding:16px;margin:0}@media (min-width: 671px) and (max-width: 880px){.tutorials-list-section .tutorials-list-item{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%}}@media (max-width: 670px){.tutorials-list-section .tutorials-list-item{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%}}.tutorials-list-section .tutorials-list-item-link{-webkit-box-shadow:hsla(222, 55%, 46%, .06) 0 2px 6px,hsla(222, 55%, 46%, .03) 0 6px 12px,hsla(222, 55%, 46%, .03) 0 12px 24px,hsla(222, 55%, 46%, .03) 0 12px 48px,hsla(222, 55%, 46%, .03) 0 12px 96px;box-shadow:hsla(222, 55%, 46%, .06) 0 2px 6px,hsla(222, 55%, 46%, .03) 0 6px 12px,hsla(222, 55%, 46%, .03) 0 12px 24px,hsla(222, 55%, 46%, .03) 0 12px 48px,hsla(222, 55%, 46%, .03) 0 12px 96px;background:#fff;height:100%;display:block;border-radius:4px;overflow:hidden}.tutorials-list-section .tutorial-thumbnail{height:8px;background-color:hsla(222, 55%, 46%, 1);width:100%}.tutorials-list-section .tutorial-title{padding-bottom:8px}.tutorials-list-section .tutorial-description{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px;color:hsla(222, 28%, 40%, 1)}.tutorials-list-section .tutorial-metadata{padding:24px 16px}html{height:100%}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}::-moz-selection{background:hsla(222, 55%, 46%, .2)}::selection{background:hsla(222, 55%, 46%, .2)}body{background:#fff}.container{max-width:1228px;margin:0 auto;padding:0 88px}@media (max-width: 880px){.container{padding:0 48px}}@media (max-width: 670px){.container{padding:0 32px}}hr{border:none;height:1px;background-color:hsla(225, 40%, 94%, 1)}.home-hero{padding:64px 0 64px 0}.home-hero h1{padding-bottom:16px;text-align:center;max-width:680px;margin:0 auto}.home-hero p{padding-bottom:0;text-align:center;max-width:680px;margin:0 auto}.home-hero .video-container{margin-top:64px;-webkit-box-shadow:hsla(222, 55%, 24%, .05) 0 2px 6px,hsla(222, 55%, 24%, .05) 0 6px 12px,hsla(222, 55%, 24%, .05) 0 12px 24px,hsla(222, 55%, 24%, .05) 0 12px 48px,hsla(222, 55%, 24%, .05) 0 12px 96px;box-shadow:hsla(222, 55%, 24%, .05) 0 2px 6px,hsla(222, 55%, 24%, .05) 0 6px 12px,hsla(222, 55%, 24%, .05) 0 12px 24px,hsla(222, 55%, 24%, .05) 0 12px 48px,hsla(222, 55%, 24%, .05) 0 12px 96px;background:#fff url("/images/video-poster.png") no-repeat center center;background-size:cover;position:relative;cursor:pointer}.home-hero .video-container:after{content:"";width:96px;height:96px;background:#fff url('data:image/svg+xml;utf8,') no-repeat center center;background-size:38px 38px;position:absolute;top:calc(50% - 48px);left:calc(50% - 48px);border-radius:50%;-webkit-box-shadow:hsla(222, 55%, 24%, .05) 0 2px 6px,hsla(222, 55%, 24%, .05) 0 6px 12px,hsla(222, 55%, 24%, .05) 0 12px 24px,hsla(222, 55%, 24%, .05) 0 12px 48px,hsla(222, 55%, 24%, .05) 0 12px 96px;box-shadow:hsla(222, 55%, 24%, .05) 0 2px 6px,hsla(222, 55%, 24%, .05) 0 6px 12px,hsla(222, 55%, 24%, .05) 0 12px 24px,hsla(222, 55%, 24%, .05) 0 12px 48px,hsla(222, 55%, 24%, .05) 0 12px 96px}.home-hero .video-container[data-played="true"]:after{display:none}@media (max-width: 670px){.home-hero .video-container:after{width:64px;height:64px;background:#fff url('data:image/svg+xml;utf8,') no-repeat center center;background-size:24px 24px;position:absolute;top:calc(50% - 32px);left:calc(50% - 32px)}}.home-hero iframe{opacity:0;pointer-events:none}.home-introduction,.home-interactive,.examples,.newsletter,.home-testimonials,.home-examples,.faq{padding:64px 0}.home-testimonials-list{padding:0;list-style:none;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:wrap;flex-wrap:wrap;margin:-16px}.home-testimonials-item{padding:16px;-webkit-box-flex:1;-ms-flex:1 1 33.33%;flex:1 1 33.33%;display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 671px) and (max-width: 880px){.home-testimonials-item{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%}}@media (max-width: 670px){.home-testimonials-item{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.home-testimonials-item:nth-child(n+5){display:none}}.home-testimonials-content{background:#fff;-webkit-box-shadow:hsla(222, 55%, 24%, .05) 0 2px 6px,hsla(222, 55%, 24%, .05) 0 6px 12px,hsla(222, 55%, 24%, .05) 0 12px 24px,hsla(222, 55%, 24%, .05) 0 12px 48px,hsla(222, 55%, 24%, .05) 0 12px 96px;box-shadow:hsla(222, 55%, 24%, .05) 0 2px 6px,hsla(222, 55%, 24%, .05) 0 6px 12px,hsla(222, 55%, 24%, .05) 0 12px 24px,hsla(222, 55%, 24%, .05) 0 12px 48px,hsla(222, 55%, 24%, .05) 0 12px 96px;border-radius:4px;padding:24px;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home-testimonials-content .avatar{width:36px;height:36px;border-radius:50%;margin-right:8px}.home-testimonials-content .message{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px;color:hsla(222, 28%, 40%, 1)}.home-testimonials-content .metadata{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-testimonials-content .person{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:15px;letter-spacing:normal;line-height:19.5px;margin-top:-4.655px;margin-bottom:-3.875px;color:hsla(222, 55%, 24%, 1)}.home-testimonials-content .name{font-weight:600}.faq .faq-questions{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:wrap;flex-wrap:wrap;margin:-24px}.faq .faq-title{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.faq .faq-question{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%;padding:24px}@media (max-width: 670px){.faq .faq-question{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%}}.faq ul{margin:0 0 24px 0}.faq ul:last-child{margin:0}.faq li{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:19px;letter-spacing:normal;line-height:28px;margin-top:-7.863px;margin-bottom:-6.875px;padding-bottom:22px;color:hsla(222, 28%, 40%, 1)}.faq li:last-child{padding-bottom:0}.faq li a{font-weight:600}footer{padding:48px 0}footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 670px){footer .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}footer .footer-links,footer .footer-copyright{padding:0;font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:15px;letter-spacing:normal;line-height:19.5px;margin-top:-4.655px;margin-bottom:-3.875px;color:hsla(0, 0%, 44%, 1)}@media (max-width: 670px){footer .footer-links{margin-top:16px}}footer .footer-links a{margin-left:16px;color:hsla(0, 0%, 44%, 1);font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:15px;letter-spacing:normal;line-height:19.5px;margin-top:-4.655px;margin-bottom:-3.875px}@media (max-width: 670px){footer .footer-links a{margin:0 16px}}#terms,#privacy{margin:48px 0}#terms hr,#privacy hr{margin:48px 0}.video-container{width:100%;padding:0 0 56.25% 0 !important;position:relative}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.home-examples{padding:64px 0}.home-examples .home-examples-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding:0;margin:0 -16px}.home-examples .home-examples-item{-webkit-box-flex:1;-ms-flex:1 1 33.333%;flex:1 1 33.333%;max-width:33.333%;padding:16px;margin:0}@media (min-width: 671px) and (max-width: 880px){.home-examples .home-examples-item{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%}}@media (max-width: 670px){.home-examples .home-examples-item{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%}}.home-examples .home-examples-content{-webkit-box-shadow:hsla(222, 55%, 46%, .06) 0 2px 6px,hsla(222, 55%, 46%, .03) 0 6px 12px,hsla(222, 55%, 46%, .03) 0 12px 24px,hsla(222, 55%, 46%, .03) 0 12px 48px,hsla(222, 55%, 46%, .03) 0 12px 96px;box-shadow:hsla(222, 55%, 46%, .06) 0 2px 6px,hsla(222, 55%, 46%, .03) 0 6px 12px,hsla(222, 55%, 46%, .03) 0 12px 24px,hsla(222, 55%, 46%, .03) 0 12px 48px,hsla(222, 55%, 46%, .03) 0 12px 96px;background:#fff;height:100%;display:block;border-radius:4px;overflow:hidden}.home-examples .example-thumbnail{height:100px;background-color:hsla(222, 55%, 46%, 1);width:100%;overflow:hidden;background-size:cover;background-position:center center}.home-examples .example-thumbnail.animated-button{background-image:url("../images/examples-animated-button.png")}.home-examples .example-thumbnail.mouse-event-button{background-image:url("../images/examples-mouse-event-button.png")}.home-examples .example-thumbnail.create-form{background-image:url("../images/examples-create-form.png")}.home-examples .example-thumbnail.mobile-app{background-image:url("../images/examples-mobile-app.png")}.home-examples .example-thumbnail.table-behavior{background-image:url("../images/examples-table-behavior.png")}.home-examples .example-thumbnail.map-search{background-image:url("../images/examples-map-search.png")}.home-examples .example-title{padding-bottom:8px}.home-examples .example-description{font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;letter-spacing:normal;line-height:20.8px;margin-top:-4.832px;margin-bottom:-4px;color:hsla(222, 28%, 40%, 1)}.home-examples .example-metadata{padding:24px 16px}