body,div,dl,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,ol,p,pre,ul{margin:0;padding:0}fieldset,img{border:0}body,html{height:100%;width:100%}body{background-color:#fff;color:#172b4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857142857143;letter-spacing:-.005em;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-text-decoration-skip:ink;text-decoration-skip:ink}blockquote,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul{margin:12px 0 0}a{color:#0052cc;text-decoration:none}a:hover{color:#0065ff;text-decoration:underline}a:active{color:#0049b0}a:focus{outline:2px solid #4c9aff;outline-offset:2px}h1{font-size:2.07142857em;font-style:inherit;font-weight:600;letter-spacing:-.01em;line-height:1.10344828;margin-top:40px}h2{font-size:1.71428571em;letter-spacing:-.01em;line-height:1.16666667}h2,h3{font-style:inherit;font-weight:500;margin-top:28px}h3{font-size:1.42857143em;letter-spacing:-.008em;line-height:1.2}h4{font-size:1.14285714em;line-height:1.25;letter-spacing:-.006em;margin-top:24px}h4,h5{font-style:inherit;font-weight:600}h5{font-size:1em;line-height:1.14285714;letter-spacing:-.003em;margin-top:16px}h6{color:#5e6c84;font-size:.85714286em;font-weight:600;line-height:1.33333333;margin-top:20px;text-transform:uppercase}dl,ol,ul{padding-left:40px}[dir=rtl]dl,[dir=rtl]ol,[dir=rtl]ul{padding-left:0;padding-right:40px}dd,dd+dt,li+li,ol ol:not(:first-child),ol ul:not(:first-child),ul ol:not(:first-child),ul ul:not(:first-child){margin-top:4px}blockquote:first-child,dl:first-child,form:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,ol:first-child,p:first-child,pre:first-child,table:first-child,ul:first-child{margin-top:0}blockquote,q{color:inherit}blockquote{border:none;padding-left:40px}[dir=rtl] blockquote{padding-left:0;padding-right:40px}blockquote:before,q:before{content:"\201C"}blockquote:after,q:after{content:"\201D"}blockquote:before{float:left;margin-left:-1em;text-align:right;width:1em}[dir=rtl] blockquote:before{float:right;margin-right:-1em;text-align:left}blockquote>:last-child{display:inline-block}small{color:#5e6c84;font-size:.85714286em;font-weight:400;line-height:1.33333333;margin-top:16px}code,kbd{font-family:SF Mono,Segoe UI Mono,Roboto Mono,Ubuntu Mono,Menlo,Courier,monospace}address,cite,dfn,var{font-style:italic}abbr{border-bottom:1px dotted #ccc;cursor:help}table{border-collapse:collapse;width:100%}tbody,tfoot,thead{border-bottom:2px solid #dfe1e6}td,th{border:none;padding:4px 8px;text-align:left}th{vertical-align:top}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}caption{font-size:1.42857143em;font-style:inherit;font-weight:500;letter-spacing:-.008em;line-height:1.2;margin-top:28px;margin-bottom:8px;text-align:left}template{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}@-moz-document url-prefix(){img{font-size:0}img:-moz-broken{font-size:inherit}}.assistive{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.text-h800{font-size:29px;line-height:32px;font-weight:500;color:#172b4d}.text-h700{font-size:24px;line-height:28px;margin-top:28px}.text-h600,.text-h700{font-weight:500;margin-bottom:8px;color:#172b4d}.text-h600{font-size:20px;line-height:24px;margin-top:24px}.text-h500{font-size:16px;font-weight:500;margin-top:32px}.text-h400,.text-h500{line-height:20px;margin-bottom:8px;color:#172b4d}.text-h400{font-size:14px;font-weight:600;margin-top:24px}.text-h300{margin-top:12px;color:#172b4d}.text-h200,.text-h300{font-size:12px;line-height:16px;margin-bottom:8px;font-weight:600}.text-h200{margin-top:16px;color:#5e6c84}.text-h100{font-size:11px;line-height:16px;font-weight:600;margin-top:12px;margin-bottom:8px;color:#5e6c84;text-transform:uppercase}.text-paragraph{font-size:14px;line-height:24px;font-weight:400;color:#5e6c84}@font-face{font-family:LLCircularWeb-Book;src:url("/react_assets/fonts/lineto-circular-book-s.eot");src:url("/react_assets/fonts/lineto-circular-book-s.eot?#iefix") format("embedded-opentype"),url("/react_assets/fonts/lineto-circular-book-s.woff") format("woff"),url("/react_assets/fonts/lineto-circular-book-s.ttf") format("truetype"),url("/react_assets/fonts/lineto-circular-book-s.svg#LLCircularWeb-Book") format("svg");font-weight:400;font-style:normal}@font-face{font-family:LLCircularWeb-Medium;src:url("/react_assets/fonts/lineto-circular-medium-s.eot");src:url("/react_assets/fonts/lineto-circular-medium-s.eot?#iefix") format("embedded-opentype"),url("/react_assets/fonts/lineto-circular-medium-s.woff") format("woff"),url("/react_assets/fonts/lineto-circular-medium-s.ttf") format("truetype"),url("/react_assets/fonts/lineto-circular-medium-s.svg#LLCircularWeb-Medium") format("svg");font-weight:400;font-style:normal}.circular-pro{font-family:LLCircularWeb-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif}.color-swatches{padding:2em 0;margin:0 -1em}.color-swatches:after{content:"";clear:both;display:block}.color-swatch-wrap{float:left}.color-swatch-wrap.desktop-col-1{width:100%}.color-swatch-wrap.desktop-col-2{width:50%}.color-swatch-wrap.desktop-col-3{width:33.33%}.color-swatch-wrap.desktop-col-4{width:25%}.color-swatch-wrap.desktop-col-5{width:20%}.color-swatch-wrap.desktop-col-6{width:16.666%}@media (max-width:1024px){.color-swatch-wrap.tablet-col-1{width:100%}.color-swatch-wrap.tablet-col-2{width:50%}.color-swatch-wrap.tablet-col-3{width:33.33%}.color-swatch-wrap.tablet-col-4{width:25%}.color-swatch-wrap.tablet-col-5{width:20%}.color-swatch-wrap.tablet-col-6{width:16.666%}}@media (max-width:576px){.color-swatch-wrap.mobile-col-1{width:100%}.color-swatch-wrap.mobile-col-2{width:50%}.color-swatch-wrap.mobile-col-3{width:33.33%}.color-swatch-wrap.mobile-col-4{width:25%}.color-swatch-wrap.mobile-col-5{width:20%}.color-swatch-wrap.mobile-col-6{width:16.666%}}.color-swatch{margin:15px;border-radius:6px;background-color:#f4f5f7}.color-swatch:after{content:" ";display:table;clear:both}.color-swatch-header{position:relative;height:0;padding-bottom:50%;border-radius:6px 6px 0 0;border:1px solid transparent}.color-swatch-header.is-light{border-color:#c1c7d0}.color-swatch-header .pass-fail{position:absolute;width:100%;bottom:0}.color-swatch-header .pass-fail-item-wrap{position:relative;float:left;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.color-swatch-header .pass-fail-item-group{display:inline-block;padding:0 5px}.color-swatch-header .pass-fail-item{float:left;display:inline-block;text-align:center;padding:2px}.color-swatch-header .pass-fail-item.white .example{color:#fff}.color-swatch-header .pass-fail-item.small .example{font-size:10px}.color-swatch-header .pass-fail-item .lozenge{font-size:11px;text-transform:uppercase;font-weight:600;background:#000;color:#fff;padding:2px 4px;line-height:10px;border-radius:4px;letter-spacing:.05em}.color-swatch-body{position:relative;left:50%;float:left;padding:10px 0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.color-swatch-body .prop-item-wrap{float:left;padding:0 15px;min-width:65px}.color-swatch-body .prop-item{padding:15px 0}.color-swatch-body .prop-item .label{font-size:11px;color:#62748c;text-transform:uppercase;line-height:16px}.color-swatch-body .prop-item .value{font-size:14px}.color-table,.color-table:first-child{font-weight:600;font-size:16px;margin:40px 0;width:100%}.color-table:first-child td,.color-table:first-child td:first-child,.color-table:first-child td:last-child,.color-table td,.color-table td:first-child,.color-table td:last-child{background:#f4f5f7;border-bottom:1px solid #c1c7d0;padding:10px}.color-table:first-child tr:last-child td,.color-table tr:last-child td{border-bottom:none}.color-table:first-child td:first-child,.color-table td:first-child{line-height:40px}.color-table .swatch,.color-table:first-child .swatch{float:left;height:40px;width:40px;margin-right:20px;display:inline-block;border-radius:4px;border:1px solid transparent}.color-table .swatch.is-light,.color-table:first-child .swatch.is-light{border-color:#c1c7d0}.color-table .lozenge,.color-table:first-child .lozenge{float:left;margin:5px 10px 0 0;font-size:10px;display:inline-block;text-transform:uppercase;font-weight:600;background:#97a0af;color:#042a53;padding:2px 4px;line-height:10px;border-radius:4px;letter-spacing:.05em}@media (max-width:1024px){.color-table,.color-table:first-child{display:block}.color-table:first-child tbody,.color-table:first-child td,.color-table:first-child td:first-child,.color-table:first-child td:last-child,.color-table:first-child th,.color-table:first-child tr,.color-table tbody,.color-table td,.color-table td:first-child,.color-table td:last-child,.color-table th,.color-table tr{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;font-weight:500;border-bottom-style:none}.color-table:first-child tr,.color-table tr{margin:16px 0}.color-table:first-child td:first-child,.color-table td:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.color-table:first-child td:last-child,.color-table td:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.color-table:first-child td,.color-table:first-child td:first-child,.color-table:first-child td:last-child,.color-table td,.color-table td:first-child,.color-table td:last-child{font-family:SF Mono,Segoe UI Mono,Roboto Mono,Ubuntu Mono,Menlo,Courier,monospace}.color-table:first-child td .lozenge,.color-table:first-child td:first-child,.color-table td .lozenge,.color-table td:first-child{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif}}.download-card-wrap{float:left}.download-card-wrap.desktop-col-1{width:100%}.download-card-wrap.desktop-col-2{width:50%}.download-card-wrap.desktop-col-3{width:33.33%}.download-card-wrap.desktop-col-4{width:25%}.download-card-wrap.desktop-col-5{width:20%}.download-card-wrap.desktop-col-6{width:16.666%}@media (max-width:1024px){.download-card-wrap.tablet-col-1{width:100%}.download-card-wrap.tablet-col-2{width:50%}.download-card-wrap.tablet-col-3{width:33.33%}.download-card-wrap.tablet-col-4{width:25%}.download-card-wrap.tablet-col-5{width:20%}.download-card-wrap.tablet-col-6{width:16.666%}}@media (max-width:576px){.download-card-wrap.mobile-col-1{width:100%}.download-card-wrap.mobile-col-2{width:50%}.download-card-wrap.mobile-col-3{width:33.33%}.download-card-wrap.mobile-col-4{width:25%}.download-card-wrap.mobile-col-5{width:20%}.download-card-wrap.mobile-col-6{width:16.666%}}.download-cards{margin-left:-10px;margin-right:-10px}.download-cards:after{content:"";clear:both;display:block}.download-card{position:relative;padding:10px}.download-card-inner{position:relative;height:0;padding-bottom:75%;border-radius:6px;color:#42526e;background-color:#f4f5f7}.download-card-inner:hover{background-color:#e5e8ec}.column-4 .download-card-inner,.column-5 .download-card-inner,.column-6 .download-card-inner{padding-bottom:100%}.column-4 .download-card-image .card-sizer,.column-5 .download-card-image .card-sizer,.column-6 .download-card-image .card-sizer{padding-top:100%}.download-card-info-wrap{position:absolute;top:0;left:0;width:100%;z-index:2;background-color:#f4f5f7;border-radius:6px 6px 0 0;background-color:#e5e8ec}.download-card-info{font-size:13px;line-height:18px;padding:12px 30px 12px 15px}.download-card-info .icon{position:absolute;top:50%;right:15px;width:8px;height:18px;margin-top:2px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.download-card-info .icon svg *{fill:#42526e}.download-card-image{position:relative;width:100%}.download-card-image .card-sizer{padding-top:75%}.download-card-image .img-container{position:absolute;top:0;bottom:0;left:0;right:0;padding:20px;text-align:center;font:0/0 a}.download-card-image .img-container:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.download-card-image .img-container img{vertical-align:middle;display:inline-block}.download-card-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}.image-grid{padding:2em 0}.image-grid-item-wrap{padding-bottom:4em}@media (min-width:1024px){.image-grid-item-wrap{float:left}.image-grid-item-wrap.column-1{width:100%}.image-grid-item-wrap.column-2{width:50%}.image-grid-item-wrap.column-2:nth-child(2n+3){clear:both}.image-grid-item-wrap.column-3{width:33.333%}.image-grid-item-wrap.column-3:nth-child(3n+4){clear:both}.image-grid-item-wrap.column-4{width:25%}.image-grid-item-wrap.column-4:nth-child(4n+5){clear:both}.image-grid-item-wrap.column-5{width:20%}.image-grid-item-wrap.column-5:nth-child(5n+6){clear:both}.image-grid-item-wrap.column-6{width:16.666%}.image-grid-item-wrap.column-6:nth-child(6n+7){clear:both}.image-grid-item-wrap.column-7{width:14.285%}.image-grid-item-wrap.column-7:nth-child(7n+8){clear:both}.image-grid-item-wrap.column-8{width:12.5%}.image-grid-item-wrap.column-8:nth-child(8n+9){clear:both}}.image-grid-item{text-align:center}.image-grid-item img{width:30px;height:30px}.image-grid-item-title{font-size:12px;line-height:18px}.article-wrapper[data-article-title=motion]{overflow-x:hidden}.article-wrapper[data-article-title=motion] ol{padding:0 40px}.article-wrapper[data-article-title=motion] ol li video{margin:24px 0 24px -340px}.article-wrapper[data-article-title=motion] .label{font-style:italic;color:#5e6c84;margin-bottom:60px}.article-wrapper[data-article-title=motion] .label.gap{margin-bottom:120px}.article-wrapper[data-article-title=motion] #curveExample1,.article-wrapper[data-article-title=motion] .cube{width:auto;background-color:transparent;margin:60px -40px;left:0;height:100px;position:relative;border-radius:0}.article-wrapper[data-article-title=motion] #curveExample1 .cube-block,.article-wrapper[data-article-title=motion] #curveExample1 .cube-placeholder-end,.article-wrapper[data-article-title=motion] #curveExample1 .cube-placeholder-start,.article-wrapper[data-article-title=motion] .cube .cube-block,.article-wrapper[data-article-title=motion] .cube .cube-placeholder-end,.article-wrapper[data-article-title=motion] .cube .cube-placeholder-start{width:100px;height:100px;border-radius:3px;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.article-wrapper[data-article-title=motion] #curveExample1 .cube-block,.article-wrapper[data-article-title=motion] .cube .cube-block{left:0;-webkit-transition:left .4s cubic-bezier(.15,1,.33,1);-o-transition:left .4s cubic-bezier(.15,1,.33,1);transition:left .4s cubic-bezier(.15,1,.33,1);background-color:#6554c0}.article-wrapper[data-article-title=motion] #curveExample1 .cube-placeholder-end,.article-wrapper[data-article-title=motion] #curveExample1 .cube-placeholder-start,.article-wrapper[data-article-title=motion] .cube .cube-placeholder-end,.article-wrapper[data-article-title=motion] .cube .cube-placeholder-start{border:1px dashed #6554c0;-webkit-transition:opacity .5s cubic-bezier(.15,1,.33,1) .5s;-o-transition:opacity .5s cubic-bezier(.15,1,.33,1) .5s;transition:opacity .5s cubic-bezier(.15,1,.33,1) .5s}.article-wrapper[data-article-title=motion] #curveExample1 .cube-placeholder-start,.article-wrapper[data-article-title=motion] .cube .cube-placeholder-start{left:0;opacity:0}.article-wrapper[data-article-title=motion] #curveExample1 .cube-placeholder-end,.article-wrapper[data-article-title=motion] .cube .cube-placeholder-end{right:0;opacity:.5}.article-wrapper[data-article-title=motion] #curveExample1.active .cube-block,.article-wrapper[data-article-title=motion] .cube.active .cube-block{left:calc(100% - 100px)}.article-wrapper[data-article-title=motion] #curveExample1.active .cube-placeholder-start,.article-wrapper[data-article-title=motion] .cube.active .cube-placeholder-start{opacity:.5}.article-wrapper[data-article-title=motion] #curveExample1.active .cube-placeholder-end,.article-wrapper[data-article-title=motion] .cube.active .cube-placeholder-end{opacity:0}.article-wrapper[data-article-title=motion] .cube+.label{margin-top:-36px}.article-wrapper[data-article-title=motion] .timing{text-align:center;line-height:20px;margin-bottom:-20px;position:relative;width:60px;margin:0 auto;opacity:.5}.article-wrapper[data-article-title=motion] .timing:after,.article-wrapper[data-article-title=motion] .timing:before{width:20px;height:1px;background-color:#091e42;content:"";position:absolute;display:block;top:10px;opacity:.5}.article-wrapper[data-article-title=motion] .timing:after{left:52px}.article-wrapper[data-article-title=motion] .timing:before{left:-12px}.article-wrapper[data-article-title=motion] #bigCubeTiming{top:170px}.article-wrapper[data-article-title=motion] #smallCubeTiming{top:-45px}.article-wrapper[data-article-title=motion] #smallCube{margin-bottom:10px}.article-wrapper[data-article-title=motion] #mediumCubeTiming1{top:60px}.article-wrapper[data-article-title=motion] #mediumCubeTiming2{top:-120px;margin-left:127.7px}.article-wrapper[data-article-title=motion] #mediumCubeTiming2:after{width:40px}.article-wrapper[data-article-title=motion] #mediumCubeTiming2:before{width:40px;left:-40px}.article-wrapper[data-article-title=motion] #atlassianCurves{background-size:contain;background-position:50%;background-image:url("/react_assets/images/atlassian-curves.png");width:calc(100% + 80px);margin:0 -40px;height:300px;background-repeat:no-repeat}.article-wrapper[data-article-title=motion] #curveLabels{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:0 -40px 60px;width:calc(100% + 80px)}.article-wrapper[data-article-title=motion] #curveLabels .label{margin:0;max-width:300px;text-align:center}.article-wrapper[data-article-title=motion] #bigCube{margin-bottom:150px}.article-wrapper[data-article-title=motion] #bigCube>div{width:200px;height:200px}.article-wrapper[data-article-title=motion] #bigCube .cube-block{-webkit-transition:left .5s cubic-bezier(.15,1,.33,1);-o-transition:left .5s cubic-bezier(.15,1,.33,1);transition:left .5s cubic-bezier(.15,1,.33,1)}.article-wrapper[data-article-title=motion] #bigCube.active .cube-block{left:calc(100% - 200px)}.article-wrapper[data-article-title=motion] #smallCube{margin:60px 35px 10px;height:50px}.article-wrapper[data-article-title=motion] #smallCube>div{width:50px;height:50px}.article-wrapper[data-article-title=motion] #smallCube .cube-block{-webkit-transition:left .3s cubic-bezier(.15,1,.33,1);-o-transition:left .3s cubic-bezier(.15,1,.33,1);transition:left .3s cubic-bezier(.15,1,.33,1)}.article-wrapper[data-article-title=motion] #smallCube.active .cube-block{left:calc(100% - 50px)}.article-wrapper[data-article-title=motion] #mediumCube1{margin-top:0}.article-wrapper[data-article-title=motion] #mediumCube1 .cube-block{background-color:#ff5630}.article-wrapper[data-article-title=motion] #mediumCube1 .cube-placeholder-end,.article-wrapper[data-article-title=motion] #mediumCube1 .cube-placeholder-start{border-color:#ff5630}.article-wrapper[data-article-title=motion] #mediumCube2{width:405px}.article-wrapper[data-article-title=motion] #mediumCube2 .cube-block{-webkit-transition:left .2s cubic-bezier(.15,1,.33,1);-o-transition:left .2s cubic-bezier(.15,1,.33,1);transition:left .2s cubic-bezier(.15,1,.33,1);background-color:#ff5630}.article-wrapper[data-article-title=motion] #mediumCube2 .cube-placeholder-end,.article-wrapper[data-article-title=motion] #mediumCube2 .cube-placeholder-start{border-color:#ff5630}.article-wrapper[data-article-title=motion] #largeCubeTiming{top:210px}.article-wrapper[data-article-title=motion] #largeCube1{height:400px;width:calc(100% - 40px);margin:60px 20px;margin-top:0}.article-wrapper[data-article-title=motion] #largeCube1>div{width:100%;height:400px}.article-wrapper[data-article-title=motion] #largeCube1 .cube-block{background-color:#00b8d9;-webkit-transition:left .8s cubic-bezier(.15,1,.33,1);-o-transition:left .8s cubic-bezier(.15,1,.33,1);transition:left .8s cubic-bezier(.15,1,.33,1);left:-100%}.article-wrapper[data-article-title=motion] #largeCube1 .cube-placeholder-start{left:-100%;border-color:#00b8d9}.article-wrapper[data-article-title=motion] #largeCube1 .cube-placeholder-end{left:100%;border-color:#00b8d9}.article-wrapper[data-article-title=motion] #largeCube1.active .cube-block{left:100%}.article-wrapper[data-article-title=motion] #opacityExample1,.article-wrapper[data-article-title=motion] #opacityExample2{border-radius:3px;margin:24px -40px;height:300px;-webkit-box-shadow:0 4px 8px -2px rgba(23,43,77,.32),0 0 1px rgba(23,43,77,.25);box-shadow:0 4px 8px -2px rgba(23,43,77,.32),0 0 1px rgba(23,43,77,.25);background-color:#0052cc;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;opacity:0;top:30px;padding-top:140px;text-align:center;color:#fff}.article-wrapper[data-article-title=motion] #opacityExample1.active,.article-wrapper[data-article-title=motion] #opacityExample2.active{opacity:1;-webkit-transition:top .4s cubic-bezier(.15,1,.33,1),opacity .2s cubic-bezier(.15,1,.33,1);-o-transition:top .4s cubic-bezier(.15,1,.33,1),opacity .2s cubic-bezier(.15,1,.33,1);transition:top .4s cubic-bezier(.15,1,.33,1),opacity .2s cubic-bezier(.15,1,.33,1);top:0}.article-wrapper[data-article-title=motion] #opacityExample2{opacity:1;top:0}.article-wrapper[data-article-title=motion] #opacityExample2.active{opacity:0;-webkit-transition:all .2s cubic-bezier(.15,1,.33,1);-o-transition:all .2s cubic-bezier(.15,1,.33,1);transition:all .2s cubic-bezier(.15,1,.33,1);top:-15px}.article-wrapper[data-article-title=motion] video{border-radius:3px;-webkit-box-shadow:0 4px 8px -2px rgba(23,43,77,.32),0 0 1px rgba(23,43,77,.25);box-shadow:0 4px 8px -2px rgba(23,43,77,.32),0 0 1px rgba(23,43,77,.25);width:680px;margin-left:-340px;margin-right:100px;position:relative;left:50%;margin-bottom:12px}.article-wrapper[data-article-title=motion] pre{background-color:#f4f5f7;width:100%;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;margin:12px 0 0}.article-wrapper[data-article-title=motion] pre code{line-height:20px;letter-spacing:.5px}.article-wrapper[data-article-title=motion] .cascade{width:calc(100% + 80px);height:100px;margin:0 -40px 10px;border-radius:3px;background-color:#6554c0;opacity:0;top:30px;position:relative;-webkit-animation:opacityExampleFadeOut .2s cubic-bezier(.15,1,.33,1);animation:opacityExampleFadeOut .2s cubic-bezier(.15,1,.33,1);-webkit-box-sizing:border-box;box-sizing:border-box}.article-wrapper[data-article-title=motion] .cascade.active{top:0;opacity:1;-webkit-animation:none;animation:none}.article-wrapper[data-article-title=motion] #cascadeExample1{-webkit-transition:top .4s cubic-bezier(.15,1,.33,1),opacity .2s cubic-bezier(.15,1,.33,1);-o-transition:top .4s cubic-bezier(.15,1,.33,1),opacity .2s cubic-bezier(.15,1,.33,1);transition:top .4s cubic-bezier(.15,1,.33,1),opacity .2s cubic-bezier(.15,1,.33,1)}.article-wrapper[data-article-title=motion] #cascadeExample2{-webkit-transition:top .4s cubic-bezier(.15,1,.33,1) .05s,opacity .2s cubic-bezier(.15,1,.33,1) .05s;-o-transition:top .4s cubic-bezier(.15,1,.33,1) .05s,opacity .2s cubic-bezier(.15,1,.33,1) .05s;transition:top .4s cubic-bezier(.15,1,.33,1) .05s,opacity .2s cubic-bezier(.15,1,.33,1) .05s}.article-wrapper[data-article-title=motion] #cascadeExample3{-webkit-transition:top .4s cubic-bezier(.15,1,.33,1) .1s,opacity .2s cubic-bezier(.15,1,.33,1) .1s;-o-transition:top .4s cubic-bezier(.15,1,.33,1) .1s,opacity .2s cubic-bezier(.15,1,.33,1) .1s;transition:top .4s cubic-bezier(.15,1,.33,1) .1s,opacity .2s cubic-bezier(.15,1,.33,1) .1s}.article-wrapper[data-article-title=motion] #eminanceExample1,.article-wrapper[data-article-title=motion] #eminanceExample2{margin-top:24px}@-webkit-keyframes opacityExampleFadeOut{0%{opacity:1;top:0}to{opacity:0;top:-15px}}@keyframes opacityExampleFadeOut{0%{opacity:1;top:0}to{opacity:0;top:-15px}}article{font-size:14px;line-height:24px;font-weight:400;color:#5e6c84;color:#172b4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding-bottom:48px}article p{margin:20px 0;padding:0}article h1,article h1:first-child{font-size:24px;line-height:28px;font-weight:500;margin-top:28px;margin-bottom:8px;color:#172b4d}article h2,article h2:first-child{font-size:20px;line-height:24px;font-weight:500;margin-top:24px;margin-bottom:8px;color:#172b4d}article h3,article h3:first-child{font-size:16px;line-height:20px;font-weight:500;margin-top:32px;margin-bottom:8px;color:#172b4d;margin-bottom:1em}article h4,article h4:first-child{font-size:14px;line-height:20px;font-weight:600;margin-top:24px;margin-bottom:8px;color:#172b4d}article h5,article h5:first-child{font-size:12px;line-height:16px;margin-top:12px;margin-bottom:8px;font-weight:600;color:#172b4d}article h6,article h6:first-child{font-size:12px;line-height:16px;font-weight:600;margin-top:16px;margin-bottom:8px;color:#5e6c84}@media (max-width:1024px){article h1:first-child,article h2:first-child{margin-top:16px}}.bold-box{background-color:#1251ae;border-radius:3px;color:#fff;font-size:16px;text-align:center;padding:1em 0;margin:2em 0}img{max-width:100%}table{border-collapse:collapse;table-layout:auto}table img{width:200px;height:auto;max-width:none}table h1,table h2,table h3,table h4,table h5,table h6{margin:0}table th{color:#8993a4;font-weight:500}table td,table td:first-child,table th,table th:first-child{margin:0;padding:8px 8px 8px 0;text-align:left}table.keylined td,table.keylined th{border-top:1px solid #ddd}code,pre{display:block;font-size:12px;font-family:SFMono-Medium,SF Mono,Segoe UI Mono,Roboto Mono,Ubuntu Mono,Menlo,Courier,monospace;width:auto;white-space:pre-wrap;font-weight:500;margin:1em 0;background-color:#f0f2f5;border-radius:4px;padding:24px 40px!important}ol li,ul li{font-size:14px;line-height:20px}ul.ticks{list-style-type:none;padding-left:8px}ul.ticks li{background:url("/react_assets/images/do.svg") no-repeat 0 4px;padding-left:32px;padding-bottom:8px}.highlighted-examples h1,.highlighted-examples h2,.highlighted-examples h3,.highlighted-examples h4,.highlighted-examples h5,.highlighted-examples h6{background-color:#f0f2f5;border-radius:4px;padding:24px 40px;margin:0}.highlighted-examples ak-grid-col:last-child>:last-child{padding-bottom:32px}
/*# sourceMappingURL=main.21f32b09.css.map*/