/*!*
 *
 * inuitcss.com -- @inuitcss -- @csswizardry
 *
 *//*! normalize.css v2.1.0 | 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]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}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{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, sans-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"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-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}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,table,th,td,caption,hr{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}u,ins{text-decoration:none}ins{border-bottom:1px solid}img{font-style:italic}label,input,textarea,button,select,option{cursor:pointer}.text-input:active,.text-input:focus,textarea:active,textarea:focus{cursor:text;outline:none}.cf:after{content:"";display:table;clear:both}h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dl,blockquote,p,address,table,fieldset,figure,pre,.form-fields>li,.media,.island,.islet{margin-bottom:24px;margin-bottom:1.5rem}.islet h1,.islet h2,.islet h3,.islet h4,.islet h5,.islet h6,.islet hgroup,.islet ul,.islet ol,.islet dl,.islet blockquote,.islet p,.islet address,.islet table,.islet fieldset,.islet figure,.islet pre,.islet .form-fields>li,.islet .media,.islet .island,.islet .islet{margin-bottom:12px;margin-bottom:.75rem}.landmark{margin-bottom:48px;margin-bottom:3rem}hr{margin-bottom:22px;margin-bottom:1.375rem}ul,ol,dd{margin-left:48px;margin-left:3rem}html{font:1em/1.5 sans-serif;overflow-y:scroll;min-height:100%}h1,.alpha{font-size:40px;font-size:2.5rem;line-height:1.2}h2,.beta{font-size:28px;font-size:1.75rem;line-height:1.71429}h3,.gamma{font-size:22px;font-size:1.375rem;line-height:1.09091}h4,.delta{font-size:19px;font-size:1.1875rem;line-height:1.26316}h5,.epsilon{font-size:16px;font-size:1rem;line-height:1.5}h6,.zeta{font-size:14px;font-size:.875rem;line-height:1.71429}hgroup .hN{margin-bottom:0}.giga{font-size:96px;font-size:6rem;line-height:1}.mega{font-size:72px;font-size:4.5rem;line-height:1}.kilo{font-size:48px;font-size:3rem;line-height:1}.lede,.lead{font-size:18px;font-size:1.125rem;line-height:1.33333}.smallprint,.milli{font-size:12px;font-size:.75rem;line-height:2}.micro{font-size:10px;font-size:.625rem;line-height:2.4}q{quotes:"‘" "’" '"' '"'}q:before{content:"\2018";content:open-quote}q:after{content:"\2019";content:close-quote}q q:before{content:'"'}q q:after{content:'"'}blockquote{quotes:'"' '"'}blockquote p:before{content:'"';content:open-quote}blockquote p:after{content:"";content:no-close-quote}blockquote p:last-of-type:after{content:'"';content:close-quote}blockquote q:before{content:"\2018";content:open-quote}blockquote q:after{content:"\2019";content:close-quote}blockquote{text-indent:-0.41em}blockquote p:last-of-type{margin-bottom:0}.source{display:block;text-indent:0}.source:before{content:"\2014"}pre{overflow:auto}pre mark{background:none;border-bottom:1px solid;color:inherit}.code-comment{opacity:0.75;filter:alpha(opacity=75)}.line-numbers{font-family:monospace, sans-serif;list-style:decimal-leading-zero inside;white-space:nowrap;overflow:auto;margin-left:0}.line-numbers code{white-space:pre}img{max-width:100%}img[width],img[height]{max-width:none}.img--round{border-radius:16px}.img--right{float:right;margin-bottom:24px;margin-left:24px}.img--left{float:left;margin-right:24px;margin-bottom:24px}.img--center{display:block;margin-right:auto;margin-bottom:24px;margin-left:auto}.img--short{height:120px}.img--medium{height:240px}.img--tall{height:360px}figure>img{display:block}li>ul,li>ol{margin-bottom:0}.numbered-list{list-style-type:decimal}table{width:100%}th,td{padding:6px;text-align:left}@media screen and (min-width: 480px){th,td{padding:12px}}[colspan]{text-align:center}[colspan="1"]{text-align:left}[rowspan]{vertical-align:middle}[rowspan="1"]{vertical-align:top}.numerical{text-align:right}.t5{width:5%}.t10{width:10%}.t12{width:12.5%}.t15{width:15%}.t20{width:20%}.t25{width:25%}.t30{width:30%}.t33{width:33.333%}.t35{width:35%}.t37{width:37.5%}.t40{width:40%}.t45{width:45%}.t50{width:50%}.t55{width:55%}.t60{width:60%}.t62{width:62.5%}.t65{width:65%}.t66{width:66.666%}.t70{width:70%}.t75{width:75%}.t80{width:80%}.t85{width:85%}.t87{width:87.5%}.t90{width:90%}.t95{width:95%}.table--bordered th,.table--bordered td{border:1px solid #ccc}.table--bordered th:empty,.table--bordered td:empty{border:none}.table--bordered thead tr:last-child th{border-bottom-width:2px}.table--bordered tbody tr th:last-of-type{border-right-width:2px}.table--striped tbody tr:nth-of-type(odd){background-color:#ffc}.table--data{font:12px/1.5 sans-serif}fieldset{padding:24px}.form-fields{list-style:none;margin:0}.form-fields>li:last-child{margin-bottom:0}label,.label{display:block}.additional{display:block;font-weight:normal}.check-list{list-style:none;margin:0}.check-label,.check-list label,.check-list .label{display:inline-block}.spoken-form label{display:inline-block;font:inherit}.extra-help{display:inline-block;visibility:hidden}.text-input:active+.extra-help,.text-input:focus+.extra-help{visibility:visible}.grid{margin-left:-24px;list-style:none;margin-bottom:0}.grid>.grid{margin-left:0}.grid__item{display:inline-block;width:100%;padding-left:24px;vertical-align:top}.one-whole{width:100%}.one-half,.two-quarters,.three-sixths,.four-eighths,.five-tenths,.six-twelfths{width:50%}.one-third,.two-sixths,.four-twelfths{width:33.333%}.two-thirds,.four-sixths,.eight-twelfths{width:66.666%}.one-quarter,.two-eighths,.three-twelfths{width:25%}.three-quarters,.six-eighths,.nine-twelfths{width:75%}.one-fifth,.two-tenths{width:20%}.two-fifths,.four-tenths{width:40%}.three-fifths,.six-tenths{width:60%}.four-fifths,.eight-tenths{width:80%}.one-sixth,.two-twelfths{width:16.666%}.five-sixths,.ten-twelfths{width:83.333%}.one-eighth{width:12.5%}.three-eighths{width:37.5%}.five-eighths{width:62.5%}.seven-eighths{width:87.5%}.one-tenth{width:10%}.three-tenths{width:30%}.seven-tenths{width:70%}.nine-tenths{width:90%}.one-twelfth{width:8.333%}.five-twelfths{width:41.666%}.seven-twelfths{width:58.333%}.eleven-twelfths{width:91.666%}@media only screen and (max-width: 480px){.palm-one-whole{width:100%}.palm-one-half,.palm-two-quarters,.palm-three-sixths,.palm-four-eighths,.palm-five-tenths,.palm-six-twelfths{width:50%}.palm-one-third,.palm-two-sixths,.palm-four-twelfths{width:33.333%}.palm-two-thirds,.palm-four-sixths,.palm-eight-twelfths{width:66.666%}.palm-one-quarter,.palm-two-eighths,.palm-three-twelfths{width:25%}.palm-three-quarters,.palm-six-eighths,.palm-nine-twelfths{width:75%}.palm-one-fifth,.palm-two-tenths{width:20%}.palm-two-fifths,.palm-four-tenths{width:40%}.palm-three-fifths,.palm-six-tenths{width:60%}.palm-four-fifths,.palm-eight-tenths{width:80%}.palm-one-sixth,.palm-two-twelfths{width:16.666%}.palm-five-sixths,.palm-ten-twelfths{width:83.333%}.palm-one-eighth{width:12.5%}.palm-three-eighths{width:37.5%}.palm-five-eighths{width:62.5%}.palm-seven-eighths{width:87.5%}.palm-one-tenth{width:10%}.palm-three-tenths{width:30%}.palm-seven-tenths{width:70%}.palm-nine-tenths{width:90%}.palm-one-twelfth{width:8.333%}.palm-five-twelfths{width:41.666%}.palm-seven-twelfths{width:58.333%}.palm-eleven-twelfths{width:91.666%}}@media only screen and (min-width: 481px) and (max-width: 1023px){.lap-one-whole{width:100%}.lap-one-half,.lap-two-quarters,.lap-three-sixths,.lap-four-eighths,.lap-five-tenths,.lap-six-twelfths{width:50%}.lap-one-third,.lap-two-sixths,.lap-four-twelfths{width:33.333%}.lap-two-thirds,.lap-four-sixths,.lap-eight-twelfths{width:66.666%}.lap-one-quarter,.lap-two-eighths,.lap-three-twelfths{width:25%}.lap-three-quarters,.lap-six-eighths,.lap-nine-twelfths{width:75%}.lap-one-fifth,.lap-two-tenths{width:20%}.lap-two-fifths,.lap-four-tenths{width:40%}.lap-three-fifths,.lap-six-tenths{width:60%}.lap-four-fifths,.lap-eight-tenths{width:80%}.lap-one-sixth,.lap-two-twelfths{width:16.666%}.lap-five-sixths,.lap-ten-twelfths{width:83.333%}.lap-one-eighth{width:12.5%}.lap-three-eighths{width:37.5%}.lap-five-eighths{width:62.5%}.lap-seven-eighths{width:87.5%}.lap-one-tenth{width:10%}.lap-three-tenths{width:30%}.lap-seven-tenths{width:70%}.lap-nine-tenths{width:90%}.lap-one-twelfth{width:8.333%}.lap-five-twelfths{width:41.666%}.lap-seven-twelfths{width:58.333%}.lap-eleven-twelfths{width:91.666%}}@media only screen and (min-width: 481px){.lap-and-up-one-whole{width:100%}.lap-and-up-one-half,.lap-and-up-two-quarters,.lap-and-up-three-sixths,.lap-and-up-four-eighths,.lap-and-up-five-tenths,.lap-and-up-six-twelfths{width:50%}.lap-and-up-one-third,.lap-and-up-two-sixths,.lap-and-up-four-twelfths{width:33.333%}.lap-and-up-two-thirds,.lap-and-up-four-sixths,.lap-and-up-eight-twelfths{width:66.666%}.lap-and-up-one-quarter,.lap-and-up-two-eighths,.lap-and-up-three-twelfths{width:25%}.lap-and-up-three-quarters,.lap-and-up-six-eighths,.lap-and-up-nine-twelfths{width:75%}.lap-and-up-one-fifth,.lap-and-up-two-tenths{width:20%}.lap-and-up-two-fifths,.lap-and-up-four-tenths{width:40%}.lap-and-up-three-fifths,.lap-and-up-six-tenths{width:60%}.lap-and-up-four-fifths,.lap-and-up-eight-tenths{width:80%}.lap-and-up-one-sixth,.lap-and-up-two-twelfths{width:16.666%}.lap-and-up-five-sixths,.lap-and-up-ten-twelfths{width:83.333%}.lap-and-up-one-eighth{width:12.5%}.lap-and-up-three-eighths{width:37.5%}.lap-and-up-five-eighths{width:62.5%}.lap-and-up-seven-eighths{width:87.5%}.lap-and-up-one-tenth{width:10%}.lap-and-up-three-tenths{width:30%}.lap-and-up-seven-tenths{width:70%}.lap-and-up-nine-tenths{width:90%}.lap-and-up-one-twelfth{width:8.333%}.lap-and-up-five-twelfths{width:41.666%}.lap-and-up-seven-twelfths{width:58.333%}.lap-and-up-eleven-twelfths{width:91.666%}}@media only screen and (max-width: 1023px){.portable-one-whole{width:100%}.portable-one-half,.portable-two-quarters,.portable-three-sixths,.portable-four-eighths,.portable-five-tenths,.portable-six-twelfths{width:50%}.portable-one-third,.portable-two-sixths,.portable-four-twelfths{width:33.333%}.portable-two-thirds,.portable-four-sixths,.portable-eight-twelfths{width:66.666%}.portable-one-quarter,.portable-two-eighths,.portable-three-twelfths{width:25%}.portable-three-quarters,.portable-six-eighths,.portable-nine-twelfths{width:75%}.portable-one-fifth,.portable-two-tenths{width:20%}.portable-two-fifths,.portable-four-tenths{width:40%}.portable-three-fifths,.portable-six-tenths{width:60%}.portable-four-fifths,.portable-eight-tenths{width:80%}.portable-one-sixth,.portable-two-twelfths{width:16.666%}.portable-five-sixths,.portable-ten-twelfths{width:83.333%}.portable-one-eighth{width:12.5%}.portable-three-eighths{width:37.5%}.portable-five-eighths{width:62.5%}.portable-seven-eighths{width:87.5%}.portable-one-tenth{width:10%}.portable-three-tenths{width:30%}.portable-seven-tenths{width:70%}.portable-nine-tenths{width:90%}.portable-one-twelfth{width:8.333%}.portable-five-twelfths{width:41.666%}.portable-seven-twelfths{width:58.333%}.portable-eleven-twelfths{width:91.666%}}@media only screen and (min-width: 1024px){.desk-one-whole{width:100%}.desk-one-half,.desk-two-quarters,.desk-three-sixths,.desk-four-eighths,.desk-five-tenths,.desk-six-twelfths{width:50%}.desk-one-third,.desk-two-sixths,.desk-four-twelfths{width:33.333%}.desk-two-thirds,.desk-four-sixths,.desk-eight-twelfths{width:66.666%}.desk-one-quarter,.desk-two-eighths,.desk-three-twelfths{width:25%}.desk-three-quarters,.desk-six-eighths,.desk-nine-twelfths{width:75%}.desk-one-fifth,.desk-two-tenths{width:20%}.desk-two-fifths,.desk-four-tenths{width:40%}.desk-three-fifths,.desk-six-tenths{width:60%}.desk-four-fifths,.desk-eight-tenths{width:80%}.desk-one-sixth,.desk-two-twelfths{width:16.666%}.desk-five-sixths,.desk-ten-twelfths{width:83.333%}.desk-one-eighth{width:12.5%}.desk-three-eighths{width:37.5%}.desk-five-eighths{width:62.5%}.desk-seven-eighths{width:87.5%}.desk-one-tenth{width:10%}.desk-three-tenths{width:30%}.desk-seven-tenths{width:70%}.desk-nine-tenths{width:90%}.desk-one-twelfth{width:8.333%}.desk-five-twelfths{width:41.666%}.desk-seven-twelfths{width:58.333%}.desk-eleven-twelfths{width:91.666%}}@media only screen and (min-width: 1280px){.desk-wide-one-whole{width:100%}.desk-wide-one-half,.desk-wide-two-quarters,.desk-wide-three-sixths,.desk-wide-four-eighths,.desk-wide-five-tenths,.desk-wide-six-twelfths{width:50%}.desk-wide-one-third,.desk-wide-two-sixths,.desk-wide-four-twelfths{width:33.333%}.desk-wide-two-thirds,.desk-wide-four-sixths,.desk-wide-eight-twelfths{width:66.666%}.desk-wide-one-quarter,.desk-wide-two-eighths,.desk-wide-three-twelfths{width:25%}.desk-wide-three-quarters,.desk-wide-six-eighths,.desk-wide-nine-twelfths{width:75%}.desk-wide-one-fifth,.desk-wide-two-tenths{width:20%}.desk-wide-two-fifths,.desk-wide-four-tenths{width:40%}.desk-wide-three-fifths,.desk-wide-six-tenths{width:60%}.desk-wide-four-fifths,.desk-wide-eight-tenths{width:80%}.desk-wide-one-sixth,.desk-wide-two-twelfths{width:16.666%}.desk-wide-five-sixths,.desk-wide-ten-twelfths{width:83.333%}.desk-wide-one-eighth{width:12.5%}.desk-wide-three-eighths{width:37.5%}.desk-wide-five-eighths{width:62.5%}.desk-wide-seven-eighths{width:87.5%}.desk-wide-one-tenth{width:10%}.desk-wide-three-tenths{width:30%}.desk-wide-seven-tenths{width:70%}.desk-wide-nine-tenths{width:90%}.desk-wide-one-twelfth{width:8.333%}.desk-wide-five-twelfths{width:41.666%}.desk-wide-seven-twelfths{width:58.333%}.desk-wide-eleven-twelfths{width:91.666%}}.brand{font-family:Figtree,Helvetica Neue,Arial,sans-serif!important;color:#1abcf2!important}.brand-face{font-family:Figtree,Helvetica Neue,Arial,sans-serif!important}.brand-color,.brand-colour{color:#1abcf2!important}.float--right{float:right !important}.float--left{float:left !important}.float--none{float:none !important}.text--left{text-align:left  !important}.text--center{text-align:center !important}.text--right{text-align:right !important}.weight--light{font-weight:300 !important}.weight--normal{font-weight:400 !important}.weight--semibold{font-weight:600 !important}.push{margin:24px !important}.push--top{margin-top:24px !important}.push--right{margin-right:24px !important}.push--bottom{margin-bottom:24px !important}.push--left{margin-left:24px !important}.push--ends{margin-top:24px !important;margin-bottom:24px !important}.push--sides{margin-right:24px !important;margin-left:24px !important}.push-half{margin:12px !important}.push-half--top{margin-top:12px !important}.push-half--right{margin-right:12px !important}.push-half--bottom{margin-bottom:12px !important}.push-half--left{margin-left:12px !important}.push-half--ends{margin-top:12px !important;margin-bottom:12px !important}.push-half--sides{margin-right:12px !important;margin-left:12px !important}.flush{margin:0 !important}.flush--top{margin-top:0 !important}.flush--right{margin-right:0 !important}.flush--bottom{margin-bottom:0 !important}.flush--left{margin-left:0 !important}.flush--ends{margin-top:0 !important;margin-bottom:0 !important}.flush--sides{margin-right:0 !important;margin-left:0 !important}.soft{padding:24px !important}.soft--top{padding-top:24px !important}.soft--right{padding-right:24px !important}.soft--bottom{padding-bottom:24px !important}.soft--left{padding-left:24px !important}.soft--ends{padding-top:24px !important;padding-bottom:24px !important}.soft--sides{padding-right:24px !important;padding-left:24px !important}.soft-half{padding:12px !important}.soft-half--top{padding-top:12px !important}.soft-half--right{padding-right:12px !important}.soft-half--bottom{padding-bottom:12px !important}.soft-half--left{padding-left:12px !important}.soft-half--ends{padding-top:12px !important;padding-bottom:12px !important}.soft-half--sides{padding-right:12px !important;padding-left:12px !important}.hard{padding:0 !important}.hard--top{padding-top:0 !important}.hard--right{padding-right:0 !important}.hard--bottom{padding-bottom:0 !important}.hard--left{padding-left:0 !important}.hard--ends{padding-top:0 !important;padding-bottom:0 !important}.hard--sides{padding-right:0 !important;padding-left:0 !important}.full-bleed{margin-right:-24px !important;margin-left:-24px !important}.islet .full-bleed{margin-right:-12px !important;margin-left:-12px !important}.informative{cursor:help !important}.muted{opacity:0.5 !important;filter:alpha(opacity=50) !important}.proceed{text-align:right !important}.go:after{content:" " "»" !important}.caps{text-transform:uppercase !important}.accessibility,.visuallyhidden{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}@media only screen and (max-width: 480px){.accessibility--palm,.visuallyhidden--palm{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}}@media only screen and (min-width: 481px) and (max-width: 1023px){.accessibility--lap,.visuallyhidden--lap{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}}@media only screen and (min-width: 481px){.accessibility--lap-and-up,.visuallyhidden--lap-and-up{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}}@media only screen and (max-width: 1023px){.accessibility--portable,.visuallyhidden--portable{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}}@media only screen and (min-width: 1024px){.accessibility--desk,.visuallyhidden--desk{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}}@media only screen and (min-width: 1280px){.accessibility--desk-wide,.visuallyhidden--desk-wide{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}}html{overflow-y:auto;scroll-snap-type:y proximity}body,html{background-color:#FBFBFB;color:#222;font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;height:100%}.page-content{display:inline-block;min-height:100%;margin-top:0;padding-top:88px;width:100%}.page-content>.grid-wrapper:last-of-type{min-height:calc(100vh - 714px)}h1,h2,h3,h4,h5,h6{font-family:"Figtree","Helvetica Neue",Arial,sans-serif;font-weight:650;letter-spacing:-.005em}h1{font-weight:800}h3,h4{font-weight:700}p,li{letter-spacing:.005em}article.page header+p,p.lead{line-height:1.6;font-size:1.4rem}a{color:#007fa8;text-decoration:none}.menu a{color:#007fa8}a.external-link iconify-icon,iconify-icon.external-link{font-size:1.0rem;vertical-align:middle;padding:0 0 2px 3px}table{table-layout:fixed;width:100%}table th,table td{word-wrap:break-word}.text-input,textarea{cursor:text}.gist{font-size:0.75em}@media only screen and (max-width: 480px){.title.indent::before{display:none}}.title.indent::before{content:"// ";color:#1abcf2}.divider,.usp hr{border:none;border-bottom:2px solid #1abcf2;clear:both;margin:2em 0}article.post img,article.page img,article.listing img{border:5px solid #fff;border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,0.25)}article.post img.right,article.page img.right,article.listing img.right{float:right;margin:0 0 10px 20px}article.post img.left,article.page img.left,article.listing img.left{float:left;margin:0 20px 10px 0}.grid-wrapper{margin:auto;max-width:1560px;padding:0 25px}.grid-center{text-align:center}.grid-center>.grid__item{text-align:left}body>header{background-color:rgba(251,251,251,0.8);margin-bottom:2em;backdrop-filter:blur(24px)}body>header .site-title{color:rgba(229,229,229,0.8);font-size:1.7em;font-weight:bold;line-height:2.5em}body>header .release-date{font-size:10px;margin:29.5px 0 0;padding:0 4px 0 4px;background:#e8edf0;height:fit-content;color:#007fa8;font-weight:500;border-radius:4px;letter-spacing:.025rem}body>header.dark{background-color:rgba(255,255,255,0);backdrop-filter:none}@media only screen and (min-width: 1024px){body>header.dark .menu>li>a,body>header.dark .docsearch .DocSearch-Search-Icon{color:#fff}}body>header.dark .ha-title .logo{background-image:url("../svg/home-assistant-logo-white.svg")}.ha-title{display:inline-flex;height:100%;white-space:nowrap}.ha-title .logo{border-radius:0;width:226px;height:32px;margin-right:10px;background-image:url("../svg/home-assistant-logo.svg");background-repeat:no-repeat;background-size:contain}.ha-title a>*{vertical-align:middle}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}.header{position:relative}#toggle,.toggle{display:none}.menu li{list-style:none;float:left}@media only screen and (max-width: 1024px){.menu{display:none;opacity:0;width:100%;position:absolute;right:0}.menu li{display:block;width:100%;margin:0}.menu li a{display:block;width:100%;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.menu li a .icon{display:none}.toggle{display:block;position:relative;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#toggle:checked ~ .menu{display:block;opacity:1;z-index:999}}ul.menu li{position:relative;margin:0}ul.menu li:hover ul{display:block}ul.menu li ul{display:none;z-index:10;position:absolute;top:68px;margin-left:0;background-color:white;border-radius:16px;box-shadow:0 0 1px rgba(0,0,0,0.5),0 32px 64px rgba(0,0,0,0.1)}ul.menu li ul li{white-space:nowrap;float:none}ul.menu li ul li a{display:block;padding:16px 16px;min-width:150px;margin:8px;border-radius:8px}ul.menu li ul li a:hover,ul.menu li ul li a:focus{background:rgba(26,188,242,0.1)}header .grid{height:68px}.menu{margin:0;top:68px}.menu li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;padding:27px 12px;text-decoration:none;font-weight:normal;font-size:14px;line-height:1}.menu>li>a:hover,.menu>li>a:focus{background:#FBFBFB;box-shadow:inset 0px 5px #1abcf2;color:#007fa8;padding-bottom:32px}.toggle{z-index:20}@media only screen and (max-width: 1024px){.menu{background:#fff;box-shadow:0px 64px 32px rgba(0,0,0,0.1);max-height:calc(100vh - 68px);overflow-y:auto}.menu,.menu li,.menu li a{height:auto}.menu li a{margin:0 !important;padding:20px 24px !important}.menu li a:hover,.menu li a:focus{background:rgba(26,188,242,0.1);box-shadow:inset 5px 0px #1abcf2;padding:15px 15px 15px 25px}.toggle{position:absolute;top:17px;right:17px}.toggle::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;content:"☰";display:flex;justify-content:center;align-items:center;width:32px;height:32px;background:#1abcf2;text-align:center;font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;white-space:nowrap;border-radius:24px}.toggle:hover::after{background:#086685}#toggle:checked+.toggle::after{content:attr(data-close);padding-bottom:2px}ul.menu li ul{display:block;position:relative;top:0;box-shadow:none;margin-left:24px}}#page-wrap{min-height:100%;margin-bottom:-100px}#page-wrap::after{content:"";display:block;height:100px}body>footer,.page-content>footer{background-color:#f2f4f9;margin-top:3em}.copyright{margin:0;padding:20px 0;text-align:center}code.highlighter-rouge{background:#fff;font-size:.8em;line-height:1.5em;color:#555;border:1px solid #ddd;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;border-radius:0.4em;padding:0 .3em}pre.highlight{font-family:"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;color:#000;font-size:15px}.highlight .hll{background-color:#ffc}.highlight .c{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold;font-style:italic}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .gd{color:#000000;background-color:#fdd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:purple}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000000;font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}article blockquote{border-left:2px solid #1abcf2;color:#484848;font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.25em;font-style:italic;padding-left:15px}article blockquote footer{float:right;font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.8em}article blockquote footer strong::after{content:" \2014 "}article blockquote footer a{text-decoration:underline}article .pullquote-left::before,article .pullquote-right::before{border:medium none;color:#1abcf2;content:"“" attr(data-pullquote) "”";float:right;font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.4em;font-style:italic;line-height:1.45em;margin:0.3em 0 1em 1.5em;padding:0;position:relative;top:7px;width:45%}@media only screen and (max-width: 480px){article .pullquote-left::before,article .pullquote-right::before{border-top:1px dotted #1abcf2;border-bottom:1px dotted #1abcf2;padding:0 10px;width:100%}}article .tags{display:inline}article .tags li{margin-right:2px}article .tags li::after{content:","}article .tags li:last-child::after{content:""}article .tags li a{color:#555;text-decoration:none}article .tags li a:hover{text-decoration:underline}article .meta{font-size:12px;padding:0 0 5px}article .meta>*{margin-right:15px;white-space:nowrap}article .meta>*:last-child{margin-right:0}article .meta .comments::before{content:"💬";padding-right:3px}article.listing{margin-bottom:20px}article.listing h1{margin-bottom:.5em}article.listing h1 a{color:#1abcf2;text-decoration:none}article.listing .entry-content{margin:1em 0}article.listing+hr{border:none;border-bottom:2px solid #eee;margin:2em 0 2.5em}@media only screen and (max-width: 480px){article.post .tags{clear:both;margin-top:7px}}article.post h1{margin-bottom:0.5em}article.post .meta{margin-bottom:3em}#archive-list article h1{margin-bottom:0}@media print{header div.grid__item nav{display:none}aside#sidebar{display:none}.grid__item{display:block;width:100%}div.filter-button-group{display:none}.hass-option-cards.show-items{display:block}.hass-option-cards.show-items a.option-card{display:block;opacity:1;width:100%;height:auto;min-height:80px;margin-bottom:8px}.hass-option-cards.show-items a.option-card .img-container{float:left;width:33%;text-align:center}.hass-option-cards.show-items a.option-card div.title{height:1.5em;margin-top:8px}}div.alert{background:#e7f2fa;border-radius:16px;margin-bottom:24px;padding:20px 24px 20px 24px;position:relative}div.alert>:last-child{margin-bottom:0}div.alert p.alert-title{font-weight:bold;line-height:1.5em}div.alert p.alert-content{padding:6px}div.alert.alert-note{background-color:#e7f2fa}div.alert.alert-note p.alert-title{color:#6ab0de}div.alert.alert-tip{background-color:#e6f4ea}div.alert.alert-tip p.alert-title{color:#4caf50}div.alert.alert-important{background-color:#ede7f6}div.alert.alert-important p.alert-title{color:#7e57c2}div.alert.alert-warning{background-color:#f7f9e1}div.alert.alert-warning p.alert-title{color:#bbb90d}div.alert.alert-caution{background-color:#fdecea}div.alert.alert-caution p.alert-title{color:#d32f2f}div.details-block{width:100%;display:block;margin:0 0 1.5em 0}div.details-block .details-block-item{background-color:#f8f8f8;padding:4px 24px;margin:8px 0;border:1px solid rgba(0,0,0,0.12);border-radius:16px}div.details-block .details-block-item[open] .details-block-title .up{display:block}div.details-block .details-block-item[open] .details-block-title .down{display:none}div.details-block .details-block-item .details-block-title{font-weight:bold;font-size:18px;line-height:21px;cursor:pointer;height:54px;justify-content:space-between;display:flex;align-items:center;background-color:#f8f8f8;border:0px;width:100%;padding:0}div.details-block .details-block-item .details-block-title .up{display:none}div.details-block .details-block-item .details-block-title .down{display:block}div.details-block .details-block-item .details-block-content{margin:4px 0 12px 0}.tabbed-content-block{background-color:#FAFAFA;margin:16px 0;overflow:hidden;border-radius:10px;box-shadow:-1px 0px 0px 0px #dfdfdf, 0px 0px 0px 1px #dfdfdf;box-sizing:border-box}.tabbed-content-block .tabbed-content-block-tabs{overflow:hidden;padding:0 8px}.tabbed-content-block .tabbed-content-block-tabs label input{display:none}.tabbed-content-block .tabbed-content-block-tabs label input:checked+div{opacity:1;border-bottom:2px solid #1abcf2}.tabbed-content-block .tabbed-content-block-tabs label div{float:left;padding:8px;cursor:pointer;opacity:0.7;transition:0.3s;border-bottom:2px solid transparent;font-size:0.8em}.tabbed-content-block .tabbed-content-block-tabs label div:hover{opacity:1}.tabbed-content-block .tabbed-content-block-content{padding:8px 16px 0;display:none;animation:fadeEffect .5s}@keyframes fadeEffect{0%{opacity:0}100%{opacity:1}}.terminology{position:relative;border-bottom:2px dotted #1abcf2;cursor:help}.terminology:hover .terminology-tooltip{visibility:visible;opacity:1}.terminology .terminology-tooltip{--horizontal-move:0px;visibility:hidden;width:250px;background-color:#1abcf2;color:#fff;font-size:0.8em;padding:8px;border-radius:8px;opacity:0;transition:opacity 0.5s;position:absolute;z-index:1;bottom:100%;left:calc(50% + var(--horizontal-move));margin-left:-125px}.terminology .terminology-tooltip a{color:#fff;font-weight:500}.terminology .terminology-tooltip:after{content:" ";position:absolute;left:calc(50% - var(--horizontal-move));margin-left:-5px;border-width:5px;border-style:solid;top:100%;border-color:#1abcf2 transparent transparent transparent}.terminology .terminology-tooltip.below{bottom:auto;top:1lh}.terminology .terminology-tooltip.below:before{content:" ";position:absolute;left:calc(50% - var(--horizontal-move));margin-left:-5px;border-width:5px;border-style:solid;top:-10px;border-color:transparent transparent #1abcf2 transparent}.terminology .terminology-tooltip.below:after{display:none}.terminology code{border-bottom:2px dotted #1abcf2}.integration-alert-container{margin:0}a.integration-alert{margin:1em 0;background-color:wheat;padding:16px 24px;text-decoration:none !important;display:flex;align-items:center;color:black;border-radius:16px}a.integration-alert svg{width:24px;margin-right:8px}a.integration-alert .content{flex:1}a.integration-alert .learn-more{font-weight:600;padding:4px 12px;border-radius:16px;font-size:0.8em}a.integration-alert .learn-more:hover{background-color:rgba(0,0,0,0.12)}.aside-module .title{border-bottom:1px solid #1abcf2;color:#333;margin:1em 0 0.5em;padding-bottom:5px}.aside-module .title .btn{border-bottom-left-radius:0;border-bottom-right-radius:0;padding:5px 10px;text-decoration:none}.aside-module .loading{display:block;font-size:2em;text-align:center}#sidebar,#left-sidebar,#toc-bar,#integration-sidebar{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;scrollbar-width:none;border-radius:16px}#sidebar .aside-module:last-child,#left-sidebar .aside-module:last-child,#toc-bar .aside-module:last-child,#integration-sidebar .aside-module:last-child{margin-bottom:0}#sidebar .grid,#left-sidebar .grid,#toc-bar .grid,#integration-sidebar .grid{position:fixed;width:350px;display:contents}#sidebar .grid .brand-logo-container,#left-sidebar .grid .brand-logo-container,#toc-bar .grid .brand-logo-container,#integration-sidebar .grid .brand-logo-container{margin-top:16px}@media only screen and (max-width: 1023px){#sidebar,#left-sidebar,#toc-bar,#integration-sidebar{max-height:fit-content}#sidebar .grid,#left-sidebar .grid,#toc-bar .grid,#integration-sidebar .grid{position:initial;width:100%}.site-header .pull-right{position:fixed}.hero>.grid-wrapper{z-index:0}.hero img{margin-bottom:8px}}#landingpage .page-content .content .ha-buy-dialog{background:rgba(0,0,0,0.4);display:none;inset:0;padding:40px;place-items:center;position:fixed;z-index:1200}#landingpage .page-content .content .ha-buy-dialog.open{display:flex;flex-direction:column}#landingpage .page-content .content .ha-buy-dialog-inner{background-color:#ffffff;border-radius:8px;display:grid;gap:20px;max-width:624px;padding:20px;width:100%;overflow:hidden}#landingpage .page-content .content .ha-buy-dialog-header{align-items:center;display:flex}#landingpage .page-content .content .ha-buy-dialog-header .product-name{flex-grow:1;font-size:20px}@media (min-width: 704px){#landingpage .page-content .content .ha-buy-dialog-header .product-name{font-size:28px}}#landingpage .page-content .content .ha-buy-dialog-header .close{align-items:center;cursor:pointer;display:flex;flex-shrink:0}#landingpage .page-content .content .ha-buy-dialog-content{display:flex;flex-direction:column;gap:20px;max-height:100%;overflow:hidden}@media (min-width: 704px){#landingpage .page-content .content .ha-buy-dialog-content{flex-direction:row}}#landingpage .page-content .content .ha-buy-dialog-sidebar{background-color:#F0F0F3;border-radius:8px;min-width:140px;padding:12px}#landingpage .page-content .content .ha-buy-dialog-sidebar-label{font-size:14px;font-weight:700;padding-bottom:8px}#landingpage .page-content .content .ha-buy-dialog-sidebar-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}@media (min-width: 704px){#landingpage .page-content .content .ha-buy-dialog-sidebar-tabs{flex-direction:column;flex-wrap:nowrap}}#landingpage .page-content .content .ha-buy-dialog-sidebar-tab{background-color:transparent;border-radius:4px;color:#4F606E;cursor:pointer;flex-basis:40%;flex-grow:1;font-size:16px;padding:8px;text-align:center;transition:background-color 0.1s;user-select:none}@media (min-width: 704px){#landingpage .page-content .content .ha-buy-dialog-sidebar-tab{flex-basis:unset;text-align:left}}#landingpage .page-content .content .ha-buy-dialog-sidebar-tab:hover{background-color:#e1e1e1}#landingpage .page-content .content .ha-buy-dialog-sidebar-tab.active{background-color:#FCFCFF;color:#000;pointer-events:none}#landingpage .page-content .content .ha-buy-dialog-tab-content-wrapper{flex-grow:1;height:100%;max-height:475px;overflow-y:auto}#landingpage .page-content .content .ha-buy-dialog-tab-content{display:none;flex-direction:column;gap:32px}#landingpage .page-content .content .ha-buy-dialog-tab-content.active{display:flex}#landingpage .page-content .content .ha-buy-dialog-distributor-countries{display:flex;flex-direction:column;gap:18px}#landingpage .page-content .content .ha-buy-dialog-distributor-country-name{align-items:center;display:flex;font-size:14px;font-weight:700;gap:10px;padding-bottom:12px}#landingpage .page-content .content .ha-buy-dialog-distributor-country-flag{border-radius:0;height:8px}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="A"]{order:1}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="B"]{order:2}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="C"]{order:3}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="D"]{order:4}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="E"]{order:5}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="F"]{order:6}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="G"]{order:7}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="H"]{order:8}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="I"]{order:9}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="J"]{order:10}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="K"]{order:11}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="L"]{order:12}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="M"]{order:13}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="N"]{order:14}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="O"]{order:15}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="P"]{order:16}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="Q"]{order:17}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="R"]{order:18}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="S"]{order:19}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="T"]{order:20}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="U"]{order:21}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="V"]{order:22}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="W"]{order:23}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="X"]{order:24}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="Y"]{order:25}#landingpage .page-content .content .ha-buy-dialog-distributor-country[data-sort="Z"]{order:26}#landingpage .page-content .content .ha-buy-dialog-distributor-items{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media (min-width: 704px){#landingpage .page-content .content .ha-buy-dialog-distributor-items{gap:20px;justify-content:flex-start;max-width:400px}}#landingpage .page-content .content .ha-buy-dialog-distributor-item{border:1px solid #F0F0F3;border-radius:8px;display:flex;flex-direction:column;gap:8px;height:60px;padding:4px 16px;place-items:center;text-align:center;text-decoration:none;transition:background-color 0.1s;width:120px}#landingpage .page-content .content .ha-buy-dialog-distributor-item span{color:#4F606E;font-size:10px;height:14px;line-height:1;white-space:nowrap}#landingpage .page-content .content .ha-buy-dialog-distributor-item:hover{background-color:#F0F0F3}#landingpage .page-content .content .ha-buy-dialog-distributor-logo{border:unset;border-radius:0;box-shadow:unset;flex-grow:1;height:100%;max-height:50px;object-fit:contain;overflow:hidden}#github-repos li p{font-size:0.6em;margin-bottom:0}#pinboard .pin-item>p{margin-bottom:0}#pinboard .pin-item>p a:hover{text-decoration:underline}#pinboard .pin-item>p a::after{content:","}#pinboard .pin-item>p a:last-child::after{content:""}@media only screen and (min-width: 481px){.social ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}}.social a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#eee;border:1px solid #e2e2e2;border-radius:4px;color:#222;display:inline-block;font-size:0.8em;margin-bottom:7px;padding:1em;padding-right:0.5em;position:relative;text-decoration:none;width:100%;z-index:5;-webkit-transition:box-shadow 200ms,color 400ms,transform 400ms;-moz-transition:box-shadow 200ms,color 400ms,transform 400ms;-o-transition:box-shadow 200ms,color 400ms,transform 400ms;transition:box-shadow 200ms,color 400ms,transform 400ms}.social a:hover{color:#fff !important;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,0.25);z-index:7}.social a:hover::before{border:1px solid #000;height:100%;top:0;width:100%}.social a::before{background-color:#222;border-radius:4px;content:"";height:1px;position:absolute;top:50%;left:0%;width:0;z-index:-1;-webkit-transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms;-moz-transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms;-o-transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms;transition:border 200ms,height 200ms 200ms,top 200ms 200ms,width 200ms}.social a i{font-size:2em;line-height:0.8em;margin-right:0.35em}.social a.adn{color:#4A484C}.social a.adn::before{background-color:#4A484C;border-color:#3d3c3f}.social a.dribbble{color:#EA4C89}.social a.dribbble::before{background-color:#EA4C89;border-color:#e7357a}.social a.facebook{color:#3B5998}.social a.facebook::before{background-color:#3B5998;border-color:#344e86}.social a.github{color:#333}.social a.github::before{background-color:#333;border-color:#262626}.social a.gplus{color:#db4a39}.social a.gplus::before{background-color:#db4a39;border-color:#d43927}.social a.linkedin{color:#4875b4}.social a.linkedin::before{background-color:#4875b4;border-color:#4169a2}.social a.pinterest{color:#CC2127}.social a.pinterest::before{background-color:#CC2127;border-color:#b61d23}.social a.stackoverflow{color:#FE7A15}.social a.stackoverflow::before{background-color:#FE7A15;border-color:#f86c01}.social a.twitter{color:#00a0d1}.social a.twitter::before{background-color:#00a0d1;border-color:#008cb8}.social a.youtube{color:#CC181E}.social a.youtube::before{background-color:#CC181E;border-color:#b5151b}.usp{text-align:center}@media only screen and (min-width: 481px) and (max-width: 1023px){.usp{margin-bottom:25px}}.usp .icon i{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:10px solid #1abcf2;color:#222;display:inline-block;font-size:6em;height:1.85em;line-height:normal;padding:0.3em;width:1.85em}.usp .title{color:#222;font-size:1.1em;line-height:3em;margin:0;text-align:center}.usp .title+hr{margin:0;margin-bottom:1em}.usp hr{margin-bottom:1em}.usp p{text-align:left}.hero{position:relative;background:#18bcf2;background:linear-gradient(340deg, #0af 0%, #00bfff 50%, #00eaff 100%);padding-bottom:0;margin-top:-88px;margin-bottom:48px;padding-top:88px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.1);max-height:1080px;height:100vh;align-content:center;min-height:840px;color:#fff}.hero>.grid-wrapper{position:relative;z-index:7}.hero h1{font-size:8rem;font-style:normal;font-weight:800;line-height:1;letter-spacing:-2.56px;background:linear-gradient(125deg, #FFF 29.3%, #80FFF4 89.99%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1 .line2{line-height:1.25;margin-top:-1.75rem;display:block}.hero p small{color:#eee;font-size:.65em}.hero p.lead{font-size:1.5rem !important;margin-bottom:24px;line-height:2.25rem !important}.hero .hero-buttons{display:flex;margin:8px 0px 24px 0px;align-items:center;gap:12px}.hero .hero-buttons a{font-size:1.1rem;color:white;white-space:nowrap;display:inline-block;font-weight:600;padding:8px 0 8px 0;margin:0 12px 0 12px;border-radius:32px}.hero .hero-buttons a.primary{font-family:"Figtree","Helvetica Neue",Arial,sans-serif;background-color:#007fa8;text-transform:uppercase;font-size:1.5rem;font-weight:700;padding:8px 16px 8px 24px;margin:0}.hero .hero-welcome{padding-left:64px}.hero .hero-socialproof{display:flex;padding-top:48px;align-items:center;gap:32px}.hero .hero-socialproof a{opacity:0.75;transition:.5s opacity}.hero .hero-socialproof a:hover{opacity:1}.hero .hero-github-top-project{display:flex;padding:12px;align-items:center;gap:10px;border-radius:12px;border:1px solid #F2F4F9;width:330px}.hero .hero-github-top-project p{color:#FFF;font-size:1rem;font-weight:400;line-height:1.25rem;margin:0}.hero .hero-github-top-project p strong{font-weight:600}.hero .hero-socialproof-asseenon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.hero .hero-socialproof-asseenon p{margin:8px 0 0 0;align-self:stretch;font-size:.875rem;font-weight:700;opacity:.75}.hero .hero-socialproof-asseenon .logos{display:flex;align-items:center;gap:32px}.hero #HAdemoScreenshot{display:none}.hero #HAdemoScreenshot img{display:block}.hero #HAdemo{width:100%;max-width:400px;height:800px;border-radius:48px;border:12px double white;box-shadow:24px 64px 64px rgba(0,43,128,0.5)}@media only screen and (max-height: 840px){.hero #HAdemo{border-bottom:0;margin-bottom:-8px;border-radius:48px 48px 0 0;height:750px}}@keyframes floaty-demo{from{transform:translateY(-25px) rotateY(346deg) skewY(3deg)}to{transform:translateY(0) rotateY(346deg) skewY(3deg)}}@keyframes box-shadow-color{from{box-shadow:24px 64px 64px rgba(0,0,128,0.5)}to{box-shadow:24px 64px 64px rgba(0,85,128,0.5)}}@media only screen and (max-width: 1280px){.hero .hero-socialproof,.hero .hero-buttons{flex-direction:column;align-items:flex-start;gap:8px}}@media only screen and (max-width: 1240px){.hero h1{font-size:6rem;letter-spacing:-1.92px}.hero h1 .line2{margin-top:-1rem}.hero p.lead{font-size:1.25rem !important;line-height:1.75rem !important}.hero .hero-buttons a{font-size:1rem}.hero .hero-welcome{padding-left:48px}}@media only screen and (max-width: 1080px){.hero .hero-welcome{padding-left:24px}}@media only screen and (max-width: 760px){.hero{text-align:center;min-height:940px}.hero .hero-socialproof,.hero .hero-buttons{align-items:center}.hero .flex{flex-direction:column}.hero #HAdemo{display:none}.hero #HAdemoScreenshot{display:inline-block;text-align:center;padding-top:48px}}@media only screen and (max-width: 1023px){.hero img{margin-bottom:0 !important}.hero h1{font-size:4.5rem;letter-spacing:-1.92px}.hero h1 .line2{margin-top:-1rem}.hero .lead{font-size:1.15rem}.hero .hero-buttons a.primary{font-size:1.25rem}}.feature-cards{display:grid;letter-spacing:normal;grid-template-columns:repeat(3, 1fr);gap:24px;margin:auto}.feature-cards .card{border-radius:24px;background:white;padding:24px;display:inline-block;vertical-align:top}.feature-cards .card .card-header{font-family:"Figtree","Helvetica Neue",Arial,sans-serif;font-size:1.3125rem;line-height:1.625rem;display:flex;flex-direction:column;padding-bottom:16px;color:#1abcf2;font-weight:600}.feature-cards .card .card-header iconify-icon{font-size:2.5rem;margin-right:8px;border-radius:64px;background:var(--Light-primary-container, #CCEFFE);align-self:flex-start;padding:16px;margin-bottom:12px;color:#007fa8}.feature-cards .card .card-content{padding-bottom:24px;font-size:1rem}.feature-cards .card .card-content p{margin-bottom:12px}.feature-cards .card .card-content p:last-of-type{margin-bottom:24px}.feature-cards .card .card-content .button{float:right;font-size:1rem;padding:8px 16px}.sub-title{font-family:"Figtree","Helvetica Neue",Arial,sans-serif;font-size:6rem;font-weight:800;line-height:normal;letter-spacing:-1.92px;margin:96px 0 24px !important;text-align:center}.sub-title+p{margin:-24px 0 48px 0}@media only screen and (max-width: 1023px){.feature-cards{grid-template-columns:repeat(2, 1fr)}.sub-title{font-size:4rem;line-height:1.1 !important;margin-bottom:32px !important}}@media only screen and (max-width: 480px){.feature-cards{width:95%;grid-template-columns:repeat(1, 1fr)}.feature-cards .card{width:100%}.feature-cards .card .card-content{padding-left:0}}#landingpage .site-header .grid-wrapper{max-width:1100px !important;padding:0 25px !important}#landingpage footer .grid-wrapper{max-width:1100px !important;padding:0 25px !important}#landingpage .grid-wrapper{max-width:1500px;padding:0;width:100%}#landingpage .page-content{overflow-x:hidden}#landingpage .banner{height:670px;margin-bottom:16px;margin-top:-42px;width:100%;text-align:center}#landingpage .banner .title{position:relative;width:550px;height:168px;left:calc(50% - 550px / 2 - 0.5px);font-weight:900;font-size:68px;line-height:55px;text-align:center;color:#ffffff;text-shadow:2px 2px 0 rgba(0,0,0,0.75);bottom:226px}#landingpage .banner .title svg{stroke:#03a9f4}#landingpage .banner .wide{position:relative;width:700px;left:calc(50% - 700px / 2 - 0.5px);font-size:52px;line-height:52px;bottom:390px}#landingpage .banner img{width:100%;object-fit:cover;object-position:bottom;border-radius:0;border:0;height:670px;box-shadow:none}#landingpage .bottom{position:absolute;bottom:8px}#landingpage .right{position:absolute;right:8px}#landingpage .spacer{height:24px}#landingpage .button-row-with-icon{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:16px}#landingpage .button-row-with-icon a{display:block;text-decoration:none;color:#0c0c0c}#landingpage .button-row-with-icon .button-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;text-align:center;background:#ffffff;width:242px;height:176px;box-shadow:0px 4px 20px rgba(0,0,0,0.1);border-radius:8px}#landingpage .button-row-with-icon .button-icon .icon{padding:12px;height:56px;width:auto;display:flex;align-items:center}#landingpage .button-row-with-icon .button-icon .icon img{box-shadow:none;border:none}#landingpage .button-row-with-icon .button-icon .text{width:164px;font-size:20px;line-height:20px;text-align:center;margin:auto}#landingpage .section-content{background-color:#fafafa;width:100%;display:grid;justify-items:center;padding:64px}#landingpage .section-content .title{font-size:24px;line-height:28px}#landingpage .section-content .description{font-size:16px;line-height:24px}#landingpage .section-content .header{width:507px;display:grid;text-align:center;place-items:center}#landingpage .section-content .header .title{font-size:32px;line-height:48px}#landingpage .section-content img{box-shadow:none;border:none}#landingpage .section-content .section-inner{display:flex;flex-direction:row;width:100%;padding:32px;justify-content:space-evenly}#landingpage .section-content .section-inner .section-inner-content{align-self:center;padding:0}#landingpage .section-content .section-inner .section-inner-content.padding{padding:16px}#landingpage .section-content .section-inner .section-inner-content div{width:330px}#landingpage .section-content .section-inner .section-inner-content .button{display:inline-block;padding:8px 24px}#landingpage .section-content .section-inner .section-inner-content .title{margin-bottom:4px}#landingpage .section-content .section-inner img{max-width:500px;max-height:400px}#landingpage .section-inner:nth-child(even){flex-direction:row-reverse}#landingpage .section-inner:nth-child(odd){flex-direction:row}#landingpage .section-content:nth-child(even){background-color:#f5f5f5}#landingpage .section-content:nth-child(even) .section-inner:nth-child(odd){flex-direction:row-reverse}#landingpage .section-content:nth-child(even) .section-inner:nth-child(even){flex-direction:row}#landingpage .content{max-width:1000px;margin:auto}#landingpage .content .banner-overlay{z-index:2;position:relative;width:600px;border-radius:8px;margin:-36px auto 0}#landingpage .content .banner-overlay.with-box .banner-overlay-content{max-width:416px}#landingpage .content .banner-overlay a{text-decoration:none}#landingpage .content .banner-overlay .banner-overlay-header{font-weight:900;font-size:24px;line-height:28px}#landingpage .content .banner-overlay .banner-overlay-content{font-size:16px;line-height:19px;margin-top:16px}#landingpage .content .banner-overlay .box{position:absolute;right:0;top:0;width:210px;border-radius:8px;margin:-50px -50px 0 4px;padding:22px;display:flex;flex-direction:column}#landingpage .content .banner-overlay .box .banner-overlay-header{font-weight:500;font-size:12px;line-height:14px;letter-spacing:0.1em;color:#0c0c0c;opacity:0.33;width:100%;text-align:right}#landingpage .content .banner-overlay .box .banner-overlay-price{width:calc(100% - 6px);text-align:right;font-weight:900;font-size:24px;line-height:28px;color:#0c0c0c;display:inline-flex;justify-content:flex-end}#landingpage .content .banner-overlay .box .banner-overlay-price div{width:6px;margin-top:2px;font-size:12px;line-height:14px;color:#0c0c0c;opacity:0.4}#landingpage .content .banner-overlay .box .banner-overlay-images{display:grid;grid-template-columns:47px 47px 47px;grid-template-rows:47px 47px;grid-auto-flow:row;gap:2px}#landingpage .content .banner-overlay .box .banner-overlay-images .img-container{border:1px solid #e9e9e9;box-sizing:border-box;border-radius:4px;height:47px;width:47px;display:flex}#landingpage .content .banner-overlay .box .banner-overlay-images .img-container img{margin:auto;box-shadow:none;border-radius:0;border:0}#landingpage .content .banner-overlay .box .banner-overlay-images .img-container:first-of-type{grid-column:1 / span 2;grid-row:1 / span 2;height:96px;width:96px}#landingpage .content .banner-overlay .banner-overlay-button{background-color:#03a9f4;margin-top:12px;border-radius:4px;width:154px;height:46px;display:flex;cursor:pointer;text-transform:capitalize;font-weight:900;font-size:18px;color:#ffffff}#landingpage .content .banner-overlay .banner-overlay-button div{margin:auto}#landingpage .content .banner-overlay .banner-overlay-button.disabled{background-color:#bdbdbd;cursor:initial}#landingpage .content .banner-overlay .below-button{margin-top:8px;text-align:center;font-size:0.8em}#landingpage .content .banner-overlay-disclaimer{font-size:12px;line-height:14px;color:#0c0c0c;opacity:0.4;text-align:center;margin:12px auto 50px}#landingpage .content .bullet-points{margin:24px 136px;display:grid;gap:32px;grid-template-columns:repeat(2, 1fr)}#landingpage .content .bullet-points .item{display:grid;text-align:center}#landingpage .content .bullet-points .item span:nth-of-type(1){color:rgba(0,0,0,0.87);font-size:24px;font-weight:300;letter-spacing:0.1em;line-height:28px;opacity:0.66;text-transform:uppercase}#landingpage .content .bullet-points .item span:nth-of-type(2){color:rgba(0,0,0,0.87);font-size:48px;letter-spacing:-2px;line-height:56px}#landingpage .content .bullet-points .item span:nth-of-type(3){color:rgba(0,0,0,0.87);font-size:14px;font-weight:500;letter-spacing:-1px;line-height:16px}#landingpage .content .vision{position:sticky;text-align:center;display:inline-block;width:100%;margin-bottom:160px}#landingpage .content .vision svg{z-index:0;width:100vw;margin-left:calc(-100vw / 2);position:absolute}#landingpage .content .vision svg path{z-index:0}#landingpage .content .vision .vision-content{z-index:1;position:relative}#landingpage .content .vision .vision-content .vision-header{margin-top:172px;font-weight:900;font-size:68px;line-height:80px;color:#161d61}#landingpage .content .vision .vision-content .vision-statement{font-size:18px;line-height:21px}#landingpage .content .vision .vision-content .vision-blocks{width:100%;display:flex;flex-flow:wrap;justify-content:space-between}#landingpage .content .vision .vision-content .vision-blocks .vision-block{width:335px;margin:62px}#landingpage .content .vision .vision-content .vision-blocks .vision-block .vision-block-title{text-transform:uppercase;color:#161d61;letter-spacing:-2px;font-size:48px;line-height:56px;font-weight:bold}#landingpage .content .vision .vision-content .vision-blocks .vision-block .vision-block-content{font-size:18px;line-height:133%}#landingpage .content .mood{text-align:center;margin-bottom:32px;margin-bottom:80px}#landingpage .content .mood .mood-cards{display:inline-flex;align-items:center;justify-content:space-between;margin:0 150px;width:calc(100% - 300px);position:relative}#landingpage .content .mood .mood-cards .material-card{display:block;align-items:initial;width:300px;z-index:1}#landingpage .content .mood .mood-cards .material-card img{box-shadow:none;border:0;border-radius:0}#landingpage .content .mood .mood-cards .material-card .mood-card-type{width:60px;text-align:start;font-weight:bold;font-size:32px;line-height:32px}#landingpage .content .mood .mood-cards .material-card .mood-card-type .mode{margin-top:-8px;font-weight:normal;font-size:15px;text-align:justify;letter-spacing:6px}#landingpage .content .mood .mood-cards .material-card .mood-card-footer{display:flex}#landingpage .content .mood .mood-cards .material-card .mood-card-footer .specifications{display:grid;height:60px;margin-top:16px;grid-template-columns:repeat(2, 1fr);justify-items:left;align-items:self-end;flex-wrap:wrap;width:calc(100% - 75px)}#landingpage .content .mood .mood-cards .material-card .mood-card-footer .specifications .spec-item{height:30px;font-size:11px;display:inline-grid;line-height:15px;justify-items:left}#landingpage .content .mood .mood-cards .material-card .mood-card-footer .specifications .spec-item span:first-of-type{font-weight:bold}#landingpage .content .mood .mood-cards .material-card .mood-card-footer .outline{display:flex;place-self:flex-end;color:#c4c4c4}#landingpage .content .mood .mood-cards .mood-separator{z-index:0;display:grid;height:120px;width:120px;align-content:center;justify-content:center;border-radius:188px;border:1px dashed #c4c4c4;margin:0 -40px;padding:120px}#landingpage .content .mood .mood-cards .mood-separator span{display:block;width:inherit}#landingpage .content .mood .mood-cards .mood-separator span:first-of-type{color:#03a9f4;font-weight:bold;font-size:16px;line-height:15px}#landingpage .content .mood .mood-cards .mood-separator span:last-of-type{font-size:12px;color:#0c0c0c;opacity:0.4}#landingpage .content .mood .mood-cards .mood-separator .mood-separator-arrow{color:#c4c4c4}#landingpage .content .mood .mood-cards .mood-separator .mood-separator-arrow.right{margin-top:-118px}#landingpage .content .mood .mood-cards .mood-separator .mood-separator-arrow.left{margin-bottom:-118px;align-self:end}#landingpage .content .specifications{display:grid;grid-template-columns:repeat(5, 1fr)}#landingpage .content .specifications .specifications-components{grid-column:1 / span 3;margin-right:24px}#landingpage .content .specifications .component-list{display:grid;row-gap:8px;grid-template-columns:repeat(5, 1fr);font-size:18px;line-height:21px}#landingpage .content .specifications .component-list .spec-title{grid-column:1;margin-right:24px;margin-top:16px;text-transform:uppercase;opacity:0.4}#landingpage .content .specifications .component-list .spec-content{grid-column:2 / span 4;font-weight:bold;margin-top:16px}#landingpage .content .specifications .component-list .spec-content .spec-content-additional{font-weight:normal}#landingpage .content .specifications .component-list .spec-content .spec-content-additional ul{margin-bottom:0;margin-left:16px}#landingpage .content .specifications .component-list .spec-content .spec-content-additional ul li{margin-bottom:0}#landingpage .content .specifications .component-list .spec-content .spec-content-additional ul li::marker{content:"- "}#landingpage .content .specifications .specifications-form-factor{grid-column:4 / span 2}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid{display:grid;margin-left:42px}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid .sff-description{display:grid}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid .sff-description span:first-of-type{font-size:1.525em;line-height:24px;grid-column:1;text-transform:uppercase;opacity:0.4;align-self:self-end}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid .sff-description span:last-of-type{font-weight:bold;font-size:1.425em;word-spacing:-4px}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid .sff-width{grid-column:1 / span 2}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid svg#zen{grid-column:1;height:100px;width:200px;margin-bottom:32px}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid .sff-height{grid-column:2;margin-left:14px}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid svg#depth{grid-column:1;height:200px;width:200px;margin-bottom:32px}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid .sff-depth{grid-column:2;margin-left:14px}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid svg#weight{grid-column:1 / span 2;height:200px;width:100%}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid .sff-weight{grid-column:1 / span 2;justify-content:center;margin-top:-24px}#landingpage .content .specifications .specifications-form-factor img{box-shadow:none;border:0;border-radius:0}#landingpage .content .faq-list{margin:0 72px}#landingpage .content .blue3d{text-decoration:none}#landingpage .content .blue3d .blue3d-container{align-items:flex-end;background-image:url("../jpg/blue_3d.jpg");background-position:bottom;background-size:cover;display:flex;height:390px;margin:auto;margin-top:62px;padding:0;width:720px}#landingpage .content .blue3d .blue3d-container .blue3d-description{display:flex;align-items:center;justify-content:space-between;background-color:#000000ab;color:#ffffff;height:60px;width:100%}#landingpage .content .blue3d .blue3d-container .blue3d-description svg{fill:white;height:32px;width:32px;min-width:32px}#landingpage .content .material-card>p:last-child{margin-bottom:0}#landingpage .fab{background-color:#03a9f4;border-radius:62px;bottom:16px;display:flex;box-shadow:rgba(0,0,0,0.2) 0px 7px 8px -4px,rgba(0,0,0,0.14) 0px 12px 17px 2px,rgba(0,0,0,0.12) 0px 5px 22px 4px;box-sizing:border-box;color:#ffffff;cursor:pointer;display:inline-flex;float:right;font-size:12.25px;font-weight:400;font-weight:bold;line-height:32px;padding:8px 16px 4px;position:fixed;right:24px;z-index:1111}#landingpage .fab svg{margin-top:4px}#landingpage #buy-dialog{z-index:1000;display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#000;background-color:rgba(0,0,0,0.4)}#landingpage #buy-dialog .dialog-content{border-radius:8px;margin:auto;width:600px;padding:0;overflow-y:auto;display:flex;flex-flow:column;justify-content:space-between}#landingpage #buy-dialog .dialog-content .close-container{position:fixed;float:right;width:615px;text-align:right;margin-top:-17px}#landingpage #buy-dialog .dialog-content .close-container .dialog-close{cursor:pointer;font-size:32px;background-color:#ffffff;border-radius:100px;height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center}#landingpage #buy-dialog .dialog-content .dialog-header{display:flex;justify-content:space-between;padding:24px 24px 0px;font-weight:bold;font-size:24px}#landingpage #buy-dialog .dialog-content .dialog-header svg{width:32px;height:32px;cursor:pointer}#landingpage #buy-dialog .dialog-content .distributors details{width:100%;justify-content:space-between;padding:16px 24px;color:#222222;margin:auto}#landingpage #buy-dialog .dialog-content .distributors details summary.region{cursor:pointer;display:list-item}#landingpage #buy-dialog .dialog-content .distributors a{text-decoration:none}#landingpage #buy-dialog .dialog-content .distributors a .distributor{width:100%;display:flex;justify-content:space-between;padding:16px 24px;color:#222222;margin:auto}#landingpage #buy-dialog .dialog-content .distributors a .distributor svg{height:100%;align-self:center}#landingpage #buy-dialog .dialog-content .distributors a .distributor div{display:grid;line-height:20px}#landingpage #buy-dialog .dialog-content .distributors a .distributor div div:nth-of-type(1){align-content:center;grid-column:1;grid-row:1 / span 2;margin-right:8px}#landingpage #buy-dialog .dialog-content .distributors a .distributor div div:nth-of-type(2){grid-column:2}#landingpage #buy-dialog .dialog-content .distributors a .distributor div div:nth-of-type(3){grid-column:2;color:darkslategrey;font-size:small}#landingpage #buy-dialog .dialog-content .distributors a .distributor:hover{border-color:#03a9f4}#landingpage #buy-dialog .dialog-content .box-contents{margin:0 16px 32px}#landingpage #buy-dialog .dialog-content .box-contents ul{margin:12px 0 12px 24px;color:darkslategrey;font-size:small}#landingpage #buy-dialog .dialog-content .box-contents ul li{margin-bottom:4px}#landingpage #buy-dialog .dialog-content .box-contents .ul-sub{margin:0 0 0 16px}#landingpage #buy-dialog .dialog-content .tip{color:darkslategrey;font-size:small;text-align:center;padding:12px 62px 12px;margin-top:16px;border-top:1px darkslategrey solid}@media only screen and (max-width: 1024px){#landingpage .section-content{width:100%;padding:32px 8px}#landingpage .section-content .header{width:100%}#landingpage .section-content .section-inner{flex-direction:column-reverse !important;padding:32px 0}#landingpage .section-content .section-inner img{max-width:100%}#landingpage .section-content .section-inner .section-inner-content{margin-bottom:16px}}@media only screen and (max-width: 480px){#landingpage .site-header{background-color:#ffffffe8;transition:background-color 0.5s}#landingpage .site-header ul{margin:0 4px;width:calc(100% - 8px)}#landingpage .page-content{margin-top:0;height:100%}#landingpage .grid-wrapper{margin-left:0;width:100%}#landingpage .banner{margin-bottom:8px;height:500px}#landingpage .banner img{height:500px}#landingpage .banner .title{width:100%;left:unset;font-size:2em;line-height:1em}#landingpage .banner .title svg{width:152px;height:122px}#landingpage .banner .title svg text{font-size:65px}#landingpage .banner .wide{line-height:1em}#landingpage .button-row-with-icon{display:flex;flex-direction:column}#landingpage .button-row-with-icon .button-icon{width:calc(100% - 8px);margin:2px 4px}#landingpage .section-content .section-inner .section-inner-content{width:100%}#landingpage .content{margin:0 8px}#landingpage .content .sub-title{font-size:24px;line-height:28px}#landingpage .content .banner-overlay{margin:-116px auto 0;display:block;width:100%;padding:0;padding-bottom:2px}#landingpage .content .banner-overlay .energy-button-getting-started .banner-overlay-button{margin:8px;position:unset;width:calc(100% - 16px)}#landingpage .content .banner-overlay .banner-overlay-header{padding-left:8px;padding-top:8px}#landingpage .content .banner-overlay .banner-overlay-content{padding-left:8px;width:100%}#landingpage .content .banner-overlay .secondary{display:none}#landingpage .content .banner-overlay .banner-overlay{margin:0;margin-top:12px;width:100%}#landingpage .content .banner-overlay .banner-overlay .banner-overlay-images{margin-top:-42px;margin-left:-8px}#landingpage .content .banner-overlay-disclaimer{margin:12px auto 12px}#landingpage .content .bullet-points{margin:48px 0 24px}#landingpage .content .bullet-points .item span:nth-of-type(1){font-size:16px;line-height:16px}#landingpage .content .bullet-points .item span:nth-of-type(2){font-size:32px;line-height:32px}#landingpage .content .bullet-points .item span:nth-of-type(3){font-size:12px;line-height:12px}#landingpage .content .vision{margin-bottom:0}#landingpage .content .vision svg{display:none}#landingpage .content .vision .vision-content{margin-top:28px}#landingpage .content .vision .vision-content .vision-header{font-size:34px;line-height:40px;margin-top:8px}#landingpage .content .vision .vision-content .vision-statement{font-size:12px;line-height:14px}#landingpage .content .vision .vision-content .vision-blocks .vision-block{width:100%;margin:9px}#landingpage .content .vision .vision-content .vision-blocks .vision-block .vision-block-title{font-size:24px;line-height:28px}#landingpage .content .vision .vision-content .vision-blocks .vision-block .vision-block-content{display:none}#landingpage .content .mood .mood-cards{display:inline-grid;margin:0;width:100%}#landingpage .content .mood .mood-cards .material-card{width:100% !important;display:block;height:auto !important;margin:0 !important;z-index:4}#landingpage .content .mood .mood-cards .material-card img{max-height:180px}#landingpage .content .mood .mood-cards .material-card .mood-card-footer .specifications{display:none}#landingpage .content .mood .mood-cards .mood-separator{margin:-80px calc((100% / 2) - 120px)}#landingpage .content .mood .mood-cards .mood-separator .mood-separator-arrow{display:none}#landingpage .content .faq-list{margin:0}#landingpage .content .specifications{display:block}#landingpage .content .specifications h3{text-align:center}#landingpage .content .specifications .component-list{grid-template-columns:repeat(1, 1fr)}#landingpage .content .specifications .component-list .spec-title,#landingpage .content .specifications .component-list .spec-content{grid-column:1}#landingpage .content .specifications .component-list .spec-title{margin-top:8px}#landingpage .content .specifications .component-list .spec-content{margin-top:-4px}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid{margin-left:0}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid .sff-width{margin-left:50px}#landingpage .content .specifications .specifications-form-factor .specifications-form-factor-grid .sff-description span:last-of-type{font-size:16px}#landingpage .fab{bottom:12px;right:12px}#landingpage #buy-dialog{padding-top:0}#landingpage #buy-dialog .dialog-content{border-radius:0;height:100vh;width:100vw;padding-bottom:64px;display:block}#landingpage #buy-dialog .dialog-content .tip{margin:32px 8px 8px 8px}#landingpage .blue3d .blue3d-container{width:100% !important}#landingpage .blue3d .blue3d-container .blue3d-description{height:auto !important}#landingpage .blue3d .blue3d-container .blue3d-description i{align-self:center}}@media only screen and (max-width: 1023px){#landingpage .banner-overlay{display:block !important}#landingpage .banner-overlay .box{position:relative !important;margin:10px auto -22px !important}#landingpage .page-content .content .bullet-points{margin:48px 0 24px}#landingpage .page-content .content .vision{margin-top:-200px}#landingpage .page-content .content .vision .vision-content{padding-top:200px}#landingpage .page-content .content .vision .vision-content .vision-blocks{margin:32px 0}#landingpage .page-content .content .vision .vision-content .vision-blocks .vision-block{margin:8px !important}#landingpage .page-content .content .vision .vision-content .vision-blocks .vision-block .vision-block-content{display:none}#landingpage .page-content .content .mood .mood-cards{margin:0;width:inherit}#landingpage .page-content .content .mood .mood-cards .material-card{height:300px;width:230px;margin:0 24px}#landingpage .page-content .content .specifications{margin:0 16px}}#components-page .filter-button-group label{font-size:.75rem;font-weight:500;letter-spacing:.005em;color:#555;padding-top:8px;text-transform:uppercase}#components-page .component-search{margin-bottom:24px;min-height:80px}#components-page .component-search input{width:100%;padding:10px;background-color:#fefefe;border-radius:8px;border:1px solid;border-color:#7c7c7c #c3c3c3 #ddd}@media only screen and (min-width: 1024px){#components-page .grid-filters{display:flex}}#components-page .integration-filter-radio{display:flex;border:none;padding:0;grid-gap:10px}#components-page .filter-button{display:flex;align-items:center;margin-bottom:0;width:fit-content;font-size:1rem;box-shadow:none;background-color:#007fa8;color:white;border-radius:24px}#components-page .filter-button input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:16px;display:block;margin-left:10px;flex-shrink:0;height:1rem;width:1rem;border-radius:100%;border-color:transparent;background-color:white}#components-page .filter-button input:checked{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23007fa8%22%20transform%3D%22rotate(90)%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}#components-page .filter-button label{display:block;width:100%;padding:4px 16px 4px 10px}#components-page .integration-filter.integration-filter-select{position:relative}#components-page .integration-filter.integration-filter-select::after{content:" ";position:absolute;top:50%;margin-top:2px;right:8px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid black}#components-page .integration-filter.integration-filter-select .ha_category{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#222;width:100%;margin-bottom:15px;text-align-last:center;font-size:16px;line-height:24px;border:2px solid #007fa8;border-top-right-radius:0px;border-top-left-radius:0px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top:0;position:relative;top:-2px;padding:5px 5px 2px}#components-page .integration-filter.integration-filter-select .ha_category:focus-visible{outline:none}#components-page .filter-title{background:#007fa8;color:white;text-align:center;border-top-right-radius:5px;border-top-left-radius:5px;padding:5px;margin-top:0;margin-bottom:-2px;text-transform:capitalize;font-size:18px;position:relative;z-index:1}#components-page .active-filter{margin:10px 5px 0px 0px;padding:5px 10px;min-width:100px;background-color:#007fa8;border-radius:28px;border:none;color:white;font-size:14px;letter-spacing:0.5px;text-transform:capitalize;line-height:18px}#components-page .active-filter span{display:flex;align-items:center}#components-page .active-filter iconify-icon{display:inline-block;margin-left:5px}#components-page select{font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;border:0;background-color:#eee;border-radius:16px;padding:4px 16px}#components-page .category_select{display:none}.hass-option-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:24px}.hass-option-cards div.alert,.hass-option-cards p.alert-content{width:100%}.hass-option-cards div.alert{text-align:center}.hass-option-cards .option-card{flex:0 0 auto;aspect-ratio:1;display:inline-block;background-color:#f8f8f8;border-radius:8px;border:1px solid rgba(0,0,0,0.12);padding:8px;text-align:center;text-decoration:none;align-content:center;transition:box-shadow .33s}.hass-option-cards .option-card .img-container{height:64px;margin:12px 16px;font:0/0 a;border-radius:0}.hass-option-cards .option-card .img-container:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.hass-option-cards .option-card .img-container img{max-width:100%;max-height:64px;box-shadow:none;border:none;border-radius:0;vertical-align:middle}.hass-option-cards .option-card .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;font-size:16px;color:#000;line-height:1.25em;height:40px;margin-top:20px;padding:0 8px}.hass-option-cards.show-items .option-card{opacity:0;-webkit-animation:new-item-animation 0.2s linear forwards;-o-animation:new-item-animation 0.2s linear forwards;animation:new-item-animation 0.2s linear forwards}.hass-option-cards.remove-items .option-card{-webkit-animation:removed-item-animation 0.2s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;-o-animation:removed-item-animation 0.2s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;animation:removed-item-animation 0.2s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards}a.option-card:hover{z-index:2;box-shadow:0 -2px 4px rgba(0,255,255,0.05),0 12px 24px rgba(0,28,51,0.25)}.option-card:nth-child(1){animation-delay:.025s !important}@media only screen and (max-width: 480px){.option-card:nth-child(1){animation-delay:.05s !important}}.option-card:nth-child(2){animation-delay:.05s !important}@media only screen and (max-width: 480px){.option-card:nth-child(2){animation-delay:.1s !important}}.option-card:nth-child(3){animation-delay:.075s !important}@media only screen and (max-width: 480px){.option-card:nth-child(3){animation-delay:.15s !important}}.option-card:nth-child(4){animation-delay:.1s !important}@media only screen and (max-width: 480px){.option-card:nth-child(4){animation-delay:.2s !important}}.option-card:nth-child(5){animation-delay:.125s !important}@media only screen and (max-width: 480px){.option-card:nth-child(5){animation-delay:.25s !important}}.option-card:nth-child(6){animation-delay:.15s !important}@media only screen and (max-width: 480px){.option-card:nth-child(6){animation-delay:.3s !important}}.option-card:nth-child(7){animation-delay:.175s !important}@media only screen and (max-width: 480px){.option-card:nth-child(7){animation-delay:.35s !important}}.option-card:nth-child(8){animation-delay:.2s !important}@media only screen and (max-width: 480px){.option-card:nth-child(8){animation-delay:.4s !important}}.option-card:nth-child(9){animation-delay:.225s !important}@media only screen and (max-width: 480px){.option-card:nth-child(9){animation-delay:.45s !important}}.option-card:nth-child(10){animation-delay:.25s !important}@media only screen and (max-width: 480px){.option-card:nth-child(10){animation-delay:.5s !important}}.option-card:nth-child(11){animation-delay:.275s !important}@media only screen and (max-width: 480px){.option-card:nth-child(11){animation-delay:.55s !important}}.option-card:nth-child(12){animation-delay:.3s !important}@media only screen and (max-width: 480px){.option-card:nth-child(12){animation-delay:.6s !important}}.option-card:nth-child(13){animation-delay:.325s !important}@media only screen and (max-width: 480px){.option-card:nth-child(13){animation-delay:.65s !important}}.option-card:nth-child(14){animation-delay:.35s !important}@media only screen and (max-width: 480px){.option-card:nth-child(14){animation-delay:.7s !important}}.option-card:nth-child(15){animation-delay:.375s !important}@media only screen and (max-width: 480px){.option-card:nth-child(15){animation-delay:.75s !important}}.option-card:nth-child(16){animation-delay:.4s !important}@media only screen and (max-width: 480px){.option-card:nth-child(16){animation-delay:.8s !important}}.option-card:nth-child(17){animation-delay:.425s !important}@media only screen and (max-width: 480px){.option-card:nth-child(17){animation-delay:.85s !important}}.option-card:nth-child(18){animation-delay:.45s !important}@media only screen and (max-width: 480px){.option-card:nth-child(18){animation-delay:.9s !important}}.option-card:nth-child(19){animation-delay:.475s !important}@media only screen and (max-width: 480px){.option-card:nth-child(19){animation-delay:.95s !important}}.option-card:nth-child(20){animation-delay:.5s !important}@media only screen and (max-width: 480px){.option-card:nth-child(20){animation-delay:1s !important}}.option-card:nth-child(21){animation-delay:.525s !important}@media only screen and (max-width: 480px){.option-card:nth-child(21){animation-delay:1.05s !important}}.option-card:nth-child(22){animation-delay:.55s !important}@media only screen and (max-width: 480px){.option-card:nth-child(22){animation-delay:1.1s !important}}.option-card:nth-child(23){animation-delay:.575s !important}@media only screen and (max-width: 480px){.option-card:nth-child(23){animation-delay:1.15s !important}}.option-card:nth-child(24){animation-delay:.6s !important}@media only screen and (max-width: 480px){.option-card:nth-child(24){animation-delay:1.2s !important}}.option-card:nth-child(25){animation-delay:.625s !important}@media only screen and (max-width: 480px){.option-card:nth-child(25){animation-delay:1.25s !important}}.option-card:nth-child(26){animation-delay:.65s !important}@media only screen and (max-width: 480px){.option-card:nth-child(26){animation-delay:1.3s !important}}.option-card:nth-child(27){animation-delay:.675s !important}@media only screen and (max-width: 480px){.option-card:nth-child(27){animation-delay:1.35s !important}}.option-card:nth-child(28){animation-delay:.7s !important}@media only screen and (max-width: 480px){.option-card:nth-child(28){animation-delay:1.4s !important}}.option-card:nth-child(29){animation-delay:.725s !important}@media only screen and (max-width: 480px){.option-card:nth-child(29){animation-delay:1.45s !important}}.option-card:nth-child(30){animation-delay:.75s !important}@media only screen and (max-width: 480px){.option-card:nth-child(30){animation-delay:1.5s !important}}.option-card:nth-child(31){animation-delay:.775s !important}@media only screen and (max-width: 480px){.option-card:nth-child(31){animation-delay:1.55s !important}}.option-card:nth-child(32){animation-delay:.8s !important}@media only screen and (max-width: 480px){.option-card:nth-child(32){animation-delay:1.6s !important}}.option-card:nth-child(33){animation-delay:.825s !important}@media only screen and (max-width: 480px){.option-card:nth-child(33){animation-delay:1.65s !important}}.option-card:nth-child(34){animation-delay:.85s !important}@media only screen and (max-width: 480px){.option-card:nth-child(34){animation-delay:1.7s !important}}.option-card:nth-child(35){animation-delay:.875s !important}@media only screen and (max-width: 480px){.option-card:nth-child(35){animation-delay:1.75s !important}}.option-card:nth-child(36){animation-delay:.9s !important}@media only screen and (max-width: 480px){.option-card:nth-child(36){animation-delay:1.8s !important}}.option-card:nth-child(37){animation-delay:.925s !important}@media only screen and (max-width: 480px){.option-card:nth-child(37){animation-delay:1.85s !important}}.option-card:nth-child(38){animation-delay:.95s !important}@media only screen and (max-width: 480px){.option-card:nth-child(38){animation-delay:1.9s !important}}.option-card:nth-child(39){animation-delay:.975s !important}@media only screen and (max-width: 480px){.option-card:nth-child(39){animation-delay:1.95s !important}}.option-card:nth-child(40){animation-delay:1s !important}@media only screen and (max-width: 480px){.option-card:nth-child(40){animation-delay:2s !important}}@media only screen and (max-width: 480px){.hass-option-cards{grid-template-columns:1fr}.hass-option-cards .option-card{width:100% !important;flex-direction:row;display:flex;align-items:center;height:80px}.hass-option-cards .option-card .img-container{margin:8px}.hass-option-cards .option-card .img-container img{max-width:48px;max-height:48px}.hass-option-cards .option-card .title{height:auto;margin:8px}#components-page .category_select{display:block}#components-page .category_list{display:none}}@media only screen and (max-width: 1023px){#components-page .filter-button-group{display:flex;flex-wrap:wrap;margin-bottom:16px;align-items:flex-end;gap:8px}#components-page .filter-button-group>div{margin-right:8px}#components-page .filter-button-group .btn{display:inline-block;margin-right:4px;margin-bottom:0;padding:4px 16px;font-size:1rem;background:#eee;box-shadow:none;color:#007fa8}#components-page .filter-button-group .btn.active{font-weight:bold}#components-page .category_select{display:block}#components-page .category_list{display:none}}@media only screen and (min-width: 1024px){#components-page .filter-button-group .active{font-weight:bold}#components-page .filter-button-group .featured{margin:12px 0}#components-page .filter-button-group .version_select{margin:12px 0 12px 0}#components-page .filter-button-group .version_select>select{width:100%}#components-page .filter-button-group .btn{font-size:1rem;display:block;background:0;color:black;box-shadow:none;text-shadow:none;padding:4px 0;border-radius:0}#components-page .filter-button-group .btn.current{font-weight:bold}}@keyframes new-item-animation{from{opacity:0}to{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes new-item-animation{from{opacity:0}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-o-keyframes new-item-animation{from{opacity:0}to{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes openspace{to{height:auto}}@-webkit-keyframes openspace{to{height:auto}}@-o-keyframes openspace{to{height:auto}}@keyframes removed-item-animation{from{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}to{opacity:0}}@-webkit-keyframes removed-item-animation{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0}}@-o-keyframes removed-item-animation{from{opacity:1;-o-transform:scale(1);transform:scale(1)}to{opacity:0}}#getting_started .installations .label{background:#e8e6f0;border-radius:4px;padding:6px 8px !important;margin-bottom:16px;text-transform:uppercase;font-size:16px;font-weight:500;width:fit-content}#getting_started .installations .label.easiest{color:#04b154}#getting_started .installations .label.easy{color:#02b0ff}#getting_started .installations .label.intermediate{color:#eb873f}#getting_started .installations .label.hard{color:#ff5454}#getting_started .installations .label.expert{color:#ff02b8}#getting_started .installations h2{margin:0}#getting_started .installations .installations-card{text-decoration:none !important;color:black !important;margin-bottom:32px}#getting_started .installations .installations-card .material-card{display:flex;flex-direction:row;justify-content:space-between;margin:8px 0}#getting_started .installations .installations-card .material-card h3{margin:0;margin-bottom:4px}#getting_started .installations .installations-card .material-card .content-container{display:flex;width:100%}#getting_started .installations .installations-card .material-card .content-container .image{margin-right:16px}#getting_started .installations .installations-card .material-card .content-container .image img{width:200px;height:200px;aspect-ratio:1 / 1;max-height:300px;border-radius:4px;vertical-align:middle;object-fit:cover;border:1px solid rgba(0,0,0,0.12)}#getting_started .installations .installations-card .material-card .content-container .icon{margin-right:16px;height:200px;width:200px;padding:40px;display:flex;justify-content:center;align-items:center;border-radius:4px;background-color:#c4c4c4}#getting_started .installations .installations-card .material-card .content-container .icon>*{border-radius:0;border:0;box-shadow:none;width:100%;height:auto}#getting_started .installations .installations-card .material-card .content-container .content{flex:1;padding:8px 0}#getting_started .installations .installations-card .material-card .content-container .content p{font-size:0.8em;margin:0}#getting_started .installations .installations-card .material-card .content-container .content b{font-size:0.7em}#getting_started .installations .installations-card .material-card .content-container .content .columns{display:flex;width:100%;margin-top:8px;gap:8px}#getting_started .installations .installations-card .material-card .content-container .content .columns>*{flex-basis:min-content;flex-grow:1}#getting_started .installations .installations-card .material-card .content-container .content ul{font-size:0.7em;margin:0}#getting_started .installations .installations-card .material-card .content-container .content ul li{margin-left:17px;margin-bottom:0}#getting_started .installations .installations-card .material-card .content-container .content .buttons{margin-top:16px;display:flex;flex-direction:column;align-items:flex-start}#getting_started .installations .installations-card .material-card .content-container .content .buttons .button{display:flex;align-items:center;padding-right:20px;border-radius:32px}#getting_started .installations .installations-card .material-card .content-container .content .buttons .button:not(:first-child){margin-top:12px}#getting_started .installations .installations-card .material-card .content-container .content .buttons .button iconify-icon.external-link{padding-top:4px}#getting_started .installations .installations-card .material-card .content-container .content .buttons .button svg{fill:#007fa8;height:24px;min-width:24px}#getting_started .installations .installations-card .material-card .content-container .content .buttons .button.accent{background-color:#34b155;color:white}#getting_started .installations .installations-card .material-card .content-container .content .buttons .button.accent svg{fill:white}#getting_started .compare-installations td,#getting_started .compare-installations th{text-align:center}#getting_started .compare-installations{background-color:#ffffff !important;border-radius:8px;border:1px solid rgba(0,0,0,0.12);box-shadow:rgba(0,0,0,0.06) 0 0 10px;margin-bottom:1.5rem}#getting_started .compare-installations table{margin-bottom:0}#getting_started .compare-installations td,#getting_started .compare-installations th{text-align:center}#getting_started .compare-installations tr td:first-of-type{text-align:left}#getting_started .compare-installations tr:nth-child(even){background-color:#fafafa}#getting_started .compare-installations iconify-icon{font-size:1.5em}.link-card{text-decoration:none !important;color:black !important}.link-card div{margin:32px 0;height:64px;display:flex;justify-content:space-between}.link-card div svg{height:32px;width:32px;max-width:32px}.link-card div p{margin:0;align-self:center}.next-step p{text-transform:uppercase}@media only screen and (max-width: 650px){#getting_started .installations .installations-card .material-card .content-container{flex-direction:column}#getting_started .installations .installations-card .material-card .content-container .image{width:100%;display:flex;justify-content:center;margin-right:0;margin-bottom:16px}#getting_started .installations .installations-card .material-card .content-container .image img{width:100%;height:unset}#getting_started .installations .installations-card .material-card .content-container .icon{width:100%;height:200px}#getting_started .installations .installations-card .material-card .content-container .icon *{height:100%;width:auto}}@media only screen and (max-width: 500px){#getting_started .installations .installations-card .material-card .content-container .columns{flex-direction:column}}.pull-left{float:left}.pull-right{float:right}.clearfix,article blockquote{*zoom:1}.clearfix::before,article blockquote::before,.clearfix::after,article blockquote::after{display:table;content:"";line-height:0}.clearfix::after,article blockquote::after{clear:both}ul.unstyled,ul.inline,article ul.tags,ul.divided,ol.unstyled,ol.inline,article ol.tags,ol.divided{list-style-type:none;margin:0}ul.inline,article ul.tags,ol.inline,article ol.tags{list-style-type:none}ul.inline>li,article ul.tags>li,ol.inline>li,article ol.tags>li{display:inline}ul.divided>li,ol.divided>li{border-top:1px solid #fff;border-bottom:1px solid #eee;padding:0.5em 0}ul.divided>li:first-child,ol.divided>li:first-child{border-top:none;padding-top:0}ul.divided>li:last-child,ol.divided>li:last-child{border-bottom:none}.btn{background-color:#15b7ed;background-image:-moz-linear-gradient(top, #1abcf2, #0dafe5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#1abcf2), to(#0dafe5));background-image:-webkit-linear-gradient(top, #1abcf2, #0dafe5);background-image:-o-linear-gradient(top, #1abcf2, #0dafe5);background-image:linear-gradient(to bottom, #1abcf2, #0dafe5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1ABCF2', endColorstr='#FF0DAFE5', GradientType=0);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.25);-moz-box-shadow:0 0 3px rgba(0,0,0,0.25);-ms-box-shadow:0 0 3px rgba(0,0,0,0.25);-o-box-shadow:0 0 3px rgba(0,0,0,0.25);box-shadow:0 0 3px rgba(0,0,0,0.25);border-radius:24px;color:#fff;display:inline-block;padding:6px 20px 8px;text-decoration:none}.btn:hover{text-decoration:underline}.btn:visited{color:#fff}.btn--full{width:100%;padding-right:0;padding-left:0;text-align:center}.grid{letter-spacing:-1rem}.opera:-o-prefocus,.grid{word-spacing:-1rem}.grid__item{letter-spacing:normal;word-spacing:normal}@media only screen and (min-width: 481px){.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex__item{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}}.docsearch .DocSearch-Button{background:none}@media only screen and (max-width: 1023px){.docsearch .DocSearch-Button{padding:0px;margin:8px 24px}}@media only screen and (min-width: 1024px){.docsearch .DocSearch-Button{padding:0px;margin-top:16px;margin-left:8px;margin-right:0px}}.docsearch .DocSearch-Button:hover{box-shadow:none}.docsearch .DocSearch-Button-Placeholder{display:none}.docsearch .DocSearch-Button-Keys{display:none}.docsearch .DocSearch-Search-Icon{margin-right:8px;color:#007fa8}.DocSearch-Container{z-index:1000}h1.title.indent{font-size:3.5rem}.title.delta,.title.epsilon{border-bottom:none;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#555}.title.indent::before{content:"";color:#1abcf2}@media only screen and (max-width: 1024px){html{font-size:.95rem}h1.title.indent{font-size:3rem;overflow-wrap:break-word;hyphens:auto}}.grid-wrapper{padding:0 24px}@media only screen and (min-width: 1024px){.grid-wrapper{padding:0 48px}}@media only screen and (min-width: 1280px){.integration-page .grid-wrapper>.grid.grid-center,.documentation-page .grid-wrapper>.grid.grid-center,.blog-index .grid-wrapper>.grid.grid-center,.blog-category .grid-wrapper>.grid.grid-center{display:flex;flex-direction:row-reverse;justify-content:flex-end}#sidebar .vertical-nav,#sidebar .recent-categories,#sidebar .blog-index .recent-posts,#sidebar .categories{background:none;padding:0 16px 0 0}.documentation-page #sidebar #toc-module,.blog-index #sidebar #toc-module{display:none}}.docs-index{margin:0}.docs-index>li{list-style-type:none;font-size:1.5rem;font-weight:600}.docs-index>li>iconify-icon{margin:2px 8px 0 0;transform-origin:left;transform:scale(1) translateY(10px);background:#007fa8;color:white;padding:10px;border-radius:32px}.docs-index>li>a{text-decoration:none !important}.docs-index>li>a::after{content:'▸'}.docs-index>li>ul{font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:500;text-transform:none;display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));column-gap:24px;margin:0 0 0 28px;margin:16px 0 48px !important;padding:20px 24px;background:rgba(0,0,0,0.01);border-radius:16px;border:1px solid rgba(0,0,0,0.1)}.docs-index>li>ul a{text-decoration:none !important}.docs-index>li>ul>li{list-style-type:none}.docs-index>li>ul>li>ul{margin-left:20px;font-size:.85rem;font-weight:normal}.docs-index>li>ul>li>ul>li{margin:4px 0}.docs-index>li>ul>li>ul>li:first-child{margin-top:8px}.docs-index>li>ul>li>ul>li:nth-child(1n+7){display:none}.docs-index>li>ul>li>ul>li:nth-child(6)::before{content:'More...'}.docs-index>li>ul>li>ul>li:nth-child(6)>a{display:none}.docs-index>li>ul>li>ul>li:last-child{margin-bottom:16px}.vertical-nav .divided.sidebar-menu>li iconify-icon{margin-right:8px}.vertical-nav .divided.sidebar-menu>li ul{list-style-type:none;margin:16px 0 16px 28px}.vertical-nav .divided.sidebar-menu>li ul li{margin:8px 0}.vertical-nav .divided.sidebar-menu>li>ul{margin:16px 0 8px 28px}#toc-bar{display:none;position:sticky;top:80px;padding-left:32px}#toc-bar .aside-module{background:none;padding:0}@media only screen and (min-width: 1280px){.documentation-page #toc-bar,.integration-page #toc-bar,.blog-index #toc-bar{display:inline-block}#integration-sidebar #toc-module{display:none}.documentation-page #sidebar #toc-module{background:none;padding:0}}article>ol{counter-reset:my-awesome-counter;list-style:none;margin-left:3rem}article>ol>li{margin-left:-0.25rem;counter-increment:my-awesome-counter;position:relative}article>ol>li::before{content:counter(my-awesome-counter);color:white;font-size:1.25rem;font-weight:600;position:absolute;left:-2.75rem;top:-.1rem;line-height:2rem;width:2rem;height:2rem;background:#999;border-radius:50%;text-align:center;transition:background 1s}article>ol:hover>li::before{background:#007fa8}article>ol:hover>li:hover::before{background:#1abcf2}ul,ol,dd{margin-left:2rem}.menu li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;padding:29px 0px 12px;margin:0 14px 27px;text-decoration:none;font-size:14px;line-height:1}.menu li iconify-icon{height:14px;margin-top:-2px}.menu li ul iconify-icon{height:16px;padding-top:2px;padding-right:8px}.menu>li>a{font-weight:500;transition:box-shadow .33s}.menu>li>a:hover,.menu>li>a:focus{background:none;box-shadow:inset 0px -5px #1abcf2;color:#007fa8;padding-bottom:12px;margin-bottom:27px}.menu>li>a.active{font-weight:bold}.dark .menu>li>a:hover,.dark .menu>li>a:focus{box-shadow:inset 0px -5px rgba(255,255,255,0.5)}.site-header{position:relative}.site-header .site-title{display:flex;align-items:center;font-weight:normal}header .breadcrumbs{color:#999;font-size:.9rem;padding-bottom:24px}header .breadcrumbs a{color:#999;text-decoration:none !important;font-weight:600}@media only screen and (min-width: 1024px){#components-page .filter-button-group{max-height:calc(100vh - 200px);overflow:auto}}.count{font-size:.8rem;background:#eee;color:#555;padding:1px 4px;border-radius:8px}.page-content>footer{margin-top:194px !important}.page-content>footer .skyline.grid{position:relative}.page-content>footer .skyline.grid .grid__item{background-image:url(../svg/footer-skyline.svg);background-repeat:no-repeat;background-size:740px auto;background-position-x:24px;position:absolute;top:-130px;height:130px;width:calc(100% + 24px)}.page-content>footer .footer-nav{padding:40px 0;margin:0 -24px;text-align:left}.page-content>footer .footer-nav h3{text-transform:uppercase;font-size:.9rem;letter-spacing:0.005em;margin-bottom:8px}.page-content>footer .footer-nav ul{padding-bottom:24px}.page-content>footer .footer-nav .company{padding-bottom:24px}.page-content>footer .footer-nav .company .title{font-size:1.5em;padding-bottom:24px}.page-content>footer .footer-nav .company img{vertical-align:middle;height:72px}.page-content>footer .footer-nav .socials .icons{margin:-16px 0 16px 0}.page-content>footer .footer-nav .socials .icons iconify-icon{font-size:2em;margin-top:12px;padding-right:8px}@media only screen and (min-width: 1024px){.page-content>footer .footer-nav .socials .web-notice{text-align:right}.page-content>footer .footer-nav .socials .web-notice p{color:#555;font-size:.8rem;line-height:1.25;margin-bottom:16px}}.page-content>footer .footer-nav ul{margin:0;list-style:none}.page-content>footer .footer-nav ul li{padding-bottom:4px}@media only screen and (max-width: 1024px){.feedback{margin-bottom:32px}}.material-card{position:relative;background-color:#fff;border-radius:16px;border:1px solid rgba(0,0,0,0.12);transition:box-shadow .5s}.material-card h1{font-family:"Figtree","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:1.3125rem;font-weight:600;letter-spacing:-0.012em;line-height:40px;color:#212121;margin:-8px 0 0}.material-card h1 iconify-icon{margin-right:8px}.material-card.text{padding:24px;font-size:1rem}.material-card.text h1{padding:0px 0px 12px}.material-card.text>svg{margin-top:-8px;margin-right:-8px}.material-card .links{margin-top:12px;margin-right:-8px;margin-bottom:-8px;font-size:.9rem;text-align:right}.material-card .links a{background:#e8edf0;font-family:"Figtree","Helvetica Neue",Arial,sans-serif;text-decoration:none;font-weight:650;text-transform:uppercase;display:inline-block;margin:4px;padding:6px 16px;border-radius:16px}@media screen and (max-width: 480px){.material-card .links{margin-left:0}}a.material-card:hover{z-index:2;box-shadow:0 0 1px rgba(0,0,0,0.5),0 -4px 8px rgba(0,255,255,0.1),0 32px 64px rgba(0,28,51,0.5)}#archive-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:24px}#archive-list h2{grid-column:1/-1;margin:16px 0 0}#archive-list a{text-decoration:none}#archive-list .material-card .img{background-color:#eee;width:calc(100%-8px);background-size:cover;background-position:center;border-radius:8px;margin:4px}#archive-list .material-card .caption{padding:8px 16px 12px;display:flex;justify-content:space-between;align-items:center;font-size:1rem}#archive-list .material-card .caption .title{font-weight:500;margin-bottom:4px}#archive-list .material-card .caption .subtitle{font-size:.85em;color:#555}#archive-list .material-card svg{min-width:24px;height:24px}.feedback{margin-top:64px}.feedback h4{margin:0 0 8px !important}.feedback h4 a{text-decoration:none !important;color:#000}.feedback .links a{font-weight:400;text-transform:none}.installation-survey{padding-bottom:64px}.installation-survey h4{margin:0 0 8px !important}.installation-survey h4 a{text-decoration:none !important;color:#000}.installation-survey p{margin-bottom:8px}.button{position:relative;cursor:pointer;font-family:"Figtree","Helvetica Neue",Arial,sans-serif;font-size:1.1rem;font-weight:650;padding:12px 24px;color:#007fa8;background-color:#e8edf0;border:none;text-decoration:none !important;border-radius:24px;margin:8px 0;transition:box-shadow .33s}.button::before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0.2;border-radius:4px}.button:hover{box-shadow:0 0 1px rgba(0,0,0,0.5),0 -1px 2px rgba(0,255,255,0.05),0 12px 24px rgba(0,28,51,0.2)}.button:hover::before{background-color:rgba(255,255,255,0.8)}.button:focus{outline:none}.button:focus::before{background-color:white}.button:active::before{background-color:grey}:host([active]) .button{color:rgba(0,0,0,0.38);background-color:rgba(0,0,0,0.12);box-shadow:none;cursor:unset;pointer-events:none}.button.hidden{display:none}.hero{display:flex}.frontpage .material-card{margin-bottom:24px}.frontpage .recent-posts .blog-date{white-space:nowrap}.frontpage .recent-posts ol{margin:0}.frontpage .highlight-blog-post{padding:24px;text-decoration:none;color:white;transition:background-color 0.5s, box-shadow 0.5s;background-color:#1abcf2;display:flex;padding:20px 12px 20px 24px;align-items:center;gap:10px;align-self:stretch}.frontpage .highlight-blog-post p{font-size:1rem;margin:10px 0 0 0}.frontpage .highlight-blog-post p.lead{font-family:"Figtree","Helvetica Neue",Arial,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.15;margin-top:0}.frontpage .highlight-blog-post:hover{background-color:#04b3f9}.frontpage .highlight-blog-post iconify-icon{vertical-align:middle}.frontpage .highlight-detail-post{padding:24px;text-decoration:none;color:white;transition:background-color 0.5s, box-shadow 0.5s;background-color:#006895;box-shadow:inset 0 0 64px #038fc7;font-size:1.5rem;animation-name:box-shadow-color;animation-duration:5s;animation-iteration-count:infinite;animation-direction:alternate}.frontpage .highlight-detail-post .caption{padding-bottom:24px}.frontpage .highlight-detail-post .caption p{font-family:"Figtree","Helvetica Neue",Arial,sans-serif;font-size:1.25rem;font-weight:600;margin:0;line-height:1.2}.frontpage .highlight-detail-post .caption p strong{font-size:1.75rem;font-weight:800}.frontpage .highlight-detail-post .detail-feature{display:flex;align-items:flex-start;gap:16px;align-self:stretch}.frontpage .highlight-detail-post .detail-feature p{font-size:0.875rem}.frontpage .highlight-detail-post .detail-feature p.lead{font-size:1rem;margin-bottom:4px;font-weight:500}.frontpage .highlight-detail-post .detail-feature iconify-icon{padding:8px;border-radius:50%;background:rgba(0,0,0,0.15);color:white}@keyframes box-shadow-color{from{box-shadow:inset 0 0 64px #0391c9}to{box-shadow:inset 0 0 64px #00b374}}.frontpage .events{padding:16px}.frontpage .events h3{margin-top:8px}.frontpage .events .event{display:flex;flex-wrap:wrap-reverse;align-items:center;text-decoration:none;color:inherit}.frontpage .events .event .caption{padding:0 12px;max-width:450px}.frontpage .events .event .title{font-size:20px;font-weight:400}.frontpage .events .event .secondary{color:rgba(0,0,0,0.54);font-size:14px;font-weight:500}.frontpage .events .event .subtitle{font-size:12px;font-weight:initial}.frontpage .events .event img{width:200px;height:100%}.frontpage .picture-promo{display:block;padding-top:33%;background-size:cover;background-position:center;text-decoration:none;border:none}.frontpage .picture-promo .caption{padding:48px 24px 24px 24px;background:#000;background:linear-gradient(180deg, transparent 0%, #000 100%);color:white;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;justify-content:space-between;align-items:center}.frontpage .picture-promo .caption .title{font-family:"Figtree","Helvetica Neue",Arial,sans-serif;font-size:1.5rem;font-weight:700;line-height:normal}.frontpage .picture-promo .caption .subtitle{margin-top:8px;line-height:1.5rem;font-size:1rem;font-weight:initial;text-shadow:0px 4px 16px rgba(0,0,0,0.33);opacity:.8}.frontpage .picture-promo .caption svg{fill:white;width:32px;height:32px;min-width:32px}.frontpage .picture-promo.picture-top{padding-top:0;padding-bottom:33%}.frontpage .picture-promo.picture-top .caption{padding:24px 24px 48px 24px;background:#000;background:linear-gradient(0deg, transparent 0%, #000 100%);border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:0;border-bottom-right-radius:0}.frontpage .supported-brands{text-align:center}.frontpage .supported-brands a{text-decoration:none}.frontpage .supported-brands img{border:none !important;box-shadow:none !important;max-height:50px;max-width:140px;margin:10px;vertical-align:middle}.frontpage .getting-started{text-align:center}.frontpage .getting-started .badge{display:flex;padding:2px 8px 2px 8px;align-items:flex-start;gap:8px;border-radius:4px;background:#E8E6F0;font-family:"Figtree","Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase}.frontpage .getting-started .getting-started-grid{display:flex;padding:48px 0 48px 24px;align-items:flex-start;gap:24px}.frontpage .getting-started .getting-started-device .content{display:flex;flex-direction:column;align-items:center;gap:16px}.frontpage .getting-started .getting-started-device .content img{box-shadow:none;border:0}.frontpage .getting-started .getting-started-device .content h3{font-size:2rem;font-weight:700;line-height:133%;text-transform:none;letter-spacing:-.75px;margin:0}.frontpage .getting-started .getting-started-device .content p{font-size:1rem;line-height:1.5;opacity:.9;margin:0}.frontpage .getting-started .getting-started-device .button{padding:6px 20px;background:#1abcf2;color:white;font-size:1rem;text-transform:uppercase}.frontpage .getting-started #HA_Yellow,.frontpage .getting-started #Raspberry_Pi{padding-top:96px}.frontpage .getting-started #HA_Yellow .badge{color:#f89406}.frontpage .getting-started #HA_Green .badge{color:#46a546}.frontpage .getting-started #Raspberry_Pi .badge{color:#1abcf2}@media only screen and (max-width: 480px){.frontpage .getting-started .getting-started-grid{flex-direction:column}.frontpage .getting-started .getting-started-device{padding-bottom:64px}.frontpage .getting-started #HA_Yellow,.frontpage .getting-started #Raspberry_Pi{padding-top:0;order:2}}.frontpage .sponsors-and-press{margin-top:24px;text-align:center}.frontpage .seen-press{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:24px;margin:48px 0}.frontpage .seen-press a{aspect-ratio:1}.frontpage .seen-press img{border:0;box-shadow:none;margin:24px;width:calc(100% - 48px);max-height:128px;border-radius:0}.frontpage .seen-press .material-card{height:100%;align-content:center;text-align:center;margin:0}.frontpage .seen-press .square{width:initial}.frontpage .seen-press .round{border-radius:50%}@media only screen and (max-width: 1023px){.frontpage .seen-press{grid-template-columns:repeat(auto-fill, minmax(144px, 1fr));gap:16px}.frontpage .seen-press img{max-height:96px}}.frontpage .sponsored-by{text-align:center}.frontpage .sponsored-by img{border:0;border-radius:0;box-shadow:none;margin:24px;max-height:160px}@media screen and (max-width: 1023px){.frontpage .events .event .caption{padding-top:4px}.frontpage .events .event img{width:100%}}h1:hover a.title-link,h2:hover a.title-link,h3:hover a.title-link,h4:hover a.title-link,h5:hover a.title-link,h6:hover a.title-link,dt:hover a.title-link{text-decoration:none}h1:hover a.title-link::before,h2:hover a.title-link::before,h3:hover a.title-link::before,h4:hover a.title-link::before,h5:hover a.title-link::before,h6:hover a.title-link::before,dt:hover a.title-link::before{margin-left:4px;color:#999;content:"\00B6"}.usp ul{text-align:left;margin-left:27px;margin-top:-18px}.usp .icon i{border:none !important}.hero-github-badge .desktop{display:none;max-width:658px;width:100%}.hero-github-badge .mobile{display:block;max-width:420px;width:100%;margin-bottom:2rem}@media only screen and (min-width: 1025px){.hero-github-badge .mobile{display:none;max-width:385px}.hero-github-badge .desktop{display:block}}article.post,article.page,article.listing{font-size:1.125em;line-height:1.6}article.post img,article.post table,article.page img,article.page table,article.listing img,article.listing table{border-radius:8px;box-shadow:rgba(0,0,0,0.5) 0 0 1px;vertical-align:middle}article.post img.no-shadow,article.page img.no-shadow,article.listing img.no-shadow{border:0;box-shadow:none}article.post video,article.page video,article.listing video{max-width:100%}article.post>table,article.post>.entry-content>table,article.page>table,article.page>.entry-content>table,article.listing>table,article.listing>.entry-content>table{background-color:#fff;display:block;overflow-x:auto;table-layout:auto;width:fit-content;max-width:100%}article.post>table>thead,article.post>.entry-content>table>thead,article.page>table>thead,article.page>.entry-content>table>thead,article.listing>table>thead,article.listing>.entry-content>table>thead{background-color:rgba(0,0,0,0.025);border-radius:16px 16px 0 0;font-size:.85em}article.post>table>tbody tr,article.post>.entry-content>table>tbody tr,article.page>table>tbody tr,article.page>.entry-content>table>tbody tr,article.listing>table>tbody tr,article.listing>.entry-content>table>tbody tr{border-bottom:1px solid rgba(0,0,0,0.1)}article.post>table>tbody tr:last-of-type,article.post>.entry-content>table>tbody tr:last-of-type,article.page>table>tbody tr:last-of-type,article.page>.entry-content>table>tbody tr:last-of-type,article.listing>table>tbody tr:last-of-type,article.listing>.entry-content>table>tbody tr:last-of-type{border-bottom:0}article.post p.img,article.page p.img,article.listing p.img{background-color:#fff;border-radius:8px;border-width:8px;text-align:center;padding-bottom:3px;font-size:0.9rem;box-shadow:rgba(0,0,0,0.5) 0 0 1px;border:0}article.post p.img img,article.page p.img img,article.listing p.img img{display:block;box-shadow:none;margin:0 auto}article.post li,article.page li,article.listing li{margin-top:4px;margin-bottom:8px}article.post li>p:last-child,article.page li>p:last-child,article.listing li>p:last-child{margin-bottom:0}article.post li:last-child,article.page li:last-child,article.listing li:last-child{margin-bottom:0}article.post>ol>li,article.page>ol>li,article.listing>ol>li{margin-bottom:16px}article.post a,article.page a,article.listing a{text-decoration:underline;overflow-wrap:break-word}article.post a.btn,article.page a.btn,article.listing a.btn{font-size:1.1em;text-decoration:none;transition:box-shadow .33}article.post a.btn:hover,article.page a.btn:hover,article.listing a.btn:hover{box-shadow:0 0 1px rgba(0,0,0,0.5),0 -4px 8px rgba(0,255,255,0.1),0 32px 64px rgba(0,28,51,0.5)}article.post h2,article.page h2,article.listing h2{margin-top:1.75em;line-height:1.4}article.post h3,article.page h3,article.listing h3{text-transform:uppercase;letter-spacing:0.05rem;font-size:1.375rem;margin-top:2em}article.post h4,article.page h4,article.listing h4{text-transform:uppercase;letter-spacing:0.05rem;font-size:1.1875rem;margin-top:2em;color:#555}article.post details,article.page details,article.listing details{padding-bottom:1em}.aside-module{background:white;border-radius:16px;margin:0 0 24px 0px;padding:4px 24px 8px}.aside-module .section{margin-bottom:10px}.aside-module .section>ul{margin-left:0px}.aside-module .section>ul>li.toc-entry:first-child{padding-top:0}.aside-module .section>ul>li.toc-entry{list-style-type:none}.aside-module .section>ul li.toc-entry,.aside-module .section>ul li.faq-entry{padding:3px 0;font-size:.85rem}.aside-module .section>ul li.toc-entry li,.aside-module .section>ul li.faq-entry li{list-style-type:disc;margin-left:.5em}.aside-module .section>ul li.toc-entry ul,.aside-module .section>ul li.faq-entry ul{margin:3px 0 -3px 1em}.aside-module .brand-logo-container{text-align:center;margin-top:50px;display:grid;justify-items:center;padding:12px 16px}.aside-module .brand-logo-container img{max-height:64px}.aside-module .brand-logo-container a.my img{margin-top:20px}.codeowner-avatar{position:relative;width:48px;height:48px;border-radius:24px;vertical-align:middle;margin:4px 8px 4px 0;border:2px solid rgba(0,0,0,0.1)}.author-avatar{position:relative;width:40px;height:40px;border-radius:24px !important;vertical-align:middle;margin:0 8px 0 0;border:2px solid rgba(0,0,0,0.1) !important;box-shadow:none !important}lite-youtube{position:relative;display:block;padding-bottom:calc(100% / (16 / 9));background-color:rgba(0,0,0,0.1)}lite-youtube::before{content:attr(videotitle) " video placeholder";color:rgba(0,0,0,0.82);text-align:center;width:100%;position:absolute;padding-top:calc(45% / (16 / 9))}.videoWrapper{position:relative;padding-bottom:56.25%;height:0;margin-bottom:25px;background:#000}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.edit-github{float:right;margin-left:8px;margin-bottom:8px;font-size:0.8em}ul.sidebar-menu a.active{color:#000;font-weight:bold;border-left:4px solid #1abcf2;padding:0 8px;display:inline-block}ul.sidebar-menu ul{margin-left:30px}a code{color:#1abcf2}twitter-widget,.twitter-tweet-rendered{margin-left:auto;margin-right:auto}.text-center{text-align:center}.aside-module{max-width:100%;overflow:hidden}div.config-vars{background:#fff;border:1px solid rgba(0,0,0,0.12);padding:24px;border-radius:16px}div.config-vars h3,div.config-vars h4{margin:0}div.config-vars .configuration-link{font-size:13px;margin-bottom:24px}div.config-vars .configuration-link a{color:#8792a2;text-decoration:none;border-bottom:#8792a2 dotted 0.5px}div.config-vars .config-vars-item{border-bottom:1px solid #d9dbde;padding-top:16px;padding-bottom:16px}div.config-vars .config-vars-item:first-child{padding-top:0}div.config-vars .config-vars-item:last-child{border:none;padding-bottom:0}div.config-vars .nested .config-vars-item:last-child{border:none}div.config-vars .config-vars-label{padding-bottom:4px;position:relative}div.config-vars .config-vars-label a.title-link{text-decoration:none}div.config-vars .config-vars-label:hover a.title-link::before{margin-left:4px;color:#999;content:"\00B6"}div.config-vars .config-vars-label-name{font-weight:bold;font-size:16px;color:#222222bd}div.config-vars .config-vars-type{color:#8792a2;font-size:13px}div.config-vars .config-vars-required{color:#8792a2;font-size:13px;text-transform:lowercase}div.config-vars .config-vars-required .true{color:#e56f4a;text-transform:uppercase;font-size:11px}div.config-vars .config-vars-required .default{text-transform:None}div.config-vars .config-vars-description-and-children{font-size:14px;color:#4f566b}div.config-vars .config-vars-description p{margin:0}div.config-vars .config-vars-default{padding-top:8px}div.config-vars .config-vars-default p{margin:0;display:inline}div.config-vars .nested{margin-left:48px}code{font-family:Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;font-size:0.8em;color:#007fa8;word-spacing:normal;word-break:normal;word-wrap:normal;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;background-color:#fdfdfd;background-image:linear-gradient(transparent 50%, rgba(69,142,209,0.04) 50%);background-size:3em 3em;background-origin:content-box;background-attachment:local;border:1px solid #ddd;border-radius:16px;padding:0.1em 0.4em}pre[class*="language-"]:before,pre[class*="language-"]:after{box-shadow:none}@media only screen and (max-width: 1024px){#not_found .page{text-align:center}#not_found .page .search404-container{margin-bottom:32px;display:grid}#not_found .page .search404-container #search404{display:flex;justify-self:center}}@media only screen and (min-width: 1024px){#not_found .page{text-align:center;margin-bottom:300px}#not_found .page .search404-container{margin-bottom:32px;display:grid}#not_found .page .search404-container #search404{display:flex;justify-self:center}#not_found footer{position:absolute;bottom:0;width:100%}}a.my img{border:0px;border-radius:0;box-shadow:none}h1,h2,h3,h4,h5,h6{position:relative;word-wrap:break-word}:target,.title-link{display:inline-block;position:relative;scroll-margin-top:140px}.site-header{position:fixed;width:100%;z-index:999}