@import url(https://fonts.googleapis.com/css?family=Dosis:300,400,500&display=swap);body.tecton-style-guide{margin:0;background:#fff}body.tecton-style-guide code{background-color:#f6f6f6;color:#34515E;padding:2px 3px}body.tecton-style-guide .container{flex:1 1;flex-basis:calc(100% - 200px);max-width:60rem}@media screen and (max-width:767px){body.tecton-style-guide .container{max-width:100vw;padding:15px}}body.tecton-style-guide.index .container{max-width:100vw}body.tecton-style-guide .sub-heading{font-size:1.25rem;line-height:1.75;font-weight:100;margin-bottom:0}body.tecton-style-guide .table-wrapper{overflow-x:auto}body.tecton-style-guide table{text-align:left;width:100%}body.tecton-style-guide td,body.tecton-style-guide th{padding:15px 10px}body.tecton-style-guide th{box-shadow:inset 0 -2px 0 0 #ccc}body.tecton-style-guide td{vertical-align:top;box-shadow:inset 0 -1px 0 0 #eee}body.tecton-style-guide table.sticky-header th{position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:1}body.tecton-style-guide li{margin-bottom:.42857rem}body.tecton-style-guide .global-nav li,body.tecton-style-guide .section-nav li,body.tecton-style-guide q2-message li{margin-bottom:0}body.tecton-style-guide blockquote{padding:1rem;font-style:italic;background-color:#f2f2f2}body.tecton-style-guide label{font-weight:600}body.tecton-style-guide a:focus{outline:0}body.tecton-style-guide .block{display:block}body.tecton-style-guide .inline-block{display:inline-block}body.tecton-style-guide .flex{display:flex;align-items:center}body.tecton-style-guide .flex-centered{justify-content:center}body.tecton-style-guide .flex-column{flex-direction:column}body.tecton-style-guide .w\(25\%\){width:25%}body.tecton-style-guide .h\(100\%\){height:100%}body.tecton-style-guide .t-a\(c\){text-align:center}body.tecton-style-guide .list-unstyled{list-style:none;padding-left:0}body.tecton-style-guide .empty-icon{fill:transparent;stroke:currentColor}body.tecton-style-guide .btn-container{display:flex;max-width:600px;margin:0 auto}body.tecton-style-guide .btn-container.wide,body.tecton-style-guide .img-container img{max-width:100%}@media screen and (min-width:768px){body.tecton-style-guide .btn-container q2-btn:not(:first-child){margin-left:15px}}@media screen and (max-width:767px){body.tecton-style-guide .btn-container{flex-flow:row wrap}body.tecton-style-guide .btn-container q2-btn{flex-basis:100%;margin-bottom:15px}}@media screen and (min-width:992px){body.tecton-style-guide .form-container{margin:60px auto;width:50%}}body.tecton-style-guide .text-right{text-align:right}body.tecton-style-guide .wrap-text{overflow-wrap:break-word;word-wrap:break-word}body.tecton-style-guide .dosis{font-family:Dosis}body.tecton-style-guide .col-demo{height:150px;background:#f2f2f2}body.tecton-style-guide .card{display:flex;flex-direction:column;justify-content:center;width:300px;padding:15px}body.tecton-style-guide .card q2-icon{align-self:center}body.tecton-style-guide .swatch{height:75px;width:100%;border:1px solid transparent;margin:var(--app-scale-2) 0}body.tecton-style-guide .bordered{border:1px solid #CCC}body.tecton-style-guide .move-container.moving .move{position:relative}body.tecton-style-guide .move-container.moving .move.move-1{animation:oscillate var(--app-tween-1) alternate infinite}body.tecton-style-guide .move-container.moving .move.move-2{animation:oscillate var(--app-tween-2) alternate infinite}body.tecton-style-guide .move-container.moving .move.move-3{animation:oscillate var(--app-tween-3) alternate infinite}@keyframes oscillate{0%{left:0}100%{left:50px}}body.tecton-style-guide a.card{padding:10px;transition:all .2s ease-in-out;flex-basis:20%;text-align:center}body.tecton-style-guide a.card,body.tecton-style-guide a.card:hover{color:#2e2e2e;text-decoration:none}body.tecton-style-guide a.card:focus svg,body.tecton-style-guide a.card:hover svg{transform:scale(1.1)}body.tecton-style-guide a.card:focus #swatch-icon,body.tecton-style-guide a.card:hover #swatch-icon{fill:#388e3c}body.tecton-style-guide a.card:focus #lego-icon,body.tecton-style-guide a.card:hover #lego-icon{fill:#7b1fa2}body.tecton-style-guide a.card:focus #blueprint-icon,body.tecton-style-guide a.card:hover #blueprint-icon{fill:#1976d2}body.tecton-style-guide a.card:focus #console-icon,body.tecton-style-guide a.card:hover #console-icon{fill:#f57c00}body.tecton-style-guide a.card:focus h2,body.tecton-style-guide a.card:focus p,body.tecton-style-guide a.card:hover h2,body.tecton-style-guide a.card:hover p{transform:translateY(-6px)}body.tecton-style-guide a.card h2{font-weight:600;font-size:20px;transition:transform .2s ease-in-out}body.tecton-style-guide a.card q2-icon,body.tecton-style-guide a.card svg{width:75px;height:75px;transition:fill .2s ease-out,transform .2s ease-out;transform-origin:bottom}body.tecton-style-guide a.card p{transition:all .2s ease-in-out}body.tecton-style-guide .pc-platforms{text-align:center}body.tecton-style-guide .pc-head-txt-label q2-icon{position:relative;top:4px;right:5px}body.tecton-style-guide .pc-support{border-left:solid thin #d7d7d7;text-align:center}body.tecton-style-guide .pc-support-table td{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-align:center}body.tecton-style-guide .pc-support-yes{background-color:#e4f8e1}body.tecton-style-guide .pc-head-txt-label{font-size:20px}body.tecton-style-guide .global-nav{flex:1 0 100%;display:flex;background:linear-gradient(225deg,#510098 0,#0f0c29 75%);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:101;flex-wrap:wrap}body.tecton-style-guide .global-nav ul{list-style:none;padding:0;display:flex;align-items:center;margin:0;height:60px;flex:1 0 auto}body.tecton-style-guide .global-nav li:first-child a{padding:0 15px}@media screen and (max-width:991px){body.tecton-style-guide .global-nav ul{max-width:100vw;overflow-x:auto;overflow-y:hidden;flex:1 0 100%}body.tecton-style-guide .global-nav .logo-item{background-color:#0f0c29;position:-webkit-sticky;position:sticky;left:0}}body.tecton-style-guide .global-nav a{display:block}body.tecton-style-guide .global-nav a.nav-link{padding:15px;color:#fff;border-bottom:5px solid transparent;transition:border-bottom-color var(--app-tween-2)}body.tecton-style-guide .global-nav a.nav-link:focus,body.tecton-style-guide .global-nav a.nav-link:hover{color:#fff}body.tecton-style-guide .global-nav a.nav-link.active{border-bottom-color:#fff}body.tecton-style-guide .global-nav .additional-controls{display:flex;align-items:center}body.tecton-style-guide .global-nav .additional-controls q2-option{color:var(--tct-option-active-font-color,#2e2e2e)}@media screen and (max-width:991px){body.tecton-style-guide .global-nav .additional-controls{background-color:rgba(81,0,152,.5);flex:1 0 100%}}body.tecton-style-guide .global-nav .menu-toggle{flex:0 1 50%;text-align:center;border-right:1px solid rgba(255,255,255,.15)}body.tecton-style-guide .global-nav .menu-toggle:focus,body.tecton-style-guide .global-nav .menu-toggle:hover{background-color:rgba(15,12,41,.2)}@media screen and (min-width:992px){body.tecton-style-guide .global-nav .menu-toggle{display:none}}body.tecton-style-guide .global-nav .toggle-content{padding:15px 0}body.tecton-style-guide .global-nav .additional-controls-dropdown{margin-left:auto;padding-right:15px}@media screen and (max-width:991px){body.tecton-style-guide .global-nav .additional-controls-dropdown{flex:1 1 50%}}body.tecton-style-guide .global-nav q2-select{margin:3px auto;width:110px}body.tecton-style-guide .global-nav #theme-select{width:150px}body.tecton-style-guide .section-nav{position:relative;background-color:#0f0c29;color:#fff;flex:0 0 250px}body.tecton-style-guide .section-nav .navigation-list{box-sizing:border-box;position:-webkit-sticky;position:sticky;height:95vh;top:60px;overflow-y:auto;padding:1rem 2rem 3.5rem}@media screen and (max-width:991px){body.tecton-style-guide .section-nav .navigation-list{padding:1.5rem;position:fixed;left:-250px;transition:left .2s ease;height:100%;box-shadow:0 2px 4px rgba(0,0,0,.3);background-color:#0f0c29}body.tecton-style-guide .section-nav .navigation-list li{visibility:hidden}}body.tecton-style-guide .section-nav .navigation-icon{width:2.75rem;height:2.75rem;fill:#444}body.tecton-style-guide .section-nav ul{list-style:none;padding-left:0}body.tecton-style-guide .section-nav a.nav-link{display:block;padding:.42857rem 1rem;position:relative;color:#fff}body.tecton-style-guide .section-nav a.nav-link:focus,body.tecton-style-guide .section-nav a.nav-link:hover{color:#fff}body.tecton-style-guide .section-nav a.nav-link.active::before{content:" ";position:absolute;left:0;top:50%;transform:translateY(-50%);height:1rem;width:5px;background-color:#fff}body.tecton-style-guide .section-nav .navigation-parent{display:block;text-transform:uppercase;font-weight:600;margin-top:.75rem}body.tecton-style-guide .section-nav img{width:60px;margin:0 auto}body.tecton-style-guide .section-nav .navigation-home{text-align:center;margin-bottom:1rem}body.tecton-style-guide .section-nav .navigation-header{text-align:center}body.tecton-style-guide .section-nav .navigation-header .heading-3{color:#2e2e2e}body.tecton-style-guide .section-nav .menu-toggle{display:none;background-color:#0f0c29;transition:opacity .4s ease,top .4s ease}@media screen and (max-width:991px){body.tecton-style-guide .section-nav .menu-toggle{display:block}body.tecton-style-guide .section-nav{flex:0 0 44px;z-index:10}body.tecton-style-guide .section-nav.open .navigation-list{left:0;transition:left .4s ease;padding-top:0}body.tecton-style-guide .section-nav.open li{visibility:visible}}body.tecton-style-guide .content-nav{flex:0 1 200px}@media screen and (max-width:767px){body.tecton-style-guide .content-nav{display:none}}body.tecton-style-guide .content-nav ul{position:-webkit-sticky;position:sticky;top:75px;list-style:none;padding:10px;margin:15px 0;border-left:1px solid #dadada}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){body.tecton-style-guide .content-nav ul{position:fixed}}body.tecton-style-guide .content-nav a.nav-link{padding:5px;display:block;color:#666;cursor:pointer}body.tecton-style-guide .content-nav a.nav-link:focus,body.tecton-style-guide .content-nav a.nav-link:hover{text-decoration:none;background-color:#eaeaea;color:#666}body.tecton-style-guide .base-canary q2-checkmark-icon,body.tecton-style-guide .base-canary q2-x-circle-icon{height:1rem}body.tecton-style-guide .code-snippet{position:relative;display:flex;margin-bottom:0;min-height:44px}body.tecton-style-guide .code-snippet .hljs{flex-grow:1;display:block;overflow-x:auto;padding:.5em 44px .5em .5em;color:#333;background:#f8f8f8}body.tecton-style-guide .code-snippet .hljs-comment,body.tecton-style-guide .code-snippet .hljs-quote{color:#998;font-style:italic}body.tecton-style-guide .code-snippet .hljs-keyword,body.tecton-style-guide .code-snippet .hljs-selector-tag,body.tecton-style-guide .code-snippet .hljs-subst{color:#333;font-weight:700}body.tecton-style-guide .code-snippet .hljs-literal,body.tecton-style-guide .code-snippet .hljs-number,body.tecton-style-guide .code-snippet .hljs-template-variable,body.tecton-style-guide .code-snippet .hljs-variable{color:teal}body.tecton-style-guide .code-snippet .hljs-tag .hljs-attr{color:#2e2e2e}body.tecton-style-guide .code-snippet .hljs-doctag,body.tecton-style-guide .code-snippet .hljs-string{color:#ac45b5}body.tecton-style-guide .code-snippet .hljs-section,body.tecton-style-guide .code-snippet .hljs-selector-id,body.tecton-style-guide .code-snippet .hljs-title{color:#0f0c29;font-weight:700}body.tecton-style-guide .code-snippet .hljs-subst{font-weight:400}body.tecton-style-guide .code-snippet .hljs-class .hljs-title,body.tecton-style-guide .code-snippet .hljs-type{color:#458;font-weight:700}body.tecton-style-guide .code-snippet .hljs-attribute,body.tecton-style-guide .code-snippet .hljs-tag{color:#3c687b;font-weight:400}body.tecton-style-guide .code-snippet .hljs-name{font-weight:700}body.tecton-style-guide .code-snippet .hljs-link,body.tecton-style-guide .code-snippet .hljs-regexp{color:#009926}body.tecton-style-guide .code-snippet .hljs-bullet,body.tecton-style-guide .code-snippet .hljs-symbol{color:#990073}body.tecton-style-guide .code-snippet .hljs-built_in,body.tecton-style-guide .code-snippet .hljs-builtin-name{color:#0086b3}body.tecton-style-guide .code-snippet .hljs-meta{color:#999;font-weight:700}body.tecton-style-guide .code-snippet .hljs-deletion{background:#fdd}body.tecton-style-guide .code-snippet .hljs-addition{background:#dfd}body.tecton-style-guide .code-snippet .hljs-emphasis{font-style:italic}body.tecton-style-guide .code-snippet .hljs-strong{font-weight:700}body.tecton-style-guide .code-snippet .copy{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;align-items:flex-end}body.tecton-style-guide .code-snippet .copied-confirmation{display:block;opacity:0;transition:opacity var(--tct-tween-1)}body.tecton-style-guide .code-snippet .copied-confirmation.show-confirmation{opacity:1}body.tecton-style-guide td .code-snippet{margin:0}body.tecton-style-guide .tecton-logo{display:inline-block;height:44px;width:44px;stroke:#9013FE;stroke-width:6.563;fill:none;stroke-linejoin:round}body.tecton-style-guide .application-wrapper{display:flex;flex-flow:row wrap}body.tecton-style-guide .application-wrapper main{flex:1 1;flex-basis:calc(100vw - 275px)}@media screen and (max-width:991px){body.tecton-style-guide .content-nav ul{top:125px}body.tecton-style-guide .application-wrapper main{flex-basis:100vw}}body.tecton-style-guide .application-wrapper .main-content{display:flex;justify-content:center}body.tecton-style-guide .landing-page video{display:flex;height:0;width:100%;transition:height .2s ease-in-out}body.tecton-style-guide .landing-page video.open{display:block;height:577px}body.tecton-style-guide .landing-page .shake{animation:shake .75s cubic-bezier(.36,.07,.19,.97) both}body.tecton-style-guide .landing-page .landing-banner{padding:16vh 0 45px;color:#fff;background-image:linear-gradient(190deg,#510098 0,#0f0c29 50%)}@media screen and (max-width:767px){body.tecton-style-guide .landing-page .landing-banner{padding:0}}body.tecton-style-guide .landing-page .landing-banner .landing-content{padding:0 30px;flex-direction:column;align-items:center}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){body.tecton-style-guide .landing-page .landing-banner .landing-content{flex-flow:row wrap}body.tecton-style-guide .landing-page .landing-banner .landing-content h1{flex:1 0 100%}body.tecton-style-guide .landing-page .landing-banner .landing-content h1 .flex{justify-content:center}body.tecton-style-guide .landing-page .landing-banner .landing-content .landing-nav{flex:1 0 100%}}body.tecton-style-guide .landing-page .landing-content{display:flex;flex-wrap:wrap;justify-content:center;max-width:60rem;margin:0 auto}body.tecton-style-guide .landing-page h1{margin-bottom:calc(30px + 4vh);font-size:70px}@media screen and (max-width:767px){body.tecton-style-guide .landing-page h1{font-size:45px;margin-bottom:15px}}body.tecton-style-guide .landing-page .tecton-logo{margin-right:15px}@media screen and (min-width:768px){body.tecton-style-guide .landing-page .tecton-logo{height:72px;width:72px}}body.tecton-style-guide .landing-page .landing-nav{flex:1 1 auto}body.tecton-style-guide .landing-page .landing-nav ul{list-style:none;display:flex;justify-content:space-between;padding:0;margin:0}body.tecton-style-guide .landing-page .landing-nav li{margin-bottom:0;display:block;flex:0 1;flex-basis:calc(33.3333% - 10px);text-align:center}body.tecton-style-guide .landing-page .landing-nav a{display:block;height:100%;padding:15px;color:#fff}body.tecton-style-guide .landing-page .landing-nav a:focus,body.tecton-style-guide .landing-page .landing-nav a:hover{color:#fff;text-decoration:none;background-color:rgba(81,0,152,.3)}body.tecton-style-guide .landing-page .landing-nav .link-text{font-size:16px;font-weight:600}@media screen and (max-width:767px){body.tecton-style-guide .landing-page .landing-nav li:not(:first-child){margin-left:15px}body.tecton-style-guide .landing-page .landing-nav .link-text{font-size:14px;margin-bottom:0}body.tecton-style-guide .landing-page .landing-nav .link-description{display:none}}body.tecton-style-guide .landing-page .latest-release{max-width:100vw}@keyframes shake{10%,30%,50%,70%,90%{transform:translate3d(-10px,7px,0)}20%,40%,60%,80%{transform:translate3d(7px,-7px,0)}}body.tecton-style-guide .canary .canary-status{text-align:right;position:sticky;bottom:0}body.tecton-style-guide .canary .canary-status img{width:200px}body.tecton-style-guide .page-404{margin-top:25vh}body.tecton-style-guide .page-404 h1{font-size:48px;margin-bottom:30px}body.tecton-style-guide .page-404 p{font-size:20px;margin-bottom:0}body.tecton-style-guide .page-404 q2-btn{font-size:20px;width:100%;max-width:250px;margin:10vh auto 0;padding:10px}body.tecton-style-guide .q2-icons .my-IE-icon-wrapper q2-icon,body.tecton-style-guide .q2-icons .my-icon-wrapper q2-icon{width:50px;height:50px}body.tecton-style-guide .grid-system .q2-row{margin-bottom:15px}body.tecton-style-guide .grid-system .q2-col .content{text-align:center;padding:5px;border:1px solid #0079c1;margin:7.5px 0}body.tecton-style-guide .grid-system .q2-col .content code{line-height:2;margin:0 5px}@supports not (-ms-high-contrast:none){body.tecton-style-guide .global-nav .additional-controls-dropdown{--tct-input-bg:transparent;--tct-input-border-color:transparent;--tct-input-font-color:#ffffff;--tct-input-icon-stroke-primary:#ffffff}body.tecton-style-guide .section-nav .menu-toggle{--t-link-hover-color:#ffffff;--app-gray-l3:#411c52}body.tecton-style-guide .q2-icons .my-icon-wrapper{--t-icon-stroke-primary:crimson;--t-icon-stroke-secondary:deepskyblue;--t-icon-stroke-width:1;--t-icon-fill:lightgray;--t-icon-cap:square}body.tecton-style-guide .q2-icons .my-icon-wrapper .car-icon{--t-icon-stroke-primary:orange}}body.tecton-style-guide .q2-icons .my-IE-icon-wrapper{color:#ff00ff}body.tecton-style-guide .q2-icons .my-IE-icon-wrapper .car-icon{color:#32cd32}