#sidebar a:focus,#sidebar a:hover,header{background:var(--ha-dark-blue);color:#fff}header h1,main h2{letter-spacing:-1px}body,html,main h2,main h3{color:var(--text)}#sidebar a,main summary{transition:background .12s,color .12s}main summary,main summary::before{color:var(--ha-dark-blue,#1a73e8)}#pi-form-note,.copy-btn .icon{font-size:1rem}.compare-table th,.screenshot-caption{text-align:center;letter-spacing:.01em}#sidebar a,.copy-btn:hover,.pagination a,.search-result-title a,.tool-card{text-decoration:none}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url('/fonts/roboto-v48-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url('/fonts/roboto-v48-latin-italic.woff2') format('woff2')}main @font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url('/fonts/roboto-v48-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:url('/fonts/roboto-v48-latin-500italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url('/fonts/roboto-v48-latin-700.woff2') format('woff2')}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:url('/fonts/roboto-v48-latin-700italic.woff2') format('woff2')}:root{--sidebar-width:260px;--ha-blue:#41bdf5;--ha-dark-blue:#1a73e8;--bg:#f9f9f9;--text:#111;--sidebar-bg:#e7f2fb;--footer-bg:#d0d7de;--main-card-bg:#fff;--ha-imagebox-bg:#f4f8fc;--accent:#008478;--bg-card:#fff;--border-light:#e0e0e0;--shadow-light:#00000014}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Roboto,'Segoe UI',Arial,sans-serif;background:var(--bg)}.grid-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--sidebar-width);grid-template-rows:auto 1fr auto;grid-template-areas:"header header header" "sidebar main rightmargin" "footer footer footer";min-height:100vh}header{grid-area:header;padding:.73rem 1.1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}header h1{font-size:1.5rem;font-weight:700}header .tagline{font-size:.9rem;font-weight:400;font-style:italic;opacity:.92}main h2,main h3{font-weight:700}.menu-toggle{display:none;background:0 0;border:none;color:#fff;font-size:1.7rem;cursor:pointer}#sidebar,.rightmargin{background:var(--sidebar-bg);min-width:var(--sidebar-width);max-width:var(--sidebar-width)}#sidebar{grid-area:sidebar;display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem 0}#sidebar ul{padding-left:0;width:100%;list-style:none}#sidebar li{width:100%;list-style:none}#sidebar a{display:block;color:#003dd4;font-weight:500;font-size:1.08rem;padding:.5rem 0 .5rem 1.2rem;border-radius:5px;text-align:left}#sidebar a:focus,#sidebar a:hover{outline:0}main{grid-area:main;background:var(--main-card-bg);padding:2.5rem 2rem 2rem;line-height:1.7}main h2{font-size:2.2rem;margin-bottom:.8rem}main h3{font-size:1.3rem;margin-top:2rem;margin-bottom:.5rem}main li,main ol,main p,main ul{line-height:1.7;margin-bottom:.6rem}#sidebar details ul,main li{margin-bottom:.3rem}main code,main pre{line-height:normal}main pre{margin-top:.6em;margin-bottom:1.5em}main ol,main ul{padding-left:1.5rem;margin-top:.8rem;margin-bottom:1.2rem}main ul{list-style:disc}main ol{list-style:decimal}main ol li::marker,main ul li::marker{color:var(--ha-dark-blue);font-weight:700}main>p:first-of-type{font-weight:500;margin-bottom:1.5rem}main .homepage-cta{margin-top:2.2rem;font-weight:700;color:#155785;font-size:1.18rem}main section{margin-bottom:2rem}.rightmargin{grid-area:rightmargin}footer{grid-area:footer;text-align:center;padding:.72rem;background:var(--footer-bg);font-size:.95rem;color:#444;margin-top:auto}main figure{display:flex;flex-direction:column;align-items:center;margin:2.2rem 0}main figure img{max-width:96%;height:auto;border-radius:12px;box-shadow:0 2px 10px rgba(44,140,202,.07)}main figcaption{margin-top:.7rem;font-size:1.04rem;color:#46678a;text-align:center;font-style:italic;line-height:1.4;max-width:90%}@media (min-width:900px){body.wide-rightbar .grid-container{grid-template-columns:220px 1fr 480px}body.wide-rightbar .te-sidebar{width:100%;max-width:none}}pre{position:relative;overflow-x:auto;background:#f1f1f1;border-radius:8px;border:1px solid #ddd}#sidebar summary,.copy-btn{background:0 0;border:none;font-weight:500;cursor:pointer}code{font-family:'Roboto Mono',monospace}.copy-btn{position:absolute;top:6px;right:10px;font-size:.85rem;color:#000;display:flex;align-items:center;gap:.3em;padding:0}.screenshot-box,.screenshot-box img,.screenshot-caption{background:var(--ha-imagebox-bg);box-sizing:border-box}.copy-btn:hover{color:#1355ab}.copy-btn.copied{color:#166437;font-weight:600}#sidebar summary{color:var(--ha-dark-blue);padding:.5rem 0;outline:0}#sidebar details ul{padding-left:1.2rem}#sidebar details li{font-weight:400;font-size:1rem}main pre+small{margin-top:-.8em;display:block}.screenshot-box{border:1.5px solid var(--ha-blue);border-radius:14px;box-shadow:0 2px 10px rgba(65,189,245,.04),0 1px 2px rgba(32,79,135,.08);margin:2.5rem auto;display:inline-block;overflow:hidden;text-align:center}.screenshot-box img{display:block;margin:0 auto;padding:8px 8px 0;border-radius:14px 14px 0 0;max-width:100%;height:auto}.screenshot-caption{color:var(--ha-dark-blue);font-size:1.04rem;font-weight:500;padding:.88em 1em .9em;margin:0;font-style:italic;width:100%}.yaml-error-head,.yaml-warning-head{font-weight:700;letter-spacing:.02em}main details{background:var(--main-card-bg,#fff);border:1.5px solid var(--ha-blue,#41bdf5);border-radius:14px;margin-bottom:1.2rem;padding:.6rem 1rem .85rem;box-shadow:0 3px 12px rgba(65,189,245,.08);transition:background .12s,border-color .15s}main details[open]{background:#f3faff;border-color:var(--ha-dark-blue,#1a73e8)}main summary{font-weight:600;font-size:1.15rem;cursor:pointer;outline:0;padding:.13em 0;border-radius:9px;position:relative}main summary::-webkit-details-marker,main summary::marker{display:none!important;font-size:0!important}main summary::before{content:"▶";display:inline-block;margin-right:.65em;font-size:1em;transition:transform .18s}main details[open] summary::before{content:"▼";transform:rotate(0)}@media (max-width:900px){.grid-container{grid-template-columns:0 1fr 0;grid-template-areas:"header header header" "main main main" "footer footer footer"}.rightmargin{display:none}main{padding:1.2rem .7rem}.menu-toggle{display:inline-block}#sidebar{display:none;position:absolute;top:70px;right:0;left:auto;transform:none;max-width:340px;z-index:999;padding:1.1rem 1.2rem 1.3rem;background:var(--sidebar-bg);border-bottom-left-radius:14px;border-bottom-right-radius:14px;box-shadow:0 4px 12px rgba(44,140,202,.11);min-width:0}#sidebar.active{display:block}main details{padding:.5rem .7rem .8rem}main summary{font-size:1.08rem}}main,main *{overflow-wrap:break-word;word-break:break-word}main pre,main pre code{white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word}.yaml-warning-head{margin-top:1.3em;margin-bottom:.6em;padding:.4em .6em;background:#f7f7d9;border-radius:.5em;font-size:1.13em}.yaml-warning-line{margin-top:.7em;margin-bottom:.7em;padding:.6em .8em .6em 2.1em;background:#fffdea;border-radius:.5em;position:relative;line-height:1.65;font-size:1.06em}.yaml-warning-line .yaml-warning-bullet{position:absolute;left:.8em;top:.9em;color:#e6b800;font-size:1.2em}.var-name{font-family:monospace;background:#f5f5f5;border-radius:3px;padding:0 2px;color:#303030;font-size:95%}.yaml-error-head,.yaml-error-line{background:#ffe3e3;border-radius:.5em;color:#b00020}.yaml-error-head{margin-top:1.3em;margin-bottom:.6em;padding:.4em .6em;font-size:1.13em}.yaml-error-line{margin-top:.7em;margin-bottom:.7em;padding:.6em .8em .6em 2.1em;position:relative;line-height:1.65;font-size:1.06em;border-left:5px solid #d7263d;border:1.5px solid #fac4c4;box-shadow:0 2px 10px 0 rgba(215,38,61,.05)}.yaml-error-line .yaml-bullet,.yaml-error-line .yaml-error-bullet{position:absolute;left:.8em;top:.9em;color:#d7263d;font-size:1.2em}.yaml-error-line .yaml-message-content{color:#a11212}.te-messages,.yaml-error-line,.yaml-message-content,.yaml-warning-line{white-space:normal;word-break:break-word;overflow-wrap:break-word}.site-search input[type=search]{width:180px;padding:4px 8px;font-size:16px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#155785;outline:0;transition:none}.site-search{display:flex;align-items:center;gap:.25rem;margin-left:1.4rem}.site-search button{background:0 0;border:none;cursor:pointer;color:var(--ha-dark-blue);padding:.18rem .3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.18rem}.site-search button:focus{outline:2px solid var(--ha-dark-blue)}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.header-left{display:flex;flex-direction:column;align-items:flex-start}.header-right{display:flex;align-items:center;gap:.6rem}.search-meta{margin:0 0 1rem;font-size:.9rem;color:#555}.search-results{list-style:none;margin:0;padding:0;max-width:1200px}.search-result-card{display:flex;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--border-light)}.search-result-title a{color:#1a0dab;font-size:1.1rem}.search-result-title a:hover{text-decoration:underline}.search-result-summary{margin:.3rem 0 0;font-size:.9rem;color:#202124;line-height:1.4}.search-result-thumb{order:2;flex:0 0 130px;max-width:130px;align-self:flex-end}.search-result-thumb img{width:100%;height:100px;object-fit:contain;object-position:center;background:#fff;border:1px solid var(--border-light);border-radius:4px}.pagination-nav{text-align:center;margin:2rem 0}.pagination{display:inline-flex;list-style:none;padding:0;margin:0}.pagination li{margin:0 5px}.pagination a{display:block;padding:8px 12px;border:1px solid #ccc;color:#06c;transition:background .3s,color .3s}.pagination a:hover{background:#f0f0f0}.pagination a.active{background:#06c;color:#fff;border-color:#06c}#imgattrs a,.bluelinks a{text-decoration:none;color:#06c;transition:color .3s}.print-only{display:none}#imgattrs a:hover,.bluelinks a:hover{color:#004999;text-decoration:underline}.ha-form{background:#fff;border-radius:1rem;box-shadow:0 4px 18px rgba(50,140,200,.08);padding:1.4rem 1.3rem 1.2rem;max-width:520px;margin-bottom:2rem;margin-top:1.2rem}.ha-form label{display:flex;flex-direction:column;font-weight:500;font-size:1.07rem;margin-bottom:1.15rem;color:#2a5c8e}.ha-form input[type=password],.ha-form input[type=text],.ha-form select{margin-top:.4rem;font-size:1.09rem;border:1.5px solid #cce5fa;border-radius:7px;padding:.45rem .5rem;background:#f5faff;outline:0;transition:border .18s;box-shadow:0 1px 5px rgba(120,200,255,.03)}.ha-form input[type=password]:focus,.ha-form input[type=text]:focus,.ha-form select:focus{border:1.5px solid #41bdf5;background:#f0f8fe}.ha-form input[type=text]#mic-device-string{width:67%;display:inline-block;margin-right:.6rem}.ha-form select#mic-hat-dropdown{width:67%;min-width:260px;display:inline-block;vertical-align:middle;margin-top:0}.ha-form button[type=button],.ha-form button[type=submit]{background:var(--ha-blue,#41bdf5);color:#fff;font-weight:600;font-size:1.09rem;border:none;border-radius:8px;padding:.52rem 1.14rem;cursor:pointer;box-shadow:0 2px 10px rgba(60,190,255,.07);transition:background .15s;margin-top:.9rem}.ha-form button[type=button]:hover,.ha-form button[type=submit]:hover{background:var(--ha-dark-blue,#1a73e8)}#pi-form-note{margin-bottom:.4rem;color:#3a82b8;font-style:italic;padding-left:2px}.compare-table{border-radius:9px;background:#fff;box-shadow:0 2px 6px rgba(60,160,220,.06);margin-bottom:1.4rem;width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:.97rem}.compare-table td,.compare-table th{padding:.56rem .65rem;vertical-align:middle}.compare-table th{background:var(--ha-blue,#41bdf5);color:#fff;font-size:1.01rem;font-weight:700}.compare-table tr:nth-child(2n) td{background:#f5faff}.compare-table td:first-child{font-weight:500;color:#1a5888;white-space:nowrap}.compare-table td{text-align:left}.compare-table .icon{font-size:1.04em;vertical-align:-.09em;margin-right:.18em}.compare-table .diy-pill,.compare-table .pe-pill{border-radius:8px;padding:.1em .6em;margin-right:.26em;font-size:.94em;font-weight:500}.compare-table .diy-pill{background:#e9f7eb;color:#20733e}.compare-table .pe-pill{background:#f3f6fd;color:#18578d}@media (max-width:600px){.site-search input[type=search]{width:120px;font-size:14px}.header-left h1{font-size:1.09rem}.tagline{font-size:.85rem}.header-right{gap:.22rem}.dw-search-input{width:100px;font-size:14px}header .tagline{display:none}header{padding:.55rem .6rem}.ha-form{padding:.9rem .7rem;max-width:100%}.ha-form input[type=text]#mic-device-string,.ha-form select#mic-hat-dropdown{width:100%;margin-right:0;display:block}.compare-table td,.compare-table th{padding:.32rem .16rem;font-size:.95rem}}.tool-card{display:block;padding:1.2rem 1.4rem;background:#fff;border-radius:13px;box-shadow:0 4px 20px rgba(0,0,0,.13);font-size:1.19rem;font-weight:500;color:#04e;margin-bottom:1.5rem;transition:background .16s,box-shadow .15s}.tool-card:focus,.tool-card:hover{background:#f6fafe;box-shadow:0 8px 32px rgba(0,0,0,.19)}code:not(pre code){background-color:#f6f7f8;border-radius:.4rem;padding:.1rem;border:.1rem solid #0000001a}.hljs-comment,.hljs-quote{color:#5c6b5c!important}.hljs-literal,.hljs-string{color:#2a5d2a!important}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#2c53a7!important}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#755001!important}