body.tecton-style-guide{margin:0;background:#f6f6f6}body.tecton-style-guide code{background-color:#f6f6f6;color:#34515E;padding:2px 3px}body.tecton-style-guide .container{margin:0 auto;max-width:75rem}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 var(--app-gray-l1)}body.tecton-style-guide td{vertical-align:top;box-shadow:inset 0 -1px 0 0 var(--app-gray-l2)}body.tecton-style-guide table.sticky-header th{position:sticky;top:0;background-color:var(--app-white);z-index:1}body.tecton-style-guide li{margin-bottom:.42857rem}body.tecton-style-guide q2-message li{margin-bottom:0}body.tecton-style-guide blockquote{padding:1rem;font-style:italic;background:var(--app-gray-l3)}body.tecton-style-guide label{font-weight:600}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 .my-IE-icon-wrapper q2-icon,body.tecton-style-guide .my-icon-wrapper q2-icon{width:50px;height:50px}body.tecton-style-guide .text-right{text-align:right}body.tecton-style-guide .landing-page h1,body.tecton-style-guide .landing-page h2,body.tecton-style-guide .navigation-menu .navigation-header,body.tecton-style-guide .release-notes h2,body.tecton-style-guide a.card{text-align:center}body.tecton-style-guide .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 .my-icon-wrapper .car-icon{--t-icon-stroke-primary:orange}body.tecton-style-guide .my-IE-icon-wrapper{color:#ff00ff}body.tecton-style-guide .my-IE-icon-wrapper .car-icon{color:#32cd32}body.tecton-style-guide a.card{padding:10px;transition:all .2s ease-in-out;flex-basis:20%}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 .navigation-menu{position:relative;background-color:#fff;flex:0 0 auto}body.tecton-style-guide .navigation-menu .navigation-list{box-sizing:border-box;position:-webkit-sticky;position:sticky;height:95vh;top:0;overflow-y:auto;padding:1rem 3.5rem 3.5rem}@media screen and (max-width:767px){body.tecton-style-guide .navigation-menu .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:#fff}body.tecton-style-guide .navigation-menu .navigation-list li{visibility:hidden}}body.tecton-style-guide .navigation-menu .navigation-icon{width:2.75rem;height:2.75rem;fill:#444}body.tecton-style-guide .navigation-menu ul{list-style:none;padding-left:0}body.tecton-style-guide .navigation-menu li{margin-bottom:0}body.tecton-style-guide .navigation-menu a{display:block;padding:.42857rem .25rem;position:relative}body.tecton-style-guide .navigation-menu a.active::before{content:" ";position:absolute;left:-15px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left:10px solid #0079c1}body.tecton-style-guide .navigation-menu .navigation-parent{display:block;text-transform:uppercase;font-weight:600;margin-top:.75rem}body.tecton-style-guide .navigation-menu img{width:60px;margin:0 auto}body.tecton-style-guide .navigation-menu .navigation-home{text-align:center;margin-bottom:1rem}body.tecton-style-guide .navigation-menu .navigation-header .heading-3{color:#2e2e2e}body.tecton-style-guide .navigation-menu .menu-toggle{display:none;position:fixed;transition:box-shadow .4s ease,top .4s ease;top:4rem;z-index:11;background-color:#fff}body.tecton-style-guide .navigation-menu .menu-toggle q2-icon{transition:transform .4s ease}@media screen and (max-width:767px){body.tecton-style-guide .navigation-menu .menu-toggle{display:block}body.tecton-style-guide .navigation-menu{z-index:10}body.tecton-style-guide .navigation-menu.open .navigation-list{left:0;transition:left .4s ease}body.tecton-style-guide .navigation-menu.open li{visibility:visible}body.tecton-style-guide .navigation-menu.open .menu-toggle{top:1rem;box-shadow:none}body.tecton-style-guide .navigation-menu.open .menu-toggle q2-icon{transform:rotateY(180deg)}}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{display:flex;margin-bottom:0}body.tecton-style-guide .code-snippet .hljs{display:block;flex-grow:1;overflow-x:auto;padding:10px;background:#002b36;color:#839496;line-height:1.5}body.tecton-style-guide .code-snippet .hljs-comment,body.tecton-style-guide .code-snippet .hljs-quote{color:#586e75}body.tecton-style-guide .code-snippet .hljs-addition,body.tecton-style-guide .code-snippet .hljs-keyword,body.tecton-style-guide .code-snippet .hljs-selector-tag{color:#859900}body.tecton-style-guide .code-snippet .hljs-doctag,body.tecton-style-guide .code-snippet .hljs-literal,body.tecton-style-guide .code-snippet .hljs-meta .hljs-meta-string,body.tecton-style-guide .code-snippet .hljs-number,body.tecton-style-guide .code-snippet .hljs-regexp,body.tecton-style-guide .code-snippet .hljs-string{color:#2aa198}body.tecton-style-guide .code-snippet .hljs-name,body.tecton-style-guide .code-snippet .hljs-section,body.tecton-style-guide .code-snippet .hljs-selector-class,body.tecton-style-guide .code-snippet .hljs-selector-id,body.tecton-style-guide .code-snippet .hljs-title{color:#268bd2}body.tecton-style-guide .code-snippet .hljs-attr,body.tecton-style-guide .code-snippet .hljs-attribute,body.tecton-style-guide .code-snippet .hljs-class .hljs-title,body.tecton-style-guide .code-snippet .hljs-template-variable,body.tecton-style-guide .code-snippet .hljs-type,body.tecton-style-guide .code-snippet .hljs-variable{color:#b58900}body.tecton-style-guide .code-snippet .hljs-bullet,body.tecton-style-guide .code-snippet .hljs-link,body.tecton-style-guide .code-snippet .hljs-meta,body.tecton-style-guide .code-snippet .hljs-meta .hljs-keyword,body.tecton-style-guide .code-snippet .hljs-selector-attr,body.tecton-style-guide .code-snippet .hljs-selector-pseudo,body.tecton-style-guide .code-snippet .hljs-subst,body.tecton-style-guide .code-snippet .hljs-symbol{color:#cb4b16}body.tecton-style-guide .code-snippet .hljs-built_in,body.tecton-style-guide .code-snippet .hljs-deletion{color:#dc322f}body.tecton-style-guide .code-snippet .hljs-formula{background:#073642}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 td .code-snippet{margin:0}body.tecton-style-guide .application-wrapper{display:flex}body.tecton-style-guide .application-wrapper main{flex:1 1 auto;min-width:0}body.tecton-style-guide .landing-page{padding:4rem 3rem;background:#fff;margin-top:5rem;box-shadow:0 1px 3px rgba(0,0,0,.2)}body.tecton-style-guide .landing-page .tecton-title{margin:2rem auto 4rem;fill:var(--app-gray-d2)}body.tecton-style-guide .landing-page .landing-sections{display:flex;justify-content:space-between;flex-wrap:wrap}body.tecton-style-guide .release-notes{padding:.25rem;box-shadow:0 1px 3px rgba(0,0,0,.2)}body.tecton-style-guide .release-notes ul li{border-bottom-width:1px;border-bottom-style:solid;padding:10px}body.tecton-style-guide video{height:0;width:100%;transition:height .2s ease-in-out}body.tecton-style-guide video.open{height:577px}body.tecton-style-guide .shake{animation:shake .75s cubic-bezier(.36,.07,.19,.97) both}@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 .grid-system .q2-col,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}body.tecton-style-guide .grid-system .q2-col .content code{line-height:2;margin:0 5px}